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