Files
matrix/build/WebContent/css/edp-colony-v3.css

133 lines
3.6 KiB
CSS

.matrix-edp-colony #filtertab > tbody > tr:first-child > td {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
}
.matrix-edp-colony #filtertab .linkbutton {
display: inline-flex;
min-height: 30px;
align-items: center;
margin: 0 !important;
padding: 5px 9px;
float: none !important;
color: #30485c;
border: 1px solid #bdcad5;
border-radius: 3px;
background: #fff;
cursor: pointer;
font-size: 11px;
font-weight: 600;
}
.matrix-edp-colony #filtertab .linkbutton:hover {
border-color: #8799a9;
background: #edf3f7;
}
.matrix-edp-colony #colonyform,
.matrix-edp-colony #verifierform,
.matrix-edp-colony #beltform {
position: fixed !important;
z-index: 2060 !important;
top: 50% !important;
left: 50% !important;
width: min(520px, calc(100vw - 24px)) !important;
max-height: calc(100vh - 30px);
margin: 0 !important;
overflow: auto;
transform: translate(-50%, -50%);
border: 1px solid #aebdca;
border-radius: 7px;
background: #fff;
box-shadow: 0 0 0 100vmax rgba(15, 23, 31, .52), 0 12px 30px rgba(15, 23, 31, .28);
}
.matrix-edp-colony #colonyform .title,
.matrix-edp-colony #verifierform .title,
.matrix-edp-colony #beltform .title {
display: flex;
min-height: 38px;
align-items: center;
gap: 7px;
padding: 7px 11px;
color: #263746;
border-bottom: 1px solid #c4ced7;
background: #eef1f4;
font-size: 14px;
font-weight: 700;
}
.matrix-edp-colony #colonyform .title img,
.matrix-edp-colony #verifierform .title img,
.matrix-edp-colony #beltform .title img {
width: 16px;
height: 16px;
}
.matrix-edp-colony #colonyform .FormPanel,
.matrix-edp-colony #verifierform .FormPanel,
.matrix-edp-colony #beltform .FormPanel {
padding: 13px;
border: 0;
background: #fff;
}
.matrix-edp-colony #colonyform .matrix-form-controls,
.matrix-edp-colony #verifierform .matrix-form-controls,
.matrix-edp-colony #beltform .matrix-form-controls {
width: 100% !important;
border-collapse: separate;
border-spacing: 0 8px;
}
.matrix-edp-colony #colonyform .matrix-form-controls td:first-child,
.matrix-edp-colony #verifierform .matrix-form-controls td:first-child,
.matrix-edp-colony #beltform .matrix-form-controls td:first-child {
width: 35%;
padding-right: 9px;
color: #536574;
font-size: 11px;
font-weight: 700;
}
.matrix-edp-colony #colonyform input[type="text"],
.matrix-edp-colony #verifierform input[type="text"],
.matrix-edp-colony #beltform input[type="text"],
.matrix-edp-colony #colonyform select,
.matrix-edp-colony #verifierform select,
.matrix-edp-colony #beltform select,
.matrix-edp-colony #colonyform .divselect,
.matrix-edp-colony #verifierform .divselect,
.matrix-edp-colony #beltform .divselect {
width: 100% !important;
}
.matrix-edp-colony #colonyform input[type="text"],
.matrix-edp-colony #verifierform input[type="text"],
.matrix-edp-colony #beltform input[type="text"],
.matrix-edp-colony #colonyform select,
.matrix-edp-colony #verifierform select,
.matrix-edp-colony #beltform select {
min-height: 30px;
padding: 4px 7px;
border: 1px solid #aebdca;
border-radius: 3px;
background: #fff;
}
.matrix-edp-colony #colonyform tr:last-child td,
.matrix-edp-colony #verifierform tr:last-child td,
.matrix-edp-colony #beltform tr:last-child td {
padding-top: 9px;
border-top: 1px solid #dde4ea;
}
.matrix-edp-colony #colonyform tr:last-child input,
.matrix-edp-colony #verifierform tr:last-child input,
.matrix-edp-colony #beltform tr:last-child input {
margin-left: 6px !important;
float: right !important;
}