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

97 lines, 77 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 */
18h1 {
19 font-size: 1.5em; /* reduce to what browsers apparently use for h2 */
20}
21
22h2 {
23 font-size: 1.2em; /* reduce to what browsers apparently use for h3 */
24
25 padding-top: 2em; /* separate sections */
26}
27
28h3 {
29 font-size: large;
30 margin-left: 2em;
31 color: darkblue; /* different than blog */
32
33 padding-top: 1em; /* separate sections */
34}
35
36h4 {
37 margin-left: 2em;
38
39 padding-top: 1em; /* separate sections */
40}
41
42/* inline code
43 *
44 * BUG FIX: Selector is 'p code' and not 'code' because markdown generates
45 * <pre><code> pairs from indented blocks for some reason, and they would
46 * interfere only in Chrome.
47 */
48p code, li code, h2 code, h3 code, div code {
49 background-color: #eee;
50 padding: 4px;
51}
52
53/* for doc/ref */
54
55.help-body h3 {
56 /* Make it block and use normal spacing
57 * TODO: It would be nice to use the spacing of the manual
58 */
59
60 font-size: 1em;
61 /* margin-left: 2em; */
62 padding: 1em;
63
64 color: black;
65}
66
67.osh-topic {
68 border-left: solid;
69 border-color: brown;
70}
71
72.osh-ysh-topic {
73 border-left: solid;
74 border-right: solid;
75 border-color: darkgreen;
76}
77
78.ysh-topic {
79 border-right: solid;
80 border-color: darkcyan;
81}
82
83 border-left: solid;
84 border-color: brown;
85}
86
87.osh-ysh-topic {
88 border-left: solid;
89 border-right: solid;
90 border-color: darkgreen;
91}
92
93.ysh-topic {
94 border-right: solid;
95 border-color: darkcyan;
96}
97