wehub-resource-sync
451 lines
12 KiB
CSS
451 lines
12 KiB
CSS
/* Override default colors used in the Sphinx theme. See
|
|
* https://pydata-sphinx-theme.readthedocs.io/en/stable/user_guide/styling.html#css-theme-variables
|
|
* for more information. `important!` is needed below to override
|
|
* dark/light theme specific values, which normally take precedence over the PST defaults.
|
|
* */
|
|
html {
|
|
--anyscale-blue: #0066FF;
|
|
--ray-blue: #02A0CF; /* Ray blue color - use this for all ray branding */
|
|
--pst-color-primary: var(--ray-blue) !important;
|
|
--pst-color-inline-code-links: var(--ray-blue) !important;
|
|
|
|
/* Transparent highlight color; default yellow is hard on the eyes */
|
|
--pst-color-target: #ffffff00 !important;
|
|
--color-diff-delete-bg: rgba(212, 118, 22, 0.3);
|
|
--color-diff-insert-bg: rgba(56, 139, 253, 0.3);
|
|
--color-diff-nochange-bg: rgba(0, 0, 0, 0);
|
|
|
|
--pst-font-family-base: 'Inter', sans-serif;
|
|
--stata-dark-background: #232629;
|
|
}
|
|
|
|
html[data-theme='dark'] {
|
|
--pst-color-background: #161a1d;
|
|
--pst-color-on-background: #1d2125;
|
|
--pst-color-text-base: #f1f2f4;
|
|
--pst-color-text-muted: #b3b9c4;
|
|
--pst-color-border: #2c333a;
|
|
--bs-body-color: #f1f2f4;
|
|
--heading-color: #ffffff;
|
|
--base-pygments-code-color: #cccccc;
|
|
--pst-color-link-hover: #cce0ff;
|
|
--anyscale-border-color: #f1f2f4;
|
|
}
|
|
|
|
html[data-theme='light'] {
|
|
--pst-color-background: #ffffff;
|
|
--pst-color-on-background: #ffffff;
|
|
--pst-color-text-base: #22272b;
|
|
--pst-color-text-muted: #454f59;
|
|
--pst-color-border: #dcdfe4;
|
|
--heading-color: #161a1d;
|
|
--base-pygments-code-color: #cccccc;
|
|
--pst-color-link-hover: #09326c;
|
|
--anyscale-border-color: #161a1d;
|
|
}
|
|
|
|
nav.bd-links li > a:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover {
|
|
text-decoration-thickness: unset;
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
color: var(--heading-color);
|
|
}
|
|
|
|
/* Gradient ellipse background */
|
|
.bd-sidebar-secondary {
|
|
background-color: transparent;
|
|
}
|
|
.bd-content:after {
|
|
/* Commenting the code below to make more modifications after 2.10 release */
|
|
/* background: linear-gradient(
|
|
60deg,
|
|
rgba(0, 85, 204, 0.18) 14%,
|
|
rgba(110, 93, 198, 0.18) 49.2%,
|
|
rgba(174, 71, 135, 0.18) 81.54%
|
|
); */
|
|
background-size: 746px 746px;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
border-radius: 373px;
|
|
background-origin: 50%;
|
|
background-attachment: scroll;
|
|
content: '';
|
|
transform: translate(50%, 0%);
|
|
width: 746px;
|
|
height: 746px;
|
|
position: absolute;
|
|
filter: blur(100px);
|
|
z-index: -1;
|
|
}
|
|
|
|
/* Pygments diff code cell line colors; match github colorblind theme */
|
|
div.highlight > pre > span.gd {
|
|
background-color: var(--color-diff-delete-bg);
|
|
}
|
|
div.highlight > pre > span.gi {
|
|
background-color: var(--color-diff-insert-bg);
|
|
}
|
|
div.highlight > pre > span.w {
|
|
background-color: var(--color-diff-nochange-bg);
|
|
}
|
|
/* Fix some pygments styles that inadvertently get overridden by PST */
|
|
.highlight pre {
|
|
background-color: var(--stata-dark-background);
|
|
color: var(--base-pygments-code-color);
|
|
}
|
|
|
|
/* Make the article content take up all available space */
|
|
.bd-main .bd-content .bd-article-container {
|
|
max-width: 100%; /* default is 60em */
|
|
}
|
|
.bd-page-width {
|
|
max-width: 100%; /* default is 88rem */
|
|
}
|
|
|
|
/* Hide the "Hide Search Matches" button (we aren't highlighting search terms anyway) */
|
|
#searchbox {
|
|
display: none;
|
|
}
|
|
|
|
/* Top navbar styling */
|
|
.navbar-toplevel p {
|
|
margin: 0;
|
|
padding-inline-start: 0;
|
|
}
|
|
.ref-container > p {
|
|
height: 100%;
|
|
}
|
|
div.navbar-dropdown {
|
|
display: none;
|
|
position: relative;
|
|
left: -50%;
|
|
color: var(--pst-color-text-muted);
|
|
}
|
|
span.navbar-link-title {
|
|
color: var(--pst-color-text-base);
|
|
}
|
|
.navbar-sublevel p a.reference {
|
|
text-decoration: none;
|
|
color: var(--pst-color-text-muted);
|
|
}
|
|
.navbar-sublevel p a.reference:hover > span.navbar-link-title {
|
|
text-decoration: underline;
|
|
color: var(--pst-color-link-hover);
|
|
}
|
|
.navbar-toplevel li {
|
|
display: inline-flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 100%;
|
|
padding: 0em 1em;
|
|
}
|
|
ul.navbar-toplevel li:hover > div.navbar-dropdown {
|
|
display: block;
|
|
}
|
|
ul.navbar-toplevel {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin: 0;
|
|
height: 100%;
|
|
padding-left: 0;
|
|
}
|
|
.navbar-content ul.navbar-sublevel {
|
|
position: absolute;
|
|
background: var(--pst-color-on-background);
|
|
white-space: pre;
|
|
padding: 0em 1em;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: baseline;
|
|
box-shadow: 0 5px 15px 0 rgb(0 0 0 / 10%);
|
|
}
|
|
div.navbar-content a {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: start;
|
|
white-space: pre;
|
|
justify-content: center;
|
|
/* pydata-sphinx-theme 0.14's `.navbar-nav li a { height: 100% }` was
|
|
scoped to `ul.navbar-nav li a` in 0.17, which no longer matches our
|
|
`<nav class="navbar-nav">`. Without height: 100% on <a>, the <a>
|
|
shrinks to text height (~26px) inside its 64px-tall <p> parent,
|
|
leaving the link text top-aligned in the navbar and the chevron
|
|
(which is centered on the .ref-container) visually below the text.
|
|
Restoring height: 100% lets justify-content: center vertically
|
|
center the text in the full-height anchor. */
|
|
height: 100%;
|
|
}
|
|
div.navbar-content {
|
|
height: 100%;
|
|
}
|
|
nav.navbar-nav {
|
|
height: 100%;
|
|
}
|
|
.ref-container {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
align-items: center;
|
|
gap: 0.5em;
|
|
height: 100%;
|
|
}
|
|
/* Highlight active nav bar link */
|
|
li.active-link {
|
|
font-weight: bold;
|
|
}
|
|
.navbar-header-items__end {
|
|
/* Prevent the anyscale button from wrapping */
|
|
flex-flow: nowrap !important;
|
|
}
|
|
.navbar {
|
|
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08);
|
|
}
|
|
/* Set the first .navbar-persistent--mobile element to have auto left margin */
|
|
.navbar-persistent--mobile {
|
|
margin-left: auto;
|
|
}
|
|
/* Set any .navbar-persistent--mobile preceeded by a .navbar-persistent--mobile to have */
|
|
/* a 1em left margin */
|
|
.navbar-persistent--mobile ~ .navbar-persistent--mobile {
|
|
margin-left: 1em;
|
|
}
|
|
/* Disable underline for hovered links in the nav bar */
|
|
.navbar-nav li a:hover {
|
|
text-decoration: none;
|
|
}
|
|
/* pydata-sphinx-theme 0.17 stopped removing text-decoration on
|
|
<a class="reference internal"> inside the top navbar (the rule it
|
|
ships now only matches <a class="nav-link">). Re-add it for our
|
|
reference-internal anchors. */
|
|
.navbar-toplevel a.reference {
|
|
text-decoration: none;
|
|
}
|
|
/* pydata-sphinx-theme 0.17 stopped hiding the sidebar-header-items__title
|
|
element (Ray's navbar-links.html template emits "Site Navigation" as
|
|
a screen-reader heading). Hide it in the header context — it still
|
|
renders in the actual sidebar drawer where the heading is useful. */
|
|
.navbar-header-items .sidebar-header-items__title {
|
|
display: none;
|
|
}
|
|
.navbar-header-items {
|
|
padding-left: 0;
|
|
}
|
|
|
|
/* Ray logo */
|
|
.navbar-brand.logo > svg {
|
|
width: 120px;
|
|
}
|
|
.navbar-brand.logo > svg path#ray-text {
|
|
fill: var(--pst-color-text-base);
|
|
}
|
|
|
|
/* Anyscale branding */
|
|
#try-anyscale-text {
|
|
color: var(--pst-color-text-base);
|
|
border-radius: 2px;
|
|
white-space: nowrap;
|
|
padding: 0px 12px;
|
|
height: 40px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
align-items: center;
|
|
gap: 1em;
|
|
border: 1px solid var(--anyscale-border-color);
|
|
}
|
|
#try-anyscale-href {
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* Remove margin for the release header in the sidebar, otherwise it's too much space */
|
|
#release-header {
|
|
margin: 0;
|
|
}
|
|
|
|
/* Center the Ray release header in the sidebar */
|
|
div.sidebar-primary-item:nth-child(1) {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
}
|
|
|
|
/* Center the search button in the sidebar */
|
|
div.sidebar-primary-item:nth-child(2) {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
}
|
|
|
|
/* Disable the "Back to top" button that appears if you scroll down */
|
|
button#pst-back-to-top {
|
|
display: none !important;
|
|
}
|
|
|
|
.bottom-right-promo-banner {
|
|
position: fixed;
|
|
bottom: 100px;
|
|
right: 20px;
|
|
width: 270px;
|
|
}
|
|
|
|
@media (max-width: 1500px) {
|
|
.bottom-right-promo-banner {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
/* Nav sidebar styles */
|
|
.bd-sidebar-primary {
|
|
width: 280px;
|
|
padding: 2em 2em 0em 2em;
|
|
}
|
|
/* Make sidebar take up full primary sidebar gutter, but don't wrap content */
|
|
#main-sidebar {
|
|
width: 100%;
|
|
}
|
|
nav.bd-links li > a {
|
|
color: var(--pst-color-text-base);
|
|
}
|
|
/* Sidebar checkboxes are toggled by clicking on the label; hide actual checkboxes */
|
|
.toctree-checkbox[type='checkbox']:checked ~ ul > li.current-page:before {
|
|
background-color: var(--ray-blue);
|
|
border-radius: 0.5px;
|
|
}
|
|
.toctree-checkbox[type='checkbox']:checked ~ ul > li:before {
|
|
content: '';
|
|
width: 1px;
|
|
height: 100%;
|
|
position: absolute;
|
|
background-color: var(--pst-color-border);
|
|
}
|
|
/* Highlight and bold the primary sidebar entry for the current page */
|
|
#main-sidebar li.current-page > a {
|
|
color: var(--ray-blue) !important;
|
|
font-weight: 600;
|
|
}
|
|
/* Bold the top level primary sidebar links */
|
|
#main-sidebar > .navbar-nav > .nav.bd-sidenav > li > a {
|
|
font-weight: 500;
|
|
}
|
|
|
|
/* Fix some spacing issues associated with competition with PST styles */
|
|
.sidebar-content dl {
|
|
margin-bottom: 0;
|
|
}
|
|
.sidebar-content ol li > p:first-child,
|
|
ul li > p:first-child {
|
|
margin-top: 0 !important;
|
|
}
|
|
|
|
/* Set autosummary API docs to have fixed two-col format, with alternating different background
|
|
* on rows */
|
|
table.autosummary {
|
|
table-layout: fixed;
|
|
}
|
|
table.autosummary .row-odd {
|
|
background-color: var(--pst-color-surface);
|
|
}
|
|
|
|
/* Ensure that long function names get elided and show ellipses to not overflow their bounding boxes */
|
|
table.autosummary tr > td:first-child > p > a > code {
|
|
max-width: 100%;
|
|
width: fit-content;
|
|
display: block;
|
|
}
|
|
table.autosummary tr > td:first-child > p > a > code > span {
|
|
display: block;
|
|
overflow: clip;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
/* RTD footer container makes the parent */
|
|
/* #main-sidebar always scrollable if you don't remove negative margin. */
|
|
/* Restrict width to 30% of the window */
|
|
.bd-sidebar-primary div#rtd-footer-container {
|
|
margin: unset;
|
|
max-width: 30vw;
|
|
}
|
|
|
|
.query-param-ref-wrapper {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
border: 1px solid var(--pst-color-border);
|
|
border-radius: 8px;
|
|
}
|
|
|
|
.query-param-ref-wrapper p {
|
|
margin: 0;
|
|
}
|
|
|
|
/* Styles for tables in example pages */
|
|
.table.example-table {
|
|
table-layout: fixed;
|
|
}
|
|
.table.example-table th:first-child {
|
|
width: 30%;
|
|
}
|
|
|
|
/* pydata-sphinx-theme 0.14 painted the announcement banner background via
|
|
an absolutely-positioned `::after` pseudo-element. 0.17 replaced that
|
|
with `background-color: var(--pst-color-secondary-bg)` directly on
|
|
`.bd-header-announcement`, so the `::after` rule is now a no-op and
|
|
pydata's default secondary-bg paints the banner lavender. Set the
|
|
background directly on the element to keep Ray's teal. */
|
|
.bd-header-announcement {
|
|
color: var(--pst-color-light);
|
|
background-color: var(--ray-blue);
|
|
}
|
|
|
|
.bd-header-announcement a {
|
|
color: var(--pst-color-light);
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/* Prevent the PyData theme Version Switcher from getting too large */
|
|
.version-switcher__menu {
|
|
max-height: 40rem;
|
|
overflow-y: scroll;
|
|
}
|
|
|
|
/* Right align the version switcher dropdown menu to prevent it from going off screen */
|
|
.version-switcher__menu[data-bs-popper] {
|
|
right: 0;
|
|
left: unset;
|
|
}
|
|
|
|
/* Hide the RTD version switcher since we are using PyData theme one */
|
|
readthedocs-flyout {
|
|
display: none !important;
|
|
}
|
|
|
|
/* Styling the experimental Anyscale upsell CTA */
|
|
.anyscale-cta {
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
|
|
/* Prevent text wrapping around left-aligned images on ultra-wide screens */
|
|
@media (min-width: 1600px) {
|
|
.bd-content .align-left,
|
|
.bd-content .figure.align-left,
|
|
.bd-content img.align-left {
|
|
float: none !important;
|
|
display: block;
|
|
clear: both;
|
|
margin-left: 0 !important;
|
|
margin-right: 0 !important;
|
|
}
|
|
} |