client/css/renkan.css
changeset 156 83d7a10e1ad7
parent 155 7d5f722d76b2
child 160 408da84d4dc0
--- a/client/css/renkan.css	Mon Apr 15 18:36:59 2013 +0200
+++ b/client/css/renkan.css	Tue Apr 16 17:31:00 2013 +0200
@@ -109,7 +109,7 @@
 
 .Rk-UserList {
     box-shadow: 0 2px 2px #999999;
-    position: relative; z-index: 3; display: none; padding-top: 8px;
+    position: relative; z-index: 4; display: none; padding-top: 8px;
 }
 
 .Rk-User {
@@ -131,7 +131,7 @@
 }
 
 .Rk-TopBar-Tooltip {
-    position: absolute; top: 31px; left: 50%; margin-left: -60px; width: 120px; z-index: 3; display: none;
+    position: absolute; top: 31px; left: 50%; margin-left: -60px; width: 120px; z-index: 4; display: none;
 }
 
 .Rk-TopBar-Tooltip-Contents {
@@ -212,6 +212,9 @@
 
 .Rk-Editing-Space {
 	position: absolute; left: 0; top: 35px; right: 0; bottom: 0; overflow: hidden;
+	background: -moz-radial-gradient( center, circle, #ffffff 40%, #e0e0e0 90%);
+	background: -webkit-radial-gradient( center, circle, #ffffff 40%, #e0e0e0 90%);
+	background: -ms-radial-gradient( center, circle, #ffffff 40%, #e0e0e0 90%);
 }
 
 .Rk-Editing-Space-Full {
@@ -219,16 +222,29 @@
 }
 
 .Rk-Canvas {
-	background: -moz-radial-gradient( center, circle, #ffffff 40%, #e0e0e0 90%);
-	background: -webkit-radial-gradient( center, circle, #ffffff 40%, #e0e0e0 90%);
-	background: -ms-radial-gradient( center, circle, #ffffff 40%, #e0e0e0 90%);
-    position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1;
+    position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2;
+}
+
+/* Node Labels */
+
+.Rk-Labels {
+    position: absolute; left: 0; top: 0; z-index: 1;
+    font-family: "Segoe UI", "Helvetica Neue", Arial, Helvetica, sans-serif;
+}
+
+.Rk-Label {
+	position: absolute; width: 160px; margin-left: -80px; text-align: center; font-size: 13px; line-height: 13px;
+}
+
+.Rk-Edge-Label {
+	font-size: 11px; transform-origin: 50% 0; -moz-transform-origin: 50% 0;
+	-webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0;
 }
 
 /* Editors */
 
 .Rk-Editor {
-    position: absolute; left: 0; top: 0; z-index: 2;
+    position: absolute; left: 0; top: 0; z-index: 3;
 }
 
 .Rk-Notifications {