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

模板:MUCWikiHome/styles.css:修订间差异

来自MUC Wiki
Maintenance留言 | 贡献
Update MUCWiki homepage component styles
Maintenance留言 | 贡献
Tighten MUCWiki homepage mobile component rhythm
第31行: 第31行:
   gap: 1rem;
   gap: 1rem;
   align-items: stretch;
   align-items: stretch;
   padding: 1rem;
   padding: .92rem;
   border: 1px solid #d7ddd7;
   border: 1px solid #d7ddd7;
   border-radius: 8px;
   border-radius: 8px;
第37行: 第37行:
     linear-gradient(135deg, rgba(255, 241, 239, .72), rgba(255, 255, 255, .84) 38%),
     linear-gradient(135deg, rgba(255, 241, 239, .72), rgba(255, 255, 255, .84) 38%),
     #fff;
     #fff;
   box-shadow: 0 18px 48px rgba(42, 48, 41, .07);
   box-shadow: 0 10px 28px rgba(42, 48, 41, .055);
}
}


第44行: 第44行:
   align-content: center;
   align-content: center;
   gap: .72rem;
   gap: .72rem;
   min-height: 12.2rem;
   min-height: 11.4rem;
   padding: 1.25rem 1.35rem;
   padding: 1.1rem 1.2rem;
   border-left: 4px solid #b42318;
   border-left: 3px solid #b42318;
   border-radius: 8px;
   border-radius: 8px;
   background: rgba(255, 255, 255, .62);
   background: rgba(255, 255, 255, .62);
第79行: 第79行:
.mucwiki-home-title {
.mucwiki-home-title {
   color: #141b22;
   color: #141b22;
   font-size: 2.38rem;
   font-size: 2.16rem;
   font-weight: 900;
   font-weight: 900;
   line-height: 1.08;
   line-height: 1.08;
第87行: 第87行:
   max-width: 42rem;
   max-width: 42rem;
   color: #263044;
   color: #263044;
   font-size: 1.05rem;
   font-size: 1rem;
   font-weight: 700;
   font-weight: 700;
}
}
第102行: 第102行:
   align-items: center;
   align-items: center;
   justify-items: center;
   justify-items: center;
   min-height: 10.25rem;
   min-height: 9.6rem;
   overflow: hidden;
   overflow: hidden;
   border: 1px solid #e1e6e0;
   border: 1px solid #e1e6e0;
第126行: 第126行:
.mucwiki-home-stat {
.mucwiki-home-stat {
   min-width: 0;
   min-width: 0;
   padding: .68rem .7rem;
   padding: .62rem .66rem;
   border: 1px solid #dfe5de;
   border: 1px solid #dfe5de;
   border-radius: 8px;
   border-radius: 8px;
第209行: 第209行:
   position: relative;
   position: relative;
   min-height: 5.25rem;
   min-height: 5.25rem;
   padding: .86rem 2rem .86rem .96rem;
   padding: .8rem 1.82rem .8rem .88rem;
   overflow: hidden;
   overflow: hidden;
   transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease;
   transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease;
第236行: 第236行:
   border-color: #b8c8b8;
   border-color: #b8c8b8;
   background: #fbfdfb;
   background: #fbfdfb;
   box-shadow: 0 10px 24px rgba(42, 48, 41, .058);
   box-shadow: 0 8px 20px rgba(42, 48, 41, .05);
   transform: translateY(-1px);
   transform: translateY(-1px);
}
}
第405行: 第405行:
@media (max-width: 560px) {
@media (max-width: 560px) {
   .mucwiki-home {
   .mucwiki-home {
     gap: .85rem;
     gap: .7rem;
    font-size: .94rem;
   }
   }


   .mucwiki-home-masthead {
   .mucwiki-home-masthead {
     gap: .66rem;
     gap: .56rem;
     padding: .76rem;
     padding: .58rem;
   }
   }


   .mucwiki-home-copy {
   .mucwiki-home-copy {
     min-height: auto;
     min-height: auto;
     gap: .5rem;
     gap: .42rem;
     padding: .62rem .3rem .62rem .72rem;
     padding: .54rem .28rem .54rem .62rem;
     border-left-width: 3px;
     border-left-width: 2px;
    line-height: 1.62;
  }
 
  .mucwiki-home-kicker {
    min-height: 1.42rem;
    padding: .18rem .5rem;
    font-size: .76rem;
  }
 
  .mucwiki-home-kicker::before {
    width: .36rem;
    height: .36rem;
    margin-right: .3rem;
   }
   }


   .mucwiki-home-title {
   .mucwiki-home-title {
     font-size: 1.56rem;
     font-size: 1.42rem;
    line-height: 1.14;
   }
   }


   .mucwiki-home-lede {
   .mucwiki-home-lede {
     font-size: .94rem;
     font-size: .88rem;
    line-height: 1.52;
   }
   }


   .mucwiki-home-media {
   .mucwiki-home-media {
     min-height: 7.2rem;
     min-height: 6.4rem;
   }
   }


第438行: 第454行:


   .mucwiki-home-stats-grid {
   .mucwiki-home-stats-grid {
     gap: .36rem;
     gap: .3rem;
   }
   }


   .mucwiki-home-stat {
   .mucwiki-home-stat {
     padding: .46rem .42rem;
     padding: .4rem .34rem;
   }
   }


   .mucwiki-home-stat strong {
   .mucwiki-home-stat strong {
     font-size: .98rem;
     font-size: .92rem;
   }
   }


   .mucwiki-home-stat span {
   .mucwiki-home-stat span {
     font-size: .78rem;
     font-size: .72rem;
   }
   }


第458行: 第474行:


   .mucwiki-home-section h2 {
   .mucwiki-home-section h2 {
     margin-bottom: .55rem;
     margin-bottom: .48rem;
     padding-bottom: .42rem;
     padding-bottom: .36rem;
     font-size: 1.06rem;
     font-size: .98rem;
   }
   }


第468行: 第484行:


   .mucwiki-home-section--entries {
   .mucwiki-home-section--entries {
     padding: .8rem;
     padding: .62rem;
   }
   }


   .mucwiki-home-card {
   .mucwiki-home-card {
     min-height: 4.45rem;
     min-height: 4rem;
     padding: .72rem 1.9rem .72rem .82rem;
     padding: .62rem 1.62rem .62rem .72rem;
  }
 
  .mucwiki-home-card strong {
    font-size: .94rem;
   }
   }


   .mucwiki-home-card span {
   .mucwiki-home-card span {
     margin-top: .24rem;
     margin-top: .2rem;
     line-height: 1.5;
     line-height: 1.46;
   }
   }


第485行: 第505行:
   .mucwiki-home-panel,
   .mucwiki-home-panel,
   .mucwiki-home-help__grid > div {
   .mucwiki-home-help__grid > div {
     padding: .76rem .82rem;
     padding: .66rem .7rem;
   }
   }