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