模板: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;
  }
}