view WebApplication/viewer.css @ 303:fb7d62e3235e

sync
author Sebastien Jodogne <s.jodogne@gmail.com>
date Mon, 21 Feb 2022 17:16:10 +0100
parents 4b9da483ae4d
children
line wrap: on
line source

html, body {
    width: 100%;
    height: 100%;
    margin: 0px;
    border: 0;
    overflow: hidden; /*  Disable scrollbars */
    display: block;  /* No floating content on sides */
}

.jsPanel-hdr-r {
    display: none;
}

.ui-button-icon-only {
    padding-top: 6px;
    padding-bottom: 6px;
}

.jsPanel-content {
    padding: 4px;
    overflow-y: visible !important;
}

.jsPanel-hdr img {
    padding-top: 4px;
    padding-bottom: 4px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.ui-slider .ui-slider-handle {
    height: 20px;
}

.ui-icon-custom-default { 
    background-image: url(images/default.png) !important; 
}

.ui-icon-custom-orthanc { 
    background-image: url(images/orthanc-icon.png) !important; 
}

.ui-icon-custom-stretch { 
    background-image: url(images/stretch.png) !important; 
}

.ui-icon-custom-bone { 
    background-image: url(images/bone.png) !important; 
}

.ui-icon-custom-lung { 
    background-image: url(images/lung.png) !important; 
}

.ui-icon-custom-interpolation { 
    background-image: url(images/interpolation.png) !important; 
}

.ui-icon-custom-inversion { 
    background-image: url(images/inversion.png) !important; 
}

#dicomImageWrapper {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color:  black;
    color: white;
    overflow: hidden; 
    font-family:  Arial, Helvetica, sans-serif;
}

#dicomImage {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px; 
    position: absolute;
}

#topleft {
    position: absolute;
    top: 10px; 
    left: 10px; 
}

#topleft img {
    vertical-align: middle;
}

#topright {
    position: absolute;
    top: 10px; 
    right: 10px; 
    text-align: right;
}

#bottomright {
    position: absolute;
    bottom:25px; 
    right:10px;
}

#bottomleft {
    position: absolute;
    bottom: 25px; 
    left: 10px;
}

#bottomcenter {
    position: absolute;
    bottom: 25px; 
    left: 10px;
    right: 10px; 
    width: 100%;
    text-align: center;
}

#bottom {
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 20px;
    width: 100%;
}

.alert {
    color: #f00;
    font-weight: bold;
}