MediaWiki:Common.css - 版の履歴

2026年2月27日 (金) 14:45にBaragekiによる

2026-02-27T14:45:16Z

← 古い版		2026年2月27日 (金) 23:45時点における版
46行目:		46行目:
	}		}
	#siteSub { display: inline !important; }		#siteSub { display: inline !important; }

			/* --- YouTubeをレスポンシブにする --- */

			.video-container {
			position: relative;
			padding-bottom: 56.25%;
			height: 0;
			overflow: hidden;
			margin-bottom: 20px;
			}

			.video-container iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100% !important;
			height: 100% !important;
			border: 0;
			}

2026年2月26日 (木) 03:33にBaragekiによる

2026-02-26T03:33:58Z

← 古い版		2026年2月26日 (木) 12:33時点における版
45行目:		45行目:
	background: white !important;		background: white !important;
	}		}
			#siteSub { display: inline !important; }

2026年2月18日 (水) 12:00にBaragekiによる

2026-02-18T12:00:57Z

← 古い版		2026年2月18日 (水) 21:00時点における版
38行目:		38行目:
	background-size: contain !important;		background-size: contain !important;
	}		}
			}

			/* --- 4. 念のため広告が被らないようにヘッダーを最前面へ --- */
			.vector-header-container {
			z-index: 1000 !important;
			background: white !important;
	}		}

2026年2月18日 (水) 11:59にBaragekiによる

2026-02-18T11:59:30Z

@@ 1行目: / 1行目: @@
+/* --- 1. Googleがロゴの前に割り込ませる「巨大な箱」を完全消去 --- */
 /* --- 2. PC版（1000px以上）のロゴサイズを200pxに固定 --- */
@@ 31行目: / 38行目: @@
          background-size: contain !important;
+     }
+}

2026年2月18日 (水) 11:58にBaragekiによる

2026-02-18T11:58:36Z

← 古い版		2026年2月18日 (水) 20:58時点における版
1行目:		1行目:
	~~/* --- 1. Googleがロゴの前に割り込ませる「巨大な箱」を完全消去 --- */~~
	~~.google-auto-placed,~~
	~~.vector-header-start > .google-auto-placed {~~
	~~display: none !important;~~
	~~height: 0 !important;~~
	~~margin: 0 !important;~~
	~~padding: 0 !important;~~
	}

	/* --- 2. PC版（1000px以上）のロゴサイズを200pxに固定 --- */		/* --- 2. PC版（1000px以上）のロゴサイズを200pxに固定 --- */

2026年2月18日 (水) 07:56にBaragekiによる

2026-02-18T07:56:59Z

← 古い版		2026年2月18日 (水) 16:56時点における版
1行目:		1行目:
	/* ~~==========================================~~		/* --- 1. Googleがロゴの前に割り込ませる「巨大な箱」を完全消去 --- */
	1. ~~全デバイス共通：ロゴの基本設定~~		.google-auto-placed,
	~~==========================================~~ */		.vector-header-start > .google-auto-placed {
	#p-~~logo~~ {		display: none !important;
	display: ~~flex~~ !important;		height: 0 !important;
	~~justify-content~~: ~~center~~ !important;		margin: 0 !important;
	~~align-items~~: ~~center~~ !important;		padding: 0 !important;
	}		}

	#p-~~logo a {~~		/* --- 2. PC版（1000px以上）のロゴサイズを200pxに固定 --- */
	~~background~~-~~size: contain !important;~~
	~~background~~-~~repeat: no~~-~~repeat !important;~~
	~~background~~-~~position: center !important;~~
	~~display: block !important;~~
	}

	~~/* ==========================================~~
	~~2. PC用（1000px以上）：広告抹殺＆ロゴ200px~~
	~~==========================================~~ */
	@media screen and (min-width: 1000px) {		@media screen and (min-width: 1000px) {
	/* ~~ページ上部の余白と広告を消す~~ */		/* ロゴの外枠 */
	~~html, body~~ {		.vector-header-start {
	~~margin-top~~: ~~0 !important;~~		height: 200px !important; /* ここでヘッダーの高さを確保 */
	~~padding-top: 0~~ !important;
	}		}

	~~#mw-head ins~~.~~adsbygoogle,~~		.mw-logo, .vector-logo {
	#mw~~-navigation ins.adsbygoogle,~~		width: 200px !important;
	#p-logo ~~ins.adsbygoogle~~,		height: 200px !important;
	~~#p-search ins~~.~~adsbygoogle,~~		max-width: 200px !important;
	#p-~~personal ins.adsbygoogle,~~
	~~.google-auto-placed,~~
	~~div[class*="google-auto-placed"],~~
	~~ins[data-vignette-loaded="true"]~~ {
	~~display~~: ~~none~~ !important;
	height: 0 !important;
	width: ~~0 !important;~~
	~~overflow: hidden !important;~~
	~~visibility: hidden !important;~~
	}

	~~/* ヘッダー要素を広告より前に出す */~~
	~~#mw-head, #p-logo, #p-search, #p-personal {~~
	~~position: relative !important;~~
	~~z-index: 999999 !important;~~
	~~background: white~~ !important; ~~/* 透け防止 */~~
	}		}

	/* ~~【PC版ロゴ】枠ごとサイズを強制指定~~ */		/* ロゴ画像そのもの */
	~~div#p~~-logo {		.mw-logo-icon, .mw-logo-wordmark, .mw-wiki-logo {
	~~width: 200px !important;~~
	~~height: 200px !important;~~
	~~min~~-~~width: 200px !important;~~
	}
	~~div#p~~-logo a {
	width: 200px !important;		width: 200px !important;
	height: 200px !important;		height: 200px !important;
			max-width: 200px !important;
			background-size: contain !important;
	}		}

	~~/* ロゴを小さくした分、コンテンツの左余白を調整（必要に応じて） */~~
	~~#mw-panel { width: 200px !important; }~~
	~~#content, #footer, #mw-head-base, #left-navigation { margin-left: 200px !important; }~~
	}		}

	/* ~~==========================================~~		/* --- 3. モバイル版（999px以下）のロゴを100pxに固定 --- */
	3. ~~モバイル用（999px以下）：ロゴ100px~~
	~~==========================================~~ */
	@media screen and (max-width: 999px) {		@media screen and (max-width: 999px) {
	~~/* 【モバイル版ロゴ】 */~~		.mw-logo, .vector-logo, .mw-logo-icon, .mw-logo-wordmark {
	#p-logo, #p-logo a {
	width: 100px !important;		width: 100px !important;
	height: 100px !important;		height: 100px !important;
	~~min~~-width: 100px !important;		max-width: 100px !important;
			background-size: contain !important;
	}		}
			}

			/* --- 4. 念のため広告が被らないようにヘッダーを最前面へ --- */
			.vector-header-container {
			z-index: 1000 !important;
			background: white !important;
	}		}

2026年2月18日 (水) 07:51にBaragekiによる

2026-02-18T07:51:46Z

← 古い版		2026年2月18日 (水) 16:51時点における版
1行目:		1行目:
	/* ~~---~~ 1. ~~全デバイス共通の設定 ---~~ */		/* ==========================================
			1. 全デバイス共通：ロゴの基本設定
			========================================== */
	#p-logo {		#p-logo {
	display: flex;		display: flex !important;
	justify-content: center;		justify-content: center !important;
	align-items: center;		align-items: center !important;
	}		}

10行目:		12行目:
	background-repeat: no-repeat !important;		background-repeat: no-repeat !important;
	background-position: center !important;		background-position: center !important;
			display: block !important;
	}		}

	/* ~~---~~ 2. ~~PC用の設定 (画面幅1000px以上) ---~~ */		/* ==========================================
			2. PC用（1000px以上）：広告抹殺＆ロゴ200px
			========================================== */
	@media screen and (min-width: 1000px) {		@media screen and (min-width: 1000px) {
	/* ~~広告を根こそぎ非表示にする~~ */		/* ページ上部の余白と広告を消す */
	html, body {		html, body {
	margin-top: 0 !important;		margin-top: 0 !important;
35行目:		40行目:
	}		}

	/* ~~ロゴや検索窓を最前面へ出す~~ */		/* ヘッダー要素を広告より前に出す */
	#mw-head, #p-logo, #p-search, #p-personal {		#mw-head, #p-logo, #p-search, #p-personal {
	position: relative !important;		position: relative !important;
	z-index: 999999 !important;		z-index: 999999 !important;
	background: white !important;		background: white !important; /* 透け防止 */
	}		}

	/* ~~PCのロゴサイズ指定~~ */		/* 【PC版ロゴ】枠ごとサイズを強制指定 */
	#p-logo, #p-logo a {		div#p-logo {
	width: ~~180px~~ !important; ~~/* お好みで180〜200px */~~		width: 200px !important;
	height: ~~180px~~ !important;		height: 200px !important;
			min-width: 200px !important;
			}
			div#p-logo a {
			width: 200px !important;
			height: 200px !important;
	}		}

			/* ロゴを小さくした分、コンテンツの左余白を調整（必要に応じて） */
			#mw-panel { width: 200px !important; }
			#content, #footer, #mw-head-base, #left-navigation { margin-left: 200px !important; }
	}		}

	/* ~~---~~ 3. ~~モバイル用の設定 (画面幅999px以下) ---~~ */		/* ==========================================
			3. モバイル用（999px以下）：ロゴ100px
			========================================== */
	@media screen and (max-width: 999px) {		@media screen and (max-width: 999px) {
	/* ~~モバイルのロゴサイズ指定~~ */		/* 【モバイル版ロゴ】 */
	#p-logo, #p-logo a {		#p-logo, #p-logo a {
	width: 100px !important;		width: 100px !important;
	height: 100px !important;		height: 100px !important;
			min-width: 100px !important;
	}		}
	}		}

2026年2月18日 (水) 07:48にBaragekiによる

2026-02-18T07:48:30Z

@@ 1行目: / 1行目: @@
 @media screen and (min-width: 1000px) {
-     /* 1. ページ全体の「一番上」に強制的に作られる余白を抹殺 */
+     /* 広告を根こそぎ非表示にする */
      html, body {
          margin-top: 0 !important;
@@ 6行目: / 20行目: @@
+     }
      #mw-head ins.adsbygoogle,
      #mw-navigation ins.adsbygoogle,
@@ 22行目: / 35行目: @@
+     }
-     /* 3. ロゴや検索窓が「下」に隠れないよう、一番手前に引っ張り出す */
+     /* ロゴや検索窓を最前面へ出す */
      #mw-head, #p-logo, #p-search, #p-personal {
          position: relative !important;
-         z-index: 999999 !important; /* 最大級のパワーで前面へ */
+         z-index: 999999 !important;
-         background: white !important; /* 背景を白にして広告を透けさせない */
+        background: white !important;
+     }
+}

2026年2月18日 (水) 05:16にBaragekiによる

2026-02-18T05:16:44Z

← 古い版		2026年2月18日 (水) 14:16時点における版
1行目:		1行目:
	~~/* 画面幅が1000px以上の時（デスクトップ）だけ適用 */~~
	@media screen and (min-width: 1000px) {		@media screen and (min-width: 1000px) {
			/* 1. ページ全体の「一番上」に強制的に作られる余白を抹殺 */
			html, body {
			margin-top: 0 !important;
			padding-top: 0 !important;
			}

	/* 1. ~~ロゴ、検索、個人設定、ヘッダー全体から広告を排除~~ */		/* 2. Googleが勝手に挿入する全広告ユニットをヘッダー周辺から消す */
	#mw-head ins.adsbygoogle,		#mw-head ins.adsbygoogle,
	#mw-navigation ins.adsbygoogle,		#mw-navigation ins.adsbygoogle,
8行目:		12行目:
	#p-search ins.adsbygoogle,		#p-search ins.adsbygoogle,
	#p-personal ins.adsbygoogle,		#p-personal ins.adsbygoogle,
	~~body > ins~~.~~adsbygoogle~~,		.google-auto-placed,
	~~body >~~ ins~~.adsbygoogle:first~~-of-~~type~~ {		div[class*="google-auto-placed"],
			ins[data-vignette-loaded="true"] {
	display: none !important;		display: none !important;
			height: 0 !important;
			width: 0 !important;
			overflow: hidden !important;
	visibility: hidden !important;		visibility: hidden !important;
	~~height: 0 !important;~~
	}

	~~/* 2. 要素に「被さる」ように浮いている広告の余白をリセット */~~
	~~ins.adsbygoogle[data-ad-status="filled"] {~~
	~~margin-top: 0 !important;~~
	~~margin-bottom: 0 !important;~~
	}		}

	/* 3. ~~ヘッダーを前面に出して、無理やり作られた隙間をリセット~~ */		/* 3. ロゴや検索窓が「下」に隠れないよう、一番手前に引っ張り出す */
	#mw-head {		#mw-head, #p-logo, #p-search, #p-personal {
	~~height~~: ~~auto~~ !important;		position: relative !important;
	z-index: ~~100~~ !important;		z-index: 999999 !important; /* 最大級のパワーで前面へ */
			background: white !important; /* 背景を白にして広告を透けさせない */
	}		}
	}		}

2026年2月18日 (水) 05:14にBaragekiによる

2026-02-18T05:14:25Z

← 古い版		2026年2月18日 (水) 14:14時点における版
1行目:		1行目:
	/* ~~1. ロゴ、検索、個人設定が含まれる「ヘッダー全体」から広告を排除~~ */		/* 画面幅が1000px以上の時（デスクトップ）だけ適用 */
	~~#mw~~-~~head ins.adsbygoogle,~~		@media screen and (min-width: 1000px) {
	~~#mw-navigation ins.adsbygoogle,~~
	~~#p-logo ins.adsbygoogle,~~
	~~#p-search ins.adsbygoogle,~~
	~~#p-personal ins.adsbygoogle~~ {
	~~display: none !important;~~
	~~visibility: hidden !important;~~
	~~height: 0 !important;~~
	}

	/* 2. ~~要素に「被さる」ように浮いている広告を強制非表示~~ */		/* 1. ロゴ、検索、個人設定、ヘッダー全体から広告を排除 */
	ins.adsbygoogle~~[data~~-ad-~~status="filled"] {~~		#mw-head ins.adsbygoogle,
	~~margin~~-~~top~~: 0 !important;		#mw-navigation ins.adsbygoogle,
	~~margin-bottom~~: 0 !important;		#p-logo ins.adsbygoogle,
	}		#p-search ins.adsbygoogle,
			#p-personal ins.adsbygoogle,
			body > ins.adsbygoogle,
			body > ins.adsbygoogle:first-of-type {
			display: none !important;
			visibility: hidden !important;
			height: 0 !important;
			}

	/* 3. ~~ヘッダーエリアの中に無理やり作られた隙間をリセット~~ */		/* 2. 要素に「被さる」ように浮いている広告の余白をリセット */
	~~#mw~~-~~head~~ {		ins.adsbygoogle[data-ad-status="filled"] {
	~~height~~: ~~auto~~ !important;		margin-top: 0 !important;
	z-~~index~~: ~~100~~ !important; ~~/* Wikiのヘッダーを広告より前面に出す */~~		margin-bottom: 0 !important;
	}		}

	/* 4. ~~もし「ページ最上部」に居座っているなら、その枠ごと消す~~ */		/* 3. ヘッダーを前面に出して、無理やり作られた隙間をリセット */
	~~body > ins.adsbygoogle~~ {		#mw-head {
	~~display~~: ~~none~~ !important;		height: auto !important;
			z-index: 100 !important;
			}
	}		}