Permalink
Browse files

styled buttons.

  • Loading branch information...
1 parent 29fd55d commit 56e4ad9d2475e70722f544c1e8d83ce4592b0a3a @pilu pilu committed Jan 26, 2009
Showing with 57 additions and 31 deletions.
  1. +34 −27 index.html
  2. +13 −2 stylesheets/base.css
  3. +10 −2 stylesheets/themes/default/style.css
View
@@ -104,31 +104,38 @@ <h2 class="title">Text</h2>
</div>
<h2 class="title">Tables</h2>
<div class="content">
- <table class="table">
- <tr>
- <th class="first">ID</th>
- <th>Login</th>
- <th>Name</th>
- <th>Surname</th>
- <th class="last checkbox"><input type="checkbox" class="toggle" /></th>
- </tr>
- <tr>
- <td>1</td><td>hulk</td><td>Hulk</td><td>Hogan</td><td><input type="checkbox" class="checkbox" name="id" value="1" /></td>
- </tr>
- <tr>
- <td>2</td><td>ultimate</td><td>Ultimate</td><td>Warrior</td><td><input type="checkbox" class="checkbox" name="id" value="1" /></td>
- </tr>
- <tr>
- <td>3</td><td>andre</td><td>Andre</td><td>The Giant</td><td><input type="checkbox" class="checkbox" name="id" value="1" /></td>
- </tr>
- <tr>
- <td>4</td><td>machoman</td><td>Macho Man</td><td>Randy Savage</td><td><input type="checkbox" class="checkbox" name="id" value="1" /></td>
- </tr>
- </table>
- <div class="pagination">
- <span class="current">1</span><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="#">6</a><a href="#">7</a><a href="#">8</a><a href="#">9</a><a href="#">10</a><a href="#">Next »</a>
- </div>
- <div class="clear"></div>
+ <form action="#" class="form">
+ <table class="table">
+ <tr>
+ <th class="first">ID</th>
+ <th>Login</th>
+ <th>Name</th>
+ <th>Surname</th>
+ <th class="last checkbox"><input type="checkbox" class="toggle" /></th>
+ </tr>
+ <tr>
+ <td>1</td><td>hulk</td><td>Hulk</td><td>Hogan</td><td><input type="checkbox" class="checkbox" name="id" value="1" /></td>
+ </tr>
+ <tr>
+ <td>2</td><td>ultimate</td><td>Ultimate</td><td>Warrior</td><td><input type="checkbox" class="checkbox" name="id" value="1" /></td>
+ </tr>
+ <tr>
+ <td>3</td><td>andre</td><td>Andre</td><td>The Giant</td><td><input type="checkbox" class="checkbox" name="id" value="1" /></td>
+ </tr>
+ <tr>
+ <td>4</td><td>machoman</td><td>Macho Man</td><td>Randy Savage</td><td><input type="checkbox" class="checkbox" name="id" value="1" /></td>
+ </tr>
+ </table>
+ <div class="actions-bar">
+ <div class="actions">
+ <input type="submit" class="button" value="Delete" class="button">
+ </div>
+ <div class="pagination">
+ <span class="current">1</span><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="#">6</a><a href="#">7</a><a href="#">8</a><a href="#">9</a><a href="#">10</a><a href="#">Next »</a>
+ </div>
+ <div class="clear"></div>
+ </div>
+ </form>
</div>
</div>
@@ -158,7 +165,7 @@ <h2 class="title">Forms</h2>
<span class="description">Write here a long text</span>
</div>
<div class="group navform">
- <input type="submit" value="Save &rarr;" /> or <a href="#header">Cancel</a>
+ <input type="submit" class="button" value="Save &rarr;" /> or <a href="#header">Cancel</a>
</div>
</form>
</div>
@@ -241,7 +248,7 @@ <h2 class="title">2 columns forms</h2>
</div>
<div class="clear"></div>
<div class="group navform">
- <input type="submit" value="Save &rarr;" /> or <a href="#">Cancel</a>
+ <input type="submit" class="button" value="Save &rarr;" /> or <a href="#">Cancel</a>
</div>
</form>
</div>
View
@@ -42,9 +42,18 @@ body {
float: left;
}
-#main .pagination {
- padding: 15px 20px 15px 0;
+.actions-bar {
+ padding: 10px 1px;
+}
+
+.actions-bar .actions {
+ float: left;
+}
+
+
+.actions-bar .pagination {
float: right;
+ padding: 1px 0;
}
#sidebar {
@@ -148,6 +157,8 @@ body {
.pagination a, .pagination span {
padding: 2px 5px;
margin-right: 5px;
+ display: block;
+ float: left;
}
.pagination span.current {
@@ -151,6 +151,14 @@ hr {
border: 1px solid #262626;
}
+.form input.button {
+ background: #EEE;
+ color: #262626;
+ padding: 2px 5px;
+ border: 1px solid #262626;
+ cursor: pointer;
+}
+
.form .description {
font-style: italic;
color: #8C8C8C;
@@ -198,7 +206,7 @@ ul.list li .item .avatar {
/* rounded borders */
-#main, #main-navigation, #main-navigation li, .secondary-navigation, #main .block, #sidebar .block, #sidebar h3, ul.list li, #footer .block {
+#main, #main-navigation, #main-navigation li, .secondary-navigation, #main .block, #sidebar .block, #sidebar h3, ul.list li, #footer .block, .form input.button {
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
@@ -221,7 +229,7 @@ ul.list li .item .avatar {
-webkit-border-top-left-radius: 4px;
}
-#sidebar, #sidebar .block, #main .block, #sidebar ul.navigation, ul.list li, #footer .block {
+#sidebar, #sidebar .block, #main .block, #sidebar ul.navigation, ul.list li, #footer .block, .form input.button {
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;

0 comments on commit 56e4ad9

Please sign in to comment.