1,452
个编辑
User:盐棋/Sandbox.css：修订间差异
小
修复样式，todo：竖直居中、等级NS、labeltext间距、datecov不换行、figure未填充
小 （初步css） |
小 （修复样式，todo：竖直居中、等级NS、labeltext间距、datecov不换行、figure未填充） |
||
| 第1行： | 第1行： | ||
.infotable { | .infotable { | ||
max-width: 100%; | |||
display: grid; | display: grid; | ||
grid-template-columns: | grid-template-columns: auto min-content; | ||
margin: 1em 0 2em; | |||
font-size: small; | |||
line-height: 1.5em; | |||
text-align: center; | text-align: center; | ||
background-color: #f8f8f8; | |||
overflow: auto hidden; | |||
position: relative; | |||
} | } | ||
. | .infotable, | ||
. | .infotable>*, | ||
. | .infotable .main>* { | ||
outline: 1px solid #eee; | |||
box-sizing: border-box; | box-sizing: border-box; | ||
overflow-wrap: break-word; | |||
} | } | ||
| 第24行： | 第29行： | ||
} | } | ||
@media (max-width: | @media (max-width: 720px) { | ||
.infotable { | .infotable { | ||
grid-template-areas: | grid-template-areas: | ||
| 第31行： | 第36行： | ||
"main"; | "main"; | ||
} | } | ||
} | |||
.header, | |||
.figure, | |||
.main>* { | |||
padding: 5px 5px; | |||
} | } | ||
| 第36行： | 第47行： | ||
.header { | .header { | ||
grid-area: header; | grid-area: header; | ||
font-size: large; | |||
height: auto !important; | |||
} | } | ||
| 第46行： | 第59行： | ||
.figure { | .figure { | ||
grid-area: figure; | grid-area: figure; | ||
justify-self: center; | |||
align-self: center; | |||
} | } | ||
span.bg-c { | |||
padding: 1px 5px 1px 5px; | |||
margin: 0 5px 0 5px; | |||
} | |||
.infotable.light .bg-c { | .infotable.light .bg-c { | ||