xujie-internal-java/target/classes/static/css/base.css

/* 设置左侧侧边栏的高度 */
#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;
}