https://wiki.runerealm.org/index.php?action=history&feed=atom&title=MediaWiki%3AGadget-switch-infobox.css 2026-05-28T08:19:38Z Revision history for this page on the wiki MediaWiki 1.41.1 https://wiki.runerealm.org/index.php?title=MediaWiki:Gadget-switch-infobox.css&diff=817&oldid=prev 2024-10-13T00:12:11Z

<p>Created page with &quot;.switch-infobox &gt; p, .switch-infobox-triggers &gt; p { display: none; } .switch-infobox &gt; p:first-child, .switch-infobox-triggers &gt; p:first-child { display: block; } .switch-infobox &gt; .item { display: none; } .switch-infobox &gt; .item.showing { display: block; } .switch-infobox &gt; .loading-button { display: none; } .switch-infobox.loading &gt; .switch-infobox-triggers { display: none; } .trigger.button { white-space: pre; } .infobox-buttons, .switch-infobox-triggers...&quot;</p> <p><b>New page</b></p><div>.switch-infobox &gt; p,<br /> .switch-infobox-triggers &gt; p {<br /> display: none;<br /> }<br /> <br /> .switch-infobox &gt; p:first-child,<br /> .switch-infobox-triggers &gt; p:first-child {<br /> display: block;<br /> }<br /> <br /> .switch-infobox &gt; .item {<br /> display: none;<br /> }<br /> <br /> .switch-infobox &gt; .item.showing {<br /> display: block;<br /> }<br /> <br /> .switch-infobox &gt; .loading-button {<br /> display: none;<br /> }<br /> <br /> .switch-infobox.loading &gt; .switch-infobox-triggers {<br /> display: none;<br /> }<br /> <br /> .trigger.button {<br /> white-space: pre;<br /> }<br /> <br /> .infobox-buttons,<br /> .switch-infobox-triggers {<br /> margin-bottom: 0.25em;<br /> display: flex;<br /> flex-wrap: wrap;<br /> }<br /> <br /> .infobox-buttons,<br /> .switch-infobox caption .switch-infobox-triggers,<br /> .infobox-switch-buttons-row .infobox-buttons {<br /> justify-content: center;<br /> }<br /> <br /> /* sidenote: these selecters are realy overqualified; may want to change the <br /> * button class name to be less generic, then remove the fluff<br /> */<br /> .switch-infobox .switch-infobox-triggers .button,<br /> .infobox-switch .infobox-buttons .button,<br /> .infobox-wrapper .infobox-buttons .button {<br /> display: inline;<br /> background: var(--body-light);<br /> border: 1px solid var(--ooui-normal-border);<br /> color: var(--text-color);<br /> cursor: pointer;<br /> font-size: 0.75rem;<br /> line-height: 1.6em;<br /> padding: 0.0625em 0.625em;<br /> margin: 0.25em; /* alternatively gap, but not supported in &lt; 14.1 ios */<br /> transition: background-color 100ms, color 100ms, border-color 100ms;<br /> }<br /> <br /> /* break into next line, as &lt;br&gt; doesn&#039;t work well in flex */<br /> .switch-infobox .switch-infobox-triggers br,<br /> .infobox-switch .infobox-buttons br,<br /> .infobox-wrapper .infobox-buttons br,<br /> .switch-infobox .switch-infobox-triggers .line-break, /* transitioning to class since &lt;br&gt; doesnt work well in Safari */<br /> .infobox-switch .infobox-buttons .line-break,<br /> .infobox-wrapper .infobox-buttons .line-break {<br /> flex-basis: 100%;<br /> width: 100%;<br /> content: &#039;&#039;;<br /> }<br /> <br /> .switch-infobox-triggers .trigger.button[disabled=&quot;disabled&quot;],<br /> .infobox-buttons .button[disabled=&quot;disabled&quot;],<br /> .infobox-buttons .button.button-selected,<br /> .switch-infobox-triggers .trigger.button.button-selected {<br /> background: var(--button-background);<br /> border-color: var(--button-background);<br /> color: #fff;<br /> }<br /> <br /> .switch-infobox .switch-infobox-triggers,<br /> .switch-infobox .loading-button {<br /> clear: left;<br /> }<br /> <br /> .rsw-synced-switch .rsw-synced-switch-item {<br /> display: none;<br /> }<br /> <br /> .rsw-synced-switch .rsw-synced-switch-item.showing {<br /> display: block;<br /> }<br /> <br /> /* workaround so mobile buttons don&#039;t get bg */<br /> body.skin-minerva caption.rsw-infobox-switch-buttons-caption,<br /> body.skin-minerva caption.infobox-switch-buttons-caption {<br /> background: none;<br /> display: table-caption;<br /> }<br /> <br /> body.skin-minerva .infobox-switch {<br /> display: table;<br /> }<br /> <br /> .gender-render-hidden {<br /> display: none;<br /> }<br /> <br /> .infobox-bonuses .gender-render {<br /> border-left: 1px solid var(--body-border);<br /> }</div>

Alex