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