diff -r 10e0c23c849e -r d249d36ecc37 client/css/renkan.css --- a/client/css/renkan.css Mon Sep 03 18:51:32 2012 +0200 +++ b/client/css/renkan.css Wed Sep 05 14:49:33 2012 +0200 @@ -138,6 +138,14 @@ .Rk-FullScreen-Button:hover { background-position: -34px -35px; } + +.Rk-AddEdge-Button { + width: 34px; background-position: -68px 0; +} + +.Rk-AddEdge-Button:hover { + background-position: -68px -35px; +} /* Canvas */ .Rk-Canvas { @@ -149,7 +157,16 @@ /* Editors */ .Rk-Editor { - position: absolute; left: 0; top: 35px; z-index: 2; + position: absolute; left: 0; top: 35px; right: 0; z-index: 2; +} + +.Rk-Notifications { + position: absolute; right: 15px; top: 15px; width: 200px; + padding: 10px; border-radius: 8px; display: none; + color: #ffffff; font-size: 13px; text-align: center; font-weight: bold; + background: rgba(20,20,20,.7); + background: -moz-linear-gradient(top, rgba(40,40,40,.7) 20%, rgba(0,0,0,.7) 80%); + background: -webkit-linear-gradient(top, rgba(40,40,40,.7) 20%, rgba(0,0,0,.7) 80%); } .Rk-CloseX { @@ -264,13 +281,14 @@ } .Rk-Search-Current { - width: 25px; height: 20px; margin: 2px; + width: 40px; height: 20px; margin: 2px; background-repeat: no-repeat; } .Rk-Search-List { - width: 160px; margin-left: 15px; font-size: 13px; - position: absolute; left: -75px; top: 25px; background: #ffffff; - box-shadow: 0 1px 0 #505050; display: none; + width: 180px; margin-left: 15px; font-size: 13px; + position: absolute; right: 0; top: 25px; background: #ffffff; + box-shadow: 1px 1px 2px #505050; display: none; + border: 1px solid #cccccc; } .Rk-Search-List li { @@ -284,7 +302,7 @@ .Rk-Search-Submit { border: 1px solid #003050; height: 27px; width: 30px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; - background: #333333 center no-repeat url(../img/search.png); + background: #333333 center no-repeat url(../img/search.png); cursor: pointer; } .Rk-Search-Submit:hover {