MediaWiki:Common.css - 版の履歴

銀河連邦: 動作確認に成功したためコメントを追記

2025-11-17T01:40:41Z

動作確認に成功したためコメントを追記

← 古い版		2025年11月17日 (月) 10:40時点における版
678行目:		678行目:
	}		}

			/**
			20251117追記：BoxMenuで横幅いっぱいに画像を広げた場合に
			極小サイズの画像の大きさが不揃いになる現象を修正
			**/
	/画像の最大サイズを指定(Boxmenu用)/		/画像の最大サイズを指定(Boxmenu用)/
	.img-width-100 img{		.img-width-100 img{
	display: block;		display: block;
	width: 100%;		width: 100%; /* max_widthから変更して強制 */
	height: auto;		height: auto;
	}		}

銀河連邦: 画面いっぱいに横幅が広がった場合極小画像が崩れるものの修正テスト

2025-11-17T01:31:26Z

画面いっぱいに横幅が広がった場合極小画像が崩れるものの修正テスト

← 古い版		2025年11月17日 (月) 10:31時点における版
680行目:		680行目:
	/画像の最大サイズを指定(Boxmenu用)/		/画像の最大サイズを指定(Boxmenu用)/
	.img-width-100 img{		.img-width-100 img{
	~~max-~~width: 100%;		display: block;
			width: 100%;
	height: auto;		height: auto;
	}		}

羽井出: 調整

2025-11-16T09:32:44Z

調整

← 古い版		2025年11月16日 (日) 18:32時点における版
606行目:		606行目:
	}		}
	html.skin-theme-clientpref-night .infobox th {		html.skin-theme-clientpref-night .infobox th {
	background-color: #~~31353a~~; /* ヘッダーの暗い背景色 */		background-color: #1f1f23 !important; /* ヘッダーの暗い背景色 */
	color: #~~000000~~;		color: #ffffff;
	}		}
	html.skin-theme-clientpref-night .infobox a, html.skin-theme-clientpref-night .mbox a, html.skin-theme-clientpref-night .ambox a, html.skin-theme-clientpref-night .boxmenu a {		html.skin-theme-clientpref-night .infobox a, html.skin-theme-clientpref-night .mbox a, html.skin-theme-clientpref-night .ambox a, html.skin-theme-clientpref-night .boxmenu a {
645行目:		645行目:
	}		}
	.infobox th {		.infobox th {
	background-color: #~~31353a~~; /* ヘッダーの暗い背景色 */		background-color: #1f1f23 !important; /* ヘッダーの暗い背景色 */
	color: #ffffff;		color: #ffffff;
	}		}

羽井出: 調整

2025-11-16T09:10:53Z

調整

← 古い版		2025年11月16日 (日) 18:10時点における版
594行目:		594行目:
	color: white !important;		color: white !important;
	}		}

			/*********************************************************************
			ここから下は独自CSS
			**********************************************************************/

	@media screen {		@media screen {
601行目:		605行目:
	border-color: #54595d;		border-color: #54595d;
	}		}
	html.skin-theme-clientpref-night .infobox~~-header~~ {		html.skin-theme-clientpref-night .infobox th {
	background-color: #31353a; /* ヘッダーの暗い背景色 */		background-color: #31353a; /* ヘッダーの暗い背景色 */
	color: #000000;		color: #000000;
640行目:		644行目:
	border-color: #54595d;		border-color: #54595d;
	}		}
	.infobox~~-header~~ {		.infobox th {
	background-color: #31353a; /* ヘッダーの暗い背景色 */		background-color: #31353a; /* ヘッダーの暗い背景色 */
	color: #~~000000~~;		color: #ffffff;
	}		}
	.infobox a, .mbox a, .ambox a, .boxmenu a {		.infobox a, .mbox a, .ambox a, .boxmenu a {

羽井出: コミュニティポータル用CSSの調整

2025-11-16T08:57:39Z

コミュニティポータル用CSSの調整

← 古い版		2025年11月16日 (日) 17:57時点における版
624行目:		624行目:

	html.skin-theme-clientpref-night .community-portal-h1 {		html.skin-theme-clientpref-night .community-portal-h1 {
	color: #~~000000~~;		background: #1f1f23; /* 暗い背景色 */
			color: #ffffff; /* 明るい文字色 */
			border-left: solid 5px #44447a;
			border-bottom: solid 3px #54595d;
	}		}
	}		}
659行目:		662行目:
	}		}
	.community-portal-h1 {		.community-portal-h1 {
	color: #~~000000~~;		background: #1f1f23; /* 暗い背景色 */
			color: #ffffff; /* 明るい文字色 */
			border-left: solid 5px #44447a;
			border-bottom: solid 3px #54595d;
	}		}
	}		}

羽井出: Boxmenu用CSSを追加

2025-11-16T08:50:42Z

Boxmenu用CSSを追加

← 古い版		2025年11月16日 (日) 17:50時点における版
596行目:		596行目:

	@media screen {		@media screen {
	html.skin-theme-clientpref-night .infobox, html.skin-theme-clientpref-night .mbox, html.skin-theme-clientpref-night .ambox {		html.skin-theme-clientpref-night .infobox, html.skin-theme-clientpref-night .mbox, html.skin-theme-clientpref-night .ambox, html.skin-theme-clientpref-night .boxmenu {
	background-color: #1f1f23; /* 暗い背景色 */		background-color: #1f1f23; /* 暗い背景色 */
	color: #f8f9fa; /* 明るい文字色 */		color: #ffffff; /#f8f9fa;/ /* 明るい文字色 */
	border-color: #54595d;		border-color: #54595d;
	}		}
	html.skin-theme-clientpref-night .infobox-header {		html.skin-theme-clientpref-night .infobox-header {
	background-color: #31353a; /* ヘッダーの暗い背景色 */		background-color: #31353a; /* ヘッダーの暗い背景色 */
	color: #~~f8f9fa~~;		color: #000000;
	}		}
	html.skin-theme-clientpref-night .infobox a, html.skin-theme-clientpref-night .mbox a, html.skin-theme-clientpref-night .ambox a {		html.skin-theme-clientpref-night .infobox a, html.skin-theme-clientpref-night .mbox a, html.skin-theme-clientpref-night .ambox a, html.skin-theme-clientpref-night .boxmenu a {
	color: #5b92e5;		color: #5b92e5;
	}		}
622行目:		622行目:
	border-color: #44447a;		border-color: #44447a;
	}		}

			html.skin-theme-clientpref-night .community-portal-h1 {
			color: #000000;
			}
	}		}
	@media screen and (prefers-color-scheme: dark) {		@media screen and (prefers-color-scheme: dark) {
628行目:		632行目:
	}		}

	.infobox, .mbox, .ambox {		.infobox, .mbox, .ambox, .boxmenu {
	background-color: #1f1f23; /* 暗い背景色 */		background-color: #1f1f23; /* 暗い背景色 */
	color: #~~f8f9fa~~; /* 明るい文字色 */		color: #ffffff; /* 明るい文字色 */
	border-color: #54595d;		border-color: #54595d;
	}		}
	.infobox-header {		.infobox-header {
	background-color: #31353a; /* ヘッダーの暗い背景色 */		background-color: #31353a; /* ヘッダーの暗い背景色 */
	color: #~~f8f9fa~~;		color: #000000;
	}		}
	.infobox a, .mbox a, .ambox a {		.infobox a, .mbox a, .ambox a, .boxmenu a {
	color: #5b92e5;		color: #5b92e5;
	}		}
654行目:		658行目:
	border-color: #44447a;		border-color: #44447a;
	}		}
			.community-portal-h1 {
			color: #000000;
			}
	}		}

689行目:		696行目:
	border-left: solid 5px #7db4e6;		border-left: solid 5px #7db4e6;
	border-bottom: solid 3px #d7d7d7;		border-bottom: solid 3px #d7d7d7;
			}

			/*********************************************************************
			20251116追記：Boxmenu用
			**********************************************************************/
			.boxmenu {
			width: auto;
			margin: 5px;
			padding: 5px;
			border: solid 2px #808080;
			background-color: #f0f0ff;
	}		}

羽井出: ダークモード調整

2025-11-16T08:32:06Z

ダークモード調整

@@ 596行目: / 596行目: @@
 @media screen {
-	html.skin-theme-clientpref-night .mbox {
+   	html.skin-theme-clientpref-night .infobox, html.skin-theme-clientpref-night .mbox, html.skin-theme-clientpref-night .ambox {
          background-color: #1f1f23; /* 暗い背景色 */
          color: #f8f9fa; /* 明るい文字色 */
@@ 627行目: / 605行目: @@
          color: #f8f9fa;
+     }
-     html.skin-theme-clientpref-night .infobox a {
+     html.skin-theme-clientpref-night .infobox a, html.skin-theme-clientpref-night .mbox a, html.skin-theme-clientpref-night .ambox a {
          color: #5b92e5;
+     }
+}
@@ 636行目: / 628行目: @@
+	}
-	.mbox {
+	.infobox, .mbox, .ambox {
          background-color: #1f1f23; /* 暗い背景色 */
          color: #f8f9fa; /* 明るい文字色 */
@@ 667行目: / 637行目: @@
          color: #f8f9fa;
+     }
-     .infobox a {
+     .infobox a, .mbox a, .ambox a {
          color: #5b92e5;
+     }
+}

羽井出: ダークモードいろいろ調整

2025-11-16T08:18:10Z

ダークモードいろいろ調整

@@ 596行目: / 596行目: @@
 @media screen {
-	.skin-theme-clientpref-night .infobox {
+	html.skin-theme-clientpref-night .mbox {
          background-color: #1f1f23; /* 暗い背景色 */
          color: #f8f9fa; /* 明るい文字色 */
          border-color: #54595d;
+     }
+}
@@ 606行目: / 635行目: @@
 		color: white !important;
+	}
 	.infobox {

羽井出: infoboxのダークテーマ対応化テスト

2025-11-16T08:10:51Z

infoboxのダークテーマ対応化テスト

← 古い版		2025年11月16日 (日) 17:10時点における版
595行目:		595行目:
	}		}

			@media screen {
			.skin-theme-clientpref-night .infobox {
			background-color: #1f1f23; /* 暗い背景色 */
			color: #f8f9fa; /* 明るい文字色 */
			border-color: #54595d;
			}
			}
	@media screen and (prefers-color-scheme: dark) {		@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .tmpl-language-icon {		html.skin-theme-clientpref-os .tmpl-language-icon {

羽井出: infoboxno

2025-11-16T08:01:11Z

infoboxno

@@ 599行目: / 599行目: @@
 		color: white !important;
+	}
+}