/*导航栏样式*/ .breadcrumb { background-color: #212122; color: #9A9791; font-size: .8em; border-radius: 0; } .breadcrumb > li > a { color: #FAF9F8; text-decoration: none; } .breadcrumb > li + li::before { color: #EEE; content: "/ "; padding: 0 5px; } /*正文样式*/ .container { max-width: none; } /*表格样式*/ .bootstrap-table .table { text-align: center; font-size: .8rem; } .bootstrap-table .table-fixed { table-layout: fixed; } .bootstrap-table .table td, .bootstrap-table .table th { width: 120px; } .bootstrap-table .table .card-views { text-align: initial; } .bootstrap-table .fixed-table-loading { padding-top: 5rem; } .fixed-table-header .table div.th-inner { text-align: center; vertical-align: middle; height: 39px; overflow: hidden; moz-user-select: -moz-none; -moz-user-select: none; -o-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } /*分页样式*/ .bootstrap-table .fixed-table-pagination { font-size: .8rem; font-weight: bold; } .bootstrap-table .page-list .dropdown-toggle { padding: .1rem .75rem; font-size: .8rem; vertical-align: text-bottom; } .fixed-table-pagination .pagination a { color: #0468A1; } .fixed-table-pagination .pagination li.active a { background: #0468A1; border: #0468A1; } .fixed-table-pagination .dropdown-item.active, .dropdown-item.hover { background: #0468A1; } /*表单样式*/ .custom-file-label::after { content: "请选择..."; } .custom-file-preview { text-align: right; margin-top: .25rem; width: 100%; } .form-group { margin-bottom: .6rem; } .form-group .input-group-text { font-size: .8rem; } .file-caption.icon-visible .file-caption-name { line-height: 1.5rem; } /*select2 样式*/ .select2-container--open .select2-dropdown { z-index: 999999999; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #494F52; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-style: none; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid #ccc 1px; outline: 0; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #0468A1; color: white } .select2-container--classic .select2-selection--single:focus { border: 1px solid #0468A1; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #0468A1; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #0468A1; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #0468A1; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #0468A1; } .select2-container { width: 1% !important; flex: 1 1 auto; } /*自定义验证样式*/ div.valid-error { width: 100%; margin-top: .25rem; font-size: 80%; color: #dc3545; display: block; text-align: right; } .form-control.required, .custom-select.required, .custom-file-input.required, .select2.required + .select2 .select2-selection { background-color: #fff; } .form-control.valid-error, .custom-select.valid-error, .custom-file-input.valid-error, .custom-select.valid-error + .select2 .select2-selection { border-color: #dc3545; } .form-control.valid:focus, .custom-select.valid:focus, .custom-file-input.valid:focus, .custom-select.valid + .select2 .select2-selection:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40,167,69,.25); } .form-control.valid-error:focus, .custom-select.valid-error:focus, .custom-file-input.valid-error:focus, .custom-select.valid-error + .select2 .select2-selection:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220,53,69,.25); } /*弹窗样式*/ .layui-layer, .layui-layer .form-control { font-size: .8rem; } .layui-layer .layui-layer-content .container { padding-top: 15px; } .layui-layer-molv .layui-layer-btn a { color: #fff !important; border-color: transparent !important; } .layui-layer-lan .layui-layer-btn a { color: #fff !important; background: #4476A7 !important; border-color: transparent !important; } .layui-layer-lan .layui-layer-btn a:last-child { background: #79AAC9 !important; } .layui-layer-haze .layui-layer-title { background: #0468A1; color: #fff; border: none; } .layui-layer-haze .layui-layer-btn a { color: #fff !important; background: #02283D !important; border-color: transparent !important; } .layui-layer-haze .layui-layer-btn a:last-child { background: #0468A1 !important; } .layui-layer-molv .layui-layer-btn a:hover, .layui-layer-lan .layui-layer-btn a:hover, .layui-layer-haze .layui-layer-btn a:hover { color: #FAF9F8; } /*页脚样式*/ footer { position: fixed; bottom: 0; font-size: .1rem; text-indent: 2rem; color: #555; background-color: #eee; width: 100%; } /*日期控件样式*/ .datetimepicker { font-size: .87rem; } .datetimepicker .table-condensed th, .datetimepicker .table-condensed td { padding: 2px 4px; } /*bootstrap-menu 右键菜单样式*/ .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { color: #262626; text-decoration: none; background-color: #f5f5f5; } .divider { height: 0; margin: .5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } /*其他样式*/ .col-point { cursor: pointer; } .col-ntallow { cursor: not-allowed; } .no-l-padding { padding-left: 0; } .no-r-padding { padding-right: 0; } /*自定义颜色*/ .hazeBlue { background-color: #0468A1; border-color: #02283D; } .hazeBlue:hover { background-color: #055481; border-color: #02283D; } .molv { background-color: #009f95; border-color: #009f95; } .molv:hover { background-color: #00688B; border-color: #009f95; } .molan { background-color: #4476A7; border-color: #4476A7; } .molan:hover { background-color: #104E8B; border-color: #009f95; } .tooltip.show { z-index: 99999999; } /*定义滚动条宽高及背景,宽高分别对应横竖滚动条的尺寸*/ .fixed-table-body::-webkit-scrollbar { width: 9px; height: 9px; background-color: #f5f5f5; } /*定义滚动条的轨道,内阴影及圆角*/ .fixed-table-body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); border-radius: 10px; background-color: #f5f5f5; } /*定义滑块,内阴影及圆角*/ .fixed-table-body::-webkit-scrollbar-thumb { /*width: 10px;*/ height: 20px; border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #555; } .panel { width: 99%; position: relative; float: left; padding: 10px 0px; border-top: 2px solid #0468A1; } .panel-search { width: 99%; position: relative; float: left; padding: 5px 0px; border: none !important; } .inpanel { width: 100%; position: relative; float: left; padding: 5px 0px; border-top: 0px solid #0468A1; } /* Search box */ .search-box { position: relative; } .search-box .btn-search { position: absolute; top: 3px; right: 3px; background-color: transparent !important; border: none !important; font-size: 16px; box-shadow: none !important; outline: none !important; color: #98a6ad; } .search-box .form-control { border: 2px solid rgba(152, 166, 173, 0.5); height: 38px; border-radius: 30px; padding: 8px 45px 8px 20px; } .search-box .form-control:focus { border-width: 2px !important; } /*tabs页面*/ .nav-tabs { background: #FFFFFF; padding: 1px 0px; border-bottom: 2px #0468A1 solid; } .tab-content { border-top: 5px ; } .nav-tabs li a{ /*line-height:2;*/ border:1px #ddd solid; margin-right: -1px; color: #999; border-radius: 2px; width: 125px; } .nav-tabs li a .glyphicon-remove-sign:hover{ color:red; cursor: pointer; } .nav-tabs li a i:first-child{ margin-right: 3px; } .nav-tabs .active a { border-top: solid 2px #0468A1 !important; background: #0468A1 !important; color: #fff !important; } .nav>li>a { position: relative; display: block; padding: 5px 10px; }