Merge pull request play#52 from holman/fancy-buttons

Fancy Buttons
anaisbetts · Dec 5, 2011 · bdfe00a · bdfe00a
2 parents b21a087 + 135daa8
commit bdfe00a
Showing 1 changed file with 25 additions and 4 deletions.
diff --git a/public/css/base.css b/public/css/base.css
@@ -153,21 +153,42 @@ a:hover{
 .song .controls a{
   font-weight: bold;
   color: #fff;
-  text-shadow: 0 -1px -1px rgb(50,153,187);
+  text-shadow: 0 -1px 0px rgb(50,153,187);
   border: 1px solid #3299BB;
   background-color: rgb(75,169,199);
-  box-shadow: inset 0px 1px 0px 0px rgb(128,193,216);
+  box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3);
   border-radius: 4px;
   padding: 5px 10px;
   margin-right: 5px;
 }
+
+.song .controls a:hover {
+  background-color: rgb(85,179,209);
+}
+
+.song .controls a:active {
+  background-color: rgb(61,146,178);
+  box-shadow: inset 0 1px 1px rgba(0,0,0,0.3);
+  border: 1px solid #1b617b;
+}
+
 .song .controls .secondary{
   background-color: #eee;
-  box-shadow: inset 0px 1px 0px 0px #fff;
-  text-shadow: 0 -1px -1px #fff;
+  box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5);
+  text-shadow: 0 1px 0px #fff;
   color: #111;
   border-color: #bcbcbc;
 }
+
+.song .controls .secondary:hover {
+  background-color: #f5f5f5;
+}
+
+.song .controls .secondary:active {
+  background-color: #ddd;
+  border: 1px solid #999;
+}
+
 .song .stats{
   display: none;
   background-color: #111;