Mercurial > hg > drupalISMI

comparison mpiwgISMI/ISMIlayout.css @ 8:5148098e96a4

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
add theme drupalISMI.
author casties
date Fri, 19 Jun 2015 18:58:25 +0200
parents
children
comparison
equal deleted inserted replaced
7:f651752ee9ad 8:5148098e96a4
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