User:Nabz010/SwitchInfobox.css

/** * Switch Infobox -- Allows multiple infoboxes to be seamlessly switched. * Required template: http://runescape.wikia.com/wiki/Template:Switch_infobox * Required script: http://runescape.wikia.com/wiki/User:Matthew2602/SwitchInfobox.js */ /* Fixes a weird bug with the MW parser that creates lots of blank paragraphs */ .switch-infobox > p, .switch-infobox-triggers > p { display: none; } .switch-infobox > p:first-child, .switch-infobox-triggers > p:first-child { display: block; } /* Only show the item that the user has toggled to */ .switch-infobox > .item { display: none; } .switch-infobox > .item.showing { display: block; } /* Only show the loading button if the switch infobox is still loading */ .switch-infobox > .loading-button { display: none; } .switch-infobox.loading > .loading-button { display: inline-block; } /* Only show the switch triggers if the switch infobox is finished loading */ .switch-infobox.loading > .switch-infobox-triggers { display: none; } /* Slight style changes to the switch triggers */ .infobox .switch-infobox-triggers { text-align: center; font-weight: normal; margin-bottom: -5px; } /** * Gives a nice custom style to .button's used in the switch infobox in monobook, * because the current one doesn't fit in with * the appearance of the rest of the page. .skin-monobook .switch-infobox > .loading-button, .skin-monobook .switch-infobox-triggers > .trigger { padding: 0 4px; border: 1px solid #666; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e6e6), color-stop(50%, #c8c8c8)); background: -webkit-linear-gradient(top, #e6e6e6, #c8c8c8 50%); background: -moz-linear-gradient(top, #e6e6e6, #c8c8c8 50%); background: -ms-linear-gradient(top, #e6e6e6, #c8c8c8 50%); background: linear-gradient(top, #e6e6e6, #c8c8c8 50%); border-radius: 5px; color: #000; font-family: inherit; font-weight: inherit; font-size: inherit; } /* Stops button titles splitting with multiple words */ .trigger.button { white-space: pre; }