1 line
1.8 KiB
CSS
1 line
1.8 KiB
CSS
.page{background:#000;min-height:100vh;padding-bottom:1.6rem}.nav-bar{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:rgba(0,0,0,.9);display:-webkit-flex;display:-ms-flexbox;display:flex;height:2.2rem;-webkit-justify-content:space-between;justify-content:space-between;left:0;padding:0 .8rem;position:fixed;right:0;top:0;z-index:100}.nav-back{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:#1c1c1e;border-radius:50%;display:-webkit-flex;display:-ms-flexbox;display:flex;height:1.6rem;-webkit-justify-content:center;justify-content:center;width:1.6rem}.back-icon{color:hsla(0,0%,100%,.6);font-size:1rem;font-weight:300}.nav-title{color:#fff;font-size:.85rem;font-weight:600}.nav-placeholder{width:1.6rem}.content{padding:.6rem .4rem}.tip-banner{background:rgba(255,165,0,.1);border:.05rem solid rgba(255,165,0,.3);border-radius:.5rem;margin-bottom:.6rem;padding:.5rem .6rem}.tip-text{color:orange;font-size:.6rem;line-height:1.5}.form-card{background:#1c1c1e;border:.05rem solid rgba(0,206,209,.2);border-radius:.8rem;padding:.8rem}.form-item{margin-bottom:.8rem}.form-item:last-of-type{margin-bottom:1.2rem}.form-label{color:hsla(0,0%,100%,.8);display:block;font-size:.7rem;margin-bottom:.4rem}.form-input-wrap{background:#1f2937;border:.05rem solid hsla(0,0%,100%,.1);border-radius:.6rem;padding:.4rem .6rem}.form-input-inner{background:transparent;color:#fff;font-size:.7rem;width:100%}.input-placeholder{color:hsla(0,0%,100%,.25)}.btn-primary{background:-webkit-linear-gradient(315deg,#00ced1,#20b2aa);background:linear-gradient(135deg,#00ced1,#20b2aa);border-radius:.7rem;color:#000;font-size:.8rem;font-weight:600;padding:.8rem;text-align:center}.btn-disabled{opacity:.5} |