|
|
|
|
@font-face {
|
|
|
|
|
font-family: 'PingFang SC';
|
|
|
|
|
src: url(../font/PingFang.svg);
|
|
|
|
|
src: local('PingFang SC'), url('../font/PingFang SC.woff') format('woff'), url('../font/PingFang SC.ttf') format('truetype'), url('../font/PingFang SC.svg') format('svg');
|
|
|
|
|
}
|
|
|
|
|
body {
|
|
|
|
|
font-family: "PingFang SC";
|
|
|
|
|
}
|
|
|
|
|
/*白色背景*/
|
|
|
|
|
.gray-bg {
|
|
|
|
|
background: #FFF !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/*退出按钮*/
|
|
|
|
|
.fa-power-off {
|
|
|
|
|
margin-right: 3px;
|
|
|
|
|
}
|
|
|
|
|
/*关闭操作*/
|
|
|
|
|
.caret {
|
|
|
|
|
margin-left: 3px;
|
|
|
|
|
}
|
|
|
|
|
/*左侧导航*/
|
|
|
|
|
body.mini-navbar .nav-header {
|
|
|
|
|
background: none;
|
|
|
|
|
}
|
|
|
|
|
.nav-header {
|
|
|
|
|
background: #474e5d;
|
|
|
|
|
border-bottom: 1px solid #3e4451 !important;
|
|
|
|
|
}
|
|
|
|
|
.nav-header li a {
|
|
|
|
|
border-bottom: none !important;
|
|
|
|
|
}
|
|
|
|
|
.navbar-default {
|
|
|
|
|
background: #474e5d;
|
|
|
|
|
}
|
|
|
|
|
.nav.navbar-right > li > a{
|
|
|
|
|
font-weight:normal;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.slimScrollDiv .nav li {
|
|
|
|
|
border-bottom: 1px solid #545d72;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.slimScrollDiv .nav li a {
|
|
|
|
|
color: #b3b5ba;
|
|
|
|
|
border-bottom: 1px solid #3e4451;
|
|
|
|
|
font-weight:normal;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.slimScrollDiv .nav li a:hover, .slimScrollDiv .nav li a:visited, .slimScrollDiv .nav li a:active, .navbar-default .nav > li > a:focus {
|
|
|
|
|
background: #3e4451;
|
|
|
|
|
border-bottom: 1px solid #3e4451;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.slimScrollDiv .nav li:nth-child(2) {
|
|
|
|
|
border-top: 1px solid #545d72;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/*右侧选项卡*/
|
|
|
|
|
.content-tabs {
|
|
|
|
|
border-bottom: 2px solid #474e5d;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.page-tabs a.active {
|
|
|
|
|
background: #474e5d;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.page-tabs a.active:hover, .page-tabs a.active:visited {
|
|
|
|
|
background: #3e4451 !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.page-tabs a.active:hover,
|
|
|
|
|
.page-tabs a.active i:hover {
|
|
|
|
|
background: #3e4451;
|
|
|
|
|
color: #fff;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/*右侧选项卡背景*/
|
|
|
|
|
.navbar-fixed-top, .navbar-static-top {
|
|
|
|
|
background: #FFF !important;
|
|
|
|
|
}
|
|
|
|
|
.content-tabs {
|
|
|
|
|
background: #FFF !important;
|
|
|
|
|
}
|
|
|
|
|
.nav.navbar-top-links li:hover a {
|
|
|
|
|
background: none !important;
|
|
|
|
|
}
|
|
|
|
|
.nav.navbar-top-links li a{
|
|
|
|
|
cursor:default;
|
|
|
|
|
}
|
|
|
|
|
/*折叠左侧导航按钮*/
|
|
|
|
|
.btn-primary {
|
|
|
|
|
background: #f8ac59;
|
|
|
|
|
border: 1px solid #f8ac59;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.btn-primary:hover {
|
|
|
|
|
background: #fe9901;
|
|
|
|
|
border: 1px solid #fe9901;
|
|
|
|
|
}
|
|
|
|
|
.btn-primary:hover,
|
|
|
|
|
.btn-primary:focus,
|
|
|
|
|
.btn-primary:active,
|
|
|
|
|
.btn-primary.active {
|
|
|
|
|
background-color: #fe9901 !important;
|
|
|
|
|
border-color: #fe9901 !important;
|
|
|
|
|
color: #FFF;
|
|
|
|
|
box-shadow:none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*右侧选项卡去除灰色线*/
|
|
|
|
|
.content-tabs .roll-left {
|
|
|
|
|
border-right: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.page-tabs a {
|
|
|
|
|
border-right: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.content-tabs .roll-right {
|
|
|
|
|
border-left: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.border-bottom {
|
|
|
|
|
border-bottom: none !important;
|
|
|
|
|
}
|
|
|
|
|
/*左侧头像和用户名*/
|
|
|
|
|
.m-t-xs {
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.text-muted {
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
}
|
|
|
|
|
.nav-header .text-muted {
|
|
|
|
|
color: #b3b5ba;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/*安全退出*/
|
|
|
|
|
.dropdown-menu li{
|
|
|
|
|
border:none !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/*首页小图标*/
|
|
|
|
|
.fa-home{
|
|
|
|
|
margin-right:5px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/*右侧用户小图标*/
|
|
|
|
|
.hidden-xs .fa-user {
|
|
|
|
|
color: #999;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.user-m{
|
|
|
|
|
margin-top: 20px;
|
|
|
|
|
}
|
|
|
|
|
.sign-out {
|
|
|
|
|
background: #FFF;
|
|
|
|
|
box-shadow: 0 2px 3px rgba(255,255,255,.1);
|
|
|
|
|
border-radius:3px;
|
|
|
|
|
}
|
|
|
|
|
.sign-out li a{
|
|
|
|
|
font-size:14px;
|
|
|
|
|
}
|
|
|
|
|
.sign-out li:hover a {
|
|
|
|
|
background: #f4f4f4 !important;
|
|
|
|
|
color: #999;
|
|
|
|
|
}
|
|
|
|
|
.J_tabShowActive, .J_tabCloseAll, .J_tabCloseOther {
|
|
|
|
|
font-size: 13px;
|
|
|
|
|
}
|
|
|
|
|
|