File size: 1,268 Bytes
3dabe4a |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 |
#tab_sd-webui-image-comparison {
overflow: hidden;
--img-comp-width: 768px;
}
#img_comp_row:focus {
outline: none;
}
#img_comp_row {
height: var(--img-comp-width);
}
#img_comp_row img {
position: relative;
}
#img_comp_row img.hor:hover {
cursor: ew-resize;
}
#img_comp_row img.ver:hover {
cursor: ns-resize;
}
#img_comp_row .comp-block {
width: var(--img-comp-width);
height: var(--img-comp-width);
position: absolute;
z-index: 100;
left: calc(50% - (var(--img-comp-width) / 2));
border-radius: 0px;
}
#img_comp_row .bar {
display: block;
position: absolute;
background-color: white;
z-index: 500;
min-width: 0px;
min-height: 0px;
opacity: 0.9;
pointer-events: none;
}
#img_comp_btn {
margin-top: auto;
}
#img_comp_extras {
margin-bottom: auto;
}
#img_comp_horizontal {
margin: 1em;
}
#img_comp_tools {
background-color: var(--panel-background-fill);
padding: 1em;
border-radius: 1em;
}
#img_comp_info p {
background: var(--panel-background-fill);
padding: 1em;
border-radius: 1em;
}
#img_comp_info p .comp-diff {
color: red;
}
#img_comp_row_container {
height: var(--img-comp-width);
width: 100%;
overflow: hidden;
}
|