1 :root {
2 --normal-text: #eee;
3 /*--notable-text: #107d8e;*/
4 --notable-text: #50bdce;
5 --notable-text-light: #a0eeff;
6 --dim-text: #aaa;
7 }
8 html,
9 body {
10 color: var(--normal-text);
11 font-family:"Iosevka Aile", "Dejavu Sans", sans-serif;
12 /*background-color:#292929;*/
13 font-size:1.1em;
14 margin:0px;
15 padding:0px;
16 background:linear-gradient(to top right, #322, #456);
17 }
18
19 a,
20 a:visited {
21 color: var(--notable-text);
22 }
23
24
25 h1,
26 h1.title {
27 font-size:2.5em;
28 font-weight:300;
29 display:block;
30 border:none;
31 border-bottom:1px solid #aaa;
32 padding-left:0px;
33 }
34
35 h1 a:link,
36 h1 a:visited {
37 color:#777;
38 }
39
40
41 h2, h3, h4, h5, h6 {
42 font-weight:300;
43 font-family:"Dejavu Sans", sans-serif;
44 word-spacing:-.05em;
45 letter-spacing:-.02em;
46 padding-left:0px;
47 }
48
49 h2 {
50 color: var(--notable-text);
51 font-weight:100;
52 font-size:2.3em;
53 }
54
55 h3 {
56 color: var(--notable-text-light);
57 font-size:1.3em;
58 }
59
60 h4 {
61 color: var(--notable-text);
62 font-size:1.5em;
63 border:none;
64 }
65
66 h2:hover, h3:hover, h4:hover, h5:hover, h6:hover {
67 border-left:3px solid #55aacc;
68 padding-left:3px;
69 font-weight:400;
70 border-radius:4px;
71 }
72
73 .index h2:hover {
74 border:none;
75 padding-left:0px;
76 font-weight:300;
77 border-radius:0px;
78 }
79
80
81 h2 a.link,
82 h3 a.link,
83 h4 a.link,
84 h5 a.link,
85 h6 a.link {
86 text-decoration:none;
87 }
88
89
90
91 span.line-through,
92 .strikethrough,
93 .strike {
94 text-decoration: line-through;
95 }
96
97
98 span.monospaced {
99 font-family:monospace;
100 background-color:#e0e0e0;
101 padding:2px;
102 border:1px solid #bbb;
103 border-radius:3px;
104 }
105
106
107 /**
108 * Text Styles
109 */
110 span.green {
111 color:#66dd66;
112 }
113
114 span.blue {
115 color:#6666dd;
116 }
117
118 span.red {
119 color:#dd6666;
120 }
121
122 span.yellow {
123 color:#dddd66;
124 }
125
126
127 /**
128 * Body Styles
129 */
130 div#body-wrapper {
131 padding:10px 0px 0px 0px;
132 }
133
134
135 div#body-content {
136 padding:5px 15px;
137 margin-left:auto;
138 margin-right:auto;
139 max-width:70em;
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 }
|
