aboutsummaryrefslogtreecommitdiff
path: root/static/style.css
diff options
context:
space:
mode:
authorMitja Felicijan <mitja.felicijan@gmail.com>2021-01-24 01:42:03 +0100
committerMitja Felicijan <mitja.felicijan@gmail.com>2021-01-24 01:42:03 +0100
commite07ab67bf95ea7e65828e373c731b6cdf984a7de (patch)
tree4fe471a1a8492149bb0b3e6ec726184e3bcf1647 /static/style.css
parent36fb49bbef11294a93a53c363d32c2134f6b19b4 (diff)
downloadmitjafelicijan.com-e07ab67bf95ea7e65828e373c731b6cdf984a7de.tar.gz
Moved to altenator and DO
Diffstat (limited to 'static/style.css')
-rw-r--r--static/style.css261
1 files changed, 0 insertions, 261 deletions
diff --git a/static/style.css b/static/style.css
deleted file mode 100644
index 2265ccd..0000000
--- a/static/style.css
+++ /dev/null
@@ -1,261 +0,0 @@
1@import url('https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700,700i&display=swap&subset=latin-ext');
2
3* {
4 box-sizing: border-box;
5}
6
7body {
8 line-height: 150%;
9 margin-bottom: 100px;
10 font-family: 'PT Serif', serif;
11 font-size: 20px;
12}
13
14a {
15 color: #000;
16 font-style: italic;
17 text-decoration: underline;
18 text-decoration-style: dotted;
19 text-decoration-color: #bbb;
20}
21
22main {
23 max-width: 800px;
24 padding: 20px 30px;
25 margin: 0 auto;
26}
27
28nav {
29 margin-bottom: 50px;
30}
31
32nav a {
33 display: inline-block;
34 margin-right: 20px;
35}
36
37header {
38 margin-block-end: 40px;
39}
40
41p {
42 line-height: 1.5;
43}
44
45p a {
46 text-decoration-color: #333;
47}
48
49blockquote {
50 position: relative;
51 margin-block-start: 30px;
52 margin-block-end: 30px;
53 margin-right: 0;
54}
55
56blockquote:before {
57 content: ' ';
58 background-image: url('/static/alert.svg');
59 background-size: 30px 30px;
60 height: 30px;
61 width: 30px;
62 position: absolute;
63 left: -40px;
64 top: 6px;
65}
66
67blockquote p {
68 padding-left: 10px;
69}
70
71h1 {
72 font-size: 260%;
73 line-height: initial;
74}
75
76h2 {
77 font-size: 180%;
78 line-height: initial;
79}
80
81h3 {
82 font-size: 140%;
83 line-height: initial;
84}
85
86img, video {
87 max-width: 100%;
88 margin: 30px auto;
89 display: block;
90}
91
92ul li {
93 list-style-type: square;
94}
95
96ul.article-list {
97 margin-block-end: 60px;
98}
99
100ul.article-list li {
101 margin-bottom: 25px;
102}
103
104ul.article-list time {
105 display: block;
106 font-size: 85%;
107}
108
109ul.article-list li a {
110 font-size: 120%;
111}
112
113ul.project-list li {
114 margin-bottom: 5px;
115}
116
117article .info {
118 font-style: oblique;
119}
120
121table {
122 width: 100%;
123}
124
125table, th, td {
126 border: 1px solid black;
127 text-align: left;
128}
129
130th, td {
131 padding: 5px 10px;
132}
133
134pre {
135 overflow: auto;
136}
137
138code, pre {
139 font-size: 16px;
140}
141
142code {
143 background: rgb(255, 241, 177);
144 padding: 2px 5px;
145}
146
147pre > code {
148 background: unset;
149 padding: unset;
150}
151
152p.modified {
153 font-style: oblique;
154 font-size: 90%;
155 margin-top: 50px;
156}
157
158.draft {
159 color: #ddd;
160 position: absolute;
161 top: 500px;
162 left: 400px;
163 font-size: 160px;
164 text-transform: uppercase;
165 font-weight: 800;
166 z-index: -1;
167 transform: rotate(-45deg);
168 display: block;
169}
170
171::selection {
172 background: #ff0;
173 color: #000;
174}
175
176::-moz-selection {
177 background: #ff0;
178 color: #000;
179}
180
181#replybox {
182 margin-top: 70px;
183}
184
185@media only screen and (max-width:480px) {
186 body {
187 font-size: 18px;
188 }
189
190 main {
191 padding: 20px;
192 }
193
194 nav {
195 text-align: center;
196 margin-bottom: initial;
197 }
198
199 nav a {
200 margin-bottom: 10px;
201 }
202
203 ul {
204 padding-left: 20px;
205 }
206
207 ul.article-list li {
208 margin-bottom: 20px;
209
210 }
211
212 ul.article-list li div {
213 display: block;
214 margin-top: 15px;
215 }
216
217 ul.article-list a {
218 display: block;
219 margin-top: 5px;
220 }
221
222 h1 {
223 font-size: 220%;
224 }
225
226 h2 {
227 font-size: 180%;
228 }
229
230 h3 {
231 font-size: 160%;
232 }
233
234 code, pre {
235 font-size: 14px;
236 }
237
238 .draft {
239 font-size: 90px;
240 top: 400px;
241 left: 50px;
242 }
243}
244
245@media (prefers-color-scheme: light) {
246 body {
247 background-color: white;
248 color: black;
249 }
250}
251
252@media (prefers-color-scheme: dark) {
253 body {
254 background-color: rgb(30, 30, 30);
255 color: white;
256 }
257
258 a {
259 color: white;
260 }
261}