Fabio Caccamo
50 lines
2.1 KiB
CSS
50 lines
2.1 KiB
CSS
/*
|
|
related modal + magnific popup customization
|
|
https://github.com/dimsemenov/Magnific-Popup
|
|
*/
|
|
.admin-interface .related-modal.mfp-bg {
|
|
background-color:{{ theme.related_modal_background_color }}/* !important*/;
|
|
opacity: {{ theme.related_modal_background_opacity }}/* !important*/;
|
|
}
|
|
|
|
.admin-interface .related-modal .mfp-content {
|
|
height: 100%/* !important*/;
|
|
overflow: hidden;
|
|
{% if theme.related_modal_rounded_corners %}
|
|
border-radius: 4px;
|
|
{% endif %}
|
|
-webkit-box-shadow: 0px 5px 30px 0px rgba(0,0,0,0.2);
|
|
-moz-box-shadow: 0px 5px 30px 0px rgba(0,0,0,0.2);
|
|
box-shadow: 0px 5px 30px 0px rgba(0,0,0,0.2);
|
|
}
|
|
|
|
.admin-interface .related-modal .mfp-container {
|
|
padding: 90px 90px 90px 90px/* !important*/;
|
|
}
|
|
|
|
.admin-interface .related-modal__nested .mfp-container {
|
|
padding: 30px 60px 30px 60px/* !important*/;
|
|
}
|
|
|
|
@media (max-width:640px){
|
|
.admin-interface .related-modal .mfp-container {
|
|
padding: 60px 15px 60px 15px/* !important*/;
|
|
}
|
|
.admin-interface .related-modal__nested .mfp-container {
|
|
padding: 30px 30px 30px 30px/* !important*/;
|
|
}
|
|
}
|
|
|
|
.admin-interface .related-modal #related-modal-iframe {
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: #FFFFFF;
|
|
background-repeat: no-repeat;
|
|
background-position: center center;
|
|
background-size: 30px 30px;
|
|
background-image: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg width='30px' height='30px' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' class='uil-ring-alt'><rect x='0' y='0' width='100' height='100' fill='none' class='bk'></rect><circle cx='50' cy='50' r='40' stroke='#eeeeee' fill='none' stroke-width='6' stroke-linecap='round'></circle><circle cx='50' cy='50' r='40' stroke='#aaaaaa' fill='none' stroke-width='6' stroke-linecap='round'><animate attributeName='stroke-dashoffset' dur='2s' repeatCount='indefinite' from='0' to='500'></animate><animate attributeName='stroke-dasharray' dur='2s' repeatCount='indefinite' values='150 100;1 250;150 100'></animate></circle></svg>");
|
|
border: none;
|
|
margin: 0 auto;
|
|
padding: 0;
|
|
display: block;
|
|
} |