public/openlayers/theme/default/style.css

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