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 }
139
140
141 div.quoteblock,
142 pre {
143 background-color:#444;
144 border:1px dotted #999;
145 padding:5px 15px 7px 15px;
146 border-radius:5px;
147 margin:5px 0px;
148 color: var(--dim-text);
149 font-size:1.0em;
150 display:inline-block;
151 }
152
153 pre {
154 display:block;
155 overflow:auto;
156 }
157
158 blockquote {
159 background-color:#eee;
160 padding:5px;
161 border:1px dotted #aaa;
162 border-radius:4px;
163 margin-top:10px;
164 margin-bottom:10px;
165 }
166
167 div#footer {
168 background:linear-gradient(to bottom right, #211, #234);
169 color:#eee;
170 margin:5px 0px 0px 0px;
171 width:100%;
172 text-align:center;
173 font-size:.9em;
174 padding:20px 0px;
175 }
176
177 div#footer a,
178 div#footer a:visited {
179 color:#40adbe;
180 }
181
182 div#left-navigation {
183 margin-left:176px;
184 }
185
186 div#p-logo {
187 height:85px;
188 position:relative;
189 top:5px;
190 left:0px;
191 }
192
193 div#p-logo a {
194 height:65px;
195 width:140px;
196 }
197
198
199 div#p-personal { background:none; }
200
201 div#p-personal a:link,
202 div#p-personal a:visited {
203 color:#eee;
204 }
205
206
207 /**
208 * Table styles
209 */
210 table { border-collapse: collapse; }
211
212 table td, table th {
213 border: 1px solid #999;
214 padding:1px 5px;
215 background-color:#f5f5f5;
216 }
217
218
219 /**
220 * Definition lists
221 */
222 dl dt {
223 color:#333;
224 font-size:1.04em;
225 font-weight:800;
226 padding-top:5px;
227 line-height:.9em;
228 }
229
230 dl dd p {
231 line-height:.5em;
232 color:#555;
233 }
234
235 dl {
236 padding:10px 0px;
237 }
238
239 div.terminal div {
240 display:block;
241 padding:5px;
242 margin:5px 0px;
243 background-color:#222;
244 border:1px solid #999;
245 border-radius:5px;
246 overflow:auto;
247 }
248
249 div.terminal div pre,
250 div.terminal div div.paragraph,
251 div.terminal div div.paragraph p {
252 font-family: monospace;
253 background:none;
254 padding:0px;
255 margin:0px 0px;
256 border:none;
257 overflow:auto;
258 color:#ddd;
259 }
260
261 ul li p {
262 line-height:1.2em;
263 margin-top:5px;
264 margin-bottom:5px;
265 }
266
267 /*
268 * Header sections
269 */
270
271
272 div.datelastedit p {
273 margin-top:2em;
274 margin-bottom:0px;
275 color:var(--dim-text);
276 font-style:italic;
277 text-align:right;
278 }
279
280 div.center,
281 .align-center,
282 p.center {
283 text-align:center;
284 margin-left:auto;
285 margin-right:auto;
286 }
287
288 img {
289 max-width: 100%;
290 }
291
292 img.align-center {
293 display:block;
294 }
295
296 div.title {
297 font-weight:700;
298 margin-top:1.5em;
299 }
300
301 img#piwik-img {
302 display:none;
303 }
304
305
306 /**
307 .grid-container-left {
308 display:grid;
309 grid-template-columns:39% 60%;
310 grid-column-gap: 15px;
311 }
312
313 .grid-container-right {
314 display:grid;
315 grid-template-columns:60% 39%;
316 grid-column-gap: 15px;
317 }
318 **/
319
320
321 span.docutils.literal {
322 font-family:monospace;
323 border:1px dotted #aaa;
324 border-radius:3px;
325 background-color:#e0e0e0;
326 color:#555;
327 }
|
