MediaWiki:Common.css
MediaWiki界面页面
更多操作
注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5。
/* Noblecraft homepage polish. Append after the current homepage CSS in MediaWiki:Common.css */
/* Keep polish scoped to the existing homepage pieces. */
.nc-stage,
.nc-cards {
max-width: 1180px;
margin-left: auto;
margin-right: auto;
}
.nc-mascot {
max-width: 1180px;
margin: 0 auto 10px;
text-align: center;
}
.nc-mascot img {
max-width: min(560px, 88vw);
height: auto;
filter: drop-shadow(0 18px 28px rgba(45,52,68,.18));
}
/* A compact intro panel for the current homepage text area. */
.nc-home-intro {
max-width: 1180px;
margin: 8px auto 18px;
padding: 20px 24px;
background: rgba(255,255,255,.58);
border: 1px solid rgba(255,255,255,.82);
box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 18px 42px -30px rgba(45,52,68,.55);
backdrop-filter: blur(18px) saturate(135%);
-webkit-backdrop-filter: blur(18px) saturate(135%);
}
.nc-home-intro h2 {
margin-top: 0;
border-bottom: 0;
color: #24282f;
font-size: 1.45rem;
line-height: 1.35;
}
.nc-home-subtitle {
margin: -4px 0 14px;
color: #75808c;
font-size: .96rem;
font-weight: 700;
}
.nc-home-intro p {
color: #4f5663;
font-size: 1.02rem;
line-height: 1.75;
}
.nc-home-meta {
max-width: 1180px;
margin: -4px auto 12px;
padding: 10px 14px;
background: rgba(255,255,255,.46);
border: 1px solid rgba(210,216,222,.78);
color: #56616d;
font-size: .94rem;
font-weight: 620;
box-shadow: 0 10px 24px -24px rgba(45,52,68,.45);
}
.nc-home-meta a {
color: #0f4c5c;
font-weight: 800;
text-decoration: none;
}
/* Make the original four-card layout feel more deliberate. */
.nc-cards {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
margin-top: 18px;
align-items: stretch;
}
.nc-card {
position: relative;
min-width: 230px;
min-height: 520px;
border-color: rgba(225,229,234,.95);
overflow: hidden;
align-self: stretch;
}
.nc-card ul {
padding-bottom: 84px !important;
}
.nc-card::after {
content: "";
position: absolute;
left: 0;
right: 0;