app/assets/openlayers/theme/default/style.css.scss

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