Mercurial > hg > Members > nobuyasu > html > graphViewer
view css/viewer_form.css @ 21:8f6f69bdd82c draft
remove width, height, on graphNode css style
author | Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> |
---|---|
date | Thu, 21 Mar 2013 23:20:15 +0900 |
parents | 810e406abb71 |
children | 4b6d41c8b0cd |
line wrap: on
line source
div.graphMainCss { background-color:#555; } div.header { position:absolute; left:0;top:0; z-index:5; height:50px; width:100%; background:#ddd; background:-moz-linear-gradient(top,#fff,#ddd); background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ddd)); color:silver; font-size:40px; } div.footer { position:fixed; left:0; bottom:0; z-index:5; height:50px; width:100%; background:#ddd; background:-moz-linear-gradient(top,#fff,#ddd); background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ddd)); color:black; font-size:25px; } div.footer.up { position:absolute; left:0; padding-left:10px; bottom:50px; z-index:5; height:25px; width:100px; background:#ddd; background:-moz-linear-gradient(top,#fff,#ddd); background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ddd)); color:black; opacity:0.7; font-size:20px; } label.relation { position:relative; top:10px; margin-left:15px; vertical-align:middle; } input.relation_input { } div.graphNode { position:absolute; font-size:12px; padding:4px; background:white; z-index:20; width: 45px; height: 40px; border-radius:50px; border:2px solid silver; overflow:hidden; cursor:pointer; } div.graphNodeContent { position:absolute; z-index:21; font-size:12px; background:white; left: 10px; top: 10px; } span.button{ background:#eee; background:-moz-linear-gradient(top,#fff,#ddf); background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ddf)); border:1px solid gray; border-radius:4px; text-align:center; cursor:default; } span.button:hover{ background:#bbb; background:-moz-linear-gradient(top,#ccc,#aac); background:-webkit-gradient(linear,left top,left bottom,from(#ccc),to(#aac)); } span.button:active{ background:#bbb; background:-moz-linear-gradient(top,#bbb,#88b); background:-webkit-gradient(linear,left top,left bottom,from(#bbb),to(#88b)); } label.traverseLabel { style:position:relative; }