Change width of webpages; streamline template

author: Case Duckworth 2015-03-02 19:19:32 -0700
committer: Case Duckworth 2015-03-02 19:19:32 -0700
commit: 19dcd7cd6f7e39247cfaecb18bd7ca0e16a41b29 (patch)
tree: 17c45f66a90ef6cf7de7889dd42c4eac5fcc9fcc /css
parent: Add test suite (diff)
download: autocento-19dcd7cd6f7e39247cfaecb18bd7ca0e16a41b29.tar.gz
autocento-19dcd7cd6f7e39247cfaecb18bd7ca0e16a41b29.zip
2 files changed, 56 insertions, 12 deletions
diff --git a/css/_common.css b/css/_common.css
index 751b5de..0e06824 100644
--- a/css/_common.css
+++ b/css/_common.css

@@ -3,16 +3,22 @@
 * margins & widths
 * text sizes & font assignments
 * link rendering
+ * vim: fdm=marker
 */
+/* Import rules {{{ */
 @import url("./fonts/playfair.css");
 @import url("./fonts/fira.css");
 /* @import url("fonts/courier-prime.css");
 * ^^^^^^ for typewriter pages in Paul */
+/* }}} */
+/* Body & Links {{{ */
 body {
-    font-family: Fira, serif;
+    font-family: Fira, sans-serif;
-    font-size: 14pt;
+    font-size: 12pt;
+}
+.thing {
+    max-width: 39em;
+    margin: auto;
 }
 /* Links */
@@ -31,12 +37,19 @@ a:hover {
 a:active {
    color: green;
 }
+/* }}} */
-/* Headings */
+/* Header section {{{ */
+header {
+    max-width: 39em;
+    margin: auto;
+}
+/* headings */
 h1.title {
    font-family: Playfair, serif;
    font-size: 16pt;
    font-weight: bold;
+    letter-spacing: 0.1em;
+    text-transform: uppercase;
 }
 h1.subtitle {
    font-family: Playfair, serif;
@@ -48,3 +61,34 @@ h2 {
    font-size: 14pt;
    font-weight: 600;
 }
+/* Epigraph & Dedication */
+.epigraph {
+    text-align: right;
+}
+.epigraph p {
+    margin: 0;
+}
+.epigraph-attrib {
+    text-align: right;
+    margin-top: 0;
+}
+.epigraph-attrib:before {
+    content: '– ';
+}
+.dedication {
+    font-style: italic;
+    text-align: right;
+}
+.dedication:before {
+    content: 'for ';
+    font-style: italic;
+}
+/* }}} */
+/* Navigation {{{ */
+nav {
+    max-width: 39em;
+    margin: auto;
+    text-align: center;
+}
+/* }}} */
diff --git a/css/fonts/playfair.css b/css/fonts/playfair.css
index 4200869..da8431e 100644
--- a/css/fonts/playfair.css
+++ b/css/fonts/playfair.css

@@ -52,14 +52,14 @@
 /* SMALL CAPS VARIANT {{{ */
 /* Regular = 400 */
 @font-face {
-    font-family: Playfair;
+    font-family: PlayfairSC;
    font-variant: small-caps;
    font-weight: 400;
    font-style: normal;
    src: url("PlayfairDisplaySC-Regular.ttf");
 }
 @font-face {
-    font-family: Playfair;
+    font-family: PlayfairSC;
    font-variant: small-caps;
    font-weight: 400;
    font-style: italic;
@@ -67,14 +67,14 @@
 }
 /* Bold = 700 */
 @font-face {
-    font-family: Playfair;
+    font-family: PlayfairSC;
    font-variant: small-caps;
    font-weight: 700;
    font-style: normal;
    src: url("PlayfairDisplaySC-Bold.ttf");
 }
 @font-face {
-    font-family: Playfair;
+    font-family: PlayfairSC;
    font-variant: small-caps;
    font-weight: 700;
    font-style: italic;
@@ -82,14 +82,14 @@
 }
 /* Black = 900 */
 @font-face {
-    font-family: Playfair;
+    font-family: PlayfairSC;
    font-variant: small-caps;
    font-weight: 900;
    font-style: normal;
    src: url("PlayfairDisplaySC-Black.ttf");
 }
 @font-face {
-    font-family: Playfair;
+    font-family: PlayfairSC;
    font-variant: small-caps;
    font-weight: 900;
    font-style: italic;
author	Case Duckworth	2015-03-02 19:19:32 -0700
committer	Case Duckworth	2015-03-02 19:19:32 -0700
commit	19dcd7cd6f7e39247cfaecb18bd7ca0e16a41b29 (patch)
tree	17c45f66a90ef6cf7de7889dd42c4eac5fcc9fcc /css
parent	Add test suite (diff)
download	autocento-19dcd7cd6f7e39247cfaecb18bd7ca0e16a41b29.tar.gz autocento-19dcd7cd6f7e39247cfaecb18bd7ca0e16a41b29.zip

diff --git a/css/_common.css b/css/_common.css index 751b5de..0e06824 100644 --- a/css/_common.css +++ b/css/_common.css
@@ -3,16 +3,22 @@
3	* margins & widths	3	* margins & widths
4	* text sizes & font assignments	4	* text sizes & font assignments
5	* link rendering	5	* link rendering
		6	* vim: fdm=marker
6	*/	7	*/
7		8	/* Import rules {{{ */
8	@import url("./fonts/playfair.css");	9	@import url("./fonts/playfair.css");
9	@import url("./fonts/fira.css");	10	@import url("./fonts/fira.css");
10	/* @import url("fonts/courier-prime.css");	11	/* @import url("fonts/courier-prime.css");
11	* ^^^^^^ for typewriter pages in Paul */	12	* ^^^^^^ for typewriter pages in Paul */
12		13	/* }}} */
		14	/* Body & Links {{{ */
13	body {	15	body {
14	font-family: Fira, serif;	16	font-family: Fira, sans-serif;
15	font-size: 14pt;	17	font-size: 12pt;
		18	}
		19	.thing {
		20	max-width: 39em;
		21	margin: auto;
16	}	22	}
17		23
18	/* Links */	24	/* Links */
@@ -31,12 +37,19 @@ a:hover {
31	a:active {	37	a:active {
32	color: green;	38	color: green;
33	}	39	}
34		40	/* }}} */
35	/* Headings */	41	/* Header section {{{ */
		42	header {
		43	max-width: 39em;
		44	margin: auto;
		45	}
		46	/* headings */
36	h1.title {	47	h1.title {
37	font-family: Playfair, serif;	48	font-family: Playfair, serif;
38	font-size: 16pt;	49	font-size: 16pt;
39	font-weight: bold;	50	font-weight: bold;
		51	letter-spacing: 0.1em;
		52	text-transform: uppercase;
40	}	53	}
41	h1.subtitle {	54	h1.subtitle {
42	font-family: Playfair, serif;	55	font-family: Playfair, serif;
@@ -48,3 +61,34 @@ h2 {
48	font-size: 14pt;	61	font-size: 14pt;
49	font-weight: 600;	62	font-weight: 600;
50	}	63	}
		64	/* Epigraph & Dedication */
		65	.epigraph {
		66	text-align: right;
		67	}
		68	.epigraph p {
		69	margin: 0;
		70	}
		71	.epigraph-attrib {
		72	text-align: right;
		73	margin-top: 0;
		74	}
		75	.epigraph-attrib:before {
		76	content: '– ';
		77	}
		78
		79	.dedication {
		80	font-style: italic;
		81	text-align: right;
		82	}
		83	.dedication:before {
		84	content: 'for ';
		85	font-style: italic;
		86	}
		87	/* }}} */
		88	/* Navigation {{{ */
		89	nav {
		90	max-width: 39em;
		91	margin: auto;
		92	text-align: center;
		93	}
		94	/* }}} */


diff --git a/css/fonts/playfair.css b/css/fonts/playfair.css index 4200869..da8431e 100644 --- a/css/fonts/playfair.css +++ b/css/fonts/playfair.css
@@ -52,14 +52,14 @@
52	/* SMALL CAPS VARIANT {{{ */	52	/* SMALL CAPS VARIANT {{{ */
53	/* Regular = 400 */	53	/* Regular = 400 */
54	@font-face {	54	@font-face {
55	font-family: Playfair;	55	font-family: PlayfairSC;
56	font-variant: small-caps;	56	font-variant: small-caps;
57	font-weight: 400;	57	font-weight: 400;
58	font-style: normal;	58	font-style: normal;
59	src: url("PlayfairDisplaySC-Regular.ttf");	59	src: url("PlayfairDisplaySC-Regular.ttf");
60	}	60	}
61	@font-face {	61	@font-face {
62	font-family: Playfair;	62	font-family: PlayfairSC;
63	font-variant: small-caps;	63	font-variant: small-caps;
64	font-weight: 400;	64	font-weight: 400;
65	font-style: italic;	65	font-style: italic;
@@ -67,14 +67,14 @@
67	}	67	}
68	/* Bold = 700 */	68	/* Bold = 700 */
69	@font-face {	69	@font-face {
70	font-family: Playfair;	70	font-family: PlayfairSC;
71	font-variant: small-caps;	71	font-variant: small-caps;
72	font-weight: 700;	72	font-weight: 700;
73	font-style: normal;	73	font-style: normal;
74	src: url("PlayfairDisplaySC-Bold.ttf");	74	src: url("PlayfairDisplaySC-Bold.ttf");
75	}	75	}
76	@font-face {	76	@font-face {
77	font-family: Playfair;	77	font-family: PlayfairSC;
78	font-variant: small-caps;	78	font-variant: small-caps;
79	font-weight: 700;	79	font-weight: 700;
80	font-style: italic;	80	font-style: italic;
@@ -82,14 +82,14 @@
82	}	82	}
83	/* Black = 900 */	83	/* Black = 900 */
84	@font-face {	84	@font-face {
85	font-family: Playfair;	85	font-family: PlayfairSC;
86	font-variant: small-caps;	86	font-variant: small-caps;
87	font-weight: 900;	87	font-weight: 900;
88	font-style: normal;	88	font-style: normal;
89	src: url("PlayfairDisplaySC-Black.ttf");	89	src: url("PlayfairDisplaySC-Black.ttf");
90	}	90	}
91	@font-face {	91	@font-face {
92	font-family: Playfair;	92	font-family: PlayfairSC;
93	font-variant: small-caps;	93	font-variant: small-caps;
94	font-weight: 900;	94	font-weight: 900;
95	font-style: italic;	95	font-style: italic;