1/* SPDX-License-Identifier: GPL-2.0 */ 2/* 3 * CSS tweaks for the Alabaster theme 4 */ 5 6/* Shrink the headers a bit */ 7div.body h1 { font-size: 180%; } 8div.body h2 { font-size: 150%; } 9div.body h3 { font-size: 130%; } 10 11/* Tighten up the layout slightly */ 12div.body { padding: 0 15px 0 10px; } 13div.sphinxsidebarwrapper { padding: 1em 0.4em; } 14div.sphinxsidebar { font-size: inherit; 15 max-height: 100%; 16 overflow-y: auto; } 17/* Tweak document margins and don't force width */ 18div.document { 19 margin: 20px 10px 0 10px; 20 width: auto; 21} 22 23/* 24 * Parameters for the display of function prototypes and such included 25 * from C source files. 26 */ 27dl.function, dl.struct, dl.enum { margin-top: 2em; background-color: #ecf0f3; } 28/* indent lines 2+ of multi-line function prototypes */ 29dl.function dt { margin-left: 10em; text-indent: -10em; } 30dt.sig-object { font-size: larger; } 31div.kernelindent { margin-left: 2em; margin-right: 4em; } 32 33/* 34 * Tweaks for our local TOC 35 */ 36div.kerneltoc li.toctree-l1 { font-size: smaller; 37 text-indent: -1em; 38 margin-left: 1em; } 39div.kerneltoc li.current > a {font-weight: bold; } 40div.kerneltoc li.toctree-l2,li.toctree-l3 { font-size: small; 41 text-indent: -1em; 42 margin-left: 1em; 43 list-style-type: none; 44 } 45div.kerneltoc li.current ul { margin-left: 0; } 46div.kerneltoc { background-color: #eeeeee; } 47div.kerneltoc li.current ul { background-color: white; } 48 49/* 50 * The CSS magic to toggle the contents on small screens. 51 */ 52label.kernel-toc-title { display: none; } 53label.kernel-toc-title:after { 54 content: "[Hide]"; 55} 56input[type=checkbox]:checked ~ label.kernel-toc-title:after { 57 content: "[Show]"; 58} 59/* Hide the toggle on large screens */ 60input.kernel-toc-toggle { display: none; } 61 62/* 63 * Show and implement the toggle on small screens. 64 * The 875px width seems to be wired into alabaster. 65 */ 66@media screen and (max-width: 875px) { 67 label.kernel-toc-title { display: inline; 68 font-weight: bold; 69 font-size: larger; } 70 input[type=checkbox]:checked ~ div.kerneltoc { 71 display: none; 72 } 73 h3.kernel-toc-contents { display: inline; } 74 div.kerneltoc a { color: black; } 75} 76