Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Changed placeholder hrefs, increased padding on table cells

  • Loading branch information...
commit f6efcf9293f0d33b29ea847cd32bcd234776ec33 1 parent d79532f
@necolas necolas authored
Showing with 56 additions and 55 deletions.
  1. +1 −1  css/demo.css
  2. +55 −54 index.html
View
2  css/demo.css
@@ -77,7 +77,7 @@ th {
}
th, td {
- padding: 5px;
+ padding: 5px 25px 5px 5px;
text-align: left;
vertical-align: middle;
}
View
109 index.html
@@ -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>
@@ -27,7 +28,7 @@
<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>
@@ -35,13 +36,13 @@
<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>
@@ -50,7 +51,7 @@
<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>
@@ -60,7 +61,7 @@
<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>
@@ -76,10 +77,10 @@
&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>
@@ -91,20 +92,20 @@
&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>
@@ -129,17 +130,17 @@
&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>
@@ -151,7 +152,7 @@
<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">
@@ -164,123 +165,123 @@
</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>
Please sign in to comment.
Something went wrong with that request. Please try again.