1 /* SPDX-License-Identifier: GPL-2.0 */ 1 /* SPDX-License-Identifier: GPL-2.0 */
2 /* 2 /*
3 * CSS tweaks for the Alabaster theme 3 * CSS tweaks for the Alabaster theme
4 */ 4 */
5 5
6 /* Shrink the headers a bit */ 6 /* Shrink the headers a bit */
7 div.body h1 { font-size: 180%; } 7 div.body h1 { font-size: 180%; }
8 div.body h2 { font-size: 150%; } 8 div.body h2 { font-size: 150%; }
9 div.body h3 { font-size: 130%; } 9 div.body h3 { font-size: 130%; }
10 div.body h4 { font-size: 110%; } 10 div.body h4 { font-size: 110%; }
11 11
12 /* toctree captions are styled like h2 */ 12 /* toctree captions are styled like h2 */
13 div.toctree-wrapper p.caption[role=heading] { 13 div.toctree-wrapper p.caption[role=heading] { font-size: 150%; }
14 14
15 /* Tighten up the layout slightly */ 15 /* Tighten up the layout slightly */
16 div.body { padding: 0 15px 0 10px; } 16 div.body { padding: 0 15px 0 10px; }
17 div.sphinxsidebarwrapper { padding: 1em 0.4em; 17 div.sphinxsidebarwrapper { padding: 1em 0.4em; }
18 div.sphinxsidebar { font-size: inherit; 18 div.sphinxsidebar { font-size: inherit;
19 max-height: 100%; 19 max-height: 100%;
20 overflow-y: auto; } 20 overflow-y: auto; }
21 /* Tweak document margins and don't force widt 21 /* Tweak document margins and don't force width */
22 div.document { 22 div.document {
23 margin: 20px 10px 0 10px; 23 margin: 20px 10px 0 10px;
24 width: auto; 24 width: auto;
25 } 25 }
26 26
27 /* Size the logo appropriately */ 27 /* Size the logo appropriately */
28 img.logo { 28 img.logo {
29 width: 104px; 29 width: 104px;
30 margin-bottom: 20px; 30 margin-bottom: 20px;
31 } 31 }
32 32
33 /* 33 /*
34 * Parameters for the display of function prot 34 * Parameters for the display of function prototypes and such included
35 * from C source files. 35 * from C source files.
36 */ 36 */
37 dl.function, dl.struct, dl.enum { margin-top: 37 dl.function, dl.struct, dl.enum { margin-top: 2em; background-color: #ecf0f3; }
38 /* indent lines 2+ of multi-line function prot 38 /* indent lines 2+ of multi-line function prototypes */
39 dl.function dt { margin-left: 10em; text-inden 39 dl.function dt { margin-left: 10em; text-indent: -10em; }
40 dt.sig-object { font-size: larger; } 40 dt.sig-object { font-size: larger; }
41 div.kernelindent { margin-left: 2em; margin-ri 41 div.kernelindent { margin-left: 2em; margin-right: 4em; }
42 42
43 /* 43 /*
44 * Tweaks for our local TOC 44 * Tweaks for our local TOC
45 */ 45 */
46 div.kerneltoc li.toctree-l1 { font-size: small 46 div.kerneltoc li.toctree-l1 { font-size: smaller;
47 text-indent: -1em; 47 text-indent: -1em;
48 margin-left: 1em; } 48 margin-left: 1em; }
49 div.kerneltoc li.current > a {font-weight: bol 49 div.kerneltoc li.current > a {font-weight: bold; }
50 div.kerneltoc li.toctree-l2,li.toctree-l3 { fo 50 div.kerneltoc li.toctree-l2,li.toctree-l3 { font-size: small;
51 text-indent: -1em; 51 text-indent: -1em;
52 margin-left: 1em; 52 margin-left: 1em;
53 list-style-type: none; 53 list-style-type: none;
54 } 54 }
55 div.kerneltoc li.current ul { margin-left: 0; 55 div.kerneltoc li.current ul { margin-left: 0; }
56 div.kerneltoc { background-color: #eeeeee; } 56 div.kerneltoc { background-color: #eeeeee; }
57 div.kerneltoc li.current ul { background-color 57 div.kerneltoc li.current ul { background-color: white; }
58 58
59 /* 59 /*
60 * The CSS magic to toggle the contents on sma 60 * The CSS magic to toggle the contents on small screens.
61 */ 61 */
62 label.kernel-toc-title { display: none; } 62 label.kernel-toc-title { display: none; }
63 label.kernel-toc-title:after { 63 label.kernel-toc-title:after {
64 content: "[Hide]"; 64 content: "[Hide]";
65 } 65 }
66 input[type=checkbox]:checked ~ label.kernel-to 66 input[type=checkbox]:checked ~ label.kernel-toc-title:after {
67 content: "[Show]"; 67 content: "[Show]";
68 } 68 }
69 /* Hide the toggle on large screens */ 69 /* Hide the toggle on large screens */
70 input.kernel-toc-toggle { display: none; } 70 input.kernel-toc-toggle { display: none; }
71 71
72 /* 72 /*
73 * Show and implement the toggle on small scre 73 * Show and implement the toggle on small screens.
74 * The 875px width seems to be wired into alab 74 * The 875px width seems to be wired into alabaster.
75 */ 75 */
76 @media screen and (max-width: 875px) { 76 @media screen and (max-width: 875px) {
77 label.kernel-toc-title { display: inline; 77 label.kernel-toc-title { display: inline;
78 font-weight: bold 78 font-weight: bold;
79 font-size: larger 79 font-size: larger; }
80 input[type=checkbox]:checked ~ div.kernelt 80 input[type=checkbox]:checked ~ div.kerneltoc {
81 display: none; 81 display: none;
82 } 82 }
83 h3.kernel-toc-contents { display: inline; 83 h3.kernel-toc-contents { display: inline; }
84 div.kerneltoc a { color: black; } 84 div.kerneltoc a { color: black; }
85 } 85 }
86 86
87 /* Language selection menu */ 87 /* Language selection menu */
88 88
89 div.admonition { 89 div.admonition {
90 /* 90 /*
91 * Make sure we don't overlap notes and wa 91 * Make sure we don't overlap notes and warnings at the top of the
92 * document. 92 * document.
93 */ 93 */
94 clear: both; 94 clear: both;
95 } 95 }
96 96
97 div.language-selection { 97 div.language-selection {
98 background: #eeeeee; 98 background: #eeeeee;
99 border: 1px solid #cccccc; 99 border: 1px solid #cccccc;
100 margin-bottom: 1em; 100 margin-bottom: 1em;
101 padding: .5em; 101 padding: .5em;
102 102
103 position: relative; 103 position: relative;
104 float: right; 104 float: right;
105 } 105 }
106 106
107 div.language-selection a { 107 div.language-selection a {
108 display: block; 108 display: block;
109 padding: 0.5em; 109 padding: 0.5em;
110 color: #333333; 110 color: #333333;
111 text-decoration: none; 111 text-decoration: none;
112 } 112 }
113 113
114 div.language-selection ul { 114 div.language-selection ul {
115 display: none; 115 display: none;
116 position: absolute; 116 position: absolute;
117 117
118 /* Align with the parent div */ 118 /* Align with the parent div */
119 top: 100%; 119 top: 100%;
120 right: 0; 120 right: 0;
121 margin: 0; 121 margin: 0;
122 122
123 list-style: none; 123 list-style: none;
124 124
125 background: #fafafa; 125 background: #fafafa;
126 border: 1px solid #cccccc; 126 border: 1px solid #cccccc;
127 127
128 /* Never break menu item lines */ 128 /* Never break menu item lines */
129 white-space: nowrap; 129 white-space: nowrap;
130 } 130 }
131 131
132 div.language-selection:hover ul { 132 div.language-selection:hover ul {
133 display: block; 133 display: block;
134 } 134 }
135 135
136 div.language-selection ul li:hover { 136 div.language-selection ul li:hover {
137 background: #dddddd; 137 background: #dddddd;
138 } 138 }
Linux® is a registered trademark of Linus Torvalds in the United States and other countries.
TOMOYO® is a registered trademark of NTT DATA CORPORATION.