Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Minor copy changes, reordering of icon examples, added 'favorite' icon

  • Loading branch information...
commit 139b5250c520f360dd988b4ed102ddcc99196cb4 1 parent 5ab50f5
@necolas necolas authored
Showing with 27 additions and 23 deletions.
  1. +2 −2 README.md
  2. +25 −21 index.html
View
4 README.md
@@ -1,6 +1,6 @@
-# CSS3 Github Buttons #
+# CSS3 GitHub Buttons #
-CSS3 Github Buttons helps you easily create GitHub-style buttons from links, buttons, and inputs.
+CSS3 GitHub Buttons helps you easily create GitHub-style buttons from links, buttons, and inputs.
Example: [nicolasgallagher.com/lab/css3-github-buttons/](http://nicolasgallagher.com/lab/css3-github-buttons/)
View
46 index.html
@@ -2,8 +2,8 @@
<html lang="en">
<head>
<meta charset="utf-8">
- <title>CSS3 Github Buttons</title>
- <meta name="description" content="Using CSS3 to create Github-style buttons from links, buttons, and inputs">
+ <title>CSS3 GitHub Buttons</title>
+ <meta name="description" content="Using CSS3 to create GitHub-style buttons from links, buttons, and inputs">
<link rel="stylesheet" href="css/demo.css">
<link rel="stylesheet" href="css/css3-github-buttons.css">
@@ -17,8 +17,8 @@
<a class="ribbon" href="http://github.com/necolas/css3-github-buttons" target="_blank"><img src="http://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub"></a>
<div class="header">
- <h1>CSS3 Github Buttons</h1>
- <p><b><a href="http://github.com/necolas/css3-github-buttons" title="GitHub repository">CSS3 Github Buttons</a> helps you easily create GitHub-style buttons from links, buttons, and inputs.</b></p>
+ <h1>CSS3 GitHub Buttons</h1>
+ <p><b><a href="http://github.com/necolas/css3-github-buttons" title="GitHub repository">CSS3 GitHub Buttons</a> helps you easily create GitHub-style buttons from links, buttons, and inputs.</b></p>
</div>
<div class="section">
@@ -180,6 +180,18 @@
<td><a href="#button" class="button icon arrowright">Move right</a></td>
</tr>
<tr>
+ <td scope="row"><code>.approve</code></td>
+ <td><a href="#button" class="button icon approve">Approve registration</a></td>
+ </tr>
+ <tr>
+ <td scope="row"><code>.add</code></td>
+ <td><a href="#button" class="button icon add">Add post</a></td>
+ </tr>
+ <tr>
+ <td scope="row"><code>.remove</code></td>
+ <td><a href="#button" class="button danger icon remove">Remove item</a></td>
+ </tr>
+ <tr>
<td scope="row"><code>.log</code></td>
<td><a href="#button" class="button icon log">View log</a></td>
</tr>
@@ -192,10 +204,6 @@
<td><a href="#button" class="button icon chat">Start chat</a></td>
</tr>
<tr>
- <td scope="row"><code>.approve</code></td>
- <td><a href="#button" class="button icon approve">Approve registration</a></td>
- </tr>
- <tr>
<td scope="row"><code>.clock</code></td>
<td><a href="#button" class="button icon clock">Start timer</a></td>
</tr>
@@ -208,10 +216,6 @@
<td><a href="#button" class="button icon comment">Add comment</a></td>
</tr>
<tr>
- <td scope="row"><code>.remove</code></td>
- <td><a href="#button" class="button danger icon remove">Remove item</a></td>
- </tr>
- <tr>
<td scope="row"><code>.fork</code></td>
<td><a href="#button" class="button icon fork">Fork</a></td>
</tr>
@@ -220,6 +224,10 @@
<td><a href="#button" class="button icon like">Like</a></td>
</tr>
<tr>
+ <td scope="row"><code>.favorite</code></td>
+ <td><a href="#button" class="button icon favorite">Favorite</a></td>
+ </tr>
+ <tr>
<td scope="row"><code>.home</code></td>
<td><a href="#button" class="button icon home">Back to homepage</a></td>
</tr>
@@ -232,6 +240,10 @@
<td><a href="#button" class="button icon lock">Lock</a></td>
</tr>
<tr>
+ <td scope="row"><code>.unlock</code></td>
+ <td><a href="#button" class="button icon unlock">Unlock</a></td>
+ </tr>
+ <tr>
<td scope="row"><code>.loop</code></td>
<td><a href="#button" class="button icon loop">Resend message</a></td>
</tr>
@@ -256,10 +268,6 @@
<td><a href="#button" class="button icon pin">Pin to Map</a></td>
</tr>
<tr>
- <td scope="row"><code>.add</code></td>
- <td><a href="#button" class="button icon add">Add post</a></td>
- </tr>
- <tr>
<td scope="row"><code>.reload</code></td>
<td><a href="#button" class="button icon reload">Reload page</a></td>
</tr>
@@ -276,10 +284,6 @@
<td><a href="#button" class="button danger icon trash">Delete post</a></td>
</tr>
<tr>
- <td scope="row"><code>.unlock</code></td>
- <td><a href="#button" class="button icon unlock">Unlock</a></td>
- </tr>
- <tr>
<td scope="row"><code>.user</code></td>
<td><a href="#button" class="button icon user">Add new user</a></td>
</tr>
@@ -314,7 +318,7 @@
</div>
<div class="footer">
- <a href="http://github.com/necolas/css3-github-buttons">CSS3 Github Buttons</a> by <a href="http://nicolasgallagher.com" title="Website of Nicolas Gallagher">Nicolas Gallagher</a>.
+ <a href="http://github.com/necolas/css3-github-buttons">CSS3 GitHub Buttons</a> by <a href="http://nicolasgallagher.com" title="Website of Nicolas Gallagher">Nicolas Gallagher</a>.
</div>
</body>
Please sign in to comment.
Something went wrong with that request. Please try again.