Difference between revisions of "Template:Virginia/styles/seqsCSS"

Revision as of 10:28, 23 October 2020

body{

 background-image: url(""); 
 background-repeat: repeat repeat;
 background-size: 30%;
 background-color: white;

}

.genTitle{

 font-family: 'THICCCBOI', THICCCBOI;
 font-size: 4em;
 margin: none;
 text-align: center;
 padding: 2vh 0px 4vh 0px;

}

.genTitle::after{

 content: "";
 display: block;
 position: absolute;
 right: 0px;
 width: 80vw;
 height: 0;
 border-left: 1vw solid transparent;
 border-top: 0.5vw solid #3B3838;

}

.viewerHolder{

 position: relative;
 left: 50%;
 -ms-transform: translateX(-50%);
 transform: translateX(-50%);
 width: 90vw;
 height: 85vh;
 max-height: 50.625vw;
 background-color: white;
 border: solid #3B3838;
 overflow: hidden;

}

1. seqVizViewer{

 position: relative;
 width: 100%;
 height: 100%;
 overscroll-behavior: contain;

}

.la-vz-linear-scroller{

 --scrollbarBG: #3B3838;
 --thumbBG: #716a6a;
 scrollbar-width: thin;
 scrollbar-color: #716a6a #3B3838;

} .la-vz-linear-scroller::-webkit-scrollbar {

 width: 10px;

} .la-vz-linear-scroller::-webkit-scrollbar-track {

 background: #3B3838;

} .la-vz-linear-scroller::-webkit-scrollbar-thumb {

 border-radius: 2px;
 background-color: #716a6a;

}