diff -r d0da34fda4b4 -r 7b517a54b708 server/src/main/webapp/static/css/renkan.css --- 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; }