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