summary refs log tree commit diff stats
path: root/css
diff options
context:
space:
mode:
authorCase Duckworth2015-03-13 00:28:55 -0700
committerCase Duckworth2015-03-13 00:28:55 -0700
commit4aa88b6adcea4f81d6e57b268f8351637ae07d04 (patch)
tree1806b8a75c52ce4df372bfa4319cca6aec9e5460 /css
parentFix bug in Last Passenger link (diff)
downloadautocento-4aa88b6adcea4f81d6e57b268f8351637ae07d04.tar.gz
autocento-4aa88b6adcea4f81d6e57b268f8351637ae07d04.zip
Change <header> CSS and fonts
- Change <header>
    - to have a bottom border
    - Dedication is now left-aligned
    - Margin stuff
- Change fonts
    - Title, subtitle = Playfair Display
    - Rest = Linux Libertine
Diffstat (limited to 'css')
-rw-r--r--css/common.css83
-rw-r--r--css/paul.css2
2 files changed, 50 insertions, 35 deletions
diff --git a/css/common.css b/css/common.css index aff7569..581f163 100644 --- a/css/common.css +++ b/css/common.css
@@ -14,7 +14,7 @@ html, body {
14 margin: 0; 14 margin: 0;
15 padding: 0; 15 padding: 0;
16 16
17 font-family: "Fira Sans", sans-serif; 17 font-family: "Linux Libertine O", sans-serif;
18 font-size: 12pt; 18 font-size: 12pt;
19} 19}
20html { height: 100%; } 20html { height: 100%; }
@@ -31,6 +31,8 @@ header {
31 max-width: 39em; 31 max-width: 39em;
32 margin: auto; 32 margin: auto;
33 text-align: center; 33 text-align: center;
34 border-bottom: 1px solid black;
35 padding: 1em 0;
34 margin-bottom: 1em; 36 margin-bottom: 1em;
35} 37}
36.title { 38.title {
@@ -42,13 +44,16 @@ header {
42 display: block; 44 display: block;
43} 45}
44.dedication { 46.dedication {
45 text-align: right; 47 text-align: left;
46} 48}
47#container { 49#container {
48 /* max-width: 39em; */ 50 /* max-width: 39em; */
49 margin: 0 auto; 51 margin: 0 auto;
50 padding-bottom: 30px; 52 padding-bottom: 30px;
51} 53}
54.content p:first-child {
55 margin-top: 0
56}
52nav { 57nav {
53 height: 24px; 58 height: 24px;
54 width: 100%; 59 width: 100%;
@@ -74,6 +79,35 @@ nav {
74 border-bottom: none; 79 border-bottom: none;
75} 80}
76/* layout }}} */ 81/* layout }}} */
82/* HEADINGS {{{ */
83.title {
84 font-family: "Playfair Display", Georgia, serif;
85 font-size: 18pt;
86 /* font-weight: bold; */
87 font-weight: 400;
88 letter-spacing: 0.1em;
89 text-transform: uppercase;
90 margin: 0;
91}
92.subtitle {
93 font-family: "Playfair Display", Georgia, serif;
94 font-size: 15pt;
95 font-style: italic;
96 font-weight: 400;
97 /* position: relative; */
98 /* top: -0.5em; */
99 margin-top: 0;
100 margin-bottom: 0;
101}
102h2 {
103 font-family: "Playfair Display", Georgia, serif;
104 font-size: 12pt;
105 font-weight: 600;
106}
107header {
108 position: relative;
109}
110/* headings }}} */
77/* LINKS {{{ */ 111/* LINKS {{{ */
78a:link { 112a:link {
79 padding-top: 1px; 113 padding-top: 1px;
@@ -106,46 +140,24 @@ a[href^="http"]:active {
106/* links }}} */ 140/* links }}} */
107/* IMAGES {{{ */ 141/* IMAGES {{{ */
108.ekphrastic { 142.ekphrastic {
109 max-width: 39em; 143 max-width: 41em;
110 margin: auto; 144 margin-top: -1em;
145 margin-bottom: 1em;
146 margin-left: auto;
147 margin-right: auto;
111 text-align: center; 148 text-align: center;
112} 149}
150.ekphrastic a:link { border: none; }
113img { 151img {
114 max-width: 100%; 152 max-width: 100%;
115 margin: auto; 153 margin: auto;
116} 154}
117/* images }}} */ 155/* images }}} */
118/* HEADINGS {{{ */
119.title {
120 font-family: "Playfair Display", Georgia, serif;
121 font-size: 16pt;
122 /* font-weight: bold; */
123 font-weight: 400;
124 letter-spacing: 0.1em;
125 text-transform: uppercase;
126}
127.subtitle {
128 font-family: "Playfair Display", Georgia, serif;
129 font-size: 15pt;
130 font-style: italic;
131 font-weight: 400;
132 position: relative;
133 top: -0.5em;
134 margin-top: 0;
135 margin-bottom: 0;
136}
137h2 {
138 font-family: "Playfair Display", Georgia, serif;
139 font-size: 12pt;
140 font-weight: 600;
141}
142/* headings }}} */
143/* DEDICATION {{{ */ 156/* DEDICATION {{{ */
144.dedication { 157.dedication {
145 font-style: italic; 158 font-style: italic;
146 font-size: 10pt; 159 font-size: 11pt;
147 margin-top: 1em; 160 margin-top: 1em;
148 margin-bottom: 1em;
149} 161}
150.dedication::before { 162.dedication::before {
151 content: 'for '; 163 content: 'for ';
@@ -155,8 +167,10 @@ h2 {
155/* EPIGRAPH {{{ */ 167/* EPIGRAPH {{{ */
156.epigraph { 168.epigraph {
157 text-align: right; 169 text-align: right;
158 font-size: 10pt; 170 font-size: 11pt;
159 font-style: italic; 171 font-style: italic;
172 /* font-family: "Playfair Display", Georgia, serif; */
173 margin-top: 1em;
160} 174}
161.epigraph p { 175.epigraph p {
162 margin: 0; 176 margin: 0;
@@ -164,8 +178,8 @@ h2 {
164.epigraph .attrib { 178.epigraph .attrib {
165 text-align: right; 179 text-align: right;
166 margin-top: 0; 180 margin-top: 0;
167 font-size: 10pt; 181 font-size: 11pt;
168 font-style: italic; 182 font-style: normal;
169} 183}
170.epigraph .attrib::before { 184.epigraph .attrib::before {
171 content: '– '; 185 content: '– ';
@@ -173,6 +187,7 @@ h2 {
173/* epigraph }}} */ 187/* epigraph }}} */
174/* NAV {{{ */ 188/* NAV {{{ */
175nav a:link { border-bottom: none; } 189nav a:link { border-bottom: none; }
190nav a:active { border: none; }
176nav .prevlink { float: left; text-align: left; } 191nav .prevlink { float: left; text-align: left; }
177nav .nextlink { float: right; text-align: right; } 192nav .nextlink { float: right; text-align: right; }
178/* Properties both types of navlinks share */ 193/* Properties both types of navlinks share */
diff --git a/css/paul.css b/css/paul.css index badac15..c4d9e15 100644 --- a/css/paul.css +++ b/css/paul.css
@@ -29,6 +29,6 @@ blockquote ul li::before {
29 29
30/* Emphasis = handwritten */ 30/* Emphasis = handwritten */
31em { 31em {
32 font-family: "Playfair Display", Georgia, sans-serif; 32 /* font-family: "Playfair Display", Georgia, sans-serif; */
33 font-style: italic; 33 font-style: italic;
34} 34}