打开/关闭菜单
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

Template:WelcomeHeader/styles.css:修订间差异

模板页面
琪露若
琪露若留言 | 贡献 (回退至旧版本)
 
(未显示1个用户的13个中间版本)
第8行: 第8行:
   background:linear-gradient(135deg,#3e83ff 0%,var(--color-surface-2) 100%);
   background:linear-gradient(135deg,#3e83ff 0%,var(--color-surface-2) 100%);
   box-shadow:0 6px 18px rgba(0,0,0,.15);
   box-shadow:0 6px 18px rgba(0,0,0,.15);
   /*overflow:hidden;*/
   overflow:hidden;
}
}
.banner-left img{
.banner-left img{
第21行: 第21行:
.title {
.title {
     color: var(--color-base);
     color: var(--color-base);
    font-size:2.2em;
    font-weight: bold;
}
}
.subtitle{
.subtitle{
第36行: 第34行:
.count{
.count{
   font-size:16px;
   font-size:16px;
   margin-top: auto;
   margin:0;
  /*margin:0;*/
}
}
/* ≤600 px 时纵向布局 */
/* ≤600 px 时纵向布局 */
@media(max-width:600px){
@media(max-width:600px){
   /*.main-banner{
   .main-banner{
     flex-direction:column;
     flex-direction:column;
     text-align:center;
     text-align:center;
第47行: 第44行:
   .banner-right{
   .banner-right{
     text-align:center;
     text-align:center;
   }*/
   }
   .divider{
   .divider{
     display:none;
     width:80%;
  }
    margin:12px auto;
  .banner-left img{
  max-width:100px;
  height:auto;
  }
  .title {
    font-size:30px;
    transform: translate(-50%,-15%) rotate(45deg);
   }
   }
}
}

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;
  }
}