Revision 8808
Added by ben leinfelder about 10 years ago
| lib/style/skins/default/default.css | ||
|---|---|---|
| 16 | 16 |
|
| 17 | 17 |
|
| 18 | 18 |
/* Color Scheme: |
| 19 |
* dark blue: #003366 |
|
| 20 |
* aqua blue: #0066CC |
|
| 21 |
* aqua green: #006666 |
|
| 22 |
* white: #FFFFFF |
|
| 23 |
* dark tan(kelp color): #666600 |
|
| 24 |
* light tan: #CCCC99 |
|
| 19 |
* blue: #0066CC |
|
| 20 |
* turquoise #00A8CC |
|
| 21 |
* orange #CC9600 |
|
| 22 |
* light blue #F1F5F8 |
|
| 25 | 23 |
*/ |
| 26 | 24 |
|
| 25 |
@page {
|
|
| 26 |
size: 8.5in 11in; |
|
| 27 |
margin: 5%; |
|
| 28 |
} |
|
| 27 | 29 |
|
| 30 |
|
|
| 28 | 31 |
/* |
| 29 | 32 |
* import eml css: |
| 30 | 33 |
*/ |
| 31 | 34 |
|
| 32 | 35 |
body {
|
| 33 |
width: 100%; |
|
| 34 |
min-width: 800px; |
|
| 35 | 36 |
/* width:expression(document.body.clientWidth < 800? "800px": "auto"); */ /* hack for ie min width */ |
| 36 | 37 |
|
| 37 | 38 |
margin: 0px 0px 0px 0px; |
| ... | ... | |
| 44 | 45 |
|
| 45 | 46 |
font-style: normal; |
| 46 | 47 |
font-weight: normal; |
| 47 |
font-size: 100%;
|
|
| 48 |
font-family: "Myriad Pro", "Myriad Web Pro", "Myriad Web", "Myriad", Verdana, Arial, Helvetica, sans-serif;
|
|
| 48 |
font-size: 14px;
|
|
| 49 |
font-family: Arial, sans-serif;
|
|
| 49 | 50 |
text-decoration: none; |
| 50 |
} |
|
| 51 |
|
|
| 52 |
max-width: 900px; |
|
| 53 |
color: #444; |
|
| 54 |
} |
|
| 55 |
tbody {
|
|
| 56 |
max-width: 100%; |
|
| 57 |
/*display: block;*/ |
|
| 58 |
} |
|
| 59 |
table, tbody, tr {
|
|
| 60 |
max-width: 100%; |
|
| 61 |
} |
|
| 51 | 62 |
|
| 52 | 63 |
body>div img {
|
| 53 | 64 |
padding: 0px 0px 0px 0px; |
| ... | ... | |
| 91 | 102 |
/* top margin required to clear sibling (logo is 100px tall)*/ |
| 92 | 103 |
|
| 93 | 104 |
#content {
|
| 94 |
margin: 0px 0px 0px 0px ;
|
|
| 95 |
background-color: #ffffff;
|
|
| 96 |
border: 0px;
|
|
| 105 |
/* margin: 0px 0px 0px 0px ; */
|
|
| 106 |
/* background-color: #ffffff; */
|
|
| 107 |
/* border: 0px; */
|
|
| 97 | 108 |
/* margin: 0px 0px 0px 0px; |
| 98 | 109 |
*/ |
| 99 |
} |
|
| 110 |
width: 100%; |
|
| 111 |
} |
|
| 100 | 112 |
|
| 101 | 113 |
|
| 102 | 114 |
|
| ... | ... | |
| 262 | 274 |
|
| 263 | 275 |
|
| 264 | 276 |
|
| 277 |
/** Citation at the top of EML HTML page **/ |
|
| 278 |
.group .citation{
|
|
| 279 |
background-color: #F1F5F8; |
|
| 280 |
padding: 1%; |
|
| 281 |
border-radius: 5px; |
|
| 282 |
border: 1px solid #D8DCE0; |
|
| 283 |
font-size: 1.2em; |
|
| 284 |
} |
|
| 265 | 285 |
|
| 266 | 286 |
|
| 267 | 287 |
|
| 268 | 288 |
|
| 269 | 289 |
|
| 270 | 290 |
|
| 271 |
|
|
| 272 |
|
|
| 273 |
|
|
| 274 | 291 |
/* these classes to be children of div "content" */ |
| 275 | 292 |
|
| 276 | 293 |
|
| ... | ... | |
| 402 | 419 |
|
| 403 | 420 |
ul,ol {
|
| 404 | 421 |
padding: 0px; |
| 405 |
/* margin: 0px 0px 0px 15px; */ |
|
| 422 |
margin-left: 20px; |
|
| 423 |
list-style: circle; |
|
| 406 | 424 |
} |
| 407 | 425 |
|
| 408 | 426 |
|
| ... | ... | |
| 429 | 447 |
|
| 430 | 448 |
|
| 431 | 449 |
div {
|
| 432 |
color: #003366;
|
|
| 433 |
font-style: normal;
|
|
| 434 |
font-weight: normal;
|
|
| 435 |
text-decoration: none;
|
|
| 450 |
/* color: #003366; */
|
|
| 451 |
/* font-style: normal; */
|
|
| 452 |
/* font-weight: normal; */
|
|
| 453 |
/* text-decoration: none; */
|
|
| 436 | 454 |
} |
| 437 | 455 |
|
| 438 | 456 |
|
| ... | ... | |
| 456 | 474 |
* but could be changed for different effect |
| 457 | 475 |
*/ |
| 458 | 476 |
pre {
|
| 459 |
color: #003366; |
|
| 460 | 477 |
padding: 10px; |
| 461 | 478 |
font-style: normal; |
| 462 | 479 |
font-weight: normal; |
| 463 | 480 |
text-decoration: none; |
| 481 |
overflow-wrap: break-word; |
|
| 464 | 482 |
} |
| 465 | 483 |
|
| 466 | 484 |
pre.inline {
|
| ... | ... | |
| 514 | 532 |
|
| 515 | 533 |
/* slightly larger font, set bold */ |
| 516 | 534 |
h3 {
|
| 517 |
color: #003366; |
|
| 518 |
background-color: #ffffff; |
|
| 519 | 535 |
padding: 0; |
| 520 |
font-size: 14pt; |
|
| 536 |
font-size: 1.3em; |
|
| 537 |
line-height: 1.5em; |
|
| 521 | 538 |
font-style: normal; |
| 522 | 539 |
font-weight: 700; |
| 523 | 540 |
text-decoration: none; |
| 524 |
/* margin-bottom: 0px; */
|
|
| 541 |
margin-bottom: 0px;
|
|
| 525 | 542 |
} |
| 526 | 543 |
|
| 527 | 544 |
|
| ... | ... | |
| 544 | 561 |
/* slightly larger, no bold */ |
| 545 | 562 |
/* make margins around h4 all the same, and a little larger than h5 */ |
| 546 | 563 |
h4 {
|
| 547 |
color: #003366; |
|
| 548 | 564 |
padding: 0; |
| 549 | 565 |
font-size: 12pt; |
| 550 | 566 |
font-style: normal; |
| 551 |
font-weight: 400;
|
|
| 567 |
font-weight: 600;
|
|
| 552 | 568 |
text-decoration: none; |
| 553 |
margin-top: 10px;
|
|
| 554 |
margin-bottom: 0px;
|
|
| 569 |
margin-top: 0px;
|
|
| 570 |
margin-bottom: 0px; |
|
| 555 | 571 |
|
| 556 | 572 |
} |
| 557 | 573 |
|
| 558 |
/* slightly smaller font */ |
|
| 559 |
/* moz-net-fox and ie have different default margins for h5 - make them uniform */ |
|
| 574 |
/* Us for subtitles*/ |
|
| 560 | 575 |
h5 {
|
| 561 |
color: #003366;
|
|
| 576 |
color: #666666;
|
|
| 562 | 577 |
padding: 0; |
| 563 |
font-size: 12pt;
|
|
| 578 |
font-size: 1em;
|
|
| 564 | 579 |
font-style: normal; |
| 565 | 580 |
font-weight: 400; |
| 566 | 581 |
text-decoration: none; |
| 567 |
margin-bottom: 0px; |
|
| 568 |
margin-top: 7px; |
|
| 569 |
|
|
| 570 |
|
|
| 582 |
margin: 0px; |
|
| 583 |
line-height: 1em; |
|
| 571 | 584 |
} |
| 572 | 585 |
|
| 573 | 586 |
/* very small font */ |
| 574 | 587 |
h6 {
|
| 575 |
color: #003366; |
|
| 576 | 588 |
background-color: #FFFFFF; |
| 577 | 589 |
padding: 0; |
| 578 | 590 |
font-size: 10pt; |
| ... | ... | |
| 592 | 604 |
border-top: #003366 0px solid; |
| 593 | 605 |
width: 450px; |
| 594 | 606 |
height: 2px; |
| 595 |
color: #003366; |
|
| 596 | 607 |
background-color: #003366; |
| 597 | 608 |
/*border-width: none; |
| 598 | 609 |
border-color: #003366; */ |
| ... | ... | |
| 615 | 626 |
* except underline on hover |
| 616 | 627 |
*/ |
| 617 | 628 |
a:link {
|
| 618 |
color: #333333;
|
|
| 629 |
color: #0066CC;
|
|
| 619 | 630 |
background: transparent; |
| 620 | 631 |
/* background-color: #FFFFFF; */ |
| 621 | 632 |
text-decoration: none; |
| 622 | 633 |
} |
| 623 |
a:visited {
|
|
| 624 |
color: #333333; |
|
| 625 |
background: transparent; |
|
| 626 |
/* background-color: #FFFFFF; */ |
|
| 627 |
text-decoration: none; |
|
| 628 |
} |
|
| 629 | 634 |
a:hover {
|
| 630 |
color: #000000; |
|
| 631 |
background: transparent; |
|
| 632 |
/* background-color: #FFFFFF; */ |
|
| 633 |
text-decoration: underline; |
|
| 635 |
color: #00A8CC; |
|
| 634 | 636 |
} |
| 635 | 637 |
a:active {
|
| 636 |
color: #333333; |
|
| 637 |
background: transparent; |
|
| 638 |
/* background-color: #FFFFFF; */ |
|
| 639 |
text-decoration: none; |
|
| 638 |
color: #CC9600; |
|
| 640 | 639 |
} |
| 641 | 640 |
|
| 642 | 641 |
/* Menu Link properties |
| ... | ... | |
| 783 | 782 |
*/ |
| 784 | 783 |
|
| 785 | 784 |
td {
|
| 786 |
color: #003366;
|
|
| 787 |
font-style: normal;
|
|
| 788 |
font-size: 95%;
|
|
| 789 |
font-weight: normal;
|
|
| 785 |
/* color: #003366; */
|
|
| 786 |
/* font-style: normal; */
|
|
| 787 |
/* font-size: 95%; */
|
|
| 788 |
/* font-weight: normal; */
|
|
| 790 | 789 |
text-decoration: none; |
| 791 | 790 |
border: 0px; |
| 792 | 791 |
padding: 0px; |
| 793 | 792 |
vertical-align: top; |
| 794 |
} |
|
| 795 | 793 |
|
| 794 |
max-width: 900px; |
|
| 795 |
/* display: inline-block; */ |
|
| 796 |
} |
|
| 797 |
|
|
| 796 | 798 |
/* Classes for the footer area */ |
| 797 | 799 |
|
| 798 | 800 |
/* Basic footer class to get the correct font size |
| ... | ... | |
| 865 | 867 |
browsers support the CSS3 border-radius attribute, this |
| 866 | 868 |
should be switched.*/ |
| 867 | 869 |
.group {
|
| 868 |
padding: 0;
|
|
| 869 |
color: #003366;
|
|
| 870 |
min-width: 800px;
|
|
| 870 |
/* padding: 0; */
|
|
| 871 |
/* color: #003366; */
|
|
| 872 |
/* min-width: 800px; */
|
|
| 871 | 873 |
voice-family: "\"}\""; /* begin ie5win hack */ |
| 872 | 874 |
voice-family: inherit; |
| 873 | 875 |
-moz-border-radius: 10px; /* end ie5win hack */ |
| 874 | 876 |
} |
| 875 | 877 |
/* Children of the group get some padding */ |
| 876 | 878 |
.group * {
|
| 877 |
padding: 2px;
|
|
| 879 |
padding: 2px; |
|
| 878 | 880 |
} |
| 879 | 881 |
|
| 880 | 882 |
.group_border {
|
| 881 | 883 |
/* aqua-green border */ |
| 882 |
border: #006666 solid 1px; |
|
| 883 |
} |
|
| 884 |
/* border: #006666 solid 1px; */ |
|
| 885 |
max-width: 100%; |
|
| 886 |
display: block; |
|
| 887 |
} |
|
| 884 | 888 |
|
| 885 | 889 |
.subGroup {
|
| 886 |
padding: 3px;
|
|
| 887 |
color: #003366;
|
|
| 890 |
/* padding: 3px; */
|
|
| 891 |
/* color: #003366; */
|
|
| 888 | 892 |
voice-family: "\"}\""; /* begin ie5win hack */ |
| 889 | 893 |
voice-family: inherit; |
| 890 | 894 |
-moz-border-radius: 10px; /* end ie5win hack */ |
| 891 | 895 |
} |
| 892 | 896 |
|
| 893 | 897 |
.subGroup_border {
|
| 894 |
/* blue-ish border */
|
|
| 895 |
border: #94c1d4 solid 1px;
|
|
| 896 |
}
|
|
| 898 |
border: #DDD solid 1px;
|
|
| 899 |
border-radius: 5px;
|
|
| 900 |
} |
|
| 897 | 901 |
|
| 898 | 902 |
/* This selector causes the 'section' tables to indent under the overarching div |
| 899 | 903 |
* tags */ |
| ... | ... | |
| 925 | 929 |
clear: left; |
| 926 | 930 |
} |
| 927 | 931 |
|
| 928 |
th {
|
|
| 929 |
border-bottom: #006666 solid 1px;
|
|
| 930 |
color: #003366;
|
|
| 931 |
padding: 0;
|
|
| 932 |
margin: 0;
|
|
| 932 |
.group th {
|
|
| 933 |
/* border-bottom: #006666 solid 1px; */
|
|
| 934 |
/* color: #003366; */
|
|
| 935 |
padding: 2px;
|
|
| 936 |
/* margin: 0; */
|
|
| 933 | 937 |
text-align: left; |
| 934 |
font-style: normal; |
|
| 935 |
font-weight: 700; |
|
| 938 |
/* font-style: normal; */ |
|
| 939 |
/* font-weight: 700; */ |
|
| 940 |
font-weight: bold; |
|
| 941 |
font-size: .9em; |
|
| 936 | 942 |
} |
| 937 | 943 |
|
| 938 | 944 |
th.rowheader {
|
| ... | ... | |
| 941 | 947 |
} |
| 942 | 948 |
|
| 943 | 949 |
.rowodd {
|
| 944 |
border-bottom: #94c1d4 dotted 1px;
|
|
| 945 |
border-top: #94c1d4 dotted 1px;
|
|
| 946 |
background-color: #f1f8f8;
|
|
| 947 |
padding: 0;
|
|
| 948 |
margin: 0;
|
|
| 950 |
/* border-bottom: #94c1d4 dotted 1px; */
|
|
| 951 |
/* border-top: #94c1d4 dotted 1px; */
|
|
| 952 |
background-color: #F1F5F8;
|
|
| 953 |
/* padding: 0; */
|
|
| 954 |
/* margin: 0; */
|
|
| 949 | 955 |
} |
| 950 | 956 |
|
| 951 |
.roweven {
|
|
| 952 |
padding: 0; |
|
| 953 |
margin: 0; |
|
| 954 |
} |
|
| 955 |
|
|
| 956 | 957 |
.coleven {
|
| 957 |
border-left: #94c1d4 dotted 1px; |
|
| 958 |
border-right: #94c1d4 dotted 1px; |
|
| 959 |
background-color: #f1f8f8; |
|
| 960 |
padding-left: 2px; |
|
| 961 |
padding-right: 2px; |
|
| 962 |
text-align: left; |
|
| 958 |
border-right: #BAC4CF solid 1px; |
|
| 959 |
background-color: #F1F5F8; |
|
| 963 | 960 |
} |
| 964 | 961 |
|
| 965 |
.colodd {
|
|
| 966 |
padding-left: 2px; |
|
| 967 |
padding-right: 2px; |
|
| 968 |
text-align: left; |
|
| 969 |
} |
|
| 970 | 962 |
|
| 971 | 963 |
.innercolodd {
|
| 972 |
border: solid #94c1d4 1px; |
|
| 973 | 964 |
font-size: .75em; |
| 974 | 965 |
padding-left: 2px; |
| 975 | 966 |
padding-right: 2px; |
| ... | ... | |
| 977 | 968 |
} |
| 978 | 969 |
|
| 979 | 970 |
.innercoleven {
|
| 980 |
border: solid #94c1d4 1px; |
|
| 981 | 971 |
background-color: #f1f8f8; |
| 982 | 972 |
font-size: .75em; |
| 983 | 973 |
padding-left: 2px; |
| ... | ... | |
| 986 | 976 |
} |
| 987 | 977 |
|
| 988 | 978 |
.onehundred_percent {
|
| 989 |
width: 100%;
|
|
| 979 |
width: 100%;
|
|
| 990 | 980 |
} |
| 991 | 981 |
|
| 992 | 982 |
.eighty_percent {
|
| ... | ... | |
| 1007 | 997 |
} |
| 1008 | 998 |
|
| 1009 | 999 |
.fortyfive_percent {
|
| 1010 |
width: 45%; |
|
| 1011 |
} |
|
| 1000 |
/* width: 45%; */ |
|
| 1001 |
display: block; |
|
| 1002 |
} |
|
| 1012 | 1003 |
|
| 1013 | 1004 |
.forty_percent {
|
| 1014 | 1005 |
width: 40%; |
| ... | ... | |
| 1065 | 1056 |
****/ |
| 1066 | 1057 |
.iframeheaderclass {
|
| 1067 | 1058 |
height: 85px; |
| 1068 |
width: 98%;
|
|
| 1059 |
width: 100%;
|
|
| 1069 | 1060 |
border: 0px; |
| 1070 | 1061 |
/*margin-bottom: 10px;*/ |
| 1071 | 1062 |
margin: 10px; |
| ... | ... | |
| 1184 | 1175 |
margin: 0; |
| 1185 | 1176 |
} |
| 1186 | 1177 |
.tablehead {
|
| 1187 |
border-bottom: #006666 solid 1px; |
|
| 1178 |
text-align: left; |
|
| 1179 |
font-style: normal; |
|
| 1180 |
font-weight: 700; |
|
| 1181 |
font-size: 1em; |
|
| 1182 |
padding-top: .2em; |
|
| 1183 |
padding-bottom: .2em; |
|
| 1184 |
} |
|
| 1185 |
|
|
| 1186 |
/** |
|
| 1187 |
* For EML spec styling |
|
| 1188 |
**/ |
|
| 1189 |
div.book {
|
|
| 1190 |
margin: 20px; |
|
| 1191 |
} |
|
| 1192 |
|
|
| 1193 |
div.book a:link {
|
|
| 1194 |
text-decoration: underline; |
|
| 1195 |
} |
|
| 1196 |
|
|
| 1197 |
div.title {
|
|
| 1188 | 1198 |
color: #003366; |
| 1199 |
background-color: #ffffff; |
|
| 1189 | 1200 |
padding: 0; |
| 1190 |
margin: 0; |
|
| 1191 |
text-align: left; |
|
| 1201 |
font-size: 16pt; |
|
| 1192 | 1202 |
font-style: normal; |
| 1203 |
font-weight: bold; |
|
| 1204 |
text-decoration: none; |
|
| 1205 |
} |
|
| 1206 |
|
|
| 1207 |
div.sectiontitle {
|
|
| 1208 |
color: #003366; |
|
| 1209 |
background-color: #ffffff; |
|
| 1210 |
padding: 0; |
|
| 1211 |
font-size: 14pt; |
|
| 1212 |
font-style: normal; |
|
| 1193 | 1213 |
font-weight: 700; |
| 1214 |
text-decoration: none; |
|
| 1194 | 1215 |
} |
| 1216 |
|
|
| 1217 |
/** For attributes table **/ |
|
| 1218 |
tr.attributes{
|
|
| 1219 |
font-size: 0.9em; |
|
| 1220 |
} |
|
| 1221 |
|
|
| 1222 |
|
|
| 1223 |
@page {
|
|
| 1224 |
size: 11in 11in; |
|
| 1225 |
} |
|
Also available in: Unified diff
use css changes from EML project to render a PDF that fits on a printed page during export. Note that this also changes the default skin slightly (for the better, we think). https://projects.ecoinformatics.org/ecoinfo/issues/6053