Skip to content

Commit 26a6ac0

Browse files
lwasserlwasser
committed
Fix: Rebase from main
1 parent bcd3583 commit 26a6ac0

File tree

1 file changed

+212
-12
lines changed

1 file changed

+212
-12
lines changed

‎_static/pyos.css

Lines changed: 212 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,34 +1,65 @@
1+
/* PyOS-specific vars :) */
2+
:root {
3+
--pyos-color-primary: #703c87;
4+
--pyos-color-secondary: #8045e5;
5+
--pyos-color-secondary-highlight: #591bc2;
6+
--pyos-color-tertiary: #A66C98;
7+
--pyos-color-dark: #542568;
8+
--pyos-color-light: #DAABCF;
9+
10+
/* Darkmode Adjustments*/
11+
--pyos-dm-color-primary: #C483E0;
12+
13+
/* Fonts (overrides base theme) */
14+
--pst-font-family-heading: 'Poppins', sans-serif;
15+
--pst-font-family-base: 'Poppins', sans-serif;
16+
--pyos-font-family-h1: 'Itim', serif;
17+
18+
}
19+
20+
html, body {
21+
font-size: 1.0rem;
22+
}
23+
24+
/* Allow the center content to expand to wide on wide screens */
25+
@media (min-width: 960px){
26+
.bd-page-width {
27+
max-width: min(100%, 1600px)!important;
28+
}
29+
}
30+
31+
/* Make sure the header nav is centered - not sure why it's not overriding*/
32+
.navbar-header-items .me-auto, .me-auto .navbar-header-items__center {
33+
margin-left: auto!important;
34+
margin-right: auto!important;
35+
}
36+
137
/* custom fonts */
238

339
html, body {
440
font-size: 1.02rem;
5-
font-family: 'Poppins', sans-serif!important;
641
}
742

843
body p {
944
}
1045

1146
.admonition {
12-
margin-top: 40px;
13-
margin-bottom: 40px;
14-
}
15-
16-
h2, h3, h4 {
17-
font-family: 'Poppins', sans-serif!important;
47+
margin-top: 60px!important;
48+
margin-bottom: 70px!important;
1849
}
1950

2051
h1 {
2152
margin-top: 10px;
2253
margin-bottom: 40px;
23-
font-family: 'Itim'!important;
24-
color: #542568;
54+
font-family: var(--pyos-font-family-h1) !important;
55+
color: var(--pyos-h1-color);
2556
}
2657
h2 {
27-
margin-top: 60px;
58+
margin-top: 80px;
2859
}
2960

3061
h3 {
31-
margin-top: 40px}
62+
margin-top: 60px}
3263

3364
figcaption .caption-text {
3465
text-align: left!important;
@@ -46,5 +77,174 @@ figcaption {
4677

4778

4879
.admonition p {
49-
font-size: 1em;
80+
font-size: .9em;
81+
}
82+
83+
/* Navbar */
84+
/*
85+
Don't fill all vertical space beneath TOC, which causes
86+
readthedocs version selector to fall off the page and the
87+
ugly scrollbar to show all the time
88+
*/
89+
.bd-sidebar-primary .sidebar-primary-items__end {
90+
margin-bottom: unset;
91+
margin-top: unset;
92+
}
93+
94+
/* Tutorial block page */
95+
.left-div {
96+
background-color: #3498db;
97+
color: #fff;
98+
text-align: center;
99+
padding: 20px;
100+
width: 35%;
101+
border-radius: 10px;
102+
}
103+
104+
.right-div {
105+
margin-top: 10px;
106+
}
107+
108+
.lesson-div {
109+
cursor: pointer;
110+
transition: background-color 0.3s;
111+
margin-bottom: 10px;
112+
padding: 10px;
113+
border-radius: 5px;
114+
text-align: center;
115+
color: #333;
116+
}
117+
118+
.lesson-div a {
119+
color: inherit;
120+
text-decoration: none;
121+
display: block;
122+
height: 100%;
123+
width: 100%;
124+
}
125+
126+
.lesson-div:hover {
127+
background-color: #ccc;
128+
}
129+
130+
/* Different colors and their shades */
131+
.lesson-div:nth-child(1) {
132+
background-color: #216A6B;
133+
color: #fff;
134+
}
135+
136+
.lesson-div:nth-child(2) {
137+
background-color: #6D597A;
138+
color: #fff;
139+
}
140+
141+
.lesson-div:nth-child(3) {
142+
background-color: #B56576;
143+
color: #fff;
144+
}
145+
146+
.lesson-div:nth-child(4) {
147+
background-color: #3A8C8E; /* Shade of #216A6B */
148+
}
149+
150+
.lesson-div:nth-child(5) {
151+
background-color: #8F7B8D; /* Shade of #6D597A */
152+
}
153+
154+
.lesson-div:nth-child(6) {
155+
background-color: #D78287; /* Shade of #B56576 */
156+
}
157+
158+
.lesson-div:nth-child(7) {
159+
background-color: #185355; /* Darker shade of #216A6B */
160+
color: #fff;
161+
}
162+
163+
164+
165+
html[data-theme=light] {
166+
--pst-color-primary: var(--pyos-color-primary);
167+
--pst-color-primary-text: #fff;
168+
--pst-color-primary-highlight: #053f49;
169+
--sd-color-primary: var(--pst-color-primary);
170+
--sd-color-primary-text: var(--pst-color-primary-text);
171+
--sd-color-primary-highlight: var(--pst-color-primary-highlight);
172+
--sd-color-primary-bg: #d0ecf1;
173+
--sd-color-primary-bg-text: #14181e;
174+
--pst-color-secondary: var(--pyos-color-secondary);
175+
--pst-color-secondary-text: #fff;
176+
--pst-color-secondary-highlight: var(--pyos-color-secondary-highlight);
177+
--sd-color-secondary: var(--pst-color-secondary);
178+
--sd-color-secondary-text: var(--pst-color-secondary-text);
179+
--sd-color-secondary-highlight: var(--pst-color-secondary-highlight);
180+
--sd-color-secondary-bg: #e0c7ff;
181+
--sd-color-secondary-bg-text: #14181e;
182+
--pst-color-success: #00843f;
183+
--pst-color-success-text: #fff;
184+
--pst-color-success-highlight: #00381a;
185+
--sd-color-success: var(--pst-color-success);
186+
--sd-color-success-text: var(--pst-color-success-text);
187+
--sd-color-success-highlight: var(--pst-color-success-highlight);
188+
--sd-color-success-bg: #d6ece1;
189+
--sd-color-success-bg-text: #14181e;
190+
--pst-color-info: #A66C98; /* general admonition */
191+
--pst-color-info-bg: #eac8e2;
192+
--pst-heading-color: var(--pyos-color-dark);
193+
--pyos-h1-color: var(--pyos-color-dark);
194+
}
195+
196+
html[data-theme=dark] {
197+
--pst-color-primary: var(--pyos-dm-color-primary);
198+
--pst-color-link: var(--pyos-color-light);
199+
--pst-color-link-hover: var(--pyos-dm-color-primary);
200+
--pyos-h1-color: var(--pyos-color-light);
201+
}
202+
203+
204+
/* -------------------------------------- */
205+
/* Generated by https://gwfh.mranftl.com/ */
206+
207+
/* poppins-regular - latin */
208+
@font-face {
209+
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
210+
font-family: 'Poppins';
211+
font-style: normal;
212+
font-weight: 400;
213+
src: url('./fonts/poppins-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
214+
}
215+
216+
/* poppins-italic - latin */
217+
@font-face {
218+
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
219+
font-family: 'Poppins';
220+
font-style: italic;
221+
font-weight: 400;
222+
src: url('./fonts/poppins-v20-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
223+
}
224+
225+
/* poppins-700 - latin */
226+
@font-face {
227+
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
228+
font-family: 'Poppins';
229+
font-style: normal;
230+
font-weight: 700;
231+
src: url('./fonts/poppins-v20-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
232+
}
233+
234+
/* poppins-700italic - latin */
235+
@font-face {
236+
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
237+
font-family: 'Poppins';
238+
font-style: italic;
239+
font-weight: 700;
240+
src: url('./fonts/poppins-v20-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
241+
}
242+
243+
/* itim-regular - latin */
244+
@font-face {
245+
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
246+
font-family: 'Itim';
247+
font-style: normal;
248+
font-weight: 400;
249+
src: url('./fonts/itim-v14-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
50250
}

0 commit comments

Comments
 (0)