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