public/openlayers/theme/default/style.css

   1 div.olLayerDiv {
   2    -moz-user-select: none
   3 }
   4
   5 .olLayerGoogleCopyright {
   6     left: 2px;
   7     bottom: 2px;
   8 }
   9 .olLayerGooglePoweredBy {
  10     left: 2px;
  11     bottom: 15px;
  12 }
  13 .olControlAttribution {
  14     font-size: smaller;
  15     right: 3px;
  16     bottom: 4.5em;
  17     position: absolute;
  18     display: block;
  19 }
  20 .olControlScale {
  21     right: 3px;
  22     bottom: 3em;
  23     display: block;
  24     position: absolute;
  25     font-size: smaller;
  26 }
  27 .olControlScaleLine {
  28    left: 10px;
  29    bottom: 15px;
  30    font-size: xx-small;
  31 }
  32 .olControlScaleLineBottom {
  33    border: solid 2px black;
  34    border-bottom: none;
  35    margin-top:-2px;
  36    text-align: center;
  37 }
  38 .olControlScaleLineTop {
  39    border: solid 2px black;
  40    border-top: none;
  41    text-align: center;
  42 }
  43
  44 .olControlPermalink {
  45     right: 3px;
  46     bottom: 1.5em;
  47     display: block;
  48     position: absolute;
  49     font-size: smaller;
  50 }
  51
  52 div.olControlMousePosition {
  53     bottom: 0em;
  54     right: 3px;
  55     display: block;
  56     position: absolute;
  57     font-family: Arial;
  58     font-size: smaller;
  59 }
  60
  61 .olControlOverviewMapContainer {
  62     position: absolute;
  63     bottom: 0px;
  64     right: 0px;
  65 }
  66
  67 .olControlOverviewMapElement {
  68     padding: 10px 18px 10px 10px;
  69     background-color: #00008B;
  70     -moz-border-radius: 1em 0 0 0;
  71 }
  72
  73 .olControlOverviewMapMinimizeButton {
  74     right: 0px;
  75     bottom: 80px;
  76 }
  77
  78 .olControlOverviewMapMaximizeButton {
  79     right: 0px;
  80     bottom: 80px;
  81 }
  82
  83 .olControlOverviewMapExtentRectangle {
  84     overflow: hidden;
  85     background-image: url("img/blank.gif");
  86     cursor: move;
  87     border: 2px dotted red;
  88 }
  89 .olControlOverviewMapRectReplacement {
  90     overflow: hidden;
  91     cursor: move;
  92     background-image: url("img/overview_replacement.gif");
  93     background-repeat: no-repeat;
  94     background-position: center;
  95 }
  96
  97 .olLayerGeoRSSDescription {
  98     float:left;
  99     width:100%;
 100     overflow:auto;
 101     font-size:1.0em;
 102 }
 103 .olLayerGeoRSSClose {
 104     float:right;
 105     color:gray;
 106     font-size:1.2em;
 107     margin-right:6px;
 108     font-family:sans-serif;
 109 }
 110 .olLayerGeoRSSTitle {
 111     float:left;font-size:1.2em;
 112 }
 113
 114 .olPopupContent {
 115     padding:5px;
 116     overflow: auto;
 117 }
 118 .olControlNavToolbar {
 119     width:0px;
 120     height:0px;
 121 }
 122 .olControlNavToolbar div {
 123   display:block;
 124   width:  28px;
 125   height: 28px;
 126   top: 300px;
 127   left: 6px;
 128   position: relative;
 129 }
 130
 131 .olControlNavigationHistoryPreviousItemActive {
 132    background-image: url("img/view_previous_on.png");
 133    background-repeat: no-repeat;
 134    width:  24px;
 135    height: 24px;
 136 }
 137 .olControlNavigationHistoryPreviousItemInactive {
 138    background-image: url("img/view_previous_off.png");
 139    background-repeat: no-repeat;
 140    width:  24px;
 141    height: 24px;
 142 }
 143 .olControlNavigationHistoryNextItemActive {
 144    background-image: url("img/view_next_on.png");
 145    background-repeat: no-repeat;
 146    width:  24px;
 147    height: 24px;
 148 }
 149 .olControlNavigationHistoryNextItemInactive {
 150    background-image: url("img/view_next_off.png");
 151    background-repeat: no-repeat;
 152    width:  24px;
 153    height: 24px;
 154 }
 155
 156 .olControlNavToolbar .olControlNavigationItemActive {
 157   background-image: url("img/panning-hand-on.png");
 158   background-repeat: no-repeat;
 159 }
 160 .olControlNavToolbar .olControlNavigationItemInactive {
 161   background-image: url("img/panning-hand-off.png");
 162   background-repeat: no-repeat;
 163 }
 164 .olControlNavToolbar .olControlZoomBoxItemActive {
 165   background-image: url("img/drag-rectangle-on.png");
 166   background-color: orange;
 167   background-repeat: no-repeat;
 168 }
 169 .olControlNavToolbar .olControlZoomBoxItemInactive {
 170   background-image: url("img/drag-rectangle-off.png");
 171   background-repeat: no-repeat;
 172 }
 173 .olControlEditingToolbar  {
 174     float:right;
 175     right: 0px;
 176     height: 30px;
 177     width: 200px;
 178 }
 179 .olControlEditingToolbar div {
 180   float:right;
 181   width:  24px;
 182   height: 24px;
 183   margin: 5px;
 184 }
 185 .olControlEditingToolbar .olControlNavigationItemActive {
 186   background-image: url("img/editing_tool_bar.png");
 187   background-repeat: no-repeat;
 188   background-position: -103px -23px;
 189 }
 190 .olControlEditingToolbar .olControlNavigationItemInactive {
 191   background-image: url("img/editing_tool_bar.png");
 192   background-repeat: no-repeat;
 193   background-position: -103px -0px;
 194 }
 195 .olControlEditingToolbar .olControlDrawFeaturePointItemActive {
 196   background-image: url("img/editing_tool_bar.png");
 197   background-repeat: no-repeat;
 198   background-position: -77px -23px;
 199 }
 200 .olControlEditingToolbar .olControlDrawFeaturePointItemInactive {
 201   background-image: url("img/editing_tool_bar.png");
 202   background-repeat: no-repeat;
 203   background-position: -77px -0px;
 204 }
 205 .olControlEditingToolbar .olControlDrawFeaturePathItemInactive {
 206   background-image: url("img/editing_tool_bar.png");
 207   background-repeat: no-repeat;
 208   background-position: -51px 0px;
 209 }
 210 .olControlEditingToolbar .olControlDrawFeaturePathItemActive {
 211   background-image: url("img/editing_tool_bar.png");
 212   background-repeat: no-repeat;
 213   background-position: -51px -23px;
 214 }
 215 .olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive {
 216   background-image: url("img/editing_tool_bar.png");
 217   background-repeat: no-repeat;
 218   background-position: -26px 0px;
 219 }
 220 .olControlEditingToolbar .olControlDrawFeaturePolygonItemActive {
 221   background-image: url("img/editing_tool_bar.png");
 222   background-repeat: no-repeat;
 223   background-position: -26px -23px ;
 224 }
 225
 226 .olHandlerBoxZoomBox {
 227     border: 2px solid red;
 228     position: absolute;
 229     background-color: white;
 230     opacity: 0.50;
 231     font-size: 1px;
 232     filter: alpha(opacity=50);
 233 }
 234
 235 /*
 236  * Due to current limitations in the OpenLayers code, you can only
 237  * replace this image with another image which is 17px x 17px.
 238  */
 239 .olPopupCloseBox {
 240   background: url("img/close.gif") no-repeat;
 241   cursor: pointer;
 242 }
 243
 244 .olControlNoSelect {
 245  -moz-user-select: none;
 246 }