打开/关闭菜单
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

MediaWiki:Common.css:修订间差异

MediaWiki界面页面
Baneq留言 | 贡献
无编辑摘要
Baneq留言 | 贡献
无编辑摘要
第36行: 第36行:


/* ============================================ */
/* ============================================ */
/*  首页 · 直角玻璃风                            */
/*  首页 · 直角白卡(干净版)                    */
/* ============================================ */
/* ============================================ */
/* 首页背景(玻璃需要背景才透得出效果)*/
.nc-stage {
.nc-stage {
background:
background: #f3f1ec;
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;
margin:-12px -16px 0;
padding:24px 16px 30px;
padding:26px 18px 32px;
}
}
 
.nc-cards { display:flex; flex-wrap:wrap; gap:20px; align-items:stretch; }
.nc-cards {
display:flex;
flex-wrap:wrap;
gap:18px;
align-items:stretch;
}
 
.nc-card {
.nc-card {
flex:1;
flex:1; min-width:215px; background:#fff;
min-width:215px;
border:1px solid #e4ded2;
background:rgba(255,255,255,.55);
box-shadow:0 1px 2px rgba(60,50,30,.05), 0 10px 28px -16px rgba(60,50,30,.30);
backdrop-filter:blur(20px) saturate(160%);
transition:transform .18s ease, box-shadow .18s ease;
-webkit-backdrop-filter:blur(20px) saturate(160%);
display:flex; flex-direction:column;
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 {
.nc-card:hover {
transform:translateY(-4px);
transform:translateY(-4px);
box-shadow:
box-shadow:0 2px 4px rgba(60,50,30,.06), 0 18px 36px -16px rgba(60,50,30,.40);
inset 0 1px 0 rgba(255,255,255,.8),
0 16px 36px -14px rgba(40,50,70,.40);
}
}
.nc-card-head {
.nc-card-head {
color:#fff;
color:#fff; font-weight:600; font-size:1.06em; padding:15px 18px;
font-weight:600;
letter-spacing:.4px; box-shadow:inset 0 -2px 0 rgba(0,0,0,.12);
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 ul { list-style:none !important; margin:0 !important; padding:6px 0 !important; }
.nc-card li { margin:0 !important; }
.nc-card li { margin:0 !important; }
.nc-card li + li a { border-top:1px solid #f4f1ea; }
.nc-card li a {
.nc-card li a {
display:block;
display:block; padding:9px 18px; color:#3a3730; text-decoration:none;
padding:9px 18px;
border-left:3px solid transparent; transition:all .14s ease; font-size:.97em;
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 li a:hover { background:#f7f4ee; 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-lobby { background:#8a7642; }
.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-play  { background:#3a5f8a; }
.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-comm  { background:#6e4a82; }
.nc-card-head.nc-c-apply { background:linear-gradient(120deg,rgba(160,80,75,.92),rgba(190,105,95,.92)); }
.nc-card-head.nc-c-apply { background:#9a5048; }
/* 悬停竖条跟随卡片色 */
.nc-card:has(.nc-c-lobby) li a:hover { border-left-color:#8a7642; }
.nc-card:has(.nc-c-play) li a:hover { border-left-color:#3a5f8a; }
.nc-card:has(.nc-c-comm) li a:hover { border-left-color:#6e4a82; }
.nc-card:has(.nc-c-apply) li a:hover { border-left-color:#9a5048; }

2026年5月31日 (日) 08:52的版本

/* ============================================ */
/*  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: #f3f1ec;
	margin:-12px -16px 0;
	padding:26px 18px 32px;
}
.nc-cards { display:flex; flex-wrap:wrap; gap:20px; align-items:stretch; }
.nc-card {
	flex:1; min-width:215px; background:#fff;
	border:1px solid #e4ded2;
	box-shadow:0 1px 2px rgba(60,50,30,.05), 0 10px 28px -16px rgba(60,50,30,.30);
	transition:transform .18s ease, box-shadow .18s ease;
	display:flex; flex-direction:column;
}
.nc-card:hover {
	transform:translateY(-4px);
	box-shadow:0 2px 4px rgba(60,50,30,.06), 0 18px 36px -16px rgba(60,50,30,.40);
}
.nc-card-head {
	color:#fff; font-weight:600; font-size:1.06em; padding:15px 18px;
	letter-spacing:.4px; box-shadow:inset 0 -2px 0 rgba(0,0,0,.12);
}
.nc-card ul { list-style:none !important; margin:0 !important; padding:6px 0 !important; }
.nc-card li { margin:0 !important; }
.nc-card li + li a { border-top:1px solid #f4f1ea; }
.nc-card li a {
	display:block; padding:9px 18px; color:#3a3730; text-decoration:none;
	border-left:3px solid transparent; transition:all .14s ease; font-size:.97em;
}
.nc-card li a:hover { background:#f7f4ee; padding-left:24px; }
/* 分类标题条(实色,沉稳)*/
.nc-card-head.nc-c-lobby { background:#8a7642; }
.nc-card-head.nc-c-play  { background:#3a5f8a; }
.nc-card-head.nc-c-comm  { background:#6e4a82; }
.nc-card-head.nc-c-apply { background:#9a5048; }
/* 悬停竖条跟随卡片色 */
.nc-card:has(.nc-c-lobby) li a:hover { border-left-color:#8a7642; }
.nc-card:has(.nc-c-play)  li a:hover { border-left-color:#3a5f8a; }
.nc-card:has(.nc-c-comm)  li a:hover { border-left-color:#6e4a82; }
.nc-card:has(.nc-c-apply) li a:hover { border-left-color:#9a5048; }