PointsOfOrder/_static/custom_html.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;
}
}