rev |
line source |
bsw@213
|
1 /* CSS reset */
|
bsw@213
|
2
|
bsw@213
|
3 html, body, div, span, applet, object, iframe,
|
bsw@213
|
4 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
bsw@213
|
5 a, abbr, acronym, address, big, cite, code,
|
bsw@213
|
6 del, dfn, em, font, img, ins, kbd, q, s, samp,
|
bsw@213
|
7 small, strike, strong, sub, sup, tt, var,
|
bsw@213
|
8 dl, dt, dd, ol, ul, li,
|
bsw@213
|
9 fieldset, form, label, legend,
|
bsw@213
|
10 table, caption, tbody, tfoot, thead, tr, th, td {
|
bsw@213
|
11 margin: 0;
|
bsw@213
|
12 padding: 0;
|
bsw@213
|
13 border: 0;
|
bsw@213
|
14 outline: 0;
|
bsw@213
|
15 font-weight: inherit;
|
bsw@213
|
16 font-style: inherit;
|
bsw@213
|
17 font-size: 100%;
|
bsw@213
|
18 font-family: inherit;
|
bsw@213
|
19 vertical-align: baseline;
|
bsw@213
|
20 }
|
bsw@213
|
21 /* remember to define focus styles! */
|
bsw@213
|
22 :focus {
|
bsw@213
|
23 outline: 0;
|
bsw@213
|
24 }
|
bsw@213
|
25 body {
|
bsw@213
|
26 line-height: 1;
|
bsw@213
|
27 color: black;
|
bsw@213
|
28 background: white;
|
bsw@213
|
29 }
|
bsw@213
|
30 ol, ul {
|
bsw@213
|
31 list-style: none;
|
bsw@213
|
32 }
|
bsw@213
|
33 /* tables still need 'cellspacing="0"' in the markup */
|
bsw@213
|
34 table {
|
bsw@213
|
35 border-collapse: separate;
|
bsw@213
|
36 border-spacing: 0;
|
bsw@213
|
37 }
|
bsw@213
|
38 caption, th, td {
|
bsw@213
|
39 text-align: left;
|
bsw@213
|
40 font-weight: normal;
|
bsw@213
|
41 }
|
bsw@213
|
42 blockquote:before, blockquote:after,
|
bsw@213
|
43 q:before, q:after {
|
bsw@213
|
44 content: "";
|
bsw@213
|
45 }
|
bsw@213
|
46 blockquote, q {
|
bsw@213
|
47 quotes: "" "";
|
bsw@213
|
48 }
|
bsw@213
|
49
|
bsw@213
|
50 /* end CSS reset */
|
bsw@213
|
51
|
bsw@213
|
52
|
bsw@213
|
53 /*
|
bsw@213
|
54 Global settings
|
bsw@213
|
55 */
|
bsw@213
|
56 body {
|
bsw@213
|
57 font-family: sans-serif;
|
bsw@213
|
58 background-color: #7df;
|
bsw@213
|
59 color: #000;
|
bsw@213
|
60 }
|
bsw@213
|
61
|
bsw@213
|
62 a {
|
bsw@213
|
63 background-color: #ffffff;
|
bsw@213
|
64 color: #000;
|
bsw@213
|
65 }
|
bsw@213
|
66
|
bsw@213
|
67 /*
|
bsw@213
|
68 Main top navigation
|
bsw@213
|
69 */
|
bsw@213
|
70
|
bsw@213
|
71 .tab1 {
|
bsw@213
|
72 background-color: #444;
|
bsw@213
|
73 color: #000;
|
bsw@213
|
74 }
|
bsw@213
|
75
|
bsw@213
|
76 .tab1 .right {
|
bsw@213
|
77 float: right;
|
bsw@213
|
78 }
|
bsw@213
|
79
|
bsw@213
|
80 .tab1 a {
|
bsw@213
|
81 float: left;
|
bsw@213
|
82 padding: 0.5ex 0.5em 0.5ex 0.5em;
|
bsw@213
|
83 margin-left: 0.5em;
|
bsw@213
|
84 background-color: #444;
|
bsw@213
|
85 color: #fff;
|
bsw@213
|
86 font-weight: bold;
|
bsw@213
|
87 text-decoration: none;
|
bsw@213
|
88 }
|
bsw@213
|
89
|
bsw@213
|
90 .tab1 .right a {
|
bsw@213
|
91 margin-left: 0;
|
bsw@213
|
92 margin-right: 0.5em;
|
bsw@213
|
93 }
|
bsw@213
|
94
|
bsw@213
|
95 .tab1 a.active {
|
bsw@213
|
96 background-color: #7df;
|
bsw@213
|
97 color: #000;
|
bsw@213
|
98 }
|
bsw@213
|
99
|
bsw@213
|
100 /*
|
bsw@213
|
101 Default slot
|
bsw@213
|
102 */
|
bsw@213
|
103
|
bsw@213
|
104 .slot_default {
|
bsw@213
|
105 margin: 2ex 1% 2ex 32%;
|
bsw@213
|
106 position: relative;
|
bsw@213
|
107 width: 67%;
|
bsw@213
|
108 }
|
bsw@213
|
109
|
bsw@213
|
110 .sidebar_right .slot_default {
|
bsw@213
|
111 margin: 2ex 32% 2ex 1%;
|
bsw@213
|
112 }
|
bsw@213
|
113
|
bsw@213
|
114 /*
|
bsw@213
|
115 Sidebar
|
bsw@213
|
116 */
|
bsw@213
|
117
|
bsw@213
|
118 .slot_sidebar {
|
bsw@213
|
119 margin: 2ex 1% 2ex 1%;
|
bsw@213
|
120 float: left;
|
bsw@213
|
121 width: 30%;
|
bsw@213
|
122 }
|
bsw@213
|
123
|
bsw@213
|
124 .sidebar_right .slot_sidebar {
|
bsw@213
|
125 margin: 0 1% 2ex 1%;
|
bsw@213
|
126 float: right;
|
bsw@213
|
127 width: 30%;
|
bsw@213
|
128 }
|
bsw@213
|
129
|
bsw@213
|
130 .slot_sidebar .box {
|
bsw@213
|
131 width: 100%;
|
bsw@213
|
132 }
|
bsw@213
|
133
|
bsw@213
|
134
|
bsw@213
|
135 /*
|
bsw@213
|
136 Boxes
|
bsw@213
|
137 */
|
bsw@213
|
138
|
bsw@213
|
139 .box a {
|
bsw@213
|
140 text-decoration: none;
|
bsw@213
|
141 color: #46a;
|
bsw@213
|
142 }
|
bsw@213
|
143
|
bsw@213
|
144 .boxhead,
|
bsw@213
|
145 a.boxhead {
|
bsw@213
|
146 /* position */
|
bsw@213
|
147 display: block;
|
bsw@213
|
148 margin-bottom: 0.5ex;
|
bsw@213
|
149 margin-top: 1ex;
|
bsw@213
|
150 margin-left: 0.5em;
|
bsw@213
|
151
|
bsw@213
|
152 /* color */
|
bsw@213
|
153 background-color: #7df;
|
bsw@213
|
154 color: #000;
|
bsw@213
|
155
|
bsw@213
|
156 /* text format */
|
bsw@213
|
157 font-weight: bold;
|
bsw@213
|
158 text-shadow: 2px 2px 2px #fff;
|
bsw@213
|
159 }
|
bsw@213
|
160
|
bsw@213
|
161 .box {
|
bsw@213
|
162 /* position */
|
bsw@213
|
163 position: relative;
|
bsw@213
|
164 width: 100%;
|
bsw@213
|
165 margin-bottom: 2ex;
|
bsw@213
|
166
|
bsw@213
|
167 /* border and shadow*/
|
bsw@213
|
168 border-radius: 1ex;
|
bsw@213
|
169 -moz-border-radius: 1ex;
|
bsw@213
|
170 -webkit-box-shadow: 2px 2px 3px 0px #444;
|
bsw@213
|
171 -moz-box-shadow: 2px 2px 3px 0px #444;
|
bsw@213
|
172
|
bsw@213
|
173 /* color */
|
bsw@213
|
174 background-color: #fff;
|
bsw@213
|
175 color: #000;
|
bsw@213
|
176
|
bsw@213
|
177 }
|
bsw@213
|
178
|
bsw@213
|
179 .box .row {
|
bsw@213
|
180 overflow: auto;
|
bsw@213
|
181 /* position */
|
bsw@213
|
182
|
bsw@213
|
183 /* border */
|
bsw@213
|
184 border-top: 1px solid #ccc;
|
bsw@213
|
185 }
|
bsw@213
|
186
|
bsw@213
|
187 .box .row .col {
|
bsw@213
|
188 /* position */
|
bsw@213
|
189 padding: 0.5ex 0.2em 0.5ex 0.2em;
|
bsw@213
|
190
|
bsw@213
|
191 /* text format */
|
bsw@213
|
192 line-height: 125%;
|
bsw@213
|
193 }
|
bsw@213
|
194
|
bsw@213
|
195 .box .row .col.left {
|
bsw@213
|
196 float: left;
|
bsw@213
|
197 }
|
bsw@213
|
198
|
bsw@213
|
199 .box .row .col.right {
|
bsw@213
|
200 float: right;
|
bsw@213
|
201 }
|
bsw@213
|
202
|
bsw@213
|
203 .box .row .col.clearleft {
|
bsw@213
|
204 clear: left;
|
bsw@213
|
205 }
|
bsw@213
|
206
|
bsw@213
|
207 .box .row .col.clearright {
|
bsw@213
|
208 clear: right;
|
bsw@213
|
209 }
|
bsw@213
|
210
|
bsw@213
|
211 .box .row .col.toggle {
|
bsw@213
|
212 float: left;
|
bsw@213
|
213 /* position */
|
bsw@213
|
214 padding-left: 0.4em;
|
bsw@213
|
215 }
|
bsw@213
|
216
|
bsw@213
|
217 .box .row .col.toggle:hover {
|
bsw@213
|
218 /* color */
|
bsw@213
|
219 background-color: #7cf;
|
bsw@213
|
220
|
bsw@213
|
221 /* cursor */
|
bsw@213
|
222 cursor: pointer;
|
bsw@213
|
223 }
|
bsw@213
|
224
|
bsw@213
|
225 .box .row.first .col.toggle {
|
bsw@213
|
226 /* border */
|
bsw@213
|
227 border-radius: 1ex 0 0 0;
|
bsw@213
|
228 }
|
bsw@213
|
229
|
bsw@213
|
230 .box .row.last .col.toggle {
|
bsw@213
|
231 /* border */
|
bsw@213
|
232 border-radius: 0 0 0 1ex;
|
bsw@213
|
233 }
|
bsw@213
|
234
|
bsw@213
|
235 .box .row.toggled .col.first {
|
bsw@213
|
236 /* position */
|
bsw@213
|
237 margin-left: 1.5em;
|
bsw@213
|
238 }
|
bsw@213
|
239
|
bsw@213
|
240 .box .row.first {
|
bsw@213
|
241 /* border */
|
bsw@213
|
242 border-top: none;
|
bsw@213
|
243 }
|
bsw@213
|
244
|
bsw@213
|
245 .box .row .col.first {
|
bsw@213
|
246 /* position */
|
bsw@213
|
247 padding-left: 0.5em;
|
bsw@213
|
248 }
|
bsw@213
|
249
|
bsw@213
|
250 .box .row.toggled .col.first {
|
bsw@213
|
251 /* position */
|
bsw@213
|
252 padding-left: 0.2em;
|
bsw@213
|
253 }
|
bsw@213
|
254
|
bsw@213
|
255 .box .row.head {
|
bsw@213
|
256 background-color: #e4e7f0;
|
bsw@213
|
257 color: #000;
|
bsw@213
|
258 border-radius: 1ex 1ex 0 0;
|
bsw@213
|
259 }
|
bsw@213
|
260
|
bsw@213
|
261 .box .row.last {
|
bsw@213
|
262 border-radius: 0 0 1ex 1ex;
|
bsw@213
|
263 }
|
bsw@213
|
264
|
bsw@213
|
265 .box .row.head .col.head {
|
bsw@213
|
266 font-weight: bold;
|
bsw@213
|
267 color: #444;
|
bsw@213
|
268 }
|
bsw@213
|
269
|
bsw@213
|
270 .box .row.head .col a {
|
bsw@213
|
271 background-color: #e4e7f0;
|
bsw@213
|
272 color: #3B6E7F;
|
bsw@213
|
273 }
|
bsw@213
|
274
|
bsw@213
|
275 .box .row.head2 {
|
bsw@213
|
276 background-color: #f2f3f7;
|
bsw@213
|
277 color: #000;
|
bsw@213
|
278 }
|
bsw@213
|
279
|
bsw@213
|
280 .box .row.head2 .col a {
|
bsw@213
|
281 background-color: #f2f3f7;
|
bsw@213
|
282 color: #3B6E7F;
|
bsw@213
|
283 }
|
bsw@213
|
284
|
bsw@213
|
285
|
bsw@213
|
286 .box .row .col a {
|
bsw@213
|
287 color: #3B6E7F;
|
bsw@213
|
288 }
|
bsw@213
|
289
|
bsw@213
|
290 .box .row.active,
|
bsw@213
|
291 .box .row.active a {
|
bsw@213
|
292 background-color: #DDF7FF;
|
bsw@213
|
293 }
|
bsw@213
|
294
|
bsw@213
|
295 /* Sidebar hover button */
|
bsw@213
|
296
|
bsw@213
|
297 .hoverbutton_container {
|
bsw@213
|
298 position: relative;
|
bsw@213
|
299 }
|
bsw@213
|
300
|
bsw@213
|
301
|
bsw@213
|
302 .hoverbutton {
|
bsw@213
|
303 /* position */
|
bsw@213
|
304 display: none;
|
bsw@213
|
305 position: absolute;
|
bsw@213
|
306 top: 0px;
|
bsw@213
|
307 left: 0px;
|
bsw@213
|
308 height: 100%;
|
bsw@213
|
309 width: 100%;
|
bsw@213
|
310
|
bsw@213
|
311 /* color */
|
bsw@213
|
312 background-color: #fff;
|
bsw@213
|
313
|
bsw@213
|
314 /* text format */
|
bsw@213
|
315 font-weight: bold;
|
bsw@213
|
316
|
bsw@213
|
317 /* cursor */
|
bsw@213
|
318 cursor: pointer;
|
bsw@213
|
319 }
|
bsw@213
|
320
|
bsw@213
|
321 .hoverbutton_container:hover .hoverbutton {
|
bsw@213
|
322 /* position */
|
bsw@213
|
323 display: block;
|
bsw@213
|
324 }
|
bsw@213
|
325
|
bsw@213
|
326 .hoverbutton_container:hover .hoverbutton img {
|
bsw@213
|
327 /* text format */
|
bsw@213
|
328 vertical-align: middle;
|
bsw@213
|
329 }
|
bsw@213
|
330
|
bsw@213
|
331 .hoverbutton_container:hover .hoverbutton.noaction {
|
bsw@213
|
332 /* color */
|
bsw@213
|
333 background-color: #ccc;
|
bsw@213
|
334
|
bsw@213
|
335 /* cursor */
|
bsw@213
|
336 cursor: default;
|
bsw@213
|
337 }
|
bsw@213
|
338
|
bsw@213
|
339 .hoverbutton_container:hover .hoverbutton.green {
|
bsw@213
|
340 background-color: #cfc;
|
bsw@213
|
341 }
|
bsw@213
|
342
|
bsw@213
|
343 .hoverbutton_container:hover .hoverbutton.red {
|
bsw@213
|
344 background-color: #fcc;
|
bsw@213
|
345 }
|
bsw@213
|
346
|
bsw@213
|
347 .hoverbutton .content {
|
bsw@213
|
348 /* position */
|
bsw@213
|
349 padding: 0.5ex 0.2em 0.5ex 0.5em;
|
bsw@213
|
350 }
|
bsw@213
|
351
|
bsw@213
|
352 /* Scrolled col */
|
bsw@213
|
353
|
bsw@213
|
354 .box .row .col.scrolled {
|
bsw@213
|
355 padding: 0;
|
bsw@213
|
356 max-height: 300px;
|
bsw@213
|
357 overflow: auto;
|
bsw@213
|
358 }
|
bsw@213
|
359
|
bsw@213
|
360 .box .row .col.scrolled .head {
|
bsw@213
|
361 font-weight: bold;
|
bsw@213
|
362 padding: 0.5ex 0.2em 0.5ex 0.5em;
|
bsw@213
|
363 }
|
bsw@213
|
364
|
bsw@213
|
365 /*
|
bsw@213
|
366 Bars
|
bsw@213
|
367 */
|
bsw@213
|
368
|
bsw@213
|
369 .bar {
|
bsw@213
|
370 float: right;
|
bsw@213
|
371 margin-left: 0.3em;
|
bsw@213
|
372 }
|
bsw@213
|
373
|
bsw@213
|
374 .bar div {
|
bsw@213
|
375 margin-top: 2px;
|
bsw@213
|
376 float: left;
|
bsw@213
|
377 height: 11px;
|
bsw@213
|
378 }
|
bsw@213
|
379 .bar .green {
|
bsw@213
|
380 background-color: #0a0;
|
bsw@213
|
381 }
|
bsw@213
|
382
|
bsw@213
|
383 .bar .grey {
|
bsw@213
|
384 background-color: #eee;
|
bsw@213
|
385 }
|
bsw@213
|
386
|
bsw@213
|
387 /*
|
bsw@213
|
388 Avatars
|
bsw@213
|
389 */
|
bsw@213
|
390
|
bsw@213
|
391 .avatars {
|
bsw@213
|
392 overflow: auto;
|
bsw@213
|
393 }
|
bsw@213
|
394
|
bsw@213
|
395 .avatars .avatar {
|
bsw@213
|
396 float: left;
|
bsw@213
|
397 margin-left: 2px;
|
bsw@213
|
398 margin-right: 2px;
|
bsw@213
|
399 }
|
bsw@213
|
400
|
bsw@213
|
401 .avatars.normal .avatar {
|
bsw@213
|
402 width: 100px;
|
bsw@213
|
403 -webkit-box-shadow: 1px 1px 1px #000;
|
bsw@213
|
404 background-color: #eee;
|
bsw@213
|
405 border-radius: 1ex;
|
bsw@213
|
406 -moz-border-radius: 1ex;
|
bsw@213
|
407 }
|
bsw@213
|
408
|
bsw@213
|
409 .avatars.small .avatar {
|
bsw@213
|
410 border: 2px solid #fff;
|
bsw@213
|
411 border-radius: 0.5ex;
|
bsw@213
|
412 -moz-border-radius: 0.5ex;
|
bsw@213
|
413 }
|
bsw@213
|
414
|
bsw@213
|
415 .avatars .arrow {
|
bsw@213
|
416 float: left;
|
bsw@213
|
417 margin-top: 0.3ex;
|
bsw@213
|
418 }
|
bsw@213
|
419
|
bsw@213
|
420 .avatars .avatar.myweight {
|
bsw@213
|
421 border-color: #f70;
|
bsw@213
|
422 background-color: #f70;
|
bsw@213
|
423 }
|
bsw@213
|
424
|
bsw@213
|
425 .avatars .avatar.autoreject {
|
bsw@213
|
426 border-color: #f00;
|
bsw@213
|
427 background-color: #f00;
|
bsw@213
|
428 }
|
bsw@213
|
429
|
bsw@213
|
430 .avatars.small .avatar img {
|
bsw@213
|
431 border-radius: 0.25ex;
|
bsw@213
|
432 -moz-border-radius: 0.25ex;
|
bsw@213
|
433 }
|
bsw@213
|
434
|
bsw@213
|
435 .avatars.normal .avatar img {
|
bsw@213
|
436 margin-left: 0.3em;
|
bsw@213
|
437 margin-top: 0.3ex;
|
bsw@213
|
438 border-radius: 1ex;
|
bsw@213
|
439 -moz-border-radius: 1ex;
|
bsw@213
|
440 }
|
bsw@213
|
441
|
bsw@213
|
442 .avatars.small .avatar img {
|
bsw@213
|
443 height: 24px;
|
bsw@213
|
444 width: 24px;
|
bsw@213
|
445 }
|
bsw@213
|
446
|
bsw@213
|
447 .avatars.normal .avatar img {
|
bsw@213
|
448 height: 48px;
|
bsw@213
|
449 width: 48px;
|
bsw@213
|
450 }
|
bsw@213
|
451
|
bsw@213
|
452 .avatars.normal .avatar .name {
|
bsw@213
|
453 margin-left: 0.3em;
|
bsw@213
|
454 margin-top: 0.3ex;
|
bsw@213
|
455 line-height: 100%;
|
bsw@213
|
456 font-size: 70%;
|
bsw@213
|
457 overflow: hidden;
|
bsw@213
|
458 height: 4ex;
|
bsw@213
|
459 }
|
bsw@213
|
460
|
bsw@213
|
461 .avatars .avatar .weight {
|
bsw@213
|
462 text-align: center;
|
bsw@213
|
463 font-size: 70%;
|
bsw@213
|
464 }
|
bsw@213
|
465
|
bsw@213
|
466 .avatars.small .avatar.participation {
|
bsw@213
|
467 border-color: #f70;
|
bsw@213
|
468 }
|
bsw@213
|
469
|
bsw@213
|
470 .avatars.small .avatar.overridden,
|
bsw@213
|
471 .avatars.small .arrow.overridden {
|
bsw@213
|
472 opacity: 0.3;
|
bsw@213
|
473 }
|
bsw@213
|
474
|
bsw@213
|
475 /*
|
bsw@213
|
476 Area
|
bsw@213
|
477 */
|
bsw@213
|
478
|
bsw@213
|
479 .area .name {
|
bsw@213
|
480 color: #444;
|
bsw@213
|
481 }
|
bsw@213
|
482
|
bsw@213
|
483 .area .name a {
|
bsw@213
|
484 font-weight: normal;
|
bsw@213
|
485 }
|
bsw@213
|
486
|
bsw@213
|
487 .area .name .avatars {
|
bsw@213
|
488 float: right;
|
bsw@213
|
489 margin-top: -3px;
|
bsw@213
|
490 }
|
bsw@213
|
491
|
bsw@213
|
492 /* Initiatives */
|
bsw@213
|
493
|
bsw@213
|
494 .initiative .name,
|
bsw@213
|
495 .initiative a.name {
|
bsw@213
|
496 font-weight: bold;
|
bsw@213
|
497 }
|
bsw@213
|
498
|
bsw@213
|
499 .initiative .authors {
|
bsw@213
|
500 /* color */
|
bsw@213
|
501 color: #777;
|
bsw@213
|
502
|
bsw@213
|
503 /* text format */
|
bsw@213
|
504 font-size: 80%;
|
bsw@213
|
505 font-style: italic;
|
bsw@213
|
506 }
|
bsw@213
|
507
|
bsw@213
|
508 .initiative .authors a {
|
bsw@213
|
509 /* color */
|
bsw@213
|
510 }
|
bsw@213
|
511
|
bsw@213
|
512 .drafts .draft .created {
|
bsw@213
|
513 font-weight: bold;
|
bsw@213
|
514 }
|
bsw@213
|
515
|
bsw@213
|
516 .drafts .draft .author_name {
|
bsw@213
|
517 font-style: italic;
|
bsw@213
|
518 }
|
bsw@213
|
519
|
bsw@213
|
520 /* Draft */
|
bsw@213
|
521
|
bsw@213
|
522 .draft {
|
bsw@213
|
523 line-height: 135%;
|
bsw@213
|
524 }
|
bsw@213
|
525
|
bsw@213
|
526 .draft h2 {
|
bsw@213
|
527 font-size: 135%;
|
bsw@213
|
528 font-weight: bold;
|
bsw@213
|
529 margin-bottom: 0.5ex;
|
bsw@213
|
530 }
|
bsw@213
|
531
|
bsw@213
|
532 .draft h3 {
|
bsw@213
|
533 font-size: 135%;
|
bsw@213
|
534 margin-bottom: 0.5ex;
|
bsw@213
|
535 }
|
bsw@213
|
536
|
bsw@213
|
537 .draft p {
|
bsw@213
|
538 margin-bottom: 1ex;
|
bsw@213
|
539 }
|
bsw@213
|
540
|
bsw@213
|
541 .draft ul {
|
bsw@213
|
542 padding-left: 2em;
|
bsw@213
|
543 list-style: disc;
|
bsw@213
|
544 }
|
bsw@213
|
545
|
bsw@213
|
546 .draft ul li {
|
bsw@213
|
547 margin-bottom: 1ex;
|
bsw@213
|
548 }
|