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 |
|
9 | html {
|
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 |
|
19 | body {
|
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 |
|
33 | article,
|
34 | aside,
|
35 | details,
|
36 | figcaption,
|
37 | figure,
|
38 | footer,
|
39 | header,
|
40 | hgroup,
|
41 | main,
|
42 | menu,
|
43 | nav,
|
44 | section,
|
45 | summary {
|
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 |
|
54 | audio,
|
55 | canvas,
|
56 | progress,
|
57 | video {
|
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 |
|
67 | audio: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],
|
78 | template {
|
79 | display: none;
|
80 | }
|
81 |
|
82 | /* Links
|
83 | ========================================================================== */
|
84 |
|
85 | /**
|
86 | * Remove the gray background color from active links in IE 10.
|
87 | */
|
88 |
|
89 | a {
|
90 | background-color: transparent;
|
91 | }
|
92 |
|
93 | /**
|
94 | * Improve readability when focused and also mouse hovered in all browsers.
|
95 | */
|
96 |
|
97 | a:active,
|
98 | a: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 |
|
109 | abbr[title] {
|
110 | border-bottom: 1px dotted;
|
111 | }
|
112 |
|
113 | /**
|
114 | * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
|
115 | */
|
116 |
|
117 | b,
|
118 | strong {
|
119 | font-weight: bold;
|
120 | }
|
121 |
|
122 | /**
|
123 | * Address styling not present in Safari and Chrome.
|
124 | */
|
125 |
|
126 | dfn {
|
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 |
|
135 | h1 {
|
136 | font-size: 2em;
|
137 | margin: 0.67em 0;
|
138 | }
|
139 |
|
140 | /**
|
141 | * Address styling not present in IE 8/9.
|
142 | */
|
143 |
|
144 | mark {
|
145 | background: #ff0;
|
146 | color: #000;
|
147 | }
|
148 |
|
149 | /**
|
150 | * Address inconsistent and variable font size in all browsers.
|
151 | */
|
152 |
|
153 | small {
|
154 | font-size: 80%;
|
155 | }
|
156 |
|
157 | /**
|
158 | * Prevent `sub` and `sup` affecting `line-height` in all browsers.
|
159 | */
|
160 |
|
161 | sub,
|
162 | sup {
|
163 | font-size: 75%;
|
164 | line-height: 0;
|
165 | position: relative;
|
166 | vertical-align: baseline;
|
167 | }
|
168 |
|
169 | sup {
|
170 | top: -0.5em;
|
171 | }
|
172 |
|
173 | sub {
|
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 |
|
184 | img {
|
185 | border: 0;
|
186 | }
|
187 |
|
188 | /**
|
189 | * Correct overflow not hidden in IE 9/10/11.
|
190 | */
|
191 |
|
192 | svg: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 |
|
203 | figure {
|
204 | margin: 1em 40px;
|
205 | }
|
206 |
|
207 | /**
|
208 | * Address differences between Firefox and other browsers.
|
209 | */
|
210 |
|
211 | hr {
|
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 |
|
221 | pre {
|
222 | overflow: auto;
|
223 | }
|
224 |
|
225 | /**
|
226 | * Address odd `em`-unit font size rendering in all browsers.
|
227 | */
|
228 |
|
229 | code,
|
230 | kbd,
|
231 | pre,
|
232 | samp {
|
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 |
|
252 | button,
|
253 | input,
|
254 | optgroup,
|
255 | select,
|
256 | textarea {
|
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 |
|
266 | button {
|
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 |
|
277 | button,
|
278 | select {
|
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 |
|
290 | button,
|
291 | html input[type="button"], /* 1 */
|
292 | input[type="reset"],
|
293 | input[type="submit"] {
|
294 | -webkit-appearance: button; /* 2 */
|
295 | cursor: pointer; /* 3 */
|
296 | }
|
297 |
|
298 | /**
|
299 | * Re-set default cursor for disabled elements.
|
300 | */
|
301 |
|
302 | button[disabled],
|
303 | html input[disabled] {
|
304 | cursor: default;
|
305 | }
|
306 |
|
307 | /**
|
308 | * Remove inner padding and border in Firefox 4+.
|
309 | */
|
310 |
|
311 | button::-moz-focus-inner,
|
312 | input::-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 |
|
322 | input {
|
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 |
|
334 | input[type="checkbox"],
|
335 | input[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 |
|
346 | input[type="number"]::-webkit-inner-spin-button,
|
347 | input[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 |
|
357 | input[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 |
|
370 | input[type="search"]::-webkit-search-cancel-button,
|
371 | input[type="search"]::-webkit-search-decoration {
|
372 | -webkit-appearance: none;
|
373 | }
|
374 |
|
375 | /**
|
376 | * Define consistent border, margin, and padding.
|
377 | */
|
378 |
|
379 | fieldset {
|
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 |
|
390 | legend {
|
391 | border: 0; /* 1 */
|
392 | padding: 0; /* 2 */
|
393 | }
|
394 |
|
395 | /**
|
396 | * Remove default vertical scrollbar in IE 8/9/10/11.
|
397 | */
|
398 |
|
399 | textarea {
|
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 |
|
408 | optgroup {
|
409 | font-weight: bold;
|
410 | }
|
411 |
|
412 | /* Tables
|
413 | ========================================================================== */
|
414 |
|
415 | /**
|
416 | * Remove most spacing between table cells.
|
417 | */
|
418 |
|
419 | table {
|
420 | border-collapse: collapse;
|
421 | border-spacing: 0;
|
422 | }
|
423 |
|
424 | td,
|
425 | th {
|
426 | padding: 0;
|
427 | }
|