Template:VideoGallery/styles.css - Revision history

Operator at 05:09, 3 June 2025

2025-06-03T05:09:03Z

@@ Line 632: / Line 632: @@
 .video-gallery-main-container table {
      display: block !important;
+}

Operator at 04:52, 3 June 2025

2025-06-03T04:52:50Z

← Older revision		Revision as of 00:52, 3 June 2025
Line 89:		Line 89:

	/* ================================================		/* ================================================
	TAB NAVIGATION - FIXED HORIZONTAL		TAB NAVIGATION - FIXED HORIZONTAL WITH EQUAL SIZING
	================================================ */		================================================ */
	.video-tabs-nav {		.video-tabs-nav {
Line 106:		Line 106:
	}		}

	/* Tab spans forced to horizontal layout */		/* Tab spans forced to horizontal layout with equal sizing */
	.video-tabs-nav span.video-tab {		.video-tabs-nav span.video-tab {
	flex: 1 1 ~~auto~~ !important;		flex: 1 1 0 !important; /* Changed from auto to 0 for equal distribution */
	display: inline-flex !important;		display: inline-flex !important;
	padding: 12px 8px !important; /* Reduced horizontal padding */		padding: 12px 8px !important; /* Reduced horizontal padding */
Line 134:		Line 134:
	box-shadow: none !important;		box-shadow: none !important;
	border-radius: 0 !important;		border-radius: 0 !important;
			width: 16.666% !important; /* Force equal width (100% / 6 tabs) */
	}		}

Line 245:		Line 246:
	color: #fce7c8;		color: #fce7c8;
	text-shadow: 0 0 15px rgba(252, 231, 200, 0.4);		text-shadow: 0 0 15px rgba(252, 231, 200, 0.4);
			}

			/* ================================================
			VIDEO GRID CONTAINER - NEW WRAPPER
			================================================ */
			.video-grid-container {
			background: linear-gradient(135deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.4) 100%);
			padding: 12px;
			border-radius: 8px;
			border: 1px solid rgba(252, 231, 200, 0.1);
			box-shadow: inset 0 0 10px rgba(0,0,0,0.3);
	}		}

Line 570:		Line 582:
	flex: 1 1 calc(33.333% - 1px);		flex: 1 1 calc(33.333% - 1px);
	min-width: 100px;		min-width: 100px;
			width: auto !important; /* Override the fixed width on smaller screens */
	}		}
	}		}

Operator at 04:08, 3 June 2025

2025-06-03T04:08:56Z

Show changes

Operator at 04:05, 3 June 2025

2025-06-03T04:05:02Z

@@ Line 616: / Line 616: @@
 .video-gallery-main-container table {
      display: block !important;
+}

Operator at 03:51, 3 June 2025

2025-06-03T03:51:48Z

← Older revision		Revision as of 23:51, 2 June 2025
Line 1:		Line 1:
	/* Template:VideoGallery/styles.css		/* Template:VideoGallery/styles.css
	Video Gallery styles for Dune wiki - MediaWiki TemplateStyles compatible		Video Gallery styles for Dune wiki - MediaWiki TemplateStyles compatible
	~~Updated~~ version ~~with fixes for horizontal tabs, no search, smaller header~~ */		Clean version without webkit or other disallowed properties */

	/* ================================================		/* ================================================
Line 8:		Line 8:
	.video-gallery-header {		.video-gallery-header {
	text-align: center;		text-align: center;
	padding: 20px 15px; ~~/* Reduced from 30px 20px */~~		padding: 20px 15px;
	margin-bottom: 15px; ~~/* Reduced from 20px */~~		margin-bottom: 15px;
	background: linear-gradient(135deg, rgba(252, 231, 200, 0.05) 0%, rgba(12,10,20,.9) 100%);		background: linear-gradient(135deg, rgba(252, 231, 200, 0.05) 0%, rgba(12,10,20,.9) 100%);
	border: 2px solid rgba(252, 231, 200, 0.3);		border: 2px solid rgba(252, 231, 200, 0.3);
Line 15:		Line 15:
	overflow: hidden;		overflow: hidden;
	}		}

	~~/* Removed the shimmer animation and ::before pseudo-element */~~

	.video-gallery-title {		.video-gallery-title {
	font-family: 'Orbitron', sans-serif;		font-family: 'Orbitron', sans-serif;
	font-size: 25px; ~~/* Reduced from 36px */~~		font-size: 25px;
	font-weight: 900;		font-weight: 900;
	color: #fce7c8;		color: #fce7c8;
	text-transform: uppercase;		text-transform: uppercase;
	letter-spacing: 3px; ~~/* Reduced from 4px */~~		letter-spacing: 3px;
	text-shadow: 0 0 20px rgba(252, 231, 200, 0.6);		text-shadow: 0 0 20px rgba(252, 231, 200, 0.6);
	margin-bottom: 8px; ~~/* Reduced from 10px */~~		margin-bottom: 8px;
	}		}

	.video-gallery-subtitle {		.video-gallery-subtitle {
	font-family: 'Rajdhani', sans-serif;		font-family: 'Rajdhani', sans-serif;
	font-size: 14px; ~~/* Reduced from 18px */~~		font-size: 14px;
	color: #E3BB7A;		color: #E3BB7A;
	letter-spacing: 1.5px; ~~/* Reduced from 2px */~~		letter-spacing: 1.5px;
	}		}

Line 47:		Line 45:
	font-family: 'Rajdhani', sans-serif;		font-family: 'Rajdhani', sans-serif;
	position: relative;		position: relative;
	height: 650px; ~~/* Reduced from 850px by 200px */~~		height: 650px;
	min-height: 500px; ~~/* Reduced from 600px */~~		min-height: 500px;
	overflow: hidden;		overflow: hidden;
	align-items: stretch;		align-items: stretch;
Line 80:		Line 78:
	display: flex;		display: flex;
	flex-direction: column;		flex-direction: column;
	gap: 0; ~~/* Removed gap to control spacing manually */~~		gap: 0;
	overflow: hidden;		overflow: hidden;
	padding-right: 10px;		padding-right: 10px;
Line 89:		Line 87:

	/* ================================================		/* ================================================
	TAB NAVIGATION ~~- FIXED HORIZONTAL~~		TAB NAVIGATION
	================================================ */		================================================ */
	.video-tabs-nav {		.video-tabs-nav {
Line 102:		Line 100:
	height: auto;		height: auto;
	width: 100%;		width: 100%;
	margin-bottom: 15px; ~~/* Add space before content */~~		margin-bottom: 15px;
	flex-shrink: 0; ~~/* Prevent shrinking */~~		flex-shrink: 0;
	}		}

	/* Tab spans ~~forced to horizontal layout~~ */		/* Tab spans with equal width */
	.video-tabs-nav span.video-tab {		.video-tabs-nav span.video-tab {
	flex: 1 1 ~~auto~~ !important;		flex: 1 1 0 !important;
	display: inline-flex !important;		display: inline-flex !important;
	padding: 12px 8px !important; ~~/* Reduced horizontal padding */~~		padding: 12px 8px !important;
	background: transparent;		background: transparent;
	border: none;		border: none;
Line 116:		Line 114:
	color: #E3BB7A;		color: #E3BB7A;
	font-family: 'Orbitron', sans-serif;		font-family: 'Orbitron', sans-serif;
	font-size: 11px; ~~/* Slightly smaller */~~		font-size: 11px;
	font-weight: 700;		font-weight: 700;
	text-transform: uppercase;		text-transform: uppercase;
	letter-spacing: 1px; ~~/* Reduced */~~		letter-spacing: 1px;
	cursor: pointer;		cursor: pointer;
	transition: all 0.3s ease;		transition: all 0.3s ease;
Line 134:		Line 132:
	box-shadow: none !important;		box-shadow: none !important;
	border-radius: 0 !important;		border-radius: 0 !important;
			width: 100% !important;
			box-sizing: border-box !important;
	}		}

Line 175:		Line 175:
	padding-right: 10px;		padding-right: 10px;
	height: 100%;		height: 100%;
	min-height: 0; ~~/* Important for flex children */~~		min-height: 0;
	}		}



	/* ================================================		/* ================================================
Line 272:		Line 270:
	position: relative;		position: relative;
	overflow: hidden;		overflow: hidden;
	~~/* Using padding-bottom trick instead of aspect-ratio */~~		padding-bottom: 56.25%;
	padding-bottom: 56.25%; ~~/* 16:9 ratio */~~
	height: 0;		height: 0;
	}		}
Line 440:		Line 437:
	position: relative;		position: relative;
	width: 100%;		width: 100%;
	padding-bottom: 56.25%; ~~/* 16:9 aspect ratio */~~		padding-bottom: 56.25%;
	background: #000;		background: #000;
	border: 2px solid rgba(252, 231, 200, 0.2);		border: 2px solid rgba(252, 231, 200, 0.2);

Operator at 03:37, 3 June 2025

2025-06-03T03:37:44Z

Show changes

Operator at 03:09, 3 June 2025

2025-06-03T03:09:37Z

Show changes

Operator at 02:41, 3 June 2025

2025-06-03T02:41:55Z

Show changes

Operator at 02:27, 3 June 2025

2025-06-03T02:27:24Z

Show changes

Operator at 02:21, 3 June 2025

2025-06-03T02:21:56Z

← Older revision		Revision as of 22:21, 2 June 2025
Line 1:		Line 1:
	/* Template:VideoGallery/styles.css		/* Template:VideoGallery/styles.css
	Video Gallery styles for Dune wiki */		Video Gallery styles for Dune wiki - TemplateStyles compatible */

	/* ================================================		/* ================================================
Line 9:		Line 9:
	padding: 30px 20px;		padding: 30px 20px;
	margin-bottom: 20px;		margin-bottom: 20px;
	~~font-family: 'Rajdhani', sans-serif;~~
	background: linear-gradient(135deg, rgba(252, 231, 200, 0.05) 0%, rgba(12,10,20,.9) 100%);		background: linear-gradient(135deg, rgba(252, 231, 200, 0.05) 0%, rgba(12,10,20,.9) 100%);
	border: 2px solid rgba(252, 231, 200, 0.3);		border: 2px solid rgba(252, 231, 200, 0.3);
Line 87:		Line 86:
	rgba(252, 231, 200, 0.01) 70px		rgba(252, 231, 200, 0.01) 70px
	);		);

	z-index: 1;		z-index: 1;
	}		}
Line 151:		Line 149:
	letter-spacing: 1px;		letter-spacing: 1px;
	transition: all 0.3s ease;		transition: all 0.3s ease;
			/* Make span behave like button */
			display: inline-block;
	}		}

Line 175:		Line 175:
	}		}

			/* Using spans as buttons like Journey system */
	.video-tab {		.video-tab {
	flex: 1;		flex: 1;
Line 244:		Line 245:
	display: block;		display: block;
	}		}



Line 327:		Line 329:
	position: relative;		position: relative;
	overflow: hidden;		overflow: hidden;

	}		}

Line 639:		Line 640:
	MEDIAWIKI SPECIFIC OVERRIDES		MEDIAWIKI SPECIFIC OVERRIDES
	================================================ */		================================================ */
	/* Override any default MediaWiki ~~button~~ styles for ~~tabs~~ */		/* Override any default MediaWiki styles for tab spans */
	.video-tabs-nav ~~button~~.video-tab {		.video-tabs-nav span.video-tab {
	margin: 0 !important;		margin: 0 !important;
	border-radius: 0 !important;		border-radius: 0 !important;
	box-shadow: none !important;		box-shadow: none !important;
			display: flex !important;
	}		}