wangzhibo
2021-09-07 89da62649161571834d3f8df7ce36f9967e6ba04
widgets/roamFly/view.css
@@ -1,2 +1,157 @@
/* 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;
}