Array

MediaWiki:Common.css: Difference between revisions

No edit summary
No edit summary
Tag: Manual revert
 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
@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;
}
}
}

Latest revision as of 01:56, 18 February 2026

@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {

}