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 |
|
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/10/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 of focused elements when they are also in an
|
95 | * active/hover state.
|
96 | */
|
97 |
|
98 | a:active,
|
99 | a: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 |
|
110 | abbr[title] {
|
111 | border-bottom: 1px dotted;
|
112 | }
|
113 |
|
114 | /**
|
115 | * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
|
116 | */
|
117 |
|
118 | b,
|
119 | strong {
|
120 | font-weight: bold;
|
121 | }
|
122 |
|
123 | /**
|
124 | * Address styling not present in Safari and Chrome.
|
125 | */
|
126 |
|
127 | dfn {
|
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 |
|
136 | h1 {
|
137 | font-size: 2em;
|
138 | margin: 0.67em 0;
|
139 | }
|
140 |
|
141 | /**
|
142 | * Address styling not present in IE 8/9.
|
143 | */
|
144 |
|
145 | mark {
|
146 | background: #ff0;
|
147 | color: #000;
|
148 | }
|
149 |
|
150 | /**
|
151 | * Address inconsistent and variable font size in all browsers.
|
152 | */
|
153 |
|
154 | small {
|
155 | font-size: 80%;
|
156 | }
|
157 |
|
158 | /**
|
159 | * Prevent `sub` and `sup` affecting `line-height` in all browsers.
|
160 | */
|
161 |
|
162 | sub,
|
163 | sup {
|
164 | font-size: 75%;
|
165 | line-height: 0;
|
166 | position: relative;
|
167 | vertical-align: baseline;
|
168 | }
|
169 |
|
170 | sup {
|
171 | top: -0.5em;
|
172 | }
|
173 |
|
174 | sub {
|
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 |
|
185 | img {
|
186 | border: 0;
|
187 | }
|
188 |
|
189 | /**
|
190 | * Correct overflow not hidden in IE 9/10/11.
|
191 | */
|
192 |
|
193 | svg: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 |
|
204 | figure {
|
205 | margin: 1em 40px;
|
206 | }
|
207 |
|
208 | /**
|
209 | * Address differences between Firefox and other browsers.
|
210 | */
|
211 |
|
212 | hr {
|
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 | */
|
355 |
|
356 | input[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 |
|
367 | input[type="search"]::-webkit-search-cancel-button,
|
368 | input[type="search"]::-webkit-search-decoration {
|
369 | -webkit-appearance: none;
|
370 | }
|
371 |
|
372 | /**
|
373 | * Define consistent border, margin, and padding.
|
374 | */
|
375 |
|
376 | fieldset {
|
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 |
|
387 | legend {
|
388 | border: 0; /* 1 */
|
389 | padding: 0; /* 2 */
|
390 | }
|
391 |
|
392 | /**
|
393 | * Remove default vertical scrollbar in IE 8/9/10/11.
|
394 | */
|
395 |
|
396 | textarea {
|
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 |
|
405 | optgroup {
|
406 | font-weight: bold;
|
407 | }
|
408 |
|
409 | /* Tables
|
410 | ========================================================================== */
|
411 |
|
412 | /**
|
413 | * Remove most spacing between table cells.
|
414 | */
|
415 |
|
416 | table {
|
417 | border-collapse: collapse;
|
418 | border-spacing: 0;
|
419 | }
|
420 |
|
421 | td,
|
422 | th {
|
423 | padding: 0;
|
424 | }
|