about summary refs log tree commit diff stats
path: root/css/common.css
diff options
context:
space:
mode:
Diffstat (limited to 'css/common.css')
-rw-r--r--css/common.css257
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 {{{ */
13html, body {
14 margin: 0;
15 padding: 0;
16
17 font-family: "Libertine", serif;
18 font-size: 100%; /* = 12pt = 16px */
19}
20html { height: 100%; }
21body {
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}
30header {
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}
60blockquote {
61 border-left: 1px solid gray;
62 padding-left: 2em;
63 margin-left: 2em;
64 font-style: italic;
65}
66nav {
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}
111h2 {
112 font-family: "Playfair Display", Georgia, serif;
113 font-size: 1em;
114 font-weight: 600;
115}
116header {
117 position: relative;
118}
119/* headings }}} */
120/* LINKS {{{ */
121a:link {
122 padding-top: 1px;
123 color: inherit;
124 text-decoration: none;
125 border-bottom: 1px dotted black;
126}
127a:visited {
128 color: inherit;
129}
130a:hover {
131 /* text-decoration: underline; */
132 border-bottom: 1px solid black;
133}
134a:active {
135 /* text-decoration: underline; */
136 border-bottom: 1px solid black;
137}
138/* External Links */
139a[href^="http"]:link {
140 text-decoration: none;
141 border-bottom: 1px dotted #a1a3a1;
142}
143a[href^="http"]:visited {
144}
145a[href^="http"]:hover {
146 border-bottom: 1px dashed black;
147}
148a[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; }
162img {
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 {{{ */
214nav a:link { border-bottom: none; }
215nav a:active { border: none; }
216nav .prevlink { float: left; text-align: left; }
217nav .nextlink { float: right; text-align: right; }
218/* Properties both types of navlinks share */
219nav .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}
233nav .prevlink::before {
234 content: ' «';
235 font-style: normal;
236}
237nav .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}
254a.footnoteRef {
255 border: none;
256}
257/* footnotes }}} */