]> git.openstreetmap.org Git - rails.git/blob - public/openlayers/theme/default/style.css
Switch export branch to use OpenLayers 2.6-rc1 as we need irregular polygons.
[rails.git] / 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 }