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    left: 10px;
  40    bottom: 15px;
  41    font-size: xx-small;
  42 }
  43 .olControlScaleLineBottom {
  44    border: solid 2px black;
  45    border-bottom: none;
  46    margin-top:-2px;
  47    text-align: center;
  48 }
  49 .olControlScaleLineTop {
  50    border: solid 2px black;
  51    border-top: none;
  52    text-align: center;
  53 }
  54
  55 .olControlPermalink {
  56     right: 3px;
  57     bottom: 1.5em;
  58     display: block;
  59     position: absolute;
  60     font-size: smaller;
  61 }
  62
  63 div.olControlMousePosition {
  64     bottom: 0em;
  65     right: 3px;
  66     display: block;
  67     position: absolute;
  68     font-family: Arial;
  69     font-size: smaller;
  70 }
  71
  72 .olControlOverviewMapContainer {
  73     position: absolute;
  74     bottom: 0px;
  75     right: 0px;
  76 }
  77
  78 .olControlOverviewMapElement {
  79     padding: 10px 18px 10px 10px;
  80     background-color: #00008B;
  81     -moz-border-radius: 1em 0 0 0;
  82 }
  83
  84 .olControlOverviewMapMinimizeButton {
  85     right: 0px;
  86     bottom: 80px;
  87 }
  88
  89 .olControlOverviewMapMaximizeButton {
  90     right: 0px;
  91     bottom: 80px;
  92 }
  93
  94 .olControlOverviewMapExtentRectangle {
  95     overflow: hidden;
  96     background-image: url("img/blank.gif");
  97     cursor: move;
  98     border: 2px dotted red;
  99 }
 100 .olControlOverviewMapRectReplacement {
 101     overflow: hidden;
 102     cursor: move;
 103     background-image: url("img/overview_replacement.gif");
 104     background-repeat: no-repeat;
 105     background-position: center;
 106 }
 107
 108 .olLayerGeoRSSDescription {
 109     float:left;
 110     width:100%;
 111     overflow:auto;
 112     font-size:1.0em;
 113 }
 114 .olLayerGeoRSSClose {
 115     float:right;
 116     color:gray;
 117     font-size:1.2em;
 118     margin-right:6px;
 119     font-family:sans-serif;
 120 }
 121 .olLayerGeoRSSTitle {
 122     float:left;font-size:1.2em;
 123 }
 124
 125 .olPopupContent {
 126     padding:5px;
 127     overflow: auto;
 128 }
 129 .olControlNavToolbar {
 130     width:0px;
 131     height:0px;
 132 }
 133 .olControlNavToolbar div {
 134   display:block;
 135   width:  28px;
 136   height: 28px;
 137   top: 300px;
 138   left: 6px;
 139   position: relative;
 140 }
 141
 142 .olControlNavigationHistory {
 143    background-image: url("img/navigation_history.png");
 144    background-repeat: no-repeat;
 145    width:  24px;
 146    height: 24px;
 147
 148 }
 149 .olControlNavigationHistoryPreviousItemActive {
 150   background-position: 0px 0px;
 151 }
 152 .olControlNavigationHistoryPreviousItemInactive {
 153    background-position: 0px -24px;
 154 }
 155 .olControlNavigationHistoryNextItemActive {
 156    background-position: -24px 0px;
 157 }
 158 .olControlNavigationHistoryNextItemInactive {
 159    background-position: -24px -24px;
 160 }
 161
 162 .olControlNavToolbar .olControlNavigationItemActive {
 163   background-image: url("img/panning-hand-on.png");
 164   background-repeat: no-repeat;
 165 }
 166 .olControlNavToolbar .olControlNavigationItemInactive {
 167   background-image: url("img/panning-hand-off.png");
 168   background-repeat: no-repeat;
 169 }
 170 .olControlNavToolbar .olControlZoomBoxItemActive {
 171   background-image: url("img/drag-rectangle-on.png");
 172   background-color: orange;
 173   background-repeat: no-repeat;
 174 }
 175 .olControlNavToolbar .olControlZoomBoxItemInactive {
 176   background-image: url("img/drag-rectangle-off.png");
 177   background-repeat: no-repeat;
 178 }
 179 .olControlEditingToolbar  {
 180     float:right;
 181     right: 0px;
 182     height: 30px;
 183     width: 200px;
 184 }
 185 .olControlEditingToolbar div {
 186   background-image: url("img/editing_tool_bar.png");
 187   background-repeat: no-repeat;
 188   float:right;
 189   width:  24px;
 190   height: 24px;
 191   margin: 5px;
 192 }
 193 .olControlEditingToolbar .olControlNavigationItemActive {
 194   background-position: -103px -23px;
 195 }
 196 .olControlEditingToolbar .olControlNavigationItemInactive {
 197   background-position: -103px -0px;
 198 }
 199 .olControlEditingToolbar .olControlDrawFeaturePointItemActive {
 200   background-position: -77px -23px;
 201 }
 202 .olControlEditingToolbar .olControlDrawFeaturePointItemInactive {
 203   background-position: -77px -0px;
 204 }
 205 .olControlEditingToolbar .olControlDrawFeaturePathItemInactive {
 206   background-position: -51px 0px;
 207 }
 208 .olControlEditingToolbar .olControlDrawFeaturePathItemActive {
 209   background-position: -51px -23px;
 210 }
 211 .olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive {
 212   background-position: -26px 0px;
 213 }
 214 .olControlEditingToolbar .olControlDrawFeaturePolygonItemActive {
 215   background-position: -26px -23px ;
 216 }
 217 .olControlSaveFeaturesItemActive {
 218     background-image: url(img/save_features_on.png);
 219     background-repeat: no-repeat;
 220     background-position: 0px 1px;
 221 }
 222 .olControlSaveFeaturesItemInactive {
 223     background-image: url(img/save_features_off.png);
 224     background-repeat: no-repeat;
 225     background-position: 0px 1px;
 226 }
 227
 228 .olHandlerBoxZoomBox {
 229     border: 2px solid red;
 230     position: absolute;
 231     background-color: white;
 232     opacity: 0.50;
 233     font-size: 1px;
 234     filter: alpha(opacity=50);
 235 }
 236 .olHandlerBoxSelectFeature {
 237     border: 2px solid blue;
 238     position: absolute;
 239     background-color: white;
 240     opacity: 0.50;
 241     font-size: 1px;
 242     filter: alpha(opacity=50);
 243 }
 244
 245 .olControlPanPanel {
 246     top: 10px;
 247     left: 5px;
 248 }
 249
 250 .olControlPanPanel div {
 251     background-image: url(img/pan-panel.png);
 252     height: 18px;
 253     width: 18px;
 254     cursor: pointer;
 255     position: absolute;
 256 }
 257
 258 .olControlPanPanel .olControlPanNorthItemInactive {
 259     top: 0px;
 260     left: 9px;
 261     background-position: 0px 0px;
 262 }
 263 .olControlPanPanel .olControlPanSouthItemInactive {
 264     top: 36px;
 265     left: 9px;
 266     background-position: 18px 0px;
 267 }
 268 .olControlPanPanel .olControlPanWestItemInactive {
 269     position: absolute;
 270     top: 18px;
 271     left: 0px;
 272     background-position: 0px 18px;
 273 }
 274 .olControlPanPanel .olControlPanEastItemInactive {
 275     top: 18px;
 276     left: 18px;
 277     background-position: 18px 18px;
 278 }
 279
 280 .olControlZoomPanel {
 281     top: 71px;
 282     left: 14px;
 283 }
 284
 285 .olControlZoomPanel div {
 286     background-image: url(img/zoom-panel.png);
 287     position: absolute;
 288     height: 18px;
 289     width: 18px;
 290     cursor: pointer;
 291 }
 292
 293 .olControlZoomPanel .olControlZoomInItemInactive {
 294     top: 0px;
 295     left: 0px;
 296     background-position: 0px 0px;
 297 }
 298
 299 .olControlZoomPanel .olControlZoomToMaxExtentItemInactive {
 300     top: 18px;
 301     left: 0px;
 302     background-position: 0px -18px;
 303 }
 304
 305 .olControlZoomPanel .olControlZoomOutItemInactive {
 306     top: 36px;
 307     left: 0px;
 308     background-position: 0px 18px;
 309 }
 310
 311 .olPopupCloseBox {
 312   background: url("img/close.gif") no-repeat;
 313   cursor: pointer;
 314 }
 315
 316 .olFramedCloudPopupContent {
 317     padding: 5px;
 318     overflow: auto;
 319 }
 320
 321 .olControlNoSelect {
 322  -moz-user-select: none;
 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 }