/*导航栏样式*/ .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; } /*表单样式*/ .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 { 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: #FFF68F; } .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-molv .layui-layer-btn a:hover, .layui-layer-lan .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; } /*自定义颜色*/ .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; }