MediaWiki:Common.css: Difference between revisions

no edit summary
No edit summary
No edit summary
Line 81:
clip:rect(50px, 250px, 150px, 50px);
}
 
/* Hide picture attribution in thumbnails */
.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;
}