#img_div { width: 750px; height: 500px; text-align: center; } #avivator_root { width: 100%; height: 500px; text-align: center; } #avivator_root:has(div.fullscreen:fullscreen) { width: 100vw; height: 100vh; } #avivator_root:has(div.fullscreen:-webkit-full-screen) { width: 100vw; height: 100vh; } #osdViewerWrapper, #codexViewerWrapper { display: none; } #img_div.cell { height: 820px; } #img_div .openseadragon-canvas { background-color: #F1F1F1!important; } #img_div.cell .openseadragon-canvas { background-color: #000!important; } #img_div > img { max-height: 450px; } /* annotations */ .annot_wrap { position: relative; } .control_div { /*display: none;*/ } .annot_div { position: absolute; vertical-align: top; /*border: 1px solid #ccc;*/ padding: 3px; top: 0px; right: -180px; width: 20em; height: 442px; line-height: 14px; } /* PASTE FROM LIMS HERE */ .dic_hidden > g.annotation { display: none; } g.annotation text { cursor: pointer; } .annot_div .example > .example, .annot_div .example > .annotation { margin-left: 12px; border-left: 2px solid transparent; white-space: nowrap; } .annot_div .example.active > .example, .annot_div .example.active > .annotation { border-left: 2px solid #238c00; } .annot_div .label { display: inline-block; max-width: 173px; white-space: nowrap; overflow: hidden; } .annot_div .example.active > .label { font-weight: bold; color: red; } .annot_div .example.active .annotation { display: block; } .annot_div .fa { font-size: 15px; margin-left: 5px; display: none; float: right; } .annot_div .fa-eye, .annot_div .fa-eye-slash { display: inline-block; margin-right: 5px; color: #000; float: none; position: relative; top: -2px; } .annot_div .fa-eye-slash { color: #ccc; } .annot_div .example.active .fa { display: inline-block; } .annot_div div.hover { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mPc/B8AAmsBtD5lBjsAAAAASUVORK5CYII=); background-size: 1px 17px; background-repeat: repeat-x; } .annot_div .fa:hover { text-decoration: none; color: #666666; } .openseadragon-container .annot_div { left: -100px; top: 145px; min-width: 170px; height: auto; background-color: #fff; border: 2px solid #555555; opacity: 0.8; } .openseadragon-container .annot_div .example .fa { display: none; } .openseadragon-container .annot_div .example .fa-eye-slash, .openseadragon-container .annot_div .example .fa-eye { display: inline-block; } .openseadragon-container .channel_form { display: block; position: absolute; left: 130px; top: -10px; width: 400px; opacity: 0.8; } .openseadragon-container .staining_info { display: block; position: absolute; left: 5px; top: 150px; width: 116px; padding: 2px; background-color: #fff; border: 2px solid #555555; font-size: 10px; opacity: 0.8; } #img_div.fullpage .openseadragon-container .staining_info { left: 120px; top: -5px; width: 270px; } #img_div.cell .openseadragon-container .staining_info { left: 520px; top: -7px; padding: 0px 2px; width: 270px; background-color: #000; color: #fff; } .openseadragon-container .staining_info a { font-size: 10px; } .openseadragon-container #ignore_zoom_dependent_display { display: none; } .annot_div .fa-trash-o { color: red; } .annot_div a.showAll, .annot_div a.hideAll { margin-left: 7px; margin-bottom: 5px; } .annot_div div:first-of-type>.fa-arrow-up { display: none!important; } /* STOP PASTE FROM LIMS HERE */ .annot_div .fa-trash-o, .annot_div .fa-pencil, .annot_div .fa-align-left, .annot_div .fa-expand, .annot_div .fa-arrow-up, #ignore_zoom_dependent_display { display: none!important; } div#markers { width: 0px; height: 0px; } /* overlays */ .SVGoverlay rect, .SVGoverlay circle, .SVGoverlay ellipse, .SVGoverlay line, #markers marker { fill: transparent; stroke: #000; } #img_div.cell .SVGoverlay rect, #img_div.cell .SVGoverlay circle, #img_div.cell .SVGoverlay ellipse, #img_div.cell .SVGoverlay line { stroke: #26ffff; } #markers marker { fill: #000; } #markers.cell marker { stroke: #26ffff; fill: #26ffff; } .SVGoverlay .txtBox { stroke-width: 0; fill: #000; /*opacity: 0.6;*/ } #img_div.cell .SVGoverlay .txtBox { fill: #26ffff; } .SVGoverlay text { fill: #fff; font-weight: bold; } #img_div.cell .SVGoverlay text { fill: #000; }