style.css 8.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398
  1. div.olMap {
  2. z-index: 0;
  3. padding: 0px!important;
  4. margin: 0px!important;
  5. cursor: default;
  6. }
  7. div.olMapViewport {
  8. text-align: left;
  9. }
  10. div.olLayerDiv {
  11. -moz-user-select: none;
  12. }
  13. .olLayerGoogleCopyright {
  14. left: 2px;
  15. bottom: 2px;
  16. }
  17. .olLayerGooglePoweredBy {
  18. left: 2px;
  19. bottom: 15px;
  20. }
  21. .olControlAttribution {
  22. font-size: smaller;
  23. right: 3px;
  24. bottom: 4.5em;
  25. position: absolute;
  26. display: block;
  27. }
  28. .olControlScale {
  29. right: 3px;
  30. bottom: 3em;
  31. display: block;
  32. position: absolute;
  33. font-size: smaller;
  34. }
  35. .olControlScaleLine {
  36. display: block;
  37. position: absolute;
  38. left: 10px;
  39. bottom: 15px;
  40. font-size: xx-small;
  41. }
  42. .olControlScaleLineBottom {
  43. border: solid 2px black;
  44. border-bottom: none;
  45. margin-top:-2px;
  46. text-align: center;
  47. }
  48. .olControlScaleLineTop {
  49. border: solid 2px black;
  50. border-top: none;
  51. text-align: center;
  52. }
  53. .olControlPermalink {
  54. right: 3px;
  55. bottom: 1.5em;
  56. display: block;
  57. position: absolute;
  58. font-size: smaller;
  59. }
  60. div.olControlMousePosition {
  61. bottom: 0em;
  62. right: 3px;
  63. display: block;
  64. position: absolute;
  65. font-family: Arial;
  66. font-size: smaller;
  67. }
  68. .olControlOverviewMapContainer {
  69. position: absolute;
  70. bottom: 0px;
  71. right: 0px;
  72. }
  73. .olControlOverviewMapElement {
  74. padding: 10px 18px 10px 10px;
  75. background-color: #00008B;
  76. -moz-border-radius: 1em 0 0 0;
  77. }
  78. .olControlOverviewMapMinimizeButton {
  79. right: 0px;
  80. bottom: 80px;
  81. }
  82. .olControlOverviewMapMaximizeButton {
  83. right: 0px;
  84. bottom: 80px;
  85. }
  86. .olControlOverviewMapExtentRectangle {
  87. overflow: hidden;
  88. background-image: url("img/blank.gif");
  89. cursor: move;
  90. border: 2px dotted red;
  91. }
  92. .olControlOverviewMapRectReplacement {
  93. overflow: hidden;
  94. cursor: move;
  95. background-image: url("img/overview_replacement.gif");
  96. background-repeat: no-repeat;
  97. background-position: center;
  98. }
  99. .olLayerGeoRSSDescription {
  100. float:left;
  101. width:100%;
  102. overflow:auto;
  103. font-size:1.0em;
  104. }
  105. .olLayerGeoRSSClose {
  106. float:right;
  107. color:gray;
  108. font-size:1.2em;
  109. margin-right:6px;
  110. font-family:sans-serif;
  111. }
  112. .olLayerGeoRSSTitle {
  113. float:left;font-size:1.2em;
  114. }
  115. .olPopupContent {
  116. padding:5px;
  117. overflow: auto;
  118. }
  119. .olControlNavToolbar {
  120. width:0px;
  121. height:0px;
  122. }
  123. .olControlNavToolbar div {
  124. display:block;
  125. width: 28px;
  126. height: 28px;
  127. top: 300px;
  128. left: 6px;
  129. position: relative;
  130. }
  131. .olControlNavigationHistory {
  132. background-image: url("img/navigation_history.png");
  133. background-repeat: no-repeat;
  134. width: 24px;
  135. height: 24px;
  136. }
  137. .olControlNavigationHistoryPreviousItemActive {
  138. background-position: 0px 0px;
  139. }
  140. .olControlNavigationHistoryPreviousItemInactive {
  141. background-position: 0px -24px;
  142. }
  143. .olControlNavigationHistoryNextItemActive {
  144. background-position: -24px 0px;
  145. }
  146. .olControlNavigationHistoryNextItemInactive {
  147. background-position: -24px -24px;
  148. }
  149. .olControlNavToolbar .olControlNavigationItemActive {
  150. background-image: url("img/panning-hand-on.png");
  151. background-repeat: no-repeat;
  152. }
  153. .olControlNavToolbar .olControlNavigationItemInactive {
  154. background-image: url("img/panning-hand-off.png");
  155. background-repeat: no-repeat;
  156. }
  157. .olControlNavToolbar .olControlZoomBoxItemActive {
  158. background-image: url("img/drag-rectangle-on.png");
  159. background-color: orange;
  160. background-repeat: no-repeat;
  161. }
  162. .olControlNavToolbar .olControlZoomBoxItemInactive {
  163. background-image: url("img/drag-rectangle-off.png");
  164. background-repeat: no-repeat;
  165. }
  166. .olControlEditingToolbar {
  167. float:right;
  168. right: 0px;
  169. height: 30px;
  170. width: 200px;
  171. }
  172. .olControlEditingToolbar div {
  173. background-image: url("img/editing_tool_bar.png");
  174. background-repeat: no-repeat;
  175. float:right;
  176. width: 24px;
  177. height: 24px;
  178. margin: 5px;
  179. }
  180. .olControlEditingToolbar .olControlNavigationItemActive {
  181. background-position: -103px -23px;
  182. }
  183. .olControlEditingToolbar .olControlNavigationItemInactive {
  184. background-position: -103px -0px;
  185. }
  186. .olControlEditingToolbar .olControlDrawFeaturePointItemActive {
  187. background-position: -77px -23px;
  188. }
  189. .olControlEditingToolbar .olControlDrawFeaturePointItemInactive {
  190. background-position: -77px -0px;
  191. }
  192. .olControlEditingToolbar .olControlDrawFeaturePathItemInactive {
  193. background-position: -51px 0px;
  194. }
  195. .olControlEditingToolbar .olControlDrawFeaturePathItemActive {
  196. background-position: -51px -23px;
  197. }
  198. .olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive {
  199. background-position: -26px 0px;
  200. }
  201. .olControlEditingToolbar .olControlDrawFeaturePolygonItemActive {
  202. background-position: -26px -23px ;
  203. }
  204. div.olControlSaveFeaturesItemActive {
  205. background-image: url(img/save_features_on.png);
  206. background-repeat: no-repeat;
  207. background-position: 0px 1px;
  208. }
  209. div.olControlSaveFeaturesItemInactive {
  210. background-image: url(img/save_features_off.png);
  211. background-repeat: no-repeat;
  212. background-position: 0px 1px;
  213. }
  214. .olHandlerBoxZoomBox {
  215. border: 2px solid red;
  216. position: absolute;
  217. background-color: white;
  218. opacity: 0.50;
  219. font-size: 1px;
  220. filter: alpha(opacity=50);
  221. }
  222. .olHandlerBoxSelectFeature {
  223. border: 2px solid blue;
  224. position: absolute;
  225. background-color: white;
  226. opacity: 0.50;
  227. font-size: 1px;
  228. filter: alpha(opacity=50);
  229. }
  230. .olControlPanPanel {
  231. top: 10px;
  232. left: 5px;
  233. }
  234. .olControlPanPanel div {
  235. background-image: url(img/pan-panel.png);
  236. height: 18px;
  237. width: 18px;
  238. cursor: pointer;
  239. position: absolute;
  240. }
  241. .olControlPanPanel .olControlPanNorthItemInactive {
  242. top: 0px;
  243. left: 9px;
  244. background-position: 0px 0px;
  245. }
  246. .olControlPanPanel .olControlPanSouthItemInactive {
  247. top: 36px;
  248. left: 9px;
  249. background-position: 18px 0px;
  250. }
  251. .olControlPanPanel .olControlPanWestItemInactive {
  252. position: absolute;
  253. top: 18px;
  254. left: 0px;
  255. background-position: 0px 18px;
  256. }
  257. .olControlPanPanel .olControlPanEastItemInactive {
  258. top: 18px;
  259. left: 18px;
  260. background-position: 18px 18px;
  261. }
  262. .olControlZoomPanel {
  263. top: 71px;
  264. left: 14px;
  265. }
  266. .olControlZoomPanel div {
  267. background-image: url(img/zoom-panel.png);
  268. position: absolute;
  269. height: 18px;
  270. width: 18px;
  271. cursor: pointer;
  272. }
  273. .olControlZoomPanel .olControlZoomInItemInactive {
  274. top: 0px;
  275. left: 0px;
  276. background-position: 0px 0px;
  277. }
  278. .olControlZoomPanel .olControlZoomToMaxExtentItemInactive {
  279. top: 18px;
  280. left: 0px;
  281. background-position: 0px -18px;
  282. }
  283. .olControlZoomPanel .olControlZoomOutItemInactive {
  284. top: 36px;
  285. left: 0px;
  286. background-position: 0px 18px;
  287. }
  288. .olPopupCloseBox {
  289. background: url("img/close.gif") no-repeat;
  290. cursor: pointer;
  291. }
  292. .olFramedCloudPopupContent {
  293. padding: 5px;
  294. overflow: auto;
  295. }
  296. .olControlNoSelect {
  297. -moz-user-select: none;
  298. }
  299. .olImageLoadError {
  300. background-color: pink;
  301. opacity: 0.5;
  302. filter: alpha(opacity=50); /* IE */
  303. }
  304. /**
  305. * Cursor styles
  306. */
  307. .olCursorWait {
  308. cursor: wait;
  309. }
  310. .olDragDown {
  311. cursor: move;
  312. }
  313. .olDrawBox {
  314. cursor: crosshair;
  315. }
  316. .olControlDragFeatureOver {
  317. cursor: move;
  318. }
  319. .olControlDragFeatureActive.olControlDragFeatureOver.olDragDown {
  320. cursor: -moz-grabbing;
  321. }
  322. /**
  323. * Layer switcher
  324. */
  325. .olControlLayerSwitcher {
  326. position: absolute;
  327. top: 25px;
  328. right: 0px;
  329. width: 20em;
  330. font-family: sans-serif;
  331. font-weight: bold;
  332. margin-top: 3px;
  333. margin-left: 3px;
  334. margin-bottom: 3px;
  335. font-size: smaller;
  336. color: white;
  337. background-color: transparent;
  338. }
  339. .olControlLayerSwitcher .layersDiv {
  340. padding-top: 5px;
  341. padding-left: 10px;
  342. padding-bottom: 5px;
  343. padding-right: 75px;
  344. background-color: darkblue;
  345. width: 100%;
  346. height: 100%;
  347. }
  348. .olControlLayerSwitcher .layersDiv .baseLbl,
  349. .olControlLayerSwitcher .layersDiv .dataLbl {
  350. margin-top: 3px;
  351. margin-left: 3px;
  352. margin-bottom: 3px;
  353. }
  354. .olControlLayerSwitcher .layersDiv .baseLayersDiv,
  355. .olControlLayerSwitcher .layersDiv .dataLayersDiv {
  356. padding-left: 10px;
  357. }
  358. .olControlLayerSwitcher .maximizeDiv,
  359. .olControlLayerSwitcher .minimizeDiv {
  360. top: 5px;
  361. right: 0px;
  362. }