mirror of
https://git.yoctoproject.org/poky
synced 2026-05-13 17:27:54 +02:00
5a3aeb80ff
Change the css rules of our theme to have a fixed-width documentation
instead of it taking the full width of the page. I believe this makes it
much more readable compared to having long lines with few line returns,
especially on high-resolution displays. Set the width to 1000px instead
of the previous 800px, which felt slightly too thin.
I think the removed comment here does not make that much sense for us.
It was added by commit 0c1e108bc6c4 ("sphinx: add CSS theme override"),
and I believe is a simply copy and paste of what was is set in the Linux
kernel, added by commit 9abaf979abb2 ("doc-rst: customize RTD theme,
table & full width") [1].
[1]: https://git.kernel.org/pub/scm/linux/kernel/git/torvalds/linux.git/commit/?id=9abaf979abb2
(From yocto-docs rev: 680edf7ffdf2286c64c32de74be5b6353294122f)
Signed-off-by: Antonin Godard <antonin.godard@bootlin.com>
(cherry picked from commit 98234c9d3a0846d719630914bea8599da9f51374)
Signed-off-by: Antonin Godard <antonin.godard@bootlin.com>
Signed-off-by: Paul Barker <paul@pbarker.dev>
170 lines
3.2 KiB
CSS
170 lines
3.2 KiB
CSS
/*
|
|
SPDX-License-Identifier: CC-BY-SA-2.0-UK
|
|
*/
|
|
|
|
body {
|
|
font-family: Verdana, Sans, sans-serif;
|
|
margin: 0em auto;
|
|
color: #333;
|
|
}
|
|
|
|
h1,h2,h3,h4,h5,h6,h7 {
|
|
font-family: Arial, Sans;
|
|
color: #00557D;
|
|
clear: both;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 2em;
|
|
text-align: left;
|
|
padding: 0em 0em 0em 0em;
|
|
margin: 2em 0em 0em 0em;
|
|
}
|
|
|
|
h2.subtitle {
|
|
margin: 0.10em 0em 3.0em 0em;
|
|
padding: 0em 0em 0em 0em;
|
|
font-size: 1.8em;
|
|
padding-left: 20%;
|
|
font-weight: normal;
|
|
font-style: italic;
|
|
}
|
|
|
|
h2 {
|
|
margin: 2em 0em 0.66em 0em;
|
|
padding: 0.5em 0em 0em 0em;
|
|
font-size: 1.5em;
|
|
font-weight: bold;
|
|
}
|
|
|
|
h3.subtitle {
|
|
margin: 0em 0em 1em 0em;
|
|
padding: 0em 0em 0em 0em;
|
|
font-size: 142.14%;
|
|
text-align: right;
|
|
}
|
|
|
|
h3 {
|
|
margin: 1em 0em 0.5em 0em;
|
|
padding: 1em 0em 0em 0em;
|
|
font-size: 140%;
|
|
font-weight: bold;
|
|
}
|
|
|
|
h4 {
|
|
margin: 1em 0em 0.5em 0em;
|
|
padding: 1em 0em 0em 0em;
|
|
font-size: 120%;
|
|
font-weight: bold;
|
|
}
|
|
|
|
h5 {
|
|
margin: 1em 0em 0.5em 0em;
|
|
padding: 1em 0em 0em 0em;
|
|
font-size: 110%;
|
|
font-weight: bold;
|
|
}
|
|
|
|
h6 {
|
|
margin: 1em 0em 0em 0em;
|
|
padding: 1em 0em 0em 0em;
|
|
font-size: 110%;
|
|
font-weight: bold;
|
|
}
|
|
|
|
em {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.pre {
|
|
font-size: medium;
|
|
font-family: Courier, monospace;
|
|
}
|
|
|
|
.wy-nav-content a {
|
|
text-decoration: underline;
|
|
color: #444;
|
|
background: transparent;
|
|
}
|
|
|
|
.wy-nav-content a:hover {
|
|
text-decoration: underline;
|
|
background-color: #dedede;
|
|
}
|
|
|
|
.wy-nav-content a:visited {
|
|
color: #444;
|
|
}
|
|
|
|
[alt='Permalink'] { color: #eee; }
|
|
[alt='Permalink']:hover { color: black; }
|
|
|
|
.literal-block {
|
|
background: #f8f8f8;
|
|
}
|
|
|
|
@media screen {
|
|
.wy-nav-content {
|
|
max-width: 1000px;
|
|
background: #fcfcfc;
|
|
}
|
|
|
|
.wy-nav-content-wrap {
|
|
background: #efefef;
|
|
}
|
|
|
|
/* inline literal: drop the borderbox, padding and red color */
|
|
code, .rst-content tt, .rst-content code {
|
|
color: inherit;
|
|
border: none;
|
|
padding: unset;
|
|
background: inherit;
|
|
font-size: 85%;
|
|
}
|
|
|
|
.rst-content tt.literal,.rst-content tt.literal,.rst-content code.literal {
|
|
color: inherit;
|
|
}
|
|
|
|
/* Admonition should be gray, not blue or green */
|
|
.rst-content .note .admonition-title,
|
|
.rst-content .tip .admonition-title,
|
|
.rst-content .warning .admonition-title,
|
|
.rst-content .caution .admonition-title,
|
|
.rst-content .admonition-tying-it-together .admonition-title,
|
|
.rst-content .important .admonition-title {
|
|
background: #f0f0f2;
|
|
color: #00557D;
|
|
|
|
}
|
|
|
|
.rst-content .note,
|
|
.rst-content .tip,
|
|
.rst-content .important,
|
|
.rst-content .warning,
|
|
.rst-content .admonition-tying-it-together,
|
|
.rst-content .caution {
|
|
background: #f0f0f2;
|
|
}
|
|
|
|
/* Remove the icon in front of note/tip element, and before the logo */
|
|
.icon-home:before, .rst-content .admonition-title:before {
|
|
display: none
|
|
}
|
|
|
|
/* a custom informalexample container is used in some doc */
|
|
.informalexample {
|
|
border: 1px solid;
|
|
border-color: #aaa;
|
|
margin: 1em 0em;
|
|
padding: 1em;
|
|
page-break-inside: avoid;
|
|
}
|
|
|
|
/* Remove the blue background in the top left corner, around the logo */
|
|
.wy-side-nav-search {
|
|
background: inherit;
|
|
}
|
|
|
|
}
|