blob: 9dddf73ad2924561afa704701655f2cbc011d7df [file] [log] [blame]
Michael Landoefa037d2017-02-19 12:57:33 +02001/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
2
3//
4// 1. Set default font family to sans-serif.
5// 2. Prevent iOS and IE text size adjust after device orientation change,
6// without disabling 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/10/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 of focused elements when they are also in an
95// active/hover state.
96//
97
98a:active,
99a:hover {
100 outline: 0;
101}
102
103// Text-level semantics
104// ==========================================================================
105
106//
107// Address styling not present in IE 8/9/10/11, Safari, and Chrome.
108//
109
110abbr[title] {
111 border-bottom: 1px dotted;
112}
113
114//
115// Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
116//
117
118b,
119strong {
120 font-weight: bold;
121}
122
123//
124// Address styling not present in Safari and Chrome.
125//
126
127dfn {
128 font-style: italic;
129}
130
131//
132// Address variable `h1` font-size and margin within `section` and `article`
133// contexts in Firefox 4+, Safari, and Chrome.
134//
135
136h1 {
137 font-size: 2em;
138 margin: 0.67em 0;
139}
140
141//
142// Address styling not present in IE 8/9.
143//
144
145mark {
146 background: #ff0;
147 color: #000;
148}
149
150//
151// Address inconsistent and variable font size in all browsers.
152//
153
154small {
155 font-size: 80%;
156}
157
158//
159// Prevent `sub` and `sup` affecting `line-height` in all browsers.
160//
161
162sub,
163sup {
164 font-size: 75%;
165 line-height: 0;
166 position: relative;
167 vertical-align: baseline;
168}
169
170sup {
171 top: -0.5em;
172}
173
174sub {
175 bottom: -0.25em;
176}
177
178// Embedded content
179// ==========================================================================
180
181//
182// Remove border when inside `a` element in IE 8/9/10.
183//
184
185img {
186 border: 0;
187}
188
189//
190// Correct overflow not hidden in IE 9/10/11.
191//
192
193svg:not(:root) {
194 overflow: hidden;
195}
196
197// Grouping content
198// ==========================================================================
199
200//
201// Address margin not present in IE 8/9 and Safari.
202//
203
204figure {
205 margin: 1em 40px;
206}
207
208//
209// Address differences between Firefox and other browsers.
210//
211
212hr {
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//
355
356input[type="search"] {
357 -webkit-appearance: textfield; // 1
358 box-sizing: content-box; //2
359}
360
361//
362// Remove inner padding and search cancel button in Safari and Chrome on OS X.
363// Safari (but not Chrome) clips the cancel button when the search input has
364// padding (and `textfield` appearance).
365//
366
367input[type="search"]::-webkit-search-cancel-button,
368input[type="search"]::-webkit-search-decoration {
369 -webkit-appearance: none;
370}
371
372//
373// Define consistent border, margin, and padding.
374//
375
376fieldset {
377 border: 1px solid #c0c0c0;
378 margin: 0 2px;
379 padding: 0.35em 0.625em 0.75em;
380}
381
382//
383// 1. Correct `color` not being inherited in IE 8/9/10/11.
384// 2. Remove padding so people aren't caught out if they zero out fieldsets.
385//
386
387legend {
388 border: 0; // 1
389 padding: 0; // 2
390}
391
392//
393// Remove default vertical scrollbar in IE 8/9/10/11.
394//
395
396textarea {
397 overflow: auto;
398}
399
400//
401// Don't inherit the `font-weight` (applied by a rule above).
402// NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
403//
404
405optgroup {
406 font-weight: bold;
407}
408
409// Tables
410// ==========================================================================
411
412//
413// Remove most spacing between table cells.
414//
415
416table {
417 border-collapse: collapse;
418 border-spacing: 0;
419}
420
421td,
422th {
423 padding: 0;
424}