179
180
181
182
183
184
185
186
187
188
189
190
191
192
|
}
@keyframes hilite {
0% {background: transparent;}
10% {background: #feffc1;}
100% {background: transparent;}
}
/* 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];
}
article:first-of-type {
margin-top: ◊x-lineheight[1];
|
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
|
179
180
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
247
248
|
}
@keyframes hilite {
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];
}
article:first-of-type {
margin-top: ◊x-lineheight[1];
|
583
584
585
586
587
588
589
590
591
592
593
594
595
596
|
main {
margin: 0 auto;
padding-left: 1rem;
padding-right: 1rem;
width: 30rem;
max-width: 90%;
}
@supports (grid-area: auto) {
main {
width: 42rem;
background: none;
}
|
>
>
|
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
|
main {
margin: 0 auto;
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;
}
|
