library-mirrors/normalize.css
1
0
Fork 0
mirror of https://github.com/necolas/normalize.css.git synced 2024-12-25 15:14:19 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Project page: update copy and realign

Browse Source
This commit is contained in:
Nicolas Gallagher 2012-01-22 22:42:18 +00:00
parent f501de724d
commit bfcd8bdd0f
2 changed files with 107 additions and 84 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
index.html
View File

@ -2,7 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width">
<title>Normalize.css: Make browsers render all elements more consistently.</title> <title>Normalize.css: Make browsers render all elements more consistently.</title>
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
</head> </head>
@ -21,7 +21,7 @@
<h2>What does it do?</h2> <h2>What does it do?</h2>
<ul> <ul>
<li><strong>Preserves useful defaults</strong>, unlike many CSS resets.</li> <li><strong>Preserves useful defaults</strong>, unlike many CSS resets.</li>
<li><strong>Normalizes styles</strong> for a wide range of elements.</li> <li><strong>Normalizes styles</strong> for a wide range of elements (including HTML5).</li>
<li><strong>Corrects bugs</strong> and common browser inconsistencies.</li> <li><strong>Corrects bugs</strong> and common browser inconsistencies.</li>
<li><strong>Improves usability</strong> with subtle improvements.</li> <li><strong>Improves usability</strong> with subtle improvements.</li>
<li><strong>Explains what code does</strong> using detailed comments.</li> <li><strong>Explains what code does</strong> using detailed comments.</li>
@ -32,23 +32,6 @@
<p><a href="https://github.com/necolas/normalize.css/raw/master/normalize.css">Get the normalize.css file</a></p> <p><a href="https://github.com/necolas/normalize.css/raw/master/normalize.css">Get the normalize.css file</a></p>
</div> </div>
<h2>How to use it</h2>
<p>You are encouraged to read, edit, customise, add, and trim rulesets or styles from normalize.css on a per project basis.</p>
<p>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.</p>
<h2>Browser support</h2>
<p>Chrome, Firefox 3+, Safari 4+, Opera 10+, Internet Explorer 6+</p>
<h2>Source code</h2>
<p>Available on GitHub: <a href="http://github.com/necolas/normalize.css">necolas/normalize.css</a></p>
<p>Download it in either <a href="http://github.com/necolas/normalize.css/zipball/master">zip</a> or <a href="http://github.com/necolas/normalize.css/tarball/master">tar</a> formats.</p>
<p>Clone the project with <a href="http://git-scm.com">Git</a> by running:</p>
<pre>$ git clone git://github.com/necolas/normalize.css.git</pre>
<h2>Acknowledgements</h2>
<p>Normalize.css is a project by Nicolas Gallagher and Jonathan Neal.</p>
<p>Detailed information on default UA styles: <a href="http://iecss.com">Internet Explorer User Agent Style Sheets</a> and <a href="http://css-class.com/test/css/defaults/UA-style-sheet-defaults.htm">CSS2.1 User Agent Style Sheet Defaults</a></p>
<div class="share-bar"> <div class="share-bar">
<div class="share-opt"> <div class="share-opt">
<a class="twitter-share-button" <a class="twitter-share-button"
@ -60,14 +43,34 @@
</div> </div>
<div class="share-opt"> <div class="share-opt">
<g:plusone size="tall"></g:plusone> <div class="g-plusone" data-size="tall"></div>
</div> </div>
<div class="share-opt"> <div class="share-opt">
<fb:like href="" send="false" layout="box_count" width="40" show_faces="false" font=""></fb:like> <div class="fb-like" data-send="false" data-width="40" data-layout="box_count" data-show-faces="false"></div>
</div> </div>
</div> </div>
<h2>Browser support</h2>
<p>Chrome, Firefox 3+, Safari 4+, Opera 10+, Internet Explorer 6+</p>
<h2>How do I use it?</h2>
<p>Normalize.css is intended to be used as an alternative to CSS resets. It's suggested that you read the <code>normalize.css</code> file and consider customising it to meet your needs.</p>
<h2>Who uses it?</h2>
<ul>
<li><a href="http://html5boilerplate.com/">HTML5 Boilerplate</a></li>
<li><a href="http://twitter.github.com/bootstrap/">Twitter Bootstrap</a></li>
<li><a href="http://css-tricks.com/">CSS Tricks</a></li>
</ul>
<h2>Source code</h2>
<p>Available on GitHub: <a href="http://github.com/necolas/normalize.css">necolas/normalize.css</a></p>
<pre>$ git clone git://github.com/necolas/normalize.css.git</pre>
<h2>Acknowledgements</h2>
<p>Normalize.css is a project by Nicolas Gallagher and Jonathan Neal. Detailed information on default UA styles: <a href="http://iecss.com">Internet Explorer User Agent Style Sheets</a> and <a href="http://css-class.com/test/css/defaults/UA-style-sheet-defaults.htm">CSS2.1 User Agent Style Sheet Defaults</a></p>
<div class="footer"> <div class="footer">
<p>A project by <a href="http://nicolasgallagher.com">Nicolas Gallagher</a> and <a href="http://twitter.com/jon_neal">Jonathan Neal</a>.</p> <p>A project by <a href="http://nicolasgallagher.com">Nicolas Gallagher</a> and <a href="http://twitter.com/jon_neal">Jonathan Neal</a>.</p>
</div> </div>
@ -76,15 +79,30 @@
<div id="fb-root"></div> <div id="fb-root"></div>
<script> <script>
(function(w,d){ window._gaq=[['_setAccount','UA-7489188-1'],['_trackPageview']];
w._gaq=[['_setAccount','UA-7489188-1'],['_trackPageview'],['_trackPageLoadTime']]; (function(doc, script) {
var u=[ var js,
'//connect.facebook.net/en_US/all.js#xfbml=1', // Facebook SDK fjs = doc.getElementsByTagName(script)[0],
'//platform.twitter.com/widgets.js', // Twitter Widgets frag = doc.createDocumentFragment(),
'https://apis.google.com/js/plusone.js', // Google +1 Button add = function(url, id) {
('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js' // Google Analytics if (doc.getElementById(id)) {return;}
],i=u.length,n='script',f=d.createDocumentFragment(),e=d.createElement(n),t;while(i--){t=e.cloneNode(false);t.async=t.src=u[i];f.appendChild(t);}(t=d.getElementsByTagName(n)[0]).parentNode.insertBefore(f,t); js = doc.createElement(script);
}(this,document)); js.src = url;
id && (js.id = id);
frag.appendChild(js);
};
// Google Analytics
add(('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js');
// Facebook SDK
add('//connect.facebook.net/en_US/all.js#xfbml=1', 'facebook-jssdk');
// Google+ button
add('https://apis.google.com/js/plusone.js');
// Twitter SDK
add('//platform.twitter.com/widgets.js', 'twitter-wjs');
fjs.parentNode.insertBefore(frag, fjs);
}(document, 'script'));
</script> </script>
</body> </body>

25
style.css
View File

@ -1,7 +1,5 @@
html { html {
font-size: 100%; font-size: 100%;
overflow-y: scroll;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
} }
@ -23,7 +21,7 @@ img {
a { a {
font-weight:bold; font-weight:bold;
text-decoration: none; text-decoration: none;
color: #6EAD1A; color: #6ead1a;
} }
a:focus { a:focus {
@ -46,12 +44,17 @@ strong {
font-weight: bold; font-weight: bold;
} }
code,
pre {
font-family: consolas, monospace;
font-size: 1em;
}
pre { pre {
display: block; display: block;
padding: 5px; padding: 5px;
margin: 1em 0; margin: 1em 0;
font-family: consolas, monospace; font-size: 13px;
font-size: 1em;
color: #fff; color: #fff;
background: #222; background: #222;
white-space: pre; white-space: pre;
@ -62,7 +65,7 @@ pre {
ul { ul {
list-style: square; list-style: square;
padding: 0; padding: 0;
margin: 1.4em 0; margin: 0 0 1.4em;
} }
li { li {
@ -75,7 +78,7 @@ h1 {
} }
h2 { h2 {
margin: 1.25em 0 0.75em; margin: 1.25em 0 0.5em;
font-size: 1.5em; font-size: 1.5em;
} }
@ -108,8 +111,8 @@ p {
font-size: 1.375em; font-size: 1.375em;
line-height: 1.273; line-height: 1.273;
color: #fff; color: #fff;
background: #6EAD1A; background: #6ead1a;
text-shadow:0 1px 1px rgba(0,0,0,0.4); text-shadow: 0 1px 1px rgba(0,0,0,0.4);
-moz-border-radius: 5px; -moz-border-radius: 5px;
border-radius: 5px; border-radius: 5px;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.4), -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.4),
@ -143,7 +146,9 @@ p {
.share-bar { .share-bar {
overflow: hidden; overflow: hidden;
margin: 40px 0 0; padding: 0 0 30px;
border-bottom: 2px solid #ccc;
margin: 30px 0 0;
*zoom: 1; *zoom: 1;
} }