MediaWiki:Common.css: Difference between revisions
Content added Content deleted
No edit summary |
No edit summary |
||
Line 81: | Line 81: | ||
clip:rect(50px, 250px, 150px, 50px); |
clip:rect(50px, 250px, 150px, 50px); |
||
} |
} |
||
/* Hide picture attribution in thumbnails */ |
|||
.WikiaArticle .picture-attribution {display:none;} |
.WikiaArticle .picture-attribution {display:none;} |
||
/** |
|||
* 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: 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-image: -webkit-linear-gradient(top, #e6e6e6, #c8c8c8 50%); |
|||
background-image: -moz-linear-gradient(top, #e6e6e6, #c8c8c8 50%); |
|||
background-image: -ms-linear-gradient(top, #e6e6e6, #c8c8c8 50%); |
|||
background-image: linear-gradient(top, #e6e6e6, #c8c8c8 50%); |
|||
-webkit-border-radius: 5px; |
|||
-moz-border-radius: 5px; |
|||
-ms-border-radius: 5px; |
|||
border-radius: 5px; |
|||
color: #000; |
|||
font-family: inherit; |
|||
font-weight: inherit; |
|||
font-size: inherit; |
|||
} |