模板:WelcomeHeader/styles.css:修订间差异
来自BinWiki
创建页面,内容为“→===== 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…” |
小无编辑摘要 |
||
第6行: | 第6行: | ||
padding:24px 32px; | padding:24px 32px; | ||
border-radius:16px; | border-radius:16px; | ||
background:linear-gradient( | background:linear-gradient(to bottom right, #3e83ff, #6CD4E1); | ||
box-shadow:0 6px 18px rgba(0,0,0,.15); | box-shadow:0 6px 18px rgba(0,0,0,.15); | ||
overflow:hidden; | overflow:hidden; |
2025年9月16日 (二) 00:35的版本
/* ===== Banner 样式 ===== */
.main-banner{
display:flex;
align-items:center;
gap:20px;
padding:24px 32px;
border-radius:16px;
background:linear-gradient(to bottom right, #3e83ff, #6CD4E1);
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;
}
}