diff --git a/css/styles.css b/css/styles.css
index 3f9aac3..f23cbe7 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -7,6 +7,19 @@
.cb-control {
color: #fff;
background-color: #111;
+ background-image: linear-gradient(bottom, rgb(17,17,17) 20%, rgb(41,41,41) 72%);
+ background-image: -o-linear-gradient(bottom, rgb(17,17,17) 20%, rgb(41,41,41) 72%);
+ background-image: -moz-linear-gradient(bottom, rgb(17,17,17) 20%, rgb(41,41,41) 72%);
+ background-image: -webkit-linear-gradient(bottom, rgb(17,17,17) 20%, rgb(41,41,41) 72%);
+ background-image: -ms-linear-gradient(bottom, rgb(17,17,17) 20%, rgb(41,41,41) 72%);
+
+ background-image: -webkit-gradient(
+ linear,
+ left bottom,
+ left top,
+ color-stop(0.2, rgb(17,17,17)),
+ color-stop(0.72, rgb(41,41,41))
+ );
padding: 10px;
position: fixed !important;
-webkit-box-shadow: 0 0 4px #000;
@@ -94,7 +107,7 @@
#cb-toolbar {
top: 0;
- border-bottom: 2px solid #444;
+ border-bottom: 1px solid #888;
}
#cb-toolbar button {
diff --git a/examples/basic.html b/examples/basic.html
index a902e7c..3634598 100755
--- a/examples/basic.html
+++ b/examples/basic.html
@@ -7,6 +7,10 @@
+
+
+
+
diff --git a/img/iconic/sprite.png b/img/iconic/sprite.png
index f81dc18..50a74ce 100644
Binary files a/img/iconic/sprite.png and b/img/iconic/sprite.png differ
diff --git a/img/iconic/sprite.psd b/img/iconic/sprite.psd
index a6cf9d3..60d00bb 100644
Binary files a/img/iconic/sprite.psd and b/img/iconic/sprite.psd differ