Skip to content

Commit

Permalink
Changed placeholder hrefs, increased padding on table cells
Browse files Browse the repository at this point in the history
  • Loading branch information
@necolas
necolas committed Mar 13, 2011
1 parent d79532f commit f6efcf9
Show file tree
Hide file tree
Showing 2 changed files with 56 additions and 55 deletions.
2 changes: 1 addition & 1 deletion css/demo.css
View file
Expand Up @@ -77,7 +77,7 @@ th {
}

th, td {
padding: 5px;
padding: 5px 25px 5px 5px;
text-align: left;
vertical-align: middle;
}
Expand Down
109 changes: 55 additions & 54 deletions index.html
View file
Expand Up @@ -7,6 +7,7 @@
<link rel="stylesheet" href="css/demo.css" media="screen">
<link rel="stylesheet" href="css/css3-github-buttons.css" media="screen">

<!-- prettyify -->
<link rel="stylesheet" href="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css">
<script src="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js" ></script>
</head>
Expand All @@ -27,21 +28,21 @@ <h2>Buttons</h2>
<div class="example">
<pre class="code prettyprint">&lt;a href="#" class="button">Post comment&lt;/a></pre>
<form>
<a href="#n" class="button">Post comment (link)</a>
<a href="#button" class="button">Post comment (link)</a>
<input class="button" type="submit" value="Post comment (input)">
<button class="button" type="submit">Post comment (button)</button>
</form>
</div>

<div class="example">
<pre class="prettyprint"><code>&lt;a href="#" class="button pill">This is a pill button&lt;/a></code></pre>
<a href="#n" class="button pill">This is a pill button</a>
<a href="#button" class="button pill">This is a pill button</a>
</div>

<div class="example">
<pre class="prettyprint"><code>&lt;a href="#" class="button primary">Publish post&lt;/a>
&lt;a href="#" class="button">Save as draft&lt;/a></code></pre>
<a href="#n" class="button primary">Publish post</a> <a href="#n" class="button">Save as draft</a>
<a href="#button" class="button primary">Publish post</a> <a href="#button" class="button">Save as draft</a>
</div>
</div>

Expand All @@ -50,7 +51,7 @@ <h2>Buttons with dangerous actions</h2>
<p>If you have a button that triggers a <em>dangerous</em> action, like deleting data, this can be indicated by adding the class <code>danger</code>.</p>
<div class="example">
<pre class="prettyprint"><code>&lt;a href="#" class="button danger">Delete post&lt;/a></code></pre>
<a href="#n" class="button danger">Delete post</a>
<a href="#button" class="button danger">Delete post</a>
</div>
</div>

Expand All @@ -60,7 +61,7 @@ <h2>Big buttons</h2>

<div class="example">
<pre class="prettyprint"><code>&lt;a href="#" class="button big">Create Project&lt;/a></code></pre>
<a href="#n" class="button big">Create Project</a>
<a href="#button" class="button big">Create Project</a>
</div>
</div>

Expand All @@ -76,10 +77,10 @@ <h2>Grouped buttons</h2>
&lt;a href="#" class="button">Logout&lt;/a>
&lt;/div></code></pre>
<div class="button-group">
<a href="#n" class="button primary">Dashboard</a>
<a href="#n" class="button">Inbox</a>
<a href="#n" class="button">Account</a>
<a href="#n" class="button">Logout</a>
<a href="#button" class="button primary">Dashboard</a>
<a href="#button" class="button">Inbox</a>
<a href="#button" class="button">Account</a>
<a href="#button" class="button">Logout</a>
</div>
</div>

Expand All @@ -91,20 +92,20 @@ <h2>Grouped buttons</h2>
&lt;li>&lt;a href="#" class="button pill">Logout&lt;/a>&lt;/li>
&lt;/ul></code></pre>
<ul class="button-group">
<li><a href="#n" class="button primary pill">Dashboard</a></li>
<li><a href="#n" class="button pill">Inbox</a></li>
<li><a href="#n" class="button pill">Account</a></li>
<li><a href="#n" class="button pill">Logout</a></li>
<li><a href="#button" class="button primary pill">Dashboard</a></li>
<li><a href="#button" class="button pill">Inbox</a></li>
<li><a href="#button" class="button pill">Account</a></li>
<li><a href="#button" class="button pill">Logout</a></li>
</ul>
</div>

<div class="example">
<pre class="prettyprint"><code>&lt;div class="button-group <b>minor-group</b>">&hellip;&lt;/div></code></pre>
<div class="button-group minor-group">
<a href="#n" class="button primary">Dashboard</a>
<a href="#n" class="button">Inbox</a>
<a href="#n" class="button">Account</a>
<a href="#n" class="button">Logout</a>
<a href="#button" class="button primary">Dashboard</a>
<a href="#button" class="button">Inbox</a>
<a href="#button" class="button">Account</a>
<a href="#button" class="button">Logout</a>
</div>
</div>
</div>
Expand All @@ -129,17 +130,17 @@ <h2>Mixed groups</h2>
&lt;/div>
&lt;/div></code></pre>
<div class="actions button-container">
<a href="#n" class="button primary">Compose new</a>
<a href="#button" class="button primary">Compose new</a>

<div class="button-group">
<a href="#n" class="button primary">Archive</a>
<a href="#n" class="button">Report spam</a>
<a href="#n" class="button danger">Delete</a>
<a href="#button" class="button primary">Archive</a>
<a href="#button" class="button">Report spam</a>
<a href="#button" class="button danger">Delete</a>
</div>

<div class="button-group minor-group">
<a href="#n" class="button">Move to</a>
<a href="#n" class="button">Labels</a>
<a href="#button" class="button">Move to</a>
<a href="#button" class="button">Labels</a>
</div>
</div>
</div>
Expand All @@ -151,7 +152,7 @@ <h2>Buttons with icons</h2>

<div class="example">
<pre class="prettyprint"><code>&lt;a href="#" class="button icon search">Search&lt;/a></code></pre>
<a href="#n" class="button icon search">Search</a>
<a href="#button" class="button icon search">Search</a>
</div>

<div class="example">
Expand All @@ -164,123 +165,123 @@ <h2>Buttons with icons</h2>
</thead>
<tr>
<td scope="row"><code>.arrowup</code></td>
<td><a href="#n" class="button icon arrowup">Move up</a></td>
<td><a href="#button" class="button icon arrowup">Move up</a></td>
</tr>
<tr>
<td scope="row"><code>.arrowdown</code></td>
<td><a href="#n" class="button icon arrowdown">Move down</a></td>
<td><a href="#button" class="button icon arrowdown">Move down</a></td>
</tr>
<tr>
<td scope="row"><code>.arrowleft</code></td>
<td><a href="#n" class="button icon arrowleft">Move left</a></td>
<td><a href="#button" class="button icon arrowleft">Move left</a></td>
</tr>
<tr>
<td scope="row"><code>.arrowright</code></td>
<td><a href="#n" class="button icon arrowright">Move right</a></td>
<td><a href="#button" class="button icon arrowright">Move right</a></td>
</tr>
<tr>
<td scope="row"><code>.log</code></td>
<td><a href="#n" class="button icon log">View log</a></td>
<td><a href="#button" class="button icon log">View log</a></td>
</tr>
<tr>
<td scope="row"><code>.calendar</code></td>
<td><a href="#n" class="button icon calendar">Add to calendar</a></td>
<td><a href="#button" class="button icon calendar">Add to calendar</a></td>
</tr>
<tr>
<td scope="row"><code>.chat</code></td>
<td><a href="#n" class="button icon chat">Start chat</a></td>
<td><a href="#button" class="button icon chat">Start chat</a></td>
</tr>
<tr>
<td scope="row"><code>.approve</code></td>
<td><a href="#n" class="button icon approve">Approve registration</a></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="#n" class="button icon clock">Start timer</a></td>
<td><a href="#button" class="button icon clock">Start timer</a></td>
</tr>
<tr>
<td scope="row"><code>.settings</code></td>
<td><a href="#n" class="button icon settings">Settings</a></td>
<td><a href="#button" class="button icon settings">Settings</a></td>
</tr>
<tr>
<td scope="row"><code>.comment</code></td>
<td><a href="#n" class="button icon comment">Add comment</a></td>
<td><a href="#button" class="button icon comment">Add comment</a></td>
</tr>
<tr>
<td scope="row"><code>.remove</code></td>
<td><a href="#n" class="button danger icon remove">Remove item</a></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="#n" class="button icon fork">Fork</a></td>
<td><a href="#button" class="button icon fork">Fork</a></td>
</tr>
<tr>
<td scope="row"><code>.like</code></td>
<td><a href="#n" class="button icon like">Like</a></td>
<td><a href="#button" class="button icon like">Like</a></td>
</tr>
<tr>
<td scope="row"><code>.home</code></td>
<td><a href="#n" class="button icon home">Back to homepage</a></td>
<td><a href="#button" class="button icon home">Back to homepage</a></td>
</tr>
<tr>
<td scope="row"><code>.key</code></td>
<td><a href="#n" class="button icon key">Password protect</a></td>
<td><a href="#button" class="button icon key">Password protect</a></td>
</tr>
<tr>
<td scope="row"><code>.lock</code></td>
<td><a href="#n" class="button icon lock">Lock</a></td>
<td><a href="#button" class="button icon lock">Lock</a></td>
</tr>
<tr>
<td scope="row"><code>.loop</code></td>
<td><a href="#n" class="button icon loop">Resend message</a></td>
<td><a href="#button" class="button icon loop">Resend message</a></td>
</tr>
<tr>
<td scope="row"><code>.search</code></td>
<td><a href="#n" class="button icon search">Search</a></td>
<td><a href="#button" class="button icon search">Search</a></td>
</tr>
<tr>
<td scope="row"><code>.mail</code></td>
<td><a href="#n" class="button icon mail">Send email</a></td>
<td><a href="#button" class="button icon mail">Send email</a></td>
</tr>
<tr>
<td scope="row"><code>.move</code></td>
<td><a href="#n" class="button icon move">Move</a></td>
<td><a href="#button" class="button icon move">Move</a></td>
</tr>
<tr>
<td scope="row"><code>.edit</code></td>
<td><a href="#n" class="button icon edit">Edit post</a></td>
<td><a href="#button" class="button icon edit">Edit post</a></td>
</tr>
<tr>
<td scope="row"><code>.pin</code></td>
<td><a href="#n" class="button icon pin">Pin to Map</a></td>
<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="#n" class="button icon add">Add post</a></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="#n" class="button icon reload">Reload page</a></td>
<td><a href="#button" class="button icon reload">Reload page</a></td>
</tr>
<tr>
<td scope="row"><code>.rss</code></td>
<td><a href="#n" class="button icon rss">Subscribe to RSS feed</a></td>
<td><a href="#button" class="button icon rss">Subscribe to RSS feed</a></td>
</tr>
<tr>
<td scope="row"><code>.tag</code></td>
<td><a href="#n" class="button icon tag">Add tag</a></td>
<td><a href="#button" class="button icon tag">Add tag</a></td>
</tr>
<tr>
<td scope="row"><code>.trash</code></td>
<td><a href="#n" class="button danger icon trash">Delete post</a></td>
<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="#n" class="button icon unlock">Unlock</a></td>
<td><a href="#button" class="button icon unlock">Unlock</a></td>
</tr>
<tr>
<td scope="row"><code>.user</code></td>
<td><a href="#n" class="button icon user">Add new user</a></td>
<td><a href="#button" class="button icon user">Add new user</a></td>
</tr>
</table>
</div>
Expand Down

0 comments on commit f6efcf9

Please sign in to comment.