1,452
次編輯
小 (修复样式,todo:竖直居中、等级NS、labeltext间距、datecov不换行、figure未填充) |
小 (适配etr) |
||
行 18: | 行 18: | ||
box-sizing: border-box; | box-sizing: border-box; | ||
overflow-wrap: break-word; | overflow-wrap: break-word; | ||
} | |||
.infotable .main>* { | |||
padding: 5px; | |||
} | |||
.infotable span.label { | |||
padding: 1px 5px 1px 5px; | |||
margin: 0 5px 0 5px; | |||
} | } | ||
行 36: | 行 45: | ||
"main"; | "main"; | ||
} | } | ||
} | } | ||
/* 设置 grid area */ | /* 设置 grid area */ | ||
.header { | .infotable .header { | ||
grid-area: header; | grid-area: header; | ||
padding: 7px 10px; | |||
height: auto !important; | height: auto !important; | ||
} | } | ||
.main { | .infotable .main { | ||
grid-area: main; | grid-area: main; | ||
display: grid; | display: grid; | ||
} | } | ||
.figure { | .infotable .figure { | ||
grid-area: figure; | grid-area: figure; | ||
padding: 9px 5px; | |||
} | } | ||
.place-central { | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
} | } | ||
行 78: | 行 80: | ||
.infotable.colorless .bg-c { | .infotable.colorless .bg-c { | ||
background-color: #f4d2f8; | background-color: #f4d2f8; | ||
} | |||
.fs-m { | |||
font-size: medium; | |||
} | |||
.fs-l { | |||
font-size: large; | |||
} | |||
.repeat-1 { | |||
grid-template-columns: 1fr repeat(1, 2fr); | |||
} | |||
.repeat-3 { | |||
grid-template-columns: 1fr repeat(3, 2fr); | |||
} | |||
.repeat-4 { | |||
grid-template-columns: 1fr repeat(4, 2fr); | |||
} | |||
.repeat-5 { | |||
grid-template-columns: 1fr repeat(5, 2fr); | |||
} | } | ||
行 88: | 行 114: | ||
} | } | ||
. | .gc-s2 { | ||
grid-column: span 2; | grid-column: span 2; | ||
} | } | ||
. | .gc-s3 { | ||
grid-column: span 3; | grid-column: span 3; | ||
} | } | ||
. | .gc-s4 { | ||
grid-column: span 4; | grid-column: span 4; | ||
} | } | ||
. | .gc-s5 { | ||
grid-column: span 5; | grid-column: span 5; | ||
} | |||
.gr-s2 { | |||
grid-row: span 2; | |||
} | } |
次編輯