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

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

来自MUC Wiki
Maintenance script留言 | 贡献
Refine homepage component styling
Maintenance script留言 | 贡献
Refine homepage component layout
第2行: 第2行:
   color: #1d2939;
   color: #1d2939;
   font-size: 1rem;
   font-size: 1rem;
  display: grid;
  gap: 1rem;
}
}


第21行: 第23行:
.mucwiki-home-masthead {
.mucwiki-home-masthead {
   display: grid;
   display: grid;
   grid-template-columns: minmax(0, 1.08fr) minmax(18rem, .5fr);
   grid-template-columns: minmax(0, 1fr) minmax(20rem, .46fr);
   gap: .9rem;
   gap: 1.05rem;
   align-items: stretch;
   align-items: stretch;
   padding: .9rem;
   padding: 1.05rem;
   border: 1px solid #d8e2ee;
   border: 1px solid #d7e0eb;
   border-radius: 12px;
   border-radius: 8px;
   background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(249, 251, 254, .94));
   background: #fff;
   box-shadow: 0 18px 46px rgba(31, 47, 70, .06);
   box-shadow: 0 16px 42px rgba(31, 47, 70, .055);
}
}


第34行: 第36行:
   display: grid;
   display: grid;
   align-content: center;
   align-content: center;
   gap: .66rem;
   gap: .7rem;
   min-height: 11.4rem;
   min-height: 11.4rem;
   padding: .85rem .75rem;
   padding: 1.1rem 1.05rem;
  border-left: 4px solid #245b9f;
   line-height: 1.76;
   line-height: 1.76;
}
}
第67行: 第70行:
.mucwiki-home-title {
.mucwiki-home-title {
   color: #0f172a;
   color: #0f172a;
   font-size: 2.05rem;
   font-size: 2.22rem;
   font-weight: 900;
   font-weight: 900;
   line-height: 1.12;
   line-height: 1.12;
第82行: 第85行:
   display: grid;
   display: grid;
   grid-template-rows: minmax(0, 1fr) auto;
   grid-template-rows: minmax(0, 1fr) auto;
   gap: .72rem;
   gap: .7rem;
   min-width: 0;
   min-width: 0;
}
}
第89行: 第92行:
   display: grid;
   display: grid;
   place-items: center;
   place-items: center;
   min-height: 9.4rem;
   min-height: 10.1rem;
   overflow: hidden;
   overflow: hidden;
   border: 1px solid #e7eef7;
   border: 1px solid #e5edf6;
   border-radius: 10px;
   border-radius: 8px;
   background: #f3f7fb;
   background: #f2f6fb;
   box-shadow: 0 1px 2px rgba(31, 47, 70, .035);
   box-shadow: none;
}
}


第101行: 第104行:
   display: block;
   display: block;
   width: 100%;
   width: 100%;
   max-width: 312px;
   max-width: none;
   height: auto;
   height: auto;
   border-radius: 8px;
   border-radius: 8px;
第115行: 第118行:
   min-width: 0;
   min-width: 0;
   padding: .68rem .72rem;
   padding: .68rem .72rem;
   border: 1px solid #d8e2ee;
   border: 1px solid #dbe5f0;
   border-radius: 8px;
   border-radius: 8px;
   background: #fff;
   background: #f8fbff;
   color: #617083;
   color: #617083;
   line-height: 1.28;
   line-height: 1.28;
第139行: 第142行:


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


第147行: 第150行:
   gap: .52rem;
   gap: .52rem;
   margin: 0 0 .72rem;
   margin: 0 0 .72rem;
   padding-bottom: .58rem;
   padding-bottom: .52rem;
   border-bottom: 1px solid #d8e2ee;
   border-bottom: 1px solid #e3ebf4;
   color: #0f172a;
   color: #0f172a;
   font-size: 1.16rem;
   font-size: 1.16rem;
第171行: 第174行:
.mucwiki-home-grid--primary {
.mucwiki-home-grid--primary {
   grid-template-columns: repeat(3, minmax(0, 1fr));
   grid-template-columns: repeat(3, minmax(0, 1fr));
}
.mucwiki-home-section--entries {
  padding: 1rem 1.05rem 1.1rem;
  border: 1px solid #dbe4ef;
  border-radius: 8px;
  background: rgba(255, 255, 255, .82);
}
}


第186行: 第196行:
.mucwiki-home-card {
.mucwiki-home-card {
   position: relative;
   position: relative;
   min-height: 5.65rem;
   min-height: 5.35rem;
   padding: .9rem .95rem;
   padding: .88rem .95rem;
   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;
第204行: 第214行:
   border-color: #a9c0dc;
   border-color: #a9c0dc;
   background: #fbfdff;
   background: #fbfdff;
   box-shadow: 0 10px 24px rgba(31, 47, 70, .055);
   box-shadow: 0 8px 22px rgba(31, 47, 70, .052);
   transform: translateY(-1px);
   transform: translateY(-1px);
}
}
第240行: 第250行:
.mucwiki-home-topline,
.mucwiki-home-topline,
.mucwiki-home-note {
.mucwiki-home-note {
   margin-top: .88rem;
   margin-top: 0;
   color: #536070;
   color: #536070;
   line-height: 1.7;
   line-height: 1.7;
第246行: 第256行:


.mucwiki-home-topline {
.mucwiki-home-topline {
   padding: .72rem .9rem;
   padding: .75rem .95rem;
   background: #fff;
   background: #fff;
}
}
第254行: 第264行:
   grid-template-columns: minmax(0, 1fr) minmax(17rem, .54fr);
   grid-template-columns: minmax(0, 1fr) minmax(17rem, .54fr);
   gap: .84rem;
   gap: .84rem;
   padding: .9rem 1rem;
   padding: .92rem 1rem;
   background: #fbfcfe;
   background: #fbfcfe;
}
}
第261行: 第271行:
   display: grid;
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: .88rem;
   gap: 1rem;
}
}


第267行: 第277行:
   position: relative;
   position: relative;
   overflow: hidden;
   overflow: hidden;
   padding: 1rem 1.1rem;
   padding: 1.05rem 1.15rem;
   min-height: 13rem;
   min-height: 13rem;
}
}
第289行: 第299行:
.mucwiki-home-panel--building {
.mucwiki-home-panel--building {
   border-color: #e2cf9a;
   border-color: #e2cf9a;
   background: #fffaf0;
   background: #fffaf2;
}
}


第384行: 第394行:


@media (max-width: 560px) {
@media (max-width: 560px) {
  .mucwiki-home {
    gap: .85rem;
  }
   .mucwiki-home-masthead {
   .mucwiki-home-masthead {
     gap: .66rem;
     gap: .66rem;
     padding: .82rem;
     padding: .76rem;
     border-radius: 8px;
     border-radius: 8px;
   }
   }
第393行: 第407行:
     min-height: auto;
     min-height: auto;
     gap: .5rem;
     gap: .5rem;
     padding: .15rem;
     padding: .28rem .3rem .28rem .72rem;
    border-left-width: 3px;
   }
   }


   .mucwiki-home-title {
   .mucwiki-home-title {
     font-size: 1.48rem;
     font-size: 1.56rem;
   }
   }


第405行: 第420行:


   .mucwiki-home-media {
   .mucwiki-home-media {
     display: none;
     min-height: 7.2rem;
  }
 
  .mucwiki-home-media .mw-file-element,
  .mucwiki-home-media img {
    max-width: 100%;
   }
   }


第426行: 第446行:


   .mucwiki-home-section {
   .mucwiki-home-section {
     margin-top: .9rem;
     margin-top: 0;
   }
   }


第437行: 第457行:
   .mucwiki-home-grid--primary {
   .mucwiki-home-grid--primary {
     grid-template-columns: 1fr;
     grid-template-columns: 1fr;
  }
  .mucwiki-home-section--entries {
    padding: .8rem;
   }
   }


   .mucwiki-home-card {
   .mucwiki-home-card {
     min-height: 4.65rem;
     min-height: 4.45rem;
     padding: .72rem .78rem;
     padding: .72rem .82rem;
   }
   }


第461行: 第485行:


   .mucwiki-home-link-cloud {
   .mucwiki-home-link-cloud {
     display: grid;
     display: flex;
     grid-template-columns: 1fr;
     flex-wrap: wrap;
     gap: .38rem;
     gap: .38rem;
   }
   }


   .mucwiki-home-link-cloud p {
   .mucwiki-home-link-cloud p {
     display: grid;
     display: flex;
     grid-template-columns: 1fr;
     flex-wrap: wrap;
     gap: .38rem;
     gap: .38rem;
   }
   }


   .mucwiki-home-link-cloud span {
   .mucwiki-home-link-cloud span {
     width: 100%;
     width: auto;
     border-radius: 8px;
     border-radius: 8px;
    font-size: .9rem;
   }
   }
}
}