< 模板:企业信息
AurLemonCN(讨论 | 贡献) 小无编辑摘要 |
AurLemonCN(讨论 | 贡献) 小无编辑摘要 |
||
第17行: | 第17行: | ||
} | } | ||
.infobox .infobox__pic { | .infobox .infobox__pic img { | ||
width: 100%; | width: 100%; | ||
height: 100%; | height: 100%; | ||
第27行: | 第27行: | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
} | } | ||
第51行: | 第50行: | ||
.infobox .infobox-table .infobox-col3 { | .infobox .infobox-table .infobox-col3 { | ||
width: calc( 100% / 3 ); | width: calc( 100% / 3 ); | ||
} | |||
.infobox .infobox-table .infobox-table__box { | |||
padding: 10px; | |||
} | } |
2023年9月15日 (五) 22:50的版本
.infobox { border-radius: 12px; background-color: var(--color-surface-2); box-shadow: var(--box-shadow-card); width: 100%; max-width: 300px; float: right; clear: right; padding: 16px; margin: 0 0 var(--space-lg)var(--space-lg); } .infobox .infobox__header { font-size: 24px; font-weight: bold; text-align: center; } .infobox .infobox__pic img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .infobox .infobox-table { display: flex; flex-wrap: wrap; } .infobox .infobox__title { color: var(--color-base--subtle); font-size: 0.8125rem; font-weight: normal; letter-spacing: 0.75px; } .infobox .infobox__label { font-weight: 600; } .infobox .infobox-table .infobox-col-1 { width: 100%; } .infobox .infobox-table .infobox-col-2 { width: 50%; } .infobox .infobox-table .infobox-col3 { width: calc( 100% / 3 ); } .infobox .infobox-table .infobox-table__box { padding: 10px; }