--- 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 {