handbuch-gen/sphinx/theme/wtf_coop/static/css/wtf_coop.css
Stephan c6eb07c36e feat: 1st wtf_coop theme based on read the docs
- addd logo
- switched font for headings (rtd already use lato)
- changed color scheme
2021-08-28 16:35:48 +02:00

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 */