模板:MUCWikiHome/styles.css：修订间差异
来自MUC Wiki
更多操作
Maintenance script（留言 | 贡献） Strengthen MUC Wiki home components |
Maintenance script（留言 | 贡献） Refine homepage component styling |
||
| 第22行： | 第22行： | ||
display: grid; | display: grid; | ||
grid-template-columns: minmax(0, 1.08fr) minmax(18rem, .5fr); | grid-template-columns: minmax(0, 1.08fr) minmax(18rem, .5fr); | ||
gap: | gap: .9rem; | ||
align-items: stretch; | align-items: stretch; | ||
padding: | padding: .9rem; | ||
border: 1px solid #d8e2ee; | border: 1px solid #d8e2ee; | ||
border-radius: | border-radius: 12px; | ||
background: rgba(255, 255, 255, . | background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(249, 251, 254, .94)); | ||
box-shadow: 0 | box-shadow: 0 18px 46px rgba(31, 47, 70, .06); | ||
} | } | ||
| 第34行： | 第34行： | ||
display: grid; | display: grid; | ||
align-content: center; | align-content: center; | ||
gap: . | gap: .66rem; | ||
min-height: 11.4rem; | min-height: 11.4rem; | ||
padding: . | padding: .85rem .75rem; | ||
line-height: 1.76; | line-height: 1.76; | ||
} | } | ||
| 第67行： | 第67行： | ||
.mucwiki-home-title { | .mucwiki-home-title { | ||
color: #0f172a; | color: #0f172a; | ||
font-size: 2. | font-size: 2.05rem; | ||
font-weight: 900; | font-weight: 900; | ||
line-height: 1.12; | line-height: 1.12; | ||
| 第91行： | 第91行： | ||
min-height: 9.4rem; | min-height: 9.4rem; | ||
overflow: hidden; | overflow: hidden; | ||
border: 1px solid # | border: 1px solid #e7eef7; | ||
border-radius: | border-radius: 10px; | ||
background: # | background: #f3f7fb; | ||
box-shadow: 0 1px 2px rgba(31, 47, 70, .035); | box-shadow: 0 1px 2px rgba(31, 47, 70, .035); | ||
} | } | ||
| 第178行： | 第178行： | ||
.mucwiki-home-topline, | .mucwiki-home-topline, | ||
.mucwiki-home-note { | .mucwiki-home-note { | ||
border: 1px solid # | border: 1px solid #dbe4ef; | ||
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, . | box-shadow: 0 1px 2px rgba(31, 47, 70, .025); | ||
} | } | ||
| 第187行： | 第187行： | ||
position: relative; | position: relative; | ||
min-height: 5.65rem; | min-height: 5.65rem; | ||
padding: .95rem | padding: .9rem .95rem; | ||
overflow: hidden; | overflow: hidden; | ||
transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease; | transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease; | ||
} | } | ||
| 第203行： | 第203行： | ||
.mucwiki-home-card:hover { | .mucwiki-home-card:hover { | ||
border-color: #a9c0dc; | border-color: #a9c0dc; | ||
box-shadow: 0 | background: #fbfdff; | ||
box-shadow: 0 10px 24px rgba(31, 47, 70, .055); | |||
transform: translateY(-1px); | transform: translateY(-1px); | ||
} | } | ||
| 第254行： | 第255行： | ||
gap: .84rem; | gap: .84rem; | ||
padding: .9rem 1rem; | padding: .9rem 1rem; | ||
background: # | background: #fbfcfe; | ||
} | } | ||
| 第287行： | 第288行： | ||
.mucwiki-home-panel--building { | .mucwiki-home-panel--building { | ||
border-color: # | border-color: #e2cf9a; | ||
background: #fffaf0; | background: #fffaf0; | ||
} | } | ||
| 第313行： | 第314行： | ||
min-height: 2.1rem; | min-height: 2.1rem; | ||
padding: .32rem .62rem; | padding: .32rem .62rem; | ||
border: 1px solid # | border: 1px solid #dbe4ef; | ||
border-radius: | border-radius: 999px; | ||
background: rgba(255, 255, 255, .96); | background: rgba(255, 255, 255, .96); | ||
color: #344054; | color: #344054; | ||
font-size: .95rem; | font-size: .95rem; | ||
line-height: 1.32; | line-height: 1.32; | ||
box-shadow: | 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; | ||
} | } | ||
| 第338行： | 第339行： | ||
position: relative; | position: relative; | ||
padding: .95rem 1rem; | padding: .95rem 1rem; | ||
background: #fbfcfe; | |||
} | } | ||