MediaWiki:Common.css:修订间差异

Baneq留言 | 贡献
无编辑摘要
Baneq留言 | 贡献
无编辑摘要
标签手工回退
 
(未显示同一用户的58个中间版本)
第97行: 第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; }


/* 标题条:多色斜向渐变 + 悬停流动 */
/* 标题条:多色斜向渐变 + 悬停流动 */
第484行: 第494行:
height: 290px;
height: 290px;
}
}
/* Portfolio style: white-background friendly section colors */


/* Portfolio style: gallery hall */
/* 基础卡片:清爽、轻阴影 */
.nc-art-card,
.nc-art-card,
.nc-logo-card {
.nc-logo-card {
background: rgba(255,255,255,.74);
background: rgba(255,255,255,.78);
border: 1px solid rgba(228,232,238,.9);
border: 1px solid rgba(190,201,213,.56);
box-shadow: 0 22px 50px -42px rgba(30,42,58,.58);
box-shadow: 0 16px 38px -34px rgba(28,43,58,.62);
position: relative;
overflow: hidden;
}
}


第496行: 第509行:
.nc-logo-card:hover {
.nc-logo-card:hover {
transform: translateY(-2px);
transform: translateY(-2px);
box-shadow: 0 26px 56px -42px rgba(30,42,58,.72);
box-shadow: 0 24px 52px -40px rgba(28,43,58,.76);
}
}


/* 图片区:接近纯白,避免白底图片突兀 */
.nc-art-image,
.nc-art-image,
.nc-logo-image {
.nc-logo-image,
.nc-character-grid .nc-art-image,
.nc-fanart-grid .nc-art-image {
background:
background:
linear-gradient(180deg, rgba(255,255,255,.92), rgba(250,251,253,.72));
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-art-caption,
.nc-logo-mosaic .nc-art-caption {
.nc-logo-mosaic .nc-art-caption {
background: rgba(255,255,255,.82);
background: rgba(246,249,252,.84);
border-top: 1px solid rgba(228,232,238,.75);
border-top: 1px solid rgba(218,225,232,.72);
color: #202833;
color: #23313d;
}
}


.nc-art-caption span,
.nc-art-caption span,
.nc-logo-mosaic .nc-art-caption span {
.nc-logo-mosaic .nc-art-caption span {
color: #8b95a1;
color: #75818d;
font-weight: 560;
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 {
.nc-fanart-grid .nc-art-card::before {
opacity: .18;
opacity: 0;
}
 
.nc-fanart-grid .nc-art-card::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 3px;
background: linear-gradient(90deg, #e08a3e, #c45fa0, #7d6bd6);
opacity: .58;
}
}