MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

@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;
	}
	
}