Mercurial > hg > MPIWGWeb
comparison css/mpiwg.css @ 153:c115a18dbbe1
styles for overview page.
author | casties |
---|---|
date | Mon, 03 Jun 2013 19:55:13 +0200 |
parents | 6bdf54b67fca |
children | f63985f02055 |
comparison
equal
deleted
inserted
replaced
152:1f0db83b61c5 | 153:c115a18dbbe1 |
---|---|
123 list-style-type: none; | 123 list-style-type: none; |
124 padding: 0; | 124 padding: 0; |
125 } | 125 } |
126 ul.plain > li { | 126 ul.plain > li { |
127 margin-top: 0.5em; | 127 margin-top: 0.5em; |
128 } | |
129 ul.plain > li:first-child { | |
130 margin-top: 0; | |
128 } | 131 } |
129 | 132 |
130 ul.inline { | 133 ul.inline { |
131 display: inline; | 134 display: inline; |
132 padding: 0; | 135 padding: 0; |
423 h2.line { | 426 h2.line { |
424 /* more-links in title are right */ | 427 /* more-links in title are right */ |
425 position: relative; | 428 position: relative; |
426 } | 429 } |
427 | 430 |
428 div.box h2 a:link, | 431 div.box h2 a, |
429 h2.line a.more:link { | 432 h2.line a.more { |
430 /* more-links in title are right */ | 433 /* more-links in title are right */ |
431 position: absolute; | 434 position: absolute; |
432 right: 0; | 435 right: 0; |
433 top: 3px; | 436 bottom: 5px; |
437 color: #d45a00; | |
434 /* more-links in title are small */ | 438 /* more-links in title are small */ |
435 font-size: 12px; | 439 font-size: 12px; |
436 } | 440 } |
437 | 441 |
438 div.box h2.withmore, | 442 div.box h2.withmore, |
728 background-color: white; | 732 background-color: white; |
729 margin-bottom: 5px; | 733 margin-bottom: 5px; |
730 border: 0; | 734 border: 0; |
731 } | 735 } |
732 | 736 |
737 /* | |
738 * jobs page tool list | |
739 */ | |
733 div.tool.list { | 740 div.tool.list { |
734 font-size: 14px; | 741 font-size: 14px; |
735 color: #887163; | 742 color: #887163; |
736 background-color: #efeeec; | 743 background-color: #efeeec; |
737 } | 744 } |
746 } | 753 } |
747 | 754 |
748 div.tool.list li { | 755 div.tool.list li { |
749 padding: 0.7em 0.5em 0.7em 20px; | 756 padding: 0.7em 0.5em 0.7em 20px; |
750 border-bottom: 1px solid white; | 757 border-bottom: 1px solid white; |
758 } | |
759 | |
760 /* | |
761 * overview page | |
762 */ | |
763 | |
764 div.center.wide > div.row.double > div.col { | |
765 width: 335px; | |
766 } | |
767 div.center.wide > div.row.double div.tool.box div.searchbox input.text { | |
768 /* smaller search box */ | |
769 width: 250px; | |
770 } | |
771 | |
772 h2.withicon span.strut { | |
773 /* equalize uneven height of icons */ | |
774 display: inline-block; | |
775 height: 45px; | |
776 vertical-align: bottom; | |
777 } | |
778 | |
779 div.tool.box div.links a { | |
780 font-family: Verdana, Arial, sans-serif; | |
781 font-style: normal; | |
782 font-size: 14px; | |
783 color: #d45a00; | |
784 } | |
785 | |
786 div.tool.box div.links h3 { | |
787 font-family: Verdana, Arial, sans-serif; | |
788 font-style: normal; | |
789 font-size: 14px; | |
790 color: #3b4186; | |
791 padding-bottom: 3px; | |
792 border-bottom: 1px solid white; | |
793 } | |
794 div.tool.box div.links h3 a { | |
795 color: inherit; | |
751 } | 796 } |
752 | 797 |
753 /* | 798 /* |
754 * other boxes | 799 * other boxes |
755 */ | 800 */ |
826 div.row.triple > div.col > div.mini div.thumb img { | 871 div.row.triple > div.col > div.mini div.thumb img { |
827 width: 140px; | 872 width: 140px; |
828 height: 87px; | 873 height: 87px; |
829 } | 874 } |
830 | 875 |
831 div.row.triple > div.col > div.mini.source div.thumb img { | 876 div.row.triple > div.col > div.mini.source div.thumb img { |
832 /* thumb size for sources given by digilib */ | 877 /* thumb size for sources given by digilib */ |
833 width: auto; | 878 width: auto; |
834 height: auto; | 879 height: auto; |
835 } | 880 } |
836 | 881 |
837 div.row.double > div.col > div.mini div.thumb img { | 882 div.row.double > div.col > div.mini div.thumb img { |
838 height: 180px; | 883 height: 180px; |
839 } | 884 } |
840 | 885 |
841 div.mini div.type { | 886 div.mini div.type { |
842 color: #9f917a; | 887 color: #9f917a; |
1232 font-size: 12px; | 1277 font-size: 12px; |
1233 font-weight: bold; | 1278 font-weight: bold; |
1234 margin: 0; | 1279 margin: 0; |
1235 } | 1280 } |
1236 | 1281 |
1282 /* | |
1283 * thesaurus | |
1284 */ | |
1285 | |
1286 .showApproach { | |
1287 color:#EA8500; | |
1288 cursor:pointer; | |
1289 } | |
1290 .showApproach:hover { | |
1291 text-decoration: underline; | |
1292 } | |
1293 | |
1294 | |
1237 /* | 1295 /* |
1238 * sidebar | 1296 * sidebar |
1239 */ | 1297 */ |
1240 div.sidebar { | 1298 div.sidebar { |
1241 display: table-cell; | 1299 display: table-cell; |