模板:WelcomeHeader/styles.css:修订间差异
来自BinWiki
>OctoberSama 小无编辑摘要 |
创建页面,内容为“→===== Banner 样式 =====: .main-banner{ display:flex; align-items:center; gap:20px; padding:24px 32px; border-radius:16px; 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…” |
(没有差异)
|
2025年9月16日 (二) 00:22的版本
/* ===== Banner 样式 ===== */
.main-banner{
display:flex;
align-items:center;
gap:20px;
padding:24px 32px;
border-radius:16px;
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;
}
}