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

/* =============================================================================
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;
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;
}