132 lines
3.4 KiB
CSS
132 lines
3.4 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;
|
||
}
|
||
|
||
/*多选 chosen 的 search-choice 已去掉原固定 130px 宽（改由 chosen 默认自适应）：
|
||
固定宽会让短标签（买入/收益互换等）右侧大片留白，并把隐藏的搜索输入框挤到下一行、撑出一截空白高度。
|
||
下方 span:first-child 120px 是单选 chosen 选中项的旧规则，与多选无关*/
|
||
|
||
.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 {
|
||
/*左右两栏约 4:6：左栏基础信息收窄，右侧追保区间表格更宽。
|
||
不用 col-md-5/7：form-layout 自带 1rem 外边距，两栏 basis 相加已满 100% 会折行；
|
||
左栏定宽 40%（不缩不放）+ 右栏 .col(flex:1) 吸收剩余宽度，无折行风险*/
|
||
flex: 0 0 40%;
|
||
max-width: 40%;
|
||
}
|
||
|
||
.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;
|
||
}
|