From 9652da94c771d6c3cb7571897221f85d8e2ca92d Mon Sep 17 00:00:00 2001 From: necolas Date: Sat, 14 May 2011 10:34:35 +0100 Subject: [PATCH] Style HTML5 embedded elements. Remove default cursor from . Reformat comments --- normalize.css | 70 ++++++++++++++++++++------------------------------- 1 file changed, 27 insertions(+), 43 deletions(-) diff --git a/normalize.css b/normalize.css index 5843ff1..6b7a527 100644 --- a/normalize.css +++ b/normalize.css @@ -1,7 +1,7 @@ /* - * Add display for HTML5 elements - * Fixes styling not present in IE6/7/8/9 FF3 -*/ + * Add display for block-level HTML5 elements + * Display not defined in IE6/7/8/9 & FF3 + */ article, aside, @@ -17,49 +17,36 @@ section { } /* - * Vertical align for display inline block elements - * Improves visual appearance in all browsers -*/ + * Add display for embedded HTML5 elements + * Display not defined in IE6/7/8/9 & FF3 + */ audio, -button, canvas, -img, -input, -select, -textarea, video { display: inline-block; *display: inline; - vertical-align: baseline; *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 - * 4. - * Remove iOS text size adjust without disabling user zoom -*/ + * 1. Add vertical scrollbar to element + * Improves page center consistency regardless of content height in all browsers + * 2. Remove text size adjust tap color for element + * Fixes tap color displayed oddly in iOS + * 3. Remove iOS text size adjust without disabling user zoom + */ html { - cursor: default; /* 1 */ - overflow-y: scroll; /* 2 */ - -webkit-tap-highlight-color: transparent; /* 3 */ - -webkit-text-size-adjust: 100%; /* 4 */ - -ms-text-size-adjust: 100%; /* 4 */ + overflow-y: scroll; /* 1 */ + -webkit-tap-highlight-color: transparent; /* 2 */ + -webkit-text-size-adjust: 100%; /* 3 */ + -ms-text-size-adjust: 100%; /* 3 */ } /* - * Remove margin and hide overflow from element + * Remove margin from element */ body { @@ -67,13 +54,11 @@ body { } /* - * 1. - * Make outline thin dotted for - * Fixes outline displayed oddly in C10 - * 2. - * Remove outline for element when active or hovered - * Improves readability when focused and also mouse hovered in all browsers -*/ + * 1. Make outline thin dotted for + * Fixes outline displayed oddly in C10 + * 2. Remove outline for element when active or hovered + * Improves readability when focused and also mouse hovered in all browsers + */ /* 1 */ @@ -89,12 +74,11 @@ a:hover { } /* - * 1. - * Disable border for element - * Improves readability when inside element in all browsers - * 2. - * Allow high quality bicubic image resampling for element - * Improves readability when scaled in IE7 + * 1. Disable border for element + * Improves readability when inside element in all browsers + * 2. Allow high quality bicubic image resampling for element + * Improves readability when scaled in IE7 + * Read before using : code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ img {