server/src/main/webapp/static/css/renkan.css
changeset 50 7b517a54b708
parent 47 267d67791e05
--- a/server/src/main/webapp/static/css/renkan.css	Mon Dec 31 13:37:31 2012 +0100
+++ b/server/src/main/webapp/static/css/renkan.css	Tue Jan 01 09:28:03 2013 +0100
@@ -71,7 +71,7 @@
 }
 
 .Rk-PadTitle {
-    float: left; font-size: 14px; height: 16px; margin: 4px 5px; width: 130px; background: #666666; padding: 4px; border: 1px solid #333333;
+    float: left; font-size: 14px; height: 16px; margin: 4px 5px; width: 200px; background: #666666; padding: 4px; border: 1px solid #333333;
     border-radius: 3px; box-shadow: 0 1px 0 #505050; color: #ffffff; font-weight: bold;
 }
 
@@ -146,6 +146,22 @@
 .Rk-AddEdge-Button:hover {
     background-position: -68px -35px;
 }
+
+.Rk-Save-Button {
+    width: 34px; background-position: -102px 0;
+}
+
+.Rk-Save-Button.disabled {
+    opacity: .5; cursor: default;
+}
+
+.Rk-Save-Button:hover {
+    background-position: -102px -35px;
+}
+
+.Rk-Save-Button.disabled:hover {
+    opacity: 1; background-position: -102px 0;
+}
 /* Canvas */
 
 .Rk-Canvas {
@@ -260,24 +276,36 @@
 /* Bin Search Field */
 
 .Rk-Search-Form {
-    padding: 10px; height: 27px;
+    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%);
 }
 
 .Rk-Search-Input, .Rk-Search-Select {
-    float: left; border-width: 1px; border-color: #003050;
+    float: left;  margin: 0;
 }
 
 .Rk-Search-Input {
-    border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-style: solid;
-    font-size: 13px; width: 190px; background: #ffffff; height: 15px; padding: 5px;
+    border-top-left-radius: 5px; border-bottom-left-radius: 5px; border: 1px solid #003050;
+    font-size: 13px; background: #ffffff; height: 25px; padding: 0 5px; line-height: 25px;
+    -webkit-appearance: none;
+    -webkit-box-sizing: content-box;
+    -moz-box-sizing: content-box;
+    box-sizing: content-box; 
+}
+
+.Rk-Web-Search-Input {
+     width: 190px;
+}
+
+.Rk-Bins-Search-Input {
+     width: 235px;
 }
 
 .Rk-Search-Select {
     display: inline-block; position: relative; width: 45px;
-    border-style: solid none; cursor: pointer;
+    border-width: 1px; border-color: #003050; border-style: solid none; cursor: pointer;
     height: 25px; background: #ffffff url(../img/more.png) 30px 10px no-repeat;
 }
 
@@ -348,6 +376,11 @@
     background-position: -18px 0;
 }
 
+.Rk-Bin-Count {
+    float: right; background: #c000a0; color: #FFFFFF; text-shadow: 1px 1px 1px #000000; display: none;
+    border-radius: 4px; padding: 1px 3px; font-size: 10px; font-weight: bold; margin-top: 4px;
+}
+
 .Rk-Bin-Title-Icon {
     float: left; width: 25px; margin: 2px;
 }