You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
321 lines
5.9 KiB
321 lines
5.9 KiB
/* 设置左侧侧边栏的高度 */
|
|
#main-nav{
|
|
width: 100%;
|
|
overflow-y:auto;
|
|
overflow-x: hidden;
|
|
height: calc(100vh - 55px);
|
|
background: #FFFFFF;
|
|
}
|
|
/* 设置一级菜单的宽度 */
|
|
.navbar-left > li + li {
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
/* 设置一级菜单的宽度 */
|
|
.navbar-left > li.first-li {
|
|
width: 100%;
|
|
margin-bottom: 3px;
|
|
position: relative;
|
|
display: block;
|
|
float: left;
|
|
background: #3c763d;
|
|
}
|
|
/* 设置一级菜单的左右边距 */
|
|
.navbar-left > li > a {
|
|
color: #FFF;
|
|
padding: 10px 15px;
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
background-color: transparent;
|
|
/*border: 1px solid #D5D5D5; */
|
|
border-radius: 4px;
|
|
}
|
|
/* 去掉下划线 */
|
|
.none-underline {
|
|
border-bottom: 0px !important;
|
|
}
|
|
|
|
.none-topline{
|
|
border-bottom: 0px!important;
|
|
}
|
|
/* 设置一级ul的样式 */
|
|
.navbar-left > li > ul.custom-style{
|
|
position: relative;
|
|
}
|
|
/* 设置一级菜单向下按钮样式 */
|
|
.navbar-left > li.first-li > a >span.glyphicon-chevron-toggle:before {
|
|
content: "\e114";
|
|
}
|
|
/* 设置一级菜单向上按钮样式 */
|
|
.navbar-left > li > a.active >span.glyphicon-chevron-toggle:before {
|
|
content: "\e113";
|
|
}
|
|
/* 一级菜单激活和悬浮事件 */
|
|
.navbar-left > li.first-li > a.active , .navbar-left > li.first-li > a:hover {
|
|
color: #FFF;
|
|
background: -webkit-linear-gradient(top,#3c763d 0%, #3c763d 100%);
|
|
border-color:#3c763d;;
|
|
}
|
|
/* 设置二级菜单的宽度 */
|
|
li.second-li {
|
|
width: 100%;
|
|
float: none;
|
|
display: block;
|
|
margin-right: 20px;
|
|
}
|
|
/* 设置二级菜单的字体 */
|
|
li.second-li > a{
|
|
color: #FFF;
|
|
font-size: 12px;
|
|
padding-left: 20px;
|
|
padding-top: 10px;
|
|
padding-right: 20px;
|
|
padding-bottom: 6px;
|
|
color: #e1eaf1;
|
|
background: #b2dba1;
|
|
}
|
|
/* 设置二级菜单的激活和悬浮式样式 */
|
|
li.second-li > a.active,
|
|
li.second-li > a:hover{
|
|
color: #FFF;
|
|
background: -webkit-linear-gradient(top, #b2dba1 0%,#b2dba1 100%);
|
|
border-color: #b2dba1;
|
|
}
|
|
|
|
.navbar-right > li{
|
|
width: 200px;
|
|
}
|
|
|
|
/* 图标的颜色设置 */
|
|
img.img-logo {
|
|
margin-left: -15px;
|
|
margin-top: -15px;
|
|
height:65px;
|
|
margin-bottom: -5px;
|
|
background-color: #21212100;
|
|
}
|
|
/* 搜索框占用的div */
|
|
div.search-div{
|
|
width: 160px;
|
|
height: 25px;
|
|
background-color: lightgray;
|
|
}
|
|
|
|
/* 搜索input的样式 */
|
|
input.search-menu {
|
|
position: absolute;
|
|
z-index: 9;
|
|
margin-left: 0px;
|
|
width: 150px;
|
|
height: 24px;
|
|
background-color: lightgray;
|
|
border: none;
|
|
/*border-radius: 4px;*/
|
|
outline: none;
|
|
}
|
|
|
|
/* 搜索图标的样式 */
|
|
i.search-img{
|
|
position: absolute;
|
|
z-index: 9;
|
|
display: inline-block;
|
|
left: 125px;
|
|
top: 55px;
|
|
height: 20px;
|
|
width: 20px;
|
|
background-image: url(/img/search.png);
|
|
background-size: 20px 20px;/*小图标的大小*/
|
|
background-repeat: no-repeat;/*背景小图标*/
|
|
}
|
|
|
|
.collapsed.glyphicon-chevron-toggle, .glyphicon-chevron-toggle:before {
|
|
content: "\e113";
|
|
}
|
|
|
|
.collapsed.glyphicon-chevron-toggle:before {
|
|
content: "\e114";
|
|
}
|
|
|
|
/*展示区域的数据样式*/
|
|
.main-show{
|
|
background-color: #fff;
|
|
position: absolute;
|
|
margin-left: 160px;
|
|
overflow-y: auto;
|
|
left: 2x;
|
|
width: calc(100vw - 165px)!important;
|
|
/* top: 80px;距离顶部的距离 */
|
|
height: calc(100vh - 55px);
|
|
|
|
}
|
|
/* 右边的侧边栏 */
|
|
.navbar-right{
|
|
position: absolute;
|
|
left: calc(100vw - 160px);
|
|
top: 0px;
|
|
height: 26px;
|
|
z-index: 9999;
|
|
}
|
|
/* 欢迎语句的样式 */
|
|
.navbar-right > li.right-huan-ying{
|
|
width: 140px;
|
|
margin-left: -35px;
|
|
height: 26px;
|
|
}
|
|
|
|
.navbar-right > li.log-out{
|
|
width: 60px;
|
|
height: 26px;
|
|
margin-left: -10px;
|
|
}
|
|
.navbar-right > li > a{
|
|
color: #FFF;
|
|
height: 39px;
|
|
}
|
|
|
|
/* 页签的样式 */
|
|
ul#main-tabs{
|
|
height: 30px;
|
|
}
|
|
/* 各个页签之间的间距控制 */
|
|
ul#main-tabs > li{
|
|
padding-right: 1px;
|
|
margin-left: 1px;
|
|
height: 29px;
|
|
font-size: 12px;
|
|
background-color: #b2dba1;
|
|
}
|
|
/* 设置字体的样式 */
|
|
ul#main-tabs > li > a{
|
|
height: 30px;
|
|
padding: 6px 5px;
|
|
font-size: 12px;
|
|
color: #fff;
|
|
border: 0px;
|
|
background-color: #b2dba1;
|
|
}
|
|
/*激活状态的页签背景颜色*/
|
|
ul#main-tabs > li.active > a{
|
|
color: #FFF;
|
|
font-size: 12px;
|
|
background: #b2dba1;
|
|
}
|
|
|
|
/* 页签第一个li的样式 */
|
|
ul#main-tabs > li:nth-child(1){
|
|
margin-left: -5px;
|
|
width: 50px;
|
|
font-size: 12px;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
/* iframe样式控制 */
|
|
.tab-content > div{
|
|
display: none;
|
|
}
|
|
/* 显示激活的div */
|
|
.tab-content > div.active{
|
|
display: block;
|
|
}
|
|
|
|
|
|
/* 关闭按钮的样式 */
|
|
.fa-times{
|
|
margin-left: 15px;
|
|
margin-right: 3px !important;
|
|
font-size: 12px;
|
|
}
|
|
|
|
/* 设置统一的样式标签 */
|
|
ul.nav.nav-tabs{
|
|
background-color: #b2dba1;
|
|
}
|
|
|
|
/*设置bootstrap边线*/
|
|
.panel-header, .panel-body {
|
|
border-width: 0px;
|
|
padding: 0px;
|
|
border-style: hidden;
|
|
}
|
|
/* table边框字体大小 */
|
|
table tr td .btn{
|
|
font-size: 12px;
|
|
height: 20px;
|
|
padding-top: 2px;
|
|
}
|
|
/* 设置table的header字体*/
|
|
.fixed-table-container thead th .th-inner{
|
|
padding-top: 0px!important;
|
|
padding-bottom: 0px!important;
|
|
font-size: 12px;
|
|
}
|
|
|
|
/*table行间距*/
|
|
.bootstrap-table .table:not(.table-condensed)> tbody > tr > td{
|
|
padding-top: 2px;
|
|
padding-bottom: 2px;
|
|
padding-left: 2px;
|
|
padding-right: 2px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
/* 搜索框的字体 */
|
|
.panel-heading > span{
|
|
font-size: 12px;
|
|
}
|
|
/* 图标菜单间距 */
|
|
.glyphicon{
|
|
margin-right: 5px;
|
|
}
|
|
body {
|
|
font-family: 'Microsoft Yahei', '微软雅黑', '宋体', \5b8b\4f53, Tahoma, Arial, Helvetica, STHeiti;
|
|
margin: 0;
|
|
}
|
|
.panel-heading{
|
|
background: -webkit-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%);
|
|
}
|
|
/* 设置checkbox的pading */
|
|
.th-inner{
|
|
padding: 3px 0px !important;
|
|
}
|
|
/* 设置所有的内部宽度 */
|
|
th.bs-checkbox td.bs-checkbox> .th-inner{
|
|
width: 30px;
|
|
}
|
|
/* 设置宽度 */
|
|
.th-inner > label{
|
|
height: 20px;
|
|
}
|
|
|
|
/* bootstrap模态框样式 */
|
|
/*设置模态框的样式行*/
|
|
.col-sm-x{
|
|
width: 150px!important;
|
|
font-size: 12px;
|
|
}
|
|
.col-sm-t{
|
|
width: 80px!important;
|
|
margin-left: 5px;
|
|
padding: 0px;
|
|
font-size: 12px;
|
|
}
|
|
.col-sm-3{
|
|
padding-right: 0px;
|
|
}
|
|
/* 标签字体 */
|
|
.title-span{
|
|
font-size: 12px;
|
|
margin-left: 5px;
|
|
}
|
|
span.huan-ying{
|
|
font-size: 14px;
|
|
color: #00a2d4;
|
|
}
|
|
|
|
/*重置标签的样式*/
|
|
.panel{
|
|
border: 0px solid transparent;
|
|
}
|
|
.nav-tabs {
|
|
border-bottom: 0px solid #ddd;
|
|
}
|