Skip to content

Commit

Permalink
Fix: Rebase from main
Browse files Browse the repository at this point in the history
  • Loading branch information
@lwasser
lwasser committed Dec 15, 2023
1 parent 5918c3c commit 88d2a0f
Showing 1 changed file with 212 additions and 12 deletions.
224 changes: 212 additions & 12 deletions _static/pyos.css
View file
Original file line number Diff line number Diff line change
@@ -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;
Expand All @@ -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+ */
}

0 comments on commit 88d2a0f

Please sign in to comment.