MediaWiki:Common.css

Baneq留言 | 贡献2026年5月31日 (日) 09:01的版本

注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。

  • Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5Ctrl-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 {
	margin:18px 0 4px;
	padding:26px 22px 30px;
	background:linear-gradient(160deg,#eef1f6,#e2e6ee);
	border:1px solid #e0e4ec;
	border-radius:16px;
	box-shadow:0 4px 20px -12px rgba(60,70,90,.25);
}

.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,.55);
	backdrop-filter:blur(22px) saturate(140%);
	-webkit-backdrop-filter:blur(22px) saturate(140%);
	border:1px solid rgba(255,255,255,.7);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.8),
		0 10px 30px -14px rgba(60,65,80,.40);
	transition:transform .22s cubic-bezier(.2,.8,.2,1), box-shadow .22s;
	display:flex; flex-direction:column;
}
.nc-card:hover {
	transform:translateY(-4px);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.9),
		0 18px 40px -16px rgba(60,65,80,.50);
}

.nc-card-head {
	color:#33373d; font-weight:600; font-size:1.06em; padding:15px 18px;
	letter-spacing:.5px;
	border-bottom:1px solid rgba(120,125,135,.2);
}

.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:#3a3d42; text-decoration:none;
	transition:all .15s ease; font-size:.97em;
}
.nc-card li a:hover { background:rgba(120,130,150,.14); padding-left:24px; }

/* 标题条:统一的素灰玻璃,靠左侧一道细色条区分分类 */
.nc-card-head { background:rgba(255,255,255,.4); border-left:4px solid #9aa0a8; }
.nc-card-head.nc-c-lobby { border-left-color:#8a7642; }
.nc-card-head.nc-c-play  { border-left-color:#4a6a90; }
.nc-card-head.nc-c-comm  { border-left-color:#6e4a82; }
.nc-card-head.nc-c-apply { border-left-color:#9a5048; }