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

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