nodram
Version:
A Really MEAN Web Framework
2 lines • 3.47 kB
CSS
#LoginView{width:100%;height:100%;background-color:#161d1e;font-family:Lato}#LoginView section#hero{width:100%;padding:100px}#LoginView section#hero,#LoginView section#hero aside{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}#LoginView section#hero aside{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:50px;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#LoginView section#hero aside:first-child:before{content:'';position:absolute;width:1px;height:100%;background:-webkit-linear-gradient(#161d1e,#818a91,#161d1e);background:linear-gradient(#161d1e,#818a91,#161d1e);top:30px;right:0}#LoginView section#hero aside:first-child .app-logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}#LoginView section#hero aside:first-child .app-logo img{height:50px}#LoginView section#hero aside:last-child{width:400px}#LoginView section#hero aside:last-child .error{color:#d9534f;font-size:.875rem}#LoginView section#hero aside:last-child form{width:300px}#LoginView section#hero aside:last-child form .form-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}#LoginView section#hero aside:last-child form .form-group input{width:270px;color:#fff;padding:10px;border:2px solid #818a91;border-radius:5px;background:transparent}#LoginView section#hero aside:last-child form .form-group input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #161d1e inset;-webkit-text-fill-color:#fff}#LoginView section#hero aside:last-child form .form-group .control{width:30px;padding:10px 0 0 10px}#LoginView section#hero aside:last-child form .form-group button{font-family:League Spartan;font-weight:700;font-size:13px}#LoginView section#hero .step#accountConfirmed,#LoginView section#hero .step#emailNotSent,#LoginView section#hero .step#emailResent,#LoginView section#hero .step#issh{display:none;color:#fff;padding:20px;text-align:center;width:400px}#LoginView section#hero .step#accountConfirmed .title,#LoginView section#hero .step#emailNotSent .title,#LoginView section#hero .step#emailResent .title,#LoginView section#hero .step#issh .title{font-size:1.5rem;font-family:League Spartan}#LoginView section#hero .step#accountConfirmed .details,#LoginView section#hero .step#emailNotSent .details,#LoginView section#hero .step#emailResent .details,#LoginView section#hero .step#issh .details{font-size:.875rem}#LoginView section#hero .step#accountConfirmed .details button:nth-child(2),#LoginView section#hero .step#emailNotSent .details button:nth-child(2),#LoginView section#hero .step#emailResent .details button:nth-child(2),#LoginView section#hero .step#issh .details button:nth-child(2){margin-left:10px}#LoginView section#hero .step#emailResent .content{width:235px;padding:10px 0;display:-webkit-box;display:-ms-flexbox;display:flex}#LoginView section#hero .step#emailResent .content input.otp{padding-left:0;padding-right:0;background:transparent;border-radius:0;border:1px solid #55595c;font-family:League Spartan;font-size:1.5rem;width:250px;color:#fff;letter-spacing:20px;text-align:center}#LoginView section#hero .step#emailResent .content .control{width:30px;padding:10px 0 0 10px}
/*# sourceMappingURL=undefined.map */