Template:WelcomeHeader/styles.css:修订间差异
模板页面
更多操作
| (未显示1个用户的18个中间版本) | |||
| 第21行: | 第21行: | ||
.title { | .title { | ||
color: var(--color-base); | color: var(--color-base); | ||
} | } | ||
.subtitle{ | .subtitle{ | ||
| 第40行: | 第38行: | ||
/* ≤600 px 时纵向布局 */ | /* ≤600 px 时纵向布局 */ | ||
@media(max-width:600px){ | @media(max-width:600px){ | ||
.main-banner{ | |||
flex-direction:column; | flex-direction:column; | ||
text-align:center; | text-align:center; | ||
| 第46行: | 第44行: | ||
.banner-right{ | .banner-right{ | ||
text-align:center; | text-align:center; | ||
} | } | ||
.divider{ | .divider{ | ||
width:80%; | |||
margin:12px auto; | |||
} | } | ||
} | } | ||
2026年1月13日 (二) 22:26的最新版本
/* ===== 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{
width:80%;
margin:12px auto;
}
}