< 模板:企业信息
AurLemonCN(讨论 | 贡献) 小无编辑摘要 |
AurLemonCN(讨论 | 贡献) 小无编辑摘要 |
||
第12行: | 第12行: | ||
.infobox .infobox__header { | .infobox .infobox__header { | ||
font-size: | font-size: 20px; | ||
font-weight: bold; | font-weight: bold; | ||
text-align: center; | text-align: center; | ||
第31行: | 第31行: | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
margin: 10px 0; | |||
} | } | ||
2023年9月15日 (五) 23:03的版本
.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: 10px; margin: 0 0 var(--space-lg)var(--space-lg); } .infobox .infobox__header { font-size: 20px; font-weight: bold; text-align: center; margin: 10px; } .infobox .infobox__pic img { width: 90%; height: 90%; object-fit: cover; object-position: center; border-radius: 20px; margin: 0 auto; display: block; } .infobox .infobox-table { display: flex; flex-wrap: wrap; margin: 10px 0; } .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 { display: flex; box-sizing: border-box; flex-direction: column; padding: 0 10px; margin-top: 10px; }