--- a +++ b/docs/_static/style.css @@ -0,0 +1,221 @@ +:root { + --text-align: justify; + --pst-font-size-base: 16px; + --pst-font-size-milli: 13px; + --pst-font-family-base: 'Source Sans Pro', var(--pst-font-family-base-system); + --pst-font-family-heading: var(--pst-font-family-base); + --pst-font-family-monospace: 'Source Code Pro', var(--pst-font-family-monospace-system); +} + +html[data-theme="light"] { + ---color-github: #000; + --braindecode-color-discourse: #000; + --braindecode-color-discord: #5865F2; + --braindecode-color-twitter: #55acee; + --pst-color-border-rgba: rgba(0, 0, 0, 0.125); + --pst-color-background-rgba: rgba(0, 0, 0, 0.03); + --pst-color-primary-rgba: rgba(69, 157, 185, 0.2); + --pst-color-secondary-rgba: rgba(238, 144, 64, 0.2); + --copybtn-opacity: 0.75; + /* sphinx-gallery overrides */ + --sg-download-a-background-color: var(--pst-color-primary); + --sg-download-a-background-image: unset; + --sg-download-a-border-color: var(--pst-color-border-rgba); + --sg-download-a-color: #fff; + --sg-download-a-hover-background-color: var(--pst-color-secondary); + --sg-download-a-hover-box-shadow-1: none; + --sg-download-a-hover-box-shadow-2: none; +} +html[data-theme="dark"] { + --braindecode-color-github: #fff; + --braindecode-color-discourse: #FFF9AE; /* color taken from their logo SVG */ + --braindecode-color-discord: #fff; + --braindecode-color-twitter: #55acee; + --pst-color-border-rgba: rgba(201, 201, 201, 0.25); + --pst-color-background-rgba: rgba(255, 255, 255, 0.08); + --pst-color-primary-rgba: rgba(69, 157, 185, 0.3); + --pst-color-secondary-rgba: rgba(238, 144, 64, 0.3); + --copybtn-opacity: 0.25; + /* sphinx-gallery overrides */ + --sg-download-a-background-color: var(--pst-color-primary); + --sg-download-a-background-image: unset; + --sg-download-a-border-color: var(--pst-color-border-rgba); + --sg-download-a-color: #fff; + --sg-download-a-hover-background-color: var(--pst-color-secondary); + --sg-download-a-hover-box-shadow-1: none; + --sg-download-a-hover-box-shadow-2: none; +} + +/* ************************************************************ Sphinx fixes */ +dl.field-list { + grid-template-columns: auto 1fr; +} + +/* ********************************************************** Sphinx-gallery */ + +/* backreference links: restore hover decoration that SG removes */ +a.sphx-glr-backref-instance:hover { + text-decoration: underline; +} +/* backreference links: make non-Brainde func/meth calls resemble regular code */ +a[class^="sphx-glr-backref-module"] { + color: rgb(var(--pst-color-text-base)); +} +/* backreference links: make Braindecode calls bold and colorful */ +a[class^="sphx-glr-backref-module-braindecode"] { + font-weight: 600; + color: rgb(var(--pst-color-link)); +} +/* suppress redundant note at top of every tutorial and signature at the end */ +div.sphx-glr-download-link-note, +p.sphx-glr-signature { + visibility: hidden; + height: 0; + margin: 0; + padding: 0; +} +/* script/notebook download buttons */ +.sphx-glr-download a.download { + /* ↓↓↓↓↓↓↓ these two rules copied from sphinx-design */ + box-shadow: 0 .125rem .25rem var(--sd-color-shadow) !important; + transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; +} +/* Report embedding */ +iframe.sg_report { + width: 95%; + height: 70vh; + margin: 20px auto; + display: block; + border-style: solid; +} +/* Disable thumbnail tooltips on hover */ +.sphx-glr-thumbcontainer[tooltip]:hover::before, +.sphx-glr-thumbcontainer[tooltip]:hover::after { + display: none; +} + +/* ******************************** make HTML'd pandas dataframes scrollable */ +table.dataframe { + display: block; + overflow: auto; +} + +/* ********************************* Long API titles need to wrap for mobile */ +div[id^="braindecode-"] h1, +div[id^="examples-using-"] h2 { + word-break: break-word; +} + +/* ******************************************* in-text sidebar callout boxes */ +div.sidebar, +aside.sidebar { + background-color: var(--pst-color-primary-rgba); + border-color: rgb(var(--pst-color-info)); +} + +/* **************************************************************** homepage */ +img.logo { + max-width: 500px; + width: 100%; +} + +/* ************************************* homepage quick links & funders list */ +ul.quicklinks { + font-weight: 600; +} +ul.quicklinks a:hover { + text-decoration: none; +} +ul.funders li { + margin-left: 36px; + text-indent: -36px; + padding-bottom: 9px; +} +ul.funders li img { + width: 30px; + max-height: 24px; + object-fit: contain; +} + +/* these two also affect collapsible divs */ +h5.card-header { + margin-top: 0px; + margin-bottom: 0px; +} +h5.card-header::before { + height: 0px; + margin-top: 0px; +} + +/* ******************************************************** version dropdown */ +.dropdown { + padding: 0 .5rem; /* match other items in the hamburger menu */ +} +.dropdown-toggle { + font-weight: 600; +} + +/* ********************************************* sphinx-design compatibility */ +.sd-dropdown { + border: 1px solid var(--pst-color-border-rgba) !important; + box-shadow: 1px 1px 1px var(--pst-color-shadow); +} +.sd-card-header { + border-bottom: 1px solid var(--pst-color-border-rgba) !important; + background-color: var(--pst-color-background-rgba) !important; +} +.sd-card-footer { + border-top: 1px solid var(--pst-color-border-rgba) !important; + background-color: var(--pst-color-background-rgba) !important; +} +p.btn a { + color: unset; +} +/* remove this when + https://github.com/pydata/pydata-sphinx-theme/issues/733 is addressed + ↓↓↓↓↓↓↓↓↓ */ +.sd-btn-primary { + background-color: var(--pst-color-link) !important; + border-color: var(--pst-color-link) !important +} +.sd-btn-primary:hover { + background-color: var(--pst-color-link-hover) !important; + border-color: var(--pst-color-link-hover) !important +} + +/* ****************************************************** navbar quick links */ + +#navbar-icon-links i.fa-github-square::before { + color: var(--braindecode-color-github); +} +#navbar-icon-links i.fa-twitter-square::before { + color: var(--braindecode-color-twitter); +} +#navbar-icon-links i.fa-discourse::before { + color: var(--braindecode-color-discourse); +} +#navbar-icon-links i.fa-discord::before { + color: var(--braindecode-color-discord); +} +/* *********************************************************** contrib guide */ +ul.icon-bullets { + list-style-type: none; + padding-left: 2em; + text-indent: -1.5em; +} +.small-stack { + font-size: 0.5em; +} +/* *********************************************************** copy button */ +button.copybtn { + /* always show; https://sphinx-copybutton.readthedocs.io/en/latest/use.html#modify-the-copy-button-s-css */ + opacity: var(--copybtn-opacity); + } + +/* *********************************************************** miscellaneous */ +.hidden { + display: none; +} +img.hidden { + visibility: hidden; +}