OILS / web / toc.css View on Github | oilshell.org

75 lines, 64 significant
1/*
2 * For toc.js -- also taken from asciidoc.
3 */
4
5div#toc {
6 margin-top: 2em;
7 background-color: oldlace;
8 padding: 1em;
9}
10
11div#toc a {
12 text-decoration: none;
13}
14
15#toctitle, #dense-toc-title {
16 text-align: center;
17 color: #666;
18 font-weight: bold;
19 margin-bottom: 0.2em;
20}
21
22div.toclevel1, div.toclevel2, div.toclevel3, div.toclevel4 {
23 margin-top: 0;
24 margin-bottom: 0;
25}
26div.toclevel1 {
27 margin-left: 2em;
28 font-size: 0.9em;
29}
30div.toclevel2 {
31 margin-left: 4em;
32 font-size: 0.9em;
33}
34
35/* Dense TOC style for doc/ref */
36
37/* The whole TOC */
38div#dense-toc {
39 /* copied from toc */
40 margin-top: 2em;
41 background-color: oldlace;
42 padding: 1em;
43}
44
45div#dense-toc-cols {
46 column-width: 10em;
47}
48
49div#dense-toc a {
50 text-decoration: none;
51}
52
53/* Represents ONE h2 and ALL h3 children
54 They are an UNBREAKABLE unit
55 */
56.dense-toc-group {
57 /*
58 'overflow: hidden' is an older thing that seems prevent breaking
59 */
60 overflow: hidden;
61 /*
62 'page-break-inside: avoid' is newer
63 https://stackoverflow.com/questions/7785374/how-to-prevent-column-break-within-an-element
64 */
65 page-break-inside: avoid;
66
67 margin-left: 1em;
68 margin-bottom: 1em;
69}
70
71/* One h3 child */
72.dense-toc-h3 {
73 margin-left: 1em;
74 font-size: 0.9em;
75}