|
6
|
1 /* MPIWG website style sheet
|
|
|
2 *
|
|
|
3 * (c) 2013 Robert Casties
|
|
|
4 */
|
|
|
5
|
|
|
6
|
|
|
7
|
|
|
8 body {
|
|
|
9 margin: 0;
|
|
|
10 font-family: Verdana, Arial, sans-serif;
|
|
|
11 background-color: #fdf8ef;
|
|
|
12 font-size: 12px;
|
|
|
13 }
|
|
|
14
|
|
|
15 /*
|
|
|
16 * global styles
|
|
|
17 */
|
|
|
18
|
|
|
19 img {
|
|
|
20 border: none;
|
|
|
21 }
|
|
|
22
|
|
|
23 a {
|
|
|
24 color: #d45a00;
|
|
|
25 text-decoration: none;
|
|
|
26 }
|
|
|
27
|
|
|
28 a:hover {
|
|
|
29 text-decoration: underline;
|
|
|
30 }
|
|
|
31
|
|
|
32 /* new link-classes (with icons) */
|
|
|
33
|
|
|
34 a.internal {
|
|
|
35 background: url(../images/arr_more.gif) no-repeat;
|
|
|
36 padding-left: 12px;
|
|
|
37 padding-top: 1px;
|
|
|
38 }
|
|
|
39
|
|
|
40 a.download {
|
|
|
41 background: url(../images/download.gif) no-repeat;
|
|
|
42 padding-left: 17px;
|
|
|
43 /* padding-top:1px; */
|
|
|
44 }
|
|
|
45
|
|
|
46 a.external {
|
|
|
47 background: url(../images/external.gif) no-repeat;
|
|
|
48 padding-left: 15px;
|
|
|
49 /* padding-top:1px; */
|
|
|
50 }
|
|
|
51 a.pdf {
|
|
|
52 background: url(../images/pdf.gif) no-repeat;
|
|
|
53 padding-left: 15px;
|
|
|
54 /* padding-top:1px; */
|
|
|
55 }
|
|
|
56
|
|
|
57 a.audio {
|
|
|
58 background: url(../images/audio.gif) no-repeat;
|
|
|
59 padding-left: 15px;
|
|
|
60 /* padding-top:1px; */
|
|
|
61 }
|
|
|
62
|
|
|
63 a.book {
|
|
|
64 background: url(../images/book.gif) no-repeat;
|
|
|
65 padding-left: 20px;
|
|
|
66 margin-left: -5px;
|
|
|
67 margin-top: -1px;
|
|
|
68 }
|
|
|
69
|
|
|
70 a.maillink {
|
|
|
71 color: #3b4186 !important;
|
|
|
72 }
|
|
|
73
|
|
|
74 h1 {
|
|
|
75 color: #3b4186;
|
|
|
76 font-size: 16px;
|
|
|
77 font-weight: bold;
|
|
|
78 margin: 10px 2px 10px 2px;
|
|
|
79 }
|
|
|
80
|
|
|
81 h2 {
|
|
|
82 color: #3b4186;
|
|
|
83 font-size: 16px;
|
|
|
84 font-weight: normal;
|
|
|
85 margin: 2px;
|
|
|
86 }
|
|
|
87
|
|
|
88 h3 {
|
|
|
89 color: #3b4186;
|
|
|
90 font-size: 14px;
|
|
|
91 font-weight: normal;
|
|
|
92 margin: 2px;
|
|
|
93 }
|
|
|
94
|
|
|
95 h1 a {
|
|
|
96 /* a header with a link looks like a header */
|
|
|
97 color: inherit;
|
|
|
98 font-weight: inherit;
|
|
|
99 text-decoration: none;
|
|
|
100 }
|
|
|
101
|
|
|
102
|
|
|
103 /*
|
|
|
104 * header and wrapper
|
|
|
105 */
|
|
|
106
|
|
|
107 #wrapper {
|
|
|
108 /* float: left; */
|
|
|
109 width: 900px;
|
|
|
110 margin: 0 auto;
|
|
|
111 padding: 10px 40px 10px 20px;
|
|
|
112 background-color: #fcf2df;
|
|
|
113 box-shadow: 0 0 5px 3px #d0d0d0;
|
|
|
114 }
|
|
|
115
|
|
|
116 #header {
|
|
|
117 /* float: left; */
|
|
|
118 position: relative;
|
|
|
119 width: 900px;
|
|
|
120 height: 90px;
|
|
|
121 margin: 0 0 10px 0;
|
|
|
122 }
|
|
|
123
|
|
|
124 #header div.title {
|
|
|
125 display: inline;
|
|
|
126 /* float: left; */
|
|
|
127 position: absolute;
|
|
|
128 left: 0;
|
|
|
129 top: 20px;
|
|
|
130 width: 661px;
|
|
|
131 height: 40px;
|
|
|
132 }
|
|
|
133
|
|
|
134 #header div.logo {
|
|
|
135 display: inline;
|
|
|
136 /* float: right; */
|
|
|
137 position: absolute;
|
|
|
138 right: 0;
|
|
|
139 width: 87px;
|
|
|
140 height: 88px;
|
|
|
141 }
|
|
|
142
|
|
|
143 /* Main Navigation */
|
|
|
144
|
|
|
145 #mainnav {
|
|
|
146 /* float: left; */
|
|
|
147 position: relative;
|
|
|
148 width: 900px;
|
|
|
149 font-family: Verdana, Arial, sans-serif;
|
|
|
150 font-size: 12px;
|
|
|
151 border-top: 8px solid #fab775;
|
|
|
152 margin-bottom: 20px;
|
|
|
153 padding-top: 5px;
|
|
|
154 }
|
|
|
155
|
|
|
156 #mainnav div.sec {
|
|
|
157 display: inline;
|
|
|
158 /* float: left; */
|
|
|
159 border-top: 8px solid #fab775;
|
|
|
160 margin-top: -0px;
|
|
|
161 margin-right: 35px;
|
|
|
162 padding-top: 5px;
|
|
|
163 }
|
|
|
164
|
|
|
165 #mainnav div.sec:hover {
|
|
|
166 border-top: 8px solid #ea8500;
|
|
|
167 }
|
|
|
168
|
|
|
169 #mainnav a {
|
|
|
170 color: #696968;
|
|
|
171 outline: none;
|
|
|
172 }
|
|
|
173
|
|
|
174 #mainnav a:hover {
|
|
|
175 color: #000000;
|
|
|
176 text-decoration: none;
|
|
|
177 }
|
|
|
178
|
|
|
179 #mainnav div.sec.on {
|
|
|
180 border-top: 8px solid #ea8500;
|
|
|
181 }
|
|
|
182
|
|
|
183 #mainnav div.sec.on a {
|
|
|
184 color: #ea8500;
|
|
|
185 outline: none;
|
|
|
186 font-weight: bold;
|
|
|
187 }
|
|
|
188
|
|
|
189 #mainnav div.sec.lang {
|
|
|
190 /* float: right; */
|
|
|
191 position: absolute;
|
|
|
192 right: 0;
|
|
|
193 top: -8px;
|
|
|
194 margin-right: 0;
|
|
|
195 }
|
|
|
196
|
|
|
197
|
|
|
198 /* Breadcrumbs */
|
|
|
199
|
|
|
200
|
|
|
201 div.breadcrumbs {
|
|
|
202 float: left;
|
|
|
203 font-size: 10px;
|
|
|
204 color: #6a4d3c;
|
|
|
205 }
|
|
|
206
|
|
|
207 div.breadcrumbs a {
|
|
|
208 color: #6a4d3c;
|
|
|
209 text-decoration: none;
|
|
|
210 }
|
|
|
211
|
|
|
212 div.breadcrumbs .selected {
|
|
|
213 color: #6a4d3c;
|
|
|
214 font-weight: bold;
|
|
|
215 }
|
|
|
216
|
|
|
217
|
|
|
218 /*
|
|
|
219 * Front page feature
|
|
|
220 */
|
|
|
221
|
|
|
222 div.feature {
|
|
|
223 width: 900px;
|
|
|
224 background-color: #f4e0c7;
|
|
|
225 }
|
|
|
226
|
|
|
227 div.feature div.teaser_image {
|
|
|
228 /* float: left; */
|
|
|
229 display: inline-block;
|
|
|
230 vertical-align: top;
|
|
|
231 position: relative;
|
|
|
232 width: 593px;
|
|
|
233 height: 351px;
|
|
|
234 }
|
|
|
235
|
|
|
236 div.feature div.teaser_image div.caption {
|
|
|
237 position: absolute;
|
|
|
238 bottom: 0;
|
|
|
239 padding: 3px;
|
|
|
240 text-align: right;
|
|
|
241 color: white;
|
|
|
242 font-size: 10px;
|
|
|
243 opacity: 0.8;
|
|
|
244 background-color: gray;
|
|
|
245 /* background-color: rgba(80,80,80,0.6); */
|
|
|
246 }
|
|
|
247
|
|
|
248 div.feature div.teaser_text {
|
|
|
249 display: inline-block;
|
|
|
250 position: relative;
|
|
|
251 width: 265px;
|
|
|
252 padding-left: 21px;
|
|
|
253 padding-right: 21px;
|
|
|
254 }
|
|
|
255
|
|
|
256 div.feature div.teaser_text div.feature_number {
|
|
|
257 position: absolute;
|
|
|
258 right: 14px;
|
|
|
259 top: 5px;
|
|
|
260 font-family: Georgia, Times, serif;
|
|
|
261 font-size: 26px;
|
|
|
262 color: #887163;
|
|
|
263 }
|
|
|
264 /* title */
|
|
|
265 div.feature div.teaser_text h1 {
|
|
|
266 font-size: 16px;
|
|
|
267 font-weight: normal;
|
|
|
268 margin-top: 0;
|
|
|
269 }
|
|
|
270 /* "current research topic */
|
|
|
271 div.feature div.teaser_text h2 {
|
|
|
272 font-size: 14px;
|
|
|
273 color: #887163;
|
|
|
274 margin-bottom: 0;
|
|
|
275 }
|
|
|
276 /* feature date */
|
|
|
277 div.feature div.teaser_text h3 {
|
|
|
278 margin-top: 20px;
|
|
|
279 margin-bottom: 20px;
|
|
|
280 }
|
|
|
281
|
|
|
282 div.feature div.teaser_text p {
|
|
|
283 line-height: 1.5;
|
|
|
284 }
|
|
|
285
|
|
|
286
|
|
|
287
|
|
|
288
|
|
|
289 /*
|
|
|
290 * main section
|
|
|
291 */
|
|
|
292
|
|
|
293 div.main {
|
|
|
294 }
|
|
|
295
|
|
|
296 div.main div.row {
|
|
|
297 /* set font-size to ignore whitespace */
|
|
|
298 font-size: 0;
|
|
|
299 }
|
|
|
300
|
|
|
301 div.main div.block {
|
|
|
302 display: inline-block;
|
|
|
303 width: 286px;
|
|
|
304 vertical-align: top;
|
|
|
305 /* reset font-size */
|
|
|
306 font-size: 12px;
|
|
|
307 line-height: 1.5;
|
|
|
308 margin-left: 21px;
|
|
|
309 }
|
|
|
310 div.main div.block:first-child {
|
|
|
311 /* first block has no left margin */
|
|
|
312 margin-left: 0;
|
|
|
313 }
|
|
|
314
|
|
|
315 div.main div.block h2 {
|
|
|
316 position: relative;
|
|
|
317 padding-bottom: 3px;
|
|
|
318 margin-top: 18px;
|
|
|
319 border-bottom: 3px solid #dccbae;
|
|
|
320 }
|
|
|
321 div.main div.block h2 a:link {
|
|
|
322 /* more-links in title are right */
|
|
|
323 position: absolute;
|
|
|
324 right: 0;
|
|
|
325 /* more-links in title are small */
|
|
|
326 font-size: 12px;
|
|
|
327 }
|
|
|
328
|
|
|
329 div.main div.block div.item {
|
|
|
330 padding-top: 5px;
|
|
|
331 padding-bottom: 3px;
|
|
|
332 border-bottom: 1px solid #dccbae;
|
|
|
333 }
|
|
|
334
|
|
|
335 div.main div.block b {
|
|
|
336 /* bold is blue */
|
|
|
337 color: #3b4186;
|
|
|
338 }
|
|
|
339
|
|
|
340 /*
|
|
|
341 * subnavigation
|
|
|
342 */
|
|
|
343
|
|
|
344 div.leftbox {
|
|
|
345 /* float: left; */
|
|
|
346 width: 170px;
|
|
|
347 }
|
|
|
348
|
|
|
349 div.subnav {
|
|
|
350 /* float: left; */
|
|
|
351 width: 170px;
|
|
|
352 font-size: 11px;
|
|
|
353 }
|
|
|
354
|
|
|
355 div.subnav .sn_off, .subnavbox .sn_off {
|
|
|
356 /* float: left; */
|
|
|
357 width: 164px;
|
|
|
358 border-bottom: 1px solid #dccbae;
|
|
|
359 padding: 3px 6px 6px 0;
|
|
|
360 }
|
|
|
361
|
|
|
362 div.subnav .sn_on {
|
|
|
363 /* float: left; */
|
|
|
364 width: 158px;
|
|
|
365 border-bottom: 1px solid #dccbae;
|
|
|
366 padding: 3px 6px 6px 6px;
|
|
|
367 background: #EA8500;
|
|
|
368 }
|
|
|
369
|
|
|
370 div.subnav .sn_on a {
|
|
|
371 color: #FCF2DF;
|
|
|
372 font-weight: bold;
|
|
|
373 }
|
|
|
374
|
|
|
375 div.subnav .sn_off .dept {
|
|
|
376 font-style: italic;
|
|
|
377 color: #b69f7b;
|
|
|
378 }
|
|
|
379
|
|
|
380 div.subnav .sn_on .dept {
|
|
|
381 font-style: italic;
|
|
|
382 color: #f9f4e1;
|
|
|
383 }
|
|
|
384
|
|
|
385 div.subnavbox {
|
|
|
386 /* navigation below e.g. research projects */
|
|
|
387 /* float: left; */
|
|
|
388 width: 170px;
|
|
|
389 font-size: 11px;
|
|
|
390 margin-top: 30px;
|
|
|
391 }
|
|
|
392
|
|
|
393 div.subnavbox h2 {
|
|
|
394 /* float: left; */
|
|
|
395 width: 170px;
|
|
|
396 height: 20px;
|
|
|
397 font-size: 11px;
|
|
|
398 color: #b69f7b;
|
|
|
399 margin-bottom: 0px;
|
|
|
400 padding-bottom: 3px;
|
|
|
401 margin-top: 20px;
|
|
|
402 background: transparent url(../images/side.gif) repeat-x;
|
|
|
403 }
|
|
|
404
|
|
|
405 /*
|
|
|
406 * diverse
|
|
|
407 */
|
|
|
408
|
|
|
409 img.pic_large {
|
|
|
410 /* class for wide pictures used for example on institute/addres.html etc. */
|
|
|
411 margin-bottom: 20px;
|
|
|
412 }
|
|
|
413
|
|
|
414
|
|
|
415
|
|
|
416
|
|
|
417
|
|
|
418 /*
|
|
|
419 * research section
|
|
|
420 */
|
|
|
421
|
|
|
422 div.center_wide.dept {
|
|
|
423 padding-left: 16px !important;
|
|
|
424 padding-right: 0 !important;
|
|
|
425 }
|
|
|
426
|
|
|
427 div.center.dept {
|
|
|
428 padding-left: 16px !important;
|
|
|
429 padding-right: 0 !important;
|
|
|
430 width: 480px !important;
|
|
|
431 }
|
|
|
432
|
|
|
433 div.dept_block {
|
|
|
434 /* float: left; */
|
|
|
435 width: 221px;
|
|
|
436 min-height:420px;
|
|
|
437 border-bottom: 2px solid #979CE0;
|
|
|
438 margin-right: 15px;
|
|
|
439 margin-bottom: 20px;
|
|
|
440 font-size: 11px;
|
|
|
441 }
|
|
|
442
|
|
|
443 div.dept_block.clear {
|
|
|
444 clear:left;
|
|
|
445 }
|
|
|
446
|
|
|
447 div.dept_block.wide {
|
|
|
448 width: 460px !important;
|
|
|
449 min-height:0px !important;
|
|
|
450 height: auto !important;
|
|
|
451 }
|
|
|
452
|
|
|
453 div.dept_block.short {
|
|
|
454 min-height: 290px !important;
|
|
|
455 border-bottom: None;
|
|
|
456 }
|
|
|
457
|
|
|
458 div.dept_block h2 {
|
|
|
459 margin: 0 0 5px 0;
|
|
|
460 font-size: 13px;
|
|
|
461 font-weight: normal;
|
|
|
462 color: #485297;
|
|
|
463 }
|
|
|
464
|
|
|
465 div.dept_block.wide h2 {
|
|
|
466 margin: 0 0 5px 0;
|
|
|
467 font-size: 16px;
|
|
|
468 color: #485297;
|
|
|
469 }
|
|
|
470
|
|
|
471 div.dept_block h1 {
|
|
|
472 font-size: 13px;
|
|
|
473 font-weight: bold;
|
|
|
474 color: #485297;
|
|
|
475 }
|
|
|
476
|
|
|
477 div.dept_block.wide h1 {
|
|
|
478 font-size: 16px;
|
|
|
479 }
|
|
|
480
|
|
|
481 div.dept_block h2 a, div.dept_block h1 a {
|
|
|
482 color: #485297;
|
|
|
483 }
|
|
|
484
|
|
|
485 div.dept_block p {
|
|
|
486 font-size: 11px;
|
|
|
487 line-height: 1.6;
|
|
|
488 }
|
|
|
489
|
|
|
490 p.dept_leader, p.dept_summary {
|
|
|
491 /* legacy */
|
|
|
492 font-size: 11px;
|
|
|
493 line-height:1.4;
|
|
|
494 }
|
|
|
495
|
|
|
496
|
|
|
497
|
|
|
498 /*
|
|
|
499 * people list
|
|
|
500 */
|
|
|
501
|
|
|
502 div.namelist {
|
|
|
503 /* float: left; */
|
|
|
504 clear: left;
|
|
|
505 padding-top: 10px;
|
|
|
506 }
|
|
|
507
|
|
|
508 div.namelist.line {
|
|
|
509 border-top: 3px solid #dccbae;
|
|
|
510 }
|
|
|
511 /* NEW */
|
|
|
512 div.namelist h2 {
|
|
|
513 border-bottom: 3px solid #dccbae;
|
|
|
514 }
|
|
|
515 div.namelist h2.noline {
|
|
|
516 border-bottom: none;
|
|
|
517 }
|
|
|
518 div.namelist.small {
|
|
|
519 font-size: 11px;
|
|
|
520 }
|
|
|
521
|
|
|
522 div.center_wide div.namelist {
|
|
|
523 width: 700px;
|
|
|
524 }
|
|
|
525 div.center div.namelist div.row {
|
|
|
526 width:100%;
|
|
|
527 }
|
|
|
528 div.namelist div.row {
|
|
|
529 /* float: left; */
|
|
|
530 border-bottom: 1px solid #dccbae;
|
|
|
531 margin-top: 5px;
|
|
|
532 padding-bottom: 7px;
|
|
|
533 }
|
|
|
534 div.namelist div.row.noline {
|
|
|
535 border-bottom: none;
|
|
|
536 }
|
|
|
537
|
|
|
538 div.center_wide div.namelist div.row {
|
|
|
539 width: 700px;
|
|
|
540 }
|
|
|
541
|
|
|
542 div.namelist div.row:last-child {
|
|
|
543 border-bottom: none;
|
|
|
544 }
|
|
|
545
|
|
|
546 div.namelist .name {
|
|
|
547 display: block;
|
|
|
548 /* float: left; */
|
|
|
549 width: 30%;
|
|
|
550 }
|
|
|
551
|
|
|
552 div.namelist.namelinks .name a {
|
|
|
553 color: #485297;
|
|
|
554 }
|
|
|
555
|
|
|
556 div.namelist .definition {
|
|
|
557 display: block;
|
|
|
558 /* float: left; */
|
|
|
559 width: 70%;
|
|
|
560 }
|
|
|
561
|
|
|
562 div.namelist.namelinks .definition a {
|
|
|
563 color: #485297;
|
|
|
564 }
|
|
|
565
|
|
|
566 /* legacy */
|
|
|
567 div.namelist.namelinks .definition.normallinks a {
|
|
|
568 color: #EA8500;
|
|
|
569 }
|
|
|
570
|
|
|
571 div.list_disclaimer {
|
|
|
572 /* float: left; */
|
|
|
573 width: 180px;
|
|
|
574 font-size: 10px;
|
|
|
575 margin-right: 20px;
|
|
|
576 }
|
|
|
577
|
|
|
578 div.letters {
|
|
|
579 /* float: left; */
|
|
|
580 margin-right: 10px;
|
|
|
581 color: #EA8500;
|
|
|
582 }
|
|
|
583 div.letters a {
|
|
|
584 margin-left: 0.2em;
|
|
|
585 margin-right: 0.2em;
|
|
|
586 }
|
|
|
587
|
|
|
588 div.letter {
|
|
|
589 /* float: left; */
|
|
|
590 width: 700px;
|
|
|
591 margin-top: 20px;
|
|
|
592 padding-bottom: 3px;
|
|
|
593 border-bottom: 3px solid #dccbae;
|
|
|
594 font-weight: bold;
|
|
|
595 font-size: 13px;
|
|
|
596 color: #dccbae;
|
|
|
597 }
|
|
|
598
|
|
|
599 div.jump_top {
|
|
|
600 /* float: left; */
|
|
|
601 width: 700px;
|
|
|
602 text-align: right;
|
|
|
603 font-size: 10px;
|
|
|
604 }
|
|
|
605
|
|
|
606
|
|
|
607
|
|
|
608
|
|
|
609 /* bios */
|
|
|
610
|
|
|
611 p.bio_section_header {
|
|
|
612 color: #485297;
|
|
|
613 padding-bottom: 5px;
|
|
|
614 margin-bottom: 5px;
|
|
|
615 border-bottom: 1px solid #dccbae;
|
|
|
616 }
|
|
|
617
|
|
|
618
|
|
|
619
|
|
|
620 /*
|
|
|
621 * right sidebar
|
|
|
622 */
|
|
|
623
|
|
|
624 div.sidebar {
|
|
|
625 /* float: right; */
|
|
|
626 width: 220px;
|
|
|
627 font-size: 10px;
|
|
|
628 line-height: 1.6;
|
|
|
629 /* margin-right: 10px; */
|
|
|
630 }
|
|
|
631
|
|
|
632 #wrapper_home .sidebar {
|
|
|
633 width: 230px;
|
|
|
634 }
|
|
|
635
|
|
|
636 div.sideblock {
|
|
|
637 /* border-bottom: 1px solid #dccbae; */
|
|
|
638 /* float: left; */
|
|
|
639 clear: left;
|
|
|
640 }
|
|
|
641
|
|
|
642 div.sideblock h2 {
|
|
|
643 padding-bottom: 5px;
|
|
|
644 margin: 18px 0px 0px 0px;
|
|
|
645 /* brown bottom line
|
|
|
646 background: transparent url(../images/side.gif) repeat-x;
|
|
|
647 */
|
|
|
648 border-bottom: 3px solid #dccbae;
|
|
|
649 font-size: 12px;
|
|
|
650 color: #485297;
|
|
|
651 /*float:left;
|
|
|
652 clear:both;*/
|
|
|
653 font-weight: normal;
|
|
|
654 }
|
|
|
655
|
|
|
656 div.sideblock h2 a {
|
|
|
657 /* no longer so ugly hack to have right-adjust link... */
|
|
|
658 /* float: right; */
|
|
|
659 color: #EA8500;
|
|
|
660 font-size: 10px;
|
|
|
661 }
|
|
|
662
|
|
|
663 div.sideblock h2 .proj_state {
|
|
|
664 /* right-adjusted block besides the title */
|
|
|
665 /* float: right; */
|
|
|
666 font-size: 10px;
|
|
|
667 color: #b69f7b;
|
|
|
668 font-weight: bold;
|
|
|
669 }
|
|
|
670 div.sideblock h2 .proj_state a {
|
|
|
671 /* inside should not float */
|
|
|
672 /* float: none; */
|
|
|
673 }
|
|
|
674
|
|
|
675 div.sideblock a.maillink {
|
|
|
676 color: #ea8500 !important;
|
|
|
677 }
|
|
|
678
|
|
|
679 div.sideblock .item, div.sideblock p {
|
|
|
680 /* float:left; */
|
|
|
681 width:220px;
|
|
|
682 margin: 5px 0 0 0;
|
|
|
683 padding: 0 0 5px 0;
|
|
|
684 border-bottom: 1px solid #dccbae;
|
|
|
685
|
|
|
686 }
|
|
|
687
|
|
|
688 div.sideblock .item.noline {
|
|
|
689 border-bottom: none;
|
|
|
690 }
|
|
|
691
|
|
|
692 div.sideblock .project {
|
|
|
693 background: url(../images/arr_right.gif) no-repeat #f5daaf;
|
|
|
694 padding: 6px 6px 6px 20px;
|
|
|
695 border-bottom: 1px solid #f3be7c;
|
|
|
696 width:194px;
|
|
|
697 }
|
|
|
698
|
|
|
699 div.sideblock .project.inactive {
|
|
|
700 background: url(../images/arr_right.gif) no-repeat #f6e6cc;
|
|
|
701 width:194px;
|
|
|
702 }
|
|
|
703
|
|
|
704 div.sideblock .project.parent {
|
|
|
705 background: url(../images/arr_up.gif) no-repeat #f9f4e1;
|
|
|
706 color: #666666;
|
|
|
707 border-bottom: 1px solid #dccbae;
|
|
|
708 margin-top:20px;
|
|
|
709 }
|
|
|
710
|
|
|
711 div.sideblock .project a {
|
|
|
712 color: #333;
|
|
|
713 }
|
|
|
714
|
|
|
715 div.sideblock .item.featurearchive {
|
|
|
716 border-bottom:none;
|
|
|
717 /* float:left; */
|
|
|
718 margin: 5px 0 10px 0;
|
|
|
719 padding: 0 0 5px 0;
|
|
|
720 border-bottom: None;
|
|
|
721 }
|
|
|
722
|
|
|
723 div.sideblock .item img {
|
|
|
724 margin-right: 8px;
|
|
|
725 }
|
|
|
726
|
|
|
727 div.sideblock .item.link, div.sideblock .item.internal {
|
|
|
728 padding: 0 0 10px 20px;
|
|
|
729 background: url(../images/arr_more.gif) no-repeat;
|
|
|
730 width: 200px;
|
|
|
731 }
|
|
|
732 div.sideblock .item.book {
|
|
|
733 padding: 0 0 10px 20px;
|
|
|
734 background: url(../images/book.gif) no-repeat;
|
|
|
735 width: 200px;
|
|
|
736 }
|
|
|
737
|
|
|
738 div.sideblock .item.external {
|
|
|
739 padding: 0 0 10px 20px;
|
|
|
740 background: url(../images/external.gif) no-repeat;
|
|
|
741 width: 200px;
|
|
|
742 }
|
|
|
743
|
|
|
744 div.sideblock .item.video {
|
|
|
745 padding: 0 0 10px 20px;
|
|
|
746 background: url(../images/vid.gif) no-repeat;
|
|
|
747 width: 200px;
|
|
|
748 }
|
|
|
749
|
|
|
750 div.sideblock .item.audio {
|
|
|
751 padding: 0 0 10px 20px;
|
|
|
752 background: url(../images/audio.gif) no-repeat;
|
|
|
753 width: 200px;
|
|
|
754 }
|
|
|
755
|
|
|
756 div.sideblock .item.download {
|
|
|
757 padding: 0 0 10px 20px;
|
|
|
758 background: url(../images/download.gif) no-repeat;
|
|
|
759 width: 200px;
|
|
|
760 }
|
|
|
761
|
|
|
762
|
|
|
763
|
|
|
764
|
|
|
765 /*
|
|
|
766 * footer
|
|
|
767 */
|
|
|
768
|
|
|
769 .footer {
|
|
|
770 /* float: left; */
|
|
|
771 width: 700px;
|
|
|
772 background-color: #FFFFFF;
|
|
|
773 margin: 0 10px 20px 20px;
|
|
|
774 border-top: 1px solid #485297;
|
|
|
775 }
|
|
|
776
|
|
|
777 #wrapper_home .footer {
|
|
|
778 /* float: left; */
|
|
|
779 width: 900px;
|
|
|
780 margin: 0 10px 20px 20px;
|
|
|
781 border-top: 1px solid #dccbae;
|
|
|
782 }
|
|
|
783
|
|
|
784 div.services {
|
|
|
785 /* float: right; */
|
|
|
786 font-size: 11px;
|
|
|
787 margin-top: 5px;
|
|
|
788 }
|
|
|
789
|
|
|
790 .services a {
|
|
|
791 color: #485297;
|
|
|
792 }
|
|
|
793
|
|
|
794 div.serviceprint {
|
|
|
795 /* float: left; */
|
|
|
796 margin-left: 20px;
|
|
|
797 padding-left: 20px;
|
|
|
798 height: 25px;
|
|
|
799 background: url(../images/print.gif) no-repeat;
|
|
|
800 }
|
|
|
801
|
|
|
802 div.serviceforward {
|
|
|
803 /* float: left; */
|
|
|
804 margin-left: 20px;
|
|
|
805 padding-left: 20px;
|
|
|
806 height: 25px;
|
|
|
807 background: url(../images/forward.gif) no-repeat;
|
|
|
808 }
|
|
|
809
|
|
|
810 div.servicepdf {
|
|
|
811 /* float: left; */
|
|
|
812 margin-left: 20px;
|
|
|
813 padding-left: 20px;
|
|
|
814 height: 25px;
|
|
|
815 background: url(../images/pdf.gif) no-repeat;
|
|
|
816 }
|
|
|
817
|
|
|
818 div.boilerplate {
|
|
|
819 /* float: left; */
|
|
|
820 margin: 0 0 50px 170px;
|
|
|
821 width: 730px;
|
|
|
822 }
|
|
|
823
|
|
|
824 #wrapper_home div.boilerplate {
|
|
|
825 /* float: left; */
|
|
|
826 margin: 30px 0 50px 0px;
|
|
|
827 width: 900px;
|
|
|
828 border-top: 1px solid #dccbae;
|
|
|
829 padding-top: 10px;
|
|
|
830 }
|
|
|
831
|
|
|
832 div.legal {
|
|
|
833 /* float: left; */
|
|
|
834 font-size: 11px;
|
|
|
835 color: #EA8500;
|
|
|
836 }
|
|
|
837
|
|
|
838 div.mpg_signet {
|
|
|
839 /* float: right; */
|
|
|
840 }
|
|
|
841
|
|
|
842
|
|
|
843 /* more generic lists */
|
|
|
844
|
|
|
845 ul.big {
|
|
|
846 width:100%;
|
|
|
847 }
|
|
|
848
|
|
|
849 ul.big li {
|
|
|
850 border-bottom: 1px solid #dccbae;
|
|
|
851 margin-top: 5px;
|
|
|
852 padding-bottom: 7px;
|
|
|
853 }
|
|
|
854 ul.big li:last-child {
|
|
|
855 border-bottom: none;
|
|
|
856 }
|
|
|
857
|
|
|
858
|
|
|
859
|
|
|
860 /* Sitemap */
|
|
|
861 div.dept_block_sitemap {
|
|
|
862 /* float: left; */
|
|
|
863 width: 221px;
|
|
|
864 font-size: 11px;
|
|
|
865 }
|
|
|
866
|
|
|
867 .dept_title_sitemap {
|
|
|
868 margin: 0 0 5px 0;
|
|
|
869 font-size: 13px;
|
|
|
870 color: #485297;
|
|
|
871 width: 221px;
|
|
|
872 padding-top: 5px;
|
|
|
873 border-top: 2px solid #979CE0;
|
|
|
874 }
|
|
|
875
|
|
|
876 .dept_title a, .dept_title_sitemap a, .dept_headline a {
|
|
|
877 color: #485297;
|
|
|
878 }
|
|
|
879
|
|
|
880
|
|
|
881 div.banner_large .caption {
|
|
|
882 font-size: 10px;
|
|
|
883 color: #b69f7b;
|
|
|
884 margin-top: 5px;
|
|
|
885 }
|
|
|
886
|
|
|
887
|
|
|
888 div.image_large .caption {
|
|
|
889 font-size: 10px;
|
|
|
890 color: #b69f7b;
|
|
|
891 margin-top: 5px;
|
|
|
892 }
|
|
|
893 div.image_small {
|
|
|
894 width: 230px;
|
|
|
895 padding: 10px;
|
|
|
896 }
|
|
|
897 div.image_small.left {
|
|
|
898 /* float: left; */
|
|
|
899 padding-left: 0px;
|
|
|
900 }
|
|
|
901 div.image_small.right {
|
|
|
902 /* float: right; */
|
|
|
903 padding-right: 0px;
|
|
|
904 }
|
|
|
905 div.image_small .caption {
|
|
|
906 font-size: 10px;
|
|
|
907 color: #b69f7b;
|
|
|
908 margin-top: 5px;
|
|
|
909 }
|
|
|
910
|
|
|
911
|
|
|
912
|
|
|
913 /* projects */
|
|
|
914
|
|
|
915 div.projectlist {
|
|
|
916 width:100%;
|
|
|
917 }
|
|
|
918
|
|
|
919 div.projectlist h2 {
|
|
|
920 width:700px;
|
|
|
921 font-size: 13px;
|
|
|
922 border-bottom: 2px solid #dccbae;
|
|
|
923 font-weight:normal;
|
|
|
924 }
|
|
|
925 div.projectlist h2 a {
|
|
|
926 color: #485297;
|
|
|
927 }
|
|
|
928 div.projectlist h2 a .dep {
|
|
|
929 font-weight:bold;
|
|
|
930 color: #485297;
|
|
|
931 margin-right:10px;
|
|
|
932 }
|
|
|
933 div.project_block {
|
|
|
934 margin-top:10px;
|
|
|
935 margin-bottom:14px;
|
|
|
936 }
|
|
|
937
|
|
|
938 ul.projectlist {
|
|
|
939 list-style-image:url(../images/arr_more.gif);
|
|
|
940 /* line-height: 20px; */
|
|
|
941 }
|
|
|
942 ul.projectlist a{
|
|
|
943 color: #485297;
|
|
|
944 }
|
|
|
945
|
|
|
946
|
|
|
947 p.maintext_more {
|
|
|
948 font-size: 12px;
|
|
|
949 margin-top: -10px;
|
|
|
950 padding-left: 15px;
|
|
|
951 background: url(../images/arr_more.gif) no-repeat;
|
|
|
952 }
|
|
|
953 p.maintext_authors {
|
|
|
954 font-size: 12px;
|
|
|
955 font-weight: bold;
|
|
|
956 }
|
|
|
957
|
|
|
958
|
|
|
959 div.caption_inline {
|
|
|
960 /* caption for images on project pages */
|
|
|
961 /* float: left; */
|
|
|
962 width: 208px;
|
|
|
963 font-size: 9px;
|
|
|
964 color: #b69f7b;
|
|
|
965 margin-top: 5px;
|
|
|
966 }
|
|
|
967
|
|
|
968 div.pic_inline {
|
|
|
969 /* float: left; */
|
|
|
970 width: 220px;
|
|
|
971 }
|
|
|
972 div.pic_inline_container {
|
|
|
973 /* float: left; */
|
|
|
974 width: 220px;
|
|
|
975 margin: 5px 15px 0 0;
|
|
|
976 }
|
|
|
977
|
|
|
978
|
|
|
979
|
|
|
980 /* Research Units */
|
|
|
981 li.level_1 {
|
|
|
982 margin-left:2px;
|
|
|
983 }
|
|
|
984 li.level_2 {
|
|
|
985 margin-left:22px;
|
|
|
986 border-bottom: 1px solid #dccbae;
|
|
|
987 font-weight:bold;
|
|
|
988 }
|
|
|
989 li.level_3 {
|
|
|
990 margin-left:52px;
|
|
|
991 font-weight:bold;
|
|
|
992 }
|
|
|
993 li.level_4 {
|
|
|
994 margin-left:82px;
|
|
|
995 }
|
|
|
996
|
|
|
997 a.expand {
|
|
|
998 margin-left:45px;
|
|
|
999 margin-top:10px;
|
|
|
1000 }
|
|
|
1001
|
|
|
1002
|
|
|
1003
|
|
|
1004
|
|
|
1005
|
|
|
1006
|
|
|
1007
|
|
|
1008 /* Events */
|
|
|
1009
|
|
|
1010 div.event {
|
|
|
1011 margin-bottom: 44px;
|
|
|
1012 }
|
|
|
1013
|
|
|
1014 div.event span.category{
|
|
|
1015 border-bottom:1px solid #dccbae;
|
|
|
1016 color: #485297;
|
|
|
1017
|
|
|
1018 font-size:12px;
|
|
|
1019 }
|
|
|
1020 div.event h2 {
|
|
|
1021 margin-left:0px;
|
|
|
1022 /* color: #dccbae;
|
|
|
1023 font-weight:bold;
|
|
|
1024 border-bottom:2px solid #dccbae;
|
|
|
1025 */
|
|
|
1026 color: #485297;
|
|
|
1027 font-weight:normal;
|
|
|
1028 }
|
|
|
1029
|
|
|
1030 div.event h1{
|
|
|
1031 margin-left:0px;
|
|
|
1032 }
|
|
|
1033
|
|
|
1034 div.event p {
|
|
|
1035 font-size: 11px;
|
|
|
1036
|
|
|
1037 margin-left:82px;
|
|
|
1038 }
|
|
|
1039
|
|
|
1040
|
|
|
1041 div.event div.row {
|
|
|
1042 width:100%;
|
|
|
1043 /* float: left; */
|
|
|
1044 border-bottom: 1px solid #dccbae;
|
|
|
1045 margin-bottom: 5px;
|
|
|
1046 padding-bottom: 7px;
|
|
|
1047 }
|
|
|
1048
|
|
|
1049
|
|
|
1050 div.event div.row div.name {
|
|
|
1051 /* float:left; */
|
|
|
1052 width:80px;
|
|
|
1053 color:#485297;
|
|
|
1054 }
|
|
|
1055
|
|
|
1056 div.event div.row div.definition {
|
|
|
1057 /* float:left; */
|
|
|
1058 margin-left:20px;
|
|
|
1059 width:300px;
|
|
|
1060 }
|
|
|
1061
|
|
|
1062
|
|
|
1063
|
|
|
1064 /* mediathek */
|
|
|
1065
|
|
|
1066 div.media_nav {
|
|
|
1067 background-color:#ffffff;
|
|
|
1068 }
|
|
|
1069
|
|
|
1070 div.media_nav div.element {
|
|
|
1071 /* float:left; */
|
|
|
1072 margin-left:8px;
|
|
|
1073 margin-right:8px;
|
|
|
1074 }
|
|
|
1075
|
|
|
1076
|
|
|
1077
|
|
|
1078 /* unknown */
|
|
|
1079 div.line{
|
|
|
1080 border-bottom: 3px solid #dccbae;
|
|
|
1081 margin-bottom:10px;
|
|
|
1082 margin-top:10px;
|
|
|
1083 width:700px;
|
|
|
1084 }
|
|
|
1085 /* used e.g. on staff-pages 'kollegium/board of directors' */
|
|
|
1086
|
|
|
1087 .deptlink {
|
|
|
1088 color: #485297;
|
|
|
1089 margin:20px;
|
|
|
1090 }
|
|
|
1091
|
|
|
1092 ul.presse li {
|
|
|
1093 border-top: 1px solid #dccbae;
|
|
|
1094 font-size: 11px;
|
|
|
1095 padding-left:8px;
|
|
|
1096 padding-top: 8px;
|
|
|
1097 }
|
|
|
1098
|
|
|
1099 h2.line {
|
|
|
1100 border-bottom:2px solid #dccbae;
|
|
|
1101 margin-bottom:8px;
|
|
|
1102 }
|
|
|
1103 h1.line {
|
|
|
1104 border-bottom:3px solid #dccbae;
|
|
|
1105 padding-bottom:5px;
|
|
|
1106 }
|
|
|
1107
|
