style.css 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246
  1. div.olLayerDiv {
  2. -moz-user-select: none
  3. }
  4. .olLayerGoogleCopyright {
  5. left: 2px;
  6. bottom: 2px;
  7. }
  8. .olLayerGooglePoweredBy {
  9. left: 2px;
  10. bottom: 15px;
  11. }
  12. .olControlAttribution {
  13. font-size: smaller;
  14. right: 3px;
  15. bottom: 4.5em;
  16. position: absolute;
  17. display: block;
  18. }
  19. .olControlScale {
  20. right: 3px;
  21. bottom: 3em;
  22. display: block;
  23. position: absolute;
  24. font-size: smaller;
  25. }
  26. .olControlScaleLine {
  27. left: 10px;
  28. bottom: 15px;
  29. font-size: xx-small;
  30. }
  31. .olControlScaleLineBottom {
  32. border: solid 2px black;
  33. border-bottom: none;
  34. margin-top:-2px;
  35. text-align: center;
  36. }
  37. .olControlScaleLineTop {
  38. border: solid 2px black;
  39. border-top: none;
  40. text-align: center;
  41. }
  42. .olControlPermalink {
  43. right: 3px;
  44. bottom: 1.5em;
  45. display: block;
  46. position: absolute;
  47. font-size: smaller;
  48. }
  49. div.olControlMousePosition {
  50. bottom: 0em;
  51. right: 3px;
  52. display: block;
  53. position: absolute;
  54. font-family: Arial;
  55. font-size: smaller;
  56. }
  57. .olControlOverviewMapContainer {
  58. position: absolute;
  59. bottom: 0px;
  60. right: 0px;
  61. }
  62. .olControlOverviewMapElement {
  63. padding: 10px 18px 10px 10px;
  64. background-color: #00008B;
  65. -moz-border-radius: 1em 0 0 0;
  66. }
  67. .olControlOverviewMapMinimizeButton {
  68. right: 0px;
  69. bottom: 80px;
  70. }
  71. .olControlOverviewMapMaximizeButton {
  72. right: 0px;
  73. bottom: 80px;
  74. }
  75. .olControlOverviewMapExtentRectangle {
  76. overflow: hidden;
  77. background-image: url("img/blank.gif");
  78. cursor: move;
  79. border: 2px dotted red;
  80. }
  81. .olControlOverviewMapRectReplacement {
  82. overflow: hidden;
  83. cursor: move;
  84. background-image: url("img/overview_replacement.gif");
  85. background-repeat: no-repeat;
  86. background-position: center;
  87. }
  88. .olLayerGeoRSSDescription {
  89. float:left;
  90. width:100%;
  91. overflow:auto;
  92. font-size:1.0em;
  93. }
  94. .olLayerGeoRSSClose {
  95. float:right;
  96. color:gray;
  97. font-size:1.2em;
  98. margin-right:6px;
  99. font-family:sans-serif;
  100. }
  101. .olLayerGeoRSSTitle {
  102. float:left;font-size:1.2em;
  103. }
  104. .olPopupContent {
  105. padding:5px;
  106. overflow: auto;
  107. }
  108. .olControlNavToolbar {
  109. width:0px;
  110. height:0px;
  111. }
  112. .olControlNavToolbar div {
  113. display:block;
  114. width: 28px;
  115. height: 28px;
  116. top: 300px;
  117. left: 6px;
  118. position: relative;
  119. }
  120. .olControlNavigationHistoryPreviousItemActive {
  121. background-image: url("img/view_previous_on.png");
  122. background-repeat: no-repeat;
  123. width: 24px;
  124. height: 24px;
  125. }
  126. .olControlNavigationHistoryPreviousItemInactive {
  127. background-image: url("img/view_previous_off.png");
  128. background-repeat: no-repeat;
  129. width: 24px;
  130. height: 24px;
  131. }
  132. .olControlNavigationHistoryNextItemActive {
  133. background-image: url("img/view_next_on.png");
  134. background-repeat: no-repeat;
  135. width: 24px;
  136. height: 24px;
  137. }
  138. .olControlNavigationHistoryNextItemInactive {
  139. background-image: url("img/view_next_off.png");
  140. background-repeat: no-repeat;
  141. width: 24px;
  142. height: 24px;
  143. }
  144. .olControlNavToolbar .olControlNavigationItemActive {
  145. background-image: url("img/panning-hand-on.png");
  146. background-repeat: no-repeat;
  147. }
  148. .olControlNavToolbar .olControlNavigationItemInactive {
  149. background-image: url("img/panning-hand-off.png");
  150. background-repeat: no-repeat;
  151. }
  152. .olControlNavToolbar .olControlZoomBoxItemActive {
  153. background-image: url("img/drag-rectangle-on.png");
  154. background-color: orange;
  155. background-repeat: no-repeat;
  156. }
  157. .olControlNavToolbar .olControlZoomBoxItemInactive {
  158. background-image: url("img/drag-rectangle-off.png");
  159. background-repeat: no-repeat;
  160. }
  161. .olControlEditingToolbar {
  162. float:right;
  163. right: 0px;
  164. height: 30px;
  165. width: 200px;
  166. }
  167. .olControlEditingToolbar div {
  168. float:right;
  169. width: 24px;
  170. height: 24px;
  171. margin: 5px;
  172. }
  173. .olControlEditingToolbar .olControlNavigationItemActive {
  174. background-image: url("img/editing_tool_bar.png");
  175. background-repeat: no-repeat;
  176. background-position: -103px -23px;
  177. }
  178. .olControlEditingToolbar .olControlNavigationItemInactive {
  179. background-image: url("img/editing_tool_bar.png");
  180. background-repeat: no-repeat;
  181. background-position: -103px -0px;
  182. }
  183. .olControlEditingToolbar .olControlDrawFeaturePointItemActive {
  184. background-image: url("img/editing_tool_bar.png");
  185. background-repeat: no-repeat;
  186. background-position: -77px -23px;
  187. }
  188. .olControlEditingToolbar .olControlDrawFeaturePointItemInactive {
  189. background-image: url("img/editing_tool_bar.png");
  190. background-repeat: no-repeat;
  191. background-position: -77px -0px;
  192. }
  193. .olControlEditingToolbar .olControlDrawFeaturePathItemInactive {
  194. background-image: url("img/editing_tool_bar.png");
  195. background-repeat: no-repeat;
  196. background-position: -51px 0px;
  197. }
  198. .olControlEditingToolbar .olControlDrawFeaturePathItemActive {
  199. background-image: url("img/editing_tool_bar.png");
  200. background-repeat: no-repeat;
  201. background-position: -51px -23px;
  202. }
  203. .olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive {
  204. background-image: url("img/editing_tool_bar.png");
  205. background-repeat: no-repeat;
  206. background-position: -26px 0px;
  207. }
  208. .olControlEditingToolbar .olControlDrawFeaturePolygonItemActive {
  209. background-image: url("img/editing_tool_bar.png");
  210. background-repeat: no-repeat;
  211. background-position: -26px -23px ;
  212. }
  213. .olHandlerBoxZoomBox {
  214. border: 2px solid red;
  215. position: absolute;
  216. background-color: white;
  217. opacity: 0.50;
  218. font-size: 1px;
  219. filter: alpha(opacity=50);
  220. }
  221. /*
  222. * Due to current limitations in the OpenLayers code, you can only
  223. * replace this image with another image which is 17px x 17px.
  224. */
  225. .olPopupCloseBox {
  226. background: url("img/close.gif") no-repeat;
  227. cursor: pointer;
  228. }
  229. .olControlNoSelect {
  230. -moz-user-select: none;
  231. }