MediaWiki:Common.css - Revision history

Prs at 02:45, 24 April 2026

2026-04-24T02:45:25Z

← Older revision		Revision as of 02:45, 24 April 2026
Line 7:		Line 7:
	font-family: -apple-system, 'Segoe UI', sans-serif;		font-family: -apple-system, 'Segoe UI', sans-serif;
	max-width: 1600px;		max-width: 1600px;
	margin: 0 ~~auto~~;		margin: 0;
	padding: 8px 0 48px;		padding: 8px 0 48px;
	}		}

Prs at 08:39, 23 April 2026

2026-04-23T08:39:31Z

← Older revision		Revision as of 08:39, 23 April 2026
Line 267:		Line 267:

	/* ── Removing the space <br> creates visually ── */		/* ── Removing the space <br> creates visually ── */
	.training-~~info~~-~~card~~ br~~:first-child~~ {		.training-card-title + br {
	display: none;		display: none;
	}		}

Prs at 08:37, 23 April 2026

2026-04-23T08:37:30Z

← Older revision		Revision as of 08:37, 23 April 2026
Line 264:		Line 264:
	grid-template-columns: 1fr;		grid-template-columns: 1fr;
	}		}
			}

			/* ── Removing the space <br> creates visually ── */
			.training-info-card br:first-child {
			display: none;
	}		}

Prs at 02:37, 23 April 2026

2026-04-23T02:37:21Z

← Older revision		Revision as of 02:37, 23 April 2026
Line 6:		Line 6:
	.training-page-wrap {		.training-page-wrap {
	font-family: -apple-system, 'Segoe UI', sans-serif;		font-family: -apple-system, 'Segoe UI', sans-serif;
	max-width: ~~1200px~~;		max-width: 1600px;
	margin: 0 auto;		margin: 0 auto;
	padding: 8px 0 48px;		padding: 8px 0 48px;

Prs at 08:37, 22 April 2026

2026-04-22T08:37:29Z

← Older revision		Revision as of 08:37, 22 April 2026
Line 1:		Line 1:
	/* ~~CSS placed here will be applied to all skins */~~		/* ============================================================
			Training Video Template Styles
	~~.mw-wiki-logo,~~		============================================================ */
	~~.mw-wiki-logo,~~
	~~.mw-logo-icon {~~
	~~border-radius: 12px !important;~~
	~~overflow: hidden !important;~~
	~~box-shadow: 0 2px 6px rgba(0,0,0,0.2);~~
	}

	~~/* ── TimedMediaHandler: hide dialog but keep inline player visible ──~~ */
	~~.mw-tmh-media-dialog {~~
	~~display: none !important;~~
	}

	~~body.oo-ui-windowManager-modal-active {~~
	~~overflow: auto !important;~~
	}

	~~body.oo-ui-windowManager-fullscreen {~~
	~~overflow: auto !important;~~
	}

	~~.mw-tmh-player {~~
	~~position: relative;~~
	~~z-index: 1;~~
	}

	~~.mw-tmh-player .mw-file-element {~~
	~~display: block !important;~~
	~~width: 100% !important;~~
	~~height: auto !important;~~
	~~opacity: 1 !important;~~
	~~visibility: visible !important;~~
	}

	~~.mw-tmh-player a.mw-tmh-play {~~
	~~display: none !important;~~
	}

	/* ── Layout ── */		/* ── Layout ── */
	.training-page-wrap {		.training-page-wrap {
	font-family: -apple-system, 'Segoe UI', sans-serif;		font-family: -apple-system, 'Segoe UI', sans-serif;
	max-width: ~~1400px~~;		max-width: 1200px;
	margin: 0 auto;		margin: 0 auto;
	padding: 8px 0 48px;		padding: 8px 0 48px;
	}		}

	.training-content-grid {		.training-content-grid {
	display: grid;		display: grid;
Line 54:		Line 18:
	margin-top: 24px;		margin-top: 24px;
	}		}

	.training-video-col { min-width: 0; }		.training-video-col { min-width: 0; }

	/* ── Meta bar ── */		/* ── Meta bar ── */
	.training-meta {		.training-meta {
Line 77:		Line 41:
	color: #888;		color: #888;
	}		}

	/* ── Overview ── */		/* ── Overview ── */
	.training-section-label {		.training-section-label {
Line 97:		Line 61:
	margin-bottom: 4px;		margin-bottom: 4px;
	}		}

	/* ── Video card ── */		/* ── Video card ── */
	.training-video-wrap {		.training-video-wrap {
Line 127:		Line 91:
	color: #999;		color: #999;
	}		}

			/* ── Custom progress bar ── */
	.ts-progress-track {		.ts-progress-track {
	height: 3px;		height: 3px;
Line 166:		Line 131:
	margin-left: auto;		margin-left: auto;
	}		}

	/* ── Key Points + See Also ── */		/* ── Key Points + See Also ── */
	.training-lower-grid {		.training-lower-grid {
Line 205:		Line 170:
	}		}
	.training-info-card a:hover { text-decoration: underline; }		.training-info-card a:hover { text-decoration: underline; }

	/* ── Transcript sidebar ── */		/* ── Transcript sidebar ── */
	.training-transcript-col { min-width: 0; }		.training-transcript-col { min-width: 0; }
Line 233:		Line 198:
	font-style: italic;		font-style: italic;
	}		}

	/* ── Transcript scroll area ── */		/* ── Transcript scroll area ── */
	.ts-scroll-body {		.ts-scroll-body {
Line 247:		Line 212:
	border-radius: 2px;		border-radius: 2px;
	}		}

	/* ── Transcript entries ── */		/* ── Transcript entries ── */
	.ts-entry {		.ts-entry {
Line 287:		Line 252:
	font-weight: 500;		font-weight: 500;
	}		}

	/* ── Responsive ── */		/* ── Responsive ── */
	@media screen and (max-width: 800px) {		@media screen and (max-width: 800px) {

Prs at 08:32, 22 April 2026

2026-04-22T08:32:56Z

@@ Line 12: / Line 12: @@
 .mw-tmh-media-dialog {
      display: none !important;
+}

Prs at 08:32, 22 April 2026

2026-04-22T08:32:10Z

@@ Line 12: / Line 12: @@
 .mw-tmh-media-dialog {
      display: none !important;
+}

Prs at 08:02, 22 April 2026

2026-04-22T08:02:26Z

@@ Line 144: / Line 144: @@
      pointer-events: none;
      transition: width 0.3s linear;
+}
 .ts-progress-marker {

Prs at 08:00, 22 April 2026

2026-04-22T08:00:43Z

← Older revision		Revision as of 08:00, 22 April 2026
Line 128:		Line 128:
	}		}

	~~/* ── Custom progress bar ── */~~
	~~.ts-controls {~~
	~~background: #111128;~~
	~~padding: 10px 16px 12px;~~
	}
	.ts-progress-track {		.ts-progress-track {
	height: 3px;		height: 3px;

Prs at 07:54, 22 April 2026

2026-04-22T07:54:05Z

@@ Line 9: / Line 9: @@
+}
-/* ── Suppress TimedMediaHandler lightbox overlay ── */
+/* ── TimedMediaHandler: hide dialog but keep inline player visible ── */
 .mw-tmh-media-dialog {
      display: none !important;
@@ Line 26: / Line 20: @@
 body.oo-ui-windowManager-fullscreen {
      overflow: auto !important;
+}