public/static/css/admin/public.css

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

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

/**
 * 人人站CMS
 * ============================================================================
 * 版权所有 2015-2030 山东康程信息科技有限公司，并保留所有权利。
 * 网站地址: http://www.rrzcms.com
 * ----------------------------------------------------------------------------
 * 如果商业用途务必到官方购买正版授权, 以免引起不必要的法律纠纷.
 * ============================================================================
 */

a.hover:hover, a.active:active {
    color: #3B8CFF;
}

.layui-input.layui-input-sm { height: 30px; }

form.layui-form table td { padding: 8px 5px; }
form.layui-form table th { text-align: right; padding: 8px 0; padding-right: 5px;}
form.layui-form table th em { color: rgb(254, 137, 106); margin-right: 4px;}
em.red {color: rgb(254, 137, 106);margin-right: 4px;}
form.layui-form table td .layui-form-switch { margin-top: 0; }
form.layui-form table[lay-th-vtop] th { vertical-align: top; padding-top: 15px; }
form.layui-form table input, form.layui-form table .layui-form-select, form.layui-form table .layui-textarea { display: inline-block; }

select[lay-ignore] { border: 1px solid #e7e7e7; box-sizing: border-box; -webkit-box-sizing: border-box; }
select[lay-ignore] { position: relative; height: 30px; line-height: 28px; padding: 0 5px; text-align: left; cursor: pointer; }



.imgspace { position: relative; display: inline-block; }
.imgspace[lay-type-input] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.imgspace[lay-type-input] .layui-icon-picture { width: 40px; color: #888; text-align: center; position: absolute; line-height: 38px; }
.imgspace[lay-type-input] input { padding-left: 40px; }

.imgspace[lay-type-img] { min-height: 30px; min-width: 30px; cursor: pointer; background: url(../img/img-bg.png) #fff; line-height: 0; font-size: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
/*.imgspace[lay-type-img]::after { display: block; content: ''; padding-top: 100%; }*/
.imgspace[lay-type-img] img { position: absolute; max-width: 100%; max-height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.close-modal { display: inline-block; position: absolute; z-index: 99; top: -9px; right: -9px; width: 20px; height: 20px; font-size: 16px; line-height: 19px; color: #fff !important; text-align: center; cursor: pointer; background: rgba(153, 153, 153, 0.6); border-radius: 10px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.close-modal:hover { color: #fff !important; background: #000 !important; }

.showMsgBox { height: 72px; margin: 0 auto; box-sizing: border-box; border: solid 1px #e7e7e7; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); background: #fff; display: table; }
.showMsgBox .icon { width: 35px; height: 35px; margin: 18px 10px 0 30px; }
.showMsgBox .success { background: url('../img/icon-success.png') no-repeat; }
.showMsgBox .error, .showMsgBox .no_login { background: url('../img/icon-error.png') no-repeat; }
.showMsgBox .msg { padding-right: 30px; display: table-cell; vertical-align: middle; min-width: 250px; max-width: 400px; }
.showMsgBox .close:hover { background-position: -655px -223px; }
.showMsgBox a { margin-left: 10px; text-decoration: underline; color: #999; }
.showMsgDownUp { animation: showMsgDownUp 1s ease 1; -moz-animation: showMsgDownUp 1s ease 1; -webkit-animation: showMsgDownUp 1s ease 1; -o-animation: showMsgDownUp 1s ease 1; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; }
.showMsgUp { animation: showMsgUp .4s ease 1; -moz-animation: showMsgUp .4s ease 1; -webkit-animation: showMsgUp .4s ease 1; -o-animation: showMsgUp .4s ease 1; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; }
.showMsgDown { animation: showMsgDown .4s ease 1; -moz-animation: showMsgDown .4s ease 1; -webkit-animation: showMsgDown .4s ease 1; -o-animation: showMsgDown .4s ease 1; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; }

@keyframes showMsgDown {
    0% { transform: translateY(-150px); }
    to { transform: translateY(-10px); }
}

@-webkit-keyframes showMsgDown {
    0% { -webkit-transform: translateY(-150px); }
    to { -webkit-transform: translateY(-10px); }