From 19dcd7cd6f7e39247cfaecb18bd7ca0e16a41b29 Mon Sep 17 00:00:00 2001 From: Case Duckworth Date: Mon, 2 Mar 2015 19:19:32 -0700 Subject: Change width of webpages; streamline template --- css/_common.css | 56 ++++++++++++++++++++++++++++++++++++++++++++------ css/fonts/playfair.css | 12 +++++------ 2 files changed, 56 insertions(+), 12 deletions(-) (limited to 'css') 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-size: 14pt; + font-family: Fira, sans-serif; + 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; -- cgit 1.4.1-21-gabe81