resources/style/Style9.css

0001 :root {
0002     --bodyColor: ;
0003     --font: ;
0004     --fontSize: ;
0005     --textColor: ;
0006     --titleColor: ;
0007     --linkColor: ;
0008     --visitedLinkColor: ;
0009     --codeColor: ;
0010     --highlightColor: ;
0011     --codeFont: ;
0012     --codeFontSize: ;
0013 }
0014
0015 h1, h2, h3, h4, h5, h6, p, blockquote {
0016     margin: 0;
0017     padding: 0;
0018 }
0019
0020 body {
0021     font-family: var(--font), sans-serif;
0022     font-size: var(--fontSize); /*was 13, all other font-size are based on this*/
0023     line-height: 18px;
0024     color: var(--textColor);
0025     background-color: var(--bodyColor);
0026     margin: 10px 13px 10px 13px;
0027 }
0028
0029 table {
0030     width: 100%
0031     margin: 10px 0 15px 0;
0032     border-collapse: collapse;
0033 }
0034
0035 td,th {
0036     border: 1px solid;
0037     padding: 3px 10px;
0038 }
0039
0040 th {
0041     padding: 5px 10px;
0042 }
0043
0044 a {
0045     color: var(--linkColor);
0046 }
0047
0048 a:visited {
0049     color: var(--visitedLinkColor);
0050 }
0051
0052 a:hover {
0053     color: var(--linkColor);
0054     text-decoration: none;
0055     filter: brightness(85%);
0056 }
0057
0058 a img {
0059     border: none;
0060 }
0061
0062 p {
0063     margin-bottom: 9px;
0064 }
0065
0066 h1, h2, h3, h4, h5, h6 {
0067     color: var(--titleColor);
0068     line-height: 36px;
0069 }
0070
0071 h1 {
0072     margin-bottom: 18px;
0073     font-size: calc(var(--fontSize) + 17px);
0074 }
0075
0076 h2 {
0077     font-size: calc(var(--fontSize) + 11px);
0078 }
0079
0080 h3 {
0081     font-size: calc(var(--fontSize) + 5px);
0082 }
0083
0084 h4 {
0085     font-size: calc(car(--fontSize) + 3px);
0086 }
0087
0088 h5 {
0089     font-size: calc(var(--fontSize) + 1px);
0090 }
0091
0092 h6 {
0093     font-size: var(--fontSize);
0094 }
0095
0096 hr {
0097     margin: 0 0 19px;
0098     border: 0;
0099     border-bottom: 1px solid var(--titleColor);
0100     filter: brightness(130%);
0101 }
0102
0103 mark {
0104     background-color: var(--highlightColor);
0105 }
0106
0107 blockquote {
0108     padding: 13px 13px 21px 15px;
0109     margin-bottom: 18px;
0110     font-family: serif;
0111     font-style: italic;
0112 }
0113
0114 blockquote:before {
0115     content:"\201C";
0116     font-size: calc(var(--fontSize) + 27px);
0117     margin-left:-10px;
0118     font-family: serif;
0119     color: var(--titleColor);
0120     filter: brightness(130%);
0121 }
0122
0123 blockquote p {
0124     font-size: calc(var(--fontSize) + 1px);
0125     font-weight: 300;
0126     line-height: 18px;
0127     margin-bottom: 0;
0128     font-style: italic;
0129 }
0130
0131 code, pre {
0132     font-family: var(--codeFont), monospace;
0133 }
0134
0135 code {
0136     padding: 1px 3px;
0137     font-size: var(--codeFontSize);
0138     -webkit-border-radius: 3px;
0139     -moz-border-radius: 3px;
0140     border-radius: 3px;
0141     background: var(--codeColor);
0142 }
0143
0144 pre {
0145     display: block;
0146     padding: 14px;
0147     margin: 0 0 18px;
0148     line-height: 16px;
0149     font-size: var(--codeFontSize);
0150     border: 1px solid var(--textColor);
0151     white-space: pre;
0152     white-space: pre-wrap;
0153     word-wrap: break-word;
0154     background-color: var(--codeColor);
0155     border-radius: 6px;
0156 }
0157
0158 pre code {
0159     font-size: var(--codeFontSize);
0160     padding: 0;
0161     background: transparent;
0162 }
0163
0164 sup {
0165     font-size: 0.83em;
0166     vertical-align: super;
0167     line-height: 0;
0168 }