MediaWiki:Common.css:修订间差异

Baneq留言 | 贡献
无编辑摘要
Baneq留言 | 贡献
无编辑摘要
标签手工回退
 
(未显示同一用户的88个中间版本)
第34行: 第34行:
.wikiEditor-ui-toolbar .booklet .pages span.nc-橙  { color:#d35400; border-color:#f0c2a0; }
.wikiEditor-ui-toolbar .booklet .pages span.nc-橙  { color:#d35400; border-color:#f0c2a0; }
.wikiEditor-ui-toolbar .booklet .pages span.nc-高亮 { color:#b8860b; border-color:#e8d9a0; }
.wikiEditor-ui-toolbar .booklet .pages span.nc-高亮 { color:#b8860b; border-color:#e8d9a0; }
.wikiEditor-ui-toolbar .group-format .tool[rel="nccolorpicker"] {
width:auto !important; padding:0 8px !important; text-indent:0 !important;
background-image:none !important; font-size:16px;
}
.nc-colorpop { position:absolute; z-index:1000; background:#fff; border:1px solid #c8c2b4;
border-radius:8px; box-shadow:0 10px 30px -8px rgba(40,40,40,.35); padding:10px; }
.nc-colorpop-grid { display:grid; grid-template-columns:repeat(8,22px); gap:6px; margin-bottom:8px; }
.nc-swatch { width:22px; height:22px; border:1px solid rgba(0,0,0,.15); border-radius:4px; cursor:pointer; padding:0; }
.nc-swatch:hover { transform:scale(1.12); }
.nc-colorpop-row { display:flex; align-items:center; gap:6px; font-size:13px; }
.nc-colorpop-row input[type="color"] { width:34px; height:26px; padding:0; border:1px solid #c8c2b4; border-radius:4px; cursor:pointer; }
.nc-colorpop-ok { margin-left:auto; padding:3px 12px; border:1px solid #1a6b7d; background:#1a6b7d; color:#fff; border-radius:4px; cursor:pointer; }


/* —— 全站页面背景 —— */
/* —— 全站页面背景 —— */
第68行: 第83行:
display:flex; flex-direction:column;
display:flex; flex-direction:column;
}
}
.nc-card:hover {
.nc-card:hover {
transform:translateY(-4px);
transform:translateY(-4px);
第80行: 第97行:
.nc-card li { margin:0 !important; }
.nc-card li { margin:0 !important; }
.nc-card li a {
.nc-card li a {
display:block; padding:9px 18px; color:#3a3d42; text-decoration:none;
display:block;
transition:all .15s ease; font-size:.97em;
padding:9px 18px;
color:#3a3d42;
text-decoration:none;
transition:background .15s ease, padding-left .15s ease, color .15s ease;
font-size:.97em;
border-radius:0;
}
 
.nc-card li a:hover {
background:rgba(120,130,150,.11);
padding-left:24px;
color:#20242a;
}
}
.nc-card li a:hover { background:rgba(120,130,150,.14); padding-left:24px; }


/* 标题条:多色斜向渐变 + 悬停流动 */
/* 标题条:多色斜向渐变 + 悬停流动 */
第156行: 第183行:
}
}


/* 首页:诺布娘柔和展示,克制版 */
.nc-mascot {
text-align: center;
margin: 0 auto 10px;
padding: 4px 0 0;
}
.nc-mascot figure,
.nc-mascot .mw-halign-center {
margin-left: auto !important;
margin-right: auto !important;
}
.nc-mascot .mw-file-description {
display: inline-block;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
.nc-mascot img,
.nc-mascot .mw-file-element {
width: min(520px, 82vw) !important;
height: auto !important;
filter: drop-shadow(0 16px 22px rgba(45,52,68,.18));
}
/* 视频外链卡 */
.nc-video-card {
display: flex !important;
align-items: center !important;
gap: 14px !important;
max-width: 640px;
margin: 12px 0 18px !important;
padding: 14px 16px !important;
background: rgba(255,255,255,.62);
border: 1px solid rgba(210,216,222,.9);
box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 14px 32px -26px rgba(45,52,68,.55);
}
.nc-video-icon {
flex: 0 0 42px !important;
width: 42px !important;
height: 42px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: #0f4c5c;
color: #fff;
font-size: 1.2em;
font-weight: 800;
}
.nc-video-body {
flex: 1 1 auto !important;
min-width: 0;
}
.nc-video-title {
color: #24282f;
font-size: 1.05em;
font-weight: 800;
line-height: 1.45;
}
.nc-video-link {
margin-top: 5px;
font-size: .94em;
}
.nc-video-platform {
margin-top: 4px;
color: #7a828d;
font-size: .86em;
font-weight: 650;
}
@media (max-width: 560px) {
.nc-video-card {
align-items: flex-start !important;
}
}


/* 首页:诺布娘柔和展示 */
.nc-video-cover {
.mw-parser-output > p:has(img[src*="诺布娘"]),
flex: 0 0 180px !important;
.mw-parser-output > figure:has(img[src*="诺布娘"]) {
width: 180px;
aspect-ratio: 16 / 9;
overflow: hidden;
background: #e8ecef;
}
 
.nc-video-cover img,
.nc-video-cover .mw-file-element {
width: 100% !important;
height: 100% !important;
object-fit: cover;
display: block;
}
 
/* 图片集 */
/* Noblecraft Portfolio Gallery V2 */
.nc-portfolio-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 18px;
margin: 14px 0 32px;
}
 
.nc-art-card {
position: relative;
background: rgba(255,255,255,.54);
border: 1px solid rgba(218,224,230,.72);
box-shadow: 0 16px 34px -30px rgba(45,52,68,.5);
overflow: hidden;
transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
 
.nc-art-card:hover {
transform: translateY(-2px);
border-color: rgba(190,200,210,.92);
box-shadow: 0 22px 44px -32px rgba(45,52,68,.72);
}
 
.nc-art-image {
height: 300px;
display: flex;
align-items: center;
justify-content: center;
padding: 14px;
background: rgba(255,255,255,.34);
}
 
.nc-art-image img,
.nc-art-image .mw-file-element {
width: auto !important;
height: auto !important;
max-width: 100% !important;
max-height: 100% !important;
object-fit: contain;
}
 
.nc-art-caption {
padding: 12px 12px 14px;
text-align: center;
text-align: center;
margin: 4px auto 14px;
background: rgba(246,248,251,.62);
color: #263039;
font-weight: 800;
line-height: 1.45;
}
 
.nc-art-caption span {
display: inline-block;
margin-top: 3px;
color: #7a828d;
font-size: .88em;
font-weight: 600;
}
 
/* Official character art: taller, illustration-first cards. */
.nc-character-grid {
grid-template-columns: repeat(auto-fill, minmax(235px, 1fr));
}
 
.nc-character-grid .nc-art-image {
height: 330px;
padding: 16px;
background:
linear-gradient(180deg, rgba(255,255,255,.56), rgba(246,248,251,.42));
}
 
/* Logo assets: shorter, cleaner, material-display cards. */
.nc-logo-grid {
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}
 
.nc-logo-grid .nc-art-image {
height: 190px;
padding: 20px;
background:
linear-gradient(135deg, rgba(255,255,255,.62), rgba(238,242,246,.55));
}
 
.nc-logo-grid .nc-art-caption {
background: rgba(240,244,248,.70);
}
 
/* Player creations: slightly softer, community-gallery feel. */
.nc-fanart-grid {
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}
 
.nc-fanart-grid .nc-art-card::before {
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, #d89038, #4c8fbd, #8d62b8);
opacity: .45;}
 
.nc-fanart-grid .nc-art-image {
height: 300px;
background: rgba(255,255,255,.42);
}
 
.nc-logo-mosaic {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
gap: 18px;
margin: 14px 0 34px;
}
 
.nc-logo-card {
background: rgba(255,255,255,.54);
border: 1px solid rgba(218,224,230,.72);
box-shadow: 0 16px 34px -30px rgba(45,52,68,.5);
overflow: hidden;
}
 
.nc-logo-image {
height: 190px;
padding: 18px;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, rgba(255,255,255,.62), rgba(238,242,246,.48));
box-sizing: border-box;
overflow: hidden;
}
 
.nc-logo-dark {
background: #202124;
}
 
.nc-logo-small .nc-logo-image {
height: 240px;
}
 
.nc-logo-image .mw-file-description,
.nc-logo-image a.image {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
max-width: 100% !important;
max-height: 100% !important;
}
 
.nc-logo-image img,
.nc-logo-image .mw-file-element {
width: auto !important;
height: auto !important;
max-width: 100% !important;
max-height: 100% !important;
object-fit: contain !important;
}
 
.nc-logo-mosaic .nc-art-caption {
padding: 12px 12px 14px;
text-align: center;
background: rgba(246,248,251,.68);
color: #263039;
font-weight: 800;
line-height: 1.45;
}
 
.nc-logo-mosaic .nc-art-caption span {
display: inline-block;
margin-top: 3px;
color: #7a828d;
font-size: .88em;
font-weight: 600;
}
 
/* Portfolio visual polish */
.nc-art-card {
border-color: rgba(220,226,232,.55);
box-shadow: 0 18px 40px -34px rgba(45,52,68,.45);
}
 
.nc-art-card:hover {
transform: translateY(-1px);
box-shadow: 0 20px 42px -34px rgba(45,52,68,.58);
}
 
.nc-art-image {
background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(246,248,251,.42));
}
 
.nc-art-caption {
background: rgba(248,250,252,.48);
font-weight: 760;
}
 
.nc-art-caption span {
color: #8a929c;
font-weight: 560;
}
 
.nc-logo-mosaic .nc-art-caption {
padding: 10px 12px 12px;
}
 
.nc-fanart-grid .nc-art-card::before {
opacity: .24;
}
 
.nc-fanart-grid .nc-art-image {
height: 290px;
}
/* Portfolio style: white-background friendly section colors */
 
/* 基础卡片:清爽、轻阴影 */
.nc-art-card,
.nc-logo-card {
background: rgba(255,255,255,.78);
border: 1px solid rgba(190,201,213,.56);
box-shadow: 0 16px 38px -34px rgba(28,43,58,.62);
position: relative;
overflow: hidden;
}
 
.nc-art-card:hover,
.nc-logo-card:hover {
transform: translateY(-2px);
box-shadow: 0 24px 52px -40px rgba(28,43,58,.76);
}
 
/* 图片区:接近纯白,避免白底图片突兀 */
.nc-art-image,
.nc-logo-image,
.nc-character-grid .nc-art-image,
.nc-fanart-grid .nc-art-image {
background:
linear-gradient(180deg, rgba(255,255,255,.98), rgba(250,252,254,.92)) !important;
box-shadow: inset 0 -1px 0 rgba(218,225,232,.55);
}
 
/* 夜间 LOGO 保留深色展示底 */
.nc-logo-dark {
background: #202124 !important;
}
 
/* 说明区:轻微分区感 */
.nc-art-caption,
.nc-logo-mosaic .nc-art-caption {
background: rgba(246,249,252,.84);
border-top: 1px solid rgba(218,225,232,.72);
color: #23313d;
}
 
.nc-art-caption span,
.nc-logo-mosaic .nc-art-caption span {
color: #75818d;
font-weight: 620;
}
 
/* 官方设定图:冰蓝,只保留在边框和底线 */
.nc-character-grid .nc-art-card {
border-color: rgba(112,173,196,.42);
}
 
.nc-character-grid .nc-art-card::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 3px;
background: linear-gradient(90deg, #0f7c8c, #72c7d4);
opacity: .58;
}
 
/* LOGO 区:石墨灰 / 金色 */
.nc-logo-card {
border-color: rgba(165,154,135,.42);
}
 
.nc-logo-card::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 3px;
background: linear-gradient(90deg, #343a40, #c59b47);
opacity: .52;
}
 
/* 玩家创作:暖橙 / 紫粉 */
.nc-fanart-grid .nc-art-card {
border-color: rgba(203,156,190,.40);
}
 
.nc-fanart-grid .nc-art-card::before {
opacity: 0;
}
}


.mw-parser-output img[src*="诺布娘"] {
.nc-fanart-grid .nc-art-card::after {
max-width: min(560px, 88vw);
content: "";
height: auto;
position: absolute;
filter: drop-shadow(0 18px 28px rgba(45,52,68,.18));
left: 0;
right: 0;
bottom: 0;
height: 3px;
background: linear-gradient(90deg, #e08a3e, #c45fa0, #7d6bd6);
opacity: .58;
}
}