MediaWiki:Common.css: Difference between revisions

From the Portal Wiki
Jump to navigation Jump to search
m (Add styling for renamed files in diffs)
mNo edit summary
Line 68: Line 68:
/* Portal guy */
/* Portal guy */
#portalguy {
#portalguy {
    display: block;
     position: relative;
     position: relative;
     background: url("http://i2.theportalwiki.net/img/7/7c/Background_Portal_guy.png") no-repeat;
     background: url("http://i2.theportalwiki.net/img/7/7c/Background_Portal_guy.png") no-repeat;
Line 76: Line 77:
     top: 64px;
     top: 64px;
     float: left;
     float: left;
    z-index: -1;
}
}



Revision as of 20:53, 27 June 2013

/* Sitewide CSS stylesheet. Take care when making any changes as they'll be pushed to every user almost immediately. */

/* Override forced */

/* <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; /* Browsers that don't support rgba() */
    background: rgba(246, 246, 246, 0.65);
}

.thumb {
    position: relative;
}

.spoiler-thumb {
    z-index: 300; background: black; width: 100%; height: 100%; position: absolute; left: 0; top: 0;
}

/* Translated logos */
body.pagelang-ru #p-logo > a {
    background-image: url(http://i2.theportalwiki.net/img/5/5e/Wiki_logo_ru.png) !important;
}

/* 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 {
    display: block;
    position: relative;
    background: url("http://i2.theportalwiki.net/img/7/7c/Background_Portal_guy.png") no-repeat;
    width: 128px;
    height: 315px;
    left: -144px;
    margin-bottom: -315px;
    top: 64px;
    float: left;
    z-index: -1;
}

/* Portal to Team Fortress Wiki in sidebar - Big hax */
/* Start
#n-Official-Team-Fortress-Wiki {
    display: block;
    background:url(http://i2.theportalwiki.net/img/b/b8/Portal_to_Team_Fortress_Wiki.png);
    width: 101px;
    height: 172px;
    padding: 0px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
#n-Official-Team-Fortress-Wiki a {
    display: block;
    width: 101px;
    height: 172px;
    opacity: 0.25;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity:0;
    opacity: 0;
}
#p-Team_Fortress_Wiki h5 {
    display: none;
}
#p-Team_Fortress_Wiki .body {
    background: none !important;
    margin-left: 0px !important;
    padding-top: 0px !important;
}
End */
/* End Portal to Team Fortress Wiki in sidebar */

/* 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;
}

/* Edit notices */
.enerror { background-color: #FFDBDB; border: 1px solid #BB7070; }

/* 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-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("http://i2.theportalwiki.net/img/5/5d/Checker-16x16.png") repeat; }
.gallerybox .thumb img:hover,
#file img:hover { background: white url("http://i2.theportalwiki.net/img/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://i2.theportalwiki.net/img/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;
}
.mp-sectionblock {
    background: url(http://i2.theportalwiki.net/img/3/35/Main_Page_gradient.png) repeat-x bottom;
}
.mp-content-header-alt, .mp-title-gradient {
    background: url(http://i2.theportalwiki.net/img/9/95/Main_page_header_gradient.png) repeat-x; 
}
.mp-content-header-alt { 
    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:Aquatikelfik"],
.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:Nik9990"],
.mw-userlink[title="User:NVis"],
.mw-userlink[title="User:Picard"],
.mw-userlink[title="User:Smashman"],
.mw-userlink[title="User:Sven"],
.mw-userlink[title="User:Tturbo"],
.mw-userlink[title="User:Wormhole"],
/*     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:I-ghost"],
.mw-userlink[title="User:Piemanmoo"],
.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;
}

.burbg, .admbg, .modbg, .locbg {
background-color:#70B04A;color:white;font-size:0.7em;padding: 0 2px;
}


/* Bots */
a[class="mw-userlink"][title="User:MousseBOT"],
a[class="mw-userlink"][title="User:RBotson"],
a[class="mw-userlink"][title="User:SebBOT"],
a[class="mw-userlink"][title="User:WindBOT"],
.robot, .bot {
    color:#FE48AA;
}
#pt-userpage a[href="/wiki/User:I-ghost"],
       .mw-userlink[title="User:I-ghost"],
#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, .diff-file-renamed {
    display: block;
}
.diff-name-binary, .diff-file-renamed {
    color: #606060;
}
.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-file-renamed:before {
    content: "[R] ";
}
.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;
}
.diff-data-requested {
    background: url(http://i2.theportalwiki.net/img/4/43/Patch_diff_loading.gif) right no-repeat;
}

#pt-userpage,
#pt-anonuserpage,
#pt-login {
    background: url(http://i2.theportalwiki.net/img/b/b4/Icon_Tiny_Cube.png) left top no-repeat;
    padding-left: 17px !important;
}


/* 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://i2.theportalwiki.net/img/c/c7/Test_Chamber_Infobox_middle.png) repeat-y;
    display: block;
    float: right;
    margin: 1em 0px 1em 16px;
}

.testchamber.dirty {
    background: url(http://i2.theportalwiki.net/img/f/fd/Test_Chamber_Infobox_dirty_middle.png) repeat-y;
}

.testchamber-header {
    background: url(http://i2.theportalwiki.net/img/8/84/Test_Chamber_Infobox_top.png) no-repeat;
    width: 326px;
    height: 46px;
    margin-bottom: 24px;
}

.testchamber.dirty .testchamber-header {
    background: url(http://i2.theportalwiki.net/img/7/71/Test_Chamber_Infobox_dirty_top.png) no-repeat;
}

.testchamber-footer {
    background: url(http://i2.theportalwiki.net/img/9/91/Test_Chamber_Infobox_bottom.png) no-repeat;
    width: 326px;
    height: 46px;
    margin-top: 24px;
}

.testchamber.dirty .testchamber-footer {
    background: url(http://i1.theportalwiki.net/img/4/4d/Test_Chamber_Infobox_dirty_bottom.png) no-repeat;
}

.testchamber-valvetitle {
    display: block;
    font-style: italic;
    font-size: 1em;
}

.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;
    margin: 0.5em 0em;
}

.testchamber code {
    background-color: transparent !important;
}

.testchamber-meter {
  background: url(http://i2.theportalwiki.net/img/f/fc/Chamber_progress.png) repeat-x;
}

.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-display1-off .testchamber-display1, 
.testchamber.testchamber-display2-off .testchamber-display2 {
    opacity: 0;
}

/* Old Aperture infobox styling */
.old-aperture-infobox {
  width: 250px;
  height: 709px;
  float: right;
  clear: right;
  margin: 0.5em 0 1em 0.5em;
  border: 1px solid black;
  position: relative;
  background: url(http://i1.theportalwiki.net/img/0/07/OldApertureNav_Background.png) top left no-repeat;
}

.old-aperture-location, .old-aperture-mapname {
  display: block;
  position: absolute;
}

.old-aperture-mapname {
  color: #F9F9F9;
  bottom: 2px;
  right: 2px;
}

.old-aperture-location-active .old-aperture-inactive, .old-aperture-location-inactive .old-aperture-active {
  display: none;
}

/* fmbox */
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div.mw-newarticletext,
div#mw-protect-cascadeon,
.fmbox {
    clear: both;
    margin: 0.2em 0;
    background-color: #f9f9f9;
    border: 1px solid #aaa;
    padding: 0.125em 0.25em; 
    margin: 3px auto; 
    width: auto;
}

div.mw-warning-with-logexcerpt,   /* Lazy solution. */
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div.mw-newarticletext,
div#mw-protect-cascadeon {
    padding: 0.5em 1em;
}

th.fmbox-text, td.fmbox-text {     /* The message body cell(s) */
    border: none; 
    padding: 0em;       /* 0.9em left/right */
    width: 100%;    /* Make all mboxes the same width regardless of text length */
}
td.fmbox-image {                  /* The left image cell */
    border: none; 
    padding: 2px 0 2px 0;    /* 0.9em left, 0px right */
    text-align: center; 
}
td.fmbox-image2 {             /* The right image cell */
    border: none;
    padding: 2px 0 2px 0;    /* 0px left, 0.9em right */
    text-align: center; 
}
td.fmbox-empty-cell {         /* An empty narrow cell */
    border: none;
    padding: 0px;
    width: 1px;
}

/* Lightbox */
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 90;
        width: 100%;
        height: 500px;
}
#jquery-lightbox {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 100;
        text-align: center;
        line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
        position: relative;
        background-color: #fff;
        width: 250px;
        height: 250px;
        margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
        position: absolute;
        top: 40%;
        left: 0%;
        height: 25%;
        width: 100%;
        text-align: center;
        line-height: 0;
}
#lightbox-nav {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
        width: 49%;
        height: 100%;
        zoom: 1;
        display: block;
}
#lightbox-nav-btnPrev { 
        left: 0; 
        float: left;
}
#lightbox-nav-btnNext { 
        right: 0; 
        float: right;
}
#lightbox-container-image-data-box {
        font: 10px Verdana, Helvetica, sans-serif;
        background-color: #fff;
        margin: 0 auto;
        line-height: 1.4em;
        overflow: auto;
        width: 100%;
        padding: 0 10px 0;
}
#lightbox-container-image-data {
        padding: 0 10px; 
        color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
        width: 70%; 
        float: left; 
        text-align: left; 
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
        display: block; 
        clear: left; 
        padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
        width: 66px; 
        float: right;
        padding-bottom: 0.7em;
}
/* End lightbox */

/* Track listings */
.audio-track {
  margin-top: 6px;
  margin-bottom: 6px;
}

.audio-track-title {
  font-weight: bold;
  font-style: italic;
}

.audio-track-artist {
  font-weight: bold;
}

.audio-track-duration {
  font-style: italic;
}

/* Main Page event CSS */

#eventBg {
    background: url('http://i2.theportalwiki.net/img/4/46/Event_BG_line.png') repeat-x;
    height: 120px;
    width: 100%;
    margin: 0.5em 0em;
}
#eventLogo {
    background: url('http://i2.theportalwiki.net/img/7/70/Event_BG.png') center no-repeat;
    text-align: center;
    padding-top: 20px;
}

/* Remove italics from Chinese pages */
.lang-zh-hans i,
.lang-zh-hant i { 
    font-style: normal !important;
}

/* 3D model viewer */
.viewer-3d span {
    display: none;
}
.viewer-3d {
    background: #ffffff;
    margin: 4px;
    display: block;
    cursor: move;
    position: relative;
}
.viewer-3d-frame {
    position: absolute;
}
.viewer-3d-overlay {
    background: url(http://wiki.teamfortress.com/w/images/e/ed/3D_rotation_icon.png) bottom right no-repeat;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    position: relative;
}
/* End 3D model viewer */

/* Donation stuff */
/* Flattr */
.flattr-sidebar {
    text-align: center;
}
#p-Support {
    padding-bottom: 0px !important;
}
.currency-usd {
    text-align: right;
    cursor: default;
}
.currency-usd:before {
    content: "$";  
}
/* Gumroad */
.gumroad-button {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 13px !important;
    line-height: 17px !important;
    font-weight: 500 !important;
    text-align: left !important;
    color: #8e8e8e !important;
    text-shadow: 0 1px 2px white !important;
    background: url(https://grcdn.net/assets/favicon.png) 5px 49% no-repeat white !important;
    border-radius: 3px !important;
    border: 1px solid #c8c8c8 !important;
    padding: 4px 6px 4px 26px !important;
    box-shadow: inset 0 -1px 2px rgba(0, 0, 0, .02), 0 1px 2px rgba(0, 0, 0, .1) !important;
    text-decoration: none !important;
    display: inline-block;
}

.gumroad-button:hover {
    text-decoration: none !important;
    color: #777 !important;
    border-color: #bbb !important;
    box-shadow: inset 0 -1px 2px rgba(0, 0, 0, .02), 0 1px 2px rgba(0, 0, 0, .1), 0 0 4px rgba(0, 0, 0, .1) !important;
}

.gumroad-button:active {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2), inset 0 -1px 2px rgba(0, 0, 0, .02), 0 1px 2px rgba(0, 0, 0, .1) !important;
    background-color: #fafafa !important;
}

.gumroad-button strong {
    color: #666 !important;
    font-weight: bold !important;
}
/* End donation stuff */