diff -r 803dbeb7c919 -r f0873867143a client/css/renkan.css --- 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 {