aboutsummaryrefslogtreecommitdiff
path: root/source/assets/default.css
diff options
context:
space:
mode:
Diffstat (limited to 'source/assets/default.css')
-rw-r--r--source/assets/default.css330
1 files changed, 0 insertions, 330 deletions
diff --git a/source/assets/default.css b/source/assets/default.css
deleted file mode 100644
index ee88a25..0000000
--- a/source/assets/default.css
+++ /dev/null
@@ -1,330 +0,0 @@
1@charset "utf-8";
2
3@import url('https://fonts.googleapis.com/css?family=Source+Code+Pro:400,500,600,700,900');
4
5* {
6 box-sizing: border-box;
7 -moz-osx-font-smoothing: grayscale !important;
8 text-rendering: optimizeLegibility !important;
9 -webkit-font-smoothing: antialiased !important;
10}
11
12body {
13 /*font-family: 'Heebo', sans-serif;*/
14 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
15 font-size: 17px;
16 line-height: 170%;
17}
18
19a {
20 color: inherit;
21 text-decoration: underline;
22 text-decoration-color: fuchsia;
23 text-decoration-style: wavy;
24 border: 2px dotted transparent;
25 display: inline-block;
26}
27
28a:active {
29 border-color: black;
30}
31
32ol a {
33 text-decoration: none;
34}
35
36ol a:hover {
37 text-decoration: underline;
38}
39
40h1 {
41 line-height: 140%;
42 font-weight: 600;
43 font-size: 210%;
44}
45
46h2,h3,h4,h5 {
47 /*margin-top: 50px;*/
48 font-weight: 500;
49}
50
51img {
52 max-width: 100%;
53 margin: 30px auto;
54 display: block;
55}
56
57.wrapper {
58 max-width: 720px;
59 margin: 0 auto;
60}
61
62blockquote {
63 margin: 50px 0 50px 50px;
64}
65
66.pubdate {
67 font-size: 80%;
68 color: #666;
69}
70
71/********************************************************** CODE HIGHLIGHTING */
72
73pre, code {
74 font-family: 'Source Code Pro', monospace !important;
75 font-weight: 500;
76}
77
78pre {
79 font-size: 85%;
80 margin: 20px;
81 background: #eee;
82}
83
84p > code {
85 background: rgb(48, 46, 46);
86 padding: 1px 0.95rem 2px;
87 border-radius: 1em;
88 font-size: 70%;
89 font-weight: 600;
90 color: #fff;
91 display: inline;
92 -webkit-box-decoration-break: clone;
93 cursor:crosshair;
94}
95
96p > code:hover {
97 background: fuchsia;
98}
99
100/***************************************************************** OL COUNTER */
101
102ol {
103 list-style: none;
104 counter-reset: li;
105}
106
107ol li {
108 counter-increment: li;
109}
110
111ol li::before {
112 content: counter(li) ".";
113 color: #ccc;
114 font-weight: 500;
115 display: inline-block;
116 width: 1em;
117 margin-left: -1.5em;
118 margin-right: 0.9em;
119 text-align: right;
120}
121
122ol li a {
123 text-decoration: none;
124}
125
126/********************************************************************* TABLES */
127
128table {
129 width: 100%;
130 border-collapse: collapse;
131 border-spacing: 0;
132 font-size: 90%;
133 text-align: left;
134 margin-top: 50px;
135 margin-bottom: 50px;
136}
137
138th,td {
139 border-bottom: 2px solid #888;
140 padding: 10px;
141}
142
143th {
144 font-size: 130%;
145}
146
147tr:last-child td {
148 border-width: 0;
149}
150
151/****************************************************************** FOOTNOTES */
152
153.footnotes p {
154 padding: 0;
155 display: inline-block;
156 margin: 0;
157}
158
159.footnotes-sep {
160 border: 0;
161}
162
163/************************************************* BGCOLOR WHEN TEXT SELECTED */
164
165::selection {
166 background: #ff0;
167 color: #000;
168}
169
170::-moz-selection {
171 background: #ff0;
172 color: #000;
173}
174
175/********************************************************** CUSTOM SCROLLBARS */
176
177pre::-webkit-scrollbar {
178 width: 5px;
179 height: 8px;
180 background-color: transparent;
181}
182
183pre::-webkit-scrollbar-thumb {
184 background: #ddd;
185}
186
187/*************************************************************** HEADER + NAV */
188
189menu {
190 display: grid;
191 grid-template-columns: 1fr 1fr;
192 font-size: 80%;
193 padding: 0;
194 padding-top: 10px;
195 margin-bottom: 40px;
196}
197
198menu a.logo {
199 font-weight: 600;
200 text-decoration: none;
201 font-size: 130%;
202 padding: 5px 0px ;
203}
204
205menu a.logo:hover {
206 /*background: fuchsia;
207 color: white;*/
208}
209
210menu nav {
211 text-align: right;
212 margin-top: 3px;
213}
214
215menu nav a {
216 padding-top: 8px;
217 margin-left: 25px;
218}
219
220menu nav a svg {
221 width: 20px;
222 height: 20px;
223}
224
225/********************************************************************* FOOTER */
226
227footer {
228 padding-top: 50px;
229 padding-bottom: 50px;
230 font-weight: 500;
231 font-size: 80%;
232}
233
234footer > * {
235 text-decoration: none;
236 margin-right: 20px;
237 color: #333;
238}
239
240/*************************************************************** ARTICLE LIST */
241
242.list .article-list {
243 margin-bottom: 60px;
244}
245
246.list .article-list:last-child {
247 margin-bottom: 10px;
248}
249
250.list h3 {
251 font-weight: 700;
252 font-size: 140%;
253}
254
255.article-list article {
256 margin-bottom: 20px;
257}
258
259.article-list article h2 {
260 margin: 0;
261 line-height: 150%;
262 font-size: 120%;
263}
264
265.article-list a {
266 text-decoration: none;
267}
268
269article img[src*="#large"],
270article img.large {
271 max-width: 1100px;
272 width: 1100px;
273 position: relative;
274 left: -150px;
275 margin: 50px 0;
276}
277
278/***************************************************************** RESPONSIVE */
279
280@media only screen and (max-width:800px) {
281 body {
282 font-size: 16px;
283 }
284
285 .wrapper {
286 padding: 10px 20px !important;
287 }
288
289 h1 {
290 font-size: 200%;
291 }
292
293 footer {
294 text-align: center;
295 }
296
297 article img.large {
298 position: initial;
299 width: 100%;
300 margin: 20px 0;
301 }
302}
303
304/******************************************************************* COMMENTS */
305
306#commento {
307 margin-top: 75px;
308}
309
310#commento-footer {
311 display: none !important;
312}
313
314#commento-submit-button-root {
315 background: #fff !important;
316 color: #495057 !important;
317 box-shadow: none !important;
318}
319
320.commento-avatar-img {
321 margin-top: 0 !important;
322}
323
324/********************************************************************** PRINT */
325
326@media print {
327 nav, footer {
328 display: none;
329 }
330}