@fmdevui/fm-dev/theme-chalk/t-t-lockscreen.css

Page level components developed based on Element Plus.

.layout-lock-screen,.layout-lock-screen-fixed,.layout-lock-screen-img,.layout-lock-screen-mask{height:100%;left:0;position:fixed;top:0;width:100%}.layout-lock-screen-filter{filter:blur(1px)}.layout-lock-screen-mask{background:var(--el-color-white);z-index:9999990}.layout-lock-screen-img{background-image:url(../assets/lockscreen.img);background-size:100% 100%;z-index:9999991}.layout-lock-screen{z-index:9999992}.layout-lock-screen-date{color:var(--el-color-white);height:100%;left:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:9999993}.layout-lock-screen-date-box{bottom:50px;left:30px;position:absolute}.layout-lock-screen-date-box-time{color:var(--el-color-white);font-size:100px}.layout-lock-screen-date-box-info{color:var(--el-color-white);font-size:40px}.layout-lock-screen-date-box-minutes{font-size:16px}.layout-lock-screen-date-top{background:hsla(0,0%,100%,.1);border:1px solid var(--el-border-color-light,#ebeef5);border-radius:100%;bottom:50px;color:var(--el-color-white);height:40px;line-height:40px;opacity:.8;overflow:hidden;position:absolute;right:30px;text-align:center;transition:all .3s ease;width:40px}.layout-lock-screen-date-top i{transition:all .3s ease}.layout-lock-screen-date-top-text{color:var(--el-color-white);font-size:12px;left:50%;line-height:1.2;opacity:0;position:absolute;top:150%;transform:translate(-50%,-50%);transition:all .3s ease;width:35px}.layout-lock-screen-date-top:hover{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.5);box-shadow:0 0 12px 0 hsla(0,0%,100%,.5);color:var(--el-color-white);opacity:1;transition:all .3s ease}.layout-lock-screen-date-top:hover i{transform:translateY(-40px);transition:all .3s ease}.layout-lock-screen-date-top:hover .layout-lock-screen-date-top-text{opacity:1;top:50%;transition:all .3s ease}.layout-lock-screen-login{color:var(--el-color-white);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:relative;top:0;width:100%;z-index:9999994}.layout-lock-screen-login-box{margin:auto;text-align:center}.layout-lock-screen-login-box-img{height:180px;margin:auto;width:180px}.layout-lock-screen-login-box-img img{border-radius:100%;height:100%;width:100%}.layout-lock-screen-login-box-name{font-size:26px;margin:15px 0 30px}.layout-lock-screen-login-box-message{align-items:center;display:flex;flex-direction:column;font-size:16px}.layout-lock-screen-login-box-value{min-height:73px}.layout-lock-screen-login-icon{bottom:30px;position:absolute;right:30px}.layout-lock-screen-login-icon i{cursor:pointer;font-size:20px;margin-left:15px;opacity:.8}.layout-lock-screen-login-icon i:hover{opacity:1}