mirror of
https://github.com/jlgarridol/Modalizer.js.git
synced 2026-02-14 17:11:37 +01:00
103 lines
2.0 KiB
CSS
103 lines
2.0 KiB
CSS
/*!
|
|
* Modalizer.js v1.0.0 modalizerjs.jlgarridol.com
|
|
* Copyright 2011-2020 José Luis Garrido-Labrador
|
|
* Licensed under MIT (https://github.com/jlgarridol/modalizerjs/blob/main/LICENSE)
|
|
*/
|
|
body {
|
|
overflow-x: hidden;
|
|
overflow-y: scroll !important;
|
|
}
|
|
|
|
.modal{
|
|
padding-right: 0px !important;
|
|
}
|
|
|
|
.modal-backdrop.show{
|
|
display: none;
|
|
}
|
|
|
|
.MOD_supreme-container.modal-open{
|
|
filter:blur(.5rem);
|
|
}
|
|
|
|
|
|
.modal-content{
|
|
border: 0px !important;
|
|
}
|
|
|
|
.modal-optionable{
|
|
z-index: 3000000000;
|
|
background-color: rgba(0,0,0,0.5);
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.modal-optionable > .modal-dialog {
|
|
--animate-duration: 0.5s;
|
|
}
|
|
|
|
.modal-optionable .modal-dialog {
|
|
-webkit-transform: translate(0);
|
|
-moz-transform: translate(0);
|
|
transform: translate(0);
|
|
}
|
|
|
|
.modal-dialog.fullscreen {
|
|
width: 100% !important;
|
|
height: 100% !important;
|
|
max-height: -moz-fit-content !important;
|
|
min-height: -moz-fit-content !important;
|
|
max-height: fit-content !important;
|
|
min-height: fit-content !important;
|
|
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
max-width:none !important;
|
|
background-color: var(--white);
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
.modal-content.fullscreen {
|
|
height: auto !important;
|
|
min-height: 100% !important;
|
|
border-radius: 0 !important;
|
|
}
|
|
|
|
.modal-header.fullscreen {
|
|
border-bottom: 1px solid #9ea2a2 !important;
|
|
}
|
|
|
|
.modal-footer.fullscreen {
|
|
border-top: 1px solid #9ea2a2 !important;
|
|
}
|
|
|
|
@media (max-width: 576px) {
|
|
|
|
.modal-dialog.fullscreen-sm {
|
|
width: 100% !important;
|
|
height: 100% !important;
|
|
max-height: -moz-fit-content !important;
|
|
min-height: -moz-fit-content !important;
|
|
max-height: fit-content !important;
|
|
min-height: fit-content !important;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
max-width:none !important;
|
|
|
|
}
|
|
|
|
.modal-content.fullscreen-sm {
|
|
height: auto !important;
|
|
min-height: 100% !important;
|
|
max-height: 100% !important;
|
|
border-radius: 0 !important;
|
|
}
|
|
|
|
.modal-header.fullscreen-sm {
|
|
border-bottom: 1px solid #9ea2a2 !important;
|
|
}
|
|
|
|
.modal-footer.fullscreen-sm {
|
|
border-top: 1px solid #9ea2a2 !important;
|
|
}
|
|
} |