client/css/renkan.css
changeset 69 f0873867143a
parent 68 803dbeb7c919
child 70 47b3125130a2
--- a/client/css/renkan.css	Wed Feb 27 19:04:36 2013 +0100
+++ b/client/css/renkan.css	Thu Feb 28 19:13:08 2013 +0100
@@ -79,7 +79,7 @@
 }
 
 .Rk-PadTitle {
-    float: left; font-size: 14px; height: 16px; margin: 4px 5px; width: 200px; background: #666666; padding: 4px; border: 1px solid #333333;
+    float: left; font-size: 14px; height: 16px; margin: 4px 5px; width: 180px; background: #666666; padding: 4px; border: 1px solid #333333;
     border-radius: 3px; box-shadow: 0 1px 0 #505050; color: #ffffff; font-weight: bold;
 }
 
@@ -132,31 +132,31 @@
 }
 
 .Rk-AddNode-Button {
-    width: 34px;
+    width: 30px; background-position: -2px 0;
 }
 
 .Rk-AddNode-Button:hover {
-    background-position: 0 -35px;
+    background-position: -2px -35px;
 }
 
 .Rk-FullScreen-Button {
-    width: 34px; background-position: -34px 0;
+    width: 30px; background-position: -36px 0;
 }
 
 .Rk-FullScreen-Button:hover {
-    background-position: -34px -35px;
+    background-position: -36px -35px;
 }
 
 .Rk-AddEdge-Button {
-    width: 34px; background-position: -68px 0;
+    width: 30px; background-position: -70px 0;
 }
 
 .Rk-AddEdge-Button:hover {
-    background-position: -68px -35px;
+    background-position: -70px -35px;
 }
 
 .Rk-Save-Button {
-    width: 34px; background-position: -102px 0;
+    width: 30px; background-position: -104px 0;
 }
 
 .Rk-Save-Button.disabled {
@@ -164,12 +164,29 @@
 }
 
 .Rk-Save-Button:hover {
-    background-position: -102px -35px;
+    background-position: -104px -35px;
 }
 
 .Rk-Save-Button.disabled:hover {
-    opacity: 1; background-position: -102px 0;
+    opacity: 1; background-position: -104px 0;
+}
+
+.Rk-Bookmarklet-Button {
+    width: 30px; background-position: -138px 0;
+}
+
+.Rk-Bookmarklet-Button.disabled {
+    opacity: .5; cursor: default;
 }
+
+.Rk-Bookmarklet-Button:hover {
+    background-position: -138px -35px;
+}
+
+.Rk-Bookmarklet-Button.disabled:hover {
+    opacity: 1; background-position: -138px 0;
+}
+
 /* Canvas */
 
 .Rk-Canvas {
@@ -305,38 +322,23 @@
 
 /* Bins */
 
-.Rk-Title {
-    position: absolute; left: 0; top: 0; width: 300px; height: 35px;
-    background: #333333;
-    background: -moz-linear-gradient(top, #505050 5px, #1e1e1e 30px);
-    background: -webkit-linear-gradient(top, #505050 5px, #1e1e1e 30px);
-}
-
-.Rk-Title h1 {
-    font-size: 18px; color: #ffffff; margin: 5px;
+.Rk-Bins {
+    background: #ffffff; position: absolute; left: 0; top: 0; width: 299px; bottom: 0;
+    overflow: hidden; border-right: 1px solid #252525;
 }
 
-
-.Rk-Title:after {
-    background: #666666;
-    background: -moz-linear-gradient(top, #666666 20%, #333333 80%);
-    background: -webkit-linear-gradient(top, #666666 20%, #333333 80%);
-    content: ""; display: block; height: 35px;
-    left: 298px; position: absolute; top: 0; width: 1px; border-left: 1px solid #111111;
-}
-
-.Rk-Bins {
-    background: #ffffff; position: absolute; left: 0; top: 35px; width: 299px; bottom: 0;
-    overflow: hidden; border-right: 1px solid #252525;
+.Rk-Bins-Title {
+    width: 290px; height: 15px; line-height: 15px; padding: 15px 0 5px 10px;
+    background: #333333; font-size: 14px; color: #F0F0F0;
+    background: -moz-linear-gradient(top, #1e1e1e 5px, #606060 30px);
+    background: -webkit-linear-gradient(top, #1e1e1e 5px, #606060 30px);
 }
 
 /* Bin Search Field */
 
 .Rk-Search-Form {
-    padding: 5px 10px; height: 27px;
-    background: #666666;
-    background: -moz-linear-gradient(top, #606060 20%, #909090 80%);
-    background: -webkit-linear-gradient(top, #606060 20%, #909090 80%);
+    padding: 0 10px 8px; height: 27px;
+    background: #606060;
 }
 
 .Rk-Search-Input, .Rk-Search-Select {