User:弃权者/Template:少女前线信息/styles.css - 版本历史

2026年5月16日 (六) 07:07 弃权者

2026-05-16T07:07:53Z

←上一版本		2026年5月16日 (六) 15:07的版本
第12行：		第12行：

	.gf-left-panel {		.gf-left-panel {
	flex: 0 0 60%;		flex: 0 0 70%;
	border-right: 1px solid var(--border-color-subtle);		border-right: 1px solid var(--border-color-subtle);
	position: relative;		position: relative;

2026年5月16日 (六) 07:07 弃权者

2026-05-16T07:07:37Z

←上一版本		2026年5月16日 (六) 15:07的版本
第12行：		第12行：

	.gf-left-panel {		.gf-left-panel {
	flex: 0 0 65%;		flex: 0 0 60%;
	border-right: 1px solid var(--border-color-subtle);		border-right: 1px solid var(--border-color-subtle);
	position: relative;		position: relative;

2026年5月16日 (六) 06:56 弃权者

2026-05-16T06:56:19Z

←上一版本		2026年5月16日 (六) 14:56的版本
第108行：		第108行：
	flex-direction: column;		flex-direction: column;
	gap: 6px;		gap: 6px;

	max-height: calc(100% - 60px);		max-height: calc(100% - 60px);
	}		}
第140行：		第141行：
	gap: 3px;		gap: 3px;
	overflow-y: auto;		overflow-y: auto;
	touch-action: pan-y;		touch-action: pan-y;
	transition: opacity 0.2s;		transition: opacity 0.2s;
	padding-bottom: 4px;		padding-bottom: 4px;
	max-height: 380px;		max-height: 380px;
	}		}

第180行：		第181行：
	flex-direction: column;		flex-direction: column;
	gap: 2px;		gap: 2px;
	padding-left: 10px;		padding-left: 10px;
	~~overflow: hidden;~~
	~~max-height: 500px;~~
	~~transition: max-height 0.25s ease, opacity 0.2s ease~~;
	opacity: 1;		opacity: 1;
			transition: opacity 0.15s ease;
	}		}

	.gf-variant-list.collapsed {		.gf-variant-list.collapsed {
	~~max-height: 0;~~		display: none;
	~~opacity: 0;~~
	~~pointer-events~~: none;
	}		}

第221行：		第218行：
	background: rgba(20, 20, 20, 0.8) !important;		background: rgba(20, 20, 20, 0.8) !important;
	border-color: #ff8c00 !important;		border-color: #ff8c00 !important;
	border-width: 1px !important;		border-width: 1px !important;
	color: #fff !important;		color: #fff !important;
	font-weight: normal !important;		font-weight: normal !important;
	box-shadow: 0 0 4px rgba(255,140,0,0.4), 0 1px 3px rgba(0,0,0,0.2);		box-shadow: 0 0 4px rgba(255,140,0,0.4), 0 1px 3px rgba(0,0,0,0.2);
	}		}
第298行：		第295行：
	}		}


	.gf-group-btn {		.gf-group-btn {
	padding: 7px 12px;		padding: 7px 12px;

2026年5月16日 (六) 06:52 弃权者

2026-05-16T06:52:15Z

←上一版本		2026年5月16日 (六) 14:52的版本
第12行：		第12行：

	.gf-left-panel {		.gf-left-panel {
	flex: 0 0 70%;		flex: 0 0 65%;
	border-right: 1px solid var(--border-color-subtle);		border-right: 1px solid var(--border-color-subtle);
	position: relative;		position: relative;
第139行：		第139行：
	flex-direction: column;		flex-direction: column;
	gap: 3px;		gap: 3px;
	overflow-y: ~~scroll~~;		overflow-y: auto;
			touch-action: pan-y;
	transition: opacity 0.2s;		transition: opacity 0.2s;
	padding-bottom: 4px;		padding-bottom: 4px;
			max-height: 380px;
	}		}


	.gf-switcher-overlay.collapsed .gf-switcher-list {		.gf-switcher-overlay.collapsed .gf-switcher-list {
第179行：		第180行：
	flex-direction: column;		flex-direction: column;
	gap: 2px;		gap: 2px;
	padding-left: 10px;		padding-left: 10px;
	overflow: hidden;		overflow: hidden;
	max-height: 500px;		max-height: 500px;
第220行：		第221行：
	background: rgba(20, 20, 20, 0.8) !important;		background: rgba(20, 20, 20, 0.8) !important;
	border-color: #ff8c00 !important;		border-color: #ff8c00 !important;
			border-width: 1px !important;
	color: #fff !important;		color: #fff !important;
			font-weight: normal !important;
	box-shadow: 0 0 4px rgba(255,140,0,0.4), 0 1px 3px rgba(0,0,0,0.2);		box-shadow: 0 0 4px rgba(255,140,0,0.4), 0 1px 3px rgba(0,0,0,0.2);
	}		}

2026年5月16日 (六) 06:35 弃权者

2026-05-16T06:35:51Z

←上一版本		2026年5月16日 (六) 14:35的版本
第12行：		第12行：

	.gf-left-panel {		.gf-left-panel {
	flex: 0 0 65%;		flex: 0 0 70%;
	border-right: 1px solid var(--border-color-subtle);		border-right: 1px solid var(--border-color-subtle);
	position: relative;		position: relative;

2026年5月16日 (六) 06:21 弃权者

2026-05-16T06:21:01Z

显示更改

2026年5月16日 (六) 03:17 弃权者

2026-05-16T03:17:17Z

@@ 第224行： / 第224行： @@
 @media screen and (max-width: 768px) {
-     .gf-infobox-new { flex-direction: column; }
+     .gf-infobox-new {
-     .gf-left-panel { flex: none; width: 100%; border-right: none; border-bottom: 1px solid var(--border-color-subtle); }
+        flex-direction: column;
+}

2026年5月16日 (六) 02:56 弃权者

2026-05-16T02:56:27Z

←上一版本		2026年5月16日 (六) 10:56的版本
第16行：		第16行：
	position: relative;		position: relative;
	overflow: hidden;		overflow: hidden;
	background-image: url('/wiki/Special:FilePath/图鉴背景.~~png~~');		background-image: url('/wiki/Special:FilePath/图鉴背景.jpg');
	background-size: cover;		background-size: cover;
	background-position: center bottom;		background-position: center bottom;
第55行：		第55行：
	}		}

	.gf-view-original~~, .gf-change-bg-btn~~ {		.gf-view-original {
	position: absolute;		position: absolute;
	right: 12px;		right: 12px;
			bottom: 12px;
	width: 32px;		width: 32px;
	height: 32px;		height: 32px;
第66行：		第67行：
	border: 1px solid var(--border-color-subtle);		border: 1px solid var(--border-color-subtle);
	box-shadow: 0 2px 5px rgba(0,0,0,0.2);		box-shadow: 0 2px 5px rgba(0,0,0,0.2);
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath filter='drop-shadow(1px 1px 1px white)' d='M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7'/%3E%3C/svg%3E");
	background-repeat: no-repeat;		background-repeat: no-repeat;
	background-position: center;		background-position: center;
第72行：		第74行：
	}		}

	.gf-view-original {		.gf-view-original:hover {
	~~bottom: 12px;~~
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath filter='drop-shadow(1px 1px 1px white)' d='M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7'/%3E%3C/svg%3E");
	}

	~~.gf-change-bg-btn {~~
	~~bottom: 52px;~~
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath filter='drop-shadow(1px 1px 1px white)' d='M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41'/%3E%3Ccircle filter='drop-shadow(1px 1px 1px white)' cx='12' cy='12' r='4'/%3E%3C/svg%3E");
	}

	~~.gf-view-original:hover, .gf-change-bg-btn~~:hover {
	background-color: var(--color-primary);		background-color: var(--color-primary);
	border-color: var(--color-primary);		border-color: var(--color-primary);
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7'/%3E%3C/svg%3E");
	transform: scale(1.1);		transform: scale(1.1);
	}		}

	~~.gf-view-original:hover {~~		.gf-bg-selector {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7'/%3E%3C/svg%3E");
	}

	~~.gf-change-bg-btn:hover {~~
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3C/svg%3E");
	}

	.gf-bg-~~popover~~ {
	position: absolute;		position: absolute;
	right: ~~52px~~;		right: 50px;
	bottom: ~~52px~~;		bottom: 12px;
	~~background~~: ~~var(--color-surface-3)~~;		width: 150px;
	~~border: 1px solid var(--border-color-subtle);~~		height: 32px;
	~~border-radius: 8px;~~		z-index: 10;
	~~padding: 8px;~~		padding: 0 8px;
	~~display: none;~~		font-size: 13px;
	~~grid-template-columns: repeat(3, 1fr);~~		border-radius: 4px;
	~~gap~~: ~~6px~~;		background-color: var(--color-surface-3);
	z-index: 30;
	~~box-shadow~~: 0 ~~4px 12px rgba(0,0,0,0.15);~~
	~~max-height: 200px;~~
	~~overflow-y: auto;~~
	~~width: 280px~~;
	}

	~~.gf-bg-popover.active {~~
	~~display: grid;~~
	}

	~~.gf-bg-item {~~
	font-size: ~~11px~~;
	~~padding~~: ~~6px~~ 4px;
	~~text-align: center~~;
	~~background: var(--~~background-color~~-interactive-subtle,~~ var(--color-surface-2));
	border: 1px solid var(--border-color-subtle);		border: 1px solid var(--border-color-subtle);
	color: var(--color-base);		color: var(--color-base);
	~~border~~-~~radius~~: ~~4px~~;		box-shadow: 0 2px 5px rgba(0,0,0,0.2);
	cursor: pointer;		cursor: pointer;
	~~white-space: nowrap;~~
	~~overflow: hidden;~~
	~~text-overflow: ellipsis;~~
	~~transition: background-color 0.2s;~~
	}		}

	.gf-bg-~~item~~:~~hover~~ {		.gf-bg-selector:focus {
	~~background~~: ~~var(--background~~-color~~-interactive,~~ var(--color-~~surface-4)~~);		outline: none;
			border-color: var(--color-primary);
	}		}

第144行：		第110行：
	display: flex;		display: flex;
	flex-direction: column;		flex-direction: column;
	gap: ~~4px~~;		gap: 8px;

	}		}

第206行：		第171行：
	color: #fff !important;		color: #fff !important;
	text-shadow: none;		text-shadow: none;
	~~mix-blend-mode: normal;~~

	border: 1px solid #ff8c00 !important;		border: 1px solid #ff8c00 !important;

	box-shadow: 0 0 4px rgba(255, 140, 0, 0.5), 0 2px 4px rgba(0, 0, 0, 0.2);		box-shadow: 0 0 4px rgba(255, 140, 0, 0.5), 0 2px 4px rgba(0, 0, 0, 0.2);
	}		}

2026年5月16日 (六) 02:40 弃权者

2026-05-16T02:40:51Z

←上一版本		2026年5月16日 (六) 10:40的版本
第184行：		第184行：

	.gf-switch-btn {		.gf-switch-btn {
	background: ~~var~~(~~--background-color-interactive-subtle~~, rgba(255, 255, 255, 0.~~65)~~);		background: rgba(0, 0, 0, 0.8) !important;
	~~border~~: ~~1px solid var(--border-color-subtle)~~;		border: 1px solid rgba(255, 255, 255, 0.8) !important;
			color: #fff !important;
	border-radius: 4px;		border-radius: 4px;
	padding: 4px 10px;		padding: 4px 10px;
	cursor: pointer;		cursor: pointer;
	font-size: 12px;		font-size: 12px;
	~~color: var(--color-base);~~		transition: background-color 0.2s, border-color 0.2s;
	transition: background-color 0.2s, color 0.2s;
	backdrop-filter: blur(4px);		backdrop-filter: blur(4px);
			text-shadow: none;
			box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
			}

			.gf-switch-btn:hover {
			background: rgba(40, 40, 40, 0.85) !important;
			border-color: #fff !important;
	}		}

	.gf-switch-btn.active {		.gf-switch-btn.active {
	background: rgba(~~128~~, ~~128~~, ~~128~~, 0.25);		background: rgba(0, 0, 0, 0.8) !important;

	~~border: 1px solid #fff;~~

	color: #fff !important;		color: #fff !important;
	text-shadow: none;		text-shadow: none;
			mix-blend-mode: normal;
	mix-blend-mode: ~~difference~~;
			border: 1px solid #ff8c00 !important;

	box-shadow: 0 2px ~~6px~~ rgba(0, 0, 0, 0.2);		box-shadow: 0 0 4px rgba(255, 140, 0, 0.5), 0 2px 4px rgba(0, 0, 0, 0.2);
	}

	~~.gf-switch-btn:hover {~~
	~~background: var(--background-color-interactive, var(--color-surface-3)~~);
	}		}

2026年5月16日 (六) 02:36 弃权者

2026-05-16T02:36:48Z

←上一版本		2026年5月16日 (六) 10:36的版本
第184行：		第184行：

	.gf-switch-btn {		.gf-switch-btn {
	background: var(--background-color-interactive-subtle, ~~var~~(~~--color-surface-2~~));		background: var(--background-color-interactive-subtle, rgba(255, 255, 255, 0.65));
	border: 1px solid var(--border-color-subtle);		border: 1px solid var(--border-color-subtle);
	border-radius: 4px;		border-radius: 4px;
第192行：		第192行：
	color: var(--color-base);		color: var(--color-base);
	transition: background-color 0.2s, color 0.2s;		transition: background-color 0.2s, color 0.2s;

	backdrop-filter: blur(4px);		backdrop-filter: blur(4px);
	}

	~~.gf-switch-btn:hover {~~
	~~background: var(--background-color-interactive, var(--color-surface-3));~~
	}		}

	.gf-switch-btn.active {		.gf-switch-btn.active {
	background: ~~var~~(~~--color-primary~~);		background: rgba(128, 128, 128, 0.25);
	~~border-color: var(--color-primary);~~
	~~color~~: ~~var(--color-on-primary, var(--color-base)) !important~~;		border: 1px solid #fff;

			color: #fff !important;
	text-shadow: none;		text-shadow: none;

	~~background~~-~~image~~: ~~linear~~-~~gradient(rgba(0, 0, 0,~~ 0~~.08),~~ rgba(0, 0, 0, 0.~~08)~~);		mix-blend-mode: difference;

			box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
			}

	~~box-shadow~~: ~~0 2px 6px rgba~~(0, ~~0, 0, 0.15~~);		.gf-switch-btn:hover {
			background: var(--background-color-interactive, var(--color-surface-3));
	}		}