< 模板:企业信息
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;
}