diff --git a/source/_static/css/custom.css b/source/_static/css/custom.css index be4584e9..171f07b1 100644 --- a/source/_static/css/custom.css +++ b/source/_static/css/custom.css @@ -32,4 +32,37 @@ dl.py-parameter-list .param-type { .version-changed { background: #e7f1fb; color: #1c5d99; } .version-deprecated { background: #fdf3e0; color: #9a6b00; } .version-removed { background: #fbe9e9; color: #a32020; } -.version-fixed { background: #ece9fb; color: #5b3da3; } \ No newline at end of file +.version-fixed { background: #ece9fb; color: #5b3da3; } + +/* Home button: 𝜒ara, chi matching the favicon and homepage title */ +.navbar-brand .brand-chi { + font-size: 1.5rem; + line-height: 1; + color: var(--pst-color-text-base); +} + +.navbar-brand:hover .brand-chi { + color: var(--pst-color-link-hover); +} + +/* Dark-mode dark panels for sphinx-tabs */ +html[data-theme="dark"] .sphinx-tabs-panel { + color: var(--pst-color-text-base); + background: rgb(50, 50, 50); + border-color: #4a4a4a; +} + +html[data-theme="dark"] .sphinx-tabs-tab { + color: var(--pst-color-link); + background-color: rgba(255, 255, 255, 0.05); +} + +html[data-theme="dark"] .sphinx-tabs-tab[aria-selected="true"] { + border-color: #4a4a4a; + border-bottom: 1px solid rgb(50, 50, 50); + background-color: rgb(50, 50, 50); +} + +html[data-theme="dark"] [role="tablist"] { + border-bottom-color: #4a4a4a; +} \ No newline at end of file diff --git a/source/_static/css/home-css/home.css b/source/_static/css/home-css/home.css index 22972a42..5ff62f84 100644 --- a/source/_static/css/home-css/home.css +++ b/source/_static/css/home-css/home.css @@ -17,4 +17,64 @@ h2 { line-height: 1.5; padding: .5rem .75rem; position: relative; -} +} + +/* Header nav: all links inline (no "More" dropdown), wrapping if needed; + stacked vertically in the mobile (hamburger) menu */ +.bd-navbar-elements { + display: flex; + flex-direction: row; + flex-wrap: wrap; + list-style: none; + margin: 0; +} + +@media (max-width: 1023px) { + .bd-navbar-elements { + flex-direction: column; + } +} + +/* Open the "More" dropdown as an overlay instead of pushing content down + (theme CSS sets .dropdown-menu to position: static) */ +.bd-navbar-elements .nav-item.dropdown { + position: relative; +} + +.bd-navbar-elements .dropdown-menu { + position: absolute; + top: 100%; + right: 0; +} + +.bd-footer a:visited { + color: #6f42c1; +} + +.bd-footer a:hover, +.bd-footer a:visited:hover { + color: var(--colorPrimaryLight); +} + +.bd-footer h5 { + font-weight: 700; + margin-bottom: 1rem; +} + +/* enlarge GitHub icon: Bulma's .icon caps it at 1.5rem */ +.bd-footer .social-media-icons svg.icon { + width: 2.5rem; + height: 2.5rem; + transition: fill .15s ease-in-out; +} + +.bd-footer .social-media-icons svg.icon:hover { + fill: var(--colorPrimaryLight); +} + +/* Pull the icon column left (one grid column = 8.3333%) */ +@media (min-width: 992px) { + .bd-footer .xara-footer { + margin-left: -5%; + } +} diff --git a/source/_templates/home.html b/source/_templates/home.html index 4c317af4..fdf48949 100644 --- a/source/_templates/home.html +++ b/source/_templates/home.html @@ -38,6 +38,8 @@ document.documentElement.dataset.theme = "light"; // localStorage.getItem("theme") || "light"; + + @@ -89,9 +91,6 @@
- xara is a free tool developed at the University of California, Berkeley and published by the Pacific Earthquake Engineering Research center. + xara is a free tool developed at the University of California, Berkeley and published by the Pacific Earthquake Engineering Research center (PEER). More free tools from PEER: