equation-admin-template/ltr/plugins/popup/style.css

Booststrap 4 admin template made by equation

/* 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;
}