project files added
This commit is contained in:
mhalfmann
@@ -0,0 +1,47 @@
|
||||
/* Dropdown Button */
|
||||
.dropbtn {
|
||||
background-color: rgb(245, 59, 252);
|
||||
color: white;
|
||||
/* padding: 16px; */
|
||||
/* font-size: 16px; */
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* Dropdown button on hover & focus */
|
||||
.dropbtn:hover, .dropbtn:focus {
|
||||
background-color: #2980B9;
|
||||
}
|
||||
|
||||
/* The container <div> - needed to position the dropdown content */
|
||||
.dropdown {
|
||||
/* margin-left: 0.55vh; */
|
||||
/* position: relative; */
|
||||
/* display: inline-block; */
|
||||
}
|
||||
|
||||
/* Dropdown Content (Hidden by Default) */
|
||||
.dropdown-content {
|
||||
/* display: none; */
|
||||
position: absolute;
|
||||
background-color: #777;
|
||||
min-width: 160px;
|
||||
box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.5);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/* Links inside the dropdown */
|
||||
.dropdown-content a {
|
||||
color: black;
|
||||
padding: 12px 16px;
|
||||
text-decoration: none;
|
||||
/* display: block; */
|
||||
}
|
||||
|
||||
/* Change color of dropdown links on hover */
|
||||
.dropdown-content a:hover {background-color: rgb(115, 248, 88)}
|
||||
|
||||
.dropDownItem:hover {background-color: #888}
|
||||
|
||||
/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
|
||||
.show {display:block;}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 105 B |
Binary file not shown.
|
After Width: | Height: | Size: 111 B |
Binary file not shown.
|
After Width: | Height: | Size: 110 B |
@@ -0,0 +1,198 @@
|
||||
html {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
/*
|
||||
body
|
||||
{
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
font-family: sans-serif;
|
||||
font-size: 22pt;
|
||||
-webkit-tap-highlight-color: #ccc;
|
||||
background-color: #DDD;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-webkit-overflow-scrolling: auto;
|
||||
user-select: none;
|
||||
-webkit-hyphens: auto;
|
||||
hyphens: auto;
|
||||
https://davidwalsh.name/font-smoothing
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
|
||||
}
|
||||
|
||||
h3
|
||||
{
|
||||
color: white;
|
||||
padding: 4px;
|
||||
margin: 2px;
|
||||
background-color: rgba(0, 0, 15, .5);
|
||||
}
|
||||
|
||||
a { text-decoration: none; }
|
||||
|
||||
div.wrapper
|
||||
{
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
transform-origin: 0% 100%;
|
||||
transform: scale(0.25);
|
||||
}
|
||||
*/
|
||||
|
||||
/* Color animation from https://www.tjvantoll.com/2012/02/20/css3-color-animations/ */
|
||||
@-webkit-keyframes color_change {
|
||||
from { background-color: rgba(0, 0, 0, 0); }
|
||||
to { background-color: red; }
|
||||
}
|
||||
@-moz-keyframes color_change {
|
||||
from { background-color: rgba(0, 0, 0, 0); }
|
||||
to { background-color: red; }
|
||||
}
|
||||
@-ms-keyframes color_change {
|
||||
from { background-color: rgba(0, 0, 0, 0); }
|
||||
to { background-color: red; }
|
||||
}
|
||||
@-o-keyframes color_change {
|
||||
from { background-color: rgba(0, 0, 0, 0); }
|
||||
to { background-color: red; }
|
||||
}
|
||||
@keyframes color_change {
|
||||
from { background-color:rgba(0, 0, 0, 0); }
|
||||
to { background-color: red; }
|
||||
}
|
||||
|
||||
.wrap
|
||||
{
|
||||
width: 220px;
|
||||
height: 192px;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
margin: 22px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.previewIMG
|
||||
{
|
||||
width: 3840px;
|
||||
height: 2160px;
|
||||
border: 0;
|
||||
overflow: hidden;
|
||||
|
||||
-ms-transform: scale(0.25);
|
||||
-moz-transform: scale(0.25);
|
||||
-o-transform: scale(0.25);
|
||||
-webkit-transform: scale(0.25);
|
||||
transform: scale(0.25);
|
||||
|
||||
-ms-transform-origin: 0 0;
|
||||
-moz-transform-origin: 0 0;
|
||||
-o-transform-origin: 0 0;
|
||||
-webkit-transform-origin: 0 0;
|
||||
transform-origin: 0 0;
|
||||
}
|
||||
|
||||
/*** CSS taken from https://medium.com/@jamesfuthey/simulating-the-creation-of-website-thumbnail-screenshots-using-iframes-7145269891db#.7v7fshos5 ***/
|
||||
.thumbnail
|
||||
{
|
||||
position: relative;
|
||||
-ms-zoom: 0.25;
|
||||
-moz-transform: scale(0.25);
|
||||
-moz-transform-origin: 0 0;
|
||||
-o-transform: scale(0.25);
|
||||
-o-transform-origin: 0 0;
|
||||
-webkit-transform: scale(0.07);
|
||||
-webkit-transform-origin: 0 0;
|
||||
}
|
||||
|
||||
|
||||
.thumbnail:after
|
||||
{
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: -1024px; /*** This is a deviation from the above mentioned
|
||||
jamesfuthey blog. Otherwise touches would go through on iPad. ***/
|
||||
}
|
||||
|
||||
.thumbnail iframe
|
||||
{
|
||||
width: 3840px;
|
||||
height: 2160px;
|
||||
-webkit-animation-delay: 3s; /* Safari 4.0 - 8.0 */
|
||||
animation-delay: 3s;
|
||||
-webkit-animation: color_change 1s infinite alternate;
|
||||
-moz-animation: color_change 1s infinite alternate;
|
||||
-ms-animation: color_change 1s infinite alternate;
|
||||
-o-animation: color_change 1s infinite alternate;
|
||||
animation: color_change 1s infinite alternate;
|
||||
}
|
||||
|
||||
.thumbnail-container
|
||||
{
|
||||
width: calc(1024px * 0.25);
|
||||
height: calc(624px * 0.25);
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
box-shadow: 2px 2px 10px #000;
|
||||
color: #DDD;
|
||||
}
|
||||
|
||||
div.preview
|
||||
{
|
||||
display: inline-block;
|
||||
margin: 22px;
|
||||
padding: 0px;
|
||||
color: #333;
|
||||
font-size: 12pt;
|
||||
text-align: center;
|
||||
width: 256px;
|
||||
height: 196px;
|
||||
}
|
||||
|
||||
div.title
|
||||
{
|
||||
padding-top: 8px;
|
||||
width: 256px;
|
||||
height: 20px;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.container
|
||||
{
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
min-height: 100%;
|
||||
min-width: 100%;
|
||||
display: -webkit-flex;
|
||||
/* -webkit-align-items: flex-end;*/
|
||||
align-items: flex-end;
|
||||
/* -webkit-flex-wrap: wrap;*/
|
||||
flex-wrap: wrap;
|
||||
/* -webkit-align-content: flex-end;*/
|
||||
align-content: flex-end;
|
||||
}
|
||||
|
||||
iframe {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/** See https://github.com/electron/electron/issues/4420 */
|
||||
::selection {
|
||||
/* background:transparent; */
|
||||
}
|
||||
|
||||
Vendored
+1311
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,54 @@
|
||||
/*
|
||||
#mainPage{
|
||||
position: static;
|
||||
width:100%;
|
||||
height: 100%;
|
||||
background: #A4A4A4;
|
||||
z-index: 1;
|
||||
}
|
||||
*/
|
||||
.entry{
|
||||
font-size: 20px;
|
||||
}
|
||||
#visualization{
|
||||
position: absolute;
|
||||
background: #bbb;
|
||||
z-index: 1;
|
||||
height: 60%;
|
||||
width: 100%;
|
||||
touch-action: none;
|
||||
-ms-content-zooming: none;
|
||||
}
|
||||
#timeBox{
|
||||
position: absolute;
|
||||
top: 60%;
|
||||
width: 100%;
|
||||
height:40%;
|
||||
background: #bbb;
|
||||
box-shadow: 25px 25px 10px #3E3E3E;
|
||||
}
|
||||
#timeLine{
|
||||
position: static;
|
||||
background: #bbb;
|
||||
z-index: 1;
|
||||
width: 100%;
|
||||
height: 70%;
|
||||
-ms-content-zooming: none;
|
||||
touch-action: none;
|
||||
-ms-touch-action: none;
|
||||
}
|
||||
#buttons{
|
||||
width: 100%;
|
||||
height:20%;
|
||||
}
|
||||
#output{
|
||||
top: 60%;
|
||||
left: 50%;
|
||||
color: white;
|
||||
font-family: sans-serif;
|
||||
text-shadow: 5px 5px 10px #3E3E3E;
|
||||
background: transparent;
|
||||
position:absolute;
|
||||
font-size: 48px;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,128 @@
|
||||
#show_categories{
|
||||
/* -ms-transform:rotate(270deg); */
|
||||
/* -moz-transform:rotate(270deg); */
|
||||
transform-origin: 0% 0%;
|
||||
transform: rotate(270deg) translate(-100%, 0%);
|
||||
/* -webkit-transform-origin: 50% 50%; */
|
||||
/* -o-transform:rotate(270deg); */
|
||||
}
|
||||
.elementLink:link{
|
||||
display: block;
|
||||
color: white;
|
||||
background: #999999;
|
||||
box-shadow: 5px 5px 10px #3E3E3E;
|
||||
position:absolute;
|
||||
overflow: hidden;
|
||||
}
|
||||
.elementLink:visited{
|
||||
display: block;
|
||||
color: white;
|
||||
background: #999999;
|
||||
box-shadow: 5px 5px 10px #3E3E3E;
|
||||
position:absolute;
|
||||
overflow: hidden;
|
||||
}
|
||||
.elementLink:hover{
|
||||
display: block;
|
||||
color: white;
|
||||
transform: scale(1.1, 1.1);
|
||||
background: #D1D1D1;
|
||||
box-shadow: 5px 5px 10px #3E3E3E;
|
||||
position:absolute;
|
||||
overflow: hidden;
|
||||
}
|
||||
.elementLink:active{
|
||||
display: block;
|
||||
color: white;
|
||||
background: #999999;
|
||||
box-shadow: 5px 5px 10px #3E3E3E;
|
||||
position:absolute;
|
||||
overflow: hidden;
|
||||
}
|
||||
.navigationButton{
|
||||
color: white;
|
||||
margin-top: 5px;
|
||||
background: #999999;
|
||||
font-family: sans-serif;
|
||||
box-shadow: 5px 5px 10px #3E3E3E;
|
||||
border: none;
|
||||
}
|
||||
.navigationButton:hover{
|
||||
color: white;
|
||||
transform: scale(1.1, 1.1);
|
||||
background: #D1D1D1;
|
||||
font-family: sans-serif;
|
||||
box-shadow: 5px 5px 10px #3E3E3E;
|
||||
border: none;
|
||||
}
|
||||
.navigationButton:active{
|
||||
color: white;
|
||||
/* background: #D1D1D1;*/
|
||||
font-family: sans-serif;
|
||||
box-shadow: 5px 5px 10px #3E3E3E;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.menuButton{
|
||||
color: white;
|
||||
background-color: transparent;
|
||||
font-family: sans-serif;
|
||||
font-size:16px;
|
||||
/* box-Shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);*/
|
||||
border: none;
|
||||
}
|
||||
.menuButton:hover{
|
||||
color: white;
|
||||
/* transform: scale(1.1, 1.1); */
|
||||
/* transform: translateY(-4px); */
|
||||
background: transparent;
|
||||
font-family: sans-serif;
|
||||
font-size:16px;
|
||||
/* box-Shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);*/
|
||||
border: none;
|
||||
}
|
||||
.menuButton:active{
|
||||
color: white;
|
||||
/* transform: scale(1.1, 1.1); */
|
||||
/* transform: translateY(2px);*/
|
||||
background: transparent;
|
||||
font-family: sans-serif;
|
||||
font-size:16px;
|
||||
/* box-Shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);*/
|
||||
border: none;
|
||||
}
|
||||
.menuButton:focus{
|
||||
color: white;
|
||||
/* transform: scale(1.1, 1.1); */
|
||||
/* transform: translateY(2px);*/
|
||||
background: transparent;
|
||||
font-family: sans-serif;
|
||||
font-size:16px;
|
||||
/* box-Shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);*/
|
||||
border: none;
|
||||
outline: 0;
|
||||
}
|
||||
.listMenuButton{
|
||||
color: white;
|
||||
margin-top: 5px;
|
||||
background: #999999;
|
||||
font-family: sans-serif;
|
||||
border: none;
|
||||
}
|
||||
.listMenuButton:hover{
|
||||
color: white;
|
||||
margin-top: 5px;
|
||||
background: #999999;
|
||||
font-family: sans-serif;
|
||||
border: none;
|
||||
}
|
||||
.listMenuButton:active{
|
||||
color: white;
|
||||
margin-top: 5px;
|
||||
background: #999999;
|
||||
font-family: sans-serif;
|
||||
border: none;
|
||||
}
|
||||
|
||||
/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
|
||||
.show {display:block;}
|
||||
@@ -0,0 +1,190 @@
|
||||
|
||||
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;
|
||||
}
|
||||
@@ -0,0 +1,11 @@
|
||||
/*li {
|
||||
list-style: none;
|
||||
background: #d1703c;
|
||||
color: #fff;
|
||||
height: 0;
|
||||
line-height: 1em;
|
||||
margin: 0;
|
||||
padding: 0 0.5em;
|
||||
overflow: hidden;
|
||||
width: 20em;
|
||||
}*/
|
||||
@@ -0,0 +1,61 @@
|
||||
input[type=range]{
|
||||
-webkit-appearance: none;
|
||||
background: none;
|
||||
}
|
||||
|
||||
input[type=range]::-webkit-slider-runnable-track {
|
||||
width: 100%;
|
||||
height: 0px;
|
||||
background: #ddd;
|
||||
border: none;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
input[type=range]::-webkit-slider-thumb {
|
||||
-webkit-appearance: none;
|
||||
border: none;
|
||||
height:2vh;
|
||||
width: 2vh;
|
||||
/* border: 5px solid #333; */
|
||||
border-radius: 50%;
|
||||
background: rgba(218, 218, 218, 1);
|
||||
margin-top: -1vh;
|
||||
}
|
||||
|
||||
input[type=range]:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
input[type=range]:focus::-webkit-slider-runnable-track {
|
||||
background: #ccc;
|
||||
}
|
||||
/* input[type=range] {
|
||||
-webkit-appearance: none;
|
||||
width: 100%;
|
||||
height: 25px;
|
||||
background: #d3d3d3;
|
||||
outline: none;
|
||||
opacity: 0.7;
|
||||
-webkit-transition: .2s;
|
||||
transition: opacity .2s;
|
||||
}
|
||||
|
||||
input[type=range]:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
input[type=range]::-webkit-slider-track {
|
||||
-webkit-appearance: none;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
background: rgb(212, 255, 214);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
input[type=range]::-webkit-slider-thumb {
|
||||
-webkit-appearance: none;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
background: #4CAF50;
|
||||
cursor: pointer;
|
||||
} */
|
||||
@@ -0,0 +1,77 @@
|
||||
|
||||
.vis-timeline {
|
||||
border: 2px solid #111111;
|
||||
font-family: sans-serif;
|
||||
font-size: 22pt;
|
||||
font-weight: bold;
|
||||
background: white;
|
||||
text-shadow: 3px 3px 5px #3E3E3E;
|
||||
z-index: 0;
|
||||
}
|
||||
.vis-time-axis.vis-foreground{
|
||||
background: rgba(180,180,180, 1);
|
||||
border: 2px solid #111111;
|
||||
}
|
||||
.vis-item {
|
||||
border-color: #444444;
|
||||
background-color: #CCCCCC;
|
||||
font-size: 10pt;
|
||||
color: white;
|
||||
box-shadow: 5px 5px 10px rgba(108,108,108, 0.8);
|
||||
}
|
||||
.vis-item:hover{
|
||||
font-size: 10pt;
|
||||
color: white;
|
||||
transform: scale(1.1, 1.1);
|
||||
box-shadow: 5px 5px 10px rgba(108,108,108, 0.8);
|
||||
border-color: #444444;
|
||||
background-color: #EEEEEE;
|
||||
}
|
||||
|
||||
.vis-item,
|
||||
.vis-item.vis-line {
|
||||
border-width: 3px;
|
||||
}
|
||||
|
||||
.vis-item.vis-dot {
|
||||
border-width: 10px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.vis-item-content{
|
||||
color: black;
|
||||
text-shadow: 5px 5px 5px rgba(0,0,0, 0);
|
||||
font-weight: bold;
|
||||
}
|
||||
.vis-item.vis-selected {
|
||||
/* border-color: #006699; */
|
||||
/* background-color: #d9f0f2; */
|
||||
border-color: #444444;
|
||||
background-color: #CCCCCC;
|
||||
}
|
||||
.vis-item.vis-selected:hover {
|
||||
/* border-color: #006699; */
|
||||
/* background-color: #d9f0f2; */
|
||||
border-color: #444444;
|
||||
background-color: #CCCCCC;
|
||||
}
|
||||
|
||||
.vis-time-axis .vis-text {
|
||||
color: white;
|
||||
padding-top: 10px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.vis-time-axis .vis-text.vis-major {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.vis-time-axis .vis-grid.vis-minor {
|
||||
border-width: 2px;
|
||||
border-color: #666666;
|
||||
}
|
||||
|
||||
.vis-time-axis .vis-grid.vis-major {
|
||||
border-width: 5px;
|
||||
border-color: #333333;
|
||||
}
|
||||
@@ -0,0 +1,117 @@
|
||||
.switch {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 30px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.switch input {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.slider.round {
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: #ccc;
|
||||
-webkit-transition: .4s;
|
||||
transition: .4s;
|
||||
}
|
||||
|
||||
.slider.round:before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
height: 13px;
|
||||
width: 13px;
|
||||
left: 4px;
|
||||
bottom: 4px;
|
||||
background-color: white;
|
||||
-webkit-transition: .4s;
|
||||
transition: .4s;
|
||||
}
|
||||
|
||||
.switch span {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
width: 50px;
|
||||
margin-left: 35px;
|
||||
}
|
||||
|
||||
input:checked + .slider.round {
|
||||
background-color: #ff9e51;
|
||||
}
|
||||
|
||||
input:focus + .slider.round {
|
||||
box-shadow: 0 0 1px #ff9e51;
|
||||
}
|
||||
|
||||
input:checked + .slider.round:before {
|
||||
-webkit-transform: translateX(9px);
|
||||
-ms-transform: translateX(9px);
|
||||
transform: translateX(9px);
|
||||
}
|
||||
/* Rounded sliders */
|
||||
|
||||
.slider.round {
|
||||
border-radius: 34px;
|
||||
}
|
||||
|
||||
.slider.round:before {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
/* yet another switch*/
|
||||
|
||||
.switchNew {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 30px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.switchNew input {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.slider.new {
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: #ccc;
|
||||
-webkit-transition: .4s;
|
||||
transition: .4s;
|
||||
}
|
||||
|
||||
.slider.new:before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
height: 13px;
|
||||
width: 13px;
|
||||
left: 4px;
|
||||
bottom: 4px;
|
||||
background-color: white;
|
||||
-webkit-transition: .4s;
|
||||
transition: .4s;
|
||||
}
|
||||
|
||||
input:checked + .slider.new {
|
||||
background-color: #ccc;
|
||||
}
|
||||
|
||||
input:checked + .slider.new:before {
|
||||
-webkit-transform: translateX(9px);
|
||||
}
|
||||
|
||||
.slider.new {
|
||||
border-radius: 34px;
|
||||
}
|
||||
|
||||
.slider.new:before {
|
||||
border-radius: 50%;
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
.hastooltip {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.hastooltip:hover .tooltip {
|
||||
display: block;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.tooltip {
|
||||
position: absolute;
|
||||
white-space: nowrap;
|
||||
display: none;
|
||||
background: #ffffff;
|
||||
opacity: 0.9;
|
||||
border: 1px solid black;
|
||||
padding: 5px;
|
||||
z-index: 1000;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user