diff --git a/normalize.css b/normalize.css
index b58f0d3eb..c61c3af2a 100644
--- a/normalize.css
+++ b/normalize.css
@@ -1,7 +1,11 @@
+/* =============================================================================
+ Base
+ ========================================================================== */
+
/*
- * Add display for HTML5 elements
- * Fixes styling not present in IE6/7/8/9 FF3
-*/
+ * Add block display for HTML5 elements
+ * Corrects block display not defined in IE6/7/8/9 & FF3
+ */
article,
aside,
@@ -13,131 +17,149 @@ header,
hgroup,
nav,
section {
- display: block;
+ display: block;
}
/*
- * Vertical align for display inline block elements
- * Improves visual appearance in all browsers
-*/
+ * Add inline-block display for HTML5 elements
+ * Corrects inline-block display not defined in IE6/7/8/9 & FF3
+ */
audio[controls],
-button,
canvas,
-img,
-input,
-select,
-textarea,
video {
display: inline-block;
*display: inline;
- vertical-align: top;
*zoom: 1;
}
/*
- * 1.
- * Make normal cursor the default for element
- * Improves visual focus of page during mouse movement in all browsers
- * 2.
- * Add vertical scrollbar to element
- * Improves page center consistency regardless of content height in all browsers
- * 3.
- * Remove text size adjust tap color for element
- * Fixes tap color displayed oddly in iOS
-*/
+ * 1. Add normal cursor
+ * Improves visual focus of page during mouse use in all browsers
+ * 2. Add vertical scrollbar
+ * Keeps page centered in all browsers regardless of content height
+ * 3. Remove tap highlight color
+ * Improves visual appearance of containers during a delegated click
+ * www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
+ * 4. Define maximum text display as 100% to document
+ * Corrects text displayed oddly after orientation change in handheld browsers
+ * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
+ */
html {
cursor: default; /* 1 */
overflow-y: scroll; /* 2 */
-webkit-tap-highlight-color: transparent; /* 3 */
+ -ms-text-size-adjust: 100%; /* 4 */
+ -webkit-text-size-adjust: 100%; /* 4 */
}
-/*
- * Remove margin and hide overflow from
element
- * Margin overflow displayed incorrectly in IE6/7
-*/
-
-body {
- margin: 0;
- overflow: hidden;
+/*
+ * 1. Define font as sans serif
+ * Addresses font family inconsistency between