MediaWiki:Common.css: Difference between revisions

Create initial look
No edit summary
(Create initial look)
Line 1:
:root {
/** CSS placed here will be applied to all skins */
--rct-indian-red: #b34f4f;
 
--rct-light-grey: #839797;
/* Hide title and tagline on Main Page */
--rct-light-grey-br: #5b7373;
body.page-RollerCoaster_Tycoon_Wiki h1.firstHeading, body.page-RollerCoaster_Tycoon_Wiki #siteSub {
display:none;
}
 
body.skin-vector
/* Display text below main article header, located at MediaWiki:tagline */
{
#siteSub {
background-color: var(--rct-indian-red);
display: inline;
font-size: 92%;
font-weight: normal;
}
 
body.skin-vector #mw-page-base
element.style {
{
border:1px solid #000000;
background-color: var(--rct-indian-red);
background-image: none;
}
 
/* Tabs like Main page, Discussion, etc.
a:visited {
body.skin-vector ul.vector-menu-content-list li
color: #003C82;
{
}
 
input#searchInput {
background-color:#A0B771;
border-color:#718746;
}
 
body.skin-vector #mw-panel nav
table
{
background-color:#FFFFFF;
background-color: var(--rct-light-grey);
border:0px;
border-right-color: var(--rct-light-grey-br);
margin-top: 0px;
border-bottom-color: var(--rct-light-grey-br);
}
 
.catlinks {
background-color:#FCDE8A;
border:0px solid #000000;
}
 
#content {
-moz-border-radius-topleft: 1.2em;
-moz-border-radius-bottomleft: 1.4em;
-moz-border-radius-topright: 1.4em;
-moz-border-radius-bottomright: 1.4em;
}
 
#p-cactions ul li, #p-cactions ul li a {
-moz-border-radius-topleft: 0.4em;
-moz-border-radius-topright: 0.4em;
}
 
code {
background-color:#FDD355;
}
 
.infobox {
border:1px solid silver
float:right;
clear:right;
postion:absolute;
right:250px;
width:250px;
min-width:250px;
max-width:250px;
border-collapse:separate;
margin-left:5px;
clip:rect(50px, 250px, 150px, 50px);
}
 
 
/**
* 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;
}
 
 
.mainpage .portal .wikia-gallery { margin:7px 0 12px 0 !important; }
.mainpage .portal .gallery-image-wrapper { height: 85px !important;border-radius: 3px; }
.mainpage .portal .gallery-image-wrapper { height: 85px !important;border-radius: 3px; }
.mainpage .portal .thumb { height: 88px !important; }
.mainpage .portal .lightbox-caption { padding: 1px 2px 1px 3px !important;font-weight:bold;font-size: x-small !important;width: auto !important;right: 0 !important;left: initial !important; }