查看“︁MediaWiki:Common.css”︁的源代码

/* ============================================ */
/*  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 {
	background:
		radial-gradient(circle at 15% 20%, rgba(120,160,200,.18), transparent 45%),
		radial-gradient(circle at 85% 15%, rgba(200,150,170,.16), transparent 45%),
		radial-gradient(circle at 50% 92%, rgba(150,180,150,.15), transparent 50%),
		linear-gradient(160deg,#f0eee9,#e9e6df);
	margin:-12px -16px 0;
	padding:24px 16px 30px;
}

.nc-cards {
	display:flex;
	flex-wrap:wrap;
	gap:18px;
	align-items:stretch;
}

.nc-card {
	flex:1;
	min-width:215px;
	background:rgba(255,255,255,.55);
	backdrop-filter:blur(20px) saturate(160%);
	-webkit-backdrop-filter:blur(20px) saturate(160%);
	border:1px solid rgba(255,255,255,.65);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.7),
		0 8px 24px -12px rgba(40,50,70,.30);
	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,.8),
		0 16px 36px -14px rgba(40,50,70,.40);
}

.nc-card-head {
	color:#fff;
	font-weight:600;
	font-size:1.05em;
	padding:15px 18px;
	letter-spacing:.4px;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.4);
}

.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:#2c2a26;
	text-decoration:none;
	transition:all .16s ease;
	font-size:.97em;
}
.nc-card li a:hover {
	background:rgba(120,140,180,.16);
	padding-left:24px;
}

/* 四个分类标题条颜色（半透明彩色玻璃）*/
.nc-card-head.nc-c-lobby { background:linear-gradient(120deg,rgba(140,120,70,.92),rgba(168,148,90,.92)); }
.nc-card-head.nc-c-play  { background:linear-gradient(120deg,rgba(60,100,150,.92),rgba(80,130,180,.92)); }
.nc-card-head.nc-c-comm  { background:linear-gradient(120deg,rgba(120,80,140,.92),rgba(150,100,170,.92)); }
.nc-card-head.nc-c-apply { background:linear-gradient(120deg,rgba(160,80,75,.92),rgba(190,105,95,.92)); }