MediaWiki:Common.css
注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5。
/* ============================================ */
/* Noblecraft Wiki · Common.css */
/* ============================================ */
/* —— 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-stage {
position:relative;
margin:-12px -16px 0;
padding:30px 18px 36px;
background:
radial-gradient(circle at 12% 18%, #5b6fb5 0%, transparent 42%),
radial-gradient(circle at 88% 12%, #b56f8f 0%, transparent 40%),
radial-gradient(circle at 75% 88%, #5fa58a 0%, transparent 45%),
radial-gradient(circle at 30% 95%, #c79a5b 0%, transparent 42%),
linear-gradient(140deg,#3a4a7a,#6a4a72);
overflow:hidden;
}
.nc-cards { display:flex; flex-wrap:wrap; gap:18px; align-items:stretch; position:relative; z-index:1; }
.nc-card {
flex:1; min-width:215px;
background:rgba(255,255,255,.18);
backdrop-filter:blur(24px) saturate(180%);
-webkit-backdrop-filter:blur(24px) saturate(180%);
border:1px solid rgba(255,255,255,.35);
box-shadow:
inset 0 1px 0 rgba(255,255,255,.45),
0 12px 32px -12px rgba(20,20,40,.45);
transition:transform .22s cubic-bezier(.2,.8,.2,1), box-shadow .22s;
display:flex; flex-direction:column;
}
.nc-card:hover {
transform:translateY(-5px);
box-shadow:
inset 0 1px 0 rgba(255,255,255,.6),
0 20px 44px -14px rgba(20,20,40,.55);
}
.nc-card-head {
color:#fff; font-weight:600; font-size:1.06em; padding:15px 18px;
letter-spacing:.5px;
border-bottom:1px solid rgba(255,255,255,.25);
text-shadow:0 1px 4px rgba(0,0,0,.35);
}
.nc-card ul { list-style:none !important; margin:0 !important; padding:7px 0 !important; }
.nc-card li { margin:0 !important; }
.nc-card li a {
display:block; padding:9px 18px; color:#fff; text-decoration:none;
transition:all .15s ease; font-size:.97em;
text-shadow:0 1px 3px rgba(0,0,0,.4);
}
.nc-card li a:hover { background:rgba(255,255,255,.18); padding-left:24px; }
/* 分类标题条:半透明深色玻璃,透出背景色 */
.nc-card-head.nc-c-lobby { background:rgba(120,95,45,.45); }
.nc-card-head.nc-c-play { background:rgba(45,80,130,.45); }
.nc-card-head.nc-c-comm { background:rgba(100,55,120,.45); }
.nc-card-head.nc-c-apply { background:rgba(140,60,55,.45); }