1 /*! normalize.css 2011-09-22T17:42 UTC - http://github.com/necolas/normalize.css */
3 /* =============================================================================
4 HTML5 display definitions
5 ========================================================================== */
8 * Corrects block display not defined in IE6/7/8/9 & FF3
25 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
31 display: inline-block;
37 * Prevents modern browsers from displaying 'audio' without controls
40 audio:not([controls]) {
45 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
46 * Known issue: no IE6 support
54 /* =============================================================================
56 ========================================================================== */
59 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
60 * http://clagnut.com/blog/348/#c790
61 * 2. Keeps page centred in all browsers regardless of content height
62 * 3. Prevents iOS text size adjust after orientation change, without disabling user zoom
63 * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
67 font-size: 100%; /* 1 */
68 overflow-y: scroll; /* 2 */
69 -webkit-text-size-adjust: 100%; /* 3 */
70 -ms-text-size-adjust: 100%; /* 3 */
74 * Addresses margins handled incorrectly in IE6/7
82 * Addresses font-family inconsistency between 'textarea' and other form elements.
90 font-family: sans-serif;
94 /* =============================================================================
96 ========================================================================== */
107 * Addresses outline displayed oddly in Chrome
111 outline: thin dotted;
115 * Improves readability when focused and also mouse hovered in all browsers
116 * people.opera.com/patrickl/experiments/keyboard/test
125 /* =============================================================================
127 ========================================================================== */
130 * Addresses styling not present in IE7/8/9, S5, Chrome
134 border-bottom: 1px dotted;
138 * Addresses style set to 'bolder' in FF3/4, S4/5, Chrome
151 * Addresses styling not present in S5, Chrome
159 * Addresses styling not present in IE6/7/8/9
168 * Corrects font family set oddly in IE6, S4/5, Chrome
169 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
176 font-family: monospace, serif;
177 _font-family: 'courier new', monospace;
182 * Improves readability of pre-formatted text in all browsers
187 white-space: pre-wrap;
188 word-wrap: break-word;
192 * 1. Addresses CSS quotes not supported in IE6/7
193 * 2. Addresses quote property not supported in S4
215 * Prevents sub and sup affecting line-height in all browsers
216 * gist.github.com/413930
224 vertical-align: baseline;
236 /* =============================================================================
238 ========================================================================== */
253 list-style-image: none;
257 /* =============================================================================
259 ========================================================================== */
262 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
263 * 2. Improves image quality when scaled in IE7
264 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
269 -ms-interpolation-mode: bicubic; /* 2 */
273 * Corrects overflow displayed oddly in IE9
281 /* =============================================================================
283 ========================================================================== */
286 * Addresses margin not present in IE6/7/8/9, S5, O11
294 /* =============================================================================
296 ========================================================================== */
299 * Corrects margin displayed oddly in IE6/7
307 * Define consistent border, margin, and padding
311 border: 1px solid #c0c0c0;
313 padding: 0.35em 0.625em 0.75em;
317 * 1. Corrects color not being inherited in IE6/7/8/9
318 * 2. Corrects alignment displayed oddly in IE6/7
323 *margin-left: -7px; /* 2 */
327 * 1. Corrects font size not being inherited in all browsers
328 * 2. Addresses margins set differently in IE6/7, FF3/4, S5, Chrome
329 * 3. Improves appearance and consistency in all browsers
336 font-size: 100%; /* 1 */
338 vertical-align: baseline; /* 3 */
339 *vertical-align: middle; /* 3 */
343 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
348 line-height: normal; /* 1 */
352 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
353 * 2. Corrects inability to style clickable 'input' types in iOS
354 * 3. Corrects inner spacing displayed oddly in IE7 without effecting normal text inputs
355 * Known issue: inner spacing remains in IE6
359 input[type="button"],
361 input[type="submit"] {
362 cursor: pointer; /* 1 */
363 -webkit-appearance: button; /* 2 */
364 *overflow: visible; /* 3 */
368 * 1. Addresses box sizing set to content-box in IE8/9
369 * 2. Addresses excess padding in IE8/9
372 input[type="checkbox"],
373 input[type="radio"] {
374 box-sizing: border-box; /* 1 */
379 * 1. Addresses appearance set to searchfield in S5, Chrome
380 * 2. Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof)
383 input[type="search"] {
384 -webkit-appearance: textfield; /* 1 */
385 -moz-box-sizing: content-box;
386 -webkit-box-sizing: content-box; /* 2 */
387 box-sizing: content-box;
391 * Corrects inner padding displayed oddly in S5, Chrome on OSX
394 input[type="search"]::-webkit-search-decoration {
395 -webkit-appearance: none;
399 * Corrects inner padding and border displayed oddly in FF3/4
400 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
403 button::-moz-focus-inner,
404 input::-moz-focus-inner {
410 * 1. Removes default vertical scrollbar in IE6/7/8/9
411 * 2. Improves readability and alignment in all browsers
415 overflow: auto; /* 1 */
416 vertical-align: top; /* 2 */
420 /* =============================================================================
422 ========================================================================== */
425 * Remove most spacing between table cells
429 border-collapse: collapse;