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