| Server IP : 38.190.208.107 / Your IP : 216.73.216.207 Web Server : nginx/1.28.1 System : Linux ht2026040333114 6.1.0-10-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.1.37-1 (2023-07-03) x86_64 User : root ( 0) PHP Version : 8.2.28 Disable Function : passthru,exec,system,putenv,chroot,chgrp,chown,shell_exec,popen,proc_open,pcntl_exec,ini_alter,ini_restore,dl,openlog,syslog,readlink,symlink,popepassthru,pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,imap_open,apache_setenv,eval,assert,passthru,system,exec,shell_exec,popen,proc_open MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /www/wwwroot/wp.10/wp-content/themes/dt-the7/css/static-less/shortcodes/ |
Upload File : |
/* #Before-After
================================================== */
.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after,
.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
content: " ";
display: block;
background: white;
position: absolute;
z-index: 30;
}
.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after {
width: 3px;
height: 9999px;
left: 50%;
margin-left: -1.5px;
}
.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
width: 9999px;
height: 3px;
top: 50%;
margin-top: -1.5px;
}
.twentytwenty-before-label,
.twentytwenty-after-label {
position: absolute;
width: 120px;
padding: 3px 5px 3px;
color: white !important;
font-size: 13px;
line-height: 16px;
vertical-align: middle;
text-align: center;
z-index: 99;
opacity: 0;
text-shadow: 0 0 2px rgba(0,0,0,0.5);
transition: opacity 400ms ease;
}
.twentytwenty-horizontal .twentytwenty-before-label {
bottom: 10px;
left: 10px;
text-align: left;
}
.twentytwenty-horizontal .twentytwenty-after-label {
bottom: 10px;
right: 10px;
text-align: right;
}
.twentytwenty-vertical .twentytwenty-before-label {
top: 10px;
left: 50%;
margin-left: -65px;
}
.twentytwenty-vertical .twentytwenty-after-label {
bottom: 10px;
left: 50%;
margin-left: -65px;
}
.twentytwenty-container:hover .twentytwenty-after-label,
.twentytwenty-container:hover .twentytwenty-before-label {
opacity: 1;
}
.twentytwenty-left-arrow, .twentytwenty-right-arrow,
.twentytwenty-up-arrow, .twentytwenty-down-arrow {
width: 0;
height: 0;
border: 6px inset transparent;
position: absolute;
}
.twentytwenty-left-arrow,
.twentytwenty-right-arrow {
top: 50%;
margin-top: -6px;
}
.twentytwenty-up-arrow,
.twentytwenty-down-arrow {
left: 50%;
margin-left: -6px;
}
.twentytwenty-container {
.box-sizing (content-box);
z-index: 0;
overflow: hidden;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
}
.twentytwenty-container img {
max-width: 100%;
width: 100%;
height: auto;
position: absolute;
top: 0;
display: block;
}
.active-click .twentytwenty-handle,
.twentytwenty-container.active-click img {
transition: all 0.3s ease-out;
}
.twentytwenty-container * {
.box-sizing (content-box);
}
.twentytwenty-before {
z-index: 20;
}
.twentytwenty-after {
z-index: 10;
}
.twentytwenty-handle {
height: 38px;
width: 38px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -22px;
margin-top: -22px;
border: 3px solid white;
border-radius: 1000px;
z-index: 40;
cursor: pointer;
}
.twentytwenty-container[data-navigation="move"] .twentytwenty-handle {
border: none;
cursor: default;
}
.twentytwenty-container[data-navigation="move"] .twentytwenty-handle > span {
display: none;
}
.twentytwenty-horizontal .twentytwenty-container[data-navigation="move"] .twentytwenty-handle:before {
margin-bottom: 0;
margin-left: 0;
}
.twentytwenty-horizontal .twentytwenty-container[data-navigation="move"] .twentytwenty-handle:after {
margin-top: 0;
margin-left: 0;
}
.twentytwenty-vertical .twentytwenty-container[data-navigation="move"] .twentytwenty-handle:before {
margin-left: 0;
margin-top: 0;
}
.twentytwenty-vertical .twentytwenty-container[data-navigation="move"] .twentytwenty-handle:after {
margin-right: 0;
margin-top: 0;
}
.twentytwenty-horizontal .twentytwenty-handle:before {
bottom: 50%;
margin-bottom: 22px;
}
.twentytwenty-horizontal .twentytwenty-handle:after {
top: 50%;
margin-top: 22px;
}
.twentytwenty-vertical .twentytwenty-handle:before {
left: 50%;
margin-left: 22px;
}
.twentytwenty-vertical .twentytwenty-handle:after {
right: 50%;
margin-right: 22px;
}
.twentytwenty-left-arrow {
border-right: 6px solid white;
left: 50%;
margin-left: -17px;
}
.twentytwenty-right-arrow {
border-left: 6px solid white;
right: 50%;
margin-right: -17px;
}
.twentytwenty-up-arrow {
border-bottom: 6px solid white;
top: 50%;
margin-top: -17px;
}
.twentytwenty-down-arrow {
border-top: 6px solid white;
bottom: 50%;
margin-bottom: -17px;
}