/* jQuery Modal * Copyright 2014 Kevin Sylvestre * 1.1.9 */ .modaled { overflow: hidden; -webkit-overflow-style: none; -moz-overflow-style: none; -ms-overflow-style: none; } .modaled::-webkit-scrollbar { display: none !important; width: 0 !important; } .modaled::-moz-scrollbar { display: none !important; width: 0 !important; } .modaled::-ms-scrollbar { display: none !important; width: 0 !important; } .modaler { position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow-x: hidden; overflow-y: auto; z-index: 4000; } .modaler .modal { position: relative; top: inherit; left: inherit; right: inherit; margin: 40px auto; } .amoforms_modal { position: absolute; display: block; background: #FFF; top: 10%; left: 50%; right: 50%; width: auto; height: 0; margin: 0 -320px 100px -320px; z-index: 4000; box-shadow: 0 2px 8px #000; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transition-property: -webkit-transform, opacity, filter; -moz-transition-property: -moz-transform, opacity, filter; transition-property: transform, opacity, filter; opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } @media screen and (max-width: 782px) { .amoforms_modal { left: 10%; right: 10%; width: 80%; margin: 0; } } .amoforms_modal.fade { display: none; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } .amoforms_modal .modal-header, .amoforms_modal .modal-footer, .amoforms_modal .modal-body, .amoforms_modal .header, .modal .footer, .amoforms_modal .body { padding: 10px; } .amoforms_modal .modal-header:before, .amoforms_modal .modal-header:after, .amoforms_modal .modal-footer:before, .amoforms_modal .modal-footer:after, .amoforms_modal .modal-body:before, .amoforms_modal .modal-body:after, .amoforms_modal .header:before, .amoforms_modal .header:after, .amoforms_modal .footer:before, .amoforms_modal .footer:after, .amoforms_modal .body:before, .amoforms_modal .body:after { content: " "; display: table; clear: both; } .amoforms_modal .modal-header *, .amoforms_modal .modal-footer *, .amoforms_modal .header *, .amoforms_modal .footer * { margin: 0; } .amoforms_modal .modal-body, .amoforms_modal .body { min-height: 240px; overflow: visible; margin: 15px 15px 0 15px; } .amoforms_modal .modal-header, .amoforms_modal .header { border-bottom: 1px solid #EEE; } .amoforms_modal .modal-footer, .amoforms_modal .footer { border-top: 1px solid #EEE; } .amoforms_modal .close { background-image: url('../../images/close.png'); right: -15px; top: -15px; position: absolute; display: block; cursor: pointer; width: 30px; height: 30px; background-repeat: no-repeat; background-size: 30px; color: transparent; } .vignette { position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: #000; z-index: 2000; opacity: 0.8; filter: alpha(opacity=80); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transition-property: -webkit-transform, opacity, filter; -moz-transition-property: -moz-transform, opacity, filter; transition-property: transform, opacity, filter; } .vignette.fade { opacity: 0; filter: alpha(opacity=0); } /*# sourceMappingURL=jquery.modal.css.map */