File: /home/s76vzjg2kvav/www/admin/plugins/popup/style.css
/* padding-bottom and top for image */
.mfp-no-margins img.mfp-img {
padding: 0;
}
/* position of shadow behind the image */
.mfp-no-margins .mfp-figure:after {
top: 0;
bottom: 0;
}
/* padding for main container */
.mfp-no-margins .mfp-container {
padding: 0;
}
.mfp-close-btn-in .mfp-close {
color: #fff;
margin-top: -34px;
}
/*
Simple
*/
.s-text {
color: #515365;
}
.simple a {
position: relative;
width: 33.3%;
height: auto;
float: left;
}
.simple a img {
position: relative;
display: block;
width: 98%;
height: auto;
cursor: pointer;
border-radius: 6px;
}
/*
Magnific Popup gallery
*/
.g-text {
color: #515365;
}
.popup-gallery a {
position: relative;
width: 25%;
height: auto;
float: left;
}
.popup-gallery a img {
position: relative;
display: block;
width: 98%;
height: auto;
cursor: pointer;
border-radius: 6px;
margin-bottom: 5px;
}
/*
Popup with video or map
*/
.popup-v-m-text {
color: #515365;
}
/**
* Simple fade transition,
*/
.mfp-fade.mfp-bg {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
}
/* Form */
.popup-form-text {
color: #515365;
}
#test-form {
background: white;
padding: 20px 30px;
text-align: left;
max-width: 400px;
margin: 40px auto;
position: relative;
}
#test-form h2 {
color: #3862f5;
margin-bottom: 20px;
}
#test-form p {
color: #3b3f5c;
margin-bottom: 25px;
}
.form-group label {
color: #3232b7;
}
.form-control {
color: #888ea8;
border: 1px solid #e9ecef;
font-size: 15px;
}
.form-control:focus {
border-color: #3862f5;
color: #3b3f5c;
}
/* Styles for dialog window */
#test-modal {
background: white;
padding: 40px 30px;
text-align: left;
max-width: 400px;
margin: 40px auto;
position: relative;
color: #3232b7;
}
#test-modal p {
color: #3b3f5c;
}
#test-modal a {
color: #ee3d50;
font-weight: 600;
}
/*Modal Popup*/
.modal-popup-text {
color: #515365;
}
/*Error handling*/
.error-handling-text {
color: #515365;
}
/*Ajax popup*/
.ajax-text {
color: #515365;
}
.white-popup-block {
background-color: #fff;
padding: 30px!important;
}
/*
================================
Dialog with css animation
================================
*/
.dialgo-css-text {
color: #515365;
}
/* Styles for dialog window */
#small-dialog {
background: white;
padding: 40px 30px;
text-align: left;
max-width: 400px;
margin: 40px auto;
position: relative;
color: #e95f2b;
}
#small-dialog p {
color: #3b3f5c;
}
/*
Fade zoom animation
*/
/**
* Fade-zoom animation for first dialog
*/
/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
}
/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
opacity: 0;
}
/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
}
/*
Fade slide animation
*/
/**
* Fade-move animation for second dialog
*/
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
opacity: 1;
-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 );
-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 );
-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 );
-o-transform: translateY(0) perspective( 600px ) rotateX( 0 );
transform: translateY(0) perspective( 600px ) rotateX( 0 );
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
opacity: 0;
-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
}
/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
opacity: 0;
}