From 9eae0da13fc41738547643bcf87027c53550100f Mon Sep 17 00:00:00 2001 From: Case Duckworth Date: Mon, 2 Mar 2015 20:29:55 -0700 Subject: First CSS styles: _common, verse, prose --- css/_common.css | 56 ++++++++++++++++++++++++++++++++++++++------------------ css/prose.css | 10 ++++++++++ css/verse.css | 9 +++++++++ 3 files changed, 57 insertions(+), 18 deletions(-) (limited to 'css') diff --git a/css/_common.css b/css/_common.css index 79919a8..19fdf9d 100644 --- a/css/_common.css +++ b/css/_common.css @@ -12,30 +12,43 @@ * ^^^^^^ for typewriter pages in Paul */ /* }}} */ /* Body & Links {{{ */ -body { +html, body { font-family: Fira, sans-serif; font-size: 12pt; + margin: 0; + padding: 0; + height: 100%; +} +#wrapper { /*makes sure nav is at bottom of window*/ + min-height: 100%; + position: relative; } .thing { max-width: 39em; margin: auto; + padding-bottom: 3em; /*height of nav*/ +} +/* Tables */ +table { border-collapse: collapse; } +td { + vertical-align: top; +} +tr { + border-bottom: 1px solid #aaa; } - /* Links */ a:link { color: inherit; - text-decoration: none; + text-decoration: underline; } a:visited { color: inherit; - font-weight: lighter; } a:hover { - color: blue; - font-style: italic; + text-decoration: underline; } a:active { - color: green; + text-decoration: underline; } /* }}} */ /* Header section {{{ */ @@ -55,6 +68,8 @@ h1.subtitle { font-family: Playfair, serif; font-size: 15pt; font-style: italic; + position: relative; + top: -0.5em; } h2 { font-family: Fira, sans-serif; @@ -62,6 +77,17 @@ h2 { font-weight: 600; } /* Epigraph & Dedication */ +.dedication { + font-style: italic; + font-size: 10pt; + margin-top: -0.5em; + margin-bottom: 1em; +} +.dedication:before { + content: 'for '; + font-style: italic; +} + .epigraph { text-align: right; font-size: 10pt; @@ -79,20 +105,14 @@ h2 { .epigraph-attrib:before { content: '– '; } - -.dedication { - font-style: italic; - font-size: 10pt; -} -.dedication:before { - content: 'for '; - font-style: italic; -} /* }}} */ /* Navigation {{{ */ nav { - max-width: 39em; - margin: auto; + width: 100%; + height: 3em; + position: absolute; + bottom: 0; + left: 0; text-align: center; } nav .prevlink:before { diff --git a/css/prose.css b/css/prose.css index e69de29..1954510 100644 --- a/css/prose.css +++ b/css/prose.css @@ -0,0 +1,10 @@ +/* PROSE css for Autocento. + * for PROSE considerations ONLY, e.g.: + * line-height + * hyphenation + * etc. + */ + +.prose { + text-align: justify; +} diff --git a/css/verse.css b/css/verse.css index e69de29..cce076c 100644 --- a/css/verse.css +++ b/css/verse.css @@ -0,0 +1,9 @@ +/* VERSE css for Autocento. + * for VERSE considerations ONLY, e.g.: + * line breaks + * how to continue lines + * etc. + */ + +.verse { +} -- cgit 1.4.1-21-gabe81