| Current Path : /home/jeromecohp/www/aesecure/third/drublic-css-modal/ |
| Current File : /home/jeromecohp/www/aesecure/third/drublic-css-modal/modal.css |
html{overflow-y:scroll}.has-overlay{overflow:hidden}.has-overlay>body{height:100%;overflow-y:scroll}.semantic-content{-webkit-transform:translate(0,100%);-moz-transform:translate(0,100%);-o-transform:translate(0,100%);-ms-transform:translate(0,100%);transform:translate(0,100%);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;opacity:0;color:#222;line-height:1.3;display:none\9}.semantic-content:target{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);opacity:0.9}.is-active.semantic-content{display:block\9}.semantic-content:target{display:block\9}.semantic-content .modal-inner{position:fixed;top:50%;left:50%;z-index:20;overflow-x:hidden;border-radius:2px;background:#fff;-webkit-box-shadow:0 0 30px rgba(0,0,0,0.6);box-shadow:0 0 30px rgba(0,0,0,0.6)}.gray{background-color:#4D4944 !important;}.semantic-content header{border-bottom:1px solid #ddd;padding:0 1.2em}.semantic-content header>h2{margin:.5em 0}.semantic-content .modal-content{max-height:400px;max-height:70vh;border-bottom:1px solid #ddd;padding:15px 1.2em;overflow-x:hidden;overflow-y:auto}.semantic-content .modal-content>*{max-width:100%}.semantic-content footer{border-top:1px solid white;padding:0 1.2em 18px;background:#f0f0f0;border-radius:2px}.semantic-content .modal-close{display:block;float:right;overflow:hidden;margin:10px}@media screen and (max-width:690px){.semantic-content .modal-inner{width:auto;left:20px;right:20px;margin-left:0}.semantic-content .modal-close{left:auto;right:33px;margin-left:0}.semantic-content .modal-close:after{margin-left:40%}}@media screen and (max-width:30em){.semantic-content{-webkit-transform:translate(0,400px);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:-webkit-transform .25s ease-in-out,opacity 1ms .25s;-moz-transition:-moz-transform .25s ease-in-out,opacity 1ms .25s;-o-transition:-o-transform .25s ease-in-out,opacity 1ms .25s;-ms-transition:-ms-transform .25s ease-in-out,opacity 1ms .25s;transition:transform .25s ease-in-out,opacity 1ms .25s;display:block;height:100%;bottom:auto}.semantic-content:target{-webkit-transition:-webkit-transform .25s ease-in-out;-moz-transition:-moz-transform .25s ease-in-out;-o-transition:-o-transform .25s ease-in-out;-ms-transition:-ms-transform .25s ease-in-out;transition:transform .25s ease-in-out}.semantic-content:before{background-color:#27aae2;background-image:-webkit-gradient(linear,left top,left bottom,from(#27aae2),to(#1c9cd3));background-image:-webkit-linear-gradient(top,#27aae2,#1c9cd3);background-image:-moz-linear-gradient(top,#27aae2,#1c9cd3);background-image:-o-linear-gradient(top,#27aae2,#1c9cd3);background-image:linear-gradient(to bottom,#27aae2,#1c9cd3);content:'';position:fixed;top:0;left:0;right:0;z-index:30;height:3em;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.6);box-shadow:0 0 5px rgba(0,0,0,0.6)}.semantic-content .modal-inner{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;top:0;left:0;right:0;padding-top:3em;height:100%;overflow:scroll;-webkit-box-shadow:none;box-shadow:none}.semantic-content .modal-content{max-height:none}.semantic-content .modal-close{right:auto;text-decoration:none}.semantic-content .modal-close:before{display:none}.semantic-content .modal-close:after{content:attr(data-close);top:.4em;left:1em;z-index:40;margin-left:0;font-size:1em;padding:.5em 1em}}@media screen and (max-height:46em)and (min-width:30em){.semantic-content .modal-content{max-height:340px;max-height:50vh}}@media screen and (max-height:36em)and (min-width:30em){.semantic-content .modal-content{max-height:265px;max-height:40vh}}@media screen and (min-width:30em){.semantic-content{-webkit-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s}}