vendor/assets/openlayers/theme/default/style.css

   1 div.olMap {
   2     z-index: 0;
   3     padding: 0 !important;
   4     margin: 0 !important;
   5     cursor: default;
   6 }
   7
   8 div.olMapViewport {
   9     text-align: left;
  10 }
  11
  12 div.olLayerDiv {
  13    -moz-user-select: none;
  14    -khtml-user-select: none;
  15 }
  16
  17 .olLayerGoogleCopyright {
  18     left: 2px;
  19     bottom: 2px;
  20 }
  21 .olLayerGoogleV3.olLayerGoogleCopyright {
  22     right: auto !important;
  23 }
  24 .olLayerGooglePoweredBy {
  25     left: 2px;
  26     bottom: 15px;
  27 }
  28 .olLayerGoogleV3.olLayerGooglePoweredBy {
  29     bottom: 15px !important;
  30 }
  31 .olControlAttribution {
  32     font-size: smaller;
  33     right: 3px;
  34     bottom: 4.5em;
  35     position: absolute;
  36     display: block;
  37 }
  38 .olControlScale {
  39     right: 3px;
  40     bottom: 3em;
  41     display: block;
  42     position: absolute;
  43     font-size: smaller;
  44 }
  45 .olControlScaleLine {
  46    display: block;
  47    position: absolute;
  48    left: 10px;
  49    bottom: 15px;
  50    font-size: xx-small;
  51 }
  52 .olControlScaleLineBottom {
  53    border: solid 2px black;
  54    border-bottom: none;
  55    margin-top:-2px;
  56    text-align: center;
  57 }
  58 .olControlScaleLineTop {
  59    border: solid 2px black;
  60    border-top: none;
  61    text-align: center;
  62 }
  63
  64 .olControlPermalink {
  65     right: 3px;
  66     bottom: 1.5em;
  67     display: block;
  68     position: absolute;
  69     font-size: smaller;
  70 }
  71
  72 div.olControlMousePosition {
  73     bottom: 0;
  74     right: 3px;
  75     display: block;
  76     position: absolute;
  77     font-family: Arial;
  78     font-size: smaller;
  79 }
  80
  81 .olControlOverviewMapContainer {
  82     position: absolute;
  83     bottom: 0;
  84     right: 0;
  85 }
  86
  87 .olControlOverviewMapElement {
  88     padding: 10px 18px 10px 10px;
  89     background-color: #00008B;
  90     -moz-border-radius: 1em 0 0 0;
  91 }
  92
  93 .olControlOverviewMapMinimizeButton,
  94 .olControlOverviewMapMaximizeButton {
  95     height: 18px;
  96     width: 18px;
  97     right: 0;
  98     bottom: 80px;
  99     cursor: pointer;
 100 }
 101
 102 .olControlOverviewMapExtentRectangle {
 103     overflow: hidden;
 104     background-image: url("img/blank.gif");
 105     cursor: move;
 106     border: 2px dotted red;
 107 }
 108 .olControlOverviewMapRectReplacement {
 109     overflow: hidden;
 110     cursor: move;
 111     background-image: url("img/overview_replacement.gif");
 112     background-repeat: no-repeat;
 113     background-position: center;
 114 }
 115
 116 .olLayerGeoRSSDescription {
 117     float:left;
 118     width:100%;
 119     overflow:auto;
 120     font-size:1.0em;
 121 }
 122 .olLayerGeoRSSClose {
 123     float:right;
 124     color:gray;
 125     font-size:1.2em;
 126     margin-right:6px;
 127     font-family:sans-serif;
 128 }
 129 .olLayerGeoRSSTitle {
 130     float:left;font-size:1.2em;
 131 }
 132
 133 .olPopupContent {
 134     padding:5px;
 135     overflow: auto;
 136 }
 137
 138 .olControlNavigationHistory {
 139    background-image: url("img/navigation_history.png");
 140    background-repeat: no-repeat;
 141    width:  24px;
 142    height: 24px;
 143
 144 }
 145 .olControlNavigationHistoryPreviousItemActive {
 146   background-position: 0 0;
 147 }
 148 .olControlNavigationHistoryPreviousItemInactive {
 149    background-position: 0 -24px;
 150 }
 151 .olControlNavigationHistoryNextItemActive {
 152    background-position: -24px 0;
 153 }
 154 .olControlNavigationHistoryNextItemInactive {
 155    background-position: -24px -24px;
 156 }
 157
 158 div.olControlSaveFeaturesItemActive {
 159     background-image: url(img/save_features_on.png);
 160     background-repeat: no-repeat;
 161     background-position: 0 1px;
 162 }
 163 div.olControlSaveFeaturesItemInactive {
 164     background-image: url(img/save_features_off.png);
 165     background-repeat: no-repeat;
 166     background-position: 0 1px;
 167 }
 168
 169 .olHandlerBoxZoomBox {
 170     border: 2px solid red;
 171     position: absolute;
 172     background-color: white;
 173     opacity: 0.50;
 174     font-size: 1px;
 175     filter: alpha(opacity=50);
 176 }
 177 .olHandlerBoxSelectFeature {
 178     border: 2px solid blue;
 179     position: absolute;
 180     background-color: white;
 181     opacity: 0.50;
 182     font-size: 1px;
 183     filter: alpha(opacity=50);
 184 }
 185
 186 .olControlPanPanel {
 187     top: 10px;
 188     left: 5px;
 189 }
 190
 191 .olControlPanPanel div {
 192     background-image: url(img/pan-panel.png);
 193     height: 18px;
 194     width: 18px;
 195     cursor: pointer;
 196     position: absolute;
 197 }
 198
 199 .olControlPanPanel .olControlPanNorthItemInactive {
 200     top: 0;
 201     left: 9px;
 202     background-position: 0 0;
 203 }
 204 .olControlPanPanel .olControlPanSouthItemInactive {
 205     top: 36px;
 206     left: 9px;
 207     background-position: 18px 0;
 208 }
 209 .olControlPanPanel .olControlPanWestItemInactive {
 210     position: absolute;
 211     top: 18px;
 212     left: 0;
 213     background-position: 0 18px;
 214 }
 215 .olControlPanPanel .olControlPanEastItemInactive {
 216     top: 18px;
 217     left: 18px;
 218     background-position: 18px 18px;
 219 }
 220
 221 .olControlZoomPanel {
 222     top: 71px;
 223     left: 14px;
 224 }
 225
 226 .olControlZoomPanel div {
 227     background-image: url(img/zoom-panel.png);
 228     position: absolute;
 229     height: 18px;
 230     width: 18px;
 231     cursor: pointer;
 232 }
 233
 234 .olControlZoomPanel .olControlZoomInItemInactive {
 235     top: 0;
 236     left: 0;
 237     background-position: 0 0;
 238 }
 239
 240 .olControlZoomPanel .olControlZoomToMaxExtentItemInactive {
 241     top: 18px;
 242     left: 0;
 243     background-position: 0 -18px;
 244 }
 245
 246 .olControlZoomPanel .olControlZoomOutItemInactive {
 247     top: 36px;
 248     left: 0;
 249     background-position: 0 18px;
 250 }
 251
 252 /*
 253  * When a potential text is bigger than the image it move the image
 254  * with some headers (closes #3154)
 255  */
 256 .olControlPanZoomBar div {
 257     font-size: 1px;
 258 }
 259
 260 .olPopupCloseBox {
 261   background: url("img/close.gif") no-repeat;
 262   cursor: pointer;
 263 }
 264
 265 .olFramedCloudPopupContent {
 266     padding: 5px;
 267     overflow: auto;
 268 }
 269
 270 .olControlNoSelect {
 271  -moz-user-select: none;
 272  -khtml-user-select: none;
 273 }
 274
 275 .olImageLoadError {
 276     background-color: pink;
 277     opacity: 0.5;
 278     filter: alpha(opacity=50); /* IE */
 279 }
 280
 281 /**
 282  * Cursor styles
 283  */
 284
 285 .olCursorWait {
 286     cursor: wait;
 287 }
 288 .olDragDown {
 289     cursor: move;
 290 }
 291 .olDrawBox {
 292     cursor: crosshair;
 293 }
 294 .olControlDragFeatureOver {
 295     cursor: move;
 296 }
 297 .olControlDragFeatureActive.olControlDragFeatureOver.olDragDown {
 298     cursor: -moz-grabbing;
 299 }
 300
 301 /**
 302  * Layer switcher
 303  */
 304 .olControlLayerSwitcher {
 305     position: absolute;
 306     top: 25px;
 307     right: 0;
 308     width: 20em;
 309     font-family: sans-serif;
 310     font-weight: bold;
 311     margin-top: 3px;
 312     margin-left: 3px;
 313     margin-bottom: 3px;
 314     font-size: smaller;
 315     color: white;
 316     background-color: transparent;
 317 }
 318
 319 .olControlLayerSwitcher .layersDiv {
 320     padding-top: 5px;
 321     padding-left: 10px;
 322     padding-bottom: 5px;
 323     padding-right: 10px;
 324     background-color: darkblue;
 325 }
 326
 327 .olControlLayerSwitcher .layersDiv .baseLbl,
 328 .olControlLayerSwitcher .layersDiv .dataLbl {
 329     margin-top: 3px;
 330     margin-left: 3px;
 331     margin-bottom: 3px;
 332 }
 333
 334 .olControlLayerSwitcher .layersDiv .baseLayersDiv,
 335 .olControlLayerSwitcher .layersDiv .dataLayersDiv {
 336     padding-left: 10px;
 337 }
 338
 339 .olControlLayerSwitcher .maximizeDiv,
 340 .olControlLayerSwitcher .minimizeDiv {
 341     width: 18px;
 342     height: 18px;
 343     top: 5px;
 344     right: 0;
 345     cursor: pointer;
 346 }
 347
 348 .olBingAttribution {
 349     color: #DDD;
 350 }
 351 .olBingAttribution.road {
 352     color: #333;
 353 }
 354
 355 .olGoogleAttribution.hybrid, .olGoogleAttribution.satellite {
 356     color: #EEE;
 357 }
 358 .olGoogleAttribution {
 359     color: #333;
 360 }
 361 span.olGoogleAttribution a {
 362     color: #77C;
 363 }
 364 span.olGoogleAttribution.hybrid a, span.olGoogleAttribution.satellite a {
 365     color: #EEE;
 366 }
 367
 368 /**
 369  * Editing and navigation icons.
 370  * (using the editing_tool_bar.png sprint image)
 371  */
 372 .olControlNavToolbar ,
 373 .olControlEditingToolbar {
 374     margin: 5px 5px 0 0;
 375 }
 376 .olControlNavToolbar div,
 377 .olControlEditingToolbar div {
 378     background-image: url("img/editing_tool_bar.png");
 379     background-repeat: no-repeat;
 380     margin: 0 0 5px 5px;
 381     width: 24px;
 382     height: 22px;
 383     cursor: pointer
 384 }
 385 /* positions */
 386 .olControlEditingToolbar {
 387     right: 0;
 388     top: 0;
 389 }
 390 .olControlNavToolbar {
 391     top: 295px;
 392     left: 9px;
 393 }
 394 /* layouts */
 395 .olControlEditingToolbar div {
 396     float: right;
 397 }
 398 /* individual controls */
 399 .olControlNavToolbar .olControlNavigationItemInactive,
 400 .olControlEditingToolbar .olControlNavigationItemInactive {
 401     background-position: -103px -1px;
 402 }
 403 .olControlNavToolbar .olControlNavigationItemActive ,
 404 .olControlEditingToolbar .olControlNavigationItemActive  {
 405     background-position: -103px -24px;
 406 }
 407 .olControlNavToolbar .olControlZoomBoxItemInactive {
 408     background-position: -128px -1px;
 409 }
 410 .olControlNavToolbar .olControlZoomBoxItemActive  {
 411     background-position: -128px -24px;
 412 }
 413 .olControlEditingToolbar .olControlDrawFeaturePointItemInactive {
 414     background-position: -77px -1px;
 415 }
 416 .olControlEditingToolbar .olControlDrawFeaturePointItemActive {
 417     background-position: -77px -24px;
 418 }
 419 .olControlEditingToolbar .olControlDrawFeaturePathItemInactive {
 420     background-position: -51px -1px;
 421 }
 422 .olControlEditingToolbar .olControlDrawFeaturePathItemActive {
 423     background-position: -51px -24px;
 424 }
 425 .olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive{
 426     background-position: -26px -1px;
 427 }
 428 .olControlEditingToolbar .olControlDrawFeaturePolygonItemActive {
 429     background-position: -26px -24px;
 430 }
 431
 432 div.olControlZoom {
 433     position: absolute;
 434     top: 8px;
 435     left: 8px;
 436     background: rgba(255,255,255,0.4);
 437     border-radius: 4px;
 438     padding: 2px;
 439 }
 440 div.olControlZoom a {
 441     display: block;
 442     margin: 1px;
 443     padding: 0;
 444     color: white;
 445     font-size: 18px;
 446     font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
 447     font-weight: bold;
 448     text-decoration: none;
 449     text-align: center;
 450     height: 22px;
 451     width:22px;
 452     line-height: 19px;
 453     background: #130085; /* fallback for IE - IE6 requires background shorthand*/
 454     background: rgba(0, 60, 136, 0.5);
 455     filter: alpha(opacity=80);
 456 }
 457 div.olControlZoom a:hover {
 458     background: #130085; /* fallback for IE */
 459     background: rgba(0, 60, 136, 0.7);
 460     filter: alpha(opacity=100);
 461 }
 462 @media only screen and (max-width: 600px) {
 463     div.olControlZoom a:hover {
 464         background: rgba(0, 60, 136, 0.5);
 465     }
 466 }
 467 a.olControlZoomIn {
 468     border-radius: 4px 4px 0 0;
 469 }
 470 a.olControlZoomOut {
 471     border-radius: 0 0 4px 4px;
 472 }
 473
 474
 475 /**
 476  * Animations
 477  */
 478
 479 .olLayerGrid .olTileImage {
 480     -webkit-transition: opacity 0.2s linear;
 481     -moz-transition: opacity 0.2s linear;
 482     -o-transition: opacity 0.2s linear;
 483     transition: opacity 0.2s linear;
 484 }