123 lines
2.9 KiB
CSS
123 lines
2.9 KiB
CSS
.formlabel {
|
|
min-width: 160px !important;
|
|
}
|
|
|
|
.addBtn, .delBtn {
|
|
border: none;
|
|
background: none;
|
|
color: red;
|
|
margin-left: 20px;
|
|
}
|
|
|
|
/*纵向时间轴*/
|
|
.container {
|
|
margin: 20px;
|
|
}
|
|
|
|
.container ul {
|
|
margin-bottom: 0 !important;
|
|
}
|
|
|
|
.time-vertical {
|
|
list-style-type: none;
|
|
border-left: 1px solid #707070;
|
|
padding: 0px;
|
|
}
|
|
|
|
.time-vertical li {
|
|
height: 40px;
|
|
position: relative;
|
|
}
|
|
|
|
.time-vertical li a {
|
|
display: inline-block;
|
|
margin-left: 20px;
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
text-decoration: none;
|
|
color: #000;
|
|
}
|
|
|
|
.time-vertical li b:before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 11.6px;
|
|
left: -10.8px;
|
|
width: 18px;
|
|
height: 18px;
|
|
border: 2px solid #98FB98;
|
|
border-radius: 10px;
|
|
background: #98FB98;
|
|
}
|
|
|
|
.time-vertical li span {
|
|
position: absolute;
|
|
color: #fff;
|
|
top: 10px;
|
|
left: -6px;
|
|
}
|
|
|
|
.border {
|
|
margin: 5px;
|
|
padding: 5px;
|
|
}
|
|
|
|
/*多选已选项宽度自适应:固定 130px 会让短标签(买入/收益互换等)右侧大片留白,
|
|
并把隐藏的搜索输入框挤到下一行,把整个控件撑出一截空白高度*/
|
|
|
|
.form-layout .chosen-choices > li > span:first-child, .searchdiv .chosen-choices .search-choice > span:first-child {
|
|
width: 120px;
|
|
}
|
|
|
|
.form-layout > div, .form-layout .form-group {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
p {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.form-buttons {
|
|
margin-top: unset;
|
|
padding-left: unset;
|
|
text-align: center;
|
|
}
|
|
|
|
.form-layout {
|
|
padding-top: 5px;
|
|
padding-bottom: unset;
|
|
}
|
|
|
|
/*区间追保结构区块:单元格里多个数字输入与文字并列,全局 input[type=text] 152px 会把单元格内容挤成两行;
|
|
64px 保证 100.00% 这类两位小数百分比完整显示且不换行*/
|
|
.spanBlk table input[type=text] {
|
|
width: 64px;
|
|
padding-left: 2px;
|
|
padding-right: 2px;
|
|
}
|
|
|
|
/*同区块表格单元格边距:bootstrap .table 默认 0.75rem,压缩使表格更紧凑;垂直居中使公式文字与输入框对齐*/
|
|
.spanBlk table th, .spanBlk table td {
|
|
padding: 2px 4px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
/*左栏基础信息列(tpl-base 标记在三个编辑页共用的左侧 col 上):
|
|
控件统一 240px 宽、右缘对齐;多选 chosen 初始化取 select 宽度(SetAceDropDown),随之统一。
|
|
说明类 textarea 跟随列宽(减去 160px 标签 + 8px 间距 + 4px 余量)*/
|
|
.tpl-base input.text-box,
|
|
.tpl-base select {
|
|
width: 240px;
|
|
}
|
|
|
|
.tpl-base textarea.text-box {
|
|
width: calc(100% - 172px);
|
|
}
|
|
|
|
/*区块标题(新模板信息/选择模板规则/参数组N):左色条 + 加粗,与表单正文分层*/
|
|
.border > p:first-child {
|
|
font-weight: bold;
|
|
border-left: 3px solid #e33333;
|
|
padding-left: 6px;
|
|
}
|