Mercurial > dive4elements > gnv-client
comparison gnv/src/main/webapp/styles/default.css @ 14:9719cbd1a23f
Import of MainLayout, Styles, images and Scripts from old System Revision: 3101 Does not compile
gnv/trunk@97 c6561f87-3c4e-4783-a992-168aeb5c3f6f
author | Tim Englich <tim.englich@intevation.de> |
---|---|
date | Wed, 16 Sep 2009 13:03:38 +0000 |
parents | |
children | 87002cbd194c |
comparison
equal
deleted
inserted
replaced
13:2535158e2687 | 14:9719cbd1a23f |
---|---|
1 @charset | |
2 "ISO-8859-1" | |
3 ; | |
4 | |
5 body { | |
6 background-color: #FFFFFF; | |
7 font-family: verdana, arial, Helvetica, sans-serif; | |
8 | |
9 height: 100%; | |
10 margin: 0; | |
11 padding: 0; | |
12 } | |
13 | |
14 br { | |
15 padding: 0; | |
16 margin: 0; | |
17 font-size: 0; | |
18 clear: both; | |
19 } | |
20 | |
21 form { | |
22 margin: 0; | |
23 padding: 0; | |
24 } | |
25 | |
26 h1 { | |
27 font-weight: bold; | |
28 font-size: 0.9em; | |
29 color: #00416B; | |
30 } | |
31 | |
32 h2 { | |
33 font-weight: bold; | |
34 font-size: 0.8em; | |
35 color: #00416B; | |
36 } | |
37 | |
38 a { | |
39 color: #00416B; | |
40 text-decoration: none; | |
41 } | |
42 | |
43 legend { | |
44 border: 1px solid #CCD5DE; | |
45 padding: 4px 5px; | |
46 margin: 0 0 0 0; | |
47 background-color: white; | |
48 font-weight: bolder; | |
49 color: #00416B; | |
50 clear: both; | |
51 } | |
52 | |
53 fieldset { | |
54 margin: 5px 0 0 10px; | |
55 padding-left: 10px; | |
56 padding-right: 10px; | |
57 border: 1px solid #CCD5DE; | |
58 background-image: url( ../images/bg_fieldset_ie6.gif ); | |
59 background-repeat: repeat-x; | |
60 background-position: top left; | |
61 display: block; | |
62 } | |
63 | |
64 html > body fieldset { | |
65 background-image: url( ../images/bg_fieldset.gif ); | |
66 } | |
67 | |
68 div { | |
69 margin: 0; | |
70 padding: 0; | |
71 } | |
72 | |
73 p, li, dl, input, select, address, legend, label, fieldset span { | |
74 font-size: 0.7em; | |
75 } | |
76 | |
77 legend.expandableFieldset { | |
78 cursor: pointer; | |
79 } | |
80 | |
81 select, textarea { | |
82 width: 250px; | |
83 } | |
84 | |
85 input.textinput { | |
86 width: 250px; | |
87 } | |
88 | |
89 | |
90 textarea { | |
91 font-family: verdana, arial, Helvetica, sans-serif; | |
92 font-size: 0.7em; | |
93 } | |
94 | |
95 table, th, td { | |
96 margin: 0; | |
97 padding: 0; | |
98 font-size: 0.8em; | |
99 } | |
100 .submitbutton{ | |
101 cursor:pointer; | |
102 border:outset 1px #ccc; | |
103 background:#ffffff; | |
104 color:#666; | |
105 font-weight:bold; | |
106 padding: 1px 2px; | |
107 | |
108 } | |
109 | |
110 .error { | |
111 color: #CD3426; | |
112 font-size: 10px; | |
113 font-weight: bold; | |
114 margin: 2px 2px; | |
115 } | |
116 | |
117 .errormsg { | |
118 | |
119 color: red; | |
120 font-weight: bold; | |
121 } | |
122 | |
123 /* ====================== Header ============================= */ | |
124 #head { | |
125 | |
126 height: 25px; | |
127 margin: 0; | |
128 padding: 0; | |
129 background-color: #103D64; | |
130 } | |
131 | |
132 #logo { | |
133 float:right; | |
134 background-image: url( ../images/bsh_logo.gif ); | |
135 background-repeat: no-repeat; | |
136 | |
137 top:0px; | |
138 height: 170px; | |
139 width: 75px; | |
140 | |
141 } | |
142 #head a { | |
143 clear:left; | |
144 | |
145 } | |
146 #project { | |
147 position:absolute; | |
148 top:27px; | |
149 left:10px; | |
150 width: 400px; | |
151 text-align: left; | |
152 | |
153 } | |
154 | |
155 #project_load { | |
156 position:absolute; | |
157 top: 0px; | |
158 left: 250px; | |
159 width: 277px; | |
160 border: 1px solid lightgray; | |
161 visibility: hidden; | |
162 padding: 5px; | |
163 } | |
164 | |
165 | |
166 #head h1, #head h2 { | |
167 display: block; | |
168 color: white; | |
169 font-size: large; | |
170 padding-left: 300px; | |
171 margin: 0; | |
172 | |
173 | |
174 } | |
175 | |
176 div#header { | |
177 background-color: #143B62; | |
178 margin: 0; | |
179 padding: 0; | |
180 height: 50px; | |
181 } | |
182 | |
183 div#header img { | |
184 padding: 0; | |
185 margin: 0; | |
186 border-width: 0; | |
187 } | |
188 | |
189 div#page { | |
190 position: absolute; | |
191 top: 0; | |
192 left: 0; | |
193 width: 100%; | |
194 | |
195 } | |
196 | |
197 .showContent { | |
198 display: block; | |
199 } | |
200 | |
201 .hideContent { | |
202 display: none; | |
203 } | |
204 | |
205 div#selection { | |
206 float: left; | |
207 width: 300px; | |
208 margin-top: 30px; | |
209 } | |
210 | |
211 div#diagram { | |
212 /*POSITION DEFINIEREN*/ | |
213 /* border: 1px solid crimson;*/ | |
214 position: absolute; | |
215 top: 170px; | |
216 left: 300px; | |
217 } | |
218 | |
219 div#export { | |
220 padding-left: 7px; | |
221 } | |
222 | |
223 /* this is a wrapper for diagramoptions and statistics*/ | |
224 div#diagrammAddOns { | |
225 position: absolute; | |
226 top: 600px; | |
227 left: 300px; | |
228 } | |
229 | |
230 div#diagramoptions { | |
231 /*POSITION DEFINIEREN*/ | |
232 /*border: 1px solid blue;*/ | |
233 position: relative; | |
234 width: 600px; | |
235 } | |
236 | |
237 div#diagramOptionsContent { | |
238 /*display: none;*/ | |
239 } | |
240 | |
241 div#statistics { | |
242 /*POSITION DEFINIEREN*/ | |
243 /*border: 1px solid Red;*/ | |
244 position: relative; | |
245 width: 600px; | |
246 } | |
247 | |
248 div#statisticValues { | |
249 display: none; | |
250 } | |
251 | |
252 table#statistik_tab_0{ | |
253 position:relative; | |
254 top:0px; | |
255 left:0px; | |
256 } | |
257 table#statistik_tab_1{ | |
258 position:absolute; | |
259 top:30px; | |
260 left:230px; | |
261 } | |
262 table#statistik_tab_2{ | |
263 position:relative; | |
264 top:-210px; | |
265 left:410px; | |
266 } | |
267 table#statistik_tab_3{ | |
268 position:relative; | |
269 top:-195px; | |
270 left:0px; | |
271 } | |
272 table#statistik_tab_4{ | |
273 position:absolute; | |
274 top:260px; | |
275 left:230px; | |
276 } | |
277 table#statistik_tab_5{ | |
278 position:absolute; | |
279 top:260px; | |
280 left:410px; | |
281 } | |
282 table#statistik_tab_6{ | |
283 position:relative; | |
284 top:-180px; | |
285 left:0px; | |
286 } | |
287 table#statistik_tab_7{ | |
288 position:absolute; | |
289 top:485px; | |
290 left:230px; | |
291 } | |
292 table#statistik_tab_8{ | |
293 position:absolute; | |
294 top:485px; | |
295 left:410px; | |
296 } | |
297 | |
298 body > div#page >div#basefilter { | |
299 margin-top: 30px; | |
300 float: left; | |
301 width: 300px; | |
302 } | |
303 | |
304 div#timeseriesfilter { | |
305 margin-top: 1px; | |
306 padding: 0px; | |
307 } | |
308 | |
309 #timeRangeForm label { | |
310 float: left; | |
311 margin-right: 5px; | |
312 text-align: left; | |
313 width: 20px; | |
314 } | |
315 | |
316 /* ---------- OVERLAY ------------------------- */ | |
317 #overlay { | |
318 visibility: hidden; | |
319 position: absolute; | |
320 left: 0; | |
321 top: 0; | |
322 width: 100%; | |
323 height: 100%; | |
324 text-align: center; | |
325 z-index: 100; | |
326 background-color: white; | |
327 -moz-opacity: 0.5; | |
328 opacity: 0.5; | |
329 } | |
330 | |
331 #overlayContent { | |
332 visibility: hidden; | |
333 position: relative; | |
334 z-index: 101; | |
335 width: 300px; | |
336 margin: 150px auto; | |
337 background-color: #fff; | |
338 border: 1px solid #000; | |
339 padding: 75px; | |
340 text-align: right; | |
341 background-image: url( ../images/bsh_logo.gif ); | |
342 background-repeat: no-repeat; | |
343 | |
344 } | |
345 | |
346 /* ----------------------------------- */ |