MediaWiki:Common.css：修订间差异

←上一编辑下一编辑→

@@ 第485行： / 第485行： @@
 }
-/* Portfolio style: scrapbook */
+/* Portfolio style: game archive */
 .nc-art-card,
 .nc-logo-card {
-	background: rgba(255,252,246,.78);
+	background: rgba(248,250,252,.72);
-	border: 1px solid rgba(218,208,190,.78);
+	border: 1px solid rgba(150,164,178,.65);
-	box-shadow: 0 18px 42px -34px rgba(80,62,42,.52);
+	box-shadow: 0 16px 36px -30px rgba(14,36,50,.62);
+	position: relative;
+}
+.nc-art-card::after,
+.nc-logo-card::after {
+	content: "";
+	position: absolute;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	height: 3px;
+	background: linear-gradient(90deg, #0f4c5c, #4a6fd4);
+	opacity: .48;
 }
 .nc-art-card:hover,
 .nc-logo-card:hover {
-	transform: translateY(-2px) rotate(-.2deg);
+	transform: translateY(-2px);
-	box-shadow: 0 24px 52px -36px rgba(80,62,42,.66);
+	border-color: rgba(15,76,92,.55);
+	box-shadow: 0 22px 48px -34px rgba(14,36,50,.76);
 }
@@ 第502行： / 第516行： @@
 .nc-logo-image {
 	background:
-		linear-gradient(180deg, rgba(255,255,255,.84), rgba(252,247,237,.68));
+		linear-gradient(135deg, rgba(255,255,255,.78), rgba(235,240,245,.68));
 }
 .nc-art-caption,
 .nc-logo-mosaic .nc-art-caption {
-	background: rgba(250,244,232,.86);
+	background: rgba(239,244,248,.86);
-	border-top: 1px solid rgba(222,211,190,.75);
+	border-top: 1px solid rgba(185,196,207,.7);
-	color: #302a24;
+	color: #21313b;
 }
 .nc-art-caption span,
 .nc-logo-mosaic .nc-art-caption span {
-	color: #887b6d;
+	color: #697783;
-	font-weight: 580;
+	font-weight: 620;
-}
-.nc-fanart-grid .nc-art-card::before {
-	opacity: .30;
-	background: linear-gradient(90deg, #d8a34a, #78a9b8, #b391c8);
 }
-/* 给玩家创作卡片一点贴纸感，但不要影响官方设定图太多 */
+.nc-character-grid .nc-art-card::after {
-.nc-fanart-grid .nc-art-card:nth-child(2n) {
+	background: linear-gradient(90deg, #0f4c5c, #5ec5d4);
-	transform: rotate(.25deg);
 }
-.nc-fanart-grid .nc-art-card:nth-child(2n):hover {
+.nc-logo-card::after {
-	transform: translateY(-2px) rotate(.05deg);
+	background: linear-gradient(90deg, #333942, #8a96a3);
 }
-.nc-fanart-grid .nc-art-card:nth-child(2n+1) {
+.nc-fanart-grid .nc-art-card::before {
-	transform: rotate(-.15deg);
+	opacity: 0;
 }
-.nc-fanart-grid .nc-art-card:nth-child(2n+1):hover {
+.nc-fanart-grid .nc-art-card::after {
-	transform: translateY(-2px) rotate(.05deg);
+	background: linear-gradient(90deg, #d89038, #7d4ed4);
 }