1 | /*! destyle.css v3.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
|
2 |
|
3 | /* Reset box-model and set borders */
|
4 | /* ============================================ */
|
5 |
|
6 | *,
|
7 | ::before,
|
8 | ::after {
|
9 | box-sizing: border-box;
|
10 | border-style: solid;
|
11 | border-width: 0;
|
12 | }
|
13 |
|
14 | /* Document */
|
15 | /* ============================================ */
|
16 |
|
17 | /**
|
18 | * 1. Correct the line height in all browsers.
|
19 | * 2. Prevent adjustments of font size after orientation changes in iOS.
|
20 | * 3. Remove gray overlay on links for iOS.
|
21 | */
|
22 |
|
23 | html {
|
24 | line-height: 1.15; /* 1 */
|
25 | -webkit-text-size-adjust: 100%; /* 2 */
|
26 | -webkit-tap-highlight-color: transparent; /* 3*/
|
27 | }
|
28 |
|
29 | /* Sections */
|
30 | /* ============================================ */
|
31 |
|
32 | /**
|
33 | * Remove the margin in all browsers.
|
34 | */
|
35 |
|
36 | body {
|
37 | margin: 0;
|
38 | }
|
39 |
|
40 | /**
|
41 | * Render the `main` element consistently in IE.
|
42 | */
|
43 |
|
44 | main {
|
45 | display: block;
|
46 | }
|
47 |
|
48 | /* Vertical rhythm */
|
49 | /* ============================================ */
|
50 |
|
51 | p,
|
52 | table,
|
53 | blockquote,
|
54 | address,
|
55 | pre,
|
56 | iframe,
|
57 | form,
|
58 | figure,
|
59 | dl {
|
60 | margin: 0;
|
61 | }
|
62 |
|
63 | /* Headings */
|
64 | /* ============================================ */
|
65 |
|
66 | h1,
|
67 | h2,
|
68 | h3,
|
69 | h4,
|
70 | h5,
|
71 | h6 {
|
72 | font-size: inherit;
|
73 | font-weight: inherit;
|
74 | margin: 0;
|
75 | }
|
76 |
|
77 | /* Lists (enumeration) */
|
78 | /* ============================================ */
|
79 |
|
80 | ul,
|
81 | ol {
|
82 | margin: 0;
|
83 | padding: 0;
|
84 | list-style: none;
|
85 | }
|
86 |
|
87 | /* Lists (definition) */
|
88 | /* ============================================ */
|
89 |
|
90 | dt {
|
91 | font-weight: bold;
|
92 | }
|
93 |
|
94 | dd {
|
95 | margin-left: 0;
|
96 | }
|
97 |
|
98 | /* Grouping content */
|
99 | /* ============================================ */
|
100 |
|
101 | /**
|
102 | * 1. Add the correct box sizing in Firefox.
|
103 | * 2. Show the overflow in Edge and IE.
|
104 | */
|
105 |
|
106 | hr {
|
107 | box-sizing: content-box; /* 1 */
|
108 | height: 0; /* 1 */
|
109 | overflow: visible; /* 2 */
|
110 | border-top-width: 1px;
|
111 | margin: 0;
|
112 | clear: both;
|
113 | color: inherit;
|
114 | }
|
115 |
|
116 | /**
|
117 | * 1. Correct the inheritance and scaling of font size in all browsers.
|
118 | * 2. Correct the odd `em` font sizing in all browsers.
|
119 | */
|
120 |
|
121 | pre {
|
122 | font-family: monospace, monospace; /* 1 */
|
123 | font-size: inherit; /* 2 */
|
124 | }
|
125 |
|
126 | address {
|
127 | font-style: inherit;
|
128 | }
|
129 |
|
130 | /* Text-level semantics */
|
131 | /* ============================================ */
|
132 |
|
133 | /**
|
134 | * Remove the gray background on active links in IE 10.
|
135 | */
|
136 |
|
137 | a {
|
138 | background-color: transparent;
|
139 | text-decoration: none;
|
140 | color: inherit;
|
141 | }
|
142 |
|
143 | /**
|
144 | * 1. Remove the bottom border in Chrome 57-
|
145 | * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
146 | */
|
147 |
|
148 | abbr[title] {
|
149 | text-decoration: underline dotted; /* 2 */
|
150 | }
|
151 |
|
152 | /**
|
153 | * Add the correct font weight in Chrome, Edge, and Safari.
|
154 | */
|
155 |
|
156 | b,
|
157 | strong {
|
158 | font-weight: bolder;
|
159 | }
|
160 |
|
161 | /**
|
162 | * 1. Correct the inheritance and scaling of font size in all browsers.
|
163 | * 2. Correct the odd `em` font sizing in all browsers.
|
164 | */
|
165 |
|
166 | code,
|
167 | kbd,
|
168 | samp {
|
169 | font-family: monospace, monospace; /* 1 */
|
170 | font-size: inherit; /* 2 */
|
171 | }
|
172 |
|
173 | /**
|
174 | * Add the correct font size in all browsers.
|
175 | */
|
176 |
|
177 | small {
|
178 | font-size: 80%;
|
179 | }
|
180 |
|
181 | /**
|
182 | * Prevent `sub` and `sup` elements from affecting the line height in
|
183 | * all browsers.
|
184 | */
|
185 |
|
186 | sub,
|
187 | sup {
|
188 | font-size: 75%;
|
189 | line-height: 0;
|
190 | position: relative;
|
191 | vertical-align: baseline;
|
192 | }
|
193 |
|
194 | sub {
|
195 | bottom: -0.25em;
|
196 | }
|
197 |
|
198 | sup {
|
199 | top: -0.5em;
|
200 | }
|
201 |
|
202 | /* Replaced content */
|
203 | /* ============================================ */
|
204 |
|
205 | /**
|
206 | * Prevent vertical alignment issues.
|
207 | */
|
208 |
|
209 | svg,
|
210 | img,
|
211 | embed,
|
212 | object,
|
213 | iframe {
|
214 | vertical-align: bottom;
|
215 | }
|
216 |
|
217 | /* Forms */
|
218 | /* ============================================ */
|
219 |
|
220 | /**
|
221 | * Reset form fields to make them styleable.
|
222 | * 1. Make form elements stylable across systems iOS especially.
|
223 | * 2. Inherit text-transform from parent.
|
224 | */
|
225 |
|
226 | button,
|
227 | input,
|
228 | optgroup,
|
229 | select,
|
230 | textarea {
|
231 | -webkit-appearance: none; /* 1 */
|
232 | appearance: none;
|
233 | vertical-align: middle;
|
234 | color: inherit;
|
235 | font: inherit;
|
236 | background: transparent;
|
237 | padding: 0;
|
238 | margin: 0;
|
239 | border-radius: 0;
|
240 | text-align: inherit;
|
241 | text-transform: inherit; /* 2 */
|
242 | }
|
243 |
|
244 | /**
|
245 | * Reset radio and checkbox appearance to preserve their look in iOS.
|
246 | */
|
247 |
|
248 | [type="checkbox"] {
|
249 | -webkit-appearance: checkbox;
|
250 | appearance: checkbox;
|
251 | }
|
252 |
|
253 | [type="radio"] {
|
254 | -webkit-appearance: radio;
|
255 | appearance: radio;
|
256 | }
|
257 |
|
258 | /**
|
259 | * Correct cursors for clickable elements.
|
260 | */
|
261 |
|
262 | button,
|
263 | [type="button"],
|
264 | [type="reset"],
|
265 | [type="submit"] {
|
266 | cursor: pointer;
|
267 | }
|
268 |
|
269 | button:disabled,
|
270 | [type="button"]:disabled,
|
271 | [type="reset"]:disabled,
|
272 | [type="submit"]:disabled {
|
273 | cursor: default;
|
274 | }
|
275 |
|
276 | /**
|
277 | * Improve outlines for Firefox and unify style with input elements & buttons.
|
278 | */
|
279 |
|
280 | :-moz-focusring {
|
281 | outline: auto;
|
282 | }
|
283 |
|
284 | select:disabled {
|
285 | opacity: inherit;
|
286 | }
|
287 |
|
288 | /**
|
289 | * Remove padding
|
290 | */
|
291 |
|
292 | option {
|
293 | padding: 0;
|
294 | }
|
295 |
|
296 | /**
|
297 | * Reset to invisible
|
298 | */
|
299 |
|
300 | fieldset {
|
301 | margin: 0;
|
302 | padding: 0;
|
303 | min-width: 0;
|
304 | }
|
305 |
|
306 | legend {
|
307 | padding: 0;
|
308 | }
|
309 |
|
310 | /**
|
311 | * Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
312 | */
|
313 |
|
314 | progress {
|
315 | vertical-align: baseline;
|
316 | }
|
317 |
|
318 | /**
|
319 | * Remove the default vertical scrollbar in IE 10+.
|
320 | */
|
321 |
|
322 | textarea {
|
323 | overflow: auto;
|
324 | }
|
325 |
|
326 | /**
|
327 | * Correct the cursor style of increment and decrement buttons in Chrome.
|
328 | */
|
329 |
|
330 | [type="number"]::-webkit-inner-spin-button,
|
331 | [type="number"]::-webkit-outer-spin-button {
|
332 | height: auto;
|
333 | }
|
334 |
|
335 | /**
|
336 | * 1. Correct the outline style in Safari.
|
337 | */
|
338 |
|
339 | [type="search"] {
|
340 | outline-offset: -2px; /* 1 */
|
341 | }
|
342 |
|
343 | /**
|
344 | * Remove the inner padding in Chrome and Safari on macOS.
|
345 | */
|
346 |
|
347 | [type="search"]::-webkit-search-decoration {
|
348 | -webkit-appearance: none;
|
349 | }
|
350 |
|
351 | /**
|
352 | * 1. Correct the inability to style clickable types in iOS and Safari.
|
353 | * 2. Fix font inheritance.
|
354 | */
|
355 |
|
356 | ::-webkit-file-upload-button {
|
357 | -webkit-appearance: button; /* 1 */
|
358 | font: inherit; /* 2 */
|
359 | }
|
360 |
|
361 | /**
|
362 | * Clickable labels
|
363 | */
|
364 |
|
365 | label[for] {
|
366 | cursor: pointer;
|
367 | }
|
368 |
|
369 | /* Interactive */
|
370 | /* ============================================ */
|
371 |
|
372 | /*
|
373 | * Add the correct display in Edge, IE 10+, and Firefox.
|
374 | */
|
375 |
|
376 | details {
|
377 | display: block;
|
378 | }
|
379 |
|
380 | /*
|
381 | * Add the correct display in all browsers.
|
382 | */
|
383 |
|
384 | summary {
|
385 | display: list-item;
|
386 | }
|
387 |
|
388 | /*
|
389 | * Remove outline for editable content.
|
390 | */
|
391 |
|
392 | [contenteditable]:focus {
|
393 | outline: auto;
|
394 | }
|
395 |
|
396 | /* Tables */
|
397 | /* ============================================ */
|
398 |
|
399 | /**
|
400 | 1. Correct table border color inheritance in all Chrome and Safari.
|
401 | */
|
402 |
|
403 | table {
|
404 | border-color: inherit; /* 1 */
|
405 | border-collapse: collapse;
|
406 | }
|
407 |
|
408 | caption {
|
409 | text-align: left;
|
410 | }
|
411 |
|
412 | td,
|
413 | th {
|
414 | vertical-align: top;
|
415 | padding: 0;
|
416 | }
|
417 |
|
418 | th {
|
419 | text-align: left;
|
420 | font-weight: bold;
|
421 | }
|