1 Star 0 Fork 15

zero/Layui-admin

forked from laixu/Layui-admin 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
克隆/下载
styles.css 5.97 KB
一键复制 编辑 原始数据 按行查看 历史
一朵浪花 提交于 2018-06-13 15:55 . 优化样式
.layui-layer-page .layui-layer-content {
position: relative;
overflow: visible !important;
}
.layui-nav-itemed .layui-nav-child a{
padding-left: 42px;
}
/*logo*/
.layui-layout-admin .layui-logo {
color: #fff;
color: red;
}
.layui-tab-title li {
min-width: 30px !important;
}
/*头像*/
.layui-nav-img {
border: 1px solid silver;
}
/*三级菜单*/
#third-menu {
padding: 0;
}
#third-menu li {
border-right: 1px solid #eeeeee;
}
/*天气*/
.weather {
padding: 0 20px;
height: 50px;
background: #CCCCCC;
margin-top: -10px;
}
/*搜索菜单*/
.search-menu {
margin-left: 240px;
margin-top: 5px;
display: inline-block;
}
/*右侧菜单*/
#right-menu {
}
/*菜单列表*/
.layui-nav-tree .layui-nav-item a {
margin-left: 6px;
}
.layui-nav-item a i {
margin-right: 10px;
}
/*水平功能*/
.kit-tab .layui-tab-title {
background: red;
width: calc(100% - 0px);
padding-right: 0;
position: absolute;
/*z-index: 2;*/
border-top: 1px solid #f6f6f6;
background: #fff;
border-bottom: 0;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
}
.kit-tab .kit-tab-tool {
z-index: 5;
position: absolute;
width: 40px;
height: 40px;
background-color: #fff;
top: 0;
right: 0px;
border-top: 1px solid #f6f6f6;
line-height: 40px;
text-align: center;
cursor: pointer;
}
.anspray-tool-body {
z-index: 5;
position: absolute;
/*width: 400px;*/
height: 40px;
background-color: #fff;
top: 0;
right: 0px;
border-top: 1px solid #f6f6f6;
line-height: 40px;
text-align: center;
cursor: pointer;
margin-right: 50px;
}
.anspray-tool-body li {
display: inline-block;
width: 50px;
}
.anspray-tool-body li:hover i {
color: #00CCFF;
}
/*锁屏*/
.admin-header-lock {
background: #fff;
width: 320px;
height: 90px;
padding: 10px 20px 20px 20px;
padding: 20px;
position: relative;
top: -120px;
text-align: center;
border-radius: 3px;
}
.admin-header-lock-img {
width: 65px;
height: 65px;
margin: 0 auto;
}
.admin-header-lock-img img {
width: 65px;
height: 65px;
border-radius: 100%;
}
.admin-header-lock-name {
color: #009688;
font-size: 16px;
margin: 15px 0 15px 0;
}
.input_btn {
overflow: hidden;
margin-bottom: 10px;
}
.admin-header-lock-input {
width: 170px;
color: #fff;
background-color: #009688;
float: left;
margin: 0 10px 0 40px;
border: none;
}
.admin-header-lock-input::-webkit-input-placeholder {
color: #fff;
}
.admin-header-lock-input::-moz-placeholder {
color: #fff;
}
.admin-header-lock-input::-ms-input-placeholder {
color: #fff;
}
.admin-header-lock-input:-moz-placeholder {
color: #fff;
}
#unlock {
float: left;
}
#lock-box p {
margin-top: 30px;
color: #e60000;
/*color: #555555;*/
letter-spacing: 1px;
}
/*皮肤扩展*/
#colors {
height: 0 !important;
}
/*服务器时间*/
.digital-clock,
.millisecondClock {
font-size: 16px;
font-family: "黑体";
color: #00CCFF;
margin-right: 20px;
}
.kit-theme .layui-layout-admin .layui-logo {
color: #fff;
background-color: #dd4b39
}
.kit-theme .layui-layout-admin .layui-logo a{
color: #fff;
}
.kit-theme .kit-layout-admin .layui-header {
background-color: #fff;
border-bottom: 2px solid #dd4b39
}
.kit-theme .kit-side,
.kit-theme .kit-side .layui-side-scroll .layui-nav-tree,
.kit-theme .layui-layout-left .layui-nav-item:hover {
background-color: #fff!important
}
.kit-theme .layui-layout-admin .layui-header .layui-nav {
color: #EEE
}
.kit-theme .kit-layout-admin .layui-body {
top: 52px
}
.kit-theme .kit-side {
box-shadow: 0 0 10px 0 #ccc;
top: 52px
}
.kit-theme .kit-side .layui-nav-tree .layui-nav-item {
background-color: #fff;
border-bottom: 1px solid #EEE
}
.kit-theme .kit-side .layui-nav-tree .layui-nav-item a:hover {
background-color: #fff;
color: #EEE
}
.kit-theme .kit-side .layui-nav .layui-nav-item a {
color: #393D49!important
}
.kit-theme .kit-side .layui-nav-tree .layui-nav-child dd.layui-this,
.kit-theme .kit-side .layui-nav-tree .layui-nav-child dd.layui-this a,
.kit-theme .kit-side .layui-nav-tree .layui-nav-child dd.layui-this a:hover,
.kit-theme .kit-side .layui-nav-tree .layui-this,
.kit-theme .kit-side .layui-nav-tree .layui-this>a,
.kit-theme .kit-side .layui-nav-tree .layui-this>a:hover {
color: #dd4b39!important;
background-color: #fff!important
}
.kit-theme .kit-side .layui-nav .layui-nav-itemed .layui-nav-child {
background-color: #f8f8f8!important
}
.kit-theme .kit-side .layui-nav-tree .layui-nav-child dd:first-child {
border-top: 1px solid #EEE
}
.kit-theme .kit-nav li.layui-this {
background-color: #fff!important
}
.kit-theme .kit-nav li.layui-this a {
color: #dd4b39!important
}
.kit-theme .kit-nav .layui-nav-item a {
color: #393D49!important
}
.kit-theme .kit-nav .layui-nav-item a:hover {
color: #dd4b39!important
}
.kit-theme .kit-tab .layui-tab-title li.layui-this,
.kit-theme .kit-table .kit-table-header .kit-search-inputs .kit-search-more,
.kit-theme .layui-table-tool .layui-laypage a:hover {
color: #dd4b39
}
.kit-theme .kit-side .layui-side-scroll .kit-side-fold {
color: #dd4b39;
background-color: #fff;
border-bottom: 1px solid #eee
}
.kit-theme .kit-side .layui-nav-tree .layui-nav-child dd.layui-this {
padding-left: 3px;
background-color: #dd4b39!important
}
.kit-theme .kit-side .layui-nav-tree li.layui-this {
padding-left: 5px;
background-color: #dd4b39!important
}
.kit-theme .kit-side .layui-nav-tree .layui-nav-bar {
background-color: #dd4b39!important
}
.kit-table .kit-table-header .kit-search-inputs .kit-search-keyword button,
.kit-theme .layui-laypage .layui-laypage-curr .layui-laypage-em {
background-color: #dd4b39
}
.kit-theme .layui-nav .layui-nav-more {
border-top-color: #dd4b39
}
.kit-theme .kit-nav .layui-nav-itemed .layui-nav-more,
.kit-theme .kit-nav .layui-nav-mored,
.kit-theme .kit-side .layui-nav-itemed .layui-nav-more,
.kit-theme .kit-side .layui-nav-mored {
border-color: transparent transparent #dd4b39
}
/*按钮颜色*/
.kit-theme .layui-layer-btn .layui-layer-btn0 {
border-color: #dedede !important;
background-color: #fff !important;
color: #333;
}
[v-cloak] {
display: none;
}
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/zhuxlu/Layui-admin.git
git@gitee.com:zhuxlu/Layui-admin.git
zhuxlu
Layui-admin
Layui-admin
master

搜索帮助