1 :root {
2 --normal-text: #eee;
3 /*--notable-text: #107d8e;*/
4 --notable-text: #50bdce;
5 --dim-text: #aaa;
6 }
7 html,
8 body {
9 color: var(--normal-text);
10 font-family:"Iosevka Aile", "Dejavu Sans", sans-serif;
11 /*background-color:#292929;*/
12 font-size:1.1em;
13 margin:0px;
14 padding:0px;
15 background:linear-gradient(to top right, #322, #456);
16 }
17
18 a,
19 a:visited {
20 color: var(--notable-text);
21 }
22
23
24 h1,
25 h1.title {
26 font-size:2.5em;
27 font-weight:300;
28 display:block;
29 border:none;
30 border-bottom:1px solid #aaa;
31 padding-left:0px;
32 }
33
34 h1 a:link,
35 h1 a:visited {
36 color:#777;
37 }
38
39
40 h2, h3, h4, h5, h6 {
41 font-weight:300;
42 font-family:"Dejavu Sans", sans-serif;
43 word-spacing:-.05em;
44 letter-spacing:-.02em;
45 padding-left:0px;
46 }
47
48 h2 {
49 color: var(--notable-text);
50 font-size:2.2em;
51 }
52
53 h3 {
54 color: var(--notable-text);
55 font-size:1.8em;
56 }
57
58 h4 {
59 color: var(--notable-text);
60 font-size:1.5em;
61 border:none;
62 }
63
64 h2:hover, h3:hover, h4:hover, h5:hover, h6:hover {
65 border-left:3px solid #55aacc;
66 padding-left:3px;
67 font-weight:400;
68 border-radius:4px;
69 }
70
71 .index h2:hover {
72 border:none;
73 padding-left:0px;
74 font-weight:300;
75 border-radius:0px;
76 }
77
78
79 h2 a.link,
80 h3 a.link,
81 h4 a.link,
82 h5 a.link,
83 h6 a.link {
84 text-decoration:none;
85 }
86
87
88
89 span.line-through,
90 .strikethrough,
91 .strike {
92 text-decoration: line-through;
93 }
94
95
96 span.monospaced {
97 font-family:monospace;
98 background-color:#e0e0e0;
99 padding:2px;
100 border:1px solid #bbb;
101 border-radius:3px;
102 }
103
104
105 /**
106 * Text Styles
107 */
108 span.green {
109 color:#66dd66;
110 }
111
112 span.blue {
113 color:#6666dd;
114 }
115
116 span.red {
117 color:#dd6666;
118 }
119
120 span.yellow {
121 color:#dddd66;
122 }
123
124
125 /**
126 * Body Styles
127 */
128 div#body-wrapper {
129 padding:10px 0px 0px 0px;
130 }
131
132
133 div#body-content {
134 padding:5px 15px;
135 margin-left:auto;
136 margin-right:auto;
137 max-width:70em;
138 backdrop-filter:brightness(93%);
139 -webkit-backdrop-filter:brightness(93%);
140 }
141
142
143 div.quoteblock,
144 pre {
145 background-color:#444;
146 border:1px dotted #999;
147 padding:5px 15px 7px 15px;
148 border-radius:5px;
149 margin:5px 0px;
150 color: var(--dim-text);
151 font-size:1.0em;
152 display:inline-block;
153 }
154
155 pre {
156 display:block;
157 overflow:auto;
158 }
159
160 blockquote {
161 background-color:#eee;
162 padding:5px;
163 border:1px dotted #aaa;
164 border-radius:4px;
165 margin-top:10px;
166 margin-bottom:10px;
167 }
168
169 div#footer {
170 background:linear-gradient(to bottom right, #211, #234);
171 color:#eee;
172 margin:5px 0px 0px 0px;
173 width:100%;
174 text-align:center;
175 font-size:.9em;
176 padding:20px 0px;
177 }
178
179 div#footer a,
180 div#footer a:visited {
181 color:#40adbe;
182 }
183
184 div#left-navigation {
185 margin-left:176px;
186 }
187
188 div#p-logo {
189 height:85px;
190 position:relative;
191 top:5px;
192 left:0px;
193 }
194
195 div#p-logo a {
196 height:65px;
197 width:140px;
198 }
199
200
201 div#p-personal { background:none; }
202
203 div#p-personal a:link,
204 div#p-personal a:visited {
205 color:#eee;
206 }
207
208
209 /**
210 * Table styles
211 */
212 table { border-collapse: collapse; }
213
214 table td, table th {
215 border: 1px solid #999;
216 padding:1px 5px;
217 background-color:#f5f5f5;
218 }
219
220
221 /**
222 * Definition lists
223 */
224 dl dt {
225 color:#333;
226 font-size:1.04em;
227 font-weight:800;
228 padding-top:5px;
229 line-height:.9em;
230 }
231
232 dl dd p {
233 line-height:.5em;
234 color:#555;
235 }
236
237 dl {
238 padding:10px 0px;
239 }
240
241 div.terminal div {
242 display:block;
243 padding:5px;
244 margin:5px 0px;
245 background-color:#222;
246 border:1px solid #999;
247 border-radius:5px;
248 overflow:auto;
249 }
250
251 div.terminal div pre,
252 div.terminal div div.paragraph,
253 div.terminal div div.paragraph p {
254 font-family: monospace;
255 background:none;
256 padding:0px;
257 margin:0px 0px;
258 border:none;
259 overflow:auto;
260 color:#ddd;
261 }
262
263 ul li p {
264 line-height:1.2em;
265 margin-top:5px;
266 margin-bottom:5px;
267 }
268
269 /*
270 * Header sections
271 */
272
273
274 div.datelastedit p {
275 margin-top:2em;
276 margin-bottom:0px;
277 color:var(--dim-text);
278 font-style:italic;
279 text-align:right;
280 }
281
282 div.center,
283 .align-center,
284 p.center {
285 text-align:center;
286 margin-left:auto;
287 margin-right:auto;
288 }
289
290 img {
291 max-width: 100%;
292 }
293
294 img.align-center {
295 display:block;
296 }
297
298 div.title {
299 font-weight:700;
300 margin-top:1.5em;
301 }
302
303 img#piwik-img {
304 display:none;
305 }
306
307
308 /**
309 .grid-container-left {
310 display:grid;
311 grid-template-columns:39% 60%;
312 grid-column-gap: 15px;
313 }
314
315 .grid-container-right {
316 display:grid;
317 grid-template-columns:60% 39%;
318 grid-column-gap: 15px;
319 }
320 **/
321
322
323 span.docutils.literal {
324 font-family:monospace;
325 border:1px dotted #aaa;
326 border-radius:3px;
327 background-color:#e0e0e0;
328 color:#555;
329 }
|
