nodram
Version:
A Really MEAN Web Framework
2 lines • 1.96 kB
CSS
#ModalView{top:0;left:0;position:fixed;width:100vw;height:100vh;background:rgba(22,29,30,.8);display:none;z-index:1}#ModalView,#ModalView article#container{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#ModalView article#container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:20px}#ModalView article#container section#main{background:#fff;width:400px;min-height:200px;height:auto;box-shadow:-5px 13px 19px #2c393b}#ModalView article#container section#main header{overflow:hidden}#ModalView article#container section#main header img{width:calc(100% + 2px);height:auto;margin-top:-2px;margin-left:-1px}#ModalView article#container section#main header h3{font-family:Lato;padding:20px}#ModalView article#container section#main section{font-family:Lato;padding:0 20px}#ModalView article#container section#main footer{padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}#ModalView article#container section#main footer button{background:none;font-family:Lato;font-weight:700;border:none;text-transform:uppercase;font-size:13px;padding:2px 0;margin:0 0 0 30px;border-bottom:2px solid #fff}#ModalView article#container section#main footer button.success{color:#2257f5}#ModalView article#container section#main footer button.success:hover{border-bottom:2px solid #2257f5}#ModalView article#container section#main footer button.neutral{color:#818a91}#ModalView article#container section#main footer button.neutral:hover{border-bottom:2px solid #161d1e;color:#161d1e}@media (max-width:767px){#ModalView article#container section#main{width:100%;min-height:180px;height:auto}#ModalView article#container section#main header h3{font-size:1.25rem}#ModalView article#container section#main section{font-size:.75rem}}
/*# sourceMappingURL=undefined.map */