MediaWiki:Switch.css

/** * CSS for User:Cqm/switch infobox and User:Cqm/switch inline * * @author Cqm * @author Joeytje50 */

/* =======================      Show/hide stuff ======================= */

/** * Hide radio buttons * Hide content by default */ .switch-radio { display: none; }

/* hide content by default */ .switch-content, .switch-content-inline { display: none; }

/** * Show content when associated button is selected * For User:Cqm/switch infobox * @notes does not work in IE8 */ .switch-radio-1:checked ~ .switch-content-1, .switch-radio-2:checked ~ .switch-content-2, .switch-radio-3:checked ~ .switch-content-3, .switch-radio-4:checked ~ .switch-content-4, .switch-radio-5:checked ~ .switch-content-5, .switch-radio-6:checked ~ .switch-content-6, .switch-radio-7:checked ~ .switch-content-7, .switch-radio-8:checked ~ .switch-content-8, .switch-radio-9:checked ~ .switch-content-9, .switch-radio-10:checked ~ .switch-content-10, .switch-radio-11:checked ~ .switch-content-11, .switch-radio-12:checked ~ .switch-content-12, .switch-radio-13:checked ~ .switch-content-13, .switch-radio-14:checked ~ .switch-content-14, .switch-radio-15:checked ~ .switch-content-15, .switch-radio-16:checked ~ .switch-content-16, .switch-radio-17:checked ~ .switch-content-17, .switch-radio-18:checked ~ .switch-content-18, .switch-radio-19:checked ~ .switch-content-19, .switch-radio-20:checked ~ .switch-content-20, .switch-radio-21:checked ~ .switch-content-21, .switch-radio-22:checked ~ .switch-content-22, .switch-radio-23:checked ~ .switch-content-23, .switch-radio-24:checked ~ .switch-content-24, .switch-radio-25:checked ~ .switch-content-25 { display: block; }

/** * Show content when associated button is selected * User:Cqm/switch inline * @notes does not work in IE8 */ .switch-radio-1:checked ~ * .switch-content-1, .switch-radio-2:checked ~ * .switch-content-2, .switch-radio-3:checked ~ * .switch-content-3, .switch-radio-4:checked ~ * .switch-content-4, .switch-radio-5:checked ~ * .switch-content-5, .switch-radio-6:checked ~ * .switch-content-6, .switch-radio-7:checked ~ * .switch-content-7, .switch-radio-8:checked ~ * .switch-content-8, .switch-radio-9:checked ~ * .switch-content-9, .switch-radio-10:checked ~ * .switch-content-10, .switch-radio-11:checked ~ * .switch-content-11, .switch-radio-12:checked ~ * .switch-content-12, .switch-radio-13:checked ~ * .switch-content-13, .switch-radio-14:checked ~ * .switch-content-14, .switch-radio-15:checked ~ * .switch-content-15, .switch-radio-16:checked ~ * .switch-content-16, .switch-radio-17:checked ~ * .switch-content-17, .switch-radio-18:checked ~ * .switch-content-18, .switch-radio-19:checked ~ * .switch-content-19, .switch-radio-20:checked ~ * .switch-content-20, .switch-radio-21:checked ~ * .switch-content-21, .switch-radio-22:checked ~ * .switch-content-22, .switch-radio-23:checked ~ * .switch-content-23, .switch-radio-24:checked ~ * .switch-content-24, .switch-radio-25:checked ~ * .switch-content-25 { display: inline; }

/* ==================================      Positioning/display tweaks ================================== */ .switch-infobox, .switch-infobox-inline { width: 35%; /* move to common.css */ float: right; /* move to common.css */ text-align: center; }

.switch-content .infobox, .switch-inline-outer .infobox { margin: auto !important; } .switch-infobox-inline .infobox { margin: auto !important; }

.switch-tab { margin: 2px; }

.switch-content, .switch-infobox-inline > div { margin-top: 10px; }

.switch-content div { float: none !important; display: inline-block !important; width: 95% !important; margin-left: 5%; text-align: left; }

.switch-infobox { margin-left: 10px; }

.switch-labels { float: right; width: 35%; text-align: center; }

.switch-content { float: right; width: 35%; clear: right; text-align: right; }

/* for chatheads */ .floatleft.switch-content { clear: none; width: auto; }

.switch-inline-outer { float: right; clear: right; }

/* =========================      wikiamobile fixes ========================= */ /** * @notes .wkPage is the only common class used between wikiamobile and game guides *       It can be used to apply changes to the content area */

/** * Undo styling used for non wikiamobile skins * Likely won't need this when live */	width: 100%; float: none; }
 * 1) wkPage .switch-content,
 * 2) wkPage .switch-labels,
 * 3) wkPage .switch-inline-outer {

/* */