2 lines
3.1 KiB
CSS
2 lines
3.1 KiB
CSS
.container[data-v-87959111],.container .inner[data-v-87959111]{height:100%}.mod-calculator[data-v-87959111]{height:100%;background:#333}.mod-calculator .row[data-v-87959111]{height:100%;flex:1;display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;box-sizing:border-box}.mod-calculator .row2[data-v-87959111]{flex:2}.mod-calculator .col[data-v-87959111]{width:100%;flex:1;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;box-sizing:border-box}.mod-calculator span[data-v-87959111]{vertical-align:middle}.mod-calculator .screen[data-v-87959111]{width:100%;height:40%;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch}.mod-calculator .screen .tip[data-v-87959111]{width:100%;padding:0 .15rem;height:.3rem;line-height:.3rem;color:#bbb;box-sizing:border-box}.mod-calculator .screen .input[data-v-87959111],.output[data-v-87959111]{width:100%;padding:0 .15rem .15rem .1rem;text-align:right;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.mod-calculator .screen .input[data-v-87959111]{flex:2;font-size:.16rem;color:#bbb}.mod-calculator .screen .output[data-v-87959111]{flex:3;font-size:.21rem;color:#fff}.mod-calculator .screen .setting[data-v-87959111]{width:100%;padding:0 .15rem;height:.4rem;background:rgba(0,0,0,.15);line-height:.4rem;font-size:.16rem;color:rgba(255,255,255,.9);box-sizing:border-box}.mod-calculator .screen input[type=checkbox][data-v-87959111]{display:none}.mod-calculator .screen .checkbox[data-v-87959111]{margin:0 .07rem;position:relative;display:inline-block;width:.4rem;height:.2rem;background:rgba(255,255,255,.15);line-height:.2rem;vertical-align:middle;text-align:center;border-radius:.1rem}.mod-calculator .screen .switch[data-v-87959111]{position:absolute;left:0;width:.2rem;height:.2rem;content:"";background:rgba(255,255,255,.72);border-radius:.1rem}.mod-calculator .screen input:checked+.checkbox .switch[data-v-87959111]{left:auto;right:0}.mod-calculator .screen .copyright[data-v-87959111]{float:right;font-size:.14rem;color:#484848}.mod-calculator .panel[data-v-87959111]{width:100%;height:60%;font-size:.16rem}.mod-calculator .panel button[data-v-87959111],.mod-calculator .panel a[data-v-87959111]{position:relative;background:transparent;border:none;border-left:.01rem solid #444;border-top:.01rem solid #444;font-family:Arial,Helvetica,Microsoft Yahei;font-size:.18rem;color:rgba(255,255,255,.9);flex:1;display:flex;align-items:center;justify-content:center;text-align:center;vertical-align:middle;border-radius:.02rem}.mod-calculator .panel button[data-v-87959111]:active,.mod-calculator .panel a[data-v-87959111]:active{background-color:rgba(0,0,0,.1);color:rgba(255,255,255,.8)}.mod-calculator .panel button[disabled][data-v-87959111]{background:transparent;color:rgba(255,255,255,.3)}.mod-calculator .panel .btn-first[data-v-87959111]{border-left:none}.mod-calculator .panel .btn-equal[data-v-87959111]{background:#e7763e}.mod-calculator .panel .btn-equal[data-v-87959111]:hover{background:#e66747}.mod-calculator .panel .btn-active[data-v-87959111]{background-color:rgba(0,0,0,.2);color:rgba(255,255,255,.7)}
|