-
Notifications
You must be signed in to change notification settings - Fork 4
/
modal-box.min.css
4 lines (4 loc) · 7.44 KB
/
modal-box.min.css
1
2
3
4
@charset "UTF-8";
/*! CSS Modal Box by cara-tm.com - MIT license - https://github.com/cara-tm/modal_box */html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html,body{height:100%;margin:0;padding:0}body .modal-dialog{font:normal normal normal 100%/1 '-apple-system',BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-kerning:normal;-moz-font-feature-settings:"kern";-webkit-font-feature-settings:"kern";font-feature-settings:"kern"}.no__select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;user-select:none}@-webkit-keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}.modal-dialog:target{-webkit-opacity:1;-moz-opacity:1;opacity:1;display:block}.modal-dialog:focus{outline:none}.modal-dialog:target .modal{-webkit-opacity:1;-moz-opacity:1;opacity:1;-webkit-animation:scale-up-center 100ms cubic-bezier(0.39,0.575,0.565,1) both;animation:scale-up-center 100ms cubic-bezier(.39,.575,.565,1) both;will-change:auto}.modal-dialog:not(.plain):target ~ .wrapper{overflow:auto;position:absolute;position:fixed;z-index:-1;top:0;left:0;-webkit-tap-highlight-color:rgba(255,255,255,0)}
.modal-dialog.no-visibility:target ~ .wrapper{visibility:hidden;min-height:0;max-height:0;margin:0;padding:0}
#close:target ~ .wrapper,a[class^="close"]:target ~ .wrapper{position:static;visibility:visible}.modal-dialog{display:none;opacity:0;position:fixed;position:absolute;z-index:99999;top:0;right:0;bottom:0;left:0;will-change:transfotm}.modal-dialog:not(.plain){background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGNiqAcAAIgAgoGu+rEAAAAASUVORK5CYII=) 0 0 repeat;background:rgba(255,255,255,.90)}.modal-dialog .modal{overflow:hidden;overflow:-moz-hidden-unscrollable;position:relative;z-index:1000;max-width:35em;margin:2.5% auto 0;margin:5vh auto 0;background:#fff;font-size:120%;-webkit-border-radius:8px 8px 0 0;-khtml-border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0;background-clip:padding-box;-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);will-change:transform;-webkit-box-shadow:0 20px 70px -10px rgba(51,51,51,.3),0 50px 100px 0 rgba(51,51,51,.2);-moz-box-shadow:0 20px 70px -10px rgba(51,51,51,.3),0 50px 100px 0 rgba(51,51,51,.2);-khtml-box-shadow:0 20px 70px -10px rgba(51,51,51,.3),0 50px 100px 0 rgba(51,51,51,.2);box-shadow:0 20px 70px -10px rgba(51,51,51,.3),0 50px 100px 0 rgba(51,51,51,.2);zoom:1}.modal .close-span{display:block;padding-top:.3em;line-height:1.43em}.close-span strong{font:normal normal normal 70%/1 'Helvetica Neue',Helvetica,Arial,sans-serif}.modal-dialog .close{display:block;position:absolute;z-index:90000;top:.35em;right:.4em;width:1.435em;height:1.435em;margin:0;padding:0;background:#0288d1;vertical-align:middle;align-self:center;text-align:center;text-decoration:none;color:#fff;font-family:Arial,sans-serif;line-height:1.435;cursor:pointer;-webkit-border-radius:50%;-khtml-border-radius:50%;border-radius:50%}.modal-dialog .close:hover,.inner-dialog .close:active{background:#03a9f4;border:none;-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);transform:scale(1.2,1.2);-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3);-webkit-transition:-webkit-transform 100ms ease-in-out;transition:-webkit-transform 100ms ease-in-out;transition:transform 100ms ease-in-out;transition:transform 100ms ease-in-out,-webkit-transform 100ms ease-in-out;-webkit-tap-highlight-color:rgba(255,255,255,0)}.modal-dialog .close:focus {outline:none}.header-modal{position:relative;z-index:1001;height:3.75em;height:4.5rem;min-height:4.5rem;max-height:26vh;border:0;color:#aaa;font-family:inherit;font-weight:300;-webkit-border-radius:6px 6px 0 0;-khtml-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;-webkit-box-shadow:-15px 10px 30px rgba(255,255,255,.9);-moz-box-shadow:-15px 10px 30px rgba(255,255,255,.9);box-shadow:-15px 10px 30px rgba(255,255,255,.9)}.header-modal span{display:inline-table;display:inline-block;margin:0;vertical-align:middle;letter-spacing:-1px;text-transform:capitalize;font-size:110%;font-weight:400}.modal-dialog .inner-dialog{overflow:hidden;overflow:auto;overflow-y:visible;overflow-y:auto;display:block;width:94.25%;width:auto;width:calc(100% - 41px);max-height:14em;max-height:47vh;height:90%;margin:0;padding:5px 20px 0 20px;border-right:1px solid #eee;border-left:1px solid #eee;color:#212121;hyphens:auto;scroll-behavior:smooth}.modal-dialog .modal.modal-message{border:1px solid #eee;-webkit-border-radius:6px 6px 0 0;-khtml-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0}.modal-dialog .modal.modal-message .inner-dialog{overflow:hidden;margin:0 0 .5em;padding-top:1em;border:0}:-webkit-any(.inner-dialog) *{font-size:100%}:-moz-any(.inner-dialog) *{font-size:100%}:matches(.inner-dialog) *{font-size:100%}.modal-dialog .inner-dialog p,.modal-dialog .inner-dialog ul{font-size:85%;line-height:1.5}.footer-modal{overflow-y:auto;display:table;direction:ltr;width:100%;height:3em;height:3.75rem;margin:0;background:#0288d1;text-align:right;border-right:1px solid #0288d1;border-left:1px solid #0288d1;-webkit-border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;-ms-border-radius:0 0 2px 2px;-khtml-border-radius:0 0 2px 2px;border-radius:0 0 2px 2px;-webkit-box-shadow:0 -10px 30px rgba(0,0,0,.1);-moz-box-shadow:0 -10px 30px rgba(0,0,0,.1);-khtml-box-shadow:0 -10px 30px rgba(0,0,0,.1);box-shadow:0 -10px 30px rgba(0,0,0,.1);scroll-behavior:smooth}.modal-dialog .footer-modal a{display:inline-table;float:right;margin-top:-1px;padding:0 2em;text-transform:uppercase;text-decoration:none;white-space:nowrap;word-break:keep-all;color:#fff;font-weight:700;font-size:70%;line-height:4.3em;line-height:3.75rem;outline:none;-webkit-transition:.3s ease-out;-moz-transition:.3s ease-out;-o-transition:.3s ease-out;-ms-transition:.3s ease-out;transition:.3s ease-out}.footer-modal a:hover,.footer-modal a:active{background:#03a9f4;-webkit-tap-highlight-color:#03a9f4}@media only screen and (max-width:720px){.modal-dialog .modal.modal-message .inner-dialog{max-height:none;height:auto}.header-modal{max-height:11vmax}.modal-dialog .modal{width:80%;margin:5vh auto 3em;margin:calc(15vh - 50px) auto 3em;margin:5vmin auto 3em}.footer-modal{-webkit-box-shadow:0 -10px 20px rgba(225,225,225,.95);-moz-box-shadow:0 -10px 20px rgba(225,225,225,.95);-khtml-box-shadow:0 -10px 20px rgba(225,225,225,.95);box-shadow:0 -10px 20px rgba(225,225,225,.95)}.footer-modal a{font-size:60%}.mob-hide{display:none!important}}:-o-prefocus,html .modal-dialog .inner-dialog{height:100%;max-height:100%}:-o-prefocus,html .footer-modal a{display:inline-block;padding:.8em 2em}.modal-dialog ::-webkit-scrollbar{width:3px;height:3px}.modal-dialog ::-webkit-scrollbar-button{background-color:#666}.modal-dialog ::-webkit-scrollbar-track{background-color:#999}.modal-dialog ::-webkit-scrollbar-track-piece{background-color:#fff}.modal-dialog ::-webkit-scrollbar-thumb{height:50px;background-color:#999;border-radius:3px}.modal-dialog ::-webkit-scrollbar-corner{background-color:#999}.modal-dialog ::-webkit-resizer{background-color:#666}