미디어위키:Gadget-CU.css - 편집 역사

2026년 5월 28일 (목) 06:20에 Kawalain님의 편집

2026-05-28T06:20:42Z

← 이전 판		2026년 5월 28일 (목) 15:20 판
33번째 줄:		33번째 줄:

	/* Skin */		/* Skin */
	~~@media screen and (prefers~~-~~color-scheme~~: ~~dark) {~~		:root.gadget-cu:not(.skin-theme-clientpref-day) {
	~~:root~~.skin-theme-clientpref-~~dark.gadget-cu~~ {		--background-color-base: color(srgb 0 0 0 / 0.8);
	--background-color-base: color(srgb 0 0 0 / 0.8);		--background-color-neutral-subtle: #080808;
	--background-color-neutral-subtle: #080808;		--background-color-interactive: #555;
	--background-color-interactive: #555;		--background-color-interactive-subtle--hover: #000;
	--background-color-interactive-subtle--hover: #000;		--color-base: #fff;
	--color-base: #fff;		--color-inverted: #000;
	--color-inverted: #000;		--color-inverted-fixed: #000;
	--color-inverted-fixed: #000;		--color-emphasized: #ff0;
	--color-emphasized: #ff0;		--color-progressive: #ff0;
	--color-progressive: #ff0;		--color-progressive--hover: #aa0;
	--color-progressive--hover: #aa0;

	--border-color-base: #444;		--border-color-base: #444;
	--border-size: 4px;		--border-size: 4px;

	body {		body {
	/* TODO: CHANGE ME */		/* TODO: CHANGE ME */
	background: url('https://scavprototype.wiki.gg/images/Background_dark.png');		background: url('https://scavprototype.wiki.gg/images/Background_dark.png');
	background-size: cover;		background-size: cover;
	background-position: center;		background-position: center;
	background-attachment: fixed;		background-attachment: fixed;
	background-repeat: no-repeat;		background-repeat: no-repeat;
	}		}

	.vector-header {		.vector-header {
	background: linear-gradient(		background: linear-gradient(
	to top,		to top,
	var(--border-color-base),		var(--border-color-base),
	var(--background-color-neutral-subtle)		var(--background-color-neutral-subtle)
	);		);
	}		}

	.mw-logo-container {		.mw-logo-container {
	filter: initial !important;		filter: initial !important;
	}		}

	.mw-page-container,		.mw-page-container,
	.vector-dropdown-content {		.vector-dropdown-content {
	backdrop-filter: blur(10px);		backdrop-filter: blur(10px);
	border: var(--border-size) solid var(--border-color-base);		border: var(--border-size) solid var(--border-color-base);
	}		}

	.vector-sticky-pinned-container::after {		.vector-sticky-pinned-container::after {
	background: initial;		background: initial;
	}
	}		}
	}		}

2026년 5월 28일 (목) 06:08에 Kawalain님의 편집

2026-05-28T06:08:16Z

← 이전 판		2026년 5월 28일 (목) 15:08 판
34번째 줄:		34번째 줄:
	/* Skin */		/* Skin */
	@media screen and (prefers-color-scheme: dark) {		@media screen and (prefers-color-scheme: dark) {
	:root.skin-theme-clientpref-os.gadget-cu {		:root.skin-theme-clientpref-dark.gadget-cu {
	--background-color-base: color(srgb 0 0 0 / 0.8);		--background-color-base: color(srgb 0 0 0 / 0.8);
	--background-color-neutral-subtle: #080808;		--background-color-neutral-subtle: #080808;

2026년 5월 27일 (수) 15:10에 Kawalain님의 편집

2026-05-27T15:10:40Z

← 이전 판		2026년 5월 28일 (목) 00:10 판
76번째 줄:		76번째 줄:
	}		}

	.vector-sticky-pinned-container {		.vector-sticky-pinned-container::after {
	background: initial;		background: initial;
	}		}

2026년 5월 27일 (수) 15:09에 Kawalain님의 편집

2026-05-27T15:09:30Z

← 이전 판		2026년 5월 28일 (목) 00:09 판
59번째 줄:		59번째 줄:

	.vector-header {		.vector-header {
	background: ~~inear~~-gradient(		background: linear-gradient(
	to top,		to top,
	var(--border-color-base),		var(--border-color-base),

2026년 5월 27일 (수) 15:09에 Kawalain님의 편집

2026-05-27T15:09:11Z

← 이전 판		2026년 5월 28일 (목) 00:09 판
59번째 줄:		59번째 줄:

	.vector-header {		.vector-header {
	background:		background: inear-gradient(
	~~/* TODO: CHANGE ME */~~		to top,
	~~url('https://scavprototype.wiki.gg/images/Site-logo.png') no-repeat left~~		var(--border-color-base),
	~~20% / 10%,~~		var(--background-color-neutral-subtle)
	~~linear~~-gradient(		);
	to top,
	var(--border-color-base),
	var(--background-color-neutral-subtle)
	);
	~~color: transparent~~;
	}		}

2026년 5월 27일 (수) 15:05에 Kawalain님의 편집

2026-05-27T15:05:40Z

← 이전 판		2026년 5월 28일 (목) 00:05 판
50번째 줄:		50번째 줄:

	body {		body {
	/* TODO: ~~Change Image~~ */		/* TODO: CHANGE ME */
	background~~-image~~: url('https://scavprototype.wiki.gg/images/Background_dark.png');		background: url('https://scavprototype.wiki.gg/images/Background_dark.png');
	background-size: cover;		background-size: cover;
	background-position: center;		background-position: center;
59번째 줄:		59번째 줄:

	.vector-header {		.vector-header {
	background: linear-gradient(		background:
	to top,		/* TODO: CHANGE ME */
	var(--border-color-base),		url('https://scavprototype.wiki.gg/images/Site-logo.png') no-repeat left
	var(--background-color-neutral-subtle)		20% / 10%,
	);		linear-gradient(
			to top,
			var(--border-color-base),
			var(--background-color-neutral-subtle)
			);
			color: transparent;
	}		}

2026년 5월 27일 (수) 14:57에 Kawalain님의 편집

2026-05-27T14:57:24Z

← 이전 판		2026년 5월 27일 (수) 23:57 판
74번째 줄:		74번째 줄:
	backdrop-filter: blur(10px);		backdrop-filter: blur(10px);
	border: var(--border-size) solid var(--border-color-base);		border: var(--border-size) solid var(--border-color-base);
			}

			.vector-sticky-pinned-container {
			background: initial;
	}		}
	}		}
80번째 줄:		84번째 줄:
	/* NoRetroFont */		/* NoRetroFont */
	:root:not([data-no-retro-font]) {		:root:not([data-no-retro-font]) {
	body {		body,
			h1#firstHeading,
			.vector-sticky-header-context-bar-primary {
	font-family:		font-family:
	'TemplateStyles_RetroGaming', 'TemplateStyles_NeoDunggeunmoPro',		'TemplateStyles_RetroGaming', 'TemplateStyles_NeoDunggeunmoPro',

2026년 5월 27일 (수) 14:50에 Kawalain님의 편집

2026-05-27T14:50:19Z

← 이전 판		2026년 5월 27일 (수) 23:50 판
35번째 줄:		35번째 줄:
	@media screen and (prefers-color-scheme: dark) {		@media screen and (prefers-color-scheme: dark) {
	:root.skin-theme-clientpref-os.gadget-cu {		:root.skin-theme-clientpref-os.gadget-cu {
	--background-color-base: color(srgb 0 0 0 / 0.75);		--background-color-base: color(srgb 0 0 0 / 0.8);
	--background-color-neutral-subtle: #080808;		--background-color-neutral-subtle: #080808;
	--background-color-interactive: #555;		--background-color-interactive: #555;
64번째 줄:		64번째 줄:
	var(--background-color-neutral-subtle)		var(--background-color-neutral-subtle)
	);		);
			}

			.mw-logo-container {
			filter: initial !important;
	}		}

	.mw-page-container,		.mw-page-container,
	.vector-dropdown-content {		.vector-dropdown-content {
	backdrop-filter: blur(~~20px~~);		backdrop-filter: blur(10px);
	border: var(--border-size) solid var(--border-color-base);		border: var(--border-size) solid var(--border-color-base);
	}		}

2026년 5월 27일 (수) 14:46에 Kawalain님의 편집

2026-05-27T14:46:28Z

← 이전 판		2026년 5월 27일 (수) 23:46 판
33번째 줄:		33번째 줄:

	/* Skin */		/* Skin */
	:root.gadget-cu {		@media screen and (prefers-color-scheme: dark) {
	--background-color-base: color(srgb 0 0 0 / 0.75);		:root.skin-theme-clientpref-os.gadget-cu {
	--background-color-neutral-subtle: #080808;		--background-color-base: color(srgb 0 0 0 / 0.75);
	--background-color-interactive: #555;		--background-color-neutral-subtle: #080808;
	--background-color-interactive-subtle--hover: #000;		--background-color-interactive: #555;
	--color-base: #fff;		--background-color-interactive-subtle--hover: #000;
	--color-inverted: #000;		--color-base: #fff;
	--color-inverted-fixed: #000;		--color-inverted: #000;
	--color-emphasized: #ff0;		--color-inverted-fixed: #000;
	--color-progressive: #ff0;		--color-emphasized: #ff0;
	--color-progressive--hover: #aa0;		--color-progressive: #ff0;
			--color-progressive--hover: #aa0;

	--border-color-base: #444;		--border-color-base: #444;
	--border-size: 4px;		--border-size: 4px;

	body {		body {
	/* TODO: Change Image */		/* TODO: Change Image */
	background-image: url('https://scavprototype.wiki.gg/images/Background_dark.png');		background-image: url('https://scavprototype.wiki.gg/images/Background_dark.png');
	background-size: cover;		background-size: cover;
	background-position: center;		background-position: center;
	background-attachment: fixed;		background-attachment: fixed;
	background-repeat: no-repeat;		background-repeat: no-repeat;
	}		}

	.vector-header {		.vector-header {
	background: linear-gradient(		background: linear-gradient(
	to top,		to top,
	var(--border-color-base),		var(--border-color-base),
	var(--background-color-neutral-subtle)		var(--background-color-neutral-subtle)
	);		);
	}		}

	.mw-page-container,		.mw-page-container,
	.vector-dropdown-content {		.vector-dropdown-content {
	backdrop-filter: blur(20px);		backdrop-filter: blur(20px);
	border: var(--border-size) solid var(--border-color-base);		border: var(--border-size) solid var(--border-color-base);
	}		}

	~~.skin-invert-image img,~~
	~~.skin-invert,~~
	~~.oo-ui-iconElement-icon:not(.oo-ui-image-progressive),~~
	~~.oo-ui-iconElement-icon:not(.oo-ui-image-destructive),~~
	~~.oo-ui-iconElement-icon:not(.oo-ui-checkboxInputWidget-checkIcon),~~
	~~.oo-ui-iconElement-icon:not(.oo-ui-image-invert),~~
	~~.oo-ui-iconElement-icon:not(.mw-no-invert),~~
	~~.oo-ui-indicatorElement-indicator {~~
	~~filter: invert(1) hue-rotate(180deg);~~
	}		}
	}		}

2026년 5월 27일 (수) 14:42에 Kawalain님의 편집

2026-05-27T14:42:56Z

← 이전 판		2026년 5월 27일 (수) 23:42 판
38번째 줄:		38번째 줄:
	--background-color-interactive: #555;		--background-color-interactive: #555;
	--background-color-interactive-subtle--hover: #000;		--background-color-interactive-subtle--hover: #000;
	--color-base: #~~FFF~~;		--color-base: #fff;
	--color-inverted: #000;		--color-inverted: #000;
	--color-inverted-fixed: #000;		--color-inverted-fixed: #000;
	--color-emphasized: #~~FF0~~;		--color-emphasized: #ff0;
	--color-progressive: #~~FF0~~;		--color-progressive: #ff0;
	--color-progressive--hover: #~~AA0~~;		--color-progressive--hover: #aa0;

	--border-color-base: #444;		--border-color-base: #444;
58번째 줄:		58번째 줄:

	.vector-header {		.vector-header {
	background: linear-gradient(to top, var(--border-color-base), var(--background-color-neutral-subtle));		background: linear-gradient(
			to top,
			var(--border-color-base),
			var(--background-color-neutral-subtle)
			);
	}		}

65번째 줄:		69번째 줄:
	backdrop-filter: blur(20px);		backdrop-filter: blur(20px);
	border: var(--border-size) solid var(--border-color-base);		border: var(--border-size) solid var(--border-color-base);
			}

			.skin-invert-image img,
			.skin-invert,
			.oo-ui-iconElement-icon:not(.oo-ui-image-progressive),
			.oo-ui-iconElement-icon:not(.oo-ui-image-destructive),
			.oo-ui-iconElement-icon:not(.oo-ui-checkboxInputWidget-checkIcon),
			.oo-ui-iconElement-icon:not(.oo-ui-image-invert),
			.oo-ui-iconElement-icon:not(.mw-no-invert),
			.oo-ui-indicatorElement-indicator {
			filter: invert(1) hue-rotate(180deg);
	}		}
	}		}