diff options
Diffstat (limited to 'css/_common.css')
-rw-r--r-- | css/_common.css | 160 |
1 files changed, 0 insertions, 160 deletions
diff --git a/css/_common.css b/css/_common.css deleted file mode 100644 index 411086c..0000000 --- a/css/_common.css +++ /dev/null | |||
@@ -1,160 +0,0 @@ | |||
1 | /* Common CSS for all of Autocento at the breakfast table | ||
2 | * should include ONLY the following: | ||
3 | * margins & widths | ||
4 | * text sizes & font assignments | ||
5 | * link rendering | ||
6 | * images | ||
7 | * vim: fdm=marker | ||
8 | */ | ||
9 | /* Import rules {{{ */ | ||
10 | @import url("fonts/playfair.css"); | ||
11 | @import url("fonts/fira.css"); | ||
12 | /* @import url("fonts/courier-prime.css"); | ||
13 | * ^^^^^^ for typewriter pages in Paul */ | ||
14 | /* }}} */ | ||
15 | /* Body & Links {{{ */ | ||
16 | html, body { | ||
17 | font-family: Fira, sans-serif; | ||
18 | font-size: 12pt; | ||
19 | margin: 0; | ||
20 | padding: 0; | ||
21 | height: 100%; | ||
22 | } | ||
23 | #wrapper { /*makes sure nav is at bottom of window*/ | ||
24 | min-height: 100%; | ||
25 | position: relative; | ||
26 | margin: 12px; | ||
27 | } | ||
28 | .thing { | ||
29 | max-width: 39em; | ||
30 | margin: auto; | ||
31 | padding-bottom: 3em; /*height of nav*/ | ||
32 | } | ||
33 | /* Tables */ | ||
34 | table { border-collapse: collapse; } | ||
35 | td { | ||
36 | vertical-align: top; | ||
37 | } | ||
38 | tr { | ||
39 | border-bottom: 1px solid #aaa; | ||
40 | border-top: 1px solid #aaa; | ||
41 | } | ||
42 | /* Links */ | ||
43 | a:link { | ||
44 | color: inherit; | ||
45 | text-decoration: underline; | ||
46 | } | ||
47 | a:visited { | ||
48 | color: inherit; | ||
49 | } | ||
50 | a:hover { | ||
51 | text-decoration: underline; | ||
52 | } | ||
53 | a:active { | ||
54 | text-decoration: underline; | ||
55 | } | ||
56 | /* }}} */ | ||
57 | /* Images {{{ */ | ||
58 | figure { | ||
59 | width: 100%; | ||
60 | margin: auto; | ||
61 | text-align: center; | ||
62 | } | ||
63 | figcaption { | ||
64 | display: none; | ||
65 | } | ||
66 | img { | ||
67 | max-width: 100%; | ||
68 | margin: auto; | ||
69 | } | ||
70 | /* }}} */ | ||
71 | /* Header section {{{ */ | ||
72 | header { | ||
73 | max-width: 39em; | ||
74 | margin: auto; | ||
75 | } | ||
76 | /* headings */ | ||
77 | h1.title { | ||
78 | font-family: Playfair, serif; | ||
79 | font-size: 16pt; | ||
80 | /* font-weight: bold; */ | ||
81 | font-weight: 400; | ||
82 | letter-spacing: 0.1em; | ||
83 | text-transform: uppercase; | ||
84 | } | ||
85 | h1.subtitle { | ||
86 | font-family: Playfair, serif; | ||
87 | font-size: 15pt; | ||
88 | font-style: italic; | ||
89 | font-weight: 400; | ||
90 | position: relative; | ||
91 | top: -0.5em; | ||
92 | } | ||
93 | h2 { | ||
94 | font-family: Fira, sans-serif; | ||
95 | font-size: 14pt; | ||
96 | font-weight: 600; | ||
97 | } | ||
98 | /* Epigraph & Dedication */ | ||
99 | .dedication { | ||
100 | font-style: italic; | ||
101 | font-size: 10pt; | ||
102 | margin-top: -0.5em; | ||
103 | margin-bottom: 1em; | ||
104 | } | ||
105 | .dedication:before { | ||
106 | content: 'for '; | ||
107 | font-style: italic; | ||
108 | } | ||
109 | |||
110 | .epigraph { | ||
111 | text-align: right; | ||
112 | font-size: 10pt; | ||
113 | font-style: italic; | ||
114 | } | ||
115 | .epigraph p { | ||
116 | margin: 0; | ||
117 | } | ||
118 | .epigraph-attrib { | ||
119 | text-align: right; | ||
120 | margin-top: 0; | ||
121 | font-size: 10pt; | ||
122 | font-style: italic; | ||
123 | } | ||
124 | .epigraph-attrib:before { | ||
125 | content: '– '; | ||
126 | } | ||
127 | /* }}} */ | ||
128 | /* Navigation {{{ */ | ||
129 | nav { | ||
130 | width: 100%; | ||
131 | height: 3em; | ||
132 | position: absolute; | ||
133 | bottom: 0; | ||
134 | left: 0; | ||
135 | text-align: center; | ||
136 | } | ||
137 | nav .prevlink { | ||
138 | float: left; | ||
139 | text-align: left; | ||
140 | margin: 0 0.5em; | ||
141 | max-width: 20%; | ||
142 | } | ||
143 | nav .nextlink { | ||
144 | float: right; | ||
145 | text-align: right; | ||
146 | margin: 0 0.5em; | ||
147 | max-width: 20%; | ||
148 | } | ||
149 | nav .prevlink:before { | ||
150 | content: ' «' | ||
151 | } | ||
152 | nav .nextlink:after { | ||
153 | content: ' »' | ||
154 | } | ||
155 | #lozenge { | ||
156 | position: absolute; | ||
157 | left: 50%; | ||
158 | text-decoration: none; | ||
159 | } | ||
160 | /* }}} */ | ||