|
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 -moz-box-sizing: content-box; |
|
154 box-sizing: content-box; |
|
155 height: 0; |
|
156 } |
|
157 |
|
158 // |
|
159 // Address styling not present in IE 8/9. |
|
160 // |
|
161 |
|
162 mark { |
|
163 background: #ff0; |
|
164 color: #000; |
|
165 } |
|
166 |
|
167 // |
|
168 // Correct font family set oddly in Safari 5 and Chrome. |
|
169 // |
|
170 |
|
171 code, |
|
172 kbd, |
|
173 pre, |
|
174 samp { |
|
175 font-family: monospace, serif; |
|
176 font-size: 1em; |
|
177 } |
|
178 |
|
179 // |
|
180 // Improve readability of pre-formatted text in all browsers. |
|
181 // |
|
182 |
|
183 pre { |
|
184 white-space: pre-wrap; |
|
185 } |
|
186 |
|
187 // |
|
188 // Set consistent quote types. |
|
189 // |
|
190 |
|
191 q { |
|
192 quotes: "\201C" "\201D" "\2018" "\2019"; |
|
193 } |
|
194 |
|
195 // |
|
196 // Address inconsistent and variable font size in all browsers. |
|
197 // |
|
198 |
|
199 small { |
|
200 font-size: 80%; |
|
201 } |
|
202 |
|
203 // |
|
204 // Prevent `sub` and `sup` affecting `line-height` in all browsers. |
|
205 // |
|
206 |
|
207 sub, |
|
208 sup { |
|
209 font-size: 75%; |
|
210 line-height: 0; |
|
211 position: relative; |
|
212 vertical-align: baseline; |
|
213 } |
|
214 |
|
215 sup { |
|
216 top: -0.5em; |
|
217 } |
|
218 |
|
219 sub { |
|
220 bottom: -0.25em; |
|
221 } |
|
222 |
|
223 // ========================================================================== |
|
224 // Embedded content |
|
225 // ========================================================================== |
|
226 |
|
227 // |
|
228 // Remove border when inside `a` element in IE 8/9. |
|
229 // |
|
230 |
|
231 img { |
|
232 border: 0; |
|
233 } |
|
234 |
|
235 // |
|
236 // Correct overflow displayed oddly in IE 9. |
|
237 // |
|
238 |
|
239 svg:not(:root) { |
|
240 overflow: hidden; |
|
241 } |
|
242 |
|
243 // ========================================================================== |
|
244 // Figures |
|
245 // ========================================================================== |
|
246 |
|
247 // |
|
248 // Address margin not present in IE 8/9 and Safari 5. |
|
249 // |
|
250 |
|
251 figure { |
|
252 margin: 0; |
|
253 } |
|
254 |
|
255 // ========================================================================== |
|
256 // Forms |
|
257 // ========================================================================== |
|
258 |
|
259 // |
|
260 // Define consistent border, margin, and padding. |
|
261 // |
|
262 |
|
263 fieldset { |
|
264 border: 1px solid #c0c0c0; |
|
265 margin: 0 2px; |
|
266 padding: 0.35em 0.625em 0.75em; |
|
267 } |
|
268 |
|
269 // |
|
270 // 1. Correct `color` not being inherited in IE 8/9. |
|
271 // 2. Remove padding so people aren't caught out if they zero out fieldsets. |
|
272 // |
|
273 |
|
274 legend { |
|
275 border: 0; // 1 |
|
276 padding: 0; // 2 |
|
277 } |
|
278 |
|
279 // |
|
280 // 1. Correct font family not being inherited in all browsers. |
|
281 // 2. Correct font size not being inherited in all browsers. |
|
282 // 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. |
|
283 // |
|
284 |
|
285 button, |
|
286 input, |
|
287 select, |
|
288 textarea { |
|
289 font-family: inherit; // 1 |
|
290 font-size: 100%; // 2 |
|
291 margin: 0; // 3 |
|
292 } |
|
293 |
|
294 // |
|
295 // Address Firefox 4+ setting `line-height` on `input` using `!important` in |
|
296 // the UA stylesheet. |
|
297 // |
|
298 |
|
299 button, |
|
300 input { |
|
301 line-height: normal; |
|
302 } |
|
303 |
|
304 // |
|
305 // Address inconsistent `text-transform` inheritance for `button` and `select`. |
|
306 // All other form control elements do not inherit `text-transform` values. |
|
307 // Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. |
|
308 // Correct `select` style inheritance in Firefox 4+ and Opera. |
|
309 // |
|
310 |
|
311 button, |
|
312 select { |
|
313 text-transform: none; |
|
314 } |
|
315 |
|
316 // |
|
317 // 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` |
|
318 // and `video` controls. |
|
319 // 2. Correct inability to style clickable `input` types in iOS. |
|
320 // 3. Improve usability and consistency of cursor style between image-type |
|
321 // `input` and others. |
|
322 // |
|
323 |
|
324 button, |
|
325 html input[type="button"], // 1 |
|
326 input[type="reset"], |
|
327 input[type="submit"] { |
|
328 -webkit-appearance: button; // 2 |
|
329 cursor: pointer; // 3 |
|
330 } |
|
331 |
|
332 // |
|
333 // Re-set default cursor for disabled elements. |
|
334 // |
|
335 |
|
336 button[disabled], |
|
337 html input[disabled] { |
|
338 cursor: default; |
|
339 } |
|
340 |
|
341 // |
|
342 // 1. Address box sizing set to `content-box` in IE 8/9/10. |
|
343 // 2. Remove excess padding in IE 8/9/10. |
|
344 // |
|
345 |
|
346 input[type="checkbox"], |
|
347 input[type="radio"] { |
|
348 box-sizing: border-box; // 1 |
|
349 padding: 0; // 2 |
|
350 } |
|
351 |
|
352 // |
|
353 // 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. |
|
354 // 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome |
|
355 // (include `-moz` to future-proof). |
|
356 // |
|
357 |
|
358 input[type="search"] { |
|
359 -webkit-appearance: textfield; // 1 |
|
360 -moz-box-sizing: content-box; |
|
361 -webkit-box-sizing: content-box; // 2 |
|
362 box-sizing: content-box; |
|
363 } |
|
364 |
|
365 // |
|
366 // Remove inner padding and search cancel button in Safari 5 and Chrome |
|
367 // on OS X. |
|
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 // Remove inner padding and border in Firefox 4+. |
|
377 // |
|
378 |
|
379 button::-moz-focus-inner, |
|
380 input::-moz-focus-inner { |
|
381 border: 0; |
|
382 padding: 0; |
|
383 } |
|
384 |
|
385 // |
|
386 // 1. Remove default vertical scrollbar in IE 8/9. |
|
387 // 2. Improve readability and alignment in all browsers. |
|
388 // |
|
389 |
|
390 textarea { |
|
391 overflow: auto; // 1 |
|
392 vertical-align: top; // 2 |
|
393 } |
|
394 |
|
395 // ========================================================================== |
|
396 // Tables |
|
397 // ========================================================================== |
|
398 |
|
399 // |
|
400 // Remove most spacing between table cells. |
|
401 // |
|
402 |
|
403 table { |
|
404 border-collapse: collapse; |
|
405 border-spacing: 0; |
|
406 } |