????JFIF??x?x????'
| Server IP : 79.136.114.73 / Your IP : 216.73.216.217 Web Server : Apache/2.4.7 (Ubuntu) PHP/5.5.9-1ubuntu4.29 OpenSSL/1.0.1f System : Linux b8009 3.13.0-170-generic #220-Ubuntu SMP Thu May 9 12:40:49 UTC 2019 x86_64 User : www-data ( 33) PHP Version : 5.5.9-1ubuntu4.29 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,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, MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/www.astacus.eu/wp-content/plugins/coming-soon/public/vendor/tingle/ |
Upload File : |
/* ----------------------------------------------------------- */
/* == tingle v0.15.1 */
/* ----------------------------------------------------------- */
.tingle-modal * {
box-sizing: border-box;
}
.tingle-modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
display: -ms-flexbox;
display: flex;
visibility: hidden;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
-webkit-overflow-scrolling: touch;
background: rgba(0, 0, 0, .85);
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
}
/* confirm and alerts
-------------------------------------------------------------- */
.tingle-modal--confirm .tingle-modal-box {
text-align: center;
}
/* modal
-------------------------------------------------------------- */
.tingle-modal--noOverlayClose {
cursor: default;
}
.tingle-modal--noClose .tingle-modal__close {
display: none;
}
.tingle-modal__close {
position: fixed;
top: 2rem;
right: 2rem;
z-index: 1000;
padding: 0;
width: 2rem;
height: 2rem;
border: none;
background-color: transparent;
color: #fff;
cursor: pointer;
}
.tingle-modal__close svg * {
fill: currentColor;
}
.tingle-modal__closeLabel {
display: none;
}
.tingle-modal__close:hover {
color: #fff;
}
.tingle-modal-box {
position: relative;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-top: auto;
margin-bottom: auto;
width: 60%;
border-radius: 4px;
background: #fff;
opacity: 1;
cursor: auto;
will-change: transform, opacity;
}
.tingle-modal-box__content {
padding: 3rem 3rem;
}
.tingle-modal-box__footer {
padding: 1.5rem 2rem;
width: auto;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
background-color: #f5f5f5;
cursor: auto;
}
.tingle-modal-box__footer::after {
display: table;
clear: both;
content: "";
}
.tingle-modal-box__footer--sticky {
position: fixed;
bottom: -200px; /* TODO : find a better way */
z-index: 10001;
opacity: 1;
transition: bottom .3s ease-in-out .3s;
}
/* state
-------------------------------------------------------------- */
.tingle-enabled {
position: fixed;
right: 0;
left: 0;
overflow: hidden;
}
.tingle-modal--visible .tingle-modal-box__footer {
bottom: 0;
}
.tingle-enabled .tingle-content-wrapper {
filter: blur(8px);
}
.tingle-modal--visible {
visibility: visible;
opacity: 1;
}
.tingle-modal--visible .tingle-modal-box {
animation: scale .2s cubic-bezier(.68, -.55, .265, 1.55) forwards;
}
.tingle-modal--overflow {
overflow-y: scroll;
padding-top: 8vh;
}
/* btn
-------------------------------------------------------------- */
.tingle-btn {
display: inline-block;
margin: 0 .5rem;
padding: 1rem 2rem;
border: none;
background-color: grey;
box-shadow: none;
color: #fff;
vertical-align: middle;
text-decoration: none;
font-size: inherit;
font-family: inherit;
line-height: normal;
cursor: pointer;
transition: background-color .4s ease;
}
.tingle-btn--primary {
background-color: #3498db;
}
.tingle-btn--danger {
background-color: #e74c3c;
}
.tingle-btn--default {
background-color: #34495e;
}
.tingle-btn--pull-left {
float: left;
}
.tingle-btn--pull-right {
float: right;
}
/* responsive
-------------------------------------------------------------- */
@media (max-width : 540px) {
.tingle-modal {
top: 0px;
display: block;
padding-top: 60px;
width: 100%;
}
.tingle-modal-box {
width: auto;
border-radius: 0;
}
.tingle-modal-box__content {
overflow-y: scroll;
}
.tingle-modal--noClose {
top: 0;
}
.tingle-modal--noOverlayClose {
padding-top: 0;
}
.tingle-modal-box__footer .tingle-btn {
display: block;
float: none;
margin-bottom: 1rem;
width: 100%;
}
.tingle-modal__close {
top: 0;
right: 0;
left: 0;
display: block;
width: 100%;
height: 60px;
border: none;
background-color: #2c3e50;
box-shadow: none;
color: #fff;
}
.tingle-modal__closeLabel {
display: inline-block;
vertical-align: middle;
font-size: 1.6rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
.tingle-modal__closeIcon {
display: inline-block;
margin-right: .8rem;
width: 1.6rem;
vertical-align: middle;
font-size: 0;
}
}
@supports ((-webkit-backdrop-filter: blur(12px)) or (backdrop-filter: blur(12px))) {
.tingle-modal {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
}
@media (max-width : 540px) {
.tingle-modal {
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
}
}
.tingle-enabled .tingle-content-wrapper {
filter: none;
}
}
/* animations
-------------------------------------------------------------- */
@keyframes scale {
0% {
opacity: 0;
transform: scale(.9);
}
100% {
opacity: 1;
transform: scale(1);
}
}