jquery.gugg-paintstripper.scss

// Guggenheim Paintstripper: Interactive layered image viewer
//
// © 2012 The Solomon R. Guggenheim Foundation, New York.
//
// This file is part of Guggenheim Paintstripper.
//
// Guggenheim Paintstripper is free software: you can redistribute it and/or
// modify it under the terms of the GNU General Public License as published by
// the Free Software Foundation, either version 3 of the License, or (at your
// option) any later version.
//
// Guggenheim Paintstripper is distributed in the hope that it will be useful, but
// WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY
// or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
// more details.
//
// You should have received a copy of the GNU General Public License along
// with Guggenheim Paintstripper.  If not, see <http://www.gnu.org/licenses/>.

.ps-paintstripper {
    position: relative;
    overflow: hidden;

    &.has-active {
        &:hover {
            .ps-handle {
                visibility: visible;
            }
        }
    }
}

.ps-axle {
    img {
        position: absolute;
        top: 0;
        left: 0;
    }
}

.ps-shade {
    img {
        display: none;

        &.active {
            display: block;
        }
    }
}

.ps-platen {
    &:hover {
        cursor: -webkit-grab;
        cursor: -moz-grab;
        cursor: grab;
    }

    &.ui-draggable-dragging {
        cursor: -webkit-grabbing;
        cursor: -moz-grabbing;
        cursor: grabbing;
    }
}
.ps-handle {
    width: 14px;
    height: 44px;
    border: 1px solid black;
    background-color: #d3d3d3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: absolute;
    visibility: hidden;

    &:hover {
        cursor: col-resize;
    }
}