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

105 lines, 86 significant
1/* Style for manual in doc/*.md */
2
3/* Indent relative to headings if the screen is wide enough */
4@media screen and (min-width: 801px) {
5 body {
6 font-size: large;
7 }
8 /* Indent most text. Bug fixes: only indent at top level. */
9 body > p, body > pre, body > ol, body > ul {
10 margin-left: 2em;
11 }
12}
13
14/* h1 is the title
15 * h2 is the first level shown in TOC
16 * h3 is the second and last level shown in TOC
17 * h4 is occasionally used
18 */
19h1 {
20 font-size: 1.5em; /* reduce to what browsers apparently use for h2 */
21}
22
23h2 {
24 font-size: 1.2em; /* reduce to what browsers apparently use for h3 */
25
26 padding-top: 2em; /* separate sections */
27}
28
29h3 {
30 color: darkblue; /* different than blog */
31 font-size: large;
32 margin-left: 2em;
33
34 padding-top: 1em; /* separate sections */
35}
36
37h4 {
38 /* color: #0000A0; slightly different shade than h3 */
39 color: darkblue;
40 font-size: medium; /* smaller font than h3 */
41 margin-left: 3em; /* indented slightly more */
42
43 padding-top: 1em; /* separate sections */
44}
45
46hr {
47 border: none;
48 height: 1px;
49 background-color: #BBB;
50
51 /* align with surrounding text, add space */
52 margin-left: 2em;
53 margin-top: 2em;
54 margin-bottom: 2em;
55}
56
57/* inline code
58 *
59 * BUG FIX: Selector is 'p code' and not 'code' because markdown generates
60 * <pre><code> pairs from indented blocks for some reason, and they would
61 * interfere only in Chrome.
62 */
63p code, li code, h2 code, h3 code, div code {
64 background-color: #eee;
65 padding: 4px;
66}
67
68/* like web/toc.css */
69.doc-ref-header {
70 background-color: oldlace;
71 padding-left: 1em;
72 padding-right: 1em;
73 padding-top: 1px;
74 padding-bottom: 1px;
75
76 font-size: 1.2em;
77}
78
79/* remove underline for the header only */
80.doc-ref-header a:link {
81 text-decoration: none;
82}
83.doc-ref-header a:hover {
84 text-decoration: underline;
85}
86
87/* Obsolete: we should make something that doesn't require markdown
88
89.osh-topic {
90 border-left: solid;
91 border-color: brown;
92}
93
94.osh-ysh-topic {
95 border-left: solid;
96 border-right: solid;
97 border-color: darkgreen;
98}
99
100.ysh-topic {
101 border-right: solid;
102 border-color: darkcyan;
103}
104
105*/