Template:WelcomeHeader/styles.css:修订间差异
模板页面
更多操作
| 第55行: | 第55行: | ||
transform: rotate(45deg); | transform: rotate(45deg); | ||
font-size:30px; | font-size:30px; | ||
transform: translateX(100%); | transform: translateX(-100%); | ||
} | } | ||
} | } | ||
2026年1月7日 (三) 15:17的版本
/* ===== Banner 样式 ===== */
.main-banner{
display:flex;
align-items:center;
gap:20px;
padding:24px 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;
}
.banner-right{
flex:1;
text-align:right;
/* color:#0d1b3d; */
}
.title {
color: var(--color-base);
}
.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;
margin:0;
}
/* ≤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;
}
.title {
transform: rotate(45deg);
font-size:30px;
transform: translateX(-100%);
}
}