client/css/renkan.css
changeset 36 d249d36ecc37
parent 34 08a366a35143
child 37 db991a757015
--- 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 {