管理系统的css样式,平台管理css样式
2018-6-9改版
路劲D:\ireport365\ireport365.war\admin\js\index.css
~~~
/* 谷建文2018-6-9 */
.vrd-page-header{
position: fixed;
top: 0;
height: 64px;
z-index: 100;
width: 100%;
background-color: #363b3f;
color: white;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
}
.home-menu {
position: fixed;
top: 64px;
bottom: 0;
left: 0;
width: 180px;
background-color: #f9fafc;
margin: 0;
padding: 0;
list-style: outside none none;
overflow-x: hidden;
overflow-y: auto;
border-right:1px solid #ddd;
}
.menu-content {
position: fixed;
background-color: #fff !important;
overflow-x: auto;
top: 64px;
left: 180px;
bottom: 0;
right: 0;
margin: 0 auto;
z-index: 4;
-webkit-transition: all linear .25s;
-moz-transition: all linear .25s;
-ms-transition: all linear .25s;
-o-transition: all linear .25s;
transition: all linear .25s;
}
.vrd-page-header .user-info {
float: right;
text-align: center;
height: 38px;
line-height: 38px;
margin-right: 20px;
cursor: pointer;
margin-top: 15px;
}
.vrd-page-header .logo {
margin-top: 15px;
float: left;
width: 160px;
}
.home-menu .item {
cursor: pointer;
display: block;
border-bottom: 1px solid #ddd;
width: 100%;
height: 36px;
line-height: 34px;
overflow: hidden;
}
.home-menu .divider {
display: block;
border-bottom: 1px solid #ddd;
width: 100%;
height: 40px;
line-height: 40px;
overflow: hidden;
}
.home-menu .divider span {
display: block;
padding-left: 10px;
text-align: left;
color: #333;
font-size: 16px;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
}
.home-menu .item a {
padding-left: 32px;
width: 100%;
color: #333;
}
.home-menu .item.selected a {
color: #fff !important;
}
.home-menu .item:hover a{
color: #fff !important;
}
.home-menu .item:hover{
background-color:#2990ea;
}
li{
list-style: none;
}
/*end*/
~~~
改后效果图
