|
1 /*! normalize.css v2.1.3 | MIT License | git.io/normalize */ |
|
2 |
|
3 /* ========================================================================== |
|
4 HTML5 display definitions |
|
5 ========================================================================== */ |
|
6 |
|
7 /** |
|
8 * Correct `block` display not defined in IE 8/9. |
|
9 */ |
|
10 |
|
11 article, |
|
12 aside, |
|
13 details, |
|
14 figcaption, |
|
15 figure, |
|
16 footer, |
|
17 header, |
|
18 hgroup, |
|
19 main, |
|
20 nav, |
|
21 section, |
|
22 summary { |
|
23 display: block; |
|
24 } |
|
25 |
|
26 /** |
|
27 * Correct `inline-block` display not defined in IE 8/9. |
|
28 */ |
|
29 |
|
30 audio, |
|
31 canvas, |
|
32 video { |
|
33 display: inline-block; |
|
34 } |
|
35 |
|
36 /** |
|
37 * Prevent modern browsers from displaying `audio` without controls. |
|
38 * Remove excess height in iOS 5 devices. |
|
39 */ |
|
40 |
|
41 audio:not([controls]) { |
|
42 display: none; |
|
43 height: 0; |
|
44 } |
|
45 |
|
46 /** |
|
47 * Address `[hidden]` styling not present in IE 8/9. |
|
48 * Hide the `template` element in IE, Safari, and Firefox < 22. |
|
49 */ |
|
50 |
|
51 [hidden], |
|
52 template { |
|
53 display: none; |
|
54 } |
|
55 |
|
56 /* ========================================================================== |
|
57 Base |
|
58 ========================================================================== */ |
|
59 |
|
60 /** |
|
61 * 1. Set default font family to sans-serif. |
|
62 * 2. Prevent iOS text size adjust after orientation change, without disabling |
|
63 * user zoom. |
|
64 */ |
|
65 |
|
66 html { |
|
67 font-family: sans-serif; /* 1 */ |
|
68 -ms-text-size-adjust: 100%; /* 2 */ |
|
69 -webkit-text-size-adjust: 100%; /* 2 */ |
|
70 } |
|
71 |
|
72 /** |
|
73 * Remove default margin. |
|
74 */ |
|
75 |
|
76 body { |
|
77 margin: 0; |
|
78 } |
|
79 |
|
80 /* ========================================================================== |
|
81 Links |
|
82 ========================================================================== */ |
|
83 |
|
84 /** |
|
85 * Remove the gray background color from active links in IE 10. |
|
86 */ |
|
87 |
|
88 a { |
|
89 background: transparent; |
|
90 } |
|
91 |
|
92 /** |
|
93 * Address `outline` inconsistency between Chrome and other browsers. |
|
94 */ |
|
95 |
|
96 a:focus { |
|
97 outline: thin dotted; |
|
98 } |
|
99 |
|
100 /** |
|
101 * Improve readability when focused and also mouse hovered in all browsers. |
|
102 */ |
|
103 |
|
104 a:active, |
|
105 a:hover { |
|
106 outline: 0; |
|
107 } |
|
108 |
|
109 /* ========================================================================== |
|
110 Typography |
|
111 ========================================================================== */ |
|
112 |
|
113 /** |
|
114 * Address variable `h1` font-size and margin within `section` and `article` |
|
115 * contexts in Firefox 4+, Safari 5, and Chrome. |
|
116 */ |
|
117 |
|
118 h1 { |
|
119 font-size: 2em; |
|
120 margin: 0.67em 0; |
|
121 } |
|
122 |
|
123 /** |
|
124 * Address styling not present in IE 8/9, Safari 5, and Chrome. |
|
125 */ |
|
126 |
|
127 abbr[title] { |
|
128 border-bottom: 1px dotted; |
|
129 } |
|
130 |
|
131 /** |
|
132 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. |
|
133 */ |
|
134 |
|
135 b, |
|
136 strong { |
|
137 font-weight: bold; |
|
138 } |
|
139 |
|
140 /** |
|
141 * Address styling not present in Safari 5 and Chrome. |
|
142 */ |
|
143 |
|
144 dfn { |
|
145 font-style: italic; |
|
146 } |
|
147 |
|
148 /** |
|
149 * Address differences between Firefox and other browsers. |
|
150 */ |
|
151 |
|
152 hr { |
|
153 box-sizing: content-box; |
|
154 height: 0; |
|
155 } |
|
156 |
|
157 /** |
|
158 * Address styling not present in IE 8/9. |
|
159 */ |
|
160 |
|
161 mark { |
|
162 background: #ff0; |
|
163 color: #000; |
|
164 } |
|
165 |
|
166 /** |
|
167 * Correct font family set oddly in Safari 5 and Chrome. |
|
168 */ |
|
169 |
|
170 code, |
|
171 kbd, |
|
172 pre, |
|
173 samp { |
|
174 font-family: monospace, serif; |
|
175 font-size: 1em; |
|
176 } |
|
177 |
|
178 /** |
|
179 * Improve readability of pre-formatted text in all browsers. |
|
180 */ |
|
181 |
|
182 pre { |
|
183 white-space: pre-wrap; |
|
184 } |
|
185 |
|
186 /** |
|
187 * Set consistent quote types. |
|
188 */ |
|
189 |
|
190 q { |
|
191 quotes: "\201C" "\201D" "\2018" "\2019"; |
|
192 } |
|
193 |
|
194 /** |
|
195 * Address inconsistent and variable font size in all browsers. |
|
196 */ |
|
197 |
|
198 small { |
|
199 font-size: 80%; |
|
200 } |
|
201 |
|
202 /** |
|
203 * Prevent `sub` and `sup` affecting `line-height` in all browsers. |
|
204 */ |
|
205 |
|
206 sub, |
|
207 sup { |
|
208 font-size: 75%; |
|
209 line-height: 0; |
|
210 position: relative; |
|
211 vertical-align: baseline; |
|
212 } |
|
213 |
|
214 sup { |
|
215 top: -0.5em; |
|
216 } |
|
217 |
|
218 sub { |
|
219 bottom: -0.25em; |
|
220 } |
|
221 |
|
222 /* ========================================================================== |
|
223 Embedded content |
|
224 ========================================================================== */ |
|
225 |
|
226 /** |
|
227 * Remove border when inside `a` element in IE 8/9. |
|
228 */ |
|
229 |
|
230 img { |
|
231 border: 0; |
|
232 } |
|
233 |
|
234 /** |
|
235 * Correct overflow displayed oddly in IE 9. |
|
236 */ |
|
237 |
|
238 svg:not(:root) { |
|
239 overflow: hidden; |
|
240 } |
|
241 |
|
242 /* ========================================================================== |
|
243 Figures |
|
244 ========================================================================== */ |
|
245 |
|
246 /** |
|
247 * Address margin not present in IE 8/9 and Safari 5. |
|
248 */ |
|
249 |
|
250 figure { |
|
251 margin: 0; |
|
252 } |
|
253 |
|
254 /* ========================================================================== |
|
255 Forms |
|
256 ========================================================================== */ |
|
257 |
|
258 /** |
|
259 * Define consistent border, margin, and padding. |
|
260 */ |
|
261 |
|
262 fieldset { |
|
263 border: 1px solid #c0c0c0; |
|
264 margin: 0 2px; |
|
265 padding: 0.35em 0.625em 0.75em; |
|
266 } |
|
267 |
|
268 /** |
|
269 * 1. Correct `color` not being inherited in IE 8/9. |
|
270 * 2. Remove padding so people aren't caught out if they zero out fieldsets. |
|
271 */ |
|
272 |
|
273 legend { |
|
274 border: 0; /* 1 */ |
|
275 padding: 0; /* 2 */ |
|
276 } |
|
277 |
|
278 /** |
|
279 * 1. Correct font family not being inherited in all browsers. |
|
280 * 2. Correct font size not being inherited in all browsers. |
|
281 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. |
|
282 */ |
|
283 |
|
284 button, |
|
285 input, |
|
286 select, |
|
287 textarea { |
|
288 font-family: inherit; /* 1 */ |
|
289 font-size: 100%; /* 2 */ |
|
290 margin: 0; /* 3 */ |
|
291 } |
|
292 |
|
293 /** |
|
294 * Address Firefox 4+ setting `line-height` on `input` using `!important` in |
|
295 * the UA stylesheet. |
|
296 */ |
|
297 |
|
298 button, |
|
299 input { |
|
300 line-height: normal; |
|
301 } |
|
302 |
|
303 /** |
|
304 * Address inconsistent `text-transform` inheritance for `button` and `select`. |
|
305 * All other form control elements do not inherit `text-transform` values. |
|
306 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. |
|
307 * Correct `select` style inheritance in Firefox 4+ and Opera. |
|
308 */ |
|
309 |
|
310 button, |
|
311 select { |
|
312 text-transform: none; |
|
313 } |
|
314 |
|
315 /** |
|
316 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` |
|
317 * and `video` controls. |
|
318 * 2. Correct inability to style clickable `input` types in iOS. |
|
319 * 3. Improve usability and consistency of cursor style between image-type |
|
320 * `input` and others. |
|
321 */ |
|
322 |
|
323 button, |
|
324 html input[type="button"], /* 1 */ |
|
325 input[type="reset"], |
|
326 input[type="submit"] { |
|
327 -webkit-appearance: button; /* 2 */ |
|
328 cursor: pointer; /* 3 */ |
|
329 } |
|
330 |
|
331 /** |
|
332 * Re-set default cursor for disabled elements. |
|
333 */ |
|
334 |
|
335 button[disabled], |
|
336 html input[disabled] { |
|
337 cursor: default; |
|
338 } |
|
339 |
|
340 /** |
|
341 * 1. Address box sizing set to `content-box` in IE 8/9/10. |
|
342 * 2. Remove excess padding in IE 8/9/10. |
|
343 */ |
|
344 |
|
345 input[type="checkbox"], |
|
346 input[type="radio"] { |
|
347 box-sizing: border-box; /* 1 */ |
|
348 padding: 0; /* 2 */ |
|
349 } |
|
350 |
|
351 /** |
|
352 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. |
|
353 * 2. Address `box-sizing` set to `border-box` in Safari 5 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 5 and Chrome |
|
363 * on OS X. |
|
364 */ |
|
365 |
|
366 input[type="search"]::-webkit-search-cancel-button, |
|
367 input[type="search"]::-webkit-search-decoration { |
|
368 -webkit-appearance: none; |
|
369 } |
|
370 |
|
371 /** |
|
372 * Remove inner padding and border in Firefox 4+. |
|
373 */ |
|
374 |
|
375 button::-moz-focus-inner, |
|
376 input::-moz-focus-inner { |
|
377 border: 0; |
|
378 padding: 0; |
|
379 } |
|
380 |
|
381 /** |
|
382 * 1. Remove default vertical scrollbar in IE 8/9. |
|
383 * 2. Improve readability and alignment in all browsers. |
|
384 */ |
|
385 |
|
386 textarea { |
|
387 overflow: auto; /* 1 */ |
|
388 vertical-align: top; /* 2 */ |
|
389 } |
|
390 |
|
391 /* ========================================================================== |
|
392 Tables |
|
393 ========================================================================== */ |
|
394 |
|
395 /** |
|
396 * Remove most spacing between table cells. |
|
397 */ |
|
398 |
|
399 table { |
|
400 border-collapse: collapse; |
|
401 border-spacing: 0; |
|
402 } |