< 模板:企业信息
AurLemonCN(讨论 | 贡献) 小无编辑摘要 |
AurLemonCN(讨论 | 贡献) 小无编辑摘要 |
||
(未显示同一用户的7个中间版本) | |||
第1行: | 第1行: | ||
.infobox { | .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 { | .infobox .infobox__header { | ||
font-size: | font-size: 20px; | ||
font-weight: bold; | font-weight: bold; | ||
text-align: center; | text-align: center; | ||
margin: 10px; | |||
} | } | ||
.infobox .infobox__pic { | .infobox .infobox__pic img { | ||
width: 90%; | |||
height: 90%; | |||
object-fit: cover; | |||
object-position: center; | |||
border-radius: 20px; | |||
margin: 10px auto; | |||
display: block; | |||
} | } | ||
.infobox .infobox-table { | .infobox .infobox-table { | ||
display: flex; | |||
flex-wrap: wrap; | |||
margin-bottom: 10px; | |||
} | } | ||
.infobox .infobox__title { | .infobox .infobox__title { | ||
color: var(--color-base--subtle); | |||
font-size: 0.8125rem; | |||
font-weight: normal; | |||
letter-spacing: 0.75px; | |||
} | } | ||
第50行: | 第54行: | ||
.infobox .infobox-table .infobox-col3 { | .infobox .infobox-table .infobox-col3 { | ||
width: calc( 100% / 3 ); | 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; | |||
} | |||
.infobox a.image:hover:not(.lazy):not(.new) > img { | |||
transform: scale(1) !important; | |||
} | |||
@media (max-width: 720px) { | |||
.infobox { | |||
float: unset; | |||
margin: 0 auto; | |||
} | |||
} | } |
2023年9月15日 (五) 23:15的最新版本
.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: 10px auto; display: block; } .infobox .infobox-table { display: flex; flex-wrap: wrap; margin-bottom: 10px; } .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; } .infobox a.image:hover:not(.lazy):not(.new) > img { transform: scale(1) !important; } @media (max-width: 720px) { .infobox { float: unset; margin: 0 auto; } }