/*! * huaheng.css * Author: huaheng */ /** 用户管理 样式布局 */ .box { position: relative; border-radius: 3px; background: #ffffff; border-top: 3px solid #d2d6de; margin-bottom: 20px; width: 100%; box-shadow: 0 1px 1px rgba(0,0,0,0.1) } .box-header:before,.box-body:before,.box-footer:before,.box-header:after,.box-body:after,.box-footer:after { content: " "; display: table } .box-header:after,.box-body:after,.box-footer:after { clear: both } .btn-box-tool { padding: 5px; font-size: 12px; background: transparent; color: #97a0b3; } .open .btn-box-tool, .btn-box-tool:hover { color: #606c84; } .box-main { margin: 0; border: 0; padding-top: 2px; border-radius: 0; box-shadow: none } .box-main>.box-header { border-bottom: 1px solid #eee; padding: 12px 10px 2px 15px } .box-header .box-title { display: inline-block; font-size: 18px; margin: 0; line-height: 1; } .box-main>.box-header .box-title { font-size: 16px; margin-bottom: 13px; float: left } .box-main>.box-header .box-title .fa { font-size: 14px; padding-right: 3px; margin-top: -2px } .box-main>.box-header .box-tools { position: relative; top: -5px; right: 0 } .box-main>.box-header .box-tools .btn { padding: 3px 10px 5px 10px; font-size: 14px; margin-bottom: 2px } .box-main>.box-header .box-tools .btn-box-tool { padding: 4px 2px } .box-main form>.box-footer,.nav-main form>.box-footer { background: #fafafa } .box-main form>.box-footer .row,.nav-main form>.box-footer .row { margin: 5px 0 5px -25px } /** select2 样式修改 */ .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #1AB394; border-color: #1AB394; padding: 1px 10px; color: #fff } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { margin-right: 5px; color: rgba(255,255,255,0.7) } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #fff } .select2-container .select2-selection--single .select2-selection__rendered { padding-right: 10px } /** 表单验证 样式布局 */ label.error { position: absolute; right: 18px; top: 5px; color: #ef392b; font-size: 12px } .Validform_error,input.error,select.error { background-color: #fbe2e2; border-color: #c66161; color: #c00 } .Validform_wrong,.Validform_right,.Validform_warning { display: inline-block; height: 20px; font-size: 12px; vertical-align: middle; padding-left: 25px } /** 内联复选框&单选框 */ .check-box,.radio-box { display:inline-block; box-sizing:border-box; cursor:pointer; position:relative; padding-right:20px } /** 遮罩层 */ .loaderbox { display: inline-block; min-width: 125px; padding: 10px; margin: 0 auto; color: #000 !important; font-size: 13px; font-weight: 400; text-align: center; vertical-align: middle; border: 1px solid #ddd; background-color: #eee; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); } .loaderbox .loading-activity { float: left; width: 18px; height: 18px; border: solid 2px transparent; border-top-color: #000; border-left-color: #000; border-radius: 10px; -webkit-animation: pace-spinner 400ms linear infinite; -moz-animation: pace-spinner 400ms linear infinite; -ms-animation: pace-spinner 400ms linear infinite; -o-animation: pace-spinner 400ms linear infinite; animation: pace-spinner 400ms linear infinite; } @media (max-width: 767px) { .loading-activity { width: 18px; height: 18px; } } @-ms-keyframes pace-spinner { 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes pace-spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /** 表单查询条件 */ ul { margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); } li { list-style: none; } .time-input { display: block; width: 100%; padding-left: 10px; } label{ font-weight: normal; } .container-div{ padding:10px 35px; height:100%; } .container-div .row{ height: 100%; } .select-info{ width:100%; background: #fff; border-radius: 6px; margin-top:10px; padding-bottom: 13px; box-shadow: 1px 1px 3px rgba(0,0,0,.2); } .select-info{ position: relative; } .select-info .save-btn,.select-info .close-btn{ width: 20px; position: absolute; right: 20px; top: 15px; cursor: pointer; } .select-info .save-btn{ right: 50px; } .select-info .col-sm-6 .control-label{ color:#333; } .select-list li{ float:left; color:#333; margin: 5px 15px 5px 0px; } .select-list li input{ border:1px solid #ddd; border-radius: 4px; background: transparent; outline: none; height: 30px; width:150px; } .select-list li .submit-btn{ border:0px; border-radius: 4px; background: transparent; outline: none; width: 40px; height: 23px; } .select-list li select{ border:1px solid #ddd; border-radius: 4px; background: transparent; outline: none; height: 30px; width:133px; } .select-list .time input{ width:133px; } .time label,.time span,.time input{ float:left; } .time label{ margin-top: 5px; } .time span{ display: block; margin: 5px 5px; } .search-btn{ background-color: #1ab394; border-color: #1ab394; color: #FFF; margin-bottom: 5px; display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; border-radius: 3px; vertical-align: middle; cursor: pointer; } /** 表格查询数据 */ .table-striped{ min-height:75%; } .table-striped .bootstrap-table{ border:0px!important; } .table-striped .table, .fixed-table-container, .table-striped .table, .table-striped .table, .table-striped .table>thead>tr>th, .table-striped .table>tbody>tr>th, .table-striped .table>tfoot>tr>th, .table-striped .table>thead>tr>td, .table-striped .table>tbody>tr>td, .table-striped .table>tfoot>tr>td{ background-color: transparent!important; border: 0px; } .table-striped .table>thead>tr>th, .table-striped .table>tbody>tr>th{ border-bottom: 1px solid #ccc!important; border-top: 0px!important; } .table-striped .table>thead:first-child>tr:first-child>th{ color:#333; } .table-bordered td,.table-bordered th { border: 1px solid #ddd!important } .table-striped-left{ width: 49%; /*margin-left: 4px;*/ } .table-striped-right{ width: 49%; float: right; }