1313 --light-hr-color : # aaa ;
1414 --light-th-color : # ddd ;
1515
16- --font-family-regular : Palatino, "Palatino Linotype" , "Palatino LT STD" ,
17- "Book Antiqua" , Georgia, serif;
16+ --font-family-regular :
17+ Palatino, "Palatino Linotype" , "Palatino LT STD" , "Book Antiqua" ,
18+ Georgia, serif;
1819 --font-family-code : Consolas, "Liberation Mono" , Menlo, Courier, monospace;
1920
2021 --font-size-base : 15px ;
2526
2627 --narrow-margins : 8% ;
2728
28- --indent-block-border-left : solid var (--color-accent ) 0.2rem ;
29+ --indent-block-border : solid var (--color-accent ) 0.2rem ;
2930
3031 color-scheme : light dark;
3132}
@@ -113,6 +114,7 @@ p.subtitle,
113114 font-size : 1.3rem ;
114115 display : block;
115116 line-height : 1 ;
117+ width : 55% ;
116118}
117119
118120.numeral {
@@ -201,10 +203,39 @@ section > table,
201203.sect3 > .openblock ,
202204.sect4 > .openblock ,
203205.sect5 > .openblock ,
204- .tip {
206+ .tip ,
207+ .note > table : not (dl table , ol table , ul table ),
208+ .warning > table : not (dl table , ol table , ul table ),
209+ .important > table : not (dl table , ol table , ul table ) {
205210 width : 55% ;
206211}
207212
213+ .note > table : not (dl table , ol table , ul table ),
214+ .warning > table : not (dl table , ol table , ul table ),
215+ .important > table : not (dl table , ol table , ul table ) {
216+ margin-top : 1rem ;
217+ margin-bottom : 1rem ;
218+ }
219+
220+ /* data tables */
221+
222+ table .tableblock {
223+ table-layout : auto;
224+ }
225+ table .tableblock col {
226+ width : auto !important ;
227+ }
228+ table .tableblock > * > tr > * {
229+ border : 1px solid var (--color-accent );
230+ padding : 2px 0.5em 2px 0.5em ;
231+ @media (prefers-color-scheme : light) {
232+ border-color : var (--light-hr-color );
233+ }
234+ @media (prefers-color-scheme : dark) {
235+ border-color : var (--dark-hr-color );
236+ }
237+ }
238+
208239/* 50 + 5 == 55, to be the same width as paragraph */
209240section > dl ,
210241section > ol ,
@@ -277,10 +308,7 @@ img {
277308.sidenote ,
278309.marginnote ,
279310.sidebarblock ,
280- # toc ,
281- .note > table : not (dl table , ol table , ul table ),
282- .warning > table : not (dl table , ol table , ul table ),
283- .important > table : not (dl table , ol table , ul table ) {
311+ # toc {
284312 float : right;
285313 clear : right;
286314 margin-right : -60% ;
@@ -304,10 +332,7 @@ img {
304332}
305333
306334.sidebarblock ,
307- # toc ,
308- .note > table : not (dl table , ol table , ul table ),
309- .warning > table : not (dl table , ol table , ul table ),
310- .important > table : not (dl table , ol table , ul table ) {
335+ # toc {
311336 margin-top : -3rem ;
312337 margin-right : 10% ;
313338 width : 30% ;
@@ -412,7 +437,7 @@ h6 > code {
412437 margin-left : 2rem ;
413438 padding-left : 1rem ;
414439 display : block;
415- border-left : var (--indent-block-border-left );
440+ border-left : var (--indent-block-border );
416441}
417442
418443.listingblock > .content ,
@@ -541,7 +566,7 @@ label.margin-toggle:not(.sidenote-number) {
541566 .sidenote ,
542567 .marginnote ,
543568 # toc {
544- display : none;
569+ /* display: none; */
545570 }
546571
547572 .sidebarblock ,
@@ -607,12 +632,27 @@ label.margin-toggle:not(.sidenote-number) {
607632 display : none;
608633}
609634
635+ # header h1 {
636+ color : var (--color-accent );
637+ }
638+
610639# toc {
611640 position : absolute;
612- width : 27 % ;
613- left : 60 % ;
641+ width : 30 % ;
642+ right : 5 % ;
614643 margin-right : inherit;
615- padding-left : 5% ;
644+ margin-top : 3rem ;
645+ @media (max-width : 760px ) {
646+ position : static;
647+ width : auto;
648+ margin-top : inherit;
649+ float : none;
650+ }
651+ }
652+ # toc .sectlevel2 {
653+ @media (max-width : 760px ) {
654+ display : none;
655+ }
616656}
617657
618658# toc ul {
@@ -636,6 +676,7 @@ a.anchor {
636676 visibility : hidden;
637677 text-align : center;
638678 font-weight : normal;
679+ color : var (--color-accent );
639680}
640681
641682a .anchor : before {
@@ -650,16 +691,16 @@ a.anchor:hover {
650691
651692.admonitionblock .icon {
652693 font-weight : bold;
653- font-size : 2 rem ;
654- width : 2 rem ;
694+ font-size : 1.8 rem ;
695+ width : 1.9 rem ;
655696 text-align : center;
656697 color : var (--color-accent );
657698 vertical-align : text-top;
699+ border-right : var (--indent-block-border );
658700}
659701
660702.admonitionblock td .content {
661- padding-left : 1rem ;
662- border-left : var (--indent-block-border-left );
703+ padding-left : 1.1rem ;
663704}
664705.admonitionblock .listingblock {
665706 border-left : none !important ;
@@ -682,3 +723,9 @@ table th {
682723 background-color : var (--dark-th-color );
683724 }
684725}
726+
727+ # content h2 ,
728+ # content h3 ,
729+ # content h4 {
730+ color : var (--color-accent );
731+ }
0 commit comments