MediaWiki:Common.css - Historique des versions

Kims le 9 juillet 2026 à 21:09

2026-07-09T21:09:09Z

← Version précédente		Version du 9 juillet 2026 à 23:09
Ligne 2 370 :		Ligne 2 370 :
	--xbar-active-fg:#0b100b;		--xbar-active-fg:#0b100b;
	--xbar-height:34px;		--xbar-height:34px;
			--vt-head-height:54px; /* hauteur de l'en-tête du wiki (#mw-head) */
	}		}
	html{scroll-padding-top:var(--xbar-height)}		html{scroll-padding-top:calc(var(--xbar-height) + var(--vt-head-height))}
	/* ~~Vector 2022~~ : l'en-tête ~~qui apparaît au scroll passe SOUS la barre~~ */		/* En-tête du wiki : juste sous la barre */
	.~~vector~~-~~sticky~~-~~header~~{top:var(--xbar-height) !important}		#mw-head.vt-header{top:var(--xbar-height) !important}
			/* Menu gauche + onglets + sommaire : sous la barre ET l'en-tête */
			#mw-panel.vt-sidebar,
			#p-cactions.vt-page-tabs,
			#vt-toc-sidebar.vt-toc-sidebar{top:calc(var(--xbar-height) + var(--vt-head-height)) !important}
	#xbar.xbar{height:var(--xbar-height);display:flex;align-items:center;gap:3px;padding:0 12px;		#xbar.xbar{height:var(--xbar-height);display:flex;align-items:center;gap:3px;padding:0 12px;
	background:var(--xbar-bg);border-bottom:1px solid color-mix(in srgb,var(--xbar-accent) 35%,transparent);		background:var(--xbar-bg);border-bottom:1px solid color-mix(in srgb,var(--xbar-accent) 35%,transparent);

Kims le 9 juillet 2026 à 20:56

2026-07-09T20:56:32Z

← Version précédente		Version du 9 juillet 2026 à 22:56
Ligne 2 372 :		Ligne 2 372 :
	}		}
	html{scroll-padding-top:var(--xbar-height)}		html{scroll-padding-top:var(--xbar-height)}
	~~body{padding-top:var(--xbar-height) !important}~~
	/* Vector 2022 : l'en-tête qui apparaît au scroll passe SOUS la barre */		/* Vector 2022 : l'en-tête qui apparaît au scroll passe SOUS la barre */
	.vector-sticky-header{top:var(--xbar-height) !important}		.vector-sticky-header{top:var(--xbar-height) !important}
Ligne 2 378 :		Ligne 2 377 :
	background:var(--xbar-bg);border-bottom:1px solid color-mix(in srgb,var(--xbar-accent) 35%,transparent);		background:var(--xbar-bg);border-bottom:1px solid color-mix(in srgb,var(--xbar-accent) 35%,transparent);
	color:var(--xbar-fg);font:12.5px/1 'Courier New',monospace;letter-spacing:.04em;user-select:none;		color:var(--xbar-fg);font:12.5px/1 'Courier New',monospace;letter-spacing:.04em;user-select:none;
	position:~~fixed~~;top~~:0;left:0;right~~:0;z-index:2147483000;box-sizing:border-box}		position:sticky;top:0;z-index:2147483000;box-sizing:border-box}
	#xbar .xb-brand{display:flex;align-items:center;gap:8px;margin-right:16px;color:var(--xbar-accent);		#xbar .xb-brand{display:flex;align-items:center;gap:8px;margin-right:16px;color:var(--xbar-accent);
	font-weight:700;letter-spacing:.1em;white-space:nowrap}		font-weight:700;letter-spacing:.1em;white-space:nowrap}

Kims le 9 juillet 2026 à 20:54

2026-07-09T20:54:47Z

← Version précédente		Version du 9 juillet 2026 à 22:54
Ligne 2 378 :		Ligne 2 378 :
	background:var(--xbar-bg);border-bottom:1px solid color-mix(in srgb,var(--xbar-accent) 35%,transparent);		background:var(--xbar-bg);border-bottom:1px solid color-mix(in srgb,var(--xbar-accent) 35%,transparent);
	color:var(--xbar-fg);font:12.5px/1 'Courier New',monospace;letter-spacing:.04em;user-select:none;		color:var(--xbar-fg);font:12.5px/1 'Courier New',monospace;letter-spacing:.04em;user-select:none;
	position:fixed;top:0;left:0;right:0;z-index:~~2000~~;box-sizing:border-box}		position:fixed;top:0;left:0;right:0;z-index:2147483000;box-sizing:border-box}
	#xbar .xb-brand{display:flex;align-items:center;gap:8px;margin-right:16px;color:var(--xbar-accent);		#xbar .xb-brand{display:flex;align-items:center;gap:8px;margin-right:16px;color:var(--xbar-accent);
	font-weight:700;letter-spacing:.1em;white-space:nowrap}		font-weight:700;letter-spacing:.1em;white-space:nowrap}
Ligne 2 388 :		Ligne 2 388 :
	#xbar .xb-discord svg{width:17px;height:13px;flex:none}#xbar .xb-discord .xb-count b{font-weight:700}		#xbar .xb-discord svg{width:17px;height:13px;flex:none}#xbar .xb-discord .xb-count b{font-weight:700}
	#xbar .xb-dot{width:7px;height:7px;border-radius:50%;background:#7fbf5f;box-shadow:0 0 5px #7fbf5f;display:inline-block}		#xbar .xb-dot{width:7px;height:7px;border-radius:50%;background:#7fbf5f;box-shadow:0 0 5px #7fbf5f;display:inline-block}
			/* Mobile : libellés courts + Discord qui pulse (sans pastille) */
			@keyframes xbDiscordPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.13)}}
	@media (max-width:768px){		@media (max-width:768px){
	#xbar .xb-long{display:none}#xbar .xb-short{display:inline}#xbar .xb-brand{display:none}		#xbar .xb-long{display:none}#xbar .xb-short{display:inline}#xbar .xb-brand{display:none}
	#xbar.xbar{padding:0 8px}		#xbar.xbar{padding:0 8px}
			#xbar .xb-discord{animation:xbDiscordPulse 1.5s ease-in-out infinite;transform-origin:center;will-change:transform}
	}		}
			@media (prefers-reduced-motion:reduce){#xbar .xb-discord{animation:none}}

Kims le 9 juillet 2026 à 20:41

2026-07-09T20:41:33Z

← Version précédente		Version du 9 juillet 2026 à 22:41
Ligne 2 363 :		Ligne 2 363 :


	/* ════════════════════════════════════════════════════════════════════════		/* ═══ Barre inter-sites Fallout Génération ═══ */
	~~BARRE INTER~~-~~SITES « Forum · Wiki · Carte » — MEDIAWIKI (Archives de Vault-Tec)~~
	~~À coller dans MediaWiki:Common.css (droit « interface-admin »/editinterface).~~
	~~Le HTML de la barre est injecté par MediaWiki:Common.js (voir xbar-mediawiki.js).~~
	~~Thème vert Pip-Boy accordé au reste de la communauté ; règle les 4 variables~~
	~~ci-dessous pour coller aux couleurs du wiki.~~
	════════════════════════════════════════════════════════════════════════ */
	:root{		:root{
	--xbar-bg:#0d120d; ~~/* fond de la barre */~~		--xbar-bg:#0d120d;
	--xbar-fg:#a7c0a7; ~~/* texte / liens */~~		--xbar-fg:#a7c0a7;
	--xbar-accent:#5fe06e; ~~/* vert Pip-Boy : survol, marque, item actif, CTA */~~		--xbar-accent:#5fe06e;
	--xbar-active-fg:#0b100b; ~~/* texte sombre sur l'accent */~~		--xbar-active-fg:#0b100b;
	--xbar-height:34px;		--xbar-height:34px;
	}		}
			html{scroll-padding-top:var(--xbar-height)}
			body{padding-top:var(--xbar-height) !important}
			/* Vector 2022 : l'en-tête qui apparaît au scroll passe SOUS la barre */
			.vector-sticky-header{top:var(--xbar-height) !important}
	#xbar.xbar{height:var(--xbar-height);display:flex;align-items:center;gap:3px;padding:0 12px;		#xbar.xbar{height:var(--xbar-height);display:flex;align-items:center;gap:3px;padding:0 12px;
	background:var(--xbar-bg);border-bottom:1px solid color-mix(in srgb,var(--xbar-accent) 35%,transparent);		background:var(--xbar-bg);border-bottom:1px solid color-mix(in srgb,var(--xbar-accent) 35%,transparent);
	color:var(--xbar-fg);font:12.5px/1 'Courier New',monospace;letter-spacing:.04em;		color:var(--xbar-fg);font:12.5px/1 'Courier New',monospace;letter-spacing:.04em;user-select:none;
	user-select:none;position:~~sticky~~;top:0;z-index:2000;box-sizing:border-box}		position:fixed;top:0;left:0;right:0;z-index:2000;box-sizing:border-box}
	#xbar .xb-brand{display:flex;align-items:center;gap:8px;margin-right:16px;color:var(--xbar-accent);		#xbar .xb-brand{display:flex;align-items:center;gap:8px;margin-right:16px;color:var(--xbar-accent);
	font-weight:700;letter-spacing:.1em;white-space:nowrap}		font-weight:700;letter-spacing:.1em;white-space:nowrap}
Ligne 2 390 :		Ligne 2 388 :
	#xbar .xb-discord svg{width:17px;height:13px;flex:none}#xbar .xb-discord .xb-count b{font-weight:700}		#xbar .xb-discord svg{width:17px;height:13px;flex:none}#xbar .xb-discord .xb-count b{font-weight:700}
	#xbar .xb-dot{width:7px;height:7px;border-radius:50%;background:#7fbf5f;box-shadow:0 0 5px #7fbf5f;display:inline-block}		#xbar .xb-dot{width:7px;height:7px;border-radius:50%;background:#7fbf5f;box-shadow:0 0 5px #7fbf5f;display:inline-block}
	~~@keyframes xbDiscordPulse{~~
	~~0%,100%{transform:scale(1);box-shadow:0 0 0 0 var(--xb-glow,transparent)}~~
	~~50%{transform:scale(1.08);box-shadow:0 0 12px 4px var(--xb-glow,transparent)}~~
	}
	@media (max-width:768px){		@media (max-width:768px){
	#xbar .xb-long{display:none}#xbar .xb-short{display:inline}#xbar .xb-brand{display:none}		#xbar .xb-long{display:none}#xbar .xb-short{display:inline}#xbar .xb-brand{display:none}
	#xbar.xbar{padding:0 8px}		#xbar.xbar{padding:0 8px}
	~~#xbar a.xb-discord{--xb-glow:color-mix(in srgb,var(--xbar-accent) 55%,transparent);~~
	~~background:var(--xbar-accent);color:var(--xbar-active-fg);padding:5px 12px;border-radius:14px;font-weight:700;~~
	~~animation:xbDiscordPulse 1.6s ease-in-out infinite;transform-origin:center;will-change:transform,box-shadow}~~
	~~#xbar a.xb-discord:hover{background:var(--xbar-accent);color:var(--xbar-active-fg)}~~
	~~#xbar .xb-discord .xb-join{display:inline} /* « Rejoindre » visible + compteur conservé */~~
	~~#xbar .xb-discord .xb-dot{background:var(--xbar-active-fg);box-shadow:none}~~
	}		}
	~~@media (prefers-reduced-motion:reduce){#xbar a.xb-discord{animation:none}}~~

Kims le 9 juillet 2026 à 20:31

2026-07-09T20:31:54Z

← Version précédente		Version du 9 juillet 2026 à 22:31
Ligne 2 361 :		Ligne 2 361 :
	display: inline;		display: inline;
	}		}


			/* ════════════════════════════════════════════════════════════════════════
			BARRE INTER-SITES « Forum · Wiki · Carte » — MEDIAWIKI (Archives de Vault-Tec)
			À coller dans MediaWiki:Common.css (droit « interface-admin »/editinterface).
			Le HTML de la barre est injecté par MediaWiki:Common.js (voir xbar-mediawiki.js).
			Thème vert Pip-Boy accordé au reste de la communauté ; règle les 4 variables
			ci-dessous pour coller aux couleurs du wiki.
			════════════════════════════════════════════════════════════════════════ */
			:root{
			--xbar-bg:#0d120d; /* fond de la barre */
			--xbar-fg:#a7c0a7; /* texte / liens */
			--xbar-accent:#5fe06e; /* vert Pip-Boy : survol, marque, item actif, CTA */
			--xbar-active-fg:#0b100b; /* texte sombre sur l'accent */
			--xbar-height:34px;
			}
			#xbar.xbar{height:var(--xbar-height);display:flex;align-items:center;gap:3px;padding:0 12px;
			background:var(--xbar-bg);border-bottom:1px solid color-mix(in srgb,var(--xbar-accent) 35%,transparent);
			color:var(--xbar-fg);font:12.5px/1 'Courier New',monospace;letter-spacing:.04em;
			user-select:none;position:sticky;top:0;z-index:2000;box-sizing:border-box}
			#xbar .xb-brand{display:flex;align-items:center;gap:8px;margin-right:16px;color:var(--xbar-accent);
			font-weight:700;letter-spacing:.1em;white-space:nowrap}
			#xbar a{color:var(--xbar-fg);text-decoration:none;padding:5px 10px;border-radius:4px;white-space:nowrap}
			#xbar a:hover{background:color-mix(in srgb,var(--xbar-accent) 12%,transparent);color:var(--xbar-accent)}
			#xbar a.actif{color:var(--xbar-active-fg);background:var(--xbar-accent);font-weight:700}
			#xbar .xb-sep{opacity:.35;margin:0 1px}#xbar .xb-short{display:none}
			#xbar .xb-discord{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-size:12px}
			#xbar .xb-discord svg{width:17px;height:13px;flex:none}#xbar .xb-discord .xb-count b{font-weight:700}
			#xbar .xb-dot{width:7px;height:7px;border-radius:50%;background:#7fbf5f;box-shadow:0 0 5px #7fbf5f;display:inline-block}
			@keyframes xbDiscordPulse{
			0%,100%{transform:scale(1);box-shadow:0 0 0 0 var(--xb-glow,transparent)}
			50%{transform:scale(1.08);box-shadow:0 0 12px 4px var(--xb-glow,transparent)}
			}
			@media (max-width:768px){
			#xbar .xb-long{display:none}#xbar .xb-short{display:inline}#xbar .xb-brand{display:none}
			#xbar.xbar{padding:0 8px}
			#xbar a.xb-discord{--xb-glow:color-mix(in srgb,var(--xbar-accent) 55%,transparent);
			background:var(--xbar-accent);color:var(--xbar-active-fg);padding:5px 12px;border-radius:14px;font-weight:700;
			animation:xbDiscordPulse 1.6s ease-in-out infinite;transform-origin:center;will-change:transform,box-shadow}
			#xbar a.xb-discord:hover{background:var(--xbar-accent);color:var(--xbar-active-fg)}
			#xbar .xb-discord .xb-join{display:inline} /* « Rejoindre » visible + compteur conservé */
			#xbar .xb-discord .xb-dot{background:var(--xbar-active-fg);box-shadow:none}
			}
			@media (prefers-reduced-motion:reduce){#xbar a.xb-discord{animation:none}}