|
8
|
1 #header div.title img.logo_left {
|
|
|
2 width: 100px;
|
|
|
3 height: 90%;
|
|
|
4 vertical-align: top;
|
|
|
5 padding-right: 5px;
|
|
|
6 margin-top: -15px;
|
|
|
7
|
|
|
8 }
|
|
|
9
|
|
|
10
|
|
|
11
|
|
|
12
|
|
|
13 .openmindattribute-cell {
|
|
|
14 padding-left: 2em;
|
|
|
15 padding-bottom: 2em;
|
|
|
16 vertical-align: top;
|
|
|
17 }
|
|
|
18
|
|
|
19 .openmindattribute-name {
|
|
|
20 color: #c10000;
|
|
|
21 }
|
|
|
22
|
|
|
23 .views-row {
|
|
|
24 list-style-type: none;
|
|
|
25 }
|
|
|
26 .view-content {
|
|
|
27 padding-bottom: 2em;
|
|
|
28 padding-left: 2em;
|
|
|
29 }
|
|
|
30
|
|
|
31 .view-header {
|
|
|
32 color: #c10000;
|
|
|
33 /*border-bottom: thin solid #9da0c2;*/
|
|
|
34 }
|
|
|
35
|
|
|
36 .view-content .views-field{
|
|
|
37 padding-left: 2em;
|
|
|
38
|
|
|
39 }
|
|
|
40
|
|
|
41 .view-grouping {
|
|
|
42 padding-bottom: 2em;
|
|
|
43 }
|
|
|
44
|
|
|
45 table.views-table tr th {
|
|
|
46 background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
|
|
|
47 border-bottom-style: none;
|
|
|
48 height: 40px;
|
|
|
49 }
|
|
|
50
|
|
|
51 /* layout for specific views */
|
|
|
52 #views-exposed-form-codices-page-4 div.views-exposed-widget label,
|
|
|
53 #views-exposed-form-showbiographies-page div.views-exposed-widget label,
|
|
|
54 #views-exposed-form-codices-page-2 div.views-exposed-widget label,
|
|
|
55 #views-exposed-form-codices-page-2 div.views-exposed-widget label,
|
|
|
56 #views-exposed-form-codices-page-codices div.views-exposed-widget label{
|
|
|
57 text-align: left;
|
|
|
58 font-weight: normal;
|
|
|
59 padding: 10px 10px 10px 10px;
|
|
|
60 display:block;
|
|
|
61 border-bottom-style: solid;
|
|
|
62
|
|
|
63 }
|
|
|
64
|
|
|
65 #views-exposed-form-codices-page-4 div.views-exposed-widget label.option,
|
|
|
66 #views-exposed-form-codices-page-3 div.views-exposed-widget label.option,
|
|
|
67 #views-exposed-form-showbiographies-page div.views-exposed-widget label.option,
|
|
|
68 #views-exposed-form-codices-page-2 div.views-exposed-widget label.option,
|
|
|
69 #views-exposed-form-codices-page-codices div.views-exposed-widget label.option{
|
|
|
70 text-align: left;
|
|
|
71 font-weight: normal;
|
|
|
72 padding: 10px 10px 10px 10px;
|
|
|
73 display:inline;
|
|
|
74 border-bottom-style: none;
|
|
|
75
|
|
|
76 }
|
|
|
77 div#edit-title-1.form-radios div.form-item.form-type-radio.form-item-title-1,
|
|
|
78 div#edit-title.form-radios div.form-item.form-type-radio.form-item-title{
|
|
|
79 display:block;
|
|
|
80 padding-bottom: 5px;
|
|
|
81 }
|
|
|
82
|
|
|
83 #views-exposed-form-codices-page-4 div.views-widget,
|
|
|
84 #views-exposed-form-codices-page-3 div.views-widget,
|
|
|
85 #views-exposed-form-codices-page-2 div.views-widget,
|
|
|
86 #views-exposed-form-showbiographies-page div.views-widget,
|
|
|
87 #views-exposed-form-codices-page-codices div.views-widget{
|
|
|
88 text-align: left;
|
|
|
89 display: block;
|
|
|
90 }
|
|
|
91
|
|
|
92
|
|
|
93 /**
|
|
|
94 * @file
|
|
|
95 * Stark layout method
|
|
|
96 *
|
|
|
97 * To avoid obscuring CSS added to the page by Drupal or a contrib module, the
|
|
|
98 * Stark theme itself has no styling, except just enough CSS to arrange the page
|
|
|
99 * in a traditional "Header, sidebars, content, and footer" layout.
|
|
|
100 *
|
|
|
101 * This layout method works reasonably well, but shouldn't be used on a
|
|
|
102 * production site because it can break. For example, if an over-large image
|
|
|
103 * (one that is wider than 20% of the viewport) is in the left sidebar, the
|
|
|
104 * image will overlap with the #content to the right. The exception to this
|
|
|
105 * is IE6 which will just hide the navigation block completely in these
|
|
|
106 * instances due to a positioning bug.
|
|
|
107 */
|
|
|
108
|
|
|
109 .item-list ul li.appellation-in-glossary-list {
|
|
|
110 padding-left: 40em;
|
|
|
111 list-style-type: none;
|
|
|
112
|
|
|
113 }
|
|
|
114
|
|
|
115 .item-list .pager {
|
|
|
116 padding-top: 0.5em;
|
|
|
117 }
|
|
|
118
|
|
|
119 .views-field-field-number-of-recipe-sppellati{
|
|
|
120 font-style: italic;
|
|
|
121 }
|
|
|
122 .search-form {
|
|
|
123 display: inline;
|
|
|
124 }
|
|
|
125
|
|
|
126 .search-form div {
|
|
|
127 display: inline;
|
|
|
128 }
|
|
|
129
|
|
|
130
|
|
|
131 .views-exposed-form .form-item, .views-exposed-form .form-submit��{
|
|
|
132 display: inline;
|
|
|
133 padding-left: 0;
|
|
|
134 }
|
|
|
135
|
|
|
136 .views-exposed-form label{
|
|
|
137 display: inline;
|
|
|
138 font-weight: normal;
|
|
|
139 }
|
|
|
140
|
|
|
141 .views-exposed-form select{
|
|
|
142 display: inline;
|
|
|
143 }
|
|
|
144
|
|
|
145 .views-exposed-widgets{
|
|
|
146 margin-bottom: 0em;
|
|
|
147 }
|
|
|
148 /* MPIWG addtional syles for drupal */
|
|
|
149
|
|
|
150 /*
|
|
|
151 * return to mpiwg
|
|
|
152 */
|
|
|
153
|
|
|
154 .subnav .subnav li.leaf {
|
|
|
155 padding-left: 10px;
|
|
|
156 }
|
|
|
157 div.subnav li.sn_off a.active {
|
|
|
158 color: #ffffff;
|
|
|
159 background-color: #c10000;
|
|
|
160 }
|
|
|
161 div.subnav .sn_on div.active-trail{
|
|
|
162 color: #ffffff;
|
|
|
163 background-color: #c10000;
|
|
|
164 }
|
|
|
165
|
|
|
166 /* suchseite */
|
|
|
167 div.form-item-exact{
|
|
|
168 display: block;
|
|
|
169 }
|
|
|
170
|
|
|
171
|
|
|
172 /* entspricht .line*/
|
|
|
173
|
|
|
174 li.node-readmore a {
|
|
|
175 background: url("./icons/blue/LinkIntern.png") center left no-repeat;
|
|
|
176 padding-left: 10px;
|
|
|
177 }
|
|
|
178 .pane-title{
|
|
|
179 border-bottom: 3px solid #9DA0C2;
|
|
|
180 margin-bottom: 5px;
|
|
|
181 padding-bottom: 5px;
|
|
|
182 }
|
|
|
183
|
|
|
184
|
|
|
185
|
|
|
186
|
|
|
187 td.key{
|
|
|
188 color :rgb(59, 65, 134);
|
|
|
189
|
|
|
190 }
|
|
|
191
|
|
|
192 div.main{
|
|
|
193 width: 75%;
|
|
|
194 }
|
|
|
195
|
|
|
196 div.title h1,
|
|
|
197 div.title h2
|
|
|
198 {
|
|
|
199 color: #3c4286;
|
|
|
200 }
|
|
|
201
|
|
|
202 .mpiwg_internal_view{
|
|
|
203 background-color: red;
|
|
|
204 }
|
|
|
205 .webSearch_hl {
|
|
|
206 font-weight: bold;
|
|
|
207 }
|
|
|
208
|
|
|
209
|
|
|
210
|
|
|
211 #mpiwg_link a {
|
|
|
212 background-color: #ebecf3;
|
|
|
213 color: #3b4186;
|
|
|
214 padding: 3px 10px 3px 10px;
|
|
|
215 font-style: italic;
|
|
|
216
|
|
|
217 }
|
|
|
218
|
|
|
219 #header div.title img.logo_left {
|
|
|
220 width: 100px;
|
|
|
221 height: 90%;
|
|
|
222 vertical-align: top;
|
|
|
223 padding-right: 5px;
|
|
|
224 margin-top: -15px;
|
|
|
225
|
|
|
226 }
|
|
|
227
|
|
|
228
|
|
|
229 div.logo_left {
|
|
|
230 float: left;
|
|
|
231 }
|
|
|
232
|
|
|
233 #header div.title {
|
|
|
234 width: 750px;
|
|
|
235
|
|
|
236
|
|
|
237 }
|
|
|
238
|
|
|
239 div.subnav .sn_off {
|
|
|
240 padding-left: 3px;
|
|
|
241 background-color: #f8f8f9;
|
|
|
242 font-weight: normal;
|
|
|
243 }
|
|
|
244
|
|
|
245 div.subnav li.sn_off a{
|
|
|
246 padding-left: 0px;
|
|
|
247 color: #c10000;
|
|
|
248 font-weight: normal;
|
|
|
249 }
|
|
|
250
|
|
|
251 ul li.leaf{
|
|
|
252 list-style-image: none;
|
|
|
253 }
|
|
|
254
|
|
|
255 ul li.expanded{
|
|
|
256 list-style-image: none;
|
|
|
257 }
|
|
|
258
|
|
|
259 ul li.collapsed{
|
|
|
260 list-style-image: none;
|
|
|
261 }
|
|
|
262
|
|
|
263 ul.menu li{
|
|
|
264 margin-left : 0px;
|
|
|
265 }
|
|
|
266
|
|
|
267 ul.inline li {
|
|
|
268 display: inline;
|
|
|
269 padding: 0;
|
|
|
270 }
|
|
|
271
|
|
|
272 /* MPIWG website style sheet
|
|
|
273 *
|
|
|
274 * (c) 2013 MPIWG Berlin
|
|
|
275 * Author: Robert Casties
|
|
|
276 */
|
|
|
277 body {
|
|
|
278 margin: 0;
|
|
|
279 font-family: Verdana, Arial, sans-serif;
|
|
|
280 background-color: #ebecf3;
|
|
|
281 font-size: 12px;
|
|
|
282 }
|
|
|
283
|
|
|
284 /*
|
|
|
285 * global styles
|
|
|
286 */
|
|
|
287 img {
|
|
|
288 border: none;
|
|
|
289 }
|
|
|
290
|
|
|
291 a {
|
|
|
292 color: #000b86;
|
|
|
293 text-decoration: none;
|
|
|
294 }
|
|
|
295
|
|
|
296 a:hover {
|
|
|
297 text-decoration: underline;
|
|
|
298 }
|
|
|
299
|
|
|
300 /* link-classes (with icons) */
|
|
|
301 a.internal,
|
|
|
302 a.more {
|
|
|
303 background: url(../images/internal.png) center left no-repeat;
|
|
|
304 padding-left: 10px;
|
|
|
305 }
|
|
|
306
|
|
|
307 a.download {
|
|
|
308 background: url(../images/download.png) center left no-repeat;
|
|
|
309 padding-left: 15px;
|
|
|
310 }
|
|
|
311
|
|
|
312 a.external {
|
|
|
313 background: url(../images/external.png) center left no-repeat;
|
|
|
314 padding-left: 15px;
|
|
|
315 }
|
|
|
316
|
|
|
317 a.down {
|
|
|
318 background: url(../images/down.png) center left no-repeat;
|
|
|
319 padding-left: 15px;
|
|
|
320 }
|
|
|
321
|
|
|
322 a.jumptop {
|
|
|
323 background: url(../images/jump_top.png) center left no-repeat;
|
|
|
324 padding-left: 15px;
|
|
|
325 }
|
|
|
326
|
|
|
327 a.email {
|
|
|
328 background: url(../images/email.png) center left no-repeat;
|
|
|
329 padding-left: 23px;
|
|
|
330 }
|
|
|
331
|
|
|
332 /* old blue mail link */
|
|
|
333 a.maillink {
|
|
|
334 color: #000b86 !important;
|
|
|
335 }
|
|
|
336
|
|
|
337 h1 {
|
|
|
338 color: #c10000;
|
|
|
339 font-size: 20px;
|
|
|
340 font-weight: normal;
|
|
|
341 margin: 0.5em 0;
|
|
|
342 }
|
|
|
343
|
|
|
344 h1:first-child {
|
|
|
345 /* does this work correctly? */
|
|
|
346 margin-top: 0;
|
|
|
347 }
|
|
|
348
|
|
|
349 h2 {
|
|
|
350 color: #c10000;
|
|
|
351 font-size: 16px;
|
|
|
352 font-weight: normal;
|
|
|
353 margin: 0.5em 0;
|
|
|
354 }
|
|
|
355
|
|
|
356 h3 {
|
|
|
357 color: #c10000;
|
|
|
358 font-size: 14px;
|
|
|
359 font-weight: normal;
|
|
|
360 margin: 0;
|
|
|
361 }
|
|
|
362
|
|
|
363 h3 + h3 {
|
|
|
364 /* h3 directly after h3 has a margin */
|
|
|
365 margin-top: 0.5em;
|
|
|
366 }
|
|
|
367
|
|
|
368 h1 a {
|
|
|
369 /* a header with a link looks like a header */
|
|
|
370 color: inherit;
|
|
|
371 font-weight: inherit;
|
|
|
372 text-decoration: none;
|
|
|
373 }
|
|
|
374
|
|
|
375 p {
|
|
|
376 margin: 0.5em 0;
|
|
|
377 line-height: 1.5;
|
|
|
378 }
|
|
|
379
|
|
|
380 ul.plain {
|
|
|
381 list-style-type: none;
|
|
|
382 padding-left: 0.5em;
|
|
|
383 }
|
|
|
384 ul.plain > li {
|
|
|
385 margin-top: 0.5em;
|
|
|
386 }
|
|
|
387
|
|
|
388 ul.inline {
|
|
|
389 display: inline;
|
|
|
390 padding: 0;
|
|
|
391 margin: 0;
|
|
|
392 }
|
|
|
393
|
|
|
394 ul.inline li {
|
|
|
395 display: inline;
|
|
|
396 }
|
|
|
397
|
|
|
398 /*
|
|
|
399 * table-like rows and columns
|
|
|
400 */
|
|
|
401
|
|
|
402 div.rows {
|
|
|
403 display: table;
|
|
|
404 }
|
|
|
405
|
|
|
406 div.row {
|
|
|
407 display: table-row;
|
|
|
408 }
|
|
|
409
|
|
|
410 div.row>div.col {
|
|
|
411 display: table-cell;
|
|
|
412 vertical-align: top;
|
|
|
413 }
|
|
|
414
|
|
|
415 div.row>div.col:first-child {
|
|
|
416 /* first block has no left margin */
|
|
|
417 padding-left: 0 !important;
|
|
|
418 }
|
|
|
419
|
|
|
420 /*
|
|
|
421 * page wrapper and header
|
|
|
422 */
|
|
|
423 #wrapper {
|
|
|
424 width: 900px;
|
|
|
425 margin: 0 auto;
|
|
|
426 padding: 10px 40px 10px 20px;
|
|
|
427 background-color: #f8f8f9;
|
|
|
428 box-shadow: 0 0 5px 3px #f8f8f9;
|
|
|
429 }
|
|
|
430
|
|
|
431 #header {
|
|
|
432 display: block;
|
|
|
433 position: relative;
|
|
|
434 height: 95px;
|
|
|
435 margin: 0 0 10px 0;
|
|
|
436 }
|
|
|
437
|
|
|
438 #header div.title {
|
|
|
439 position: absolute;
|
|
|
440 left: 0;
|
|
|
441 top: 25px;
|
|
|
442 }
|
|
|
443
|
|
|
444 #header div.title img {
|
|
|
445 width: 661px;
|
|
|
446 height: 40px;
|
|
|
447 }
|
|
|
448
|
|
|
449 #header div.logo {
|
|
|
450 position: absolute;
|
|
|
451 right: 0;
|
|
|
452 }
|
|
|
453
|
|
|
454 #header div.logo img {
|
|
|
455
|
|
|
456 height: 88px;
|
|
|
457 }
|
|
|
458
|
|
|
459 /*
|
|
|
460 * Main Navigation
|
|
|
461 */
|
|
|
462 #mainnav {
|
|
|
463 display: block;
|
|
|
464 position: relative;
|
|
|
465 font-family: Verdana, Arial, sans-serif;
|
|
|
466 font-size: 12px;
|
|
|
467 border-top: 8px solid #9da0c2;
|
|
|
468 padding-top: 5px;
|
|
|
469 margin-bottom: 15px;
|
|
|
470 /* make iPhone-Safari not botch text size */
|
|
|
471 -webkit-text-size-adjust: 100%;
|
|
|
472 }
|
|
|
473
|
|
|
474 #mainnav ul {
|
|
|
475 padding: 0;
|
|
|
476 margin: 0;
|
|
|
477 }
|
|
|
478
|
|
|
479 #mainnav li.sec {
|
|
|
480 display: inline;
|
|
|
481 border-top: 8px solid #9da0c2;
|
|
|
482 margin: 0 30px 0 0;
|
|
|
483 padding-top: 5px;
|
|
|
484 }
|
|
|
485
|
|
|
486 #mainnav li.sec:hover {
|
|
|
487 border-top: 8px solid #c10000;
|
|
|
488 }
|
|
|
489
|
|
|
490 #mainnav a {
|
|
|
491 color: #696968;
|
|
|
492 outline: none;
|
|
|
493 }
|
|
|
494
|
|
|
495 #mainnav a:hover {
|
|
|
496 color: #000000;
|
|
|
497 text-decoration: none;
|
|
|
498 }
|
|
|
499
|
|
|
500 #mainnav li.sec.on {
|
|
|
501 border-top: 8px solid #c10000;
|
|
|
502 }
|
|
|
503
|
|
|
504 #mainnav li.sec.on a {
|
|
|
505 color: #3c4286;
|
|
|
506 outline: none;
|
|
|
507 font-weight: bold;
|
|
|
508 }
|
|
|
509
|
|
|
510 #mainnav li.sec.lang {
|
|
|
511 position: absolute;
|
|
|
512 right: 0;
|
|
|
513 top: -8px;
|
|
|
514 margin-right: 0;
|
|
|
515 }
|
|
|
516
|
|
|
517 /*
|
|
|
518 * breadcrumbs
|
|
|
519 */
|
|
|
520 #breadcrumbs {
|
|
|
521 font-size: 11px;
|
|
|
522 color: #6a4d3c;
|
|
|
523 margin-bottom: 5px;
|
|
|
524 }
|
|
|
525
|
|
|
526 #breadcrumbs a {
|
|
|
527 color: #6a4d3c;
|
|
|
528 }
|
|
|
529
|
|
|
530 #breadcrumbs .selected {
|
|
|
531 font-weight: bold;
|
|
|
532 }
|
|
|
533
|
|
|
534 /*
|
|
|
535 * main section wrapper
|
|
|
536 */
|
|
|
537 #mainrow {
|
|
|
538 display: table-row;
|
|
|
539 }
|
|
|
540
|
|
|
541 /*
|
|
|
542 * subnavigation
|
|
|
543 */
|
|
|
544 div.leftbox {
|
|
|
545 display: table-cell;
|
|
|
546 vertical-align: top;
|
|
|
547 width: 170px;
|
|
|
548 border-top: 3px solid #9da0c2;
|
|
|
549 }
|
|
|
550
|
|
|
551 div.subnav {
|
|
|
552 font-size: 11px;
|
|
|
553 }
|
|
|
554
|
|
|
555 div.subnav ul {
|
|
|
556 margin: 0;
|
|
|
557 padding: 0;
|
|
|
558 }
|
|
|
559
|
|
|
560 div.subnav li {
|
|
|
561 list-style-type: none;
|
|
|
562 border-bottom: 1px solid #9da0c2;
|
|
|
563 padding: 3px 6px 6px 3px;
|
|
|
564 }
|
|
|
565
|
|
|
566 /*div.subnav .sn_on {
|
|
|
567 padding-left: 6px;
|
|
|
568 background-color: #c10000;
|
|
|
569 }*/
|
|
|
570
|
|
|
571 div.subnav .sn_on a {
|
|
|
572 color: #f8f8f9;
|
|
|
573 font-weight: bold;
|
|
|
574 }
|
|
|
575
|
|
|
576 div.subnav h2.subnavhead {
|
|
|
577 background-color: white;
|
|
|
578 color: #c10000;
|
|
|
579 border-bottom: 1px solid #9da0c2;
|
|
|
580 font-size: 11px;
|
|
|
581 font-weight: bold;
|
|
|
582 margin: 0;
|
|
|
583 padding: 5px 3px;
|
|
|
584 }
|
|
|
585
|
|
|
586 div.subnav li.dept {
|
|
|
587 padding-left: 18px;
|
|
|
588 list-style-position: inside;
|
|
|
589 list-style-image: url(../images/internal.png);
|
|
|
590 text-indent: -14px;
|
|
|
591 }
|
|
|
592
|
|
|
593 div.subnav li.dept .type {
|
|
|
594 font-style: italic;
|
|
|
595 color: #6a4d3c;
|
|
|
596 }
|
|
|
597
|
|
|
598 div.subnav li.dept.sn_on .type {
|
|
|
599 color: #f9f4e1;
|
|
|
600 }
|
|
|
601
|
|
|
602 div.subnavbox {
|
|
|
603 /* navigation below e.g. research projects */
|
|
|
604 font-size: 11px;
|
|
|
605 margin-top: 30px;
|
|
|
606 }
|
|
|
607
|
|
|
608 div.subnavbox h2 {
|
|
|
609 font-size: 11px;
|
|
|
610 color: #b69f7b;
|
|
|
611 padding-bottom: 3px;
|
|
|
612 border-bottom: 1px solid #9da0c2;
|
|
|
613 margin-top: 20px;
|
|
|
614 }
|
|
|
615
|
|
|
616 /*
|
|
|
617 * main section
|
|
|
618 */
|
|
|
619 div.main {
|
|
|
620 display: table-cell;
|
|
|
621 vertical-align: top;
|
|
|
622 background-color: white;
|
|
|
623 border-top: 3px solid #9da0c2;
|
|
|
624 padding: 20px;
|
|
|
625 }
|
|
|
626
|
|
|
627 div.main div.row>div.col {
|
|
|
628 /* col default padding */
|
|
|
629 padding-left: 20px;
|
|
|
630 }
|
|
|
631
|
|
|
632 div.main div.center {
|
|
|
633 /* make sure center does not collapse */
|
|
|
634 min-width: 460px;
|
|
|
635 }
|
|
|
636
|
|
|
637
|
|
|
638 /*
|
|
|
639 * frontpage
|
|
|
640 */
|
|
|
641 div.main.home {
|
|
|
642 background-color: transparent;
|
|
|
643 border-top: 0;
|
|
|
644 padding: 0;
|
|
|
645 }
|
|
|
646
|
|
|
647 div.main.home b {
|
|
|
648 /* bold is blue */
|
|
|
649 color: #3b4186;
|
|
|
650 }
|
|
|
651
|
|
|
652 div.main.home div.row.triple>div.col {
|
|
|
653 /* frontpage col width */
|
|
|
654 width: 286px;
|
|
|
655 padding-left: 21px;
|
|
|
656 }
|
|
|
657
|
|
|
658 div.box h2,
|
|
|
659 h2.line {
|
|
|
660 /* more-links in title are right */
|
|
|
661 position: relative;
|
|
|
662 }
|
|
|
663
|
|
|
664 div.box h2 a:link,
|
|
|
665 h2.line a.more:link {
|
|
|
666 /* more-links in title are right */
|
|
|
667 position: absolute;
|
|
|
668 right: 0;
|
|
|
669 top: 3px;
|
|
|
670 /* more-links in title are small */
|
|
|
671 font-size: 12px;
|
|
|
672 }
|
|
|
673
|
|
|
674 /*
|
|
|
675 * front page feature teaser
|
|
|
676 */
|
|
|
677 div.main.home div.teaser {
|
|
|
678 background-color: #f4e0c7;
|
|
|
679 }
|
|
|
680
|
|
|
681 div.main.home div.teaser div.box {
|
|
|
682 /* teaser box needs no margins */
|
|
|
683 margin: 0;
|
|
|
684 }
|
|
|
685
|
|
|
686 div.teaser_image {
|
|
|
687 position: relative;
|
|
|
688 width: 593px;
|
|
|
689 height: 351px;
|
|
|
690 }
|
|
|
691
|
|
|
692 div.teaser_image div.caption {
|
|
|
693 /* caption inside image */
|
|
|
694 position: absolute;
|
|
|
695 bottom: 0;
|
|
|
696 padding: 3px;
|
|
|
697 text-align: right;
|
|
|
698 color: white;
|
|
|
699 font-size: 10px;
|
|
|
700 opacity: 0.8;
|
|
|
701 background-color: gray;
|
|
|
702 /* background-color: rgba(80,80,80,0.6); */
|
|
|
703 }
|
|
|
704
|
|
|
705 div.teaser_text {
|
|
|
706 padding-right: 21px;
|
|
|
707 }
|
|
|
708 /* feature number */
|
|
|
709 div.teaser_text div.feature_number {
|
|
|
710 position: absolute;
|
|
|
711 right: 14px;
|
|
|
712 top: 5px;
|
|
|
713 font-family: Georgia, Times, serif;
|
|
|
714 font-size: 26px;
|
|
|
715 color: #887163;
|
|
|
716 }
|
|
|
717 /* feature title */
|
|
|
718 div.teaser_text h1 {
|
|
|
719 font-size: 16px;
|
|
|
720 font-weight: normal;
|
|
|
721 margin-top: 0;
|
|
|
722 }
|
|
|
723 /* current research topic */
|
|
|
724 div.teaser_text h3 {
|
|
|
725 color: #887163;
|
|
|
726 margin-bottom: 3px;
|
|
|
727 margin-top: 15px;
|
|
|
728 }
|
|
|
729 /* feature date */
|
|
|
730 div.teaser_text div.date {
|
|
|
731 color: #3b4186;
|
|
|
732 padding-top: 20px;
|
|
|
733 margin-bottom: 20px;
|
|
|
734 }
|
|
|
735
|
|
|
736 /* teaser slider */
|
|
|
737 div.teaser div.box div.slider {
|
|
|
738 top: 150px;
|
|
|
739 width: 18px;
|
|
|
740 height: 24px;
|
|
|
741 padding-top: 11px;
|
|
|
742 }
|
|
|
743
|
|
|
744 div.teaser div.box div.slider.prev {
|
|
|
745 background-image: url(../images/slider_prev_bg.png);
|
|
|
746 }
|
|
|
747
|
|
|
748 div.teaser div.box div.slider.next {
|
|
|
749 background-image: url(../images/slider_next_bg.png);
|
|
|
750 }
|
|
|
751
|
|
|
752 /*
|
|
|
753 * toolboxes
|
|
|
754 */
|
|
|
755 div.tool.box {
|
|
|
756 font-family: Georgia, Times, serif;
|
|
|
757 font-style: italic;
|
|
|
758 font-size: 16px;
|
|
|
759 color: #887163;
|
|
|
760 background-color: #efeeec;
|
|
|
761 padding: 20px;
|
|
|
762 box-shadow: 0 0 1px 1px #e0e0e0;
|
|
|
763 }
|
|
|
764
|
|
|
765 div.tool.box a {
|
|
|
766 color: #3b4186;
|
|
|
767 }
|
|
|
768
|
|
|
769 div.tool.box div.searchbox {
|
|
|
770 /* only to make it shrink-wrap */
|
|
|
771 display: table-cell;
|
|
|
772 }
|
|
|
773
|
|
|
774 div.tool.box div.searchbox input.text {
|
|
|
775 height: 20px;
|
|
|
776 width: 370px;
|
|
|
777 background-color: #9fa0a7;
|
|
|
778 color: white;
|
|
|
779 font-size: 14px;
|
|
|
780 font-style: italic;
|
|
|
781 border: 0;
|
|
|
782 padding: 3px;
|
|
|
783 }
|
|
|
784
|
|
|
785 div.tool.box div.searchbox input.submit {
|
|
|
786 /* submit uses border-box. don't ask */
|
|
|
787 height: 26px;
|
|
|
788 width: 26px;
|
|
|
789 border: 0;
|
|
|
790 padding: 2px 3px 4px 3px;
|
|
|
791 /* TODO: this should be an image */
|
|
|
792 background-color: #ee7f2d;
|
|
|
793 color: white;
|
|
|
794 font-size: 14px;
|
|
|
795 }
|
|
|
796
|
|
|
797 div.tool.box div.searchbox div.extended {
|
|
|
798 font-family: Verdana, Arial, sans-serif;
|
|
|
799 font-size: 12px;
|
|
|
800 text-align: right;
|
|
|
801 padding: 5px 30px 5px 3px;
|
|
|
802 }
|
|
|
803
|
|
|
804 div.tool.box h3 {
|
|
|
805 font-family: Georgia, Times, serif;
|
|
|
806 font-style: italic;
|
|
|
807 font-size: 16px;
|
|
|
808 color: #887163;
|
|
|
809 margin: 0.5em 0;
|
|
|
810 }
|
|
|
811
|
|
|
812 div.tool.box h3:first-child {
|
|
|
813 /* top header has no margin */
|
|
|
814 margin-top: 0;
|
|
|
815 }
|
|
|
816
|
|
|
817 div.tool.box ul {
|
|
|
818 margin: 0;
|
|
|
819 padding: 0;
|
|
|
820 }
|
|
|
821
|
|
|
822 div.tool.box div.options {
|
|
|
823 margin-top: 10px;
|
|
|
824 }
|
|
|
825
|
|
|
826 div.tool.box div.options li {
|
|
|
827 list-style-type: none;
|
|
|
828 margin: 0.5em 0;
|
|
|
829 }
|
|
|
830
|
|
|
831 div.tool.box div.atoz {
|
|
|
832 color: #887163;
|
|
|
833 font-family: Verdana, Arial, sans-serif;
|
|
|
834 font-size: 14px;
|
|
|
835 font-style: normal;
|
|
|
836 margin-top: 10px;
|
|
|
837 }
|
|
|
838
|
|
|
839 div.tool.box input.checkbox,
|
|
|
840 div.tool.box input.radio {
|
|
|
841 /* checkbox uses border-box. don't ask */
|
|
|
842 width: 20px;
|
|
|
843 height: 20px;
|
|
|
844 margin: 0;
|
|
|
845 /* TODO: this should be an image */
|
|
|
846 background-color: white;
|
|
|
847 }
|
|
|
848
|
|
|
849 /* project page toolbox with thumbs */
|
|
|
850 div.tool.box div.box.thumbs {
|
|
|
851 width: 420px;
|
|
|
852 }
|
|
|
853
|
|
|
854 div.box.thumbs div.thumb {
|
|
|
855 display: inline;
|
|
|
856 }
|
|
|
857 div.box.thumbs div.thumb img {
|
|
|
858 width: 55px;
|
|
|
859 height: 34px;
|
|
|
860 }
|
|
|
861
|
|
|
862
|
|
|
863 /*
|
|
|
864 * service box on frontpage
|
|
|
865 */
|
|
|
866 div.box h2.service {
|
|
|
867 /* title has no line */
|
|
|
868 border: 0;
|
|
|
869 }
|
|
|
870
|
|
|
871 div.tool.box.service {
|
|
|
872 margin-top: 0;
|
|
|
873 padding: 0;
|
|
|
874 }
|
|
|
875
|
|
|
876 div.tool.box.service div.row > div.col {
|
|
|
877 padding: 0;
|
|
|
878 }
|
|
|
879 div.tool.box.service div.search {
|
|
|
880 width: 200px;
|
|
|
881 height: 20px;
|
|
|
882 padding: 26px 0 26px 16px;
|
|
|
883 border-bottom: 1px solid #9fa0a7;
|
|
|
884 }
|
|
|
885 div.tool.box.service div.search.both {
|
|
|
886 height: 44px;
|
|
|
887 padding: 14px 0 14px 16px;
|
|
|
888 }
|
|
|
889 div.tool.box.service div.searchicon {
|
|
|
890 width: 38px;
|
|
|
891 height: 40px;
|
|
|
892 text-align: center;
|
|
|
893 padding: 16px;
|
|
|
894 border-bottom: 1px solid #9fa0a7;
|
|
|
895 }
|
|
|
896 div.tool.box.service div.icon {
|
|
|
897 width: 71px;
|
|
|
898 height: 70px;
|
|
|
899 text-align: center;
|
|
|
900 line-height: 2.5;
|
|
|
901 padding: 1px 0;
|
|
|
902 border-left: 1px solid #9fa0a7;
|
|
|
903 }
|
|
|
904 div.tool.box.service div.icon a {
|
|
|
905 color: black;
|
|
|
906 font-size: 12px;
|
|
|
907 font-family: Verdana, Arial, sans-serif;
|
|
|
908 font-style: normal;
|
|
|
909 }
|
|
|
910 div.tool.box.service div.icon.first {
|
|
|
911 border-left: 0;
|
|
|
912 width: 70px;
|
|
|
913 }
|
|
|
914 div.tool.box.service div.searchbox {
|
|
|
915 display: block;
|
|
|
916 }
|
|
|
917 div.tool.box.service div.searchbox input.text {
|
|
|
918 width: 170px;
|
|
|
919 height: 17px;
|
|
|
920 font-size: 12px;
|
|
|
921 padding: 1px 3px;
|
|
|
922 }
|
|
|
923 div.tool.box.service div.searchbox input.submit {
|
|
|
924 height: 19px;
|
|
|
925 width: 19px;
|
|
|
926 padding: 0;
|
|
|
927 margin: 0;
|
|
|
928 vertical-align: bottom;
|
|
|
929 }
|
|
|
930 div.tool.box.service select.quickfinder {
|
|
|
931 width: 200px;
|
|
|
932 height: 19px;
|
|
|
933 font-size: 12px;
|
|
|
934 background-color: white;
|
|
|
935 margin-bottom: 5px;
|
|
|
936 border: 0;
|
|
|
937 }
|
|
|
938
|
|
|
939 /*
|
|
|
940 * other boxes
|
|
|
941 */
|
|
|
942 div.box {
|
|
|
943 margin: 20px 0;
|
|
|
944 position: relative;
|
|
|
945 }
|
|
|
946
|
|
|
947 div.box h2,
|
|
|
948 h2.line {
|
|
|
949 /* h2 is title with line */
|
|
|
950 padding-bottom: 5px;
|
|
|
951 border-bottom: 3px solid #9da0c2;
|
|
|
952 margin-bottom: 5px;
|
|
|
953 }
|
|
|
954
|
|
|
955 div.box.line,
|
|
|
956 div.line {
|
|
|
957 border-bottom: 1px solid #9da0c2;
|
|
|
958 }
|
|
|
959
|
|
|
960 div.box h3 {
|
|
|
961 /* h3 is subtitle/type */
|
|
|
962 font-size: 12px;
|
|
|
963 color: #6a4d3c;
|
|
|
964 }
|
|
|
965
|
|
|
966 div.box h3 + h2 {
|
|
|
967 /* directly over h2 */
|
|
|
968 margin-top: 0;
|
|
|
969 }
|
|
|
970
|
|
|
971 /*
|
|
|
972 * small box with thumbnail
|
|
|
973 */
|
|
|
974 div.mini {
|
|
|
975 padding: 10px 0;
|
|
|
976 /* line-height: 1; */
|
|
|
977 }
|
|
|
978
|
|
|
979 div.row.quintuple div.mini {
|
|
|
980 max-width: 122px;
|
|
|
981 font-size: 11px;
|
|
|
982 }
|
|
|
983
|
|
|
984 div.mini div.thumb {
|
|
|
985 background-color: #f8f8f8;
|
|
|
986 text-align: center;
|
|
|
987 margin-top: 0.5em;
|
|
|
988 }
|
|
|
989 div.mini div.thumb:first-child {
|
|
|
990 margin-top: 0;
|
|
|
991 }
|
|
|
992 div.row.quintuple div.mini div.thumb img {
|
|
|
993 width: 120px;
|
|
|
994 height: 75px;
|
|
|
995 }
|
|
|
996
|
|
|
997 div.row.triple div.mini {
|
|
|
998 width: 140px;
|
|
|
999 }
|
|
|
1000
|
|
|
1001 div.row.triple div.mini div.thumb img {
|
|
|
1002 width: 140px;
|
|
|
1003 height: 87px;
|
|
|
1004 }
|
|
|
1005
|
|
|
1006 div.row.triple div.mini.source div.thumb img {
|
|
|
1007 /* thumb size for sources given by digilib */
|
|
|
1008 width: auto;
|
|
|
1009 height: auto;
|
|
|
1010 }
|
|
|
1011
|
|
|
1012 div.row.double div.mini div.thumb img {
|
|
|
1013 height: 180px;
|
|
|
1014 }
|
|
|
1015
|
|
|
1016 div.mini div.type {
|
|
|
1017 color: #9f917a;
|
|
|
1018 margin-top: 0.5em;
|
|
|
1019 }
|
|
|
1020
|
|
|
1021 div.mini div.title {
|
|
|
1022 margin-top: 0.5em;
|
|
|
1023 }
|
|
|
1024
|
|
|
1025 div.mini div.author {
|
|
|
1026 color: #3b4186;
|
|
|
1027 margin-top: 0.5em;
|
|
|
1028 }
|
|
|
1029
|
|
|
1030 div.mini div.link {
|
|
|
1031 margin-top: 0.5em;
|
|
|
1032 }
|
|
|
1033
|
|
|
1034 div.mini h2 {
|
|
|
1035 /* e.g. title for mini-books */
|
|
|
1036 font-size: 14px;
|
|
|
1037 }
|
|
|
1038
|
|
|
1039 div.mini.website div.description {
|
|
|
1040 /* initially hidden */
|
|
|
1041 display: none;
|
|
|
1042 }
|
|
|
1043
|
|
|
1044 div.box.foldable div.fold {
|
|
|
1045 /* initially hidden */
|
|
|
1046 display: none;
|
|
|
1047 position: absolute;
|
|
|
1048 bottom: 0;
|
|
|
1049 right: 0;
|
|
|
1050 /* TODO: this should be an image */
|
|
|
1051 background-color: #ee7f2d;
|
|
|
1052 color: white;
|
|
|
1053 font-size: 14px;
|
|
|
1054 }
|
|
|
1055
|
|
|
1056 /*
|
|
|
1057 * slider buttons
|
|
|
1058 */
|
|
|
1059 div.box div.slider {
|
|
|
1060 position: absolute;
|
|
|
1061 top: 110px;
|
|
|
1062 width: 16px;
|
|
|
1063 height: 18px;
|
|
|
1064 }
|
|
|
1065
|
|
|
1066 div.box div.slider.prev {
|
|
|
1067 left: 0;
|
|
|
1068 }
|
|
|
1069
|
|
|
1070 div.box div.slider.next {
|
|
|
1071 right: 0;
|
|
|
1072 text-align: right;
|
|
|
1073 }
|
|
|
1074
|
|
|
1075 /*
|
|
|
1076 * paragraph with line
|
|
|
1077 */
|
|
|
1078 div.item {
|
|
|
1079 padding-top: 5px;
|
|
|
1080 padding-bottom: 5px;
|
|
|
1081 border-bottom: 1px solid #9da0c2;
|
|
|
1082 line-height: 1.5;
|
|
|
1083 }
|
|
|
1084
|
|
|
1085 /*
|
|
|
1086 * pubman references
|
|
|
1087 */
|
|
|
1088 .reference .Italic {
|
|
|
1089 font-style: italic;
|
|
|
1090 }
|
|
|
1091
|
|
|
1092
|
|
|
1093 /*
|
|
|
1094 * table with items (articles)
|
|
|
1095 */
|
|
|
1096 table.items {
|
|
|
1097 /* no space between cells */
|
|
|
1098 border-collapse: collapse;
|
|
|
1099 }
|
|
|
1100
|
|
|
1101 table.items td {
|
|
|
1102 vertical-align: top;
|
|
|
1103 text-align: left;
|
|
|
1104 line-height: 1.5;
|
|
|
1105 padding: 1em 1em 0.5em 0;
|
|
|
1106 }
|
|
|
1107 table.items td:last-child {
|
|
|
1108 padding-right: 0;
|
|
|
1109 }
|
|
|
1110 table.items.shorter td {
|
|
|
1111 padding: 0.5em 0.5em 0.5em 0;
|
|
|
1112 }
|
|
|
1113
|
|
|
1114 table.items th {
|
|
|
1115 font-family: Georgia, Times, serif;
|
|
|
1116 font-size: 16px;
|
|
|
1117 font-weight: normal;
|
|
|
1118 font-style: italic;
|
|
|
1119 color: #887163;
|
|
|
1120 text-align: left;
|
|
|
1121 border-bottom: 3px solid #9da0c2;
|
|
|
1122 }
|
|
|
1123
|
|
|
1124 table.items h2 {
|
|
|
1125 border-bottom: 3px solid #9da0c2;
|
|
|
1126 margin-bottom: 0;
|
|
|
1127 }
|
|
|
1128 table.items h2 a {
|
|
|
1129 color: inherit;
|
|
|
1130 font-weight: inherit;
|
|
|
1131 text-decoration: none;
|
|
|
1132 }
|
|
|
1133
|
|
|
1134 table.items img.thumb {
|
|
|
1135 width: 55px;
|
|
|
1136 height: 34px;
|
|
|
1137 }
|
|
|
1138
|
|
|
1139 table.items td.line,
|
|
|
1140 table.items tr.line td {
|
|
|
1141 border-bottom: 1px solid #9da0c2;
|
|
|
1142 }
|
|
|
1143
|
|
|
1144 table.items td.topline,
|
|
|
1145 table.items tr.topline td {
|
|
|
1146 border-top: 1px solid #9da0c2;
|
|
|
1147 }
|
|
|
1148
|
|
|
1149 table.items tr.last_item td {
|
|
|
1150 /* last_item has no padding-top */
|
|
|
1151 padding: 0 0 0.5em 0;
|
|
|
1152 }
|
|
|
1153
|
|
|
1154 table.items h3.fold_head {
|
|
|
1155 font-size: 12px;
|
|
|
1156 background-color: #f6f2eb;
|
|
|
1157 padding: 3px;
|
|
|
1158 }
|
|
|
1159
|
|
|
1160 table.items h3.fold_head img {
|
|
|
1161 margin: 0 5px 0 3px;
|
|
|
1162 }
|
|
|
1163
|
|
|
1164 table.items div.fold_body {
|
|
|
1165 /* e.g. preprint abstracts */
|
|
|
1166 padding: 0.5em 0 0 20px;
|
|
|
1167 }
|
|
|
1168
|
|
|
1169 ul.items {
|
|
|
1170 list-style-type: none;
|
|
|
1171 padding: 0;
|
|
|
1172 }
|
|
|
1173
|
|
|
1174 ul.items li {
|
|
|
1175 padding: 0 0 0.5em 20px;
|
|
|
1176 border-bottom: 3px solid #9da0c2;
|
|
|
1177 margin-bottom: 0.5em;
|
|
|
1178 }
|
|
|
1179
|
|
|
1180 ul.items .fold_head {
|
|
|
1181 text-indent: -20px;
|
|
|
1182 }
|
|
|
1183 ul.items .fold_head img.fold_open,
|
|
|
1184 ul.items .fold_head img.fold_closed {
|
|
|
1185 padding-right: 5px;
|
|
|
1186 }
|
|
|
1187
|
|
|
1188 ul.items .type {
|
|
|
1189 /* font-size: 11px; */
|
|
|
1190 color: #696968;
|
|
|
1191 }
|
|
|
1192
|
|
|
1193 ul.items h2 {
|
|
|
1194 font-size: 12px;
|
|
|
1195 }
|
|
|
1196
|
|
|
1197 ul.items td.key {
|
|
|
1198 color: #3b4186;
|
|
|
1199 }
|
|
|
1200
|
|
|
1201 .foldable img.fold_closed {
|
|
|
1202 /* fold is initially open */
|
|
|
1203 display: none;
|
|
|
1204 }
|
|
|
1205
|
|
|
1206
|
|
|
1207 /*
|
|
|
1208 * hierarchical list (of projects)
|
|
|
1209 */
|
|
|
1210 div.hierlist h2 {
|
|
|
1211 text-indent: -20px;
|
|
|
1212 padding-left: 20px;
|
|
|
1213 padding-bottom: 5px;
|
|
|
1214 border-bottom: 3px solid #9da0c2;
|
|
|
1215 margin-bottom: 0;
|
|
|
1216 }
|
|
|
1217
|
|
|
1218 div.hierlist h2 img {
|
|
|
1219 padding: 0 3px 3px 3px;
|
|
|
1220 }
|
|
|
1221
|
|
|
1222 div.hierlist h2 a {
|
|
|
1223 color: inherit;
|
|
|
1224 font-weight: inherit;
|
|
|
1225 text-decoration: none;
|
|
|
1226 }
|
|
|
1227
|
|
|
1228 div.hierlist ul {
|
|
|
1229 list-style-type: none;
|
|
|
1230 padding: 0 0 10px 0;
|
|
|
1231 margin: 0;
|
|
|
1232 border-bottom: 1px solid #9da0c2;
|
|
|
1233 }
|
|
|
1234
|
|
|
1235 div.hierlist li {
|
|
|
1236 padding: 5px 0 5px 16px;
|
|
|
1237 text-indent: -13px;
|
|
|
1238 }
|
|
|
1239
|
|
|
1240 div.hierlist li a {
|
|
|
1241 /* icon is more distant from text */
|
|
|
1242 padding-left: 13px;
|
|
|
1243 }
|
|
|
1244
|
|
|
1245 div.hierlist li.indent {
|
|
|
1246 padding-bottom: 10px;
|
|
|
1247 border-bottom: 1px solid #9da0c2;
|
|
|
1248 margin-bottom: 5px;
|
|
|
1249 }
|
|
|
1250
|
|
|
1251 div.hierlist li.level_1 {
|
|
|
1252 font-size: 14px;
|
|
|
1253 }
|
|
|
1254
|
|
|
1255 div.hierlist li.level_2 {
|
|
|
1256 font-weight: bold;
|
|
|
1257 margin-left: 20px;
|
|
|
1258 }
|
|
|
1259
|
|
|
1260 div.hierlist li.level_3 {
|
|
|
1261 margin-left: 40px;
|
|
|
1262 }
|
|
|
1263
|
|
|
1264 div.hierlist li.level_4 {
|
|
|
1265 margin-left: 60px;
|
|
|
1266 }
|
|
|
1267
|
|
|
1268 div.hierlist li.level_5 {
|
|
|
1269 margin-left: 80px;
|
|
|
1270 }
|
|
|
1271
|
|
|
1272
|
|
|
1273 /*
|
|
|
1274 * figures (in project descriptions and features)
|
|
|
1275 */
|
|
|
1276 div.figure,
|
|
|
1277 div.image_small {
|
|
|
1278 float: left;
|
|
|
1279 width: 230px;
|
|
|
1280 padding: 0.5em 1em 0 0;
|
|
|
1281 }
|
|
|
1282 div.image_small.right {
|
|
|
1283 float: right;
|
|
|
1284 padding: 0.5em 0 0 1em;
|
|
|
1285 }
|
|
|
1286 div.figure div.image img,
|
|
|
1287 div.image_small img {
|
|
|
1288 width: 230px;
|
|
|
1289 }
|
|
|
1290 div.figure div.figcaption,
|
|
|
1291 div.banner_large div.caption,
|
|
|
1292 div.image_small div.caption {
|
|
|
1293 font-size: 10px;
|
|
|
1294 line-height: 1.5;
|
|
|
1295 color: #9f917a;
|
|
|
1296 margin-top: 0.5em;
|
|
|
1297 }
|
|
|
1298 div.banner_large img {
|
|
|
1299 width: 460px;
|
|
|
1300 }
|
|
|
1301
|
|
|
1302 /*
|
|
|
1303 * project description and feature
|
|
|
1304 */
|
|
|
1305 h3.authors {
|
|
|
1306 margin-top: 0.5em;
|
|
|
1307 }
|
|
|
1308
|
|
|
1309 p.maintext_authors {
|
|
|
1310 font-size: 14px;
|
|
|
1311 color: #3b4186;
|
|
|
1312 }
|
|
|
1313
|
|
|
1314 div.description {
|
|
|
1315 margin-top: 0.5em;
|
|
|
1316 line-height: 1.5;
|
|
|
1317 }
|
|
|
1318
|
|
|
1319 h2.type {
|
|
|
1320 color: #9f917a;
|
|
|
1321 }
|
|
|
1322
|
|
|
1323 /*
|
|
|
1324 * feature story archive
|
|
|
1325 */
|
|
|
1326 ul.items.features li {
|
|
|
1327 padding: 0 0 0.5em 0;
|
|
|
1328 border-bottom: 1px solid #9da0c2;
|
|
|
1329 }
|
|
|
1330 ul.items.features .thumb {
|
|
|
1331 float:left;
|
|
|
1332 padding: 8px 10px 0 0;
|
|
|
1333 }
|
|
|
1334 ul.items.features .thumb img {
|
|
|
1335 width: 55px;
|
|
|
1336 height: 34px;
|
|
|
1337 }
|
|
|
1338 ul.items.features .feature_number {
|
|
|
1339 font-family: Georgia, Times, serif;
|
|
|
1340 font-size: 24px;
|
|
|
1341 color: #696968;
|
|
|
1342 }
|
|
|
1343 ul.items.features .date {
|
|
|
1344 font-size: 11px;
|
|
|
1345 color: #696968;
|
|
|
1346 }
|
|
|
1347 ul.items.features h1 {
|
|
|
1348 font-size: 12px;
|
|
|
1349 font-weight: bold;
|
|
|
1350 margin: 0;
|
|
|
1351 }
|
|
|
1352
|
|
|
1353 /*
|
|
|
1354 * sidebar
|
|
|
1355 */
|
|
|
1356 div.sidebar {
|
|
|
1357 display: table-cell;
|
|
|
1358 width: 220px;
|
|
|
1359 border-top: 3px solid #9da0c2;
|
|
|
1360 background-color: white;
|
|
|
1361 padding: 20px 10px 20px 0;
|
|
|
1362 }
|
|
|
1363
|
|
|
1364 div.sideblock h2 {
|
|
|
1365 position: relative;
|
|
|
1366 font-size: 12px;
|
|
|
1367 margin-top: 20px;
|
|
|
1368 padding-bottom: 5px;
|
|
|
1369 border-bottom: 3px solid #9da0c2;
|
|
|
1370 margin-bottom: 0;
|
|
|
1371 }
|
|
|
1372
|
|
|
1373 div.sideblock:first-child h2 {
|
|
|
1374 margin-top: 0;
|
|
|
1375 }
|
|
|
1376
|
|
|
1377 div.sideblock h3 {
|
|
|
1378 font-size: 12px;
|
|
|
1379 margin-top: 5px;
|
|
|
1380 padding-bottom: 5px;
|
|
|
1381 border-bottom: 1px solid #9da0c2;
|
|
|
1382 }
|
|
|
1383
|
|
|
1384 /* like sidebar without line */
|
|
|
1385 div.sidebox {
|
|
|
1386 width: 220px;
|
|
|
1387 padding: 0 0 20px 0;
|
|
|
1388 }
|
|
|
1389
|
|
|
1390 /*
|
|
|
1391 * project sidebars
|
|
|
1392 */
|
|
|
1393 div.sideblock h2 .proj_state {
|
|
|
1394 position: absolute;
|
|
|
1395 right: 0;
|
|
|
1396 }
|
|
|
1397
|
|
|
1398 div.sideblock .project {
|
|
|
1399 background: url(../images/internal.png) no-repeat scroll 6px 11px #F5DAAF;
|
|
|
1400 border-bottom: 1px solid #F3BE7C;
|
|
|
1401 padding: 6px 6px 6px 20px;
|
|
|
1402 }
|
|
|
1403 div.sideblock .project.inactive {
|
|
|
1404 background: url(../images/internal.png) no-repeat scroll 6px 11px #f6e6cc;
|
|
|
1405 }
|
|
|
1406 div.sideblock .project.parent {
|
|
|
1407 background: url(../images/up.png) no-repeat scroll 6px 11px #F9F4E1;
|
|
|
1408 border-bottom: 1px solid #9da0c2;
|
|
|
1409 color: #666666;
|
|
|
1410 }
|
|
|
1411 div.sideblock .project a {
|
|
|
1412 color: #333;
|
|
|
1413 }
|
|
|
1414
|
|
|
1415 /*
|
|
|
1416 * special sideblocks
|
|
|
1417 */
|
|
|
1418 div.sideblock .item.link,
|
|
|
1419 div.sideblock .item.internal {
|
|
|
1420 background: url(../images/internal.png) 0 11px no-repeat;
|
|
|
1421 padding-left: 10px;
|
|
|
1422 }
|
|
|
1423
|
|
|
1424 div.sideblock .item.external {
|
|
|
1425 background: url(../images/external.png) 0 11px no-repeat;
|
|
|
1426 padding-left: 13px;
|
|
|
1427 }
|
|
|
1428
|
|
|
1429 div.sideblock .item.download {
|
|
|
1430 background: url(../images/download.png) 0 8px no-repeat;
|
|
|
1431 padding-left: 15px;
|
|
|
1432 }
|
|
|
1433
|
|
|
1434 div.sideblock .item.thumb img {
|
|
|
1435 width: 55px;
|
|
|
1436 height: 34px;
|
|
|
1437 }
|
|
|
1438 div.sideblock .item.thumb .text {
|
|
|
1439 padding-left: 0.5em;
|
|
|
1440 }
|
|
|
1441
|
|
|
1442 /*
|
|
|
1443 * footer
|
|
|
1444 */
|
|
|
1445 #footer {
|
|
|
1446 position: relative;
|
|
|
1447 height: 50px;
|
|
|
1448 border-top: 1px solid #9da0c2;
|
|
|
1449 padding-top: 8px;
|
|
|
1450 margin-top: 29px;
|
|
|
1451 }
|
|
|
1452
|
|
|
1453 #footer div.text {
|
|
|
1454 display: inline-block;
|
|
|
1455 color: #c10000;
|
|
|
1456 font-size: 11px;
|
|
|
1457 }
|
|
|
1458
|
|
|
1459 #footer div.logo {
|
|
|
1460 display: inline-block;
|
|
|
1461 position: absolute;
|
|
|
1462 right: 0;
|
|
|
1463 }
|
|
|
1464
|
|
|
1465 #footer div.logo img {
|
|
|
1466 width: 204px;
|
|
|
1467 height: 41px;
|
|
|
1468 }
|
|
|
1469 /* extension */
|
|
|
1470
|
|
|
1471 #header div.title {
|
|
|
1472 width: 750px;
|
|
|
1473 top: 15px;
|
|
|
1474
|
|
|
1475 }
|
|
|
1476
|
|
|
1477 /*#header div.logo img {
|
|
|
1478 width: 100%;
|
|
|
1479 height: 100px;
|
|
|
1480
|
|
|
1481 }*/
|
|
|
1482
|
|
|
1483 a.email {
|
|
|
1484 background: url("./icons/blue/Email.png") center left no-repeat;
|
|
|
1485 padding-left: 23px;
|
|
|
1486 }
|
|
|
1487
|
|
|
1488
|
|
|
1489
|
|
|
1490
|
|
|
1491 /* events */
|
|
|
1492
|
|
|
1493 .field-name-field-event-subtitle {
|
|
|
1494 color: rgb(193,0,0);
|
|
|
1495 font-size : 18px;
|
|
|
1496 }
|
|
|
1497
|
|
|
1498 .node-enterprise-event div {
|
|
|
1499 padding-top :4pt
|
|
|
1500 }
|
|
|
1501
|
|
|
1502 /* syles for events */
|
|
|
1503
|
|
|
1504 .node-enterprise-event div.field-name-field-date{
|
|
|
1505 font-size: 14px;
|
|
|
1506 }
|
|
|
1507
|
|
|
1508 /* footer */
|
|
|
1509
|
|
|
1510 div#wrapper div#footer div.region div#block-menu-menu-bottom-menu.side-block h2.title{
|
|
|
1511 display: none;
|
|
|
1512 }
|
|
|
1513
|
|
|
1514 div#wrapper div#footer div.region div#block-menu-menu-bottom-menu.side-block div div.subnav ul.menu li.leaf div.level{
|
|
|
1515 display: inline;
|
|
|
1516 }
|
|
|
1517
|
|
|
1518 div#wrapper div#footer div.region div#block-menu-menu-bottom-menu.side-block div div.subnav ul.menu li.leaf{
|
|
|
1519 display: inline;
|
|
|
1520 border-bottom: 0px;
|
|
|
1521 }
|
|
|
1522
|
|
|
1523 div.main div#center div.clearfix div.region div#block-system-main.side-block div.content div.inside div.panel-pane div.pane-content h2{
|
|
|
1524 border-bottom: 0px;
|
|
|
1525 }
|
|
|
1526
|
|
|
1527 div.title p{
|
|
|
1528 font-size: 16px;
|
|
|
1529 color: #3c4286;
|
|
|
1530 line-height: 1;
|
|
|
1531 }
|
|
|
1532
|
|
|
1533
|
|
|
1534
|
|
|
1535 /* field groups */
|
|
|
1536 .align-left-left,
|
|
|
1537 .align-left-right {
|
|
|
1538 display: table;
|
|
|
1539 width:400px;
|
|
|
1540 }
|
|
|
1541 .align-left-left dib.field,
|
|
|
1542 .align-left-right div.field{
|
|
|
1543 display: table-row;
|
|
|
1544
|
|
|
1545
|
|
|
1546 }
|
|
|
1547
|
|
|
1548 .align-left-left div.field-label,
|
|
|
1549 .align-left-right div.field-label {
|
|
|
1550 text-align: left;
|
|
|
1551 display: table-cell;
|
|
|
1552 float:None;
|
|
|
1553 padding-bottom: 1em;
|
|
|
1554
|
|
|
1555 }
|
|
|
1556
|
|
|
1557 .align-left-left div.field-items {
|
|
|
1558 text-align: left;
|
|
|
1559 display: table-cell;
|
|
|
1560 float: None;
|
|
|
1561 padding-bottom: 1em;
|
|
|
1562 }
|
|
|
1563
|
|
|
1564
|
|
|
1565 .align-left-right div.field-items {
|
|
|
1566 text-align: right;
|
|
|
1567 display: table-cell;
|
|
|
1568 float: None;
|
|
|
1569 padding-bottom: 1em;
|
|
|
1570 }
|
|
|
1571
|
|
|
1572 .align-left-right div.field-item {
|
|
|
1573 text-align: right;
|
|
|
1574 display: inline;
|
|
|
1575 }
|
|
|
1576
|
|
|
1577
|
|
|
1578 .align-left-left div.field-item{
|
|
|
1579 text-align: left;
|
|
|
1580 display: inline;
|
|
|
1581 }
|
|
|
1582
|
|
|
1583
|
|
|
1584
|
|
|
1585
|
|
|
1586
|
|
|
1587 div.node-teaser h2{
|
|
|
1588 font-size: 16px;
|
|
|
1589 }
|
|
|
1590
|
|
|
1591 div.node h2{
|
|
|
1592 font-size: 16px;
|
|
|
1593 }
|
|
|
1594
|
|
|
1595 div.larger-text {
|
|
|
1596 font-size: 16px;
|
|
|
1597 }
|
|
|
1598
|
|
|
1599
|
|
|
1600
|
|
|
1601 div.centered {
|
|
|
1602 text-align: center;
|
|
|
1603 }
|
|
|
1604
|
|
|
1605 div.form-item-items-per-page label{
|
|
|
1606 display: inline;
|
|
|
1607 }
|
|
|
1608
|
|
|
1609 /* views */
|
|
|
1610
|
|
|
1611 table.views-table tr{
|
|
|
1612 background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
|
|
|
1613 border-bottom-style: none;
|
|
|
1614
|
|
|
1615 height:40px;
|
|
|
1616 }
|
|
|
1617
|
|
|
1618 table.views-table tr {
|
|
|
1619 border-bottom-style: solid;
|
|
|
1620 border-bottom-width: 1pt;
|
|
|
1621 height:40px;
|
|
|
1622 }
|
|
|
1623
|
|
|
1624
|
|
|
1625
|
|
|
1626
|
|
|
1627 table.views-table tr td {
|
|
|
1628 padding-left: 10px;
|
|
|
1629 padding-bottom: 10px;
|
|
|
1630 padding-top: 10px;
|
|
|
1631
|
|
|
1632 }
|
|
|
1633 table.views-table tr td.active {
|
|
|
1634 background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
|
|
|
1635 border-bottom-style: none;
|
|
|
1636 }
|
|
|
1637
|
|
|
1638 table.views-view-grid td{
|
|
|
1639 vertical-align : top;
|
|
|
1640 padding-right: 20px;
|
|
|
1641 padding-bottom: 30px;
|
|
|
1642
|
|
|
1643 }
|
|
|
1644
|
|
|
1645
|
|
|
1646 table.views-view-grid td div.clearfix {
|
|
|
1647 padding-top: 30px;
|
|
|
1648 }
|
|
|
1649 div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input#edit-submit-taxonomy-term.form-submit
|
|
|
1650 {
|
|
|
1651 margin-top: 0pt;
|
|
|
1652 }
|
|
|
1653
|
|
|
1654 div.views-exposed-widgets{
|
|
|
1655 display: table;
|
|
|
1656 }
|
|
|
1657
|
|
|
1658 div.views-exposed-widget div.views-exposed-form{
|
|
|
1659 display: table-row;
|
|
|
1660 float: None;
|
|
|
1661 }
|
|
|
1662
|
|
|
1663
|
|
|
1664 div.views-exposed-form {
|
|
|
1665 background-color: #EFEEEC;
|
|
|
1666 box-shadow: 0 0 1px 1px #E0E0E0;
|
|
|
1667
|
|
|
1668 color: #000000;
|
|
|
1669 font-family: Georgia,Times,serif;
|
|
|
1670 font-size: 14px;
|
|
|
1671 /*font-style: italic;*/
|
|
|
1672 }
|
|
|
1673
|
|
|
1674
|
|
|
1675 div.views-exposed-form div.views-exposed-widget{
|
|
|
1676 display: table-row;
|
|
|
1677 float: None;
|
|
|
1678 }
|
|
|
1679
|
|
|
1680
|
|
|
1681
|
|
|
1682
|
|
|
1683 .views-mpiwg-commands {
|
|
|
1684 display: inline;
|
|
|
1685 padding-left: 0.7em;
|
|
|
1686 }
|
|
|
1687
|
|
|
1688 div.views-exposed-widget label{
|
|
|
1689 display:table-cell;
|
|
|
1690 text-align: left;
|
|
|
1691 font-weight: normal;
|
|
|
1692 padding: 10px 10px 10px 10px;
|
|
|
1693
|
|
|
1694
|
|
|
1695 }
|
|
|
1696 div.views-exposed-widget select{
|
|
|
1697 display:table-cell;
|
|
|
1698
|
|
|
1699 }
|
|
|
1700
|
|
|
1701
|
|
|
1702 div.views-exposed-widget views-submit-button{
|
|
|
1703 display: table-cell;
|
|
|
1704 }
|
|
|
1705 div.views-operator{
|
|
|
1706 display: table-cell;
|
|
|
1707 text-align: left;
|
|
|
1708 padding: 10px 10px 10px 10px;
|
|
|
1709 }
|
|
|
1710
|
|
|
1711 div.views-widget{
|
|
|
1712 display: table-cell;
|
|
|
1713 text-align: left;
|
|
|
1714 }
|
|
|
1715
|
|
|
1716
|
|
|
1717 /* blog */
|
|
|
1718 .node-blog .links li {
|
|
|
1719 background: none repeat scroll 0 0 #D3D1D1;
|
|
|
1720 border-radius: 4px;
|
|
|
1721 color: #383838;
|
|
|
1722 font-weight: normal;
|
|
|
1723 padding: 4px 5px;
|
|
|
1724 text-shadow: 1px 1px #FFFFFF;
|
|
|
1725 }
|
|
|
1726
|
|
|
1727 /* node reference */
|
|
|
1728
|
|
|
1729 div.nodereference-top{
|
|
|
1730 padding-top: 10px;
|
|
|
1731 padding-bottom: 10px;
|
|
|
1732 }
|
|
|
1733 div.nodereference-top a{
|
|
|
1734 background: url("./icons/blue/LinkIntern.png") no-repeat scroll 0 0 #D3D1D1;
|
|
|
1735 padding-left: 10px;
|
|
|
1736 border-radius: 4px;
|
|
|
1737 color: #383838;
|
|
|
1738 font-weight: normal;
|
|
|
1739
|
|
|
1740 text-shadow: 1px 1px #FFFFFF;
|
|
|
1741
|
|
|
1742
|
|
|
1743 }
|
|
|
1744
|
|
|
1745 ul.action-links {
|
|
|
1746 list-style-type: none;
|
|
|
1747 padding-left: 0px;
|
|
|
1748
|
|
|
1749 }
|
|
|
1750 ul.action-links a{
|
|
|
1751 background: url("./icons/blue/LinkIntern.png") no-repeat scroll 0 0 #D3D1D1;
|
|
|
1752 padding-left: 10px;
|
|
|
1753 border-radius: 4px;
|
|
|
1754 color: #383838;
|
|
|
1755 font-weight: normal;
|
|
|
1756
|
|
|
1757 text-shadow: 1px 1px #FFFFFF;
|
|
|
1758
|
|
|
1759
|
|
|
1760 }
|
|
|
1761
|
|
|
1762 /* probleme mit clicks bei panels auf links */
|
|
|
1763
|
|
|
1764 a.ctools-dropdown-image-link{
|
|
|
1765 z-index: 100;
|
|
|
1766 position: relative;
|
|
|
1767 }
|
|
|
1768
|
|
|
1769
|
|
|
1770
|
|
|
1771 /* ISMI additions need to go in separate css */
|
|
|
1772 .group-relations{
|
|
|
1773 padding-left: 30pt;
|
|
|
1774 }
|
|
|
1775
|
|
|
1776
|
|
|
1777
|
|
|
1778
|
