diff -r 7d5f722d76b2 -r 83d7a10e1ad7 client/css/renkan.css --- 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 {