/* * * 固定特殊类 * */ /* ===========固定宽度*============= */ .ld-with80{width: 80px} .ld-with50{width: 50px;} .ld-with100{width: 100px;} .ld-with150{width: 150px;} .ld-with200{width: 200px} /* ===========固定margin,padding*============= */ .ld-margin-right0{margin-right:0} .ld-margin-right5{margin-right:5px} .ld-margin-right10{margin-right: 10px} .ld-margin-right30{margin-right: 30px} .ld-margin-right50{margin-right: 50px} .ld-margin-top30{margin-top: 30px} .ld-margin-top20{margin-top: 20px} .ld-margin-btm0{margin-bottom: 0} .ld-margin-btm10{margin-bottom:10px} /* ===========字体大小*============= */ .ld-font-size14{font-size: 14px} .ld-font-size16{font-size: 16px} .ld-font-bold{font-weight: 600} .ld-display-table{display:table} /* ===========form表单控件*============= */ input.ld-input:focus {outline: none} input.ld-input[type=checkbox], input.ld-input[type=radio]{ width: 16px; height: 16px; vertical-align: middle; margin: 1px 0 0 -20px; background-color: #fff; border: 1px solid #a1a1a1; -webkit-appearance: none; } input.ld-input[type=checkbox]:hover, input.ld-input[type=radio]:hover{ border-color: #c6c6c6; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); } input.ld-input[type=checkbox][disabled], input.ld-input[type=radio][disabled]{background-color: #ececec} input.ld-input[type=radio]:checked, input.ld-input[type=checkbox]:checked{ border: 0; box-shadow: none; } input.ld-input[type=radio] { -webkit-border-radius: 16px; -moz-border-radius:16px; border-radius: 16px; background-color: white; } input.ld-input[type=radio]:checked { background: url("../../img/ld-component/radio-checked.png") no-repeat; background-size: contain; } input.ld-input[type=checkbox]:checked { background: url("../../img/ld-component/checkbox-checked.jpg") no-repeat; background-size: contain; } /* ===========table 固定列宽*============= */ table.ld-fixedwidth-table,table.ld-fixsomewidth-table{width: auto} table.ld-fixedwidth-table>thead>tr>th, table.ld-fixedwidth-table>tbody>tr>td{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all; display: inline-block;; } thead>tr>th>label.checkbox-inline>input[type="checkbox"], tbody>tr>td>label.checkbox-inline>input[type="checkbox"]{ margin-top: -8px; } /* ===========table有下拉详情的============= */ .table tbody>tr.ld-collapse:hover { background-color: #f5f4f3; color: #191919; cursor: default; } tr.ld-collapse>td{background-color: #f5f4f3} tr.ld-collapse>td>ul{margin-bottom: 0;text-align: left} tr.ld-collapse>td>ul>li{padding-left: 30px;line-height: 2} /* ===========table栅格list============= */ .ld-coltable-container>.row>.col-md-4{padding: 0 5px} div.ld-coltable,ul.ld-rowtable{ margin-bottom: 10px; border: 1px solid #ccc } div.ld-coltable>ul{ margin-bottom: 0; } div.ld-coltable>ul.row{ margin-right: 0; margin-left: 0; } div.ld-coltable>ul.row.ld-coltable-title{background-color: #f5f4f3} div.ld-coltable>ul.row.ld-coltable-title>li{padding:5px 10px; line-height:1.8} div.ld-coltable>ul.row.ld-coltable-title>li>label{margin-bottom: 0} div.ld-coltable>ul.row.ld-coltable-content{padding: 5px;} div.ld-coltable>ul.row.ld-coltable-content>li{ line-height:2} div.ld-coltable>ul>li>label>i,ul.ld-rowtable>li>label>i{font-weight: 400} /* ===========table栅格row============= */ ul.ld-rowtable{ position: relative; padding: 5px; line-height: 2; border-left: 3px solid #428bca; } ul.ld-rowtable>li.ld-rowtable-edit{ position: absolute; right: 5px; top: 5px; } /* ===========分页============= */ nav.ld-pagination-nav{display: inline-flex;} nav.ld-pagination-nav>ul.ld-pagination-select{ display: inline-block; } nav.ld-pagination-nav>ul>li>select{ padding: 5px; margin-right: 10px; font-size: 12px; border: 1px solid #a1a1a1; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; } nav.ld-pagination-nav>ul.pagination{margin-top: 0; margin-bottom: 0; } /* ===========alert 弹窗*============= */ .ld-alert-header{ padding: 4px 10px; background-color: #20364f; color: #fff; } .ld-alert-header>label{vertical-align: -webkit-baseline-middle;} .ld-alert-content{ padding: 30px 10px 30px 80px; background-position: 30px center; background-repeat: no-repeat; background-size:36px 36px; -moz-background-size:36px 36px; -webkit-background-size:36px 36px; -o-background-size:36px 36px; -ms-background-size:36px 36px; } .alert-success .ld-alert-content { background-image:url("../../img/ld-component/ld-alert-success.png") ; } .alert-warning .ld-alert-content { background-image:url("../../img/ld-component/ld-alert-warn.png") ; } .alert-info .ld-alert-content { background-image:url("../../img/ld-component/ld-alert-infor.png") ; } .alert-danger .ld-alert-content { background-image:url("../../img/ld-component/ld-alert-error.png") ; } .ld-alert-confirm{ padding:0 20px 10px 0; } .ld-alert-confirm button.btn-primary{padding: 4px 25px} .ld-alert-confirm button:last-child{margin-left: 15px} /* ===========ztree*============= */ .ld-ztree-container{ border:1px solid gray; width:280px; height:500px; position: relative; } .ld-ztree-header{ background-color: #688495; color: white; font-size: 16px; padding:8px; } .ld-ztree-main{ position:relative; top:30px; } .ld-ztree-footer{ position:absolute; bottom:10px; width:100%; } /* ===========menu*============= */ .navbar-fixed-top{ position:absolute; }
.类名 或 #id名