MediaWiki:Gadget-switch-infobox.css
Jump to navigation
Jump to search
After saving, you may need to bypass your browser's cache to see the changes. For further information, see Wikipedia:Bypass your cache.
- In most Windows and Linux browsers: Hold down Ctrl and press F5.
- In Safari: Hold down ⇧ Shift and click the Reload button.
- In Chrome and Firefox for Mac: Hold down both ⌘ Cmd+⇧ Shift and press R.
.switch-infobox > p,
.switch-infobox-triggers > p {
display: none;
}
.switch-infobox > p:first-child,
.switch-infobox-triggers > p:first-child {
display: block;
}
.switch-infobox > .item {
display: none;
}
.switch-infobox > .item.showing {
display: block;
}
.switch-infobox > .loading-button {
display: none;
}
.switch-infobox.loading > .switch-infobox-triggers {
display: none;
}
.trigger.button {
white-space: pre;
}
.infobox-buttons,
.switch-infobox-triggers {
margin-bottom: 0.25em;
display: flex;
flex-wrap: wrap;
}
.infobox-buttons,
.switch-infobox caption .switch-infobox-triggers,
.infobox-switch-buttons-row .infobox-buttons {
justify-content: center;
}
/* sidenote: these selecters are realy overqualified; may want to change the
* button class name to be less generic, then remove the fluff
*/
.switch-infobox .switch-infobox-triggers .button,
.infobox-switch .infobox-buttons .button,
.infobox-wrapper .infobox-buttons .button {
display: inline;
background: var(--body-light);
border: 1px solid var(--ooui-normal-border);
color: var(--text-color);
cursor: pointer;
font-size: 0.75rem;
line-height: 1.6em;
padding: 0.0625em 0.625em;
margin: 0.25em; /* alternatively gap, but not supported in < 14.1 ios */
transition: background-color 100ms, color 100ms, border-color 100ms;
}
/* break into next line, as <br> doesn't work well in flex */
.switch-infobox .switch-infobox-triggers br,
.infobox-switch .infobox-buttons br,
.infobox-wrapper .infobox-buttons br,
.switch-infobox .switch-infobox-triggers .line-break, /* transitioning to class since <br> doesnt work well in Safari */
.infobox-switch .infobox-buttons .line-break,
.infobox-wrapper .infobox-buttons .line-break {
flex-basis: 100%;
width: 100%;
content: '';
}
.switch-infobox-triggers .trigger.button[disabled="disabled"],
.infobox-buttons .button[disabled="disabled"],
.infobox-buttons .button.button-selected,
.switch-infobox-triggers .trigger.button.button-selected {
background: var(--button-background);
border-color: var(--button-background);
color: #fff;
}
.switch-infobox .switch-infobox-triggers,
.switch-infobox .loading-button {
clear: left;
}
.rsw-synced-switch .rsw-synced-switch-item {
display: none;
}
.rsw-synced-switch .rsw-synced-switch-item.showing {
display: block;
}
/* workaround so mobile buttons don't get bg */
body.skin-minerva caption.rsw-infobox-switch-buttons-caption,
body.skin-minerva caption.infobox-switch-buttons-caption {
background: none;
display: table-caption;
}
body.skin-minerva .infobox-switch {
display: table;
}
.gender-render-hidden {
display: none;
}
.infobox-bonuses .gender-render {
border-left: 1px solid var(--body-border);
}