You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1036 lines
19 KiB
1036 lines
19 KiB
/*
|
|
This theme was created from scratch.
|
|
Historically however, thanks to:
|
|
- Alabaster for being a good base
|
|
- Which thanks Flask + KR theme
|
|
- Sphinx Readable Theme
|
|
- Which also proved to be a great base
|
|
*/
|
|
|
|
/*
|
|
note: this CSS is "mobile first"
|
|
The desktop implementation is near the bottom
|
|
*/
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* CSS variables would go here */
|
|
:root {
|
|
--font-family: 'Georgia', 'Yu Gothic', 'Noto Sans CJK JP Regular', serif;
|
|
--primary-accent: #0a0a0a;
|
|
--secondary-accent: #171717;
|
|
--primary-text: #fff;
|
|
--secondary-text: #fff;
|
|
--settings: #fff;
|
|
--settings-hover: #ccc;
|
|
--main-background: #fff;
|
|
--link-text: #2591c4;
|
|
--link-hover-text: #0b3a44;
|
|
--text-normal: #3e4349;
|
|
--mobile-nav-background: #000;
|
|
--mobile-nav-text: #fff;
|
|
--mobile-nav-hover-text: #fff;
|
|
--mobile-nav-header-text: #fff;
|
|
--nav-background: #fff;
|
|
--nav-text: #444;
|
|
--nav-hover-text: #444;
|
|
--nav-header-text: #333;
|
|
--search-border: #5a5a5c;
|
|
--search-background: #171717;
|
|
--search-text: #fff;
|
|
--search-focus: #3399ff;
|
|
--search-button: #b1b1b1;
|
|
--search-button-hover: #686868;
|
|
--footer-text: #555;
|
|
--footer-link: #444;
|
|
--hr-border: #b1b4b6;
|
|
--main-big-headers-text: #212224;
|
|
--main-big-headers-border: #ddd;
|
|
--main-h5-header-text: #000;
|
|
--main-h6-header-text: #777;
|
|
--main-h4-header-border: #e5e5e5;
|
|
--header-link: #3e4349;
|
|
--header-link-hover-text: #fff;
|
|
--note-background: #eee;
|
|
--note-border: #ccc;
|
|
--warning-background: #fef9e9;
|
|
--warning-border: #fbe091;
|
|
--error-background: #ffe4e4;
|
|
--error-border: #f66;
|
|
--helpful-background: #e4f2ff;
|
|
--helpful-border: #66beff;
|
|
--codeblock-background: #f5f5f5;
|
|
--codeblock-border: #c6c9cb;
|
|
--codeblock-text: #222;
|
|
--inline-code-background: #ecf0f3;
|
|
--xref-code-background: transparent;
|
|
--api-entry-background: #f5f5f5;
|
|
--table-header-background: #f5f5f5;
|
|
--table-text: #000;
|
|
--table-border: #ddd;
|
|
--mobile-active-toc: #212121;
|
|
--active-toc: #dbdbdb;
|
|
--scrollbar: rgba(0,0,0,0.2);
|
|
--scrollbar-hover: rgba(0,0,0,0.4);
|
|
--rtd-ad-border: #bfbfbf;
|
|
--rtd-ad-background: #eeeeee;
|
|
--rtd-ad-text-rgb: 64, 64, 64;
|
|
}
|
|
|
|
:root[data-font="sans"] {
|
|
--font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
|
|
}
|
|
|
|
:root[data-theme="dark"] {
|
|
--main-background: #303030;
|
|
--link-text: #2591c4;
|
|
--link-hover-text: #3b6a74;
|
|
--text-normal: #fff;
|
|
--mobile-nav-background: #424242;
|
|
--mobile-nav-text: #fff;
|
|
--mobile-nav-hover-text: #fff;
|
|
--mobile-nav-header-text: #fff;
|
|
--nav-background: #303030;
|
|
--nav-text: rgba(255,255,255,0.7);
|
|
--nav-hover-text: rgba(255,255,255,0.5);
|
|
--nav-header-text: rgba(255,255,255,0.87);
|
|
--footer-text: #555;
|
|
--footer-link: #444;
|
|
--hr-border: #b1b4b6;
|
|
--main-big-headers-text: rgba(255,255,255,0.87);
|
|
--main-big-headers-border: #ddd;
|
|
--main-h5-header-text: #000;
|
|
--main-h6-header-text: #777;
|
|
--main-h4-header-border: #e5e5e5;
|
|
--header-link: #3e4349;
|
|
--header-link-hover-text: #fff;
|
|
--note-background: #424242;
|
|
--note-border: #222222;
|
|
--warning-background: #424242;
|
|
--warning-border: #aaaa22;
|
|
--error-background: #424242;
|
|
--error-border: #aa2222;
|
|
--helpful-background: #424242;
|
|
--helpful-border: #22aaaa;
|
|
--codeblock-background: #222222;
|
|
--codeblock-border: #424242;
|
|
--codeblock-text: rgba(255,255,255,0.7);
|
|
--inline-code-background: #212121;
|
|
--xref-code-background: transparent;
|
|
--api-entry-background: #212121;
|
|
--table-header-background: #f5f5f5;
|
|
--table-text: #000;
|
|
--table-border: #ddd;
|
|
--mobile-active-toc: #212121;
|
|
--active-toc: #212121;
|
|
--scrollbar: rgba(0,0,0,0.5);
|
|
--scrollbar-hover: rgba(0,0,0,0.7);
|
|
--rtd-ad-border: #333333;
|
|
--rtd-ad-background: #404040;
|
|
--rtd-ad-text-rgb: 221, 221, 221;
|
|
}
|
|
|
|
img[src$="snake_dark.svg"] {
|
|
display: none;
|
|
}
|
|
:root[data-theme="dark"] img[src$="snake.svg"] {
|
|
display: none;
|
|
}
|
|
:root[data-theme="dark"] img[src$="snake_dark.svg"] {
|
|
display: inherit;
|
|
}
|
|
|
|
body {
|
|
font-family: var(--font-family);
|
|
font-size: 16px;
|
|
margin: 0;
|
|
padding: 0;
|
|
height: 100%;
|
|
background-color: var(--main-background);
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
|
|
/* Scrollbar related */
|
|
|
|
#sidebar::-webkit-scrollbar {
|
|
width: 0.5em;
|
|
}
|
|
|
|
#sidebar::-webkit-scrollbar-thumb {
|
|
background-color: var(--scrollbar);
|
|
border-radius: 0.25em;
|
|
}
|
|
|
|
#sidebar::-webkit-scrollbar-thumb:hover {
|
|
background-color: var(--scrollbar-hover);
|
|
}
|
|
|
|
|
|
/* grid related */
|
|
|
|
.main-grid {
|
|
display: grid;
|
|
min-height: 100%;
|
|
grid-auto-rows: min-content auto min-content;
|
|
grid-template-areas:
|
|
"s"
|
|
"n"
|
|
"c"
|
|
"h"
|
|
"f";
|
|
}
|
|
|
|
.grid-item {
|
|
max-width: 100vw;
|
|
padding: 0.8em;
|
|
}
|
|
|
|
/* all URLs only show underline on hover */
|
|
a {
|
|
text-decoration: none;
|
|
color: var(--link-text);
|
|
}
|
|
|
|
a:hover {
|
|
text-decoration: underline;
|
|
color: var(--link-hover-text);
|
|
}
|
|
|
|
/* headers */
|
|
|
|
header {
|
|
grid-area: h;
|
|
background-color: var(--main-background);
|
|
color: var(--primary-text);
|
|
}
|
|
|
|
header > nav {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-evenly;
|
|
}
|
|
|
|
header > nav > a {
|
|
color: var(--primary-text);
|
|
}
|
|
|
|
.main-heading {
|
|
display: none;
|
|
}
|
|
|
|
.sub-header {
|
|
grid-area: n;
|
|
background-color: var(--secondary-accent);
|
|
color: var(--secondary-text);
|
|
}
|
|
|
|
/* these aren't shown on mobile */
|
|
|
|
.sub-header > label {
|
|
display: none;
|
|
margin-right: 1em;
|
|
}
|
|
|
|
.sub-header > select {
|
|
display: none;
|
|
}
|
|
|
|
.sub-header > .settings {
|
|
color: var(--settings);
|
|
display: none;
|
|
margin-left: 1em;
|
|
margin-right: 0.5em;
|
|
}
|
|
|
|
.sub-header > .settings:hover {
|
|
color: var(--settings-hover);
|
|
}
|
|
|
|
/* footer stuff */
|
|
footer {
|
|
grid-area: f;
|
|
font-size: 14px;
|
|
text-align: right;
|
|
color: var(--footer-text);
|
|
}
|
|
|
|
footer a {
|
|
text-decoration: underline;
|
|
color: var(--footer-link);
|
|
}
|
|
|
|
/* sidebar stuff */
|
|
|
|
aside {
|
|
grid-area: s;
|
|
font-size: 14px;
|
|
line-height: 1.75em;
|
|
top: 0;
|
|
position: -webkit-sticky; /* safari */
|
|
position: sticky;
|
|
background-color: var(--mobile-nav-background);
|
|
color: var(--mobile-nav-text);
|
|
z-index: 2;
|
|
}
|
|
|
|
aside h3 {
|
|
color: var(--mobile-nav-header-text);
|
|
font-size: 24px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
#settings-toggle {
|
|
float: right;
|
|
}
|
|
|
|
.fa-bars, .fa-times, .fa-cog {
|
|
font-size: 2em;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.sidebar-toggle {
|
|
display: initial !important;
|
|
}
|
|
|
|
#sidebar {
|
|
display: none;
|
|
}
|
|
|
|
#sidebar a {
|
|
color: var(--mobile-nav-text);
|
|
}
|
|
|
|
#sidebar a:hover {
|
|
color: var(--mobile-nav-hover-text);
|
|
}
|
|
|
|
#sidebar h3 {
|
|
font-size: 24px;
|
|
margin: 0;
|
|
margin-top: 1em;
|
|
}
|
|
|
|
#sidebar ul {
|
|
list-style: none;
|
|
margin: 1em 2em 2em 1em;
|
|
padding: 0;
|
|
}
|
|
|
|
#sidebar ul ul {
|
|
list-style: square;
|
|
margin: 0em;
|
|
margin-left: 1.5em;
|
|
}
|
|
|
|
#sidebar form {
|
|
margin: 1em 0;
|
|
display: flex;
|
|
align-items: baseline;
|
|
}
|
|
|
|
/* search button stuff */
|
|
|
|
.searchwrapper {
|
|
display: flex;
|
|
align-items: stretch;
|
|
}
|
|
|
|
.searchwrapper > input[type=search] {
|
|
font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans", sans-serif;
|
|
font-size: 1em;
|
|
}
|
|
|
|
.searchwrapper > input[type=search],
|
|
.searchwrapper > button[type=submit] {
|
|
background-color: var(--search-background);
|
|
border: none;
|
|
color: var(--search-text);
|
|
padding: 0.5em;
|
|
min-height: 2.5em;
|
|
flex: 9;
|
|
}
|
|
|
|
.searchwrapper {
|
|
border-bottom: 1px solid var(--search-border);
|
|
}
|
|
|
|
.searchwrapper:focus-within {
|
|
border-bottom: 1px solid var(--search-focus);
|
|
}
|
|
|
|
/* .searchwrapper > input[type=search] {
|
|
border: 1px solid var(--search-border);
|
|
border-right: none;
|
|
border-top-left-radius: 4px;
|
|
border-bottom-left-radius: 4px;
|
|
}
|
|
|
|
.searchwrapper > input[type=search]:focus,
|
|
button[type=submit]:focus ~ input[type=search] {
|
|
border: 1px solid var(--search-focus);
|
|
border-right: none;
|
|
} */
|
|
|
|
.searchwrapper > button[type=submit] {
|
|
color: var(--search-button);
|
|
/* border: 1px solid var(--search-border); */
|
|
/* border-left: none; */
|
|
/* border-bottom-right-radius: 4px; */
|
|
/* border-top-right-radius: 4px; */
|
|
cursor: pointer;
|
|
flex: 1;
|
|
}
|
|
|
|
/* .searchwrapper > button[type=submit]:focus,
|
|
input[type=search]:focus ~ button[type=submit] {
|
|
border: 1px solid var(--search-focus);
|
|
border-left: none;
|
|
} */
|
|
|
|
.searchwrapper > button[type=submit]:hover {
|
|
background-color: var(--search-border);
|
|
}
|
|
|
|
/* main content area */
|
|
|
|
main {
|
|
grid-area: c;
|
|
}
|
|
|
|
p {
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
/* modal stuff */
|
|
|
|
div.modal {
|
|
position: fixed;
|
|
z-index: 10;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
background-color: rgba(0,0,0,0.4);
|
|
cursor: pointer;
|
|
}
|
|
|
|
div.modal-content {
|
|
background-color: var(--main-background);
|
|
box-shadow: 0 2px 8px rgba(0,0,0,0.54);
|
|
padding: 24px;
|
|
border-radius: 4px;
|
|
margin: 20% auto;
|
|
width: 40%;
|
|
min-width: 350px;
|
|
cursor: initial;
|
|
}
|
|
|
|
div.modal-content > span.close {
|
|
color: #888;
|
|
float: right;
|
|
font-weight: bold;
|
|
-moz-user-select: none;
|
|
-webkit-user-select: none;
|
|
}
|
|
|
|
div.modal-content > span.close:hover,
|
|
div.modal-content > span.close:focus {
|
|
color: #444;
|
|
}
|
|
|
|
div.modal input {
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* copy button */
|
|
|
|
.relative-copy {
|
|
position: relative;
|
|
}
|
|
|
|
.copy {
|
|
cursor: pointer;
|
|
position: absolute;
|
|
top: 0px;
|
|
right: 0px;
|
|
border: 1px solid var(--codeblock-border);
|
|
font-size: 0.875em;
|
|
padding: 0.2em 0.5em;
|
|
border-bottom-left-radius: 4px;
|
|
}
|
|
|
|
.copy > .fa-clipboard-check {
|
|
padding: 0 0.875px;
|
|
}
|
|
|
|
/* -- body styles --------------------------------------------------------- */
|
|
|
|
hr {
|
|
border: 1px solid var(--hr-border);
|
|
}
|
|
|
|
main h1,
|
|
main h2,
|
|
main h3,
|
|
main h4,
|
|
main h5,
|
|
main h6 { font-weight: normal; }
|
|
|
|
main h1,
|
|
main h2,
|
|
main h3,
|
|
main h4 { color: var(--main-big-headers-text); }
|
|
main h5 { color: var(--main-h5-header-text); }
|
|
main h6 { color: var(--main-h6-header-text); }
|
|
|
|
main h1 { margin: 0 0 10px 0; }
|
|
main h2,
|
|
main h3 { margin: 10px 0px 10px 0px; }
|
|
main h4,
|
|
main h5,
|
|
main h6 { margin: 20px 0px 10px 0px; }
|
|
|
|
main h1 { padding: 0 0 10px 0; }
|
|
main h2,
|
|
main h3 { padding: 10px 0 10px 0; }
|
|
main h4 { padding: 10px 0 10px 0; }
|
|
main h5,
|
|
main h6 { padding: 10px 0 0 0; }
|
|
|
|
main h1,
|
|
main h2,
|
|
main h3 { border-bottom: 1px solid var(--main-big-headers-border); }
|
|
main h4 { border-bottom: 1px solid var(--main-h4-header-border); }
|
|
|
|
main h1 { font-size: 2.3em; }
|
|
main h2 { font-size: 1.8em; }
|
|
main h3 { font-size: 1.3em; }
|
|
main h4 { font-size: 1.1em; }
|
|
main h5 { font-size: 1.05em; }
|
|
main h6 { font-size: 1em; }
|
|
|
|
a.headerlink {
|
|
color: var(--header-link);
|
|
font-size: 0.8em;
|
|
padding: 0 4px 0 4px;
|
|
text-decoration: none;
|
|
visibility: hidden;
|
|
}
|
|
|
|
a.headerlink:hover {
|
|
background-color: var(--header-link);
|
|
color: var(--header-link-hover-text);
|
|
}
|
|
|
|
h1:hover > a.headerlink,
|
|
h2:hover > a.headerlink,
|
|
h3:hover > a.headerlink,
|
|
h4:hover > a.headerlink,
|
|
h5:hover > a.headerlink,
|
|
h6:hover > a.headerlink,
|
|
dt:hover > a.headerlink,
|
|
caption:hover > a.headerlink,
|
|
p.caption:hover > a.headerlink,
|
|
div.code-block-caption:hover > a.headerlink {
|
|
visibility: visible;
|
|
}
|
|
|
|
main ul {
|
|
list-style: disc;
|
|
margin: 1em 0;
|
|
padding-left: 1.3em;
|
|
}
|
|
|
|
main ul ul, main ol ul {
|
|
margin: .2em 0;
|
|
padding-left: 1.2em;
|
|
}
|
|
|
|
main ul li {
|
|
padding: 2px 0;
|
|
}
|
|
|
|
main ul.search li {
|
|
padding: 5px 0 5px 20px;
|
|
}
|
|
|
|
main ol {
|
|
counter-reset: li;
|
|
margin-left: 0;
|
|
padding-left: 0;
|
|
}
|
|
|
|
main ol ol {
|
|
margin: .2em 0;
|
|
}
|
|
|
|
main ol > li {
|
|
list-style: none;
|
|
margin: 0 0 0 1.9em;
|
|
padding: 2px 1px;
|
|
position: relative;
|
|
}
|
|
|
|
main ol > li::before {
|
|
content: counter(li) ".";
|
|
counter-increment: li;
|
|
top: -2px;
|
|
left: -1.1em;
|
|
width: 1.1em;
|
|
padding: 4px 0;
|
|
position: absolute;
|
|
text-align: left;
|
|
}
|
|
|
|
main p,
|
|
main dd,
|
|
main li {
|
|
line-height: 1.4em;
|
|
}
|
|
|
|
main img {
|
|
width: 100%;
|
|
max-width: 500px;
|
|
}
|
|
|
|
/* weird margins */
|
|
li > p {
|
|
margin: 2px;
|
|
}
|
|
|
|
li > blockquote {
|
|
margin: 10px;
|
|
}
|
|
|
|
/* admonitions */
|
|
div.admonition {
|
|
padding: 0.8em;
|
|
margin: 0.8em 0;
|
|
}
|
|
|
|
p.admonition-title {
|
|
display: inline;
|
|
font-weight: bold;
|
|
margin-right: 0.5em;
|
|
}
|
|
|
|
p.admonition-title::after {
|
|
content: ':';
|
|
}
|
|
|
|
div.admonition p.admonition-title + p {
|
|
display: inline;
|
|
}
|
|
|
|
div.important, div.note, div.hint, div.tip {
|
|
background-color: var(--note-background);
|
|
border: 1px solid var(--note-border);
|
|
}
|
|
|
|
div.attention, div.warning, div.caution, div.seealso {
|
|
background-color: var(--warning-background);
|
|
border: 1px solid var(--warning-border);
|
|
}
|
|
|
|
dl.field-list > dd {
|
|
margin-top: 3px;
|
|
margin-bottom: 10px;
|
|
margin-left: 20px;
|
|
}
|
|
|
|
/* no disgusting background in the FAQ */
|
|
div.topic {
|
|
background-color: transparent;
|
|
border: none;
|
|
}
|
|
|
|
/* don't link-ify the FAQ page */
|
|
a.toc-backref {
|
|
text-decoration: none;
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
/* bold and fix the Parameter, Raises, etc. */
|
|
dl.field-list > dt {
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* remove flex from field lists */
|
|
dl.field-list {
|
|
display: block;
|
|
}
|
|
|
|
/* internal references are forced to bold for some reason */
|
|
a.reference.internal > strong {
|
|
font-weight: unset;
|
|
font-family: monospace;
|
|
}
|
|
|
|
div.danger, div.error {
|
|
background-color: var(--error-background);
|
|
border: 1px solid var(--error-border);
|
|
}
|
|
|
|
/* helpful admonitions */
|
|
div.helpful {
|
|
background-color: var(--helpful-background);
|
|
border: 1px solid var(--helpful-border);
|
|
}
|
|
|
|
div.helpful > p.admonition-title {
|
|
display: block;
|
|
}
|
|
|
|
div.helpful > p.admonition-title::after {
|
|
content: unset;
|
|
}
|
|
|
|
/* exception hierarchy */
|
|
|
|
.exception-hierarchy-content dd,
|
|
.exception-hierarchy-content dl {
|
|
margin: 0px 2px;
|
|
}
|
|
|
|
.exception-hierarchy-content {
|
|
margin-left: 0.5em;
|
|
}
|
|
|
|
.exception-hierarchy-content ul {
|
|
list-style: '»' !important;
|
|
}
|
|
|
|
/* attribute tables */
|
|
.py-attribute-table {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
margin: 0 2em;
|
|
padding-top: 16px;
|
|
}
|
|
|
|
.py-attribute-table-column > span {
|
|
font-weight: bold;
|
|
}
|
|
|
|
main .py-attribute-table-column > ul {
|
|
list-style: none;
|
|
margin: 4px 0px;
|
|
padding-left: 12px;
|
|
}
|
|
|
|
pre {
|
|
background-color: var(--codeblock-background);
|
|
border: 1px solid var(--codeblock-border);
|
|
color: var(--codeblock-text);
|
|
font-size: 0.75em;
|
|
line-height: 1.5em;
|
|
margin: 1.5em 0 1.5em 0;
|
|
padding: 10px;
|
|
overflow-x: auto;
|
|
}
|
|
|
|
pre, code {
|
|
font-family: 'Consolas', 'Menlo', 'Deja Vu Sans Mono', 'Bitstream Vera Sans Mono', monospace;
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
code {
|
|
background-color: var(--inline-code-background);
|
|
padding: .15em;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
code.descname {
|
|
background-color: transparent;
|
|
font-weight: bold;
|
|
font-size: 0.95em;
|
|
}
|
|
|
|
code.descclassname {
|
|
background-color: transparent;
|
|
}
|
|
|
|
code.xref, a code {
|
|
font-weight: normal;
|
|
background-color: var(--xref-code-background);
|
|
}
|
|
|
|
span.pre {
|
|
padding: 0 2px;
|
|
}
|
|
|
|
dl.class {
|
|
margin-bottom: 50px;
|
|
}
|
|
|
|
dl.describe > dt,
|
|
dl.function > dt,
|
|
dl.attribute > dt,
|
|
dl.classmethod > dt,
|
|
dl.method > dt,
|
|
dl.class > dt,
|
|
dl.exception > dt {
|
|
background-color: var(--api-entry-background);
|
|
padding: 1px 10px;
|
|
}
|
|
|
|
dd {
|
|
margin-top: 0.5em;
|
|
margin-bottom: 0.5em;
|
|
margin-left: 1.5em;
|
|
}
|
|
|
|
|
|
.container.operations {
|
|
padding: 10px;
|
|
border: 1px solid var(--codeblock-border);
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.container.operations::before {
|
|
content: 'Supported Operations';
|
|
color: var(--main-big-headers-text);
|
|
display: block;
|
|
padding-bottom: 0.5em;
|
|
}
|
|
|
|
.container.operations > dl.describe > dt {
|
|
background-color: var(--api-entry-background);
|
|
}
|
|
|
|
table.docutils {
|
|
width: 100%;
|
|
}
|
|
|
|
table.docutils.footnote {
|
|
width: auto;
|
|
}
|
|
|
|
table.docutils thead,
|
|
table.docutils tfoot {
|
|
background: var(--table-header-background);
|
|
}
|
|
|
|
table.docutils thead tr th {
|
|
color: var(--table-text);
|
|
font-weight: normal;
|
|
padding: 7px 5px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
table.docutils tbody tr th,
|
|
table.docutils tbody tr td {
|
|
border-bottom: 0;
|
|
border-top: solid 1px var(--table-border);
|
|
padding: 7px 5px;
|
|
vertical-align: top;
|
|
}
|
|
table.docutils tbody tr:last-child th,
|
|
table.docutils tbody tr:last-child td {
|
|
border-bottom: solid 1px var(--table-border);
|
|
}
|
|
|
|
table.docutils thead tr td p,
|
|
table.docutils tfoot tr td p,
|
|
table.docutils tbody tr td p,
|
|
table.docutils thead tr td ul,
|
|
table.docutils tfoot tr td ul,
|
|
table.docutils tbody tr td ul,
|
|
table.docutils thead tr td ol,
|
|
table.docutils tfoot tr td ol,
|
|
table.docutils tbody tr td ol {
|
|
margin: 0 0 .5em;
|
|
}
|
|
table.docutils thead tr td p.last,
|
|
table.docutils tfoot tr td p.last,
|
|
table.docutils tbody tr td p.last,
|
|
table.docutils thead tr td ul.last,
|
|
table.docutils tfoot tr td ul.last,
|
|
table.docutils tbody tr td ul.last,
|
|
table.docutils thead tr td ol.last,
|
|
table.docutils tfoot tr td ol.last,
|
|
table.docutils tbody tr td ol.last {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
/* hide the welcome text */
|
|
section#welcome-to-discord-py > h1 {
|
|
display: none;
|
|
}
|
|
|
|
/* make the RTD ad look a little less jarring */
|
|
|
|
.ethical-fixedfooter {
|
|
background-color: var(--rtd-ad-background) !important;
|
|
border-top: 1px solid var(--rtd-ad-border) !important;
|
|
}
|
|
|
|
.ethical-fixedfooter a {
|
|
color: rgb(var(--rtd-ad-text-rgb)) !important;
|
|
}
|
|
|
|
.ethical-callout a {
|
|
color: rgba(var(--rtd-ad-text-rgb), 0.7) !important;
|
|
}
|
|
|
|
.active {
|
|
background-color: var(--mobile-active-toc);
|
|
border-left: 5px solid var(--mobile-active-toc);
|
|
}
|
|
|
|
div.code-block-caption {
|
|
font-size: medium;
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
/* desktop stuff */
|
|
|
|
@media screen and (min-width: 600px) {
|
|
.grid-item {
|
|
max-width: unset;
|
|
}
|
|
|
|
.main-grid {
|
|
grid-template-areas:
|
|
"h h h h h h"
|
|
"n n n n n n"
|
|
"s c c c c c"
|
|
"s f f f f f";
|
|
}
|
|
|
|
header {
|
|
background-color: var(--primary-accent);
|
|
}
|
|
|
|
header > nav {
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.main-heading {
|
|
margin-right: auto;
|
|
display: unset;
|
|
}
|
|
|
|
header > nav a:not(.main-heading) {
|
|
margin: 0 0.5em;
|
|
}
|
|
|
|
.sub-header {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.sub-header > label {
|
|
display: initial;
|
|
}
|
|
|
|
.sub-header > select {
|
|
display: initial;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.sub-header > .settings {
|
|
display: initial;
|
|
}
|
|
|
|
aside {
|
|
top: initial;
|
|
position: initial;
|
|
background-color: var(--nav-background);
|
|
color: var(--nav-text);
|
|
}
|
|
|
|
aside h3 {
|
|
color: var(--nav-header-text);
|
|
}
|
|
|
|
#sidebar {
|
|
display: inline-block;
|
|
position: sticky;
|
|
top: 1em;
|
|
height: calc(100vh - 1em);
|
|
overflow-y: auto;
|
|
margin: 1em;
|
|
}
|
|
|
|
#sidebar a {
|
|
color: var(--nav-text);
|
|
}
|
|
|
|
.active {
|
|
background-color: transparent;
|
|
border-left: none;
|
|
position: relative;
|
|
}
|
|
|
|
.active::before {
|
|
content: "";
|
|
display: inline-block;
|
|
background-color: var(--active-toc);
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
width: calc(100% + 0.5em);
|
|
border-radius: 4px;
|
|
z-index: -1;
|
|
}
|
|
|
|
#sidebar a:hover {
|
|
color: var(--nav-hover-text);
|
|
}
|
|
|
|
#hamburger-toggle, #settings-toggle {
|
|
display: none;
|
|
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 1200px) {
|
|
.main-grid {
|
|
/* 62.5% width => multiple of 5/8 content */
|
|
/* sidebar takes up 20% of the inner area */
|
|
grid-template-columns: repeat(16, 1fr);
|
|
grid-template-areas:
|
|
"h h h h h h h h h h h h h h h h"
|
|
"n n n n n n n n n n n n n n n n"
|
|
"s s . . . c c c c c c c c . . ."
|
|
"s s f f f f f f f f f f f f f f"
|
|
}
|
|
|
|
header > nav {
|
|
margin-left: 18.75%;
|
|
margin-right: 18.75%;
|
|
}
|
|
|
|
.sub-header > label {
|
|
margin-left: 18.75%;
|
|
margin-right: 1em;
|
|
}
|
|
|
|
.sub-header > .settings {
|
|
margin-right: 18.75%;
|
|
margin-left: 1em;
|
|
}
|
|
|
|
.sub-header > .search {
|
|
width: 20%;
|
|
}
|
|
|
|
.sub-header .fa-cog {
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
main img {
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
}
|
|
|