211 lines
3.1 KiB
CSS
211 lines
3.1 KiB
CSS
|
/*
|
||
|
|
* @author ThemePunch <info@themepunch.com>
|
||
|
|
* @link http://www.themepunch.com/
|
||
|
|
* @copyright 2017 ThemePunch
|
||
|
|
*/
|
||
|
|
|
||
|
|
.rs-before-after-addon {
|
||
|
|
|
||
|
|
overflow: hidden !important;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.rs-before-after-addon .tparrows {
|
||
|
|
|
||
|
|
z-index: 1000 !important;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.rs-addon-beforeafter-btn {
|
||
|
|
|
||
|
|
position: absolute;
|
||
|
|
display: table;
|
||
|
|
cursor: pointer;
|
||
|
|
text-align: center;
|
||
|
|
white-space: nowrap;
|
||
|
|
z-index: 102;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.rs-addon-beforeafter-btn i {
|
||
|
|
|
||
|
|
display: table-cell;
|
||
|
|
vertical-align: middle;
|
||
|
|
position: relative;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.rs-beforeafter-shift-arrows .rs-addon-beforeafter-btn i {
|
||
|
|
|
||
|
|
-webkit-transform: translateX(0) !important;
|
||
|
|
transform: translateX(0) !important;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.rs-addon-beforeafter-btn-vertical,
|
||
|
|
.rs-addon-beforeafter-btn-vertical i {
|
||
|
|
|
||
|
|
display: block;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.rs-addon-beforeafter-line {
|
||
|
|
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
z-index: 102;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.rs-addon-beforeafter-line.rs-beforeafter-horizontal {
|
||
|
|
|
||
|
|
top: 0;
|
||
|
|
height: 100%;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.rs-addon-beforeafter-line.rs-beforeafter-vertical {
|
||
|
|
|
||
|
|
left: 0;
|
||
|
|
width: 100%;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.rs-before-after-element {
|
||
|
|
|
||
|
|
opacity: 0;
|
||
|
|
visibility: hidden;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.rs-before-after-element,
|
||
|
|
.rs-before-after-element:before {
|
||
|
|
|
||
|
|
-webkit-user-select: none;
|
||
|
|
-moz-user-select: none;
|
||
|
|
user-select: none;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.rs-addon-beforeafter-bg {
|
||
|
|
|
||
|
|
opacity: 0;
|
||
|
|
z-index: 999;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.rs-addon-beforeafter-bg,
|
||
|
|
.rs-addon-beforeafter-revealer,
|
||
|
|
.rs-addon-beforeafter-revealer .tp-loop-wrap {
|
||
|
|
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.rs-addon-beforeafter-bg,
|
||
|
|
.rs-addon-beforeafter-revealer {
|
||
|
|
|
||
|
|
position: absolute;
|
||
|
|
overflow: hidden;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.rs-addon-beforeafter-before {
|
||
|
|
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.rs-addon-beforeafter-horizontal .rs-addon-beforeafter-bg,
|
||
|
|
.rs-addon-beforeafter-horizontal .rs-addon-beforeafter-after {
|
||
|
|
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.rs-addon-beforeafter-vertical .rs-addon-beforeafter-bg,
|
||
|
|
.rs-addon-beforeafter-vertical .rs-addon-beforeafter-after {
|
||
|
|
|
||
|
|
bottom: 0;
|
||
|
|
left: 0;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.rs-addon-beforeafter-bg,
|
||
|
|
.rs-addon-beforeafter-after {
|
||
|
|
|
||
|
|
opacity: 0;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.rs-addon-beforeafter-inner,
|
||
|
|
.rs-addon-beforeafter-bg-inner {
|
||
|
|
|
||
|
|
position: absolute;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.rs-addon-beforeafter-horizontal .rs-addon-beforeafter-inner,
|
||
|
|
.rs-addon-beforeafter-horizontal .rs-addon-beforeafter-bg-inner {
|
||
|
|
|
||
|
|
right: 0;
|
||
|
|
top: 0;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.rs-addon-beforeafter-vertical .rs-addon-beforeafter-inner,
|
||
|
|
.rs-addon-beforeafter-vertical .rs-addon-beforeafter-bg-inner {
|
||
|
|
|
||
|
|
left: 0;
|
||
|
|
bottom: 0;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.rs-video-beforeafter,
|
||
|
|
.rs-video-beforeafter .tp-mask-wrap {
|
||
|
|
|
||
|
|
width: 100% !important;
|
||
|
|
height: 100% !important;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.rs-before-after-addon:not(.before-after-carousel).dragging,
|
||
|
|
.rs-before-after-addon:not(.before-after-carousel).dragging *,
|
||
|
|
.rs-before-after-addon:not(.before-after-carousel).dragging .rs-addon-beforeafter-btn i:before {
|
||
|
|
|
||
|
|
-webkit-user-select: none !important;
|
||
|
|
-moz-user-select: none !important;
|
||
|
|
user-select: none !important;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.rs-beforeafter-pointers,
|
||
|
|
.rs-beforeafter-pointers .rs-addon-beforeafter-inner {
|
||
|
|
|
||
|
|
pointer-events: none;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.rs-beforeafter-pointers *:not(.rs-addon-beforeafter-inner) {
|
||
|
|
|
||
|
|
pointer-events: auto;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.rs-beforeafter-pointers .rs-video-beforeafter,
|
||
|
|
.rs-beforeafter-pointers .rs-video-beforeafter * {
|
||
|
|
|
||
|
|
pointer-events: none;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|