41 lines
1.0 KiB
Stylus
41 lines
1.0 KiB
Stylus
.imageViewerViewport
|
|
width: 100%
|
|
height: 100%
|
|
background-color: black
|
|
|
|
// Prevents the entire page from getting larger
|
|
// when the magnify tool is near the sides/corners of the page
|
|
overflow: hidden
|
|
|
|
.viewportInstructions
|
|
display: none
|
|
font-size: 13px
|
|
color: #e4ad00
|
|
line-height: 18px
|
|
pointer-events: none // Necessary for drag/drop through to cornerstone element below
|
|
text-align: center
|
|
position: absolute
|
|
top: 0
|
|
bottom: 0
|
|
right: 0
|
|
left: 0
|
|
margin: auto
|
|
height: 20px
|
|
|
|
/* These are some good CSS settings for a circular magnifying glass
|
|
Try removing the border-radius to make a square magnifying glass */
|
|
.magnifyTool{
|
|
border: 4px white solid;
|
|
box-shadow: 2px 2px 10px #1e1e1e;
|
|
border-radius: 50%;
|
|
display: none;
|
|
cursor: none;
|
|
}
|
|
/* prevents selection when left click dragging */
|
|
.disable-selection {
|
|
-moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;
|
|
}
|
|
/* prevents cursor from changing to the i bar on the overlays*/
|
|
.noIbar {
|
|
cursor:default;
|
|
} |