client/css/renkan.css
changeset 196 2a2fcec209d0
parent 195 15e048e00002
child 254 128d9785b443
--- a/client/css/renkan.css	Wed Jul 03 13:42:59 2013 +0200
+++ b/client/css/renkan.css	Thu Jul 04 12:43:30 2013 +0200
@@ -228,6 +228,34 @@
 .Rk-Open-Button:hover {
     background-position: -240px -35px;
 }
+
+.Rk-GraphSearch-Form {
+    float: right; width: 170px; position: relative;
+}
+
+.Rk-GraphSearch-Form:before, .Rk-GraphSearch-Form:after {
+    position: absolute; display: block; content: "."; text-indent: -9999px;
+}
+
+.Rk-GraphSearch-Form:before {
+    right: 10px; top: 20px; width: 7px; height: 2px; border: none; padding: 0; background: #666666;
+    transform: rotate(40deg); -webkit-transform: rotate(40deg);
+}
+
+.Rk-GraphSearch-Form:after {
+    right: 13px; top: 11px; width: 6px; height: 6px; border-radius: 8px; border: 2px solid #666666;
+}
+
+.Rk-GraphSearch-Field {
+    line-height: 23px; font-size: 14px; height: 23px; padding: 0 5px; border: none; margin: 6px 5px;
+    width: 150px; background: #f0f0f0; box-shadow: 1px 1px 1px #999999 inset; border-radius: 5px;
+    -webkit-appearance: none;
+    -webkit-box-sizing: content-box;
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+}
+
+
 /* Canvas */
 
 .Rk-Editing-Space {
@@ -247,6 +275,10 @@
 
 /* Node Labels */
 
+.Rk-Highlighted {
+    background: rgba(255,255,0,.5);
+}
+
 .Rk-Labels {
     position: absolute; left: 0; top: 0; z-index: 1;
     font-family: "Segoe UI", "Helvetica Neue", Arial, Helvetica, sans-serif;