MediaWiki:Common.css - Revision history

Samorite: Position scroll to top button next to main container and above navbar

2026-09-09T18:28:43Z

Position scroll to top button next to main container and above navbar

← Older revision		Revision as of 18:28, 9 September 2026
Line 364:		Line 364:
	.uor-scroll-top-btn {		.uor-scroll-top-btn {
	position: fixed !important;		position: fixed !important;
	bottom: ~~64px !important;~~		bottom: 60px !important;
	~~right: 68px~~ !important;		width: 44px !important;
	width: ~~46px~~ !important;		height: 44px !important;
	height: ~~46px~~ !important;
	background: linear-gradient(135deg, rgba(32, 24, 15, 0.95), rgba(16, 12, 7, 0.98)) !important;		background: linear-gradient(135deg, rgba(32, 24, 15, 0.95), rgba(16, 12, 7, 0.98)) !important;
	border: 2px solid #d4af37 !important;		border: 2px solid #d4af37 !important;
Line 378:		Line 377:
	z-index: 100000 !important;		z-index: 100000 !important;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.85), 0 0 12px rgba(212, 175, 55, 0.4) !important;		box-shadow: 0 4px 18px rgba(0, 0, 0, 0.85), 0 0 12px rgba(212, 175, 55, 0.4) !important;
	opacity: 0 ~~!important~~;		opacity: 0;
	visibility: hidden ~~!important~~;		visibility: hidden;
	transform: translateY(12px) scale(0.9) ~~!important~~;		transform: translateY(12px) scale(0.9);
	transition: opacity 0.25s ease, transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.25s, background 0.2s, box-shadow 0.2s, border-color 0.2s ~~!important~~;		transition: opacity 0.25s ease, transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.25s, background 0.2s, box-shadow 0.2s, border-color 0.2s;
	user-select: none !important;		user-select: none !important;
	text-decoration: none !important;		text-decoration: none !important;
Line 417:		Line 416:
	@media (max-width: 768px) {		@media (max-width: 768px) {
	.uor-scroll-top-btn {		.uor-scroll-top-btn {
	bottom: ~~58px !important;~~		bottom: 56px !important;
	~~right: 20px~~ !important;		width: 40px !important;
	width: ~~42px~~ !important;		height: 40px !important;
	height: ~~42px~~ !important;
	}		}
	.uor-scroll-top-btn svg {		.uor-scroll-top-btn svg {
	width: ~~19px~~ !important;		width: 18px !important;
	height: ~~19px~~ !important;		height: 18px !important;
	}		}
	}		}

Samorite: Position scroll to top button above bottom navbar and shifted left outside main content

2026-09-09T18:21:13Z

Position scroll to top button above bottom navbar and shifted left outside main content

← Older revision		Revision as of 18:21, 9 September 2026
Line 363:		Line 363:
	/* Floating Scroll to Top Arrow Button */		/* Floating Scroll to Top Arrow Button */
	.uor-scroll-top-btn {		.uor-scroll-top-btn {
	position: fixed;		position: fixed !important;
	bottom: ~~54px~~;		bottom: 64px !important;
	right: ~~28px~~;		right: 68px !important;
	width: ~~44px~~;		width: 46px !important;
	height: ~~44px~~;		height: 46px !important;
	background: linear-gradient(135deg, rgba(32, 24, 15, 0.94), rgba(16, 12, 7, 0.98));		background: linear-gradient(135deg, rgba(32, 24, 15, 0.95), rgba(16, 12, 7, 0.98)) !important;
	border: ~~1.5px~~ solid #d4af37;		border: 2px solid #d4af37 !important;
	border-radius: 50%;		border-radius: 50% !important;
	color: #ffd700;		color: #ffd700 !important;
	display: flex;		display: flex !important;
	align-items: center;		align-items: center !important;
	justify-content: center;		justify-content: center !important;
	cursor: pointer;		cursor: pointer !important;
	z-index: ~~9999~~;		z-index: 100000 !important;
	box-shadow: 0 4px ~~16px~~ rgba(0, 0, 0, 0.8), 0 0 ~~10px~~ rgba(212, 175, 55, 0.35);		box-shadow: 0 4px 18px rgba(0, 0, 0, 0.85), 0 0 12px rgba(212, 175, 55, 0.4) !important;
	opacity: 0;		opacity: 0 !important;
	visibility: hidden;		visibility: hidden !important;
	transform: translateY(~~14px~~) scale(0.9);		transform: translateY(12px) scale(0.9) !important;
	transition: opacity 0.~~28s~~ ease, transform 0.~~28s~~ cubic-bezier(0.16, 1, 0.3, 1), visibility 0.~~28s~~, background 0.2s, box-shadow 0.2s, border-color 0.2s~~, left 0.15s ease~~;		transition: opacity 0.25s ease, transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.25s, background 0.2s, box-shadow 0.2s, border-color 0.2s !important;
	user-select: none;		user-select: none !important;
	text-decoration: none !important;		text-decoration: none !important;
	outline: none;		outline: none !important;
	}		}

	.uor-scroll-top-btn.is-visible {		.uor-scroll-top-btn.is-visible {
	opacity: 1;		opacity: 1 !important;
	visibility: visible;		visibility: visible !important;
	transform: translateY(0) scale(1);		transform: translateY(0) scale(1) !important;
	}		}

	.uor-scroll-top-btn:hover {		.uor-scroll-top-btn:hover {
	background: linear-gradient(135deg, rgba(48, 36, 20, 0.98), rgba(24, 18, 10, ~~0.99~~));		background: linear-gradient(135deg, rgba(52, 38, 22, 0.99), rgba(26, 19, 11, 1)) !important;
	border-color: #ffdf6a;		border-color: #ffdf6a !important;
	color: #ffffff;		color: #ffffff !important;
	transform: translateY(-3px) scale(1.08);		transform: translateY(-3px) scale(1.08) !important;
	box-shadow: 0 6px ~~20px~~ rgba(0, 0, 0, 0.85), 0 0 ~~18px~~ rgba(255, 215, 0, 0.65);		box-shadow: 0 6px 22px rgba(0, 0, 0, 0.95), 0 0 20px rgba(255, 215, 0, 0.7) !important;
	}		}

	.uor-scroll-top-btn:active {		.uor-scroll-top-btn:active {
	transform: translateY(0) scale(0.95);		transform: translateY(0) scale(0.95) !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.7) !important;
	}		}

	.uor-scroll-top-btn svg {		.uor-scroll-top-btn svg {
	width: 22px;		width: 22px !important;
	height: 22px;		height: 22px !important;
	fill: currentColor;		fill: currentColor !important;
	filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.8));		filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.9)) !important;
	~~transition~~: ~~transform 0.2s ease~~;		display: block !important;
	}		pointer-events: none !important;

	~~.uor-scroll~~-~~top-btn~~:~~hover svg {~~
	~~transform: translateY(-2px)~~;
	}		}

	@media (max-width: 768px) {		@media (max-width: 768px) {
	.uor-scroll-top-btn {		.uor-scroll-top-btn {
	bottom: ~~50px~~ !important;		bottom: 58px !important;
	right: ~~16px~~ !important;		right: 20px !important;
	~~left~~: ~~auto~~ !important;		width: 42px !important;
	~~width: 40px~~;		height: 42px !important;
	height: ~~40px~~;
	}		}
	.uor-scroll-top-btn svg {		.uor-scroll-top-btn svg {
	width: ~~18px~~;		width: 19px !important;
	height: ~~18px~~;		height: 19px !important;
	}		}
	}		}

Samorite: Reposition scroll to top button outside main box and above navbar

2026-09-09T18:15:04Z

Reposition scroll to top button outside main box and above navbar

← Older revision		Revision as of 18:15, 9 September 2026
Line 364:		Line 364:
	.uor-scroll-top-btn {		.uor-scroll-top-btn {
	position: fixed;		position: fixed;
	bottom: ~~28px~~;		bottom: 54px;
	right: 28px;		right: 28px;
	width: ~~46px~~;		width: 44px;
	height: ~~46px~~;		height: 44px;
	background: linear-gradient(135deg, rgba(32, 24, 15, 0.92), rgba(16, 12, 7, 0.96));		background: linear-gradient(135deg, rgba(32, 24, 15, 0.94), rgba(16, 12, 7, 0.98));
	border: 1.5px solid #d4af37;		border: 1.5px solid #d4af37;
	border-radius: 50%;		border-radius: 50%;
Line 377:		Line 377:
	cursor: pointer;		cursor: pointer;
	z-index: 9999;		z-index: 9999;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.75), 0 0 10px rgba(212, 175, 55, 0.35);		box-shadow: 0 4px 16px rgba(0, 0, 0, 0.8), 0 0 10px rgba(212, 175, 55, 0.35);
	opacity: 0;		opacity: 0;
	visibility: hidden;		visibility: hidden;
	transform: translateY(~~16px~~) scale(0.9);		transform: translateY(14px) scale(0.9);
	transition: opacity 0.28s ease, transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.28s, background 0.2s, box-shadow 0.2s, border-color 0.2s;		transition: opacity 0.28s ease, transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.28s, background 0.2s, box-shadow 0.2s, border-color 0.2s, left 0.15s ease;
	user-select: none;		user-select: none;
	text-decoration: none !important;		text-decoration: none !important;
Line 420:		Line 420:
	@media (max-width: 768px) {		@media (max-width: 768px) {
	.uor-scroll-top-btn {		.uor-scroll-top-btn {
	bottom: ~~20px~~;		bottom: 50px !important;
	right: ~~20px~~;		right: 16px !important;
	width: ~~42px~~;		left: auto !important;
	height: ~~42px~~;		width: 40px;
			height: 40px;
	}		}
	.uor-scroll-top-btn svg {		.uor-scroll-top-btn svg {
	width: ~~19px~~;		width: 18px;
	height: ~~19px~~;		height: 18px;
	}		}
	}		}

Samorite: Add floating scroll to top button across all wiki pages

2026-09-09T14:57:15Z

Add floating scroll to top button across all wiki pages

← Older revision		Revision as of 14:57, 9 September 2026
Line 360:		Line 360:
	}		}
	#left-navigation, #p-namespaces, #p-associated-pages { display: none !important; }		#left-navigation, #p-namespaces, #p-associated-pages { display: none !important; }

			/* Floating Scroll to Top Arrow Button */
			.uor-scroll-top-btn {
			position: fixed;
			bottom: 28px;
			right: 28px;
			width: 46px;
			height: 46px;
			background: linear-gradient(135deg, rgba(32, 24, 15, 0.92), rgba(16, 12, 7, 0.96));
			border: 1.5px solid #d4af37;
			border-radius: 50%;
			color: #ffd700;
			display: flex;
			align-items: center;
			justify-content: center;
			cursor: pointer;
			z-index: 9999;
			box-shadow: 0 4px 16px rgba(0, 0, 0, 0.75), 0 0 10px rgba(212, 175, 55, 0.35);
			opacity: 0;
			visibility: hidden;
			transform: translateY(16px) scale(0.9);
			transition: opacity 0.28s ease, transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.28s, background 0.2s, box-shadow 0.2s, border-color 0.2s;
			user-select: none;
			text-decoration: none !important;
			outline: none;
			}

			.uor-scroll-top-btn.is-visible {
			opacity: 1;
			visibility: visible;
			transform: translateY(0) scale(1);
			}

			.uor-scroll-top-btn:hover {
			background: linear-gradient(135deg, rgba(48, 36, 20, 0.98), rgba(24, 18, 10, 0.99));
			border-color: #ffdf6a;
			color: #ffffff;
			transform: translateY(-3px) scale(1.08);
			box-shadow: 0 6px 20px rgba(0, 0, 0, 0.85), 0 0 18px rgba(255, 215, 0, 0.65);
			}

			.uor-scroll-top-btn:active {
			transform: translateY(0) scale(0.95);
			box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
			}

			.uor-scroll-top-btn svg {
			width: 22px;
			height: 22px;
			fill: currentColor;
			filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.8));
			transition: transform 0.2s ease;
			}

			.uor-scroll-top-btn:hover svg {
			transform: translateY(-2px);
			}

			@media (max-width: 768px) {
			.uor-scroll-top-btn {
			bottom: 20px;
			right: 20px;
			width: 42px;
			height: 42px;
			}
			.uor-scroll-top-btn svg {
			width: 19px;
			height: 19px;
			}
			}

Samorite: Fix carousel frame viewport aspect ratio and eliminate bottom cropping

2026-09-09T00:48:24Z

Fix carousel frame viewport aspect ratio and eliminate bottom cropping

← Older revision		Revision as of 00:48, 9 September 2026
Line 229:		Line 229:

	/* UO:Renaissance Carousel Styles */		/* UO:Renaissance Carousel Styles */
	.uor-carousel { position: relative; max-width: 680px; margin: 0 auto; aspect-ratio: 16/9; }		.uor-carousel { position: relative; max-width: 680px; margin: 0 auto; aspect-ratio: 935 / 619; }
	.uor-frame { position: relative; width: 100%; height: 100%; }		.uor-frame { position: relative; width: 100%; height: 100%; }
	.uor-back {		.uor-back {
	position: absolute~~; inset: 0~~;		position: absolute !important;
	top: 27%; right: 10%; bottom: -5%; left: 10%;		top: 22.5% !important;
	overflow: hidden; border-radius: ~~6px~~; z-index: 1;		right: 15.5% !important;
			bottom: 10.5% !important;
			left: 15.5% !important;
			background: #000000 !important;
			overflow: hidden !important;
			border-radius: 0 !important;
			z-index: 1 !important;
	}		}
	.uor-layer {		.uor-layer {
	position: absolute; inset: 0; display: block; opacity: 0; pointer-events: none;		position: absolute !important;
			inset: 0 !important;
			top: 0 !important;
			right: 0 !important;
			bottom: 0 !important;
			left: 0 !important;
			width: 100% !important;
			height: 100% !important;
			display: block;
			opacity: 0;
			pointer-events: none;
			background: transparent;
	transform: translateY(6px) scale(.985);		transform: translateY(6px) scale(.985);
	transition: opacity .6s ease, transform .6s cubic-bezier(.22,.61,.36,1);		transition: opacity .6s ease, transform .6s cubic-bezier(.22,.61,.36,1);
	will-change: opacity, transform; z-index: 1;		will-change: opacity, transform;
			z-index: 1;
	}		}
	.uor-layer.is-active { opacity: 1; pointer-events: auto; transform: translateY(0) scale(1); }		.uor-layer.is-active { opacity: 1; pointer-events: auto; transform: translateY(0) scale(1); }
	.uor-layer img.uor-photo { width: 100%; height: 100%; object-fit: cover; object-position: center; border: none !important; }		.uor-layer img.uor-photo { width: 100%; height: 100%; object-fit: cover; object-position: center; border: none !important; }
	.uor-frameimg {		.uor-frameimg {
	display: block; width: 100%; height: ~~auto~~; position: relative; z-index: 2; pointer-events: none;		display: block; width: 100%; height: 100%; position: relative; z-index: 2; pointer-events: none;
	filter: drop-shadow(0 3px 8px rgba(0,0,0,.5));		filter: drop-shadow(0 3px 8px rgba(0,0,0,.5));
	}		}
	.uor-captions { max-width: 680px; margin: ~~80px~~ auto 0; padding: 0 8px; text-align: center; }		.uor-captions { max-width: 680px; margin: 14px auto 0; padding: 0 8px; text-align: center; }
	.uor-cap {		.uor-cap {
	display: none; text-decoration: none; color: #f5e6c8 !important; font-weight: bold; line-height: 1.3;		display: none; text-decoration: none; color: #f5e6c8 !important; font-weight: bold; line-height: 1.3;

Samorite: Restore original uncropped carousel frame insets

2026-09-08T17:37:41Z

Restore original uncropped carousel frame insets

← Older revision		Revision as of 17:37, 8 September 2026
Line 232:		Line 232:
	.uor-frame { position: relative; width: 100%; height: 100%; }		.uor-frame { position: relative; width: 100%; height: 100%; }
	.uor-back {		.uor-back {
	position: absolute ~~!important~~;		position: absolute; inset: 0;
	top: ~~25.2~~% ~~!important~~;		top: 27%; right: 10%; bottom: -5%; left: 10%;
	right: ~~17.9~~% ~~!important~~;		overflow: hidden; border-radius: 6px; z-index: 1;
	bottom: ~~16.3~~% ~~!important~~;
	left: ~~16.7~~% ~~!important;~~
	~~background: #000000 !important~~;
	overflow: hidden ~~!important~~;
	border-radius: ~~0 !important~~;
	z-index: 1 ~~!important~~;
	}		}
	.uor-layer {		.uor-layer {
	position: absolute;		position: absolute; inset: 0; display: block; opacity: 0; pointer-events: none;
	~~top~~: ~~3.1%;~~
	~~left: -10.2%;~~
	~~width: 122.3%~~;
	~~height: 133.3%;~~
	display: block;
	opacity: 0;
	pointer-events: none;
	~~background: transparent~~;
	transform: translateY(6px) scale(.985);		transform: translateY(6px) scale(.985);
	transition: opacity .6s ease, transform .6s cubic-bezier(.22,.61,.36,1);		transition: opacity .6s ease, transform .6s cubic-bezier(.22,.61,.36,1);
	will-change: opacity, transform;		will-change: opacity, transform; z-index: 1;
	z-index: 1;
	}		}
	.uor-layer.is-active { opacity: 1; pointer-events: auto; transform: translateY(0) scale(1); }		.uor-layer.is-active { opacity: 1; pointer-events: auto; transform: translateY(0) scale(1); }

Samorite: Remove page and discussion tab buttons from all pages

2026-09-08T17:27:26Z

Remove page and discussion tab buttons from all pages

← Older revision		Revision as of 17:27, 8 September 2026
Line 356:		Line 356:
	margin-top: 0 !important;		margin-top: 0 !important;
	}		}
			#left-navigation, #p-namespaces, #p-associated-pages { display: none !important; }

Samorite: Center and restore slide sizing inside black framed hole

2026-09-08T17:18:37Z

Center and restore slide sizing inside black framed hole

← Older revision		Revision as of 17:18, 8 September 2026
Line 234:		Line 234:
	position: absolute !important;		position: absolute !important;
	top: 25.2% !important;		top: 25.2% !important;
	right: 17.8% !important;		right: 17.9% !important;
	bottom: 16.3% !important;		bottom: 16.3% !important;
	left: 16.8% !important;		left: 16.7% !important;
	background: #000000 !important;		background: #000000 !important;
	overflow: hidden !important;		overflow: hidden !important;
Line 244:		Line 244:
	.uor-layer {		.uor-layer {
	position: absolute;		position: absolute;
	~~inset~~: 0;		top: 3.1%;
			left: -10.2%;
			width: 122.3%;
			height: 133.3%;
	display: block;		display: block;
	opacity: 0;		opacity: 0;
	pointer-events: none;		pointer-events: none;
	background: ~~#000000 !important~~;		background: transparent;
	transform: translateY(6px) scale(.985);		transform: translateY(6px) scale(.985);
	transition: opacity .6s ease, transform .6s cubic-bezier(.22,.61,.36,1);		transition: opacity .6s ease, transform .6s cubic-bezier(.22,.61,.36,1);

Samorite: Fix frame insets and set pure black backing

2026-09-08T17:10:57Z

Fix frame insets and set pure black backing

← Older revision		Revision as of 17:10, 8 September 2026
Line 232:		Line 232:
	.uor-frame { position: relative; width: 100%; height: 100%; }		.uor-frame { position: relative; width: 100%; height: 100%; }
	.uor-back {		.uor-back {
	position: absolute~~; inset: 0~~;		position: absolute !important;
	top: 27%; right: 10%; bottom: -5%; left: 10%;		top: 25.2% !important;
	overflow: hidden; border-radius: ~~6px~~; z-index: 1;		right: 17.8% !important;
			bottom: 16.3% !important;
			left: 16.8% !important;
			background: #000000 !important;
			overflow: hidden !important;
			border-radius: 0 !important;
			z-index: 1 !important;
	}		}
	.uor-layer {		.uor-layer {
	position: absolute; inset: 0; display: block; opacity: 0; pointer-events: none;		position: absolute;
			inset: 0;
			display: block;
			opacity: 0;
			pointer-events: none;
			background: #000000 !important;
	transform: translateY(6px) scale(.985);		transform: translateY(6px) scale(.985);
	transition: opacity .6s ease, transform .6s cubic-bezier(.22,.61,.36,1);		transition: opacity .6s ease, transform .6s cubic-bezier(.22,.61,.36,1);
	will-change: opacity, transform; z-index: 1;		will-change: opacity, transform;
			z-index: 1;
	}		}
	.uor-layer.is-active { opacity: 1; pointer-events: auto; transform: translateY(0) scale(1); }		.uor-layer.is-active { opacity: 1; pointer-events: auto; transform: translateY(0) scale(1); }

Samorite: Squash spacing in Common.css

2026-09-08T17:06:02Z

Squash spacing in Common.css

← Older revision		Revision as of 17:06, 8 September 2026
Line 289:		Line 289:
	body.page-Main_Page .mw-body,		body.page-Main_Page .mw-body,
	body.rootpage-Main_Page .mw-body {		body.rootpage-Main_Page .mw-body {
	padding-top: ~~8px~~ !important;		padding-top: 2px !important;
	}		}

Line 329:		Line 329:
	box-shadow: none !important;		box-shadow: none !important;
	padding: 0 !important;		padding: 0 !important;
	margin: 0 auto ~~12px~~ auto !important;		margin: 0 auto 4px auto !important;
	}		}

	body.page-Main_Page .uor-main-hero > div:first-child {		body.page-Main_Page .uor-main-hero > div:first-child {
	margin: 0 0 ~~6px~~ 0 !important;		margin: 0 0 2px 0 !important;
	padding: 0 !important;		padding: 0 !important;
	line-height: 1.1 !important;		line-height: 1.05 !important;
			}

			body.page-Main_Page .uor-carousel-block {
			margin-top: 0 !important;
	}		}