MediaWiki:Common.css - Revision history

Ohadmin at 12:36, 14 June 2026

2026-06-14T12:36:14Z

@@ Line 107: / Line 107: @@
      display: table;
      clear: both;
+}

Ohadmin at 12:02, 14 June 2026

2026-06-14T12:02:26Z

← Older revision		Revision as of 12:02, 14 June 2026
Line 7:		Line 7:

	/* Round off elements for a modern, software-as-a-service feel */		/* Round off elements for a modern, software-as-a-service feel */
	.mw-body~~, #content~~ {		.mw-body {
	border-radius: 8px ~~!important~~;		border-radius: 8px;
	~~overflow: hidden !important; /* FIX: Prevents internal backgrounds from clipping/squaring the rounded corners */~~
	box-shadow: 0 4px 6px rgba(0,0,0,0.05);		box-shadow: 0 4px 6px rgba(0,0,0,0.05);
	}		}
Line 49:		Line 48:
	overflow: hidden !important;		overflow: hidden !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);

			/* FIX: Forces Chrome/Safari/Edge to respect rounded corners on video iframes */
			-webkit-transform: translateZ(0) !important;
			transform: translateZ(0) !important;
	}		}

Ohadmin at 12:00, 14 June 2026

2026-06-14T12:00:13Z

← Older revision		Revision as of 12:00, 14 June 2026
Line 7:		Line 7:

	/* Round off elements for a modern, software-as-a-service feel */		/* Round off elements for a modern, software-as-a-service feel */
	.mw-body {		.mw-body, #content {
	border-radius: 8px;		border-radius: 8px !important;
			overflow: hidden !important; /* FIX: Prevents internal backgrounds from clipping/squaring the rounded corners */
	box-shadow: 0 4px 6px rgba(0,0,0,0.05);		box-shadow: 0 4px 6px rgba(0,0,0,0.05);
	}		}
Line 50:		Line 51:
	}		}

	/* 2. Universal Caption/Label Text Visibility */		/* 3. Universal Caption/Label Text Visibility (Adaptive Light/Dark Theme Engine) */
	~~/* Switches the unreadable default blue text to vibrant orange across both players~~ */
	.embedvideo .thumbcaption,		.embedvideo .thumbcaption,
	.embedvideo-caption,		.embedvideo-caption,
	.embedvideo + div {		.embedvideo + div {
	~~color: #ff9900 !important;~~
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;		font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
	font-size: 0.95em !important;		font-size: 0.95em !important;
Line 61:		Line 60:
	text-align: center !important;		text-align: center !important;
	padding-top: 10px !important;		padding-top: 10px !important;

			/* Default: Highly visible dark slate for Light Browser Themes */
			color: #202122 !important;
			transition: color 0.2s ease-in-out;
			}

			/* Auto-switch to Orange when System/Browser Dark Mode is enabled */
			@media (prefers-color-scheme: dark) {
			.embedvideo .thumbcaption,
			.embedvideo-caption,
			.embedvideo + div {
			color: #ff9900 !important;
			}
			}

			/* Auto-switch to Orange when MediaWiki's native Dark Theme toggle is used */
			html.skin-theme-clientpref-dark .embedvideo .thumbcaption,
			html.skin-theme-clientpref-dark .embedvideo-caption,
			html.skin-theme-clientpref-dark .embedvideo + div {
			color: #ff9900 !important;
	}		}

Ohadmin at 10:54, 14 June 2026

2026-06-14T10:54:38Z

← Older revision		Revision as of 10:54, 14 June 2026
Line 20:		Line 20:
	EmbedVideo Clean Config - Fixed Rounding & Transparent Text		EmbedVideo Clean Config - Fixed Rounding & Transparent Text
	========================================================================== */		========================================================================== */

			/* SoundCloud Specific Layout Fix */
			/* Forces the SoundCloud widget into a standard, clean 166px audio strip layout */
			.embedvideo[data-service="soundcloud"] iframe {
			height: 166px !important;
			width: 100% !important;
			display: block !important;
			}

	/* 1. Outer container stays transparent so text area matches your light theme */		/* 1. Outer container stays transparent so text area matches your light theme */
Line 42:		Line 50:
	}		}

	/* 3. ~~Clean styling for your~~ orange ~~text below the video~~ */		/* 2. Universal Caption/Label Text Visibility */
			/* Switches the unreadable default blue text to vibrant orange across both players */
	.embedvideo .thumbcaption,		.embedvideo .thumbcaption,
	.embedvideo-caption,		.embedvideo-caption,
	.embedvideo + div {		.embedvideo + div {
	color: #~~e65c00~~ !important; ~~/* Vivid orange */~~		color: #ff9900 !important;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;		font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
	font-size: 0.95em !important;		font-size: 0.95em !important;
Line 52:		Line 61:
	text-align: center !important;		text-align: center !important;
	padding-top: 10px !important;		padding-top: 10px !important;
	~~background: transparent !important; /* Guarantees no background color bleed */~~
	~~display: block !important;~~
	}		}

Ohadmin at 07:51, 14 June 2026

2026-06-14T07:51:12Z

← Older revision		Revision as of 07:51, 14 June 2026
Line 18:		Line 18:

	/* ==========================================================================		/* ==========================================================================
	EmbedVideo ~~Production~~ Config ~~(Theme Agnostic~~ & ~~Bulletproof Rounding)~~		EmbedVideo Clean Config - Fixed Rounding & Transparent Text
	========================================================================== */		========================================================================== */

	/* 1. ~~Global Container Resets - Keeps~~ text ~~areas transparent to~~ your ~~wiki~~ theme */		/* 1. Outer container stays transparent so text area matches your light theme */
	.embedvideo {		.embedvideo {
	margin: 1.5em auto;		margin: 1.5em auto;
Line 31:		Line 31:
	}		}

	/* 2. ~~YouTube Specific Styling (Cinematic 16:9 Player Card)~~ */		/* 2. Apply the black backdrop AND the 8px rounding directly to the player elements */
	~~/* Targets the~~ iframe ~~AND any inner div wrapper that contains it */~~		.embedvideo iframe,
	.embedvideo~~[data~~-~~service="youtube"] iframe~~,		.embedvideo-container,
	.embedvideo~~[data~~-~~service="youtube"] div~~:~~has(iframe) {~~		.embedvideo-responsive,
			.embedvideo-player {
			background-color: #000000 !important;
	border-radius: 8px !important;		border-radius: 8px !important;
	overflow: hidden !important;		overflow: hidden !important;
	~~background-color: #000000 !important;~~		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.~~15) !important;~~
	~~border: 0 !important;~~
	~~/* Forces the browser's rendering engine to strictly clip the video stream */~~
	~~transform: translateZ(0) !important;~~
	~~-webkit-transform: translateZ(0) !important;~~
	}

	~~/* 3. SoundCloud Specific Styling (Sleek Audio Strip) */~~
	~~.embedvideo[data-service="soundcloud"] iframe,~~
	~~.embedvideo[data-service="soundcloud"] div:has(iframe) {~~
	~~border: 1px solid #a2a9b1 !important;~~
	~~border-radius: 6px !important;~~
	~~overflow: hidden !important;~~
	~~box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05) !important;~~
	~~transform: translateZ(0) !important;~~
	~~-webkit-transform: translateZ(0~~) ~~!important~~;
	}		}

	/* ~~Keep~~ the ~~SoundCloud iframe constrained to a clean widget height profile */~~		/* 3. Clean styling for your orange text below the video */
	~~.embedvideo[data-service="soundcloud"] iframe {~~
	~~height: 166px !important;~~
	~~width: 100% !important;~~
	~~display: block;~~
	}

	~~/* 4. Universal Caption/Label Styling (High-Contrast Orange)~~ */
	.embedvideo .thumbcaption,		.embedvideo .thumbcaption,
	.embedvideo-caption,		.embedvideo-caption,
	.embedvideo + div {		.embedvideo + div {
	color: #e65c00 !important;		color: #e65c00 !important; /* Vivid orange */
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;		font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
	font-size: 0.95em !important;		font-size: 0.95em !important;
Line 73:		Line 52:
	text-align: center !important;		text-align: center !important;
	padding-top: 10px !important;		padding-top: 10px !important;
			background: transparent !important; /* Guarantees no background color bleed */
	display: block !important;		display: block !important;
	~~background: transparent !important;~~
	}		}

	/* 5. ~~Layout~~ Alignment Engine */		/* 4. Alignment Engine */
	.embedvideo.align-center {		.embedvideo.align-center {
	display: block;		display: block;
Line 83:		Line 62:
	margin-right: auto;		margin-right: auto;
	}		}

	.embedvideo.align-left {		.embedvideo.align-left {
	float: left;		float: left;
Line 89:		Line 67:
	margin-bottom: 1em;		margin-bottom: 1em;
	}		}

	.embedvideo.align-right {		.embedvideo.align-right {
	float: right;		float: right;

Ohadmin at 07:07, 14 June 2026

2026-06-14T07:07:02Z

← Older revision		Revision as of 07:07, 14 June 2026
Line 18:		Line 18:

	/* ==========================================================================		/* ==========================================================================
	EmbedVideo Production Config (Theme & ~~Skin Agnostic~~)		EmbedVideo Production Config (Theme Agnostic & Bulletproof Rounding)
	========================================================================== */		========================================================================== */

	/* 1. Container Resets - ~~Ensures~~ text areas ~~remain~~ transparent to ~~the~~ wiki theme */		/* 1. Global Container Resets - Keeps text areas transparent to your wiki theme */
	.embedvideo {		.embedvideo {
	margin: 1.5em auto;		margin: 1.5em auto;
Line 31:		Line 31:
	}		}

	/* 2. YouTube ~~Media Frame~~ (~~Isolates black canvas strictly to~~ the ~~video)~~ */		/* 2. YouTube Specific Styling (Cinematic 16:9 Player Card) */
	.embedvideo[data-service="youtube"] iframe {		/* Targets the iframe AND any inner div wrapper that contains it */
	background-color: #000000;		.embedvideo[data-service="youtube"] iframe,
			.embedvideo[data-service="youtube"] div:has(iframe) {
			border-radius: 8px !important;
			overflow: hidden !important;
			background-color: #000000 !important;
			box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
	border: 0 !important;		border: 0 !important;
	~~border-radius: 8px;~~		/* Forces the browser's rendering engine to strictly clip the video stream */
	~~box-shadow~~: ~~0 4px 12px rgba~~(0~~, 0, 0, 0.15~~);		transform: translateZ(0) !important;
	~~display~~: ~~block~~;		-webkit-transform: translateZ(0) !important;
	}		}

	/* 3. SoundCloud ~~Media Frame~~ */		/* 3. SoundCloud Specific Styling (Sleek Audio Strip) */
	.embedvideo[data-service="soundcloud"] iframe {		.embedvideo[data-service="soundcloud"] iframe,
			.embedvideo[data-service="soundcloud"] div:has(iframe) {
	border: 1px solid #a2a9b1 !important;		border: 1px solid #a2a9b1 !important;
	border-radius: 6px !important;		border-radius: 6px !important;
			overflow: hidden !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05) !important;		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05) !important;
			transform: translateZ(0) !important;
			-webkit-transform: translateZ(0) !important;
			}

			/* Keep the SoundCloud iframe constrained to a clean widget height profile */
			.embedvideo[data-service="soundcloud"] iframe {
	height: 166px !important;		height: 166px !important;
	width: 100% !important;		width: 100% !important;
Line 50:		Line 63:
	}		}

	/* 4. Universal Caption/Label Styling */		/* 4. Universal Caption/Label Styling (High-Contrast Orange) */
	~~/* Uses a vivid safety~~-~~orange that meets high-contrast visibility on both white and black~~ */
	.embedvideo .thumbcaption,		.embedvideo .thumbcaption,
	.embedvideo-caption,		.embedvideo-caption,
Line 62:		Line 74:
	padding-top: 10px !important;		padding-top: 10px !important;
	display: block !important;		display: block !important;
			background: transparent !important;
	}		}

Ohadmin at 06:01, 14 June 2026

2026-06-14T06:01:11Z

← Older revision		Revision as of 06:01, 14 June 2026
Line 18:		Line 18:

	/* ==========================================================================		/* ==========================================================================
	EmbedVideo ~~Enhancements: YouTube~~ & ~~SoundCloud (Optimized for External Hosts~~)		EmbedVideo Production Config (Theme & Skin Agnostic)
	========================================================================== */		========================================================================== */

	/* 1. ~~Global~~ Container ~~Reset~~ */		/* 1. Container Resets - Ensures text areas remain transparent to the wiki theme */
	.embedvideo {		.embedvideo {
	margin: 1.5em auto;		margin: 1.5em auto;
	max-width: 100%;		max-width: 100%;
	clear: both;		clear: both;
			background: transparent !important;
			border: none !important;
			box-shadow: none !important;
	}		}

	/* 2. YouTube ~~Specific Styling~~ (~~16:9 Video Canvas~~) */		/* 2. YouTube Media Frame (Isolates black canvas strictly to the video) */
	.embedvideo[data-service="youtube"] {		.embedvideo[data-service="youtube"] iframe {
	background-color: #000000;		background-color: #000000;
			border: 0 !important;
	border-radius: 8px;		border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	~~overflow~~: ~~hidden~~;		display: block;
	}		}

	~~/* Ensure the inner YouTube iframe inherits the rounded corners cleanly */~~		/* 3. SoundCloud Media Frame */
	~~.embedvideo[data-service="youtube"] iframe {~~		.embedvideo[data-service="soundcloud"] iframe {
	~~border: 0 !important;~~
	~~border-radius: 8px;~~
	}

	/* 3. SoundCloud ~~Specific Styling (Sleek Audio Strip)~~ */
	.embedvideo[data-service="soundcloud"] {
	~~background: #f8f9fa !important;~~
	border: 1px solid #a2a9b1 !important;		border: 1px solid #a2a9b1 !important;
	border-radius: 6px !important;		border-radius: 6px !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05) !important;		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05) !important;
	~~overflow: hidden;~~
	~~max-width: 600px; /* Keeps the audio strip tightly bound on large desktop monitors */~~
	}

	~~/* Force standard, predictable height for the classic SoundCloud widget */~~
	~~.embedvideo[data-service="soundcloud"] iframe {~~
	~~border: 0 !important;~~
	height: 166px !important;		height: 166px !important;
	width: 100% !important;		width: 100% !important;
Line 60:		Line 50:
	}		}

	/* 4. ~~Layout Alignment Engine~~ */		/* 4. Universal Caption/Label Styling */
	/* ~~Respects the extension's alignment syntax while maintaining proper margins~~ */		/* Uses a vivid safety-orange that meets high-contrast visibility on both white and black */
			.embedvideo .thumbcaption,
			.embedvideo-caption,
			.embedvideo + div {
			color: #e65c00 !important;
			font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
			font-size: 0.95em !important;
			font-weight: 600 !important;
			text-align: center !important;
			padding-top: 10px !important;
			display: block !important;
			}

			/* 5. Layout Alignment Engine */
	.embedvideo.align-center {		.embedvideo.align-center {
	display: block;		display: block;

Ohadmin at 05:36, 14 June 2026

2026-06-14T05:36:36Z

@@ Line 10: / Line 10: @@
      border-radius: 8px;
      box-shadow: 0 4px 6px rgba(0,0,0,0.05);
+}
@@ Line 21: / Line 15: @@
 #p-navigation, .mw-portlet-navigation:not([id*="REDESIGN"]):not([id*="TRACK"]) {
      display: none !important;
+}

Ohadmin at 15:40, 9 June 2026

2026-06-09T15:40:21Z

← Older revision		Revision as of 15:40, 9 June 2026
Line 16:		Line 16:
	display: block !important;		display: block !important;
	visibility: visible !important;		visibility: visible !important;
			}

			/* Hide empty default navigation blocks or duplicate system columns */
			#p-navigation, .mw-portlet-navigation:not([id="REDESIGN"]):not([id="TRACK"]) {
			display: none !important;
	}		}

Ohadmin at 22:09, 7 June 2026

2026-06-07T22:09:51Z

← Older revision		Revision as of 22:09, 7 June 2026
Line 10:		Line 10:
	border-radius: 8px;		border-radius: 8px;
	box-shadow: 0 4px 6px rgba(0,0,0,0.05);		box-shadow: 0 4px 6px rgba(0,0,0,0.05);
			}

			/* Force Minerva's hamburger menu to display all custom sidebar links */
			.minerva__menu-item--custom, .menu-container ul, .menu ul {
			display: block !important;
			visibility: visible !important;
	}		}