MediaWiki:Mobile.css

/* CSS placed here will affect users of the mobile site */

/* Navbox Mobile */ /* Only for desktop devices */ .nomobile { display:none; }

/* MENU     */

margin: 0; padding: 0; }
 * 1) menu ul {

display: none; }
 * 1) menu .main-menu {

display: block; }
 * tm:checked + .main-menu {

display: none; }
 * 1) menu input[type="checkbox"],
 * 2) menu ul span.drop-icon {

border-style: solid; border-color: rgba(0, 0, 0, .05); }
 * 1) menu li,
 * 2) toggle-menu,
 * 3) menu .sub-menu {

border-width: 0 0 1px; }
 * 1) menu li,
 * 2) toggle-menu {

border: 2px solid #5e637f; background-color: #444; margin: 0 1em; box-shadow: 2px 2px 3px #434343; }
 * 1) menu .sub-menu {

border-width: 0; }
 * 1) menu .sub-menu li:last-child {

position: relative; display: block; color: white; text-shadow: 1px 1px 0 rgba(0, 0, 0, .125); }
 * 1) menu li,
 * 2) toggle-menu,
 * 3) menu a {

background-color: #8e94ba; display: inline-block; border: 2px solid #7f83a2; box-shadow: 1px 1px 2px #4c4f67; }
 * 1) menu,
 * 2) toggle-menu {

padding: 0.5em 1.5em; }
 * 1) toggle-menu,
 * 2) menu a {

background-color: #9da1c0; transition: all .125s ease-in-out; -webkit-transition: all .125s ease-in-out; font-family: Lato; }
 * 1) menu a {

background-color: #474e7a; color: #09c; }
 * 1) menu a:hover {

display: none; }
 * 1) menu .sub-menu {

display: block; }
 * 1) menu input[type="checkbox"]:checked + .sub-menu {

color: #db8ae2; }
 * 1) menu .sub-menu a:hover {

position: absolute; right: 1.5em; top: 1.25em; }
 * 1) toggle-menu .drop-icon,
 * 2) menu li label.drop-icon {

border-radius: 50%; width: 1em; height: 1em; text-align: center; background-color: rgba(0, 0, 0, .125); text-shadow: 0 0 0 transparent; color: rgba(255, 255, 255, .75); }
 * 1) menu label.drop-icon, #toggle-menu span.drop-icon {

line-height: 1; }
 * 1) menu .drop-icon {

@media only screen and (max-width: 64em) and (min-width: 52.01em) { #menu li { width: auto; }

#menu .sub-menu li { width: auto; } }

@media only screen and (min-width: 52em) { #menu .main-menu { display: block; }

#toggle-menu, #menu label.drop-icon { display: none; }

#menu ul span.drop-icon { display: inline-block; }

#menu li { float: left; border-width: 0 1px 0 0; }

#menu .sub-menu li { float: none; }

#menu .sub-menu { margin: 0; position: absolute; top: 100%; left: 0; width: 10em; white-space: nowrap; background-color: #595994; z-index: 3000; }

#menu .sub-menu, #menu input[type="checkbox"]:checked + .sub-menu { display: none; }

#menu .sub-menu li { border-width: 0 0 1px; }

#menu .sub-menu .sub-menu { top: 0; left: 100%; } #menu .smallmenu { font-size: 12px; } #menu .sub-menu .smallmenu { white-space: nowrap; width: auto; }

#menu li:hover > input[type="checkbox"] + .sub-menu { display: block; } }

height: 10em; }
 * 1) mw-head-base {