226 } |
226 } |
227 |
227 |
228 .Rk-Open-Button:hover { |
228 .Rk-Open-Button:hover { |
229 background-position: -240px -35px; |
229 background-position: -240px -35px; |
230 } |
230 } |
|
231 |
|
232 .Rk-GraphSearch-Form { |
|
233 float: right; width: 170px; position: relative; |
|
234 } |
|
235 |
|
236 .Rk-GraphSearch-Form:before, .Rk-GraphSearch-Form:after { |
|
237 position: absolute; display: block; content: "."; text-indent: -9999px; |
|
238 } |
|
239 |
|
240 .Rk-GraphSearch-Form:before { |
|
241 right: 10px; top: 20px; width: 7px; height: 2px; border: none; padding: 0; background: #666666; |
|
242 transform: rotate(40deg); -webkit-transform: rotate(40deg); |
|
243 } |
|
244 |
|
245 .Rk-GraphSearch-Form:after { |
|
246 right: 13px; top: 11px; width: 6px; height: 6px; border-radius: 8px; border: 2px solid #666666; |
|
247 } |
|
248 |
|
249 .Rk-GraphSearch-Field { |
|
250 line-height: 23px; font-size: 14px; height: 23px; padding: 0 5px; border: none; margin: 6px 5px; |
|
251 width: 150px; background: #f0f0f0; box-shadow: 1px 1px 1px #999999 inset; border-radius: 5px; |
|
252 -webkit-appearance: none; |
|
253 -webkit-box-sizing: content-box; |
|
254 -moz-box-sizing: content-box; |
|
255 box-sizing: content-box; |
|
256 } |
|
257 |
|
258 |
231 /* Canvas */ |
259 /* Canvas */ |
232 |
260 |
233 .Rk-Editing-Space { |
261 .Rk-Editing-Space { |
234 position: absolute; left: 0; top: 35px; right: 0; bottom: 0; overflow: hidden; |
262 position: absolute; left: 0; top: 35px; right: 0; bottom: 0; overflow: hidden; |
235 background: -moz-radial-gradient( center, circle, #ffffff 40%, #e0e0e0 90%); |
263 background: -moz-radial-gradient( center, circle, #ffffff 40%, #e0e0e0 90%); |
244 .Rk-Canvas { |
272 .Rk-Canvas { |
245 position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; |
273 position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; |
246 } |
274 } |
247 |
275 |
248 /* Node Labels */ |
276 /* Node Labels */ |
|
277 |
|
278 .Rk-Highlighted { |
|
279 background: rgba(255,255,0,.5); |
|
280 } |
249 |
281 |
250 .Rk-Labels { |
282 .Rk-Labels { |
251 position: absolute; left: 0; top: 0; z-index: 1; |
283 position: absolute; left: 0; top: 0; z-index: 1; |
252 font-family: "Segoe UI", "Helvetica Neue", Arial, Helvetica, sans-serif; |
284 font-family: "Segoe UI", "Helvetica Neue", Arial, Helvetica, sans-serif; |
253 } |
285 } |