diff options
| author | Case Duckworth | 2015-03-02 20:29:55 -0700 |
|---|---|---|
| committer | Case Duckworth | 2015-03-02 20:29:55 -0700 |
| commit | 9eae0da13fc41738547643bcf87027c53550100f (patch) | |
| tree | 2fd4dbdf0b2d5ce29834330df45a191c249493b3 /css | |
| parent | Move dedication before epigraph (diff) | |
| download | autocento-9eae0da13fc41738547643bcf87027c53550100f.tar.gz autocento-9eae0da13fc41738547643bcf87027c53550100f.zip | |
First CSS styles: _common, verse, prose
Diffstat (limited to 'css')
| -rw-r--r-- | css/_common.css | 56 | ||||
| -rw-r--r-- | css/prose.css | 10 | ||||
| -rw-r--r-- | css/verse.css | 9 |
3 files changed, 57 insertions, 18 deletions
| 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 @@ | |||
| 12 | * ^^^^^^ for typewriter pages in Paul */ | 12 | * ^^^^^^ for typewriter pages in Paul */ |
| 13 | /* }}} */ | 13 | /* }}} */ |
| 14 | /* Body & Links {{{ */ | 14 | /* Body & Links {{{ */ |
| 15 | body { | 15 | html, body { |
| 16 | font-family: Fira, sans-serif; | 16 | font-family: Fira, sans-serif; |
| 17 | font-size: 12pt; | 17 | font-size: 12pt; |
| 18 | margin: 0; | ||
| 19 | padding: 0; | ||
| 20 | height: 100%; | ||
| 21 | } | ||
| 22 | #wrapper { /*makes sure nav is at bottom of window*/ | ||
| 23 | min-height: 100%; | ||
| 24 | position: relative; | ||
| 18 | } | 25 | } |
| 19 | .thing { | 26 | .thing { |
| 20 | max-width: 39em; | 27 | max-width: 39em; |
| 21 | margin: auto; | 28 | margin: auto; |
| 29 | padding-bottom: 3em; /*height of nav*/ | ||
| 30 | } | ||
| 31 | /* Tables */ | ||
| 32 | table { border-collapse: collapse; } | ||
| 33 | td { | ||
| 34 | vertical-align: top; | ||
| 35 | } | ||
| 36 | tr { | ||
| 37 | border-bottom: 1px solid #aaa; | ||
| 22 | } | 38 | } |
| 23 | |||
| 24 | /* Links */ | 39 | /* Links */ |
| 25 | a:link { | 40 | a:link { |
| 26 | color: inherit; | 41 | color: inherit; |
| 27 | text-decoration: none; | 42 | text-decoration: underline; |
| 28 | } | 43 | } |
| 29 | a:visited { | 44 | a:visited { |
| 30 | color: inherit; | 45 | color: inherit; |
| 31 | font-weight: lighter; | ||
| 32 | } | 46 | } |
| 33 | a:hover { | 47 | a:hover { |
| 34 | color: blue; | 48 | text-decoration: underline; |
| 35 | font-style: italic; | ||
| 36 | } | 49 | } |
| 37 | a:active { | 50 | a:active { |
| 38 | color: green; | 51 | text-decoration: underline; |
| 39 | } | 52 | } |
| 40 | /* }}} */ | 53 | /* }}} */ |
| 41 | /* Header section {{{ */ | 54 | /* Header section {{{ */ |
| @@ -55,6 +68,8 @@ h1.subtitle { | |||
| 55 | font-family: Playfair, serif; | 68 | font-family: Playfair, serif; |
| 56 | font-size: 15pt; | 69 | font-size: 15pt; |
| 57 | font-style: italic; | 70 | font-style: italic; |
| 71 | position: relative; | ||
| 72 | top: -0.5em; | ||
| 58 | } | 73 | } |
| 59 | h2 { | 74 | h2 { |
| 60 | font-family: Fira, sans-serif; | 75 | font-family: Fira, sans-serif; |
| @@ -62,6 +77,17 @@ h2 { | |||
| 62 | font-weight: 600; | 77 | font-weight: 600; |
| 63 | } | 78 | } |
| 64 | /* Epigraph & Dedication */ | 79 | /* Epigraph & Dedication */ |
| 80 | .dedication { | ||
| 81 | font-style: italic; | ||
| 82 | font-size: 10pt; | ||
| 83 | margin-top: -0.5em; | ||
| 84 | margin-bottom: 1em; | ||
| 85 | } | ||
| 86 | .dedication:before { | ||
| 87 | content: 'for '; | ||
| 88 | font-style: italic; | ||
| 89 | } | ||
| 90 | |||
| 65 | .epigraph { | 91 | .epigraph { |
| 66 | text-align: right; | 92 | text-align: right; |
| 67 | font-size: 10pt; | 93 | font-size: 10pt; |
| @@ -79,20 +105,14 @@ h2 { | |||
| 79 | .epigraph-attrib:before { | 105 | .epigraph-attrib:before { |
| 80 | content: '– '; | 106 | content: '– '; |
| 81 | } | 107 | } |
| 82 | |||
| 83 | .dedication { | ||
| 84 | font-style: italic; | ||
| 85 | font-size: 10pt; | ||
| 86 | } | ||
| 87 | .dedication:before { | ||
| 88 | content: 'for '; | ||
| 89 | font-style: italic; | ||
| 90 | } | ||
| 91 | /* }}} */ | 108 | /* }}} */ |
| 92 | /* Navigation {{{ */ | 109 | /* Navigation {{{ */ |
| 93 | nav { | 110 | nav { |
| 94 | max-width: 39em; | 111 | width: 100%; |
| 95 | margin: auto; | 112 | height: 3em; |
| 113 | position: absolute; | ||
| 114 | bottom: 0; | ||
| 115 | left: 0; | ||
| 96 | text-align: center; | 116 | text-align: center; |
| 97 | } | 117 | } |
| 98 | nav .prevlink:before { | 118 | 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 @@ | |||
| 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 | } | ||
| 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 @@ | |||
| 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 | .verse { | ||
| 9 | } | ||