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