190 lines
3.0 KiB
CSS
190 lines
3.0 KiB
CSS
|
|
body, html {
|
|
font-family: sans-serif;
|
|
background-color: #ddd;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
/*
|
|
table{
|
|
border: 2px solid black;
|
|
}
|
|
th {
|
|
border: 2px solid black;
|
|
}
|
|
td {
|
|
border: 2px solid black;
|
|
}
|
|
*/
|
|
|
|
input {
|
|
font-family: sans-serif;
|
|
font: 16px sans-serif;
|
|
}
|
|
|
|
.selected {
|
|
color: #E60;
|
|
}
|
|
|
|
.disabled {
|
|
opacity: 0.63;
|
|
color: gray;
|
|
}
|
|
|
|
.node {
|
|
stroke-width:1px;
|
|
stroke: white;
|
|
}
|
|
|
|
.nodeLabel {
|
|
stroke: none;
|
|
fill: white;
|
|
}
|
|
|
|
.nodeDescription {
|
|
stroke: none;
|
|
fill: white;
|
|
font: 12px sans-serif;
|
|
}
|
|
|
|
.iconInfo {
|
|
stroke: none;
|
|
fill: red;
|
|
}
|
|
|
|
/* button
|
|
{
|
|
background-color: #eee;
|
|
color: black;
|
|
padding: 8px 12px;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
display: inline-block;
|
|
font-size: 16px;
|
|
border: 1px solid black;
|
|
} */
|
|
|
|
.axis line,
|
|
.axis path {
|
|
fill: none;
|
|
stroke: #fff;
|
|
shape-rendering: crispEdges;
|
|
}
|
|
|
|
.axis text {
|
|
font-family: sans-serif;
|
|
font-size: 15px;
|
|
fill: white;
|
|
}
|
|
|
|
.dragging {
|
|
background-color: #111;
|
|
}
|
|
|
|
#main {
|
|
background-color: #999;
|
|
}
|
|
|
|
#toolbar {
|
|
background-color: #000;
|
|
position: absolute;
|
|
}
|
|
#output {
|
|
background-color: palevioletred;
|
|
position: absolute;
|
|
transform-origin: 0 0;
|
|
width: 0%;
|
|
height: 0%;
|
|
right: 0%;
|
|
top: 95%;
|
|
font-size: 10px;
|
|
opacity: 0;
|
|
}
|
|
#genes {
|
|
background-color: rgb(75, 75, 75);
|
|
/* box-Shadow: 0px 0px 10px rgba(0, 0, 0, 0.8); */
|
|
position: absolute;
|
|
opacity: 0.95;
|
|
border: none;
|
|
transform-origin: 0 0;
|
|
width: 10cm;
|
|
height: 100%;
|
|
right: 0px;
|
|
bottom: 0%;
|
|
}
|
|
#genesWrapper {
|
|
background-color: rgba(22, 5, 255, 0.0);
|
|
position: absolute;
|
|
opacity: 0.95;
|
|
border: none;
|
|
transform-origin: 0 0;
|
|
height: 100%;
|
|
right: 0px;
|
|
bottom: 0%;
|
|
}
|
|
#filterDiv {
|
|
background-color: #555;
|
|
/* box-shadow: -5px 15px 20px #111;*/
|
|
position: absolute;
|
|
transform-origin: 0 0;
|
|
border: none;
|
|
width: 100%;
|
|
opacity: 0.95;
|
|
height: 5%;
|
|
left: 0px;
|
|
bottom: 0%;
|
|
}
|
|
#bound_rect {
|
|
background-color: blue;
|
|
}
|
|
|
|
#tumor_af {
|
|
background-color: lightgray;
|
|
box-shadow: -5px 15px 20px #111;
|
|
position: absolute;
|
|
transform-origin: 100% 100%;
|
|
width: 15%;
|
|
height: 10%;
|
|
right: 0%;
|
|
bottom: 0%;
|
|
opacity: 1;
|
|
/* transform: translateX(0px) rotate(270deg);*/
|
|
}
|
|
/*
|
|
#sliderImageFrame, #sliderImageInner{
|
|
position: absolute;
|
|
bottom: 10%;
|
|
left: 5%;
|
|
width: 90%;
|
|
}
|
|
*/
|
|
#t_af_heading {
|
|
/* display: inline-block;
|
|
position: absolute;
|
|
bottom: 0%;
|
|
font-size: 22px;
|
|
width: 40%; */
|
|
}
|
|
|
|
#tumor_af_value {
|
|
/* display: inline-block; */
|
|
/* position: absolute; */
|
|
/* background: rgba(10,10,10,0.5);*/
|
|
/* background: #555; */
|
|
color: white;
|
|
/* border:solid 1px #555; */
|
|
/* left: 40%; */
|
|
/* width: 20%; */
|
|
}
|
|
|
|
#tumor_af_value_p {
|
|
/* display: inline-block;
|
|
position: absolute;
|
|
bottom: 8%;
|
|
left: 35%;
|
|
width: 20%; */
|
|
}
|
|
#mainsvg {
|
|
position: absolute;
|
|
background-color: #999;
|
|
} |