Skip to content

Commit f6efcf9

Browse files
necolasnecolas
committed
Changed placeholder hrefs, increased padding on table cells
1 parent d79532f commit f6efcf9

File tree

2 files changed

+56
-55
lines changed

2 files changed

+56
-55
lines changed

‎css/demo.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -77,7 +77,7 @@ th {
7777
}
7878

7979
th, td {
80-
padding: 5px;
80+
padding: 5px 25px 5px 5px;
8181
text-align: left;
8282
vertical-align: middle;
8383
}

‎index.html‎

Lines changed: 55 additions & 54 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@
77
<link rel="stylesheet" href="css/demo.css" media="screen">
88
<link rel="stylesheet" href="css/css3-github-buttons.css" media="screen">
99

10+
<!-- prettyify -->
1011
<link rel="stylesheet" href="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css">
1112
<script src="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js" ></script>
1213
</head>
@@ -27,21 +28,21 @@ <h2>Buttons</h2>
2728
<div class="example">
2829
<pre class="code prettyprint">&lt;a href="#" class="button">Post comment&lt;/a></pre>
2930
<form>
30-
<a href="#n" class="button">Post comment (link)</a>
31+
<a href="#button" class="button">Post comment (link)</a>
3132
<input class="button" type="submit" value="Post comment (input)">
3233
<button class="button" type="submit">Post comment (button)</button>
3334
</form>
3435
</div>
3536

3637
<div class="example">
3738
<pre class="prettyprint"><code>&lt;a href="#" class="button pill">This is a pill button&lt;/a></code></pre>
38-
<a href="#n" class="button pill">This is a pill button</a>
39+
<a href="#button" class="button pill">This is a pill button</a>
3940
</div>
4041

4142
<div class="example">
4243
<pre class="prettyprint"><code>&lt;a href="#" class="button primary">Publish post&lt;/a>
4344
&lt;a href="#" class="button">Save as draft&lt;/a></code></pre>
44-
<a href="#n" class="button primary">Publish post</a> <a href="#n" class="button">Save as draft</a>
45+
<a href="#button" class="button primary">Publish post</a> <a href="#button" class="button">Save as draft</a>
4546
</div>
4647
</div>
4748

@@ -50,7 +51,7 @@ <h2>Buttons with dangerous actions</h2>
5051
<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>
5152
<div class="example">
5253
<pre class="prettyprint"><code>&lt;a href="#" class="button danger">Delete post&lt;/a></code></pre>
53-
<a href="#n" class="button danger">Delete post</a>
54+
<a href="#button" class="button danger">Delete post</a>
5455
</div>
5556
</div>
5657

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

6162
<div class="example">
6263
<pre class="prettyprint"><code>&lt;a href="#" class="button big">Create Project&lt;/a></code></pre>
63-
<a href="#n" class="button big">Create Project</a>
64+
<a href="#button" class="button big">Create Project</a>
6465
</div>
6566
</div>
6667

@@ -76,10 +77,10 @@ <h2>Grouped buttons</h2>
7677
&lt;a href="#" class="button">Logout&lt;/a>
7778
&lt;/div></code></pre>
7879
<div class="button-group">
79-
<a href="#n" class="button primary">Dashboard</a>
80-
<a href="#n" class="button">Inbox</a>
81-
<a href="#n" class="button">Account</a>
82-
<a href="#n" class="button">Logout</a>
80+
<a href="#button" class="button primary">Dashboard</a>
81+
<a href="#button" class="button">Inbox</a>
82+
<a href="#button" class="button">Account</a>
83+
<a href="#button" class="button">Logout</a>
8384
</div>
8485
</div>
8586

@@ -91,20 +92,20 @@ <h2>Grouped buttons</h2>
9192
&lt;li>&lt;a href="#" class="button pill">Logout&lt;/a>&lt;/li>
9293
&lt;/ul></code></pre>
9394
<ul class="button-group">
94-
<li><a href="#n" class="button primary pill">Dashboard</a></li>
95-
<li><a href="#n" class="button pill">Inbox</a></li>
96-
<li><a href="#n" class="button pill">Account</a></li>
97-
<li><a href="#n" class="button pill">Logout</a></li>
95+
<li><a href="#button" class="button primary pill">Dashboard</a></li>
96+
<li><a href="#button" class="button pill">Inbox</a></li>
97+
<li><a href="#button" class="button pill">Account</a></li>
98+
<li><a href="#button" class="button pill">Logout</a></li>
9899
</ul>
99100
</div>
100101

101102
<div class="example">
102103
<pre class="prettyprint"><code>&lt;div class="button-group <b>minor-group</b>">&hellip;&lt;/div></code></pre>
103104
<div class="button-group minor-group">
104-
<a href="#n" class="button primary">Dashboard</a>
105-
<a href="#n" class="button">Inbox</a>
106-
<a href="#n" class="button">Account</a>
107-
<a href="#n" class="button">Logout</a>
105+
<a href="#button" class="button primary">Dashboard</a>
106+
<a href="#button" class="button">Inbox</a>
107+
<a href="#button" class="button">Account</a>
108+
<a href="#button" class="button">Logout</a>
108109
</div>
109110
</div>
110111
</div>
@@ -129,17 +130,17 @@ <h2>Mixed groups</h2>
129130
&lt;/div>
130131
&lt;/div></code></pre>
131132
<div class="actions button-container">
132-
<a href="#n" class="button primary">Compose new</a>
133+
<a href="#button" class="button primary">Compose new</a>
133134

134135
<div class="button-group">
135-
<a href="#n" class="button primary">Archive</a>
136-
<a href="#n" class="button">Report spam</a>
137-
<a href="#n" class="button danger">Delete</a>
136+
<a href="#button" class="button primary">Archive</a>
137+
<a href="#button" class="button">Report spam</a>
138+
<a href="#button" class="button danger">Delete</a>
138139
</div>
139140

140141
<div class="button-group minor-group">
141-
<a href="#n" class="button">Move to</a>
142-
<a href="#n" class="button">Labels</a>
142+
<a href="#button" class="button">Move to</a>
143+
<a href="#button" class="button">Labels</a>
143144
</div>
144145
</div>
145146
</div>
@@ -151,7 +152,7 @@ <h2>Buttons with icons</h2>
151152

152153
<div class="example">
153154
<pre class="prettyprint"><code>&lt;a href="#" class="button icon search">Search&lt;/a></code></pre>
154-
<a href="#n" class="button icon search">Search</a>
155+
<a href="#button" class="button icon search">Search</a>
155156
</div>
156157

157158
<div class="example">
@@ -164,123 +165,123 @@ <h2>Buttons with icons</h2>
164165
</thead>
165166
<tr>
166167
<td scope="row"><code>.arrowup</code></td>
167-
<td><a href="#n" class="button icon arrowup">Move up</a></td>
168+
<td><a href="#button" class="button icon arrowup">Move up</a></td>
168169
</tr>
169170
<tr>
170171
<td scope="row"><code>.arrowdown</code></td>
171-
<td><a href="#n" class="button icon arrowdown">Move down</a></td>
172+
<td><a href="#button" class="button icon arrowdown">Move down</a></td>
172173
</tr>
173174
<tr>
174175
<td scope="row"><code>.arrowleft</code></td>
175-
<td><a href="#n" class="button icon arrowleft">Move left</a></td>
176+
<td><a href="#button" class="button icon arrowleft">Move left</a></td>
176177
</tr>
177178
<tr>
178179
<td scope="row"><code>.arrowright</code></td>
179-
<td><a href="#n" class="button icon arrowright">Move right</a></td>
180+
<td><a href="#button" class="button icon arrowright">Move right</a></td>
180181
</tr>
181182
<tr>
182183
<td scope="row"><code>.log</code></td>
183-
<td><a href="#n" class="button icon log">View log</a></td>
184+
<td><a href="#button" class="button icon log">View log</a></td>
184185
</tr>
185186
<tr>
186187
<td scope="row"><code>.calendar</code></td>
187-
<td><a href="#n" class="button icon calendar">Add to calendar</a></td>
188+
<td><a href="#button" class="button icon calendar">Add to calendar</a></td>
188189
</tr>
189190
<tr>
190191
<td scope="row"><code>.chat</code></td>
191-
<td><a href="#n" class="button icon chat">Start chat</a></td>
192+
<td><a href="#button" class="button icon chat">Start chat</a></td>
192193
</tr>
193194
<tr>
194195
<td scope="row"><code>.approve</code></td>
195-
<td><a href="#n" class="button icon approve">Approve registration</a></td>
196+
<td><a href="#button" class="button icon approve">Approve registration</a></td>
196197
</tr>
197198
<tr>
198199
<td scope="row"><code>.clock</code></td>
199-
<td><a href="#n" class="button icon clock">Start timer</a></td>
200+
<td><a href="#button" class="button icon clock">Start timer</a></td>
200201
</tr>
201202
<tr>
202203
<td scope="row"><code>.settings</code></td>
203-
<td><a href="#n" class="button icon settings">Settings</a></td>
204+
<td><a href="#button" class="button icon settings">Settings</a></td>
204205
</tr>
205206
<tr>
206207
<td scope="row"><code>.comment</code></td>
207-
<td><a href="#n" class="button icon comment">Add comment</a></td>
208+
<td><a href="#button" class="button icon comment">Add comment</a></td>
208209
</tr>
209210
<tr>
210211
<td scope="row"><code>.remove</code></td>
211-
<td><a href="#n" class="button danger icon remove">Remove item</a></td>
212+
<td><a href="#button" class="button danger icon remove">Remove item</a></td>
212213
</tr>
213214
<tr>
214215
<td scope="row"><code>.fork</code></td>
215-
<td><a href="#n" class="button icon fork">Fork</a></td>
216+
<td><a href="#button" class="button icon fork">Fork</a></td>
216217
</tr>
217218
<tr>
218219
<td scope="row"><code>.like</code></td>
219-
<td><a href="#n" class="button icon like">Like</a></td>
220+
<td><a href="#button" class="button icon like">Like</a></td>
220221
</tr>
221222
<tr>
222223
<td scope="row"><code>.home</code></td>
223-
<td><a href="#n" class="button icon home">Back to homepage</a></td>
224+
<td><a href="#button" class="button icon home">Back to homepage</a></td>
224225
</tr>
225226
<tr>
226227
<td scope="row"><code>.key</code></td>
227-
<td><a href="#n" class="button icon key">Password protect</a></td>
228+
<td><a href="#button" class="button icon key">Password protect</a></td>
228229
</tr>
229230
<tr>
230231
<td scope="row"><code>.lock</code></td>
231-
<td><a href="#n" class="button icon lock">Lock</a></td>
232+
<td><a href="#button" class="button icon lock">Lock</a></td>
232233
</tr>
233234
<tr>
234235
<td scope="row"><code>.loop</code></td>
235-
<td><a href="#n" class="button icon loop">Resend message</a></td>
236+
<td><a href="#button" class="button icon loop">Resend message</a></td>
236237
</tr>
237238
<tr>
238239
<td scope="row"><code>.search</code></td>
239-
<td><a href="#n" class="button icon search">Search</a></td>
240+
<td><a href="#button" class="button icon search">Search</a></td>
240241
</tr>
241242
<tr>
242243
<td scope="row"><code>.mail</code></td>
243-
<td><a href="#n" class="button icon mail">Send email</a></td>
244+
<td><a href="#button" class="button icon mail">Send email</a></td>
244245
</tr>
245246
<tr>
246247
<td scope="row"><code>.move</code></td>
247-
<td><a href="#n" class="button icon move">Move</a></td>
248+
<td><a href="#button" class="button icon move">Move</a></td>
248249
</tr>
249250
<tr>
250251
<td scope="row"><code>.edit</code></td>
251-
<td><a href="#n" class="button icon edit">Edit post</a></td>
252+
<td><a href="#button" class="button icon edit">Edit post</a></td>
252253
</tr>
253254
<tr>
254255
<td scope="row"><code>.pin</code></td>
255-
<td><a href="#n" class="button icon pin">Pin to Map</a></td>
256+
<td><a href="#button" class="button icon pin">Pin to Map</a></td>
256257
</tr>
257258
<tr>
258259
<td scope="row"><code>.add</code></td>
259-
<td><a href="#n" class="button icon add">Add post</a></td>
260+
<td><a href="#button" class="button icon add">Add post</a></td>
260261
</tr>
261262
<tr>
262263
<td scope="row"><code>.reload</code></td>
263-
<td><a href="#n" class="button icon reload">Reload page</a></td>
264+
<td><a href="#button" class="button icon reload">Reload page</a></td>
264265
</tr>
265266
<tr>
266267
<td scope="row"><code>.rss</code></td>
267-
<td><a href="#n" class="button icon rss">Subscribe to RSS feed</a></td>
268+
<td><a href="#button" class="button icon rss">Subscribe to RSS feed</a></td>
268269
</tr>
269270
<tr>
270271
<td scope="row"><code>.tag</code></td>
271-
<td><a href="#n" class="button icon tag">Add tag</a></td>
272+
<td><a href="#button" class="button icon tag">Add tag</a></td>
272273
</tr>
273274
<tr>
274275
<td scope="row"><code>.trash</code></td>
275-
<td><a href="#n" class="button danger icon trash">Delete post</a></td>
276+
<td><a href="#button" class="button danger icon trash">Delete post</a></td>
276277
</tr>
277278
<tr>
278279
<td scope="row"><code>.unlock</code></td>
279-
<td><a href="#n" class="button icon unlock">Unlock</a></td>
280+
<td><a href="#button" class="button icon unlock">Unlock</a></td>
280281
</tr>
281282
<tr>
282283
<td scope="row"><code>.user</code></td>
283-
<td><a href="#n" class="button icon user">Add new user</a></td>
284+
<td><a href="#button" class="button icon user">Add new user</a></td>
284285
</tr>
285286
</table>
286287
</div>

0 commit comments

Comments
 (0)