diff options
Diffstat (limited to 'css/common.css')
-rw-r--r-- | css/common.css | 257 |
1 files changed, 0 insertions, 257 deletions
diff --git a/css/common.css b/css/common.css deleted file mode 100644 index 8ae3f8b..0000000 --- a/css/common.css +++ /dev/null | |||
@@ -1,257 +0,0 @@ | |||
1 | /* Common CSS for all of Autocento at the breakfast table | ||
2 | * vim: fdm=marker | ||
3 | */ | ||
4 | /* IMPORTS {{{ */ | ||
5 | /* Playfair Display (headings) */ | ||
6 | @import url(http://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic,700italic&subset=latin,latin-ext); | ||
7 | /* Linux Libertine (body) */ | ||
8 | @import url("fonts/libertine.css"); | ||
9 | /* @import url("fonts/courier-prime.css"); | ||
10 | * ^^^^^^ for typewriter pages in Paul */ | ||
11 | /* imports }}} */ | ||
12 | /* LAYOUT {{{ */ | ||
13 | html, body { | ||
14 | margin: 0; | ||
15 | padding: 0; | ||
16 | |||
17 | font-family: "Libertine", serif; | ||
18 | font-size: 100%; /* = 12pt = 16px */ | ||
19 | } | ||
20 | html { height: 100%; } | ||
21 | body { | ||
22 | position: absolute; | ||
23 | top: 0; | ||
24 | left: 0; | ||
25 | right: 0; | ||
26 | min-height: 100%; | ||
27 | padding-left: 1em; | ||
28 | padding-right: 1em; | ||
29 | } | ||
30 | header { | ||
31 | max-width: 39em; | ||
32 | margin: auto; | ||
33 | text-align: center; | ||
34 | border-bottom: 1px solid black; | ||
35 | padding: 1em 0; | ||
36 | margin-bottom: 1em; | ||
37 | } | ||
38 | .title { | ||
39 | text-align: left; | ||
40 | display: inline-block; | ||
41 | } | ||
42 | .subtitle { | ||
43 | text-align: center; | ||
44 | display: block; | ||
45 | } | ||
46 | .dedication { | ||
47 | text-align: left; | ||
48 | } | ||
49 | #container { | ||
50 | /* max-width: 39em; */ | ||
51 | margin: 0 auto; | ||
52 | padding-bottom: 30px; | ||
53 | } | ||
54 | .content p:first-child { | ||
55 | margin-top: 0 | ||
56 | } | ||
57 | .content { | ||
58 | line-height: 1.3em; | ||
59 | } | ||
60 | blockquote { | ||
61 | border-left: 1px solid gray; | ||
62 | padding-left: 2em; | ||
63 | margin-left: 2em; | ||
64 | font-style: italic; | ||
65 | } | ||
66 | nav { | ||
67 | height: 24px; | ||
68 | width: 100%; | ||
69 | position: absolute; | ||
70 | bottom: 0; | ||
71 | left: 0; | ||
72 | text-align: center; | ||
73 | } | ||
74 | .footnotes { | ||
75 | font-size: 0.85em; | ||
76 | width: 100%; | ||
77 | position: absolute; | ||
78 | top: 100%; | ||
79 | left: 0; | ||
80 | } | ||
81 | .footnotes li { | ||
82 | margin-right: 2em; | ||
83 | border-bottom: 1px solid gray; | ||
84 | max-width: 45em; | ||
85 | margin: auto; | ||
86 | } | ||
87 | .footnotes li:last-child { | ||
88 | border-bottom: none; | ||
89 | } | ||
90 | /* layout }}} */ | ||
91 | /* HEADINGS {{{ */ | ||
92 | .title { | ||
93 | font-family: "Playfair Display", Georgia, serif; | ||
94 | font-size: 1.5em; | ||
95 | /* font-weight: bold; */ | ||
96 | font-weight: 400; | ||
97 | letter-spacing: 0.1em; | ||
98 | text-transform: uppercase; | ||
99 | margin: 0; | ||
100 | } | ||
101 | .subtitle { | ||
102 | font-family: "Playfair Display", Georgia, serif; | ||
103 | font-size: 1.25em; | ||
104 | font-style: italic; | ||
105 | font-weight: 400; | ||
106 | /* position: relative; */ | ||
107 | /* top: -0.5em; */ | ||
108 | margin-top: 0; | ||
109 | margin-bottom: 0; | ||
110 | } | ||
111 | h2 { | ||
112 | font-family: "Playfair Display", Georgia, serif; | ||
113 | font-size: 1em; | ||
114 | font-weight: 600; | ||
115 | } | ||
116 | header { | ||
117 | position: relative; | ||
118 | } | ||
119 | /* headings }}} */ | ||
120 | /* LINKS {{{ */ | ||
121 | a:link { | ||
122 | padding-top: 1px; | ||
123 | color: inherit; | ||
124 | text-decoration: none; | ||
125 | border-bottom: 1px dotted black; | ||
126 | } | ||
127 | a:visited { | ||
128 | color: inherit; | ||
129 | } | ||
130 | a:hover { | ||
131 | /* text-decoration: underline; */ | ||
132 | border-bottom: 1px solid black; | ||
133 | } | ||
134 | a:active { | ||
135 | /* text-decoration: underline; */ | ||
136 | border-bottom: 1px solid black; | ||
137 | } | ||
138 | /* External Links */ | ||
139 | a[href^="http"]:link { | ||
140 | text-decoration: none; | ||
141 | border-bottom: 1px dotted #a1a3a1; | ||
142 | } | ||
143 | a[href^="http"]:visited { | ||
144 | } | ||
145 | a[href^="http"]:hover { | ||
146 | border-bottom: 1px dashed black; | ||
147 | } | ||
148 | a[href^="http"]:active { | ||
149 | border-bottom: 1px dashed black; | ||
150 | } | ||
151 | /* links }}} */ | ||
152 | /* IMAGES {{{ */ | ||
153 | .ekphrastic { | ||
154 | max-width: 41em; | ||
155 | /* margin-top: -1em; */ | ||
156 | margin-bottom: 1em; | ||
157 | margin-left: auto; | ||
158 | margin-right: auto; | ||
159 | text-align: center; | ||
160 | } | ||
161 | .ekphrastic a:link { border: none; } | ||
162 | img { | ||
163 | max-width: 100%; | ||
164 | margin: auto; | ||
165 | } | ||
166 | /* images }}} */ | ||
167 | /* HEADER-EXTRA {{{ */ | ||
168 | .header-extra { | ||
169 | text-align: right; | ||
170 | } | ||
171 | .dedication,.epigraph { | ||
172 | vertical-align: bottom; | ||
173 | display: inline-block; | ||
174 | margin-left: 2%; | ||
175 | margin-right: 2%; | ||
176 | width: 45%; | ||
177 | } | ||
178 | /* DEDICATION {{{ */ | ||
179 | .dedication { | ||
180 | font-style: italic; | ||
181 | font-size: 0.92em; | ||
182 | margin-top: 1em; | ||
183 | } | ||
184 | .dedication::before { | ||
185 | content: 'for '; | ||
186 | font-style: italic; | ||
187 | } | ||
188 | .dedication:only-child { | ||
189 | text-align: right; | ||
190 | } | ||
191 | /* dedication }}} */ | ||
192 | /* EPIGRAPH {{{ */ | ||
193 | .epigraph { | ||
194 | text-align: right; | ||
195 | font-size: 0.92em; | ||
196 | font-style: italic; | ||
197 | margin-top: 1em; | ||
198 | } | ||
199 | .epigraph p { | ||
200 | margin: 0; | ||
201 | } | ||
202 | .epigraph .attrib { | ||
203 | text-align: right; | ||
204 | margin-top: 0; | ||
205 | font-size: 0.92em; | ||
206 | font-style: normal; | ||
207 | } | ||
208 | .epigraph .attrib::before { | ||
209 | content: '– '; | ||
210 | } | ||
211 | /* epigraph }}} */ | ||
212 | /* header-extra }}} */ | ||
213 | /* NAV {{{ */ | ||
214 | nav a:link { border-bottom: none; } | ||
215 | nav a:active { border: none; } | ||
216 | nav .prevlink { float: left; text-align: left; } | ||
217 | nav .nextlink { float: right; text-align: right; } | ||
218 | /* Properties both types of navlinks share */ | ||
219 | nav .prevlink, nav .nextlink { | ||
220 | margin: 0 0.5em; | ||
221 | width: 20%; | ||
222 | display: block; | ||
223 | font-size: 0.85em; | ||
224 | font-family: "Playfair Display", Georgia, serif; | ||
225 | font-style: italic; | ||
226 | text-transform: lowercase; | ||
227 | height: 20px; | ||
228 | overflow: hidden; | ||
229 | text-overflow: ellipsis; | ||
230 | text-decoration: none; | ||
231 | position: relative; | ||
232 | } | ||
233 | nav .prevlink::before { | ||
234 | content: ' «'; | ||
235 | font-style: normal; | ||
236 | } | ||
237 | nav .nextlink::after { | ||
238 | content: ' »'; | ||
239 | font-style: normal; | ||
240 | } | ||
241 | #lozenge { | ||
242 | position: absolute; | ||
243 | left: 50%; | ||
244 | text-decoration: none; | ||
245 | } | ||
246 | /* nav }}} */ | ||
247 | /* FOOTNOTES {{{ */ | ||
248 | .footnotes p::first-line { | ||
249 | font-variant: normal !important; | ||
250 | } | ||
251 | .footnotes a[href^="#fnref"] { | ||
252 | float: right; | ||
253 | } | ||
254 | a.footnoteRef { | ||
255 | border: none; | ||
256 | } | ||
257 | /* footnotes }}} */ | ||