th.cellImages { padding: 0px; } .cellImages td button { float: left; } button.compare { width: 130px; } div.imageinfo { position: relative; } div.imageinfo .stack_image { position: absolute; right: 4px; top: 2px; } .cellImages div.stackSlider { display: none; position: absolute; top: 55px; left: 20px; } .stackSlider input, .stackSliderBig input { writing-mode: vertical-lr; direction: rtl; } .image_number { color: #FFF; font-size: 50px; top: 2px; left: 5px; position: absolute; margin: 0px; line-height: 50px; z-index: 10; } .cellThumbs .image_number { width: 100%; left: 0px; top: 0px; text-align: center; font-size: 22px; } ._thumb { width: 75px; height: 75px; } /*table#thumbs td { border-top: 2px solid #DFDFDF; background-color: #C2C2C2; white-space: nowrap; vertical-align: middle; width: 5%; } table#thumbs td.info { width: auto; white-space: normal; }*/ /*table#thumbs th { text-align: center; font-style: italic; padding-top: 2px; padding-right: 8px; }*/ .error-overlay-bg { display: none; position: absolute; top: 0; left: 0; height:100%; width: 100%; cursor: pointer; z-index: 1000; background: #000; background: rgba(0,0,0,0.75); } .error-overlay { display: none; background: #fff; padding: 1%; position: absolute; top: 15%; left: 50%; width: 20%; margin: 0 0 0 -10%; /* half the width */ cursor: default; z-index: 10001; border-radius: 4px; box-shadow: 0 0 5px rgba(0,0,0,0.9); } .close-btn { cursor: pointer; border: 1px solid #333; padding: 2% 5%; background: #a9e7f9; /* fallback */ width: 100%; border-radius: 4px; box-shadow: 0 0 4px rgba(0,0,0,0.3); } .close-btn:hover { background: #05abe0; } div.cell { width: 1080px; } div.cell>table { margin-bottom: 20px; width: 100%; } .cellImg { display: block; position: relative; width: 360px; height: 360px; } .cellImg2 { display: block; position: relative; width: 200px; height: 200px; } .cellImg.large { width: 2048px; height: 2048px; } .cellImg.thumb { width: 50px; height: 50px; } .cellImg img { position: absolute; top: 0px; left: 0px; width: 100%!important; height: 100%!important; } .cellImg2 img { position: absolute; top: 0px; left: 0px; width: 100%!important; height: 100%!important; } .cellImg img[src="/images_static/loading.gif"] { width: auto!important; height: auto!important; top: 10%!important; left: 10%!important; } .cellImg img.segm_image { display: none; } .cell_intensity_legend { display: none; float: right; position: relative; margin-top: 3px; margin-right: 20px; height: 25px; line-height: 26px; text-align: center; } .cell_intensity_legend div { float: left; height: 100%; } td.cellThumbs { width: 1px; white-space: nowrap; } td.cellThumbs div { display: inline-block; margin: 0px 1px; position: relative; } table tr.border_top th, table tr.border_top td { border-top: 2px solid #DFDFDF; } table tr.border_top_dark th, table tr.border_top_dark td { border-top: 5px solid #c2c2c2; } .boxThumb g.x.axis path { display: none; } #sirnaThumbnail { width: 150px; height: 150px; } #sirnaThumbnail svg { position: relative; left: -15px; } #sirnaThumbnail line, #sirnaThumbnail rect { stroke: #fff; } .boxplot .plotBG { display: none; } /* Invert colors for assay thumbnail */ #cc_assay_thumb svg.chart { fill: black; } #cc_assay_thumb .axis path, #cc_assay_thumb .axis line { stroke: white; } #cc_assay_thumb text { fill: white; } @media only screen and (min-width: 0px) and (max-width: 480px){ .error-overlay { width: 96%; margin: 0 2%; left: 0; } } div.cell td > p { margin: 0; } /* Custom styling of input range vertical, 80 lines of css for this :( */ input[type=range].stackSlider { width: 100%; margin: 7.5px 0; background-color: transparent; -webkit-appearance: none; } input[type=range].stackSlider:focus { outline: none; } input[type=range].stackSlider::-webkit-slider-runnable-track { background: #3071a9; border: 0.2px solid #010101; border-radius: 1.3px; width: 4px; height: 100%; cursor: pointer; } input[type=range].stackSlider::-webkit-slider-thumb { margin-top: -7.7px; width: 18px; height: 6px; background: #ffffff; border: 1px solid #000000; cursor: pointer; -webkit-appearance: none; margin-left: -8px; } input[type=range].stackSlider:focus::-webkit-slider-runnable-track { background: #367ebd; } input[type=range].stackSlider::-moz-range-track { background: #3071a9; border: 0.2px solid #010101; border-radius: 1.3px; width: 3px; height: 100%; cursor: pointer; } input[type=range].stackSlider::-moz-range-thumb { width: 18px; height: 6px; background: #ffffff; border: 1px solid #000000; cursor: pointer; } input[type=range].stackSlider::-ms-track { background: transparent; border-color: transparent; border-width: 8.5px 0; color: transparent; width: 3px; height: 100%; cursor: pointer; } input[type=range].stackSlider::-ms-fill-lower { background: #2a6495; border: 0.2px solid #010101; border-radius: 2.6px; } input[type=range].stackSlider::-ms-fill-upper { background: #3071a9; border: 0.2px solid #010101; border-radius: 2.6px; } input[type=range].stackSlider::-ms-thumb { width: 18px; height: 6px; background: #ffffff; border: 1px solid #000000; cursor: pointer; margin-top: 0px; } input[type=range].stackSlider:focus::-ms-fill-lower { background: #3071a9; } input[type=range].stackSlider:focus::-ms-fill-upper { background: #367ebd; } @supports (-ms-ime-align:auto) { input[type=range].stackSlider { margin: 0; } }