Elight.WebUI/wwwroot/Content/framework/css/login.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

html, body {
    height: 100%;
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background-color: rgba(53,51,51,0.5);
}

    html, body:before {
        background: url(/Content/framework/images/login.jpg);
        background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
    }

.layui-form-checked[lay-skin=primary] i {
    border-color: #34A8FF;
    background-color: #34A8FF;
}

.elight-login-box {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 450px;
    padding-top: 120px;
    height: inherit;
    background-color: #fff;
    /*background-color: rgb(255 255 255 / 70%);*/
    color: aliceblue;
    box-shadow: 0px 0px 5px rgba(53,51,51,0.5);
}

@media screen and (max-width: 768px) {
    .elight-login-box {
        width: 100%;
        padding-top: 20%;
        height: inherit;
        background-color: #fff;
        color: aliceblue;
        box-shadow: 0px 0px 5px rgba(53,51,51,0.5);
    }

    .elight-pull-right {
        float: left !important;
        width: 100%;
        height: 100%;
    }
}

.elight-login-box .elight-login-header {
    font-family: Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans";
    color: #334054;
    font-weight: bold;
    font-size: 22px;
    text-align: center;
    width: 100%;
}