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 格式面板美化 —— */
.wikiEditor-ui-toolbar .booklet .index div {
border-radius: 4px 4px 0 0;
font-weight: bold;
}
.wikiEditor-ui-toolbar .booklet .index .current {
background: #0f4c5c !important;
color: #fff !important;
}
/* 面板里的按钮:做成圆角小标签,带间距和悬停 */
.wikiEditor-ui-toolbar .booklet .pages .page-characters span {
display: inline-block;
margin: 4px;
padding: 4px 12px !important;
border: 1px solid #c8c2b4;
border-radius: 4px;
background: #faf7f2;
cursor: pointer;
font-size: 13px;
transition: all .15s;
width: auto !important;
}
.wikiEditor-ui-toolbar .booklet .pages .page-characters span:hover {
background: #0f4c5c;
color: #fff;
border-color: #0f4c5c;
}
/* 颜色按钮各自带色 */
.wikiEditor-ui-toolbar .booklet .pages span.nc-红 { color:#c0392b; border-color:#e8b5ad; }
.wikiEditor-ui-toolbar .booklet .pages span.nc-绿 { color:#27866b; border-color:#a9d6c8; }
.wikiEditor-ui-toolbar .booklet .pages span.nc-蓝 { color:#2c6fb3; border-color:#aecbe8; }
.wikiEditor-ui-toolbar .booklet .pages span.nc-橙 { color:#d35400; border-color:#f0c2a0; }
.wikiEditor-ui-toolbar .booklet .pages span.nc-高亮 { color:#b8860b; border-color:#e8d9a0; }
/* ===== 首页门户 ===== */
.nc-hero {
border-radius:12px; padding:52px 32px; text-align:center; color:#fff;
background:linear-gradient(135deg,#0f4c5c 0%,#1a6b7d 50%,#b3613e 130%);
box-shadow:0 8px 30px -12px rgba(15,76,92,.55); margin-bottom:26px;
}
.nc-hero-title { font-size:2.8em; font-weight:700; letter-spacing:3px; text-shadow:0 2px 12px rgba(0,0,0,.3); line-height:1.1; }
.nc-hero-sub { font-size:1.15em; opacity:.92; margin-top:10px; }
.nc-intro { font-size:1.02em; line-height:1.9; }
.nc-love { color:#e84393; font-style:italic; font-size:1.05em; margin:14px 0; }
.nc-stat { color:#777; margin-bottom:26px; }
.nc-cards { display:flex; flex-wrap:wrap; gap:20px; }
.nc-card {
flex:1; min-width:215px; background:#fff; border:1px solid #e8e2d6;
border-radius:10px; overflow:hidden;
box-shadow:0 4px 16px -8px rgba(0,0,0,.16); transition:transform .15s, box-shadow .15s;
}
.nc-card:hover { transform:translateY(-3px); box-shadow:0 12px 26px -10px rgba(0,0,0,.24); }
.nc-card-head { color:#fff; font-weight:bold; font-size:1.05em; padding:12px 16px; letter-spacing:.5px; }
.nc-card ul { list-style:none !important; margin:0 !important; padding:8px 0 !important; }
.nc-card li { margin:0 !important; }
.nc-card li a {
display:block; padding:7px 16px; color:#333; text-decoration:none;
border-left:3px solid transparent; transition:all .12s;
}
.nc-card li a:hover { background:#f5f1e8; border-left-color:currentColor; padding-left:22px; }
.nc-c-lobby { background:linear-gradient(90deg,#6b6440,#857a4d); }
.nc-c-play { background:linear-gradient(90deg,#2c4a7d,#3a5f9e); }
.nc-c-comm { background:linear-gradient(90deg,#5a3a6b,#744a8a); }
.nc-c-apply { background:linear-gradient(90deg,#7d3a3a,#9e4a4a); }