siesta-lite/lib/Siesta/Project/Browser/UI/MouseVisualizer.css

Stress-free JavaScript unit testing and functional testing tool, works in NodeJS and browsers

/*

Siesta 5.6.1
Copyright(c) 2009-2022 Bryntum AB
https://bryntum.com/contact
https://bryntum.com/products/siesta/license

*/
.ghost-cursor {
    position       : absolute;
    width          : 19px;
    height         : 22px;
    left           : 0px;
    top            : 0px;
    z-index        : 1000001;
    pointer-events : none;
    font-family    : FontAwesome;
}

.ghost-cursor-press:after {
    content       : ' ';
    position      : absolute;
    margin-left   : -26px;
    margin-top    : -14px;
    border-radius : 100%;
    width         : 30px;
    height        : 30px;
    border        : 2px solid;
}


.ghost-cursor-click-indicator {
    position            : absolute;
    border-radius       : 100%;
    margin-left         : -25px;
    margin-top          : -25px;
    transition-property : scale, opacity;
    border              : 2px solid;
    width               : 50px;
    height              : 50px;
    z-index             : 101;
    pointer-events      : none;
    -webkit-animation   : grow 1.5s ease-out;
    -moz-animation      : grow 1.5s ease-out;
    animation           : grow 1.5s ease-out;
}

@-moz-keyframes grow {
    00% {
        transform : scale(0.1);
        opacity   : 1;
    }
    50% {
        opacity   : 0.5;
    }
    100% {
        transform : scale(1);
        opacity   : 0.0;
    }
}

@-webkit-keyframes grow {
    00% {
        transform : scale(0.1);
        opacity   : 1;
    }
    50% {
        opacity   : 0.5;
    }
    100% {
        transform : scale(1);
        opacity   : 0.0;
    }
}

@-o-keyframes grow {
    00% {
        transform : scale(0.1);
        opacity   : 1;
    }
    50% {
        opacity   : 0.5;
    }
    100% {
        transform : scale(1);
        opacity   : 0.0;
    }
}

@keyframes grow {
    /*
        the double zero is used because of the bug in YUI compressor:
        https://github.com/yui/yuicompressor/issues/80
        0% is turned into just 0 after minification, which breaks animations syntax
     */
    00% {
        transform : scale(0.1);
        opacity   : 1;
    }
    50% {
        opacity   : 0.5;
    }
    100% {
        transform : scale(1);
        opacity   : 0.0;
    }
}

.tr-iframe-forced-screenshot .ghost-cursor,
.tr-iframe-forced-screenshot .ghost-cursor-click-indicator {
    display : none;
}