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 /* ----------------------------------- */

http://dive4elements.wald.intevation.org