mirror of
https://github.com/necolas/normalize.css.git
synced 2024-12-25 15:14:19 +00:00
Project page: update copy and realign
This commit is contained in:
Nicolas Gallagher
parent
f501de724d
commit
bfcd8bdd0f
78
index.html
78
index.html
@ -2,7 +2,7 @@
|
||||
<html lang="en">
|
||||
<head>
|
||||
<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>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
@ -21,7 +21,7 @@
|
||||
<h2>What does it do?</h2>
|
||||
<ul>
|
||||
<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>Improves usability</strong> with subtle improvements.</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>
|
||||
</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-opt">
|
||||
<a class="twitter-share-button"
|
||||
@ -60,14 +43,34 @@
|
||||
</div>
|
||||
|
||||
<div class="share-opt">
|
||||
<g:plusone size="tall"></g:plusone>
|
||||
<div class="g-plusone" data-size="tall"></div>
|
||||
</div>
|
||||
|
||||
<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>
|
||||
|
||||
<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">
|
||||
<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>
|
||||
@ -76,15 +79,30 @@
|
||||
|
||||
<div id="fb-root"></div>
|
||||
<script>
|
||||
(function(w,d){
|
||||
w._gaq=[['_setAccount','UA-7489188-1'],['_trackPageview'],['_trackPageLoadTime']];
|
||||
var u=[
|
||||
'//connect.facebook.net/en_US/all.js#xfbml=1', // Facebook SDK
|
||||
'//platform.twitter.com/widgets.js', // Twitter Widgets
|
||||
'https://apis.google.com/js/plusone.js', // Google +1 Button
|
||||
('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js' // Google Analytics
|
||||
],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);
|
||||
}(this,document));
|
||||
window._gaq=[['_setAccount','UA-7489188-1'],['_trackPageview']];
|
||||
(function(doc, script) {
|
||||
var js,
|
||||
fjs = doc.getElementsByTagName(script)[0],
|
||||
frag = doc.createDocumentFragment(),
|
||||
add = function(url, id) {
|
||||
if (doc.getElementById(id)) {return;}
|
||||
js = doc.createElement(script);
|
||||
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>
|
||||
|
||||
</body>
|
||||
|
||||
25
style.css
25
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%;
|
||||
}
|
||||
@ -23,7 +21,7 @@ img {
|
||||
a {
|
||||
font-weight:bold;
|
||||
text-decoration: none;
|
||||
color: #6EAD1A;
|
||||
color: #6ead1a;
|
||||
}
|
||||
|
||||
a:focus {
|
||||
@ -46,12 +44,17 @@ strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
code,
|
||||
pre {
|
||||
font-family: consolas, monospace;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
pre {
|
||||
display: block;
|
||||
padding: 5px;
|
||||
margin: 1em 0;
|
||||
font-family: consolas, monospace;
|
||||
font-size: 1em;
|
||||
font-size: 13px;
|
||||
color: #fff;
|
||||
background: #222;
|
||||
white-space: pre;
|
||||
@ -62,7 +65,7 @@ pre {
|
||||
ul {
|
||||
list-style: square;
|
||||
padding: 0;
|
||||
margin: 1.4em 0;
|
||||
margin: 0 0 1.4em;
|
||||
}
|
||||
|
||||
li {
|
||||
@ -75,7 +78,7 @@ h1 {
|
||||
}
|
||||
|
||||
h2 {
|
||||
margin: 1.25em 0 0.75em;
|
||||
margin: 1.25em 0 0.5em;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
@ -108,8 +111,8 @@ p {
|
||||
font-size: 1.375em;
|
||||
line-height: 1.273;
|
||||
color: #fff;
|
||||
background: #6EAD1A;
|
||||
text-shadow:0 1px 1px rgba(0,0,0,0.4);
|
||||
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),
|
||||
@ -143,7 +146,9 @@ p {
|
||||
|
||||
.share-bar {
|
||||
overflow: hidden;
|
||||
margin: 40px 0 0;
|
||||
padding: 0 0 30px;
|
||||
border-bottom: 2px solid #ccc;
|
||||
margin: 30px 0 0;
|
||||
*zoom: 1;
|
||||
}
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user