about summary refs log tree commit diff stats
path: root/css
diff options
context:
space:
mode:
authorCase Duckworth2015-03-24 22:53:18 -0700
committerCase Duckworth2015-03-24 22:53:18 -0700
commitdf0d5f3cb03f8bf7d72e067c0fd7ee54ce4b86eb (patch)
tree9cb3585e91c71e0d56bff5fb1f0d6c8dc5f8c093 /css
parentDisable Jekyll page rendering (diff)
downloadautocento-df0d5f3cb03f8bf7d72e067c0fd7ee54ce4b86eb.tar.gz
autocento-df0d5f3cb03f8bf7d72e067c0fd7ee54ce4b86eb.zip
Change template and CSS for flatter structure
- Change CSS to one file
- Change template to reflect CSS flattening
Diffstat (limited to 'css')
-rw-r--r--css/autocento.css0
-rw-r--r--css/common.css257
-rw-r--r--css/cover.css137
-rw-r--r--css/elegies.css0
-rw-r--r--css/fonts/Courier_Prime.ttfbin98156 -> 0 bytes
-rw-r--r--css/fonts/Courier_Prime_Bold.ttfbin91368 -> 0 bytes
-rw-r--r--css/fonts/Courier_Prime_Bold_Italic.ttfbin91908 -> 0 bytes
-rw-r--r--css/fonts/Courier_Prime_Italic.ttfbin96196 -> 0 bytes
-rw-r--r--css/fonts/LinLibertine_R.otfbin528064 -> 0 bytes
-rw-r--r--css/fonts/LinLibertine_R.woffbin515460 -> 0 bytes
-rw-r--r--css/fonts/LinLibertine_RB.otfbin426060 -> 0 bytes
-rw-r--r--css/fonts/LinLibertine_RB.woffbin442244 -> 0 bytes
-rw-r--r--css/fonts/LinLibertine_RBI.otfbin363740 -> 0 bytes
-rw-r--r--css/fonts/LinLibertine_RBI.woffbin301560 -> 0 bytes
-rw-r--r--css/fonts/LinLibertine_RI.otfbin445044 -> 0 bytes
-rw-r--r--css/fonts/LinLibertine_RI.woffbin458368 -> 0 bytes
-rw-r--r--css/fonts/courier-prime.css30
-rw-r--r--css/fonts/libertine.css31
-rw-r--r--css/hezekiah.css0
-rw-r--r--css/paul.css34
-rw-r--r--css/prose.css18
-rw-r--r--css/stark.css12
-rw-r--r--css/verse.css15
23 files changed, 0 insertions, 534 deletions
diff --git a/css/autocento.css b/css/autocento.css deleted file mode 100644 index e69de29..0000000 --- a/css/autocento.css +++ /dev/null
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 }}} */
diff --git a/css/cover.css b/css/cover.css deleted file mode 100644 index f285bf4..0000000 --- a/css/cover.css +++ /dev/null
@@ -1,137 +0,0 @@
1/* vim: fdm=marker
2 */
3@import url(http://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic,700italic&subset=latin,latin-ext);
4/* Flexboxing {{{ */
5#cover {
6 position: absolute;
7 top: 0;
8 bottom: 0;
9 left: 0;
10 right: 0;
11 display: -webkit-box;
12 display: -moz-box;
13 display: -ms-flexbox;
14 display: -webkit-flex;
15 display: flex;
16 -webkit-box-direction: normal;
17 -moz-box-direction: normal;
18 -webkit-box-orient: vertical;
19 -moz-box-orient: vertical;
20 -webkit-flex-direction: column;
21 -ms-flex-direction: column;
22 flex-direction: column;
23 -webkit-flex-wrap: nowrap;
24 -ms-flex-wrap: nowrap;
25 flex-wrap: nowrap;
26 -webkit-box-pack: center;
27 -moz-box-pack: center;
28 -webkit-justify-content: center;
29 -ms-flex-pack: center;
30 justify-content: center;
31 -webkit-align-content: center;
32 -ms-flex-line-pack: center;
33 align-content: center;
34 -webkit-box-align: center;
35 -moz-box-align: center;
36 -webkit-align-items: center;
37 -ms-flex-align: center;
38 align-items: center;
39 }
40.title {
41 -webkit-box-ordinal-group: 1;
42 -moz-box-ordinal-group: 1;
43 -webkit-order: 0;
44 -ms-flex-order: 0;
45 order: 0;
46 -webkit-box-flex: 0;
47 -moz-box-flex: 0;
48 -webkit-flex: 0 1 auto;
49 -ms-flex: 0 1 auto;
50 flex: 0 1 auto;
51 -webkit-align-self: auto;
52 -ms-flex-item-align: auto;
53 align-self: auto;
54}
55.byline {
56 -webkit-box-ordinal-group: 1;
57 -moz-box-ordinal-group: 1;
58 -webkit-order: 0;
59 -ms-flex-order: 0;
60 order: 0;
61 -webkit-box-flex: 0;
62 -moz-box-flex: 0;
63 -webkit-flex: 0 1 auto;
64 -ms-flex: 0 1 auto;
65 flex: 0 1 auto;
66 -webkit-align-self: auto;
67 -ms-flex-item-align: auto;
68 align-self: auto;
69}
70.lozenge {
71 -webkit-box-ordinal-group: 1;
72 -moz-box-ordinal-group: 1;
73 -webkit-order: 0;
74 -ms-flex-order: 0;
75 order: 0;
76 -webkit-box-flex: 0;
77 -moz-box-flex: 0;
78 -webkit-flex: 0 1 auto;
79 -ms-flex: 0 1 auto;
80 flex: 0 1 auto;
81 -webkit-align-self: auto;
82 -ms-flex-item-align: auto;
83 align-self: auto;
84}
85/* }}} */
86body {
87 font-family: "Playfair Display", Georgia, serif;
88 font-weight: 400;
89 font-size: 100%;
90 color: #b2d9e5;
91}
92#cover {
93 background-image: url('../img/black-streak.jpg');
94 background-position: 0 0;
95 background-size: 100% 100%;
96 background-repeat: no-repeat;
97 background-attachment: fixed;
98 background-clip: border-box;
99 background-color: black;
100}
101a {
102 text-decoration: none;
103}
104a:link {
105 color: #b2d9e5;
106}
107a:visited {
108 color: #b2b2e5;
109}
110a:hover {
111 color: #e5bfb2;
112}
113a:active {
114 color: #e5e5b2;
115}
116li {
117 list-style: none;
118}
119.title {
120 text-transform: uppercase;
121 text-align: center;
122 font-size: 1.8em;
123 letter-spacing: 0.5em;
124 color: #efefb2;
125}
126.byline {
127 font-style: italic;
128 text-align: center;
129 font-size: 1.3em;
130 letter-spacing: 0.2em;
131 color: #e5bfb2;
132}
133.lozenge {
134 text-align: center;
135 font-size: 1em;
136 color: #e5bfb2;
137}
diff --git a/css/elegies.css b/css/elegies.css deleted file mode 100644 index e69de29..0000000 --- a/css/elegies.css +++ /dev/null
diff --git a/css/fonts/Courier_Prime.ttf b/css/fonts/Courier_Prime.ttf deleted file mode 100644 index db4e6c1..0000000 --- a/css/fonts/Courier_Prime.ttf +++ /dev/null
Binary files differ
diff --git a/css/fonts/Courier_Prime_Bold.ttf b/css/fonts/Courier_Prime_Bold.ttf deleted file mode 100644 index 1b0888c..0000000 --- a/css/fonts/Courier_Prime_Bold.ttf +++ /dev/null
Binary files differ
diff --git a/css/fonts/Courier_Prime_Bold_Italic.ttf b/css/fonts/Courier_Prime_Bold_Italic.ttf deleted file mode 100644 index d4e7186..0000000 --- a/css/fonts/Courier_Prime_Bold_Italic.ttf +++ /dev/null
Binary files differ
diff --git a/css/fonts/Courier_Prime_Italic.ttf b/css/fonts/Courier_Prime_Italic.ttf deleted file mode 100644 index 75a1343..0000000 --- a/css/fonts/Courier_Prime_Italic.ttf +++ /dev/null
Binary files differ
diff --git a/css/fonts/LinLibertine_R.otf b/css/fonts/LinLibertine_R.otf deleted file mode 100644 index 6d345d5..0000000 --- a/css/fonts/LinLibertine_R.otf +++ /dev/null
Binary files differ
diff --git a/css/fonts/LinLibertine_R.woff b/css/fonts/LinLibertine_R.woff deleted file mode 100644 index 0357ad4..0000000 --- a/css/fonts/LinLibertine_R.woff +++ /dev/null
Binary files differ
diff --git a/css/fonts/LinLibertine_RB.otf b/css/fonts/LinLibertine_RB.otf deleted file mode 100644 index 811cea8..0000000 --- a/css/fonts/LinLibertine_RB.otf +++ /dev/null
Binary files differ
diff --git a/css/fonts/LinLibertine_RB.woff b/css/fonts/LinLibertine_RB.woff deleted file mode 100644 index a0dbbbf..0000000 --- a/css/fonts/LinLibertine_RB.woff +++ /dev/null
Binary files differ
diff --git a/css/fonts/LinLibertine_RBI.otf b/css/fonts/LinLibertine_RBI.otf deleted file mode 100644 index c1a4ff7..0000000 --- a/css/fonts/LinLibertine_RBI.otf +++ /dev/null
Binary files differ
diff --git a/css/fonts/LinLibertine_RBI.woff b/css/fonts/LinLibertine_RBI.woff deleted file mode 100644 index 402494e..0000000 --- a/css/fonts/LinLibertine_RBI.woff +++ /dev/null
Binary files differ
diff --git a/css/fonts/LinLibertine_RI.otf b/css/fonts/LinLibertine_RI.otf deleted file mode 100644 index 288f5d0..0000000 --- a/css/fonts/LinLibertine_RI.otf +++ /dev/null
Binary files differ
diff --git a/css/fonts/LinLibertine_RI.woff b/css/fonts/LinLibertine_RI.woff deleted file mode 100644 index e2a0ae4..0000000 --- a/css/fonts/LinLibertine_RI.woff +++ /dev/null
Binary files differ
diff --git a/css/fonts/courier-prime.css b/css/fonts/courier-prime.css deleted file mode 100644 index 0a38383..0000000 --- a/css/fonts/courier-prime.css +++ /dev/null
@@ -1,30 +0,0 @@
1/* COURIER PRIME FONT for Autocento project.
2 * ONLY PUT @font-face RULES HERE.
3 */
4
5/* Normal = normal */
6@font-face {
7 font-family: "Courier Prime";
8 font-weight: normal;
9 font-style: normal;
10 src: url("Courier_Prime.ttf");
11}
12@font-face {
13 font-family: "Courier Prime";
14 font-weight: normal;
15 font-style: italic;
16 src: url("Courier_Prime_Italic.ttf");
17}
18/* Bold = bold */
19@font-face {
20 font-family: "Courier Prime";
21 font-weight: bold;
22 font-style: normal;
23 src: url("Courier_Prime_Bold.ttf");
24}
25@font-face {
26 font-family: "Courier Prime";
27 font-weight: bold;
28 font-style: italic;
29 src: url("Courier_Prime_Bold_Italic.ttf");
30}
diff --git a/css/fonts/libertine.css b/css/fonts/libertine.css deleted file mode 100644 index 7432d14..0000000 --- a/css/fonts/libertine.css +++ /dev/null
@@ -1,31 +0,0 @@
1/* CSS for Linux Libertine family of fonts */
2
3@font-face {
4 font-family: "Libertine";
5 src: url('LinLibertine_R.woff'),
6 url('LinLibertine_R.otf');
7 font-weight: 400;
8 font-style: normal;
9}
10@font-face {
11 font-family: "Libertine";
12 src: url('LinLibertine_RB.woff'),
13 url('LinLibertine_RB.otf');
14 font-weight: 700;
15 font-style: normal;
16}
17
18@font-face {
19 font-family: "Libertine";
20 src: url('LinLibertine_RI.woff'),
21 url('LinLibertine_RI.otf');
22 font-weight: 400;
23 font-style: italic;
24}
25@font-face {
26 font-family: "Libertine";
27 src: url('LinLibertine_RBI.woff'),
28 url('LinLibertine_RBI.otf');
29 font-weight: 700;
30 font-style: italic;
31}
diff --git a/css/hezekiah.css b/css/hezekiah.css deleted file mode 100644 index e69de29..0000000 --- a/css/hezekiah.css +++ /dev/null
diff --git a/css/paul.css b/css/paul.css deleted file mode 100644 index c4d9e15..0000000 --- a/css/paul.css +++ /dev/null
@@ -1,34 +0,0 @@
1/* BUILDINGS OUT OF AIR: PAUL IN THE WOODS
2 * project stylesheet
3 */
4
5/* Playfair Display (headings) */
6@import url(http://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic,700italic&subset=latin,latin-ext);
7/* Fira Sans (body) */
8@import url(http://code.cdn.mozilla.net/fonts/fira.css);
9
10/* Blockquote = typewriter */
11blockquote {
12 font-family: "Courier Prime", "Courier New", Courier, monospace;
13 font-size: 10pt;
14 border: 1px solid black;
15 max-width: 30em;
16 margin: auto;
17 padding: 0 1em;
18 text-align: left;
19}
20blockquote p::first-line {
21 font-variant: normal !important;
22}
23blockquote ul {
24 list-style-type: none;
25}
26blockquote ul li::before {
27 content: '- ';
28}
29
30/* Emphasis = handwritten */
31em {
32 /* font-family: "Playfair Display", Georgia, sans-serif; */
33 font-style: italic;
34}
diff --git a/css/prose.css b/css/prose.css deleted file mode 100644 index 28b2db2..0000000 --- a/css/prose.css +++ /dev/null
@@ -1,18 +0,0 @@
1/* PROSE css for Autocento.
2 * for PROSE considerations ONLY, e.g.:
3 * line-height
4 * hyphenation
5 * etc.
6 */
7
8.prose {
9 text-align: justify;
10 max-width: 39em;
11 margin: auto;
12 hyphens: auto;
13 -moz-hyphens: auto;
14}
15.prose p::first-child::first-line {
16 font-variant: small-caps;
17 letter-spacing: 0.1em;
18}
diff --git a/css/stark.css b/css/stark.css deleted file mode 100644 index 5f4af18..0000000 --- a/css/stark.css +++ /dev/null
@@ -1,12 +0,0 @@
1/* STARK RAVING css project rules */
2
3/* TABLES {{{ */
4table { border-collapse: collapse; }
5td {
6 vertical-align: top;
7}
8tr {
9 border-bottom: 1px solid #aaa;
10 border-top: 1px solid #aaa;
11}
12/* tables }}} */
diff --git a/css/verse.css b/css/verse.css deleted file mode 100644 index b76ff2c..0000000 --- a/css/verse.css +++ /dev/null
@@ -1,15 +0,0 @@
1/* VERSE css for Autocento.
2 * for VERSE considerations ONLY, e.g.:
3 * line breaks
4 * how to continue lines
5 * etc.
6 */
7
8#container {
9 text-align: center;
10}
11
12.verse {
13 display: inline-block;
14 text-align: left;
15}