You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
386 lines
7.5 KiB
386 lines
7.5 KiB
/* ============================================================================= |
|
normalize.css |
|
2011-07-06T20:20 UTC |
|
//github.com/jonathantneal/normalize.css |
|
|
|
Normalize.css is a customisable CSS file that makes browsers render all |
|
elements more consistently and in line with modern standards. We researched |
|
the differences between default browser styles in order to precisely target |
|
only the styles that need normalizing. |
|
|
|
How comment documentation is written: |
|
Comments: (anchor) (type of change) (summary of issue) in (affected browsers) |
|
Url: (url related to above comment) |
|
|
|
To be concise, comments are restricted to a length of 77 characters or less. |
|
|
|
What 'types of change' mean: |
|
Addresses: Changes involving downgrades for greater cross-browser consistency |
|
Corrects: Bug fixes and corrections to unexpected visual quirks |
|
Improves: Improvements based on popular usage and html5 recommendation |
|
========================================================================== */ |
|
|
|
|
|
/* ============================================================================= |
|
Base |
|
========================================================================== */ |
|
|
|
/* |
|
* Corrects block display not defined in IE6/7/8/9 & FF3 |
|
*/ |
|
|
|
article, |
|
aside, |
|
details, |
|
figcaption, |
|
figure, |
|
footer, |
|
header, |
|
hgroup, |
|
nav, |
|
section { |
|
display: block; |
|
} |
|
|
|
/* |
|
* 1. Improves visual focus of mouse in all browsers |
|
* 2. Corrects text resizing oddly when font size is set using ems in IE6/7 |
|
* http://clagnut.com/blog/348/#c790 |
|
* 3. Corrects page centering in all browsers regardless of content height |
|
* 4. Improves visual appearance of containers during a delegated click in mSaf |
|
* www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/ |
|
* 5. Corrects text resizing oddly after orientation change in all handhelds |
|
* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ |
|
*/ |
|
|
|
html { |
|
cursor: default; /* 1 */ |
|
font-size: 100%; /* 2 */ |
|
overflow-y: scroll; /* 3 */ |
|
-webkit-tap-highlight-color: transparent; /* 4 */ |
|
-ms-text-size-adjust: 100%; /* 5 */ |
|
-webkit-text-size-adjust: 100%; /* 5 */ |
|
} |
|
|
|
/* |
|
* 1. Addresses text resizing limitations in IE6/7 |
|
* Improves text sizing inconsistency in all browsers |
|
* Known issue: text sizing unnecessary for 'form' |
|
* 2. Improves margins set oddly in IE6/7 FF3/4 S5 C10 |
|
*/ |
|
|
|
body, |
|
form, |
|
input, |
|
button, |
|
select, |
|
textarea { |
|
font-size: 100%; /* 1 */ |
|
margin: 0; /* 2 */ |
|
} |
|
|
|
|
|
/* ============================================================================= |
|
Links |
|
========================================================================== */ |
|
|
|
/* |
|
* Improves appearance when active or hovered in all browsers |
|
* people.opera.com/patrickl/experiments/keyboard/test |
|
*/ |
|
|
|
a, |
|
a:active, |
|
a:hover { |
|
outline: none; |
|
} |
|
|
|
/* |
|
* Addresses outline set oddly in C10 |
|
*/ |
|
|
|
a:focus { |
|
outline: thin dotted; |
|
} |
|
|
|
|
|
/* ============================================================================= |
|
Typography |
|
========================================================================== */ |
|
|
|
/* |
|
* Corrects styling not present in IE6/7/8/9 S5 C10 |
|
*/ |
|
|
|
abbr { |
|
_border-bottom: expression(this.title ? '1px dotted' : 'none'); |
|
} |
|
|
|
abbr[title] { |
|
border-bottom: 1px dotted; |
|
} |
|
|
|
/* |
|
* Corrects style set incorrectly as 'bolder' in FF3/4 S4/5 C10 |
|
*/ |
|
|
|
b, |
|
strong { |
|
font-weight: bold; |
|
} |
|
|
|
/* |
|
* Corrects styling not present in S5 C10 |
|
*/ |
|
|
|
dfn { |
|
font-style: italic; |
|
} |
|
|
|
/* |
|
* Corrects styling not present in IE6/7/8/9 |
|
*/ |
|
|
|
mark { |
|
background: #FF0; |
|
color: #000; |
|
} |
|
|
|
/* |
|
* Corrects font family displayed oddly in IE6 S5 C10 |
|
* en.wikipedia.org/wiki/User:Davidgothberg/Test59 |
|
*/ |
|
|
|
pre, |
|
code, |
|
kbd, |
|
samp { |
|
font-family: monospace, monospace; |
|
_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; |
|
} |
|
|
|
/* |
|
* Addresses CSS quotes not supported in IE6/7 |
|
*/ |
|
|
|
q { |
|
quotes: none; |
|
} |
|
|
|
/* |
|
* Addresses quote property not supported in S4 |
|
*/ |
|
|
|
q:before, |
|
q:after { |
|
content: ''; |
|
content: none; |
|
} |
|
|
|
/* |
|
* Improves appearance in all browsers |
|
*/ |
|
|
|
small, |
|
sub, |
|
sup { |
|
font-size: 75%; |
|
} |
|
|
|
/* |
|
* Improves appearance in all browsers |
|
* gist.github.com/413930 |
|
*/ |
|
|
|
sub, |
|
sup { |
|
line-height: 0; |
|
position: relative; |
|
vertical-align: baseline; |
|
} |
|
|
|
sup { |
|
top: -0.5em; |
|
} |
|
|
|
sub { |
|
bottom: -0.25em; |
|
} |
|
|
|
|
|
/* ============================================================================= |
|
Lists |
|
========================================================================== */ |
|
|
|
/* |
|
* Improves appearance of navigation-specific lists |
|
*/ |
|
|
|
nav ul { |
|
list-style: none; |
|
} |
|
|
|
/* ============================================================================= |
|
Embedded content |
|
========================================================================== */ |
|
|
|
/* |
|
* Corrects display not defined in IE6/7/8/9 & FF3 |
|
*/ |
|
|
|
audio[controls], |
|
canvas, |
|
video { |
|
display: inline-block; |
|
*display: inline; |
|
} |
|
|
|
audio { |
|
display: none; |
|
_display: expression(this.controls ? 'inline' : 'none'); |
|
*zoom: 1; |
|
} |
|
|
|
audio[controls] { |
|
display: inline-block; |
|
} |
|
|
|
/* |
|
* 1. Improves readability when inside 'a' in all browsers |
|
* 2. Improves visual appearance when scaled in IE7 |
|
* code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ |
|
*/ |
|
|
|
img { |
|
border: 0; /* 1 */ |
|
-ms-interpolation-mode: bicubic; /* 2 */ |
|
} |
|
|
|
/* |
|
* Corrects overflow displayed oddly in IE9 |
|
*/ |
|
|
|
svg:not(:root) { |
|
overflow: hidden; |
|
} |
|
|
|
|
|
/* ============================================================================= |
|
Forms |
|
========================================================================== */ |
|
|
|
/* |
|
* Corrects alignment displayed oddly in IE6/7 |
|
*/ |
|
|
|
legend { |
|
*margin-left: -7px; |
|
} |
|
|
|
/* |
|
* Improves appearance in all browsers |
|
*/ |
|
|
|
button, |
|
input, |
|
select, |
|
textarea { |
|
/* -webkit-appearance: none; wtf this hides content */ |
|
border-radius: 0; |
|
vertical-align: baseline; |
|
*vertical-align: middle; |
|
} |
|
|
|
/* |
|
* 1. Corrects FF3/4 setting it using !important in the UA stylesheet |
|
* 2. Corrects spacing displayed oddly in IE6/7 |
|
* 3. Corrects inability to style clickable 'input' types in iOS |
|
*/ |
|
|
|
button, |
|
input { |
|
line-height: normal; /* 1 */ |
|
_overflow: expression(this.type == 'button|reset|submit' ? 'visible' : ''); /* 2 */ |
|
} |
|
|
|
/* 3 */ |
|
|
|
button, |
|
input[type="button"], |
|
input[type="reset"], |
|
input[type="submit"] { |
|
overflow: visible; |
|
} |
|
|
|
/* |
|
* Addresses box sizing forced to border-box in IE6/7 |
|
*/ |
|
|
|
input[type="checkbox"], |
|
input[type="radio"] { |
|
box-sizing: border-box; |
|
} |
|
|
|
/* |
|
* Addresses sizing set oddly to searchfield in S5 iOS C10 |
|
* Known issue: -moz included to future-proof |
|
*/ |
|
|
|
input[type="search"] { |
|
-moz-box-sizing: content-box; |
|
-webkit-box-sizing: content-box; |
|
box-sizing: content-box; |
|
} |
|
|
|
/* |
|
* Addresses inner padding displayed oddly in S5 C10 on OSX |
|
*/ |
|
|
|
input[type="search"]::-webkit-search-decoration { |
|
-webkit-appearance: none; |
|
} |
|
|
|
/* |
|
* Corrects appearance displayed oddly in FF3/4 |
|
* www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ |
|
*/ |
|
|
|
button::-moz-focus-inner, |
|
input::-moz-focus-inner { |
|
border: 0; |
|
padding: 0; |
|
} |
|
|
|
/* |
|
* 1. Corrects scrollbar displayed oddly in IE6/7/8/9 |
|
* 2. Improves readability and alignment in all browsers |
|
*/ |
|
|
|
textarea { |
|
overflow: auto; /* 1 */ |
|
vertical-align: top; /* 2 */ |
|
} |
|
|
|
/* ============================================================================= |
|
Tables |
|
========================================================================== */ |
|
|
|
/* |
|
* Improves visual appearance in all browsers |
|
*/ |
|
|
|
table { |
|
border-collapse: collapse; |
|
border-spacing: 0; |
|
} |