MediaWiki:Gadget-Formatting.css

注意: 保存後、変更を確認するにはブラウザーのキャッシュを消去する必要がある場合があります。

• Firefox / Safari: Shift を押しながら 再読み込み をクリックするか、Ctrl-F5 または Ctrl-R を押してください (Mac では ⌘-R)
• Google Chrome: Ctrl-Shift-R を押してください (Mac では ⌘-Shift-R)
• Microsoft Edge: Ctrl を押しながら 最新の情報に更新 をクリックするか、Ctrl-F5 を押してください。

/* Colors */
:root {
	--color-red: #F4001C;
	--color-orange: #F4A521;
	--color-yellow: #FBFF29;
	--color-green: #34C217;
	--color-cyan: #67FDFE;
	--color-blue: #3627FC;
	--color-purple: #CE1BD6;
	/* R-Action */
	--color-lightgreen: #80FF80;
	/* S-Action */
	--color-violet: #FF80FF;
	/* N-Action */
	--color-lightyellow: #FFFF80;
	--color-text-shadow: none;
}

html.skin-theme-clientpref-day {
	--color-orange: #FF9300;
	--color-cyan: #008EAB;
	--color-lightgreen: #5FE163;
	--color-violet: #E97ACD;
	--color-text-shadow: 1px  1px 1px #000,
						-1px -1px 1px #000,
						 1px  0   1px #000,
						-1px  0   1px #000,
						 0    1px 1px #000,
						 0   -1px 1px #4d4508;
}

@media screen and (prefers-color-scheme: light) {
	html.skin-theme-clientpref-os {
		--color-orange: #FF9300;
		--color-cyan: #008EAB;
		--color-lightgreen: #5FE163;
		--color-violet: #E97ACD;
		--color-text-shadow: 1px  1px 1px #000,
							-1px -1px 1px #000,
							 1px  0   1px #000,
							-1px  0   1px #000,
							 0    1px 1px #000,
							 0   -1px 1px #4d4508;
	}
}

.red {
	color: var(--color-red);
}
.orange {
	color: var(--color-orange);
}
.yellow {
	color: var(--color-yellow);
	text-shadow: var(--color-text-shadow);
}
.green {
	color: var(--color-green);
}
.cyan {
	color: var(--color-cyan);
}
.blue {
	color: var(--color-blue);
}
.purple {
	color: var(--color-purple);
}
.lightgreen {
	color: var(--color-lightgreen);
}
.violet {
	color: var(--color-violet);
}
.lightyellow {
	color: var(--color-lightyellow);
	text-shadow: var(--color-text-shadow);
}

/* Fonts */
.sans {
	font-family: "Comic Sans MS", "Comic Sans", "Chalkboard SE", sans-serif;
}
.papyrus {
	font-family: "Papyrus", sans-serif;
}
.dt {
	font-family: "Determination Mono", monospace;
}

/* Images */
.flip-image img {
	transform: scaleX(-1);
}

/** <poem> styling **/
.poem {
	font-style: italic;
}