From d2a69be6db008c167a84fd957f0c2f13f7b2f8f1 Mon Sep 17 00:00:00 2001 From: Nathan Smith Date: Thu, 24 Feb 2011 18:41:24 -0600 Subject: [PATCH] Replacing Meyer's reset.css with my own. It handles HTML4, XHTML, and HTML5 tags. Also, added the
tag to text.css, to give it 20px of margin-bottom -- Assuming you'd use it instead of a

tag, when wrapping an tag called out in a blog post, etc. --- code/css/reset.css | 2 +- code/css/text.css | 2 +- code/css/uncompressed/reset.css | 197 +++++++++++++++++++++++++------- code/css/uncompressed/text.css | 7 +- 4 files changed, 161 insertions(+), 47 deletions(-) diff --git a/code/css/reset.css b/code/css/reset.css index 99a0211..4f88bc4 100755 --- a/code/css/reset.css +++ b/code/css/reset.css @@ -1 +1 @@ -html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} \ No newline at end of file +a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;font-size:100%;margin:0;padding:0}html,body{height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}b,strong{font-weight:bold}img{font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}li{display:list-item}table{border-collapse:collapse;border-spacing:0}th,td,caption{font-weight:normal;vertical-align:top;text-align:left}svg{overflow:hidden} \ No newline at end of file diff --git a/code/css/text.css b/code/css/text.css index f37d174..54d64cb 100755 --- a/code/css/text.css +++ b/code/css/text.css @@ -1 +1 @@ -body{font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px} \ No newline at end of file +body{font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,figure{margin-bottom:20px} \ No newline at end of file diff --git a/code/css/uncompressed/reset.css b/code/css/uncompressed/reset.css index 13f8e0a..9824066 100755 --- a/code/css/uncompressed/reset.css +++ b/code/css/uncompressed/reset.css @@ -1,53 +1,170 @@ -/* http://meyerweb.com/eric/tools/css/reset/ */ -/* v1.0 | 20080212 */ - -html, body, div, span, applet, object, iframe, -h1, h2, h3, h4, h5, h6, p, blockquote, pre, -a, abbr, acronym, address, big, cite, code, -del, dfn, em, font, img, ins, kbd, q, s, samp, -small, strike, strong, sub, sup, tt, var, -b, u, i, center, -dl, dt, dd, ol, ul, li, -fieldset, form, label, legend, -table, caption, tbody, tfoot, thead, tr, th, td { - margin: 0; - padding: 0; - border: 0; - outline: 0; - font-size: 100%; - vertical-align: baseline; - background: transparent; +/* `XHTML, HTML4, HTML5 Reset +----------------------------------------------------------------------------------------------------*/ + +a, +abbr, +acronym, +address, +applet, +article, +aside, +audio, +b, +big, +blockquote, +body, +canvas, +caption, +center, +cite, +code, +dd, +del, +details, +dfn, +dialog, +div, +dl, +dt, +em, +embed, +fieldset, +figcaption, +figure, +font, +footer, +form, +h1, +h2, +h3, +h4, +h5, +h6, +header, +hgroup, +hr, +html, +i, +iframe, +img, +ins, +kbd, +label, +legend, +li, +mark, +menu, +meter, +nav, +object, +ol, +output, +p, +pre, +progress, +q, +rp, +rt, +ruby, +s, +samp, +section, +small, +span, +strike, +strong, +sub, +summary, +sup, +table, +tbody, +td, +tfoot, +th, +thead, +time, +tr, +tt, +u, +ul, +var, +video, +xmp { + border: 0; + margin: 0; + padding: 0; + font-size: 100%; } + +html, body { - line-height: 1; + height: 100%; } -ol, ul { - list-style: none; + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section { +/* + Override the default (display: inline) for + browsers that do not recognize HTML5 tags. + + IE8 (and lower) requires a shiv: + http://ejohn.org/blog/html5-shiv +*/ + display: block; } -blockquote, q { - quotes: none; + +b, +strong { +/* + Makes browsers agree. + IE + Opera = font-weight: bold. + Gecko + WebKit = font-weight: bolder. +*/ + font-weight: bold; } -blockquote:before, blockquote:after, -q:before, q:after { - content: ''; - content: none; + +img { + font-size: 0; + vertical-align: middle; +/* + For IE. + http://css-tricks.com/ie-fix-bicubic-scaling-for-images +*/ + -ms-interpolation-mode: bicubic; } -/* remember to define focus styles! */ -:focus { - outline: 0; +li { +/* + For IE6 + IE7. +*/ + display: list-item; } -/* remember to highlight inserts somehow! */ -ins { - text-decoration: none; +table { + border-collapse: collapse; + border-spacing: 0; } -del { - text-decoration: line-through; + +th, +td, +caption { + font-weight: normal; + vertical-align: top; + text-align: left; } -/* tables still need 'cellspacing="0"' in the markup */ -table { - border-collapse: collapse; - border-spacing: 0; +svg { +/* + For IE9 beta. +*/ + overflow: hidden; } \ No newline at end of file diff --git a/code/css/uncompressed/text.css b/code/css/uncompressed/text.css index 236d213..6ab27ca 100755 --- a/code/css/uncompressed/text.css +++ b/code/css/uncompressed/text.css @@ -12,10 +12,6 @@ body { font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; } -a:focus { - outline: 1px dotted; -} - hr { border: 0 #ccc solid; border-top-width: 1px; @@ -79,6 +75,7 @@ ul, pre, table, address, -fieldset { +fieldset, +figure { margin-bottom: 20px; } \ No newline at end of file