MediaWiki:Mobile.css

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

/* Mobile Tabber Extension - To install, you must also put MobileTabber.js on both common.js and mobile.js. - You must also install this CSS on Common.css for maximum impact. .tabber { display: flex; flex-wrap: wrap; }

.tabber > .tabber-mobile-input { display: none; }

.tabber-mobile-label { width: auto; padding: 0.25em 0.5em; background: #e5e5e5; cursor: pointer; font-weight: bold; color: #7f7f7f; transition: background 0.1s, color 0.1s; }

.tabber-mobile-label:hover { background: #d8d8d8; }

.tabber-mobile-label:active { background: #ccc; }

.tabber .tabbertab { width: 100%; order: 3; display: none; padding: 0.125em; border: none; }

.tabber-mobile-input:checked + .tabber-mobile-label { background: inherit; }

.tabber-mobile-input:checked + .tabber-mobile-label + .tabbertab { display: flex; align-content: center; }