UNPKG

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