source: osmose-frontend/website/map/style.css @ 0ec920a

Last change on this file since 0ec920a was 0ec920a, checked in by Jocelyn Jaubert <jocelyn.jaubert@…>, 6 years ago

Fix css for map and menu so that there is no hole between them

  • Property mode set to 100644
File size: 5.1 KB
Line 
1body {
2  margin: 0;
3  font-family: arial, helvetica, sans-serif;
4} 
5
6a:link {
7  color: #000000;
8}
9a:visited {
10  color: #000000;
11}
12a:hover {
13  color: #000000;
14}
15
16/* Menu */
17div#menu {
18  border-radius: 10px;
19  border: solid 1px black;
20  background: white;
21  position: absolute;
22  width: 330px;
23  left: 50px;
24  top: 30px;
25  z-index: 1000;
26  padding: 5px;
27  padding-top: 8px;
28  opacity: 0.9;
29}
30a#togglemenu {
31  position: absolute;
32  top: 5px;
33  left: 3px;
34  background: darkBlue;
35  color: white;
36  width: 20px;
37  display: block;
38  border-radius: 10px;
39  text-align: center;
40  vertical-align: middle;
41  text-decoration: none;
42  font-weight: bold;
43}
44div#tests {
45  overflow-y: auto;
46  height: 93%;
47  display: none;
48}
49div#menu div#need_zoom {
50  display: none;
51  font-size: 14px;
52  font-weight:bold;
53  color: #FF0000;
54  text-align: center;
55}
56div#menu form {
57  font-size: 10px;
58  margin:0px;
59}
60div#menu div#action_links {
61  font-size: 10px;
62  text-align: center;
63  padding-left: 20px;
64}
65div#menu div.test_group img {
66  margin-left: 20px;
67}
68div#menu div.test_group h1 {
69  height: 20px;
70  line-height: 20px;
71  font-size: 12px;
72  margin: 0px;
73  margin-top: 5px;
74  padding-left: 20px;
75  background: url('images/folder_open.png') no-repeat left 3px; 
76}
77div#menu div.test_group h1.folded {
78  background: url('images/folder.png') no-repeat left 3px; 
79}
80div#menu div.test_group ul {
81  list-style-type: none;
82  margin: 0px;
83  padding-left: 0px;
84  /* padding: 10px 0px 0px 5px;
85  margin: 0px 0px 0px 10px;
86  border-left: solid 1px #AAAAAA; */
87}
88div#menu div.test_group li {
89  background-repeat: no-repeat;
90  background-position: 2px 2px;
91  padding-left: 16px; 
92  font-size: 11px;
93}
94div#menu div.test_group li:hover {
95  background-color: #ffc;
96}
97span#level-span {
98  white-space: nowrap;
99}
100select#level {
101  font-size: 10px;
102  height: 20px;
103}
104/* div#menu div.test_group li div {
105  float: right;
106  width: 3ex;
107  font-family: monospace;
108  padding-right: 2ex;
109} */
110
111/* Map */
112div#map {
113  position: absolute;
114  top: 23px;
115  bottom: 0px;
116  left: 0px;
117  right: 0px;
118}
119
120/* Bottom links */
121div#bottom_links {
122  background-color: #DDDDDD;
123  position: absolute;
124  height: 23px;
125  width: 100%;
126  left: 0px;
127  top: 0px;
128  opacity: 0.8;
129  font-size: 10px;
130
131  vertical-align: middle;
132  text-align: center;
133  z-index: 1000;
134}
135div#bottom_links div#links {
136  display: inline-block;
137}
138
139/* popups */
140.bulle_msg {
141  min-width: 200px;
142  max-height: 200px;
143  overflow: auto;
144  word-wrap: break-word;
145  font-size: 80%;
146}
147.bulle_msg div.closebubble {
148  float: right;
149  color:#EEEEEE;
150  font-weight: bold;
151  background-color: #AAAAAA;
152  margin-right: 2px;
153  text-decoration:none;
154}
155.bulle_msg div.closebubble a {
156  text-decoration:none;
157}
158.bulle_msg div.closebubble a:link {
159  color: #EEEEEE;
160}
161.bulle_msg div.closebubble a:visited {
162  color: #EEEEEE;
163}
164.bulle_msg div.closebubble a:hover {
165  color: #000000;
166}
167.bulle_msg div.help {
168  background-color: #0083FF;
169}
170.bulle_msg div.help a:hover {
171  color: #D1D1D1;
172}
173
174.bulle_err {
175  color: #FF5555;
176} 
177a.bulle_err:link {
178  color: #FF5555;
179}
180a.bulle_err:visited {
181  color: #FF5555;
182}
183a.bulle_err:hover {
184  color: #FF5555;
185}
186
187.bulle_elem {
188  color: #5555FF;
189}
190.bulle_elem a:link {
191  color: #5555FF;
192}
193.bulle_elem a:visited {
194  color: #5555FF;
195}
196.bulle_elem a:hover {
197  color: #5555FF;
198}
199
200.bulle_elem .fix {
201  border: solid 1px lightgray;
202}
203.bulle_elem .fix .link {
204  float: right;
205}
206.bulle_elem .fix .add {
207  color: green;
208}
209.bulle_elem .fix .mod {
210  color: darkorange;
211}
212.bulle_elem .fix .del {
213  color: red;
214}
215
216.bulle_verif {
217  font-size: 90%;
218}
219.bulle_verif a:link {
220  color: #55AA55;
221}
222.bulle_verif a:visited {
223  color: #55AA55;
224}
225.bulle_verif a:hover {
226  color: #55AA55;
227}
228
229.bulle_maj {
230  font-size: 90%;
231}
232
233/* iframe for josm and rawedit links */
234iframe#hiddenIframe {
235  display: none;
236  position: absolute;
237}
238
239div#incFrameBg {
240  display: none;
241  position: absolute;
242  opacity: 0.75;
243  top: 0;
244  bottom: 0;
245  left: 0;
246  right: 0;
247  background-color: #000000;
248  z-index: 1199;
249}
250
251iframe#incFrame {
252  display: none;
253  position: absolute;
254  z-index: 1200;
255  top: 10;
256  left: 10;
257}
258
259img#incFrameBt {
260  display: none;
261  position: absolute;
262  border: 0px;
263  z-index: 1201;
264  top: 10;
265  left: 772;
266}
267
268/* error levels */
269div.test_group div.level {
270  float: right;
271  width: 48px;
272  height: 16px;
273}
274div.level-123 {
275  background: url('images/level-123.png');
276}
277div.level-12_ {
278  background: url('images/level-12_.png');
279}
280div.level-1__ {
281  background: url('images/level-1__.png');
282}
283div.level-_2_ {
284  background: url('images/level-_2_.png');
285}
286div.level-__3 {
287  background: url('images/level-__3.png');
288}
289
290select#level option {
291  padding-left: 50px;
292  height: 16px;
293  background-repeat: no-repeat;
294  background-position: top left;
295}
296option.level-123 {
297  background: url('images/level-123.png');
298}
299option.level-1__ {
300  background: url('images/level-1__.png');
301}
302option.level-12_ {
303  background: url('images/level-12_.png');
304}
305option.level-_2_ {
306  background: url('images/level-_2_.png');
307}
308option.level-__3 {
309  background: url('images/level-__3.png');
310}
311
312.olControlMousePosition {
313  position: absolute;
314  right: 10px;
315  bottom: 20px;
316  font-size: 11px;
317}
318.olControlPermalink {
319  position: absolute;
320  right: 10px;
321  bottom: 40px;
322  font-size: 11px;
323}
Note: See TracBrowser for help on using the repository browser.