normalize.css

  1/*! 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: auto; /* 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}