Documentation/sphinx-static/custom.css

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