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

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

来自MUC Wiki
更多操作
以互动方式浏览历史
←上一编辑下一编辑→
Maintenance​（留言 | 贡献）
6次编辑
Maintenance script​（留言 | 贡献）
295次编辑
Reduce homepage panel framing
Maintenance​（留言 | 贡献）
6次编辑
Update MUCWiki homepage component styles
第1行： 第1行：
.mucwiki-home {
.mucwiki-home {
  color: #1d2939;
  font-size: 1rem;
   display: grid;
   display: grid;
   gap: 1rem;
   gap: 1rem;
  color: #202122;
  font-size: 1rem;
}
.mucwiki-home,
.mucwiki-home * {
  box-sizing: border-box;
}
}


.mucwiki-home a {
.mucwiki-home a {
   color: #075fc7;
   color: #215c8f;
   text-decoration: none;
   text-decoration: none;
}
}
第13行： 第18行：
.mucwiki-home a:hover,
.mucwiki-home a:hover,
.mucwiki-home a:focus {
.mucwiki-home a:focus {
   color: #064b9c;
   color: #17446e;
   text-decoration: underline;
   text-decoration: underline;
}
}
第23行： 第28行：
.mucwiki-home-masthead {
.mucwiki-home-masthead {
   display: grid;
   display: grid;
   grid-template-columns: minmax(0, 1fr) minmax(20rem, .46fr);
   grid-template-columns: minmax(0, 1.12fr) minmax(18rem, .58fr);
   gap: 1.05rem;
   gap: 1rem;
   align-items: stretch;
   align-items: stretch;
   padding: 1.05rem;
   padding: 1rem;
   border: 1px solid #d7e0eb;
   border: 1px solid #d7ddd7;
   border-radius: 8px;
   border-radius: 8px;
   background: #fff;
   background:
   box-shadow: 0 16px 42px rgba(31, 47, 70, .055);
    linear-gradient(135deg, rgba(255, 241, 239, .72), rgba(255, 255, 255, .84) 38%),
    #fff;
   box-shadow: 0 18px 48px rgba(42, 48, 41, .07);
}
}


第36行： 第43行：
   display: grid;
   display: grid;
   align-content: center;
   align-content: center;
   gap: .7rem;
   gap: .72rem;
   min-height: 11.4rem;
   min-height: 12.2rem;
   padding: 1.1rem 1.05rem;
   padding: 1.25rem 1.35rem;
   line-height: 1.76;
  border-left: 4px solid #b42318;
  border-radius: 8px;
  background: rgba(255, 255, 255, .62);
   line-height: 1.74;
}
}


第49行： 第59行：
   align-items: center;
   align-items: center;
   padding: .24rem .66rem;
   padding: .24rem .66rem;
   border: 1px solid #c8d8ea;
   border: 1px solid #f0c9c4;
   border-radius: 999px;
   border-radius: 999px;
   background: #eef6ff;
   background: #fff1ef;
   color: #173f75;
   color: #7f1d1d;
   font-size: .84rem;
   font-size: .82rem;
   font-weight: 800;
   font-weight: 800;
   line-height: 1.2;
   line-height: 1.2;
第60行： 第70行：
.mucwiki-home-kicker::before {
.mucwiki-home-kicker::before {
   content: "";
   content: "";
   width: .48rem;
   width: .46rem;
   height: .48rem;
   height: .46rem;
   margin-right: .38rem;
   margin-right: .38rem;
   border-radius: 999px;
   border-radius: 999px;
   background: #245b9f;
   background: #b42318;
}
}


.mucwiki-home-title {
.mucwiki-home-title {
   color: #0f172a;
   color: #141b22;
   font-size: 2.22rem;
   font-size: 2.38rem;
   font-weight: 900;
   font-weight: 900;
   line-height: 1.12;
   line-height: 1.08;
}
}


.mucwiki-home-lede {
.mucwiki-home-lede {
   max-width: 42rem;
   max-width: 42rem;
   color: #253044;
   color: #263044;
   font-size: 1.05rem;
   font-size: 1.05rem;
   font-weight: 700;
   font-weight: 700;
第84行： 第94行：
   display: grid;
   display: grid;
   grid-template-rows: minmax(0, 1fr) auto;
   grid-template-rows: minmax(0, 1fr) auto;
   gap: .7rem;
   gap: .72rem;
   min-width: 0;
   min-width: 0;
}
}
第90行： 第100行：
.mucwiki-home-media {
.mucwiki-home-media {
   display: grid;
   display: grid;
   place-items: center;
   align-items: center;
   min-height: 10.1rem;
  justify-items: center;
   min-height: 10.25rem;
   overflow: hidden;
   overflow: hidden;
   border: 1px solid #e5edf6;
   border: 1px solid #e1e6e0;
   border-radius: 8px;
   border-radius: 8px;
   background: #f2f6fb;
   background: #f5f6f4;
  box-shadow: none;
}
}


第111行： 第121行：
   display: grid;
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: .6rem;
   gap: .58rem;
}
}


.mucwiki-home-stat {
.mucwiki-home-stat {
   min-width: 0;
   min-width: 0;
   padding: .68rem .72rem;
   padding: .68rem .7rem;
   border: 1px solid #dbe5f0;
   border: 1px solid #dfe5de;
   border-radius: 8px;
   border-radius: 8px;
   background: #f8fbff;
   background: rgba(250, 251, 249, .96);
   color: #617083;
   color: #54595d;
   line-height: 1.28;
   line-height: 1.28;
  text-align: center;
}
}


第129行： 第140行：
}
}


.mucwiki-home-stat strong {
.mucwiki-home-stat strong,
   color: #245b9f;
.mucwiki-home-stat strong a {
   font-size: 1.16rem;
   color: #17446e;
   font-size: 1.14rem;
   font-weight: 800;
   font-weight: 800;
}
}
第137行： 第149行：
.mucwiki-home-stat span {
.mucwiki-home-stat span {
   margin-top: .18rem;
   margin-top: .18rem;
   font-size: .85rem;
   font-size: .82rem;
  font-weight: 700;
}
}


.mucwiki-home-section {
.mucwiki-home-section {
   margin-top: .1rem;
   margin-top: .05rem;
}
}


第149行： 第162行：
   gap: .52rem;
   gap: .52rem;
   margin: 0 0 .72rem;
   margin: 0 0 .72rem;
   padding-bottom: .52rem;
   padding-bottom: .5rem;
   border-bottom: 1px solid #e3ebf4;
   border-bottom: 1px solid #e5e9e4;
   color: #0f172a;
   color: #141b22;
   font-size: 1.16rem;
   font-size: 1.14rem;
   font-weight: 800;
   font-weight: 800;
   letter-spacing: 0;
   letter-spacing: 0;
第163行： 第176行：
   height: 1.08rem;
   height: 1.08rem;
   border-radius: 999px;
   border-radius: 999px;
   background: #245b9f;
   background: #b42318;
}
}


第187行： 第200行：
.mucwiki-home-topline,
.mucwiki-home-topline,
.mucwiki-home-note {
.mucwiki-home-note {
   border: 1px solid #dbe4ef;
   border: 1px solid #dfe5de;
   border-radius: 8px;
   border-radius: 8px;
   background: rgba(255, 255, 255, .96);
   background: rgba(255, 255, 255, .96);
   box-shadow: 0 1px 2px rgba(31, 47, 70, .025);
   box-shadow: 0 1px 2px rgba(42, 48, 41, .026);
}
}


.mucwiki-home-card {
.mucwiki-home-card {
   position: relative;
   position: relative;
   min-height: 5.35rem;
   min-height: 5.25rem;
   padding: .88rem .95rem;
   padding: .86rem 2rem .86rem .96rem;
   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;
第205行： 第218行：
   position: absolute;
   position: absolute;
   inset: 0 auto 0 0;
   inset: 0 auto 0 0;
   width: .16rem;
   width: .18rem;
   background: #245b9f;
   background: #24735d;
   opacity: .62;
   opacity: .74;
}
 
.mucwiki-home-card::after {
  content: "›";
  position: absolute;
  top: .86rem;
  right: .92rem;
  color: #8b9b8d;
  font-size: 1.25rem;
  line-height: 1;
}
}


.mucwiki-home-card:hover {
.mucwiki-home-card:hover {
   border-color: #a9c0dc;
   border-color: #b8c8b8;
   background: #fbfdff;
   background: #fbfdfb;
   box-shadow: 0 8px 22px rgba(31, 47, 70, .052);
   box-shadow: 0 10px 24px rgba(42, 48, 41, .058);
   transform: translateY(-1px);
   transform: translateY(-1px);
}
}
第223行： 第246行：


.mucwiki-home-card strong {
.mucwiki-home-card strong {
  padding-right: 1.2rem;
   padding-left: .28rem;
   padding-left: .28rem;
   color: #0f172a;
   color: #141b22;
   font-size: 1rem;
   font-size: 1rem;
   font-weight: 800;
   font-weight: 800;
}
.mucwiki-home-card::after {
  content: "›";
  position: absolute;
  top: .9rem;
  right: 1rem;
  color: #8aa2c2;
  font-size: 1.25rem;
  line-height: 1;
}
}


第243行： 第255行：
   margin-top: .34rem;
   margin-top: .34rem;
   padding-left: .28rem;
   padding-left: .28rem;
   color: #617083;
   color: #5b6670;
   line-height: 1.58;
   line-height: 1.56;
}
}


第250行： 第262行：
.mucwiki-home-note {
.mucwiki-home-note {
   margin-top: 0;
   margin-top: 0;
   color: #536070;
   color: #54595d;
   line-height: 1.7;
   line-height: 1.68;
}
}


.mucwiki-home-topline {
.mucwiki-home-topline {
   padding: .75rem .95rem;
   padding: .76rem .95rem;
   background: #fbfdff;
   background: #fbfcfb;
}
}


第262行： 第274行：
   display: grid;
   display: grid;
   grid-template-columns: minmax(0, 1fr) minmax(17rem, .54fr);
   grid-template-columns: minmax(0, 1fr) minmax(17rem, .54fr);
   gap: .84rem;
   gap: .85rem;
   padding: .92rem 1rem;
   padding: .92rem 1rem;
   background: #fbfcfe;
   background: #fbfcfb;
}
}


第275行： 第287行：
.mucwiki-home-panel {
.mucwiki-home-panel {
   position: relative;
   position: relative;
  min-height: 12.6rem;
   overflow: hidden;
   overflow: hidden;
   padding: 1.05rem 1.15rem;
   padding: 1.05rem 1.15rem;
  min-height: 13rem;
}
}


第285行： 第297行：
   inset: 0 0 auto;
   inset: 0 0 auto;
   height: .2rem;
   height: .2rem;
   background: #245b9f;
   background: #24735d;
}
}


第297行： 第309行：


.mucwiki-home-panel--building {
.mucwiki-home-panel--building {
   border-color: #e2cf9a;
   border-color: #ead8a8;
   background: #fffaf2;
   background: #fff8ea;
}
}


.mucwiki-home-panel--building::before {
.mucwiki-home-panel--building::before {
   background: #b7791f;
   background: #8a570b;
}
}


第321行： 第333行：
   display: inline-flex;
   display: inline-flex;
   align-items: center;
   align-items: center;
   min-height: 2.1rem;
   min-height: 2.08rem;
   padding: .32rem .62rem;
   padding: .32rem .62rem;
   border: 1px solid #dbe4ef;
   border: 1px solid #dfe5de;
   border-radius: 999px;
   border-radius: 999px;
   background: rgba(255, 255, 255, .96);
   background: rgba(255, 255, 255, .96);
   color: #344054;
   color: #344054;
   font-size: .95rem;
   font-size: .94rem;
   line-height: 1.32;
   line-height: 1.32;
  box-shadow: none;
   transition: border-color .16s ease, background .16s ease, transform .16s ease;
   transition: border-color .16s ease, background .16s ease, transform .16s ease;
}
}


.mucwiki-home-link-cloud span:hover {
.mucwiki-home-link-cloud span:hover {
   border-color: #a9bdd7;
   border-color: #b8c8b8;
   background: #eef6ff;
   background: #edf7f3;
   transform: translateY(-1px);
   transform: translateY(-1px);
}
}
第348行： 第359行：
   position: relative;
   position: relative;
   padding: .95rem 1rem;
   padding: .95rem 1rem;
   background: #fbfcfe;
   background: #fbfcfb;
}
}


第358行： 第369行：
   margin-bottom: .72rem;
   margin-bottom: .72rem;
   border-radius: 999px;
   border-radius: 999px;
   background: #245b9f;
   background: #b42318;
}
}


.mucwiki-home-help h3 {
.mucwiki-home-help h3 {
   margin: 0 0 .45rem;
   margin: 0 0 .45rem;
   color: #0f172a;
   color: #141b22;
   font-size: 1rem;
   font-size: 1rem;
   font-weight: 800;
   font-weight: 800;
第369行： 第380行：


.mucwiki-home-help p {
.mucwiki-home-help p {
   color: #617083;
   color: #54595d;
   line-height: 1.66;
   line-height: 1.66;
}
}
第400行： 第411行：
     gap: .66rem;
     gap: .66rem;
     padding: .76rem;
     padding: .76rem;
    border-radius: 8px;
   }
   }


第406行： 第416行：
     min-height: auto;
     min-height: auto;
     gap: .5rem;
     gap: .5rem;
     padding: .28rem .3rem .28rem .72rem;
     padding: .62rem .3rem .62rem .72rem;
     border-left-width: 3px;
     border-left-width: 3px;
   }
   }
第433行： 第443行：
   .mucwiki-home-stat {
   .mucwiki-home-stat {
     padding: .46rem .42rem;
     padding: .46rem .42rem;
    border-radius: 8px;
   }
   }


第464行： 第473行：
   .mucwiki-home-card {
   .mucwiki-home-card {
     min-height: 4.45rem;
     min-height: 4.45rem;
     padding: .72rem .82rem;
     padding: .72rem 1.9rem .72rem .82rem;
   }
   }


第483行： 第492行：
   }
   }


   .mucwiki-home-link-cloud {
   .mucwiki-home-link-cloud,
    display: flex;
    flex-wrap: wrap;
    gap: .38rem;
  }
 
   .mucwiki-home-link-cloud p {
   .mucwiki-home-link-cloud p {
    display: flex;
    flex-wrap: wrap;
     gap: .38rem;
     gap: .38rem;
   }
   }
检索自“https://muc.wiki/wiki/模板:MUCWikiHome/styles.css”