From 88d2a0f0e5f0f18ed5e067c68ea4dd89de0b9e0b Mon Sep 17 00:00:00 2001 From: Leah Wasser Date: Fri, 15 Dec 2023 16:37:09 -0700 Subject: [PATCH] Fix: Rebase from main --- _static/pyos.css | 224 ++++++++++++++++++++++++++++++++++++++++++++--- 1 file changed, 212 insertions(+), 12 deletions(-) diff --git a/_static/pyos.css b/_static/pyos.css index a9662bfb..b47b9ec2 100644 --- a/_static/pyos.css +++ b/_static/pyos.css @@ -1,34 +1,65 @@ +/* PyOS-specific vars :) */ +:root { + --pyos-color-primary: #703c87; + --pyos-color-secondary: #8045e5; + --pyos-color-secondary-highlight: #591bc2; + --pyos-color-tertiary: #A66C98; + --pyos-color-dark: #542568; + --pyos-color-light: #DAABCF; + + /* Darkmode Adjustments*/ + --pyos-dm-color-primary: #C483E0; + + /* Fonts (overrides base theme) */ + --pst-font-family-heading: 'Poppins', sans-serif; + --pst-font-family-base: 'Poppins', sans-serif; + --pyos-font-family-h1: 'Itim', serif; + +} + +html, body { + font-size: 1.0rem; +} + +/* Allow the center content to expand to wide on wide screens */ +@media (min-width: 960px){ +.bd-page-width { + max-width: min(100%, 1600px)!important; + } +} + +/* Make sure the header nav is centered - not sure why it's not overriding*/ +.navbar-header-items .me-auto, .me-auto .navbar-header-items__center { + margin-left: auto!important; + margin-right: auto!important; +} + /* custom fonts */ html, body { font-size: 1.02rem; - font-family: 'Poppins', sans-serif!important; } body p { } .admonition { - margin-top: 40px; - margin-bottom: 40px; -} - -h2, h3, h4 { - font-family: 'Poppins', sans-serif!important; + margin-top: 60px!important; + margin-bottom: 70px!important; } h1 { margin-top: 10px; margin-bottom: 40px; - font-family: 'Itim'!important; - color: #542568; + font-family: var(--pyos-font-family-h1) !important; + color: var(--pyos-h1-color); } h2 { - margin-top: 60px; + margin-top: 80px; } h3 { - margin-top: 40px} + margin-top: 60px} figcaption .caption-text { text-align: left!important; @@ -46,5 +77,174 @@ figcaption { .admonition p { - font-size: 1em; + font-size: .9em; +} + +/* Navbar */ +/* +Don't fill all vertical space beneath TOC, which causes +readthedocs version selector to fall off the page and the +ugly scrollbar to show all the time +*/ +.bd-sidebar-primary .sidebar-primary-items__end { + margin-bottom: unset; + margin-top: unset; +} + +/* Tutorial block page */ +.left-div { + background-color: #3498db; + color: #fff; + text-align: center; + padding: 20px; + width: 35%; + border-radius: 10px; +} + +.right-div { + margin-top: 10px; +} + +.lesson-div { + cursor: pointer; + transition: background-color 0.3s; + margin-bottom: 10px; + padding: 10px; + border-radius: 5px; + text-align: center; + color: #333; +} + +.lesson-div a { + color: inherit; + text-decoration: none; + display: block; + height: 100%; + width: 100%; +} + +.lesson-div:hover { + background-color: #ccc; +} + +/* Different colors and their shades */ +.lesson-div:nth-child(1) { + background-color: #216A6B; + color: #fff; +} + +.lesson-div:nth-child(2) { + background-color: #6D597A; + color: #fff; +} + +.lesson-div:nth-child(3) { + background-color: #B56576; + color: #fff; +} + +.lesson-div:nth-child(4) { + background-color: #3A8C8E; /* Shade of #216A6B */ +} + +.lesson-div:nth-child(5) { + background-color: #8F7B8D; /* Shade of #6D597A */ +} + +.lesson-div:nth-child(6) { + background-color: #D78287; /* Shade of #B56576 */ +} + +.lesson-div:nth-child(7) { + background-color: #185355; /* Darker shade of #216A6B */ + color: #fff; +} + + + +html[data-theme=light] { + --pst-color-primary: var(--pyos-color-primary); + --pst-color-primary-text: #fff; + --pst-color-primary-highlight: #053f49; + --sd-color-primary: var(--pst-color-primary); + --sd-color-primary-text: var(--pst-color-primary-text); + --sd-color-primary-highlight: var(--pst-color-primary-highlight); + --sd-color-primary-bg: #d0ecf1; + --sd-color-primary-bg-text: #14181e; + --pst-color-secondary: var(--pyos-color-secondary); + --pst-color-secondary-text: #fff; + --pst-color-secondary-highlight: var(--pyos-color-secondary-highlight); + --sd-color-secondary: var(--pst-color-secondary); + --sd-color-secondary-text: var(--pst-color-secondary-text); + --sd-color-secondary-highlight: var(--pst-color-secondary-highlight); + --sd-color-secondary-bg: #e0c7ff; + --sd-color-secondary-bg-text: #14181e; + --pst-color-success: #00843f; + --pst-color-success-text: #fff; + --pst-color-success-highlight: #00381a; + --sd-color-success: var(--pst-color-success); + --sd-color-success-text: var(--pst-color-success-text); + --sd-color-success-highlight: var(--pst-color-success-highlight); + --sd-color-success-bg: #d6ece1; + --sd-color-success-bg-text: #14181e; + --pst-color-info: #A66C98; /* general admonition */ + --pst-color-info-bg: #eac8e2; + --pst-heading-color: var(--pyos-color-dark); + --pyos-h1-color: var(--pyos-color-dark); +} + +html[data-theme=dark] { + --pst-color-primary: var(--pyos-dm-color-primary); + --pst-color-link: var(--pyos-color-light); + --pst-color-link-hover: var(--pyos-dm-color-primary); + --pyos-h1-color: var(--pyos-color-light); +} + + +/* -------------------------------------- */ +/* Generated by https://gwfh.mranftl.com/ */ + +/* poppins-regular - latin */ +@font-face { + font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ + font-family: 'Poppins'; + font-style: normal; + font-weight: 400; + src: url('./fonts/poppins-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ +} + +/* poppins-italic - latin */ +@font-face { + font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ + font-family: 'Poppins'; + font-style: italic; + font-weight: 400; + src: url('./fonts/poppins-v20-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ +} + +/* poppins-700 - latin */ +@font-face { + font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ + font-family: 'Poppins'; + font-style: normal; + font-weight: 700; + src: url('./fonts/poppins-v20-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ +} + +/* poppins-700italic - latin */ +@font-face { + font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ + font-family: 'Poppins'; + font-style: italic; + font-weight: 700; + src: url('./fonts/poppins-v20-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ +} + +/* itim-regular - latin */ +@font-face { + font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ + font-family: 'Itim'; + font-style: normal; + font-weight: 400; + src: url('./fonts/itim-v14-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }