mainCustom.css
2.41 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
/*以下为自定义样式*/
/*一级菜单字体大小*/
.layui-nav-item a cite {
font-size: 15px;
}
/*二级菜单字体大小*/
.layui-nav-child a cite {
font-size: 14px;
}
/*顶部LOGO样式*/
.logo {
text-align: left;
/*width: 1000px;*/
line-height: 40px;
}
/*顶部右侧菜单样式*/
.layui-header .layui-nav .layui-nav-item > a {
font-size: 18px;
color: #489C9C;
line-height: 40px;
}
/*主体内容占位信息*/
.layui-layout-admin .layui-body {
top: 40px;
bottom: 0px;
}
/*顶部右侧菜单的小箭头样式*/
.top_menu.layui-nav .layui-nav-more {
border-color: #489C9C transparent transparent !important;
}
/*顶部右侧菜单的小箭头选中后样式*/
.top_menu.layui-nav .layui-nav-mored {
border-color: transparent transparent #489C9C !important;
}
/*左侧菜单宽度*/
.layui-layout-admin .layui-side, .layui-nav-tree {
width: 220px;
}
/*左侧菜单顶部*/
.layui-layout-admin .layui-side {
top: 40px;
}
.showMenu.layui-layout-admin .layui-side {
left: -220px;
}
.layui-body {
left: 220px;
border-top: 2px solid #1AA094;
border-left: none;
}
@media screen and (max-width:750px) {
.layui-side[pc], .logo label[pc] {
display: none !important;
width: 0px;
}
}
/*顶部条的背景色*/
.layui-layout-admin .layui-header {
background-color: rgb(242,242,242) !important;
height: 40px;
}
/*设置下拉菜单的背景色*/
.layui-nav.top_menu .layui-nav-item dl a {
background-color: white;
}
/*菜单容器背景色*/
.layui-layout-admin .layui-side {
background-color: rgb(49,74,76) !important;
}
/*一级菜单背景色*/
.layui-layout-admin .layui-side .layui-nav-tree {
background-color: rgb(49,74,76) !important;
}
/*一级菜单滑动背景色*/
.layui-layout-admin .layui-side .layui-nav-tree .layui-nav-item a:hover {
background-color: rgb(89,89,89) !important;
}
/*二级菜单背景色*/
.layui-layout-admin .layui-side .layui-nav-tree .layui-nav-item .layui-nav-child dd {
background-color: rgb(32,48,51) !important;
}
/*二级菜单滑动背景色*/
.layui-layout-admin .layui-side .layui-nav-tree .layui-nav-item .layui-nav-child dd:hover {
background-color: rgb(63,96,101) !important;
}
/*二级菜单选中背景色*/
.layui-layout-admin .layui-side .layui-nav-tree .layui-nav-item .layui-nav-child dd.layui-this {
background-color: rgb(72,156,156);
}