Template:WelcomeHeader/styles.css:修订间差异
模板页面
更多操作
| 第55行: | 第55行: | ||
height:auto; | height:auto; | ||
} | } | ||
#titleb { | |||
display: inline-block; | display: inline-block; | ||
font-size:30px; | font-size:30px; | ||
2026年1月7日 (三) 16:14的版本
/* ===== Banner 样式 ===== */
.main-banner{
display:flex;
align-items:center;
gap:20px;
padding:0px 32px;
border-radius:8.5px;
background:linear-gradient(135deg,#3e83ff 0%,var(--color-surface-2) 100%);
box-shadow:0 6px 18px rgba(0,0,0,.15);
/*overflow:hidden;*/
}
.banner-left img{
max-width:200px;
height:auto;
display: flex;
}
.banner-right{
flex:1;
text-align:right;
/* color:#0d1b3d; */
}
.title {
color: var(--color-base);
font-size:2.2em;
font-weight: bold;
}
.subtitle{
font-size:20px;
margin:.3em 0 1.5em;
color:var(--color-base);
}
.divider{
height:1px;
background:rgba(255,255,255,.6);
margin-bottom:1.2em;
}
.count{
font-size:16px;
text-align:bottom;
}
/* ≤600 px 时纵向布局 */
@media(max-width:600px){
/*.main-banner{
flex-direction:column;
text-align:center;
}
.banner-right{
text-align:center;
}*/
.divider{
display:none;
}
.banner-left img{
max-width:100px;
height:auto;
}
#titleb {
display: inline-block;
font-size:30px;
transform: translate(-50%,-15%) rotate(45deg);
}
}