diff options
Diffstat (limited to 'css')
-rw-r--r-- | css/common.css | 83 | ||||
-rw-r--r-- | css/paul.css | 2 |
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 | } |
20 | html { height: 100%; } | 20 | html { 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 | } | ||
52 | nav { | 57 | nav { |
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 | } | ||
102 | h2 { | ||
103 | font-family: "Playfair Display", Georgia, serif; | ||
104 | font-size: 12pt; | ||
105 | font-weight: 600; | ||
106 | } | ||
107 | header { | ||
108 | position: relative; | ||
109 | } | ||
110 | /* headings }}} */ | ||
77 | /* LINKS {{{ */ | 111 | /* LINKS {{{ */ |
78 | a:link { | 112 | a: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; } | ||
113 | img { | 151 | img { |
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 | } | ||
137 | h2 { | ||
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 {{{ */ |
175 | nav a:link { border-bottom: none; } | 189 | nav a:link { border-bottom: none; } |
190 | nav a:active { border: none; } | ||
176 | nav .prevlink { float: left; text-align: left; } | 191 | nav .prevlink { float: left; text-align: left; } |
177 | nav .nextlink { float: right; text-align: right; } | 192 | nav .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 */ |
31 | em { | 31 | em { |
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 | } |