Array

MediaWiki:Common.css: Difference between revisions

No edit summary
No edit summary
Line 3: Line 3:
.languageBox {
.languageBox {
position: static !important;
position: static !important;
float: none !important;
float: right !important;
margin: 10px 0 !important;
margin: 10px 0 !important;
display: inline-block !important;
display: block !important;
z-index: auto !important;
z-index: 10000 !important;
clear: both !important;
}
}


.languageBox a {
/* Main "In other languages" link */
font-size: 2.4rem !important;
.languageBox > li > a {
padding: 8px 12px !important;
font-size: 3rem !important;
padding: 10px 14px !important;
color: #0D98BA !important;
}
 
/* Dropdown language links */
.languageBox > li > ul li a,
.languageBox .interlanguage-link a {
font-size: 2.8rem !important;
padding: 10px 14px !important;
color: #333 !important;
}
 
.languageBox > li > ul li a:hover,
.languageBox .interlanguage-link a:hover {
color: #7BB375 !important;
background-color: #f5f5f5 !important;
}
 
/* Disable hover-based dropdown on mobile - JS handles toggle */
.languageBox > li > ul {
opacity: 0 !important;
height: 0 !important;
width: 0 !important;
overflow: hidden !important;
visibility: hidden !important;
}
}


.languageBox:hover > li > ul {
.languageBox:hover > li > ul {
width: auto !important;
opacity: 0 !important;
height: 0 !important;
width: 0 !important;
visibility: hidden !important;
}
 
/* Disable pointer-events override on hover for mobile */
.languageBox:hover > li > a {
pointer-events: auto !important;
cursor: pointer !important;
}
}
}
}

Revision as of 01:34, 18 February 2026

@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
	/* Language box - prevent overlapping title on mobile */
	.languageBox {
		position: static !important;
		float: right !important;
		margin: 10px 0 !important;
		display: block !important;
		z-index: 10000 !important;
		clear: both !important;
	}

	/* Main "In other languages" link */
	.languageBox > li > a {
		font-size: 3rem !important;
		padding: 10px 14px !important;
		color: #0D98BA !important;
	}

	/* Dropdown language links */
	.languageBox > li > ul li a,
	.languageBox .interlanguage-link a {
		font-size: 2.8rem !important;
		padding: 10px 14px !important;
		color: #333 !important;
	}

	.languageBox > li > ul li a:hover,
	.languageBox .interlanguage-link a:hover {
		color: #7BB375 !important;
		background-color: #f5f5f5 !important;
	}

	/* Disable hover-based dropdown on mobile - JS handles toggle */
	.languageBox > li > ul {
		opacity: 0 !important;
		height: 0 !important;
		width: 0 !important;
		overflow: hidden !important;
		visibility: hidden !important;
	}

	.languageBox:hover > li > ul {
		opacity: 0 !important;
		height: 0 !important;
		width: 0 !important;
		visibility: hidden !important;
	}

	/* Disable pointer-events override on hover for mobile */
	.languageBox:hover > li > a {
		pointer-events: auto !important;
		cursor: pointer !important;
	}
	
}