style.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. /**
  2. * @file
  3. * CSS file for OpenLayers dark theme.
  4. *
  5. * We include the default styles, then add
  6. * some specificity to override certain elements
  7. * like image references.
  8. */
  9. @import url(openlayers_style.css);
  10. .olControlOverviewMapExtentRectangle {
  11. border: none;
  12. }
  13. .olControlOverviewMapRectReplacement {
  14. background-image: url(img/overview_replacement.png);
  15. }
  16. /**
  17. * A few custom styles
  18. */
  19. .openlayers-popup {
  20. color: #EEEEEE;
  21. }
  22. .olImageLoadError,
  23. .openlayers-map .olImageLoadError {
  24. background-color: transparent;
  25. }
  26. /**
  27. * CSS fix, see #1646646
  28. */
  29. label.olButton {
  30. display: inline;
  31. margin-left: .5em;
  32. }
  33. /**
  34. * Improve placement of controls that overlap when both are enabled.
  35. */
  36. .openlayers_behavior_fullscreen_button_panelActive .olControlEditingToolbar {
  37. right: 30px;
  38. }
  39. .olControlMousePositionActive .olControlAttribution {
  40. bottom: 1.2em;
  41. right: 3px;
  42. }
  43. /**
  44. * Make the fullscreen behavior button match dark design.
  45. * The fullscreen button is added to the editing tool bar PNG to reduce
  46. * HTTP requests.
  47. */
  48. .openlayers_behavior_fullscreen_buttonItemInactive {
  49. background-image: url(img/editing_tool_bar.png);
  50. background-position: -153px -1px;
  51. width: 24px;
  52. height: 22px;
  53. }
  54. .openlayers_map_fullscreen .openlayers_behavior_fullscreen_buttonItemInactive {
  55. background-position: -153px -24px;
  56. }
  57. .openlayers-container {
  58. position: relative;
  59. }
  60. /**
  61. * The following are images that are not in
  62. * this theme (but should be).
  63. */
  64. /*
  65. .openlayers-map .olControlNavigationHistory {
  66. background-image: url("img/navigation_history.png");
  67. }
  68. */
  69. .openlayers-map .olControlOverviewMapRectReplacement {
  70. background-image: url("img/overview_replacement.gif");
  71. }
  72. .openlayers-map .olControlNavigationHistory {
  73. background-image: url("img/navigation_history.png");
  74. }
  75. .openlayers-map div.olControlSaveFeaturesItemActive {
  76. background-image: url("img/save_features_on.png");
  77. }
  78. div.olControlSaveFeaturesItemInactive {
  79. background-image: url("img/save_features_off.png");
  80. }
  81. .openlayers-map .olControlPanPanel div {
  82. background-image: url("img/pan-panel.png");
  83. }
  84. .openlayers-map .olPopupCloseBox {
  85. background: url("img/close.gif") no-repeat scroll 0 0 transparent;
  86. }
  87. .openlayers-map .olControlZoomPanel div {
  88. background-image: url("img/zoom-panel.png");
  89. }