181
182
183
184
185
186
187
188
189
190
|
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
|
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
|
0% {background: transparent;}
10% {background: #feffc1;}
100% {background: transparent;}
}
main > aside {
text-align: center;
}
nav {
font-family: 'Triplicate T4c', monospace;
font-feature-settings: "onum" off;
font-size: 0.7rem;
margin: 0;
margin-top: 0.5rem;
text-align: center;
}
nav ul {
list-style-type: none;
margin: 0.2em auto;
padding: 0;
}
nav li {
display: none; /* Numbers not displayed on mobile */
color: gray;
}
nav li.nav-text {
display: inline;
text-transform: uppercase;
letter-spacing: 0.05rem;
font-size: 0.6rem;
}
nav li.inactive-link {
color: gray;
}
nav li.current-page {
color: ◊color-bodytext;
padding: 0.2rem 0.5rem;
border-bottom: dotted ◊color-bodytext 2px;
}
nav li a {
padding: 0.2rem 0.5rem;
}
nav li a:link, nav li a:visited {
color: ◊color-bodytext;
}
nav li a:hover, nav li a:active {
color: ◊color-linkhover;
background: #ebebeb;
}
i > em { font-style: normal; }
/* On mobile, an <ARTICLE> is just a box. Later we'll do fancy stuff if grid support is detected. */
article {
margin: ◊x-lineheight[2] 0 ◊x-lineheight[1] 0;
padding-top: ◊x-lineheight[1];
}
|
585
586
587
588
589
590
591
592
593
594
|
641
642
643
644
645
646
647
648
649
650
651
652
|
+
+
|
padding-left: 1rem;
padding-right: 1rem;
width: 30rem;
max-width: 90%;
}
nav li { display: inline; } /* Display page numbers on larger screens */
@supports (grid-area: auto) {
main {
width: 42rem;
background: none;
|
