aboutsummaryrefslogtreecommitdiff
path: root/_includes/site.css
diff options
context:
space:
mode:
Diffstat (limited to '_includes/site.css')
-rw-r--r--_includes/site.css270
1 files changed, 0 insertions, 270 deletions
diff --git a/_includes/site.css b/_includes/site.css
deleted file mode 100644
index 117ad5f..0000000
--- a/_includes/site.css
+++ /dev/null
@@ -1,270 +0,0 @@
1@import url("https://fonts.googleapis.com/css?family=Yrsa:300,400,500,600,700&subset=latin-ext");
2
3* {
4 box-sizing: border-box;
5}
6
7body {
8 font-family: 'Yrsa', 'Roboto', 'Times New Roman', Times, serif;
9 font-size: 22px;
10 line-height: 1.6;
11 color: #000;
12 margin: 0;
13 padding: 0 0 50px 0;
14}
15
16a {
17 color: #000;
18}
19
20a:hover {
21 background: yellow;
22}
23
24article,
25main,
26footer,
27nav,
28header {
29 max-width: 800px;
30 margin: 0 auto;
31}
32
33header {
34 margin-top: 30px;
35}
36
37header a,
38nav ul li a {
39 text-decoration: none;
40}
41
42header a {
43 font-size: 150%;
44 font-weight: 700;
45 color: #000;
46}
47
48nav ul {
49 margin-top: 10px;
50 padding: 0;
51}
52
53nav ul li {
54 display: inline-block;
55}
56
57nav ul li a {
58 color: #444;
59 font-size: 85%;
60 margin-right: 20px;
61}
62
63h1 {
64 font-size: 200%;
65 line-height: 120%;
66}
67
68h2 {
69 font-size: 160%;
70}
71
72h3 {
73 font-size: 140%;
74}
75
76h4 {
77 font-size: 120%;
78}
79
80article img {
81 max-width: 100%;
82 display: block;
83}
84
85article img[src*='#center'] {
86 display: block;
87 margin: auto;
88}
89
90time {
91 display: block;
92 font-size: 85%;
93 color: #444;
94}
95
96ul {
97 list-style-type: square;
98}
99
100main ul {
101 margin-top: 40px;
102 padding: 0 20px;
103}
104
105main ul li {
106 margin-bottom: 25px;
107 margin-left: -20px;
108 list-style-type: none;
109}
110
111main ul li a {
112 font-size: 100%;
113 font-weight: 600;
114 text-decoration: none;
115}
116
117main ul div {
118 font-size: 116%;
119}
120
121blockquote {
122 margin: 40px 0 40px 20px;
123 border-left: 5px solid #eee;
124 padding: 5px 0 10px 20px;
125}
126
127table {
128 border: 2px solid #f1f1f1;
129 width: 100%;
130 border-collapse: collapse;
131 border-spacing: 0;
132}
133
134table th,
135table td {
136 border: 2px solid #f1f1f1;
137 text-align: left;
138 padding: 5px 10px;
139}
140
141summary {
142 outline: none;
143 cursor: pointer;
144 font-weight: 600;
145 user-select: none;
146}
147
148details .highlighter-rouge {
149 margin-top: 10px !important;
150}
151
152.highlighter-rouge {
153 padding: 0 15px;
154 font-size: 60%;
155 border: 2px solid #f1f1f1;
156 overflow: auto;
157}
158
159.highlighter-rouge table,
160.highlighter-rouge table td {
161 border: 0 !important;
162}
163
164::selection {
165 background: #ff0;
166 color: #000;
167}
168
169::-moz-selection {
170 background: #ff0;
171 color: #000;
172}
173
174ol {
175 list-style: none;
176 counter-reset: li;
177}
178
179ol li {
180 counter-increment: li;
181}
182
183ol li::before {
184 content: counter(li) ".";
185 color: #ccc;
186 font-weight: 500;
187 display: inline-block;
188 width: 1em;
189 margin-left: -1.5em;
190 margin-right: 0.9em;
191 text-align: right;
192}
193
194ol li a {
195 text-decoration: none;
196}
197
198/* footnotes */
199.footnotes p {
200 padding: 0;
201 display: inline-block;
202 margin: 0;
203}
204
205/* commenting */
206#hcb_form_name,
207#hcb_form_content {
208 border: 2px solid #eee;
209 padding: 10px;
210 width: 300px;
211 margin-bottom: 10px;
212}
213
214#hcb_submit {
215 -webkit-appearance: none;
216 -moz-appearance: none;
217 -o-appearance: none;
218 -ms-appearance: none;
219 appearance: none;
220 font-weight: 600;
221 padding: 7px 15px;
222 font-size: 85%;
223 display: inline-block;
224 cursor: pointer;
225 border-radius: 3px;
226 background: #ccc;
227 border: 2px solid transparent;
228 width: auto;
229 user-select: none;
230 text-align: center;
231 height: auto;
232 margin-right: 20px;
233}
234
235@media only screen and (max-width: 768px) {
236 body {
237 padding: 0 20px;
238 }
239
240 footer,
241 header,
242 nav {
243 text-align: center;
244 }
245
246 .responsive-table {
247 width: 100%;
248 overflow: scroll;
249 }
250
251 h1 {
252 font-size: 200%;
253 }
254
255 .footnotes {
256 overflow: auto;
257 }
258}
259
260@media print {
261 @page {
262 margin: 2cm;
263 }
264
265 header,
266 nav,
267 .comments {
268 display: none;
269 }
270}