forked from wtf-eg/handbuch-gen
c6eb07c36e
- addd logo - switched font for headings (rtd already use lato) - changed color scheme
175 lines
3.5 KiB
CSS
175 lines
3.5 KiB
CSS
/*
|
|
*
|
|
*/
|
|
|
|
@import url('css/fonts.css');
|
|
@import url('theme.css');
|
|
|
|
:root {
|
|
/* default text color */
|
|
--wtf-nearly-black: #333;
|
|
--wtf-nearly-white: #fff;
|
|
/* WTF Farben gemäß https://git.wtf-eg.de/ag_kommunikation/wtf_propaganda/ */
|
|
--wtf-orange: #ef7c21;
|
|
--wtf-light-orange: #ffcba9;
|
|
--wtf-very-light-blue: #cfe2ff;
|
|
--wtf-light-blue: #0790a9;
|
|
--wtf-dark-blue: #20386a;
|
|
--wtf-night-blue: #00173B;
|
|
--wtf-dark-grey: #202020;
|
|
--wtf-grey: #666;
|
|
--wtf-mid-grey: #acacac;
|
|
--wtf-footer-grey: #344b5d;
|
|
--wtf-light-grey: #edefeb;
|
|
--wtf-lila: #6600ff;
|
|
--wtf-rtd-background: #F5F6F3;
|
|
}
|
|
|
|
/* fonts - start */
|
|
.rst-content .toctree-wrapper>p.caption,
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6,
|
|
legend {
|
|
font-family: 'Noto Serif Bold', ff-tisa-web-pro, Georgia, Arial, sans-serif;
|
|
}
|
|
|
|
.rst-content .sidebar .sidebar-title {
|
|
font-family: 'Noto Serif Bold', ff-tisa-web-pro, Georgia, Arial, sans-serif;
|
|
}
|
|
/* fonts - end */
|
|
|
|
/* colours - start */
|
|
|
|
.wy-nav-content {
|
|
background-color: var(--wtf-light-grey);
|
|
}
|
|
|
|
.wy-nav-content-wrap{
|
|
background-color: var(--wtf-rtd-background);
|
|
}
|
|
|
|
.wy-menu-vertical li span.toctree-expand,
|
|
.wy-menu-vertical a {
|
|
color: var(--wtf-light-grey);
|
|
}
|
|
|
|
.rst-content .wy-alert-neutral.admonition-todo a,
|
|
.rst-content .wy-alert-neutral.admonition a,
|
|
.rst-content .wy-alert-neutral.attention a,
|
|
.rst-content .wy-alert-neutral.caution a,
|
|
.rst-content .wy-alert-neutral.danger a,
|
|
.rst-content .wy-alert-neutral.error a,
|
|
.rst-content .wy-alert-neutral.hint a,
|
|
.rst-content .wy-alert-neutral.important a,
|
|
.rst-content .wy-alert-neutral.note a,
|
|
.rst-content .wy-alert-neutral.seealso a,
|
|
.rst-content .wy-alert-neutral.tip a,
|
|
.rst-content .wy-alert-neutral.warning a,
|
|
.wy-alert.wy-alert-neutral a {
|
|
color: var(--wtf-dark-blue);
|
|
}
|
|
|
|
.wy-tray-container li.wy-tray-item-info {
|
|
background: var(--wtf-dark-blue);
|
|
}
|
|
|
|
.btn-info {
|
|
background-color: var(--wtf-dark-blue); !important
|
|
}
|
|
|
|
.btn-link {
|
|
color: var(--wtf-dark-blue);
|
|
}
|
|
|
|
.wy-dropdown-menu>dd>a:hover {
|
|
background: var(--wtf-dark-blue);
|
|
}
|
|
|
|
.wy-dropdown.wy-dropdown-bubble .wy-dropdown-menu a:hover {
|
|
background: var(--wtf-dark-blue);
|
|
}
|
|
|
|
.wy-inline-validate.wy-inline-validate-info .wy-input-context {
|
|
color: var(--wtf-dark-blue);
|
|
}
|
|
|
|
a {
|
|
color: var(--wtf-dark-blue);
|
|
}
|
|
|
|
.wy-text-info {
|
|
color: var(--wtf-dark-blue); !important
|
|
}
|
|
|
|
.wy-menu-vertical a:active {
|
|
background-color: var(--wtf-dark-blue);
|
|
}
|
|
|
|
.wy-side-nav-search {
|
|
background-color: var(--wtf-dark-blue);
|
|
}
|
|
|
|
.wy-side-nav-search img {
|
|
background-color: var(--wtf-dark-blue);
|
|
}
|
|
|
|
.wy-nav .wy-menu-vertical header {
|
|
color: var(--wtf-dark-blue);
|
|
}
|
|
|
|
.wy-nav .wy-menu-vertical a:hover {
|
|
background-color: var(--wtf-dark-blue);
|
|
}
|
|
|
|
.wy-nav-top {
|
|
background: var(--wtf-dark-blue);
|
|
}
|
|
|
|
.wy-nav-top img {
|
|
background-color: var(--wtf-dark-blue);
|
|
}
|
|
|
|
a,
|
|
.rst-versions a {
|
|
color: var(--wtf-orange);
|
|
}
|
|
|
|
a:hover,
|
|
.rst-versions a:hover {
|
|
color: var(--wtf-light-blue);
|
|
}
|
|
|
|
.wy-menu-vertical a:hover {
|
|
color: var(--wtf-orange);
|
|
}
|
|
|
|
a:visited,
|
|
.rst-versions a:visited {
|
|
color: var(--wtf-light-blue);
|
|
}
|
|
|
|
.rst-content a code,
|
|
.rst-content a tt {
|
|
color: var(--wtf-dark-blue);
|
|
}
|
|
|
|
html.writer-html4 .rst-content dl:not(.docutils)>dt,
|
|
html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple)>dt {
|
|
color: var(--wtf-dark-blue);
|
|
}
|
|
|
|
.wy-menu-vertical header,
|
|
.wy-menu-vertical p.caption {
|
|
color: var(--wtf-mid-grey);
|
|
}
|
|
|
|
.wy-nav-side {
|
|
background-color: var(--wtf-nearly-black);
|
|
}
|
|
|
|
/* colours - end */
|