303 lines
6.2 KiB
CSS
303 lines
6.2 KiB
CSS
/* Left for CSS overrides we need to make in the future */
|
|
|
|
/* Fix badge on RTD Theme */
|
|
|
|
/* Please keep RTD badge displayed on your site */
|
|
.rst-versions.rst-badge {
|
|
display: block;
|
|
|
|
bottom: 50px;
|
|
|
|
/* Workaround for mkdocs which set a specific height for this element */
|
|
height: auto;
|
|
}
|
|
|
|
.rst-other-versions {
|
|
text-align: left;
|
|
}
|
|
|
|
.rst-other-versions a {
|
|
border: 0;
|
|
}
|
|
|
|
.rst-other-versions dl {
|
|
margin: 0;
|
|
}
|
|
|
|
.rtd-current-item {
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
/* Fix RTD theme bottom margin */
|
|
.rst-content .line-block {
|
|
margin-bottom: 24px
|
|
}
|
|
|
|
/* Fix for nav bottom padding with flyout */
|
|
nav.wy-nav-side {
|
|
padding-bottom: 3em;
|
|
}
|
|
|
|
/* bookmark icon */
|
|
.bookmark-added-msg {display: none;}
|
|
.bookmark-active {display: none;}
|
|
.bookmark-inactive {display: none;}
|
|
|
|
|
|
/* Read the Docs promotional block, only applicable to RTD.org
|
|
|
|
To support sphinx_rtd_theme, a `wy-menu` element is added. Other themes are
|
|
targeted using the theme identifier and use custom elements instead of a CSS
|
|
framework html structure.
|
|
|
|
*/
|
|
|
|
div.ethical-sidebar,
|
|
div.ethical-footer {
|
|
display: block !important;
|
|
}
|
|
.ethical-sidebar,
|
|
.ethical-footer {
|
|
padding: 0.5em;
|
|
margin: 1em 0;
|
|
}
|
|
.ethical-sidebar img,
|
|
.ethical-footer img {
|
|
width: 120px;
|
|
height: 90px;
|
|
display: inline-block;
|
|
}
|
|
.ethical-sidebar .ethical-callout,
|
|
.ethical-footer .ethical-callout {
|
|
padding-top: 1em;
|
|
clear: both;
|
|
}
|
|
.ethical-sidebar .ethical-pixel,
|
|
.ethical-footer .ethical-pixel,
|
|
.ethical-fixedfooter .ethical-pixel {
|
|
display: none !important;
|
|
}
|
|
.ethical-sidebar .ethical-text,
|
|
.ethical-footer .ethical-text {
|
|
margin-top: 1em;
|
|
}
|
|
.ethical-sidebar .ethical-image-link,
|
|
.ethical-footer .ethical-image-link {
|
|
border: 0;
|
|
}
|
|
|
|
.ethical-sidebar,
|
|
.ethical-footer {
|
|
background-color: #eee;
|
|
border: 1px solid #ccc;
|
|
border-radius: 5px;
|
|
color: #0a0a0a;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
}
|
|
|
|
/* Techstack badging */
|
|
.ethical-sidebar ul {
|
|
margin: 0 !important;
|
|
padding-left: 0;
|
|
list-style: none;
|
|
}
|
|
.ethical-sidebar ul li {
|
|
display: inline-block;
|
|
background-color: lightskyblue;
|
|
color: black;
|
|
padding: 0.25em 0.4em;
|
|
font-size: 75%;
|
|
font-weight: 700;
|
|
margin: 0.25em;
|
|
border-radius: 0.25rem;
|
|
text-align: center;
|
|
vertical-align: baseline;
|
|
white-space: nowrap;
|
|
line-height: 1.41;
|
|
}
|
|
.ethical-sidebar ul li:not(:last-child) {
|
|
margin-right: .25rem;
|
|
}
|
|
|
|
.ethical-sidebar a,
|
|
.ethical-sidebar a:visited,
|
|
.ethical-sidebar a:hover,
|
|
.ethical-sidebar a:active,
|
|
.ethical-footer a,
|
|
.ethical-footer a:visited,
|
|
.ethical-footer a:hover,
|
|
.ethical-footer a:active {
|
|
color: #0a0a0a;
|
|
text-decoration: none !important;
|
|
border-bottom: 0 !important;
|
|
}
|
|
|
|
.ethical-callout a {
|
|
color: #707070 !important;
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
/* Sidebar promotions */
|
|
.ethical-sidebar {
|
|
text-align: center;
|
|
max-width: 300px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
/* Footer promotions */
|
|
.ethical-footer {
|
|
text-align: left;
|
|
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
}
|
|
.ethical-footer img {
|
|
float: right;
|
|
margin-left: 25px;
|
|
}
|
|
.ethical-footer .ethical-callout {
|
|
text-align: center;
|
|
}
|
|
.ethical-footer small {
|
|
font-size: 10px;
|
|
}
|
|
|
|
/* Fixed footer promotions */
|
|
.ethical-fixedfooter {
|
|
box-sizing: border-box;
|
|
position: fixed;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 100;
|
|
background-color: #eee;
|
|
border-top: 1px solid #bfbfbf;
|
|
font-size: 12px;
|
|
line-height: 1.5;
|
|
padding: 0.5em 1.5em;
|
|
text-align: center;
|
|
color: #404040;
|
|
width: 100%; /* Fallback for Opera Mini */
|
|
width: 100vw;
|
|
}
|
|
@media (min-width: 769px) {
|
|
/* Improve viewing on non-mobile */
|
|
.ethical-fixedfooter {
|
|
font-size: 13px;
|
|
padding: 1em 1.5em;
|
|
}
|
|
}
|
|
.ethical-fixedfooter .ethical-text:before {
|
|
margin-right: 4px;
|
|
padding: 2px 6px;
|
|
border-radius: 3px;
|
|
background-color: #4caf50;
|
|
color: #fff;
|
|
content: "Sponsored";
|
|
}
|
|
.ethical-fixedfooter .ethical-callout {
|
|
color: #999;
|
|
padding-left: 6px;
|
|
white-space: nowrap;
|
|
}
|
|
.ethical-fixedfooter a,
|
|
.ethical-fixedfooter a:hover,
|
|
.ethical-fixedfooter a:active,
|
|
.ethical-fixedfooter a:visited {
|
|
color: #404040;
|
|
text-decoration: none;
|
|
}
|
|
.ethical-fixedfooter .ethical-close {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 5px;
|
|
font-size: 20px;
|
|
line-height: 20px;
|
|
}
|
|
|
|
/* RTD Theme specific customizations */
|
|
.wy-nav-side .ethical-rtd {
|
|
/* RTD theme doesn't correctly set the sidebar width */
|
|
max-width: 300px;
|
|
padding: 0 1em;
|
|
}
|
|
.ethical-rtd .ethical-sidebar {
|
|
/* RTD theme doesn't set sidebar text color */
|
|
color: #b3b3b3;
|
|
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
}
|
|
|
|
@media (min-width: 769px) {
|
|
/* Make sure the fixed footer ad is under the RTD theme version selector */
|
|
.wy-body-for-nav .ethical-fixedfooter {
|
|
padding-left: 300px;
|
|
}
|
|
}
|
|
|
|
/* Alabaster specific customizations */
|
|
.ethical-alabaster a.ethical-image-link {
|
|
/* Alabaster adds a border even to image links on hover */
|
|
border: 0 !important;
|
|
}
|
|
.ethical-alabaster hr {
|
|
/* Alabaster needs some extra spacing before the footer ad */
|
|
margin-top: 2em;
|
|
}
|
|
.ethical-alabaster::before {
|
|
/* Alabaster's search box above the ad is floating */
|
|
clear: both;
|
|
content: '';
|
|
display: table;
|
|
margin-top: 3em;
|
|
}
|
|
|
|
/* Dark theme */
|
|
.ethical-dark-theme .ethical-sidebar {
|
|
background-color: #4e4b4b;
|
|
border: 1px solid #a0a0a0;
|
|
color: #c2c2c2 !important;
|
|
}
|
|
.ethical-dark-theme a,
|
|
.ethical-dark-theme a:visited {
|
|
color: #e6e6e6 !important;
|
|
border-bottom: 0 !important;
|
|
}
|
|
.ethical-dark-theme .ethical-callout a {
|
|
color: #b3b3b3 !important;
|
|
}
|
|
|
|
|
|
/* Ad block nag */
|
|
.keep-us-sustainable {
|
|
padding: .5em;
|
|
margin: 1em auto;
|
|
text-align: center;
|
|
border: 1px dotted #8ECC4C;
|
|
max-width: 300px;
|
|
}
|
|
.keep-us-sustainable a,
|
|
.keep-us-sustainable a:hover,
|
|
.keep-us-sustainable a:visited {
|
|
text-decoration: none;
|
|
}
|
|
/* Read the Docs theme specific fixes */
|
|
.wy-nav-side .keep-us-sustainable {
|
|
margin: 1em 2em 1em 1em;
|
|
color: #b3b3b3;
|
|
}
|
|
.wy-nav-side .keep-us-sustainable a {
|
|
color: #efefef;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
}
|
|
|
|
/* Margin between the search results */
|
|
.rtd_search_hits_spacing {
|
|
margin: 10px 0;
|
|
}
|
|
|