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

84 lines, 69 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
36/* inline code
37 *
38 * BUG FIX: Selector is 'p code' and not 'code' because markdown generates
39 * <pre><code> pairs from indented blocks for some reason, and they would
40 * interfere only in Chrome.
41 */
42p code, li code, h2 code, h3 code, div code {
43 background-color: #eee;
44 padding: 4px;
45}
46
47/* like web/toc.css */
48.doc-ref-header {
49 background-color: oldlace;
50 padding-left: 1em;
51 padding-right: 1em;
52 padding-top: 1px;
53 padding-bottom: 1px;
54
55 font-size: 1.2em;
56}
57
58/* remove underline for the header only */
59.doc-ref-header a:link {
60 text-decoration: none;
61}
62.doc-ref-header a:hover {
63 text-decoration: underline;
64}
65
66/* Obsolete: we should make something that doesn't require markdown
67
68.osh-topic {
69 border-left: solid;
70 border-color: brown;
71}
72
73.osh-ysh-topic {
74 border-left: solid;
75 border-right: solid;
76 border-color: darkgreen;
77}
78
79.ysh-topic {
80 border-right: solid;
81 border-color: darkcyan;
82}
83
84*/