98 lines
1.7 KiB
CSS
98 lines
1.7 KiB
CSS
|
/* Fonts */
|
||
|
|
||
|
@font-face {
|
||
|
font-family: 'SansParaSymbol';
|
||
|
src: local('FreeSans'), local('Helvetica'), local('Arial'), local('sans-serif');
|
||
|
unicode-range: U+B6;
|
||
|
}
|
||
|
|
||
|
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,400;0,600;1,400&family=Source+Sans+Pro:ital,wght@0,400;0,600;1,400;1,600&display=swap');
|
||
|
|
||
|
body {
|
||
|
font-family: SansParaSymbol, 'IBM Plex Serif', serif;
|
||
|
}
|
||
|
|
||
|
div.body h1, div.body h2, div.body h3, div.body h4, div.body h5, div.body h6 {
|
||
|
font-family: 'Source Sans Pro', sans-serif;
|
||
|
font-weight: 600;
|
||
|
}
|
||
|
|
||
|
div.sphinxsidebarwrapper h1.logo {
|
||
|
font-weight: 600;
|
||
|
}
|
||
|
|
||
|
a.headerlink {
|
||
|
font-family: SansParaSymbol, sans-serif;
|
||
|
}
|
||
|
|
||
|
/* Paragraph numbers */
|
||
|
|
||
|
div.body p {
|
||
|
position: relative;
|
||
|
}
|
||
|
|
||
|
span.paragraph-num {
|
||
|
width: 3rem;
|
||
|
position: absolute;
|
||
|
left: -3.5rem;
|
||
|
padding-right: 1rem; /* For mouseover bounding box */
|
||
|
|
||
|
text-align: right;
|
||
|
font-size: 0.8rem;
|
||
|
|
||
|
visibility: hidden;
|
||
|
}
|
||
|
|
||
|
span.paragraph-num a {
|
||
|
color: #aaa;
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
span.paragraph-num a:hover {
|
||
|
border-bottom: 1px solid #aaa;
|
||
|
}
|
||
|
|
||
|
span.paragraph-num a::before {
|
||
|
content: '¶';
|
||
|
font-family: SansParaSymbol, sans-serif;
|
||
|
}
|
||
|
|
||
|
p:hover span.paragraph-num {
|
||
|
visibility: visible;
|
||
|
}
|
||
|
|
||
|
/* Remove underlining from links */
|
||
|
|
||
|
a, a.reference, a.footnote-reference {
|
||
|
border-bottom: none;
|
||
|
}
|
||
|
|
||
|
/* Sidebar */
|
||
|
|
||
|
div.sphinxsidebarwrapper p.caption {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
/* Media queries */
|
||
|
|
||
|
@media screen and (max-width: 870px) {
|
||
|
/* Override narrow window list formatting */
|
||
|
|
||
|
ul {
|
||
|
margin-left: 30px;
|
||
|
}
|
||
|
|
||
|
/* Paragraph numbers */
|
||
|
|
||
|
span.paragraph-num {
|
||
|
left: -3.2rem;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media screen and (max-width: 875px) {
|
||
|
/* Sidebar text colour */
|
||
|
|
||
|
div.sphinxsidebar ul {
|
||
|
color: #fff;
|
||
|
}
|
||
|
}
|