diff options
Diffstat (limited to 'styles.html')
-rw-r--r-- | styles.html | 66 |
1 files changed, 49 insertions, 17 deletions
diff --git a/styles.html b/styles.html index 3d7ebb5..e744d83 100644 --- a/styles.html +++ b/styles.html | |||
@@ -1,6 +1,6 @@ | |||
1 | $if(document-css)$ | 1 | $if(document-css)$ |
2 | html { | 2 | html { |
3 | line-height: $if(linestretch)$$linestretch$$else$1.7$endif$; | 3 | line-height: $if(linestretch)$$linestretch$$else$1.5$endif$; |
4 | font-family: $if(mainfont)$$mainfont$$else$Georgia, serif$endif$; | 4 | font-family: $if(mainfont)$$mainfont$$else$Georgia, serif$endif$; |
5 | font-size: $if(fontsize)$$fontsize$$else$20px$endif$; | 5 | font-size: $if(fontsize)$$fontsize$$else$20px$endif$; |
6 | color: $if(fontcolor)$$fontcolor$$else$#1a1a1a$endif$; | 6 | color: $if(fontcolor)$$fontcolor$$else$#1a1a1a$endif$; |
@@ -8,7 +8,7 @@ html { | |||
8 | } | 8 | } |
9 | body { | 9 | body { |
10 | margin: 0 auto; | 10 | margin: 0 auto; |
11 | max-width: 40em; | 11 | max-width: 36em; |
12 | padding-left: $if(margin-left)$$margin-left$$else$50px$endif$; | 12 | padding-left: $if(margin-left)$$margin-left$$else$50px$endif$; |
13 | padding-right: $if(margin-right)$$margin-right$$else$50px$endif$; | 13 | padding-right: $if(margin-right)$$margin-right$$else$50px$endif$; |
14 | padding-top: $if(margin-top)$$margin-top$$else$50px$endif$; | 14 | padding-top: $if(margin-top)$$margin-top$$else$50px$endif$; |
@@ -28,6 +28,7 @@ body { | |||
28 | body { | 28 | body { |
29 | background-color: transparent; | 29 | background-color: transparent; |
30 | color: black; | 30 | color: black; |
31 | font-size: 12pt; | ||
31 | } | 32 | } |
32 | p, h2, h3 { | 33 | p, h2, h3 { |
33 | orphans: 3; | 34 | orphans: 3; |
@@ -38,7 +39,7 @@ body { | |||
38 | } | 39 | } |
39 | } | 40 | } |
40 | p { | 41 | p { |
41 | margin-top: 1.7em; | 42 | margin: 1em 0; |
42 | } | 43 | } |
43 | a { | 44 | a { |
44 | color: $if(linkcolor)$$linkcolor$$else$#1a1a1a$endif$; | 45 | color: $if(linkcolor)$$linkcolor$$else$#1a1a1a$endif$; |
@@ -50,59 +51,90 @@ img { | |||
50 | max-width: 100%; | 51 | max-width: 100%; |
51 | } | 52 | } |
52 | h1, h2, h3, h4, h5, h6 { | 53 | h1, h2, h3, h4, h5, h6 { |
53 | margin-top: 1.7em; | 54 | margin-top: 1.4em; |
55 | } | ||
56 | h5, h6 { | ||
57 | font-size: 1em; | ||
58 | font-style: italic; | ||
59 | } | ||
60 | h6 { | ||
61 | font-weight: normal; | ||
54 | } | 62 | } |
55 | ol, ul { | 63 | ol, ul { |
56 | padding-left: 1.7em; | 64 | padding-left: 1.7em; |
57 | margin-top: 1.7em; | 65 | margin-top: 1em; |
58 | } | 66 | } |
59 | li > ol, li > ul { | 67 | li > ol, li > ul { |
60 | margin-top: 0; | 68 | margin-top: 0; |
61 | } | 69 | } |
62 | blockquote { | 70 | blockquote { |
63 | margin: 1.7em 0 1.7em 1.7em; | 71 | margin: 1em 0 1em 1.7em; |
64 | padding-left: 1em; | 72 | padding-left: 1em; |
65 | border-left: 2px solid #e6e6e6; | 73 | border-left: 2px solid #e6e6e6; |
66 | font-style: italic; | 74 | color: #606060; |
67 | } | 75 | } |
68 | code { | 76 | code { |
69 | font-family: $if(monofont)$$monofont$$else$Menlo, Monaco, 'Lucida Console', Consolas, monospace$endif$; | 77 | font-family: $if(monofont)$$monofont$$else$Menlo, Monaco, 'Lucida Console', Consolas, monospace$endif$; |
70 | background-color: #f0f0f0; | 78 | $if(monobackgroundcolor)$ |
79 | background-color: $monobackgroundcolor$; | ||
80 | padding: .2em .4em; | ||
81 | $endif$ | ||
71 | font-size: 85%; | 82 | font-size: 85%; |
72 | margin: 0; | 83 | margin: 0; |
73 | padding: .2em .4em; | ||
74 | } | 84 | } |
75 | pre { | 85 | pre { |
76 | line-height: 1.5em; | 86 | margin: 1em 0; |
87 | $if(monobackgroundcolor)$ | ||
88 | background-color: $monobackgroundcolor$; | ||
77 | padding: 1em; | 89 | padding: 1em; |
78 | background-color: #f0f0f0; | 90 | $endif$ |
79 | overflow: auto; | 91 | overflow: auto; |
80 | } | 92 | } |
81 | pre code { | 93 | pre code { |
82 | padding: 0; | 94 | padding: 0; |
83 | overflow: visible; | 95 | overflow: visible; |
84 | } | 96 | } |
97 | .sourceCode { | ||
98 | background-color: transparent; | ||
99 | overflow: visible; | ||
100 | } | ||
85 | hr { | 101 | hr { |
86 | background-color: #1a1a1a; | 102 | background-color: #1a1a1a; |
87 | border: none; | 103 | border: none; |
88 | height: 1px; | 104 | height: 1px; |
89 | margin-top: 1.7em; | 105 | margin: 1em 0; |
90 | } | 106 | } |
91 | table { | 107 | table { |
108 | margin: 1em 0; | ||
92 | border-collapse: collapse; | 109 | border-collapse: collapse; |
93 | width: 100%; | 110 | width: 100%; |
94 | overflow-x: auto; | 111 | overflow-x: auto; |
95 | display: block; | 112 | display: block; |
113 | font-variant-numeric: lining-nums tabular-nums; | ||
114 | } | ||
115 | table caption { | ||
116 | margin-bottom: 0.75em; | ||
96 | } | 117 | } |
97 | th, td { | 118 | tbody { |
98 | border-bottom: 1px solid lightgray; | 119 | margin-top: 0.5em; |
99 | padding: 1em 3em 1em 0; | 120 | border-top: 1px solid $if(fontcolor)$$fontcolor$$else$#1a1a1a$endif$; |
121 | border-bottom: 1px solid $if(fontcolor)$$fontcolor$$else$#1a1a1a$endif$; | ||
122 | } | ||
123 | th { | ||
124 | border-top: 1px solid $if(fontcolor)$$fontcolor$$else$#1a1a1a$endif$; | ||
125 | padding: 0.25em 0.5em 0.25em 0.5em; | ||
126 | } | ||
127 | td { | ||
128 | padding: 0.125em 0.5em 0.25em 0.5em; | ||
100 | } | 129 | } |
101 | header { | 130 | header { |
102 | margin-bottom: 6em; | 131 | margin-bottom: 4em; |
103 | text-align: center; | 132 | text-align: center; |
104 | } | 133 | } |
105 | nav a:not(:hover) { | 134 | #TOC li { |
135 | list-style: none; | ||
136 | } | ||
137 | #TOC a:not(:hover) { | ||
106 | text-decoration: none; | 138 | text-decoration: none; |
107 | } | 139 | } |
108 | $endif$ | 140 | $endif$ |