library-mirrors/normalize.css
1
0
Fork 0
mirror of https://github.com/necolas/normalize.css.git synced 2024-10-08 18:54:17 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Normalize <a> colors. Remove <small> line-height (no effect when not block-level). Reorganise file and edit comments.

Browse Source
This commit is contained in:
Nicolas Gallagher 2011-05-17 04:02:54 -07:00
parent 25d2e3e421
commit 56d63dfe7a
1 changed files with 45 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

73
normalize.css vendored
View File

@ -1,3 +1,5 @@
/* ============================================================================================================= HTML5 ELEMENT DISPLAY */
/*
* Add display for block-level HTML5 elements
* Display not defined in IE6/7/8/9 & FF3
@ -29,22 +31,25 @@ video {
*zoom: 1;
}
/* ============================================================================================================= BASE STYLES & FIXES */
/*
* 1. Add vertical scrollbar to <html> element
* Improves page center consistency regardless of content height in all browsers
* 2. Remove text size adjust tap color for <html> element
* Fixes tap color displayed oddly in iOS
* Keeps page centred in all browsers regardless of content height
* 2. Remove iOS tap highlight color to prevent entire container's being highlighted
* www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
* 3. Remove iOS text size adjust without disabling user zoom
* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
*/
html {
overflow-y: scroll; /* 1 */
-webkit-tap-highlight-color: transparent; /* 2 */
-webkit-text-size-adjust: 100%; /* 3 */
-ms-text-size-adjust: 100%; /* 3 */
-ms-text-size-adjust: 100%;
}
/*
* Remove margin from <body> element
*/
@ -53,26 +58,6 @@ body {
margin: 0;
}
/*
* 1. Make outline thin dotted for <a>
* Fixes outline displayed oddly in C10
* 2. Remove outline for <a> element when active or hovered
* Improves readability when focused and also mouse hovered in all browsers
*/
/* 1 */
a:focus {
outline: thin dotted;
}
/* 2 */
a:active,
a:hover {
outline: none;
}
/*
* 1. Disable border for <img> element
* Improves readability when inside <a> element in all browsers
@ -86,6 +71,38 @@ img {
-ms-interpolation-mode: bicubic; /* 2 */
}
/* ............................................................................................................. Links */
a {
color: #0000EE;
}
a:visited {
color: #551A8B;
}
/*
* Make outline thin dotted for <a>
* Fixes outline displayed oddly in C10
*/
a:focus {
outline: thin dotted;
}
/*
* Remove outline for <a> element when active or hovered
* Improves readability when focused and also mouse hovered in all browsers
* people.opera.com/patrickl/experiments/keyboard/test
*/
a:active,
a:hover {
outline: none;
}
/* ............................................................................................................. General typography */
/*
* Add bottom border to <abbr> element
* Fixes styling not present in IE6/7/8/9 C10 S5
@ -179,13 +196,12 @@ q:after {
small {
font-size: 75%;
line-height: 1;
}
/*
* Position subscript and superscript content without affecting line-height
* Fixes alignment within multi-line text displayed oddly in all browsers
* - http://gist.github.com/413930
* gist.github.com/413930
*/
sub,
@ -204,6 +220,8 @@ sub {
bottom: -0.25em;
}
/* ............................................................................................................. Form elements */
/*
* Define alignment for <legend> element
* Fixes alignment displayed oddly in IE6/7
@ -261,7 +279,6 @@ textarea {
vertical-align: top; /* 2 */
}
/*
* Define box sizing for <input> <select> <textarea> element
* Addresses box sizing not supported in IE6/7