Skip to content

Instantly share code, notes, and snippets.

@joshvermaire
Created March 11, 2012 08:55
Show Gist options
  • Save joshvermaire/2015655 to your computer and use it in GitHub Desktop.
Save joshvermaire/2015655 to your computer and use it in GitHub Desktop.
Normalize.css for modern browsers
/*! normalize.css 2012-03-09T22:11 UTC - http://github.com/necolas/normalize.css */
/* === HTML5 display definitions === */
/*
* Prevents modern browsers from displaying 'audio' without controls
* Remove excess height in iOS5 devices
*/
audio:not([controls]) {display: none;height: 0;}
/*
* Prevents iOS text size adjust after orientation change, without disabling user zoom
* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
*/
html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
/* Addresses font-family inconsistency between 'textarea' and other form elements. */
html,button,input,select,textarea {font-family: sans-serif;}
/* === Links === */
/* Addresses outline displayed oddly in Chrome */
a:focus {outline: thin dotted;}
/*
* Improves readability when focused and also mouse hovered in all browsers
* people.opera.com/patrickl/experiments/keyboard/test
*/
a:hover,a:active {outline: 0;}
/* === Typography === */
/*
* Addresses font sizes and margins set differently in IE6/7
* Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
*/
h1 {font-size: 2em;margin: 0.67em 0;}
h2 {font-size: 1.5em;margin: 0.83em 0;}
h3 {font-size: 1.17em;margin: 1em 0;}
h4 {font-size: 1em;margin: 1.33em 0;}
h5 {font-size: 0.83em;margin: 1.67em 0;}
h6 {font-size: 0.75em;margin: 2.33em 0;}
/* Addresses styling not present in IE7/8/9, S5, Chrome */
abbr[title] {border-bottom: 1px dotted;}
/* Addresses style set to 'bolder' in FF3+, S4/5, Chrome */
b,strong {font-weight: bold;}
blockquote {margin: 1em 40px;}
/* Addresses styling not present in S5, Chrome */
dfn {font-style: italic;}
/*
* Corrects font family set oddly in IE6, S4/5, Chrome
* en.wikipedia.org/wiki/User:Davidgothberg/Test59
*/
pre,code,kbd,samp {font-family: monospace, serif;_font-family: 'courier new', monospace;font-size: 1em;}
/* Improves readability of pre-formatted text in all browsers */
pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word;}
/*
* Prevents sub and sup affecting line-height in all browsers
* gist.github.com/413930
*/
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
/* === Forms === */
/* Define consistent border, margin, and padding */
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
/*
* 1. Corrects font size not being inherited in all browsers
* 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
* 3. Improves appearance and consistency in all browsers
*/
button,input,select,textarea {font-size: 100%;margin: 0;vertical-align: baseline;*vertical-align: middle;}
/*
* 1. Improves usability and consistency of cursor style between image-type 'input' and others
* 2. Corrects inability to style clickable 'input' types in iOS
*/
button,input[type="button"],input[type="reset"],input[type="submit"] {cursor: pointer;-webkit-appearance: button;}
/* Re-set default cursor for disabled elements */
button[disabled],input[disabled] {cursor: default;}
/*
* 1. Addresses appearance set to searchfield in S5, Chrome
* 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
*/
input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}
/* Removes inner padding and search cancel button in S5, Chrome on OS X */
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}
/* Improves readability and alignment in all browsers */
textarea {vertical-align: top;}
/* Addresses placeholder color unset in Firefox */
:-moz-placeholder {color: #a9a9a9;}
/* Addresses placeholder text remaining visible on focus in Chrome */
:focus::-webkit-input-placeholder {color: transparent;}
/* === Tables === */
/* Remove most spacing between table cells */
table {border-collapse: collapse;border-spacing: 0;}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment