public/openlayers/theme/default/style.css

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