AurLemonCN(讨论 | 贡献) 小无编辑摘要 |
AurLemonCN(讨论 | 贡献) 小无编辑摘要 |
||
第75行: | 第75行: | ||
} | } | ||
.mp-header- | .mp-header-server #header-server-sxg { | ||
border-radius: 50%; | |||
} | } | ||
.mp-header-server { | .mp-header-server #header-server-sxg img { | ||
width: 36px; | |||
} | |||
.mp-header .adaptive-img img { | |||
opacity: var( --opacity-icon-base ); | |||
transition: opacity 250ms ease; | |||
filter: grayscale(100%); | |||
} | |||
.mp-header .adaptive-img img:hover { | |||
opacity: var( --opacity-icon-base--hover ); | |||
} | |||
.mp-header .adaptive-img img:active { | |||
opacity: var( --opacity-icon-base--active ); | |||
} | |||
.skin-citizen-dark .mp-header .adaptive-img img { | |||
filter: invert( 0 ) ; | |||
} | } | ||
2023年9月27日 (三) 17:49的版本
.home-card { position: relative; padding: var(--space-md); background: var(--color-surface-1); border: 1px solid var(--border-color-base); border-radius: 8px; box-shadow: 0 3px 6px rgba(0,0,0,0.04),0 3px 6px rgba(0,0,0,0.0575); font-size: 0.875rem; } .mp-header { border-radius: 20px; } .mp-header-title__subtitle { color: var(--color-base--subtle); font-size: 0.875rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: var(--space-xs); } .mp-header-title__slogan { background: linear-gradient(45deg, #148a86, #f0ab10 45%); text-align: left; font-size: 3rem; font-weight: bold; margin-bottom: -6px; } .mp-header-title__desc { text-align: left; font-weight: bold; font-size: 18px; letter-spacing: 1px; color: var(--color-base--emphasized); } .mp-header-footer { display: flex; gap: 10rem; justify-content: space-between; margin-top: 3rem; align-items: center; } .mp-header-editcounts { display: flex; gap: 20px; } .mp-header-editcounts-div { text-align: left; display: flex; flex-direction: column; justify-content: space-between; } .mp-header-editcounts-div__desc { color: var(--color-base--subtle); letter-spacing: 0.05em; white-space: nowrap; font-size: 12px; } .mp-header-editcounts__counts { color: var(--color-base--emphasized); font-weight: 500; font-size: 28px; white-space: nowrap; } .mp-header-editcounts__counts a { color: var(--color-base--emphasized); } .mp-header-server #header-server-sxg { border-radius: 50%; } .mp-header-server #header-server-sxg img { width: 36px; } .mp-header .adaptive-img img { opacity: var( --opacity-icon-base ); transition: opacity 250ms ease; filter: grayscale(100%); } .mp-header .adaptive-img img:hover { opacity: var( --opacity-icon-base--hover ); } .mp-header .adaptive-img img:active { opacity: var( --opacity-icon-base--active ); } .skin-citizen-dark .mp-header .adaptive-img img { filter: invert( 0 ) ; } .mp-container { display: grid; grid-template-columns: repeat(3, auto); grid-gap: 0.625rem; }