Mercurial > dive4elements > gnv-client

comparison gnv/src/main/webapp/styles/gnv.css @ 710:5f29bfeb61bd

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Improved the design and layout of the user interface. gnv/trunk@980 c6561f87-3c4e-4783-a992-168aeb5c3f6f
author Ingo Weinzierl <ingo.weinzierl@intevation.de>
date Sun, 25 Apr 2010 21:05:44 +0000
parents
children e021b07b4d71
comparison
equal deleted inserted replaced
709:68d0fba6f23e 710:5f29bfeb61bd
1 body {
2 background-color: #FFFFFF;
3 font-family: verdana, arial, Helvetica, sans-serif;
4 font-size: 0.7em;
5 height: 100%;
6 margin: 0;
7 padding: 0;
8 }
9
10 fieldset {
11 margin: 5px 0 0 10px;
12 padding-left: 10px;
13 padding-right: 10px;
14 border: 1px solid #003A66;
15 background-color: #F2F1F5;
16 background-repeat: repeat-x;
17 background-position: top left;
18 display: block;
19 }
20
21 legend {
22 border: 1px solid #003A66;
23 padding: 4px 5px;
24 margin: 0 0 0 0;
25 background-color: white;
26 font-weight: bolder;
27 color: #003A66;
28 clear: both;
29 }
30
31 input, select, textarea {
32 font-family: verdana, arial, Helvetica, sans-serif;
33 }
34
35 input {
36 font-size: 0.9em;
37 }
38
39 img {
40 border: 0px;
41 }
42
43 a {
44 color: #FF6600;
45 font-size: 1.2em;
46 text-decoration: underline;
47 }
48
49 /* Some classes for the header */
50 #headerElement {
51 float: left;
52 top: 0px;
53 width: 100%;
54 }
55
56 #header {
57 background-color: #143B62;
58 margin: 0;
59 padding: 0;
60 height: 50px;
61 }
62
63 #headline {
64 color: #4C7594;
65 font-family: "Arial Black",Arial,Helvetica,sans-serif;
66 font-weight: bold;
67 line-height: 1.1em;
68 padding-left: 5px;
69 width: 533px;
70 }
71
72 .headline {
73 border-top: 2px solid #CCe0f4;
74 border-bottom: 2px solid #CCe0f4;
75 color: #4C7594;
76 padding: 10px;
77 }
78
79 .headerTableLinks {
80 width: 100%;
81 background-color: #003a66;
82 }
83
84 .headerLineLinks {
85 color: #FFFFFF;
86 font-family: Arial,Helvetica,sans-serif;
87 text-decoration:none;
88 }
89
90 /* Some classes for the project load/save bar */
91 #project {
92 background-color: #e9e8f0;
93 height: 5%;
94 left: 0px;
95 padding: 0px;
96 text-align: left;
97 top: 0px;
98 width: 100%;
99 }
100
101 #projectload {
102 visibility: hidden;
103 }
104
105 #browseDiv {
106 float: left;
107 }
108
109 #loadDiv {
110 float: left;
111 margin-left: 5px;
112 }
113
114 /* Some classes for the content */
115 #contentElement {
116 float: left;
117 height: 90%;
118 width: 100%;
119 margin: 0px 0px 10px 0px;
120 }
121
122 #contentRow {
123 vertical-align: top;
124 }
125
126 #parameterColumn {
127 width: 400px;
128 }
129
130 #parameterPanel {
131 float: left;
132 width: 350px;
133 }
134
135 .static {
136 background-color: #F2F1F5;
137 width: 300px;
138 }
139
140 .parameter {
141 color: #003A66;
142 font-weight: bold;
143 padding-left: 5px;
144 text-align: left;
145 vertical-align: top;
146 width: 110px;
147 }
148
149 .historyback {
150 padding-left: 10px;
151 vertical-align: top;
152 text-align: right;
153 }
154
155 .statistics {
156 width: 350px;
157 }
158
159 div.outerMap {
160 float: left;
161 width: 555px;
162 height: 436px;
163 }
164
165 div.wms {
166 top: 10%;
167 left: 0px;
168 height: 30px;
169 border: 1px solid red;
170 }
171
172 div#map {
173 top: 65px;
174 left: 0px;
175 width: 555px;
176 height: 381px;
177 border: 1px solid #CCD5DE;
178 }
179
180
181 /* Some classes for the footer */
182 #footerElement {
183 clear: left;
184 bottom: 20px;
185 width: 100%;
186 height: 20px;
187 }
188
189 .footerTable {
190 width: 100%;
191 background-color: white;
192 }
193
194 .footerLine {
195 color: #003A66;
196 font-family: Arial,Helvetica,sans-serif;
197 line-height: 1.1em;
198 padding-left: 1px;
199 }
200
201 .footerTableLinks {
202 width: 100%;
203 background-color: #003a66;
204 }
205
206 .footerLineLinks {
207 color: #FFFFFF;
208 font-family: Arial,Helvetica,sans-serif;
209 text-decoration:none;
210 }
211
212
213 /* ---------- OVERLAY ------------------------- */
214 #overlay {
215 visibility: hidden;
216 position: absolute;
217 left: 0;
218 top: 0;
219 width: 100%;
220 height: 100%;
221 text-align: center;
222 z-index: 100;
223 background-color: white;
224 -moz-opacity: 0.5;
225 opacity: 0.5;
226 }
227
228 #overlayContent {
229 visibility: hidden;
230 position: relative;
231 z-index: 101;
232 width: 300px;
233 margin: 150px auto;
234 background-color: #fff;
235 border: 1px solid #000;
236 padding: 75px;
237 text-align: right;
238 background-image: url( ../images/bsh_logo.gif );
239 background-repeat: no-repeat;
240 }
241
242
243 /* warnings and errors */
244 .projectException {
245 color: red;
246 font-size: 10px;
247 font-weight: bold;
248 margin-bottom: 2px;
249 border: 2px solid red;
250 padding: 2px;
251 }
252
253 .chartException {
254 color: red;
255 font-size: 10px;
256 font-weight: bold;
257 margin-bottom: 2px;
258 border: 2px solid red;
259 padding: 2px;
260 }
261
262 .inputException {
263 color: red;
264 font-size: 10px;
265 font-weight: bold;
266 margin-bottom: 2px;
267 border: 2px solid red;
268 padding: 2px;
269 }
270
271 .error {
272 color: #CD3426;
273 font-size: 10px;
274 font-weight: bold;
275 margin-bottom: 2px;
276 border: 2px solid red;
277 padding: 2px;
278 }
279
280 .errormsg {
281 color: red;
282 font-weight: bold;
283 }
http://dive4elements.wald.intevation.org