From bfcd8bdd0fa5c52d5e208c72016cce866ccd8882 Mon Sep 17 00:00:00 2001 From: Nicolas Gallagher Date: Sun, 22 Jan 2012 22:42:18 +0000 Subject: [PATCH] Project page: update copy and realign --- index.html | 98 ++++++++++++++++++++++++++++++++---------------------- style.css | 93 +++++++++++++++++++++++++++------------------------ 2 files changed, 107 insertions(+), 84 deletions(-) diff --git a/index.html b/index.html index f605527..6fe426c 100644 --- a/index.html +++ b/index.html @@ -2,7 +2,7 @@ - + Normalize.css: Make browsers render all elements more consistently. @@ -15,58 +15,61 @@

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.

What does it do?

- +
Check out the demo

Get the normalize.css file

- -

How to use it

-

You are encouraged to read, edit, customise, add, and trim rulesets or styles from normalize.css on a per project basis.

-

The normalize.css file is not intended to be a mysterious "black box" that is included in a project and then ignored. It should be used as a customisable starting point on any project.

+ +

Browser support

Chrome, Firefox 3+, Safari 4+, Opera 10+, Internet Explorer 6+

+

How do I use it?

+

Normalize.css is intended to be used as an alternative to CSS resets. It's suggested that you read the normalize.css file and consider customising it to meet your needs.

+ +

Who uses it?

+ +

Source code

Available on GitHub: necolas/normalize.css

-

Download it in either zip or tar formats.

-

Clone the project with Git by running:

$ git clone git://github.com/necolas/normalize.css.git

Acknowledgements

-

Normalize.css is a project by Nicolas Gallagher and Jonathan Neal.

-

Detailed information on default UA styles: Internet Explorer User Agent Style Sheets and CSS2.1 User Agent Style Sheet Defaults

- - +

Normalize.css is a project by Nicolas Gallagher and Jonathan Neal. Detailed information on default UA styles: Internet Explorer User Agent Style Sheets and CSS2.1 User Agent Style Sheet Defaults

A project by Nicolas Gallagher and Jonathan Neal.

@@ -76,15 +79,30 @@
diff --git a/style.css b/style.css index e4066c5..ead1b95 100644 --- a/style.css +++ b/style.css @@ -1,7 +1,5 @@ html { font-size: 100%; - overflow-y: scroll; - -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } @@ -20,10 +18,10 @@ img { border: 0; } -a { - font-weight:bold; - text-decoration: none; - color: #6EAD1A; +a { + font-weight:bold; + text-decoration: none; + color: #6ead1a; } a:focus { @@ -35,23 +33,28 @@ a:active { outline: 0; } -a:hover, -a:focus, -a:active { - text-decoration: underline; - color: #569107; +a:hover, +a:focus, +a:active { + text-decoration: underline; + color: #569107; } strong { font-weight: bold; } +code, pre { - display: block; - padding: 5px; - margin: 1em 0; font-family: consolas, monospace; font-size: 1em; +} + +pre { + display: block; + padding: 5px; + margin: 1em 0; + font-size: 13px; color: #fff; background: #222; white-space: pre; @@ -62,21 +65,21 @@ pre { ul { list-style: square; padding: 0; - margin: 1.4em 0; + margin: 0 0 1.4em; } li { margin: 0.35em 0; } -h1 { +h1 { margin: 0.25em 0 0.5em; - font-size: 3.5em; + font-size: 3.5em; } -h2 { - margin: 1.25em 0 0.75em; - font-size: 1.5em; +h2 { + margin: 1.25em 0 0.5em; + font-size: 1.5em; } p { @@ -101,31 +104,31 @@ p { } .button { - display: inline-block; - padding: 6px 15px; + display: inline-block; + padding: 6px 15px; border: 1px solid #487310; - margin: 20px 0 0; + margin: 20px 0 0; font-size: 1.375em; line-height: 1.273; - color: #fff; - background: #6EAD1A; - text-shadow:0 1px 1px rgba(0,0,0,0.4); - -moz-border-radius: 5px; + color: #fff; + background: #6ead1a; + text-shadow: 0 1px 1px rgba(0,0,0,0.4); + -moz-border-radius: 5px; border-radius: 5px; - -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.4), - inset 0 1px rgba(255,255,255,0.5), - inset 0 12px rgba(255,255,255,0.2), - inset 0 10px 20px rgba(255,255,255,0.25), + -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.4), + inset 0 1px rgba(255,255,255,0.5), + inset 0 12px rgba(255,255,255,0.2), + inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -12px 25px rgba(0,0,0,0.3); - -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.4), - inset 0 1px rgba(255,255,255,0.5), - inset 0 12px rgba(255,255,255,0.2), - inset 0 10px 20px rgba(255,255,255,0.25), + -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.4), + inset 0 1px rgba(255,255,255,0.5), + inset 0 12px rgba(255,255,255,0.2), + inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -12px 25px rgba(0,0,0,0.3); - box-shadow: 0 1px 3px rgba(0,0,0,0.4), - inset 0 1px rgba(255,255,255,0.5), - inset 0 12px rgba(255,255,255,0.2), - inset 0 10px 10px rgba(255,255,255,0.25), + box-shadow: 0 1px 3px rgba(0,0,0,0.4), + inset 0 1px rgba(255,255,255,0.5), + inset 0 12px rgba(255,255,255,0.2), + inset 0 10px 10px rgba(255,255,255,0.25), inset 0 -12px 25px rgba(0,0,0,0.3); -webkit-transition: all 0.15s; -moz-transition: all 0.15s; @@ -136,14 +139,16 @@ p { .button:hover, .button:focus, .button:active { - text-decoration: none; - color: #fff; + text-decoration: none; + color: #fff; background: #569107; } .share-bar { overflow: hidden; - margin: 40px 0 0; + padding: 0 0 30px; + border-bottom: 2px solid #ccc; + margin: 30px 0 0; *zoom: 1; } @@ -164,11 +169,11 @@ p { body { font-size: 0.875em; } - + h1 { font-size: 3em; } - + .fork { display: none; }