From fbf9e3fb4f194d1fefa4d26e9c91e3326defe358 Mon Sep 17 00:00:00 2001
From: Karsten Heiken <karsten@disposed.de>
Date: Sun, 31 Jul 2011 15:55:33 +0200
Subject: [PATCH] Add googleish buttons

---
 assets/css/style.css            | 134 +++++++++++++++++++++++++++++++-
 assets/images/button-sprite.png | Bin 0 -> 2148 bytes
 2 files changed, 130 insertions(+), 4 deletions(-)
 create mode 100644 assets/images/button-sprite.png

diff --git a/assets/css/style.css b/assets/css/style.css
index ae478d3..cb203ed 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -271,7 +271,133 @@ li { margin-left: 20px;}
 #footer .left { float: left;}
 #footer .right { float: right;}
 
-
-
-
-
+/* Buttons */
+.buttons {
+    float: left;
+    padding-bottom: 20px;
+    clear: both;
+}
+a.button {
+    color: #6e6e6e;
+    font: bold 12px Helvetica, Arial, sans-serif;
+    text-decoration: none;
+    padding: 7px 12px;
+    position: relative;
+    display: inline-block;
+    text-shadow: 0 1px 0 #fff;
+    -webkit-transition: border-color .218s;
+    -moz-transition: border .218s;
+    -o-transition: border-color .218s;
+    transition: border-color .218s;
+    background: #f3f3f3;
+    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
+    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
+    border: solid 1px #dcdcdc;
+    border-radius: 2px;
+    -webkit-border-radius: 2px;
+    -moz-border-radius: 2px;
+    margin-right: 10px;
+}
+a.button:hover {
+    color: #333;
+    border-color: #999;
+    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
+}
+a.button:active {
+    color: #000;
+    border-color: #444;
+}
+a.left {
+    -webkit-border-top-right-radius: 0;
+    -moz-border-radius-topright: 0;
+    border-top-right-radius: 0;
+    -webkit-border-bottom-right-radius: 0;
+    -moz-border-radius-bottomright: 0;
+    border-bottom-right-radius: 0;
+    margin: 0;
+}
+a.middle {
+    border-radius: 0;
+    -webkit-border-radius: 0;
+    -moz-border-radius: 0;
+    border-left: solid 1px #f3f3f3;
+    margin: 0;
+    border-left: solid 1px rgba(255, 255, 255, 0);
+}
+a.middle:hover,
+a.right:hover { border-left: solid 1px #999 }
+a.right {
+    -webkit-border-top-left-radius: 0;
+    -moz-border-radius-topleft: 0;
+    border-top-left-radius: 0;
+    -webkit-border-bottom-left-radius: 0;
+    -moz-border-radius-bottomleft: 0;
+    border-bottom-left-radius: 0;
+    border-left: solid 1px #f3f3f3;
+    border-left: solid 1px rgba(255, 255, 255, 0);
+}
+a.big {
+    font-size: 16px;
+    padding: 10px 15px;
+}
+a.supersize {
+    font-size: 20px;
+    padding: 15px 20px;
+}
+a.save {
+    background: url(../images/button-sprite.png) 10px 9px no-repeat #f3f3f3;
+    padding-left: 30px;
+}
+a.add {
+    background: url(../images/button-sprite.png)  10px -25px no-repeat #f3f3f3;
+    padding-left: 30px;
+}
+a.delete {
+    background: url(../images/button-sprite.png)  10px -59px no-repeat #f3f3f3;
+    padding-left: 30px;
+}
+a.flag {
+    background: url(../images/button-sprite.png)  10px -94px no-repeat #f3f3f3;
+    padding-left: 30px;
+}
+a.up {
+    background: url(../images/button-sprite.png)  13px -131px no-repeat #f3f3f3;
+    width: 18px;
+}
+a.down {
+    background: url(../images/button-sprite.png)  13px -166px no-repeat #f3f3f3;
+    width: 18px;
+}
+a.save-big {
+    background: url(../images/button-sprite.png) 15px 13px no-repeat #f3f3f3;
+    font-size: 16px;
+    padding: 10px 15px 10px 35px;
+}
+a.add-big {
+    background: url(../images/button-sprite.png)  15px -21px no-repeat #f3f3f3;
+    font-size: 16px;
+    padding: 10px 15px 10px 35px;
+}
+a.delete-big {
+    background: url(../images/button-sprite.png)  15px -55px no-repeat #f3f3f3;
+    font-size: 16px;
+    padding: 10px 15px 10px 35px;
+}
+a.flag-big {
+    background: url(../images/button-sprite.png)  15px -90px no-repeat #f3f3f3;
+    font-size: 16px;
+    padding: 10px 15px 10px 35px;
+}
+a.up-big {
+    background: url(../images/button-sprite.png)  15px -126px no-repeat #f3f3f3;
+    width: 18px;
+    font-size: 16px;
+    padding: 10px 15px;
+}
+a.down-big {
+    background: url(../images/button-sprite.png)  15px -161px no-repeat #f3f3f3;
+    width: 18px;
+    font-size: 16px;
+    padding: 10px 15px;
+}
diff --git a/assets/images/button-sprite.png b/assets/images/button-sprite.png
new file mode 100644
index 0000000000000000000000000000000000000000..08f9769b702ec4d8be61b1178638d392c660b41e
GIT binary patch
literal 2148
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
aHLfWJm%j7)<7n{fLk4;#x-YbyqyGVCM^jq>

literal 0
HcmV?d00001