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;
}