MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
mNo edit summary |
(fix meter / progress bar) |
||
| Line 758: | Line 758: | ||
} | } | ||
.testchamber-meter { | .testchamber-meter { | ||
background-image: (http://portal.biringa.com/images/d/d3/Test_Chamber_Infobox_progress_bar.png); | |||
background-repeat: no-repeat; | |||
} | } | ||
.testchamber-progress { | .testchamber-progress { | ||
clear: both; | clear: both; | ||
margin-top: 6px; | margin-top: 6px; | ||
} | } | ||
.testchamber-screenshot { | .testchamber-screenshot { | ||
Revision as of 21:24, 3 May 2011
/* Sitewide CSS stylesheet. Take care when making any changes as they'll be pushed to every user almost immediately. */
/* <ref> fixes from [[w:MediaWiki:Common.css]] */
sup, sub { line-height: 1em; }
ol.references { font-size: 90%; }
.references-small { font-size: 80%;}
ol.references > li:target { background-color: #ddeeff; }
sup.reference:target { background-color: #ddeeff; }
/* Some spoiler stuff */
.spoiler-inline, .spoiler-inline * {
color: transparent !important;
background: black !important;
}
.spoiler-text {
background: #F6F6F6;
}
.thumb {
position: relative;
}
.spoiler-thumb {
z-index: 300; background: black; width: 100%; height: 100%; position: absolute; left: 0; top: 0;
}
/* Quality colors */
.quality-unique {
color: #ffd700;
}
.quality-vintage {
color: #476291;
}
.quality-genuine {
color: #4d7455;
}
/* Infobox styling */
.infobox {
background: #ffffff;
width: 256px;
float: right;
clear: right;
margin: 0.5em 0 1em 0.5em;
border: 1px solid black;
padding: 2px;
}
.infobox .section {
background: #C0DFFF;
color: black;
font-weight: bold;
font-size: 1.2em;
text-align: center;
padding: 3px;
clear: both;
}
/* Portal guy */
#portalguy {
position: relative;
background: url("/w/images/7/7c/Background_Portal_guy.png") no-repeat;
width: 128px;
height: 315px;
left: -144px;
margin-bottom: -315px;
top: 64px;
}
/* Adjust preformatted text size */
pre {
font-size: 100%;
}
/* Ambox styling */
table.ambox {
margin: 0px 10%; /* 10% = Will not overlap with other elements */
border: 1px solid #9999CC;
background: #fbfbfb;
}
table.ambox + table.ambox { /* Single border between stacked boxes. */
margin-top: -1px;
}
.ambox th.ambox-text,
.ambox td.ambox-text { /* The message body cell(s) */
padding: 0.25em 0.5em; /* 0.5em left/right */
}
.ambox td.ambox-image { /* The left image cell */
padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */
}
.ambox td.ambox-image2 { /* The right image cell */
padding: 2px 0.5em 2px 0; /* 0px left, 0.5em right */
}
/* Colours */
table.ambox-notice,
td.ambox-notice {
border-left: 10px solid #1e90ff; /* Blue */
}
table.ambox-notice-2,
td.ambox-notice-2 {
border-left: 10px solid #3f6180; /* Dark Blue */
}
table.ambox-delete,
table.ambox-serious {
background: #fee; /* Pink */
border: 1px solid #BB7070;
}
td.ambox-delete,
td.ambox-serious {
border-left: 10px solid #b22222; /* Red */
}
table.ambox-content,
td.ambox-content {
border-left: 10px solid #f28500; /* Orange */
}
table.ambox-style,
td.ambox-style {
border-left: 10px solid #ffcc00; /* Yellow */
}
table.ambox-images,
td.ambox-images {
border-left: 10px solid #000000; /* Black */
}
table.ambox-protection,
td.ambox-protection {
border-left: 10px solid #bba; /* Gray-gold */
}
table.ambox-good,
td.ambox-good {
border-left: 10px solid #73D216; /* Green */
}
th.ambox-text, td.ambox-text { /* The message body cell(s) */
border: none;
padding: 0.25em 0.9em; /* 0.9em left/right */
width: 100%; /* Make all mboxes the same width regardless of text length */
}
td.ambox-image { /* The left image cell */
border: none;
padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */
text-align: center;
}
td.ambox-image2 { /* The right image cell */
border: none;
padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */
text-align: center;
}
td.ambox-empty-cell { /* An empty narrow cell */
border: none;
padding: 0px;
width: 1px;
}
/* Navbox styling */
table.navbox { /* Navbox container style */
border: 1px solid #9999CC;
background: #FEFEFF;
width: 100%;
margin: auto;
clear: both;
font-size: 88%;
text-align: center;
padding: 1px;
}
table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */
margin-top: -1px; /* (doesn't work for IE6, but that's okay) */
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
text-align: center; /* Title and above/below styles */
padding-left: 1em;
padding-right: 1em;
}
table.navbox th a {
color: #444; /* Should make the header links look better */
}
.navbox-group { /* Group style */
white-space: nowrap;
text-align: right;
font-weight: bold;
padding-left: 1em;
padding-right: 1em;
}
.navbox, .navbox-subgroup {
background: #FEFEFF; /* Background color */
}
.navbox-list {
border-color: #FEFEFF; /* Must match background color */
}
.navbox-title,
table.navbox th {
background: #C9DCFF; /* Level 1 color */
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
background: #DFECFF; /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
background: #E0F0FF; /* Level 3 color */
}
.navbox tr {
background-color:#FEFEFF; /* Standard cell background */
}
.navbox-even {
background: #F1FCFF; /* Even row striping */
}
.navbox-odd {
background: transparent; /* Odd row striping */
}
/* Make English link bold. */
li#n-English {
font-weight: bold;
}
/* Hide languages box per namespace & per page */
.ns-0.page-Main_Page .portal#p-Languages, /* Main Page exception */
.ns--1 .portal#p-Languages, /* Special */
.ns-2 .portal#p-Languages, /* User */
.ns-3 .portal#p-Languages, /* User talk */
.ns-4 .portal#p-Languages, /* Team Fortress Wiki */
.ns-5 .portal#p-Languages, /* Team Fortress Wiki talk */
.ns-6 .portal#p-Languages, /* File */
.ns-7 .portal#p-Languages, /* File talk */
.ns-8 .portal#p-Languages, /* MediaWiki */
.ns-9 .portal#p-Languages /* MediaWiki talk */
{
display: none;
}
/* Put a chequered background behind images, only visible if they have transparency */
.gallerybox .thumb img,
#file img { background: white url("/w/images/5/5d/Checker-16x16.png") repeat; }
.gallerybox .thumb img:hover,
#file img:hover { background: white url("/w/images/b/b3/Checker-16x16_Dark.png") repeat; }
/* But not on articles, user pages, portals or with opt-out. */
.ns-0 .gallerybox .thumb img,
.ns-2 .gallerybox .thumb img,
.ns-100 .gallerybox .thumb img,
.nochecker .gallerybox .thumb img {
background: #f9f9f9;
}
/* Give audio files linked with [[Media:]] a special icon */
a[href$=".wav"].internal,
a[href$=".ogg"].internal {
background: url("http://portal.biringa.com/images/4/46/Icon_external_link_wav.png") center right no-repeat;
padding-right: 16px;
}
/* Language-specific settings */
/* en-Main page title removal fix */
body.page-Main_Page h1.firstHeading {
display: none;
}
/* Other languages */
body.page-Special_RecentChanges h1.firstHeading, body.page-Special_RecentChanges span.subpages,
body.page-Main_Page_ar h1.firstHeading, body.page-Main_Page_ar span.subpages,
body.page-Main_Page_cs h1.firstHeading, body.page-Main_Page_cs span.subpages,
body.page-Main_Page_da h1.firstHeading, body.page-Main_Page_da span.subpages,
body.page-Main_Page_de h1.firstHeading, body.page-Main_Page_de span.subpages,
body.page-Main_Page_es h1.firstHeading, body.page-Main_Page_es span.subpages,
body.page-Main_Page_fi h1.firstHeading, body.page-Main_Page_fi span.subpages,
body.page-Main_Page_fr h1.firstHeading, body.page-Main_Page_fr span.subpages,
body.page-Main_Page_hu h1.firstHeading, body.page-Main_Page_hu span.subpages,
body.page-Main_Page_it h1.firstHeading, body.page-Main_Page_it span.subpages,
body.page-Main_Page_ja h1.firstHeading, body.page-Main_Page_ja span.subpages,
body.page-Main_Page_ko h1.firstHeading, body.page-Main_Page_ko span.subpages,
body.page-Main_Page_nl h1.firstHeading, body.page-Main_Page_nl span.subpages,
body.page-Main_Page_no h1.firstHeading, body.page-Main_Page_no span.subpages,
body.page-Main_Page_pl h1.firstHeading, body.page-Main_Page_pl span.subpages,
body.page-Main_Page_pt h1.firstHeading, body.page-Main_Page_pt span.subpages,
body.page-Main_Page_pt-br h1.firstHeading, body.page-Main_Page_pt-br span.subpages,
body.page-Main_Page_ro h1.firstHeading, body.page-Main_Page_ro span.subpages,
body.page-Main_Page_ru h1.firstHeading, body.page-Main_Page_ru span.subpages,
body.page-Main_Page_sv h1.firstHeading, body.page-Main_Page_sv span.subpages,
body.page-Main_Page_zh-hans h1.firstHeading, body.page-Main_Page_zh-hans span.subpages,
body.page-Main_Page_zh-hant h1.firstHeading, body.page-Main_Page_zh-hant span.subpages {
display: none;
}
/*
* Direction change on Arabic pages.
* All mainspace pages (.ns-0), userspace (.ns-2) and the edit box of template pages (.ns-10) will have
* the text direction set to RTL
*/
body.ns-0.lang-ar div#bodyContent,
body.ns-2.lang-ar div#bodyContent,
body.ns-10.lang-ar div#bodyContent {
direction: rtl;
}
/* Remove italics from Chinese pages */
.lang-zh-hans i,
.lang-zh-hant i {
font-style: normal !important;
}
/* Miscellaneous fixes */
#wpSave { font-weight: bold; }
/* Main Page styling */
.mp-content-table {
width: 100%;
background: #FEFEFF; /* Body background color */
border: 1px solid #9999CC; /* Main border color */
margin: 0.5em 0;
}
.mp-content-header {
font-size: 140%;
padding: 0.5em 0;
background: #C0DFFF; /* Header background color */
border: none;
border-bottom: 1px solid #9999CC; /* Main border color */
}
.mp-content-body {
padding: 0.5em;
}
/* Don't wordwrap top links on main page */
.mp-content-table ul > li a.external.text, .mp-content-table ul > li > b > a
{
white-space: nowrap;
}
div.mp-content-header-alt {
background: #C0DFFF;
font-size: 140%;
font-weight: bold;
border: none;
border-bottom: 1px solid #9999CC; /* Main border color */
text-align: left;
color: #000;
padding: 0.5em;
padding-left: 0.75em;
margin: -0.5em -0.5em 0px;
}
/* End Main Page style */
/* wikitable/prettytable class for skinning normal tables */
table.wikitable,
table.prettytable {
background: #FEFEFF;
border: 1px #9999CC solid;
}
table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
background-color:#FEFEFF;
white-space:inherit;
}
table.wikitable th,
table.prettytable th {
text-align: center;
white-space:inherit;
}
table.wikitable caption,
table.prettytable caption {
margin-left: inherit;
margin-right: inherit;
font-weight: bold;
}
table.wikitable .subheader {
color: black;
background: #C9DCFF;
text-align: left;
}
table.wikitable .header {
color: black;
background-color:#C9DCFF;
}
table.wikitable .border {
border: 1px #9999CC solid;
}
table.wikitable .borderless {
border:0px;
}
table.wikitable .borderless td {
border:0px;
}
table.wikitable .borderless th {
border:0px;
}
table.prettytable code,
table.wikitable code {
background-color: transparent;
}
/* Trusted Editors */
/* Bureaus */
.mw-userlink[title="User:Lagg"],
.mw-userlink[title="User:WindPower"],
.mw-userlink[title="User:RJackson"],
/* Admins */
.mw-userlink[title="User:Alex2539"],
.mw-userlink[title="User:Moussekateer"],
.mw-userlink[title="User:Picard"],
.mw-userlink[title="User:OluapPlayer"],
.mw-userlink[title="User:Pilk"],
.mw-userlink[title="User:Seb"],
/* Mods */
.mw-userlink[title="User:BiBi"],
.mw-userlink[title="User:DrAkcel"],
.mw-userlink[title="User:Firestorm"],
.mw-userlink[title="User:Lavelund"],
.mw-userlink[title="User:Maggosh"],
.mw-userlink[title="User:Minip"],
.mw-userlink[title="User:NVis"],
.mw-userlink[title="User:Picard"],
.mw-userlink[title="User:Smashman"],
.mw-userlink[title="User:Tturbo"],
/* Trusted */
.mw-userlink[title="User:AdvanS3b"],
.mw-userlink[title="User:Benjamoose"],
.mw-userlink[title="User:Daff"],
.mw-userlink[title="User:Darkstar516"],
.mw-userlink[title="User:En Ex"],
.mw-userlink[title="User:Focusknock"],
.mw-userlink[title="User:General Coolio"],
.mw-userlink[title="User:ScatmanJohn"],
.mw-userlink[title="User:TheMedik"],
.mw-userlink[title="User:Vaught"],
.mw-userlink[title="User:VeKoB"] {
color:#52D017 !important;
}
.mw-userlink {
font-weight: bold;
}
/* Bots */
a[class="mw-userlink"][title="User:MousseBOT"]
a[class="mw-userlink"][title="User:SebBOT"]
a[class="mw-userlink"][title="User:WindBOT"],
.robot, .bot {
color:#FE48AA;
}
#pt-userpage a[href="/wiki/User:Minip"],
.mw-userlink[title="User:Minip"],
#pt-userpage a[href="/wiki/User:Maggosh"],
.mw-userlink[title="User:Maggosh"],
#pt-userpage a[href="/wiki/User:NVis"],
.mw-userlink[title="User:NVis"],
#pt-userpage a[href="/wiki/User:Seb"],
.mw-userlink[title="User:Seb"] {
text-transform: lowercase;
}
/* PootTabs */
/* "Poot" tab boxes */
.poot-tabs-container a:active,.poot-tabs :focus
{
outline:none;
-moz-outline-style:none;
}
.poot-tabs-hidelink
{
float: right;
}
.poot-tabs-showhide
{
display: none;
}
.poot-tabs-navbar
{
float: left;
}
.poot-tabs-container
{
display:block;
margin-left:auto;
margin-right:auto;
border:1px solid #9999CC;
padding:3px;
}
.poot-tabs-container + .poot-tabs-container, .poot-tabs-container + table.navbox, table.navbox + .poot-tabs-container {
margin-top:-1px; /* Single pixel border between adjacent navboxes/tabboxes */
}
.poot-tabs-vertical .poot-tabs
{
float:left;
}
.poot-tabs-horizontal .poot-tabs
{
text-align:center;
}
.poot-tabs-title
{
background:#1e90ff;
font-weight:bold;
text-align:center;
padding-left:1em;
padding-right:1em;
margin-bottom:2px;
}
.poot-tabs > ul
{
list-style-type:none;
list-style-image:none;
margin:0px;
}
.poot-tabs-vertical .poot-tabs > ul > li
{
display:block;
padding:4px 6px 4px 4px;
margin-top:1px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
}
.poot-tabs-vertical .poot-tabs > ul > li:first-child
{
margin-top:0px;
}
.poot-tabs-horizontal .poot-tabs > ul > li
{
display:inline;
padding:4px 4px 4px 4px;
margin-top:0px;
margin-bottom:0px;
margin-left:4px;
margin-right:4px;
}
.poot-tabs > ul > li
{
cursor:pointer;
}
/* Vertical uses white space between tabs, horizontal doesn't */
.poot-tabs-vertical .poot-tabs > ul > li, .poot-tabs-horizontal .poot-tabs > ul
{
background:#adddff;
}
.poot-tabs > ul > li.poot-tabs-selected
{
background:#1e90ff;
}
.poot-tabs-content > div
{
position:absolute;
top:0px;
right:0px;
left:2px; /* Simulate padding */
}
.poot-tabs-content > div:not(.poot-tabs-selected)
{
display:none;
}
.poot-tabs-content
{
position:relative;
background:#f7fcff;
}
/* End PootTabs */
/* Diff styles */
.diff-file {
font-family: monospace;
}
.diff-contents {
display: none; /* Hidden by default */
margin: 4px;
margin-left: 64px;
border-top: 1px solid #E0E0E0;
border-bottom: 1px solid #E0E0E0;
background: #F9F9F9;
}
.diff-name-text, .diff-name-binary {
display: block;
}
.diff-name-text {
font-weight: bold;
cursor: pointer;
}
.diff-file-deleted .diff-name-text {
font-weight: normal;
cursor: auto;
color: #6F0000;
}
.diff-name-text:before {
content: "[+] ";
}
.diff-name-binary:before {
content: "[B] ";
}
.diff-name-text:hover {
text-decoration: underline;
color: #303090;
}
.diff-file-deleted .diff-name-text:hover {
text-decoration: none;
color: #6F0000;
}
.diff-line-entry, .diff-line-ellipsis {
display: block;
white-space: pre-wrap;
clear: both;
}
.diff-line-entry {
border-left: 1px solid #E0E0E0;
border-right: 1px solid #E0E0E0;
}
.diff-line-ellipsis {
background: #FFFFFF;
}
.diff-line-old, .diff-line-new {
width: 52px;
text-align: right;
border-right: 1px solid #E0E0E0;
padding-right: 4px;
color: #696969;
float: left;
font-size: 0.9em;
}
.diff-line-na {
font-style: italic;
color: #A0A0A0;
}
.diff-line-entry .diff-line-old, .diff-line-entry .diff-line-new {
border-bottom: 1px solid #D0D0D0;
margin-bottom: -1px;
}
.diff-line-ellipsis + .diff-line-entry .diff-line-old, .diff-line-ellipsis + .diff-line-entry .diff-line-new {
border-top: 1px solid #D0D0D0;
margin-top: -1px;
}
.diff-line-ellipsis {
padding-top: 8px;
padding-bottom: 8px;
font-size: 1.4em;
color: #666666;
text-indent: 114px;
}
.diff-line-add .diff-line {
background: #D9FFD9;
border-left: 1px solid #60CC60;
border-right: 1px solid #60CC60;
}
.diff-line-add.diff-line-first .diff-line {
border-top: 1px solid #60CC60;
}
.diff-line-add.diff-line-last .diff-line {
border-bottom: 1px solid #60CC60;
}
.diff-line-remove .diff-line {
background: #FFD9D9;
border-left: 1px solid #CC6060;
border-right: 1px solid #CC6060;
}
.diff-line-remove.diff-line-first .diff-line {
border-top: 1px solid #CC6060;
}
.diff-line-remove.diff-line-last .diff-line {
border-bottom: 1px solid #CC6060;
}
.diff-line {
display: block;
padding-left: 4px;
margin-left: 114px;
}
#pt-userpage,
#pt-anonuserpage,
#pt-login {
background: url(http://portal.biringa.com/images/8/81/User_icon.png) left top no-repeat;
}
/* For positioning icons at top-right, used in some templates */
.skin-vector div.topicon {
position:absolute;
z-index:100;
top:-50px;
display: block !important;
}
.skin-monobook div.topicon {
position:absolute;
z-index:100;
top:10px;
display: block !important;
}
/* Fixing vector/main-ltr.css putting a white background on the Quotation template */
table.quotation {
background: transparent !important;
}
/* Test Chamber infobox styling */
.testchamber {
background: url(http://portal.biringa.com/images/c/c7/Test_Chamber_Infobox_middle.png) repeat-y;
display: block;
float: right;
}
.testchamber-header {
background: url(http://portal.biringa.com/images/8/84/Test_Chamber_Infobox_top.png) no-repeat;
width: 326px;
height: 46px;
margin-bottom: 24px;
}
.testchamber-footer {
background: url(http://portal.biringa.com/images/9/91/Test_Chamber_Infobox_bottom.png) no-repeat;
width: 326px;
height: 46px;
margin-top: 24px;
}
.testchamber-content {
margin-left: 48px;
margin-right: 12px;
margin-top: -32px;
}
.testchamber hr {
width: 264px;
color: #000000 !important;
background-color: #000000 !important;
height: 2px !important;
}
.testchamber-meter {
background-image: (http://portal.biringa.com/images/d/d3/Test_Chamber_Infobox_progress_bar.png);
background-repeat: no-repeat;
}
.testchamber-progress {
clear: both;
margin-top: 6px;
}
.testchamber-screenshot {
margin-bottom: 4px;
margin-top: 7px;
}
.testchamber-icons {
margin-left: -3px;
margin-right: -3px;
margin-bottom: -3px;
}
.testchamber-icons img {
margin: 3px;
}
/* Flickering effects */
.testchamber.testchamber-off, .testchamber.testchamber-off .testchamber-header, .testchamber.testchamber-off .testchamber-footer {
background-position: -326px 0px !important;
}
.testchamber.testchamber-display-off .testchamber-content div {
opacity: 0;
}