632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
|
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
|
-
-
-
-
+
+
+
+
-
+
+
+
+
-
+
-
+
|
}
/* ******* (Mobile first) Columnar series list styling *******
*/
.series-list {
display: grid;
grid-template-columns: repeat(auto-fill,8em);
place-content: center;
.column-list {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
}
.series-list div {
.column-list div {
padding-left: 0.25em; /* Keeps some italic descenders inside the box */
margin: 0 0.5rem;
text-align: left;
width: 8rem;
}
.series-list h2 {
.column-list h2 {
font-feature-settings: "smcp" on;
text-transform: lowercase;
font-weight: normal;
font-size: 1em;
margin: 0;
}
.series-list ul {
.column-list ul {
margin-top: 0;
list-style-type: none;
padding: 0;
}
|
684
685
686
687
688
689
690
691
692
693
|
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
|
+
+
+
+
+
+
+
+
+
+
|
#keywordindex ul ul {
margin-left: 0.5em;
font-size: smaller;
}
/* Footer ***** */
footer#main {
text-align: center;
margin-top: ◊x-lineheight[1];
padding-top: ◊x-lineheight[1];
background: #dedede;
border-top: dotted ◊color-bodytext 2px;
}
/* End of mobile-first typography and layout */
/* Here’s where we start getting funky for any viewport wider than mobile portrait.
|
