| | |
| | | /* 2020-11-26 19:23:48 | 版权所有 色宁科技 http://marsgis.cn */ |
| | | .mp_table{width:100%;border:0;font-size:12px;border-collapse:collapse;border-spacing:0}.mp_table tr td{padding:5px 5px 5px 10px;text-align:left;border:#cde1de 1px solid}.mp_table tr td:first-child{border-left:none}.nametd{width:40%}.mp_input{height:28px;line-height:22px;padding:3px 5px;box-sizing:border-box;font-size:12px;border:1px solid #e6e6e6;background-color:#fff;border-radius:3px;display:block;width:100%;outline:0;box-sizing:border-box}.mp_input:hover{border-color:#c9c9c9!important}.mp_input:focus{border-color:#3374e0!important}.mp_select{height:28px;line-height:22px;padding:0 5px;box-sizing:border-box;font-size:12px;border:1px solid #e6e6e6;background-color:#fff;border-radius:3px;outline:0;box-sizing:border-box;position:relative}.mp_select:after{content:'';width:0;height:0;overflow:hidden;cursor:pointer;transition:all .2s;position:absolute;border-width:6px;display:inline-block;top:10px;right:5px;border-style:solid dashed dashed;border-color:#c2c2c2 transparent transparent}.mp_selected:after{top:4px;border-style:dashed dashed solid;border-color:transparent transparent #c2c2c2}.mp_select .mp_select_text{padding:0 20px 0 0;height:28px;line-height:26px;overflow:hidden}.mp_select_ul{background:#fff;border:#d6d6d6 1px solid;border-radius:3px;padding:5px 0;box-shadow:1px 2px 1px rgba(0,0,0,.15);position:absolute;left:0;z-index:1000;color:#333;text-align:center;width:100%;display:none}.mp_select_ul li{margin:0 5px;border-radius:3px;text-align:left;height:28px;line-height:28px;text-indent:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp_select_ul li:hover{background:#ecf1f8}.mp_select_ul .selecton,.mp_select_ul .selecton:hover{background:#3374e0!important;color:#fff!important}.dark .mp_select{background-color:rgba(63,72,84,.6)}.dark .mp_select_ul{color:#fff;background-color:rgba(63,72,84,.8)}.dark .mp_select_ul li:hover{background-color:#3f4854}.dark .mp_select_ul .selecton,.mp_select_ul .selecton:hover{background:#3f4854!important;color:#fff!important}.mp_head2{width:100%;height:45px;line-height:45px;text-align:center}.dark .progress{background-color:#0b2931;margin:0} |
| | | .mp_table { |
| | | width: 100%; |
| | | border: 0; |
| | | font-size: 12px; |
| | | border-collapse: collapse; |
| | | border-spacing: 0 |
| | | } |
| | | |
| | | .mp_table tr td { |
| | | padding: 5px 5px 5px 10px; |
| | | text-align: left; |
| | | border: #cde1de 1px solid; |
| | | } |
| | | |
| | | .mp_table tr td:first-child { |
| | | border-left: none; |
| | | } |
| | | |
| | | .nametd { |
| | | width: 40%; |
| | | } |
| | | |
| | | .mp_input { |
| | | height: 28px; |
| | | line-height: 22px; |
| | | padding: 3px 5px; |
| | | box-sizing: border-box; |
| | | font-size: 12px; |
| | | border: 1px solid #e6e6e6; |
| | | background-color: #fff; |
| | | border-radius: 3px; |
| | | display: block; |
| | | width: 100%; |
| | | outline: 0; |
| | | box-sizing: border-box |
| | | } |
| | | |
| | | .mp_input:hover { |
| | | border-color: #c9c9c9!important |
| | | } |
| | | |
| | | .mp_input:focus { |
| | | border-color: #3374e0!important |
| | | } |
| | | |
| | | /*select*/ |
| | | |
| | | .mp_select { |
| | | height: 28px; |
| | | line-height: 22px; |
| | | padding: 0 5px; |
| | | box-sizing: border-box; |
| | | font-size: 12px; |
| | | border: 1px solid #e6e6e6; |
| | | background-color: #fff; |
| | | border-radius: 3px; |
| | | outline: 0; |
| | | box-sizing: border-box; |
| | | position: relative; |
| | | } |
| | | |
| | | .mp_select:after { |
| | | content: ''; |
| | | width: 0; |
| | | height: 0; |
| | | overflow: hidden; |
| | | cursor: pointer; |
| | | transition: all .2s; |
| | | position: absolute; |
| | | border-width: 6px; |
| | | display: inline-block; |
| | | top: 10px; |
| | | right: 5px; |
| | | border-style: solid dashed dashed; |
| | | border-color: #c2c2c2 transparent transparent; |
| | | } |
| | | |
| | | .mp_selected:after { |
| | | top: 4px; |
| | | border-style: dashed dashed solid; |
| | | border-color: transparent transparent #c2c2c2; |
| | | } |
| | | |
| | | .mp_select .mp_select_text { |
| | | padding: 0 20px 0 0; |
| | | height: 28px; |
| | | line-height: 26px; |
| | | overflow: hidden |
| | | } |
| | | |
| | | .mp_select_ul { |
| | | background: #fff; |
| | | border: #d6d6d6 1px solid; |
| | | border-radius: 3px; |
| | | padding: 5px 0; |
| | | box-shadow: 1px 2px 1px rgba(0, 0, 0, .15); |
| | | position: absolute; |
| | | left: 0; |
| | | z-index: 1000; |
| | | color: #333; |
| | | text-align: center; |
| | | width: 100%; |
| | | display: none |
| | | } |
| | | |
| | | .mp_select_ul li { |
| | | margin: 0 5px; |
| | | border-radius: 3px; |
| | | text-align: left; |
| | | height: 28px; |
| | | line-height: 28px; |
| | | text-indent: 5px; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | white-space: nowrap |
| | | } |
| | | |
| | | .mp_select_ul li:hover { |
| | | background: #ecf1f8 |
| | | } |
| | | |
| | | .mp_select_ul .selecton, .mp_select_ul .selecton:hover { |
| | | background: #3374e0!important; |
| | | color: #fff!important |
| | | } |
| | | |
| | | /*dark*/ |
| | | |
| | | .dark .mp_select { |
| | | background-color: rgba(63, 72, 84, 0.6); |
| | | } |
| | | |
| | | .dark .mp_select_ul { |
| | | color: #ffffff; |
| | | background-color: rgba(63, 72, 84, 0.8); |
| | | } |
| | | |
| | | .dark .mp_select_ul li:hover { |
| | | background-color: rgba(63, 72, 84, 1); |
| | | } |
| | | |
| | | .dark .mp_select_ul .selecton, .mp_select_ul .selecton:hover { |
| | | background: rgba(63, 72, 84, 1)!important; |
| | | color: #fff!important |
| | | } |
| | | |
| | | .mp_head2 { |
| | | width: 100%; |
| | | height: 45px; |
| | | line-height: 45px; |
| | | text-align: center; |
| | | } |
| | | |
| | | .dark .progress { |
| | | background-color: #0b2931; |
| | | margin: 0; |
| | | } |