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;