1 | // stylelint-disable
|
---|
2 |
|
---|
3 | /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
|
---|
4 |
|
---|
5 | //
|
---|
6 | // 1. Set default font family to sans-serif.
|
---|
7 | // 2. Prevent iOS and IE text size adjust after device orientation change,
|
---|
8 | // without disabling user zoom.
|
---|
9 | //
|
---|
10 |
|
---|
11 | html {
|
---|
12 | font-family: sans-serif; // 1
|
---|
13 | -ms-text-size-adjust: 100%; // 2
|
---|
14 | -webkit-text-size-adjust: 100%; // 2
|
---|
15 | }
|
---|
16 |
|
---|
17 | //
|
---|
18 | // Remove default margin.
|
---|
19 | //
|
---|
20 |
|
---|
21 | body {
|
---|
22 | margin: 0;
|
---|
23 | }
|
---|
24 |
|
---|
25 | // HTML5 display definitions
|
---|
26 | // ==========================================================================
|
---|
27 |
|
---|
28 | //
|
---|
29 | // Correct `block` display not defined for any HTML5 element in IE 8/9.
|
---|
30 | // Correct `block` display not defined for `details` or `summary` in IE 10/11
|
---|
31 | // and Firefox.
|
---|
32 | // Correct `block` display not defined for `main` in IE 11.
|
---|
33 | //
|
---|
34 |
|
---|
35 | article,
|
---|
36 | aside,
|
---|
37 | details,
|
---|
38 | figcaption,
|
---|
39 | figure,
|
---|
40 | footer,
|
---|
41 | header,
|
---|
42 | hgroup,
|
---|
43 | main,
|
---|
44 | menu,
|
---|
45 | nav,
|
---|
46 | section,
|
---|
47 | summary {
|
---|
48 | display: block;
|
---|
49 | }
|
---|
50 |
|
---|
51 | //
|
---|
52 | // 1. Correct `inline-block` display not defined in IE 8/9.
|
---|
53 | // 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
|
---|
54 | //
|
---|
55 |
|
---|
56 | audio,
|
---|
57 | canvas,
|
---|
58 | progress,
|
---|
59 | video {
|
---|
60 | display: inline-block; // 1
|
---|
61 | vertical-align: baseline; // 2
|
---|
62 | }
|
---|
63 |
|
---|
64 | //
|
---|
65 | // Prevent modern browsers from displaying `audio` without controls.
|
---|
66 | // Remove excess height in iOS 5 devices.
|
---|
67 | //
|
---|
68 |
|
---|
69 | audio:not([controls]) {
|
---|
70 | display: none;
|
---|
71 | height: 0;
|
---|
72 | }
|
---|
73 |
|
---|
74 | //
|
---|
75 | // Address `[hidden]` styling not present in IE 8/9/10.
|
---|
76 | // Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
|
---|
77 | //
|
---|
78 |
|
---|
79 | [hidden],
|
---|
80 | template {
|
---|
81 | display: none;
|
---|
82 | }
|
---|
83 |
|
---|
84 | // Links
|
---|
85 | // ==========================================================================
|
---|
86 |
|
---|
87 | //
|
---|
88 | // Remove the gray background color from active links in IE 10.
|
---|
89 | //
|
---|
90 |
|
---|
91 | a {
|
---|
92 | background-color: transparent;
|
---|
93 | }
|
---|
94 |
|
---|
95 | //
|
---|
96 | // Improve readability of focused elements when they are also in an
|
---|
97 | // active/hover state.
|
---|
98 | //
|
---|
99 |
|
---|
100 | a:active,
|
---|
101 | a:hover {
|
---|
102 | outline: 0;
|
---|
103 | }
|
---|
104 |
|
---|
105 | // Text-level semantics
|
---|
106 | // ==========================================================================
|
---|
107 |
|
---|
108 | //
|
---|
109 | // 1. Remove the bottom border in Chrome 57- and Firefox 39-.
|
---|
110 | // 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
---|
111 | //
|
---|
112 |
|
---|
113 | abbr[title] {
|
---|
114 | border-bottom: none; // 1
|
---|
115 | text-decoration: underline; // 2
|
---|
116 | text-decoration: underline dotted; // 2
|
---|
117 | }
|
---|
118 |
|
---|
119 | //
|
---|
120 | // Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
|
---|
121 | //
|
---|
122 |
|
---|
123 | b,
|
---|
124 | strong {
|
---|
125 | font-weight: bold;
|
---|
126 | }
|
---|
127 |
|
---|
128 | //
|
---|
129 | // Address styling not present in Safari and Chrome.
|
---|
130 | //
|
---|
131 |
|
---|
132 | dfn {
|
---|
133 | font-style: italic;
|
---|
134 | }
|
---|
135 |
|
---|
136 | //
|
---|
137 | // Address variable `h1` font-size and margin within `section` and `article`
|
---|
138 | // contexts in Firefox 4+, Safari, and Chrome.
|
---|
139 | //
|
---|
140 |
|
---|
141 | h1 {
|
---|
142 | font-size: 2em;
|
---|
143 | margin: 0.67em 0;
|
---|
144 | }
|
---|
145 |
|
---|
146 | //
|
---|
147 | // Address styling not present in IE 8/9.
|
---|
148 | //
|
---|
149 |
|
---|
150 | mark {
|
---|
151 | background: #ff0;
|
---|
152 | color: #000;
|
---|
153 | }
|
---|
154 |
|
---|
155 | //
|
---|
156 | // Address inconsistent and variable font size in all browsers.
|
---|
157 | //
|
---|
158 |
|
---|
159 | small {
|
---|
160 | font-size: 80%;
|
---|
161 | }
|
---|
162 |
|
---|
163 | //
|
---|
164 | // Prevent `sub` and `sup` affecting `line-height` in all browsers.
|
---|
165 | //
|
---|
166 |
|
---|
167 | sub,
|
---|
168 | sup {
|
---|
169 | font-size: 75%;
|
---|
170 | line-height: 0;
|
---|
171 | position: relative;
|
---|
172 | vertical-align: baseline;
|
---|
173 | }
|
---|
174 |
|
---|
175 | sup {
|
---|
176 | top: -0.5em;
|
---|
177 | }
|
---|
178 |
|
---|
179 | sub {
|
---|
180 | bottom: -0.25em;
|
---|
181 | }
|
---|
182 |
|
---|
183 | // Embedded content
|
---|
184 | // ==========================================================================
|
---|
185 |
|
---|
186 | //
|
---|
187 | // Remove border when inside `a` element in IE 8/9/10.
|
---|
188 | //
|
---|
189 |
|
---|
190 | img {
|
---|
191 | border: 0;
|
---|
192 | }
|
---|
193 |
|
---|
194 | //
|
---|
195 | // Correct overflow not hidden in IE 9/10/11.
|
---|
196 | //
|
---|
197 |
|
---|
198 | svg:not(:root) {
|
---|
199 | overflow: hidden;
|
---|
200 | }
|
---|
201 |
|
---|
202 | // Grouping content
|
---|
203 | // ==========================================================================
|
---|
204 |
|
---|
205 | //
|
---|
206 | // Address margin not present in IE 8/9 and Safari.
|
---|
207 | //
|
---|
208 |
|
---|
209 | figure {
|
---|
210 | margin: 1em 40px;
|
---|
211 | }
|
---|
212 |
|
---|
213 | //
|
---|
214 | // Address differences between Firefox and other browsers.
|
---|
215 | //
|
---|
216 |
|
---|
217 | hr {
|
---|
218 | box-sizing: content-box;
|
---|
219 | height: 0;
|
---|
220 | }
|
---|
221 |
|
---|
222 | //
|
---|
223 | // Contain overflow in all browsers.
|
---|
224 | //
|
---|
225 |
|
---|
226 | pre {
|
---|
227 | overflow: auto;
|
---|
228 | }
|
---|
229 |
|
---|
230 | //
|
---|
231 | // Address odd `em`-unit font size rendering in all browsers.
|
---|
232 | //
|
---|
233 |
|
---|
234 | code,
|
---|
235 | kbd,
|
---|
236 | pre,
|
---|
237 | samp {
|
---|
238 | font-family: monospace, monospace;
|
---|
239 | font-size: 1em;
|
---|
240 | }
|
---|
241 |
|
---|
242 | // Forms
|
---|
243 | // ==========================================================================
|
---|
244 |
|
---|
245 | //
|
---|
246 | // Known limitation: by default, Chrome and Safari on OS X allow very limited
|
---|
247 | // styling of `select`, unless a `border` property is set.
|
---|
248 | //
|
---|
249 |
|
---|
250 | //
|
---|
251 | // 1. Correct color not being inherited.
|
---|
252 | // Known issue: affects color of disabled elements.
|
---|
253 | // 2. Correct font properties not being inherited.
|
---|
254 | // 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
|
---|
255 | //
|
---|
256 |
|
---|
257 | button,
|
---|
258 | input,
|
---|
259 | optgroup,
|
---|
260 | select,
|
---|
261 | textarea {
|
---|
262 | color: inherit; // 1
|
---|
263 | font: inherit; // 2
|
---|
264 | margin: 0; // 3
|
---|
265 | }
|
---|
266 |
|
---|
267 | //
|
---|
268 | // Address `overflow` set to `hidden` in IE 8/9/10/11.
|
---|
269 | //
|
---|
270 |
|
---|
271 | button {
|
---|
272 | overflow: visible;
|
---|
273 | }
|
---|
274 |
|
---|
275 | //
|
---|
276 | // Address inconsistent `text-transform` inheritance for `button` and `select`.
|
---|
277 | // All other form control elements do not inherit `text-transform` values.
|
---|
278 | // Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
|
---|
279 | // Correct `select` style inheritance in Firefox.
|
---|
280 | //
|
---|
281 |
|
---|
282 | button,
|
---|
283 | select {
|
---|
284 | text-transform: none;
|
---|
285 | }
|
---|
286 |
|
---|
287 | //
|
---|
288 | // 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
|
---|
289 | // and `video` controls.
|
---|
290 | // 2. Correct inability to style clickable `input` types in iOS.
|
---|
291 | // 3. Improve usability and consistency of cursor style between image-type
|
---|
292 | // `input` and others.
|
---|
293 | //
|
---|
294 |
|
---|
295 | button,
|
---|
296 | html input[type="button"], // 1
|
---|
297 | input[type="reset"],
|
---|
298 | input[type="submit"] {
|
---|
299 | -webkit-appearance: button; // 2
|
---|
300 | cursor: pointer; // 3
|
---|
301 | }
|
---|
302 |
|
---|
303 | //
|
---|
304 | // Re-set default cursor for disabled elements.
|
---|
305 | //
|
---|
306 |
|
---|
307 | button[disabled],
|
---|
308 | html input[disabled] {
|
---|
309 | cursor: default;
|
---|
310 | }
|
---|
311 |
|
---|
312 | //
|
---|
313 | // Remove inner padding and border in Firefox 4+.
|
---|
314 | //
|
---|
315 |
|
---|
316 | button::-moz-focus-inner,
|
---|
317 | input::-moz-focus-inner {
|
---|
318 | border: 0;
|
---|
319 | padding: 0;
|
---|
320 | }
|
---|
321 |
|
---|
322 | //
|
---|
323 | // Address Firefox 4+ setting `line-height` on `input` using `!important` in
|
---|
324 | // the UA stylesheet.
|
---|
325 | //
|
---|
326 |
|
---|
327 | input {
|
---|
328 | line-height: normal;
|
---|
329 | }
|
---|
330 |
|
---|
331 | //
|
---|
332 | // It's recommended that you don't attempt to style these elements.
|
---|
333 | // Firefox's implementation doesn't respect box-sizing, padding, or width.
|
---|
334 | //
|
---|
335 | // 1. Address box sizing set to `content-box` in IE 8/9/10.
|
---|
336 | // 2. Remove excess padding in IE 8/9/10.
|
---|
337 | //
|
---|
338 |
|
---|
339 | input[type="checkbox"],
|
---|
340 | input[type="radio"] {
|
---|
341 | box-sizing: border-box; // 1
|
---|
342 | padding: 0; // 2
|
---|
343 | }
|
---|
344 |
|
---|
345 | //
|
---|
346 | // Fix the cursor style for Chrome's increment/decrement buttons. For certain
|
---|
347 | // `font-size` values of the `input`, it causes the cursor style of the
|
---|
348 | // decrement button to change from `default` to `text`.
|
---|
349 | //
|
---|
350 |
|
---|
351 | input[type="number"]::-webkit-inner-spin-button,
|
---|
352 | input[type="number"]::-webkit-outer-spin-button {
|
---|
353 | height: auto;
|
---|
354 | }
|
---|
355 |
|
---|
356 | //
|
---|
357 | // 1. Address `appearance` set to `searchfield` in Safari and Chrome.
|
---|
358 | // 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
|
---|
359 | //
|
---|
360 |
|
---|
361 | input[type="search"] {
|
---|
362 | -webkit-appearance: textfield; // 1
|
---|
363 | box-sizing: content-box; //2
|
---|
364 | }
|
---|
365 |
|
---|
366 | //
|
---|
367 | // Remove inner padding and search cancel button in Safari and Chrome on OS X.
|
---|
368 | // Safari (but not Chrome) clips the cancel button when the search input has
|
---|
369 | // padding (and `textfield` appearance).
|
---|
370 | //
|
---|
371 |
|
---|
372 | input[type="search"]::-webkit-search-cancel-button,
|
---|
373 | input[type="search"]::-webkit-search-decoration {
|
---|
374 | -webkit-appearance: none;
|
---|
375 | }
|
---|
376 |
|
---|
377 | //
|
---|
378 | // Define consistent border, margin, and padding.
|
---|
379 | //
|
---|
380 |
|
---|
381 | fieldset {
|
---|
382 | border: 1px solid #c0c0c0;
|
---|
383 | margin: 0 2px;
|
---|
384 | padding: 0.35em 0.625em 0.75em;
|
---|
385 | }
|
---|
386 |
|
---|
387 | //
|
---|
388 | // 1. Correct `color` not being inherited in IE 8/9/10/11.
|
---|
389 | // 2. Remove padding so people aren't caught out if they zero out fieldsets.
|
---|
390 | //
|
---|
391 |
|
---|
392 | legend {
|
---|
393 | border: 0; // 1
|
---|
394 | padding: 0; // 2
|
---|
395 | }
|
---|
396 |
|
---|
397 | //
|
---|
398 | // Remove default vertical scrollbar in IE 8/9/10/11.
|
---|
399 | //
|
---|
400 |
|
---|
401 | textarea {
|
---|
402 | overflow: auto;
|
---|
403 | }
|
---|
404 |
|
---|
405 | //
|
---|
406 | // Don't inherit the `font-weight` (applied by a rule above).
|
---|
407 | // NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
|
---|
408 | //
|
---|
409 |
|
---|
410 | optgroup {
|
---|
411 | font-weight: bold;
|
---|
412 | }
|
---|
413 |
|
---|
414 | // Tables
|
---|
415 | // ==========================================================================
|
---|
416 |
|
---|
417 | //
|
---|
418 | // Remove most spacing between table cells.
|
---|
419 | //
|
---|
420 |
|
---|
421 | table {
|
---|
422 | border-collapse: collapse;
|
---|
423 | border-spacing: 0;
|
---|
424 | }
|
---|
425 |
|
---|
426 | td,
|
---|
427 | th {
|
---|
428 | padding: 0;
|
---|
429 | }
|
---|