Difference between revisions of "MediaWiki:Vector.css"

Revision as of 00:11, 2 July 2011

/* Note: This is a compressed version of the CSS code, for faster loading.
   See http://wiki.teamfortress.com/wiki/MediaWiki:Common.css/Code.css for full readable code */
/*
 * ATTENTION ADMINISTRATORS:
 * 
 * This is the CSS for all skins. Any major changes to this page should be first proposed and discussed. Thank you.
 * 
 * Note:
 *  - CSS on this page will be applied to all users. Keep in mind that some users may still retain older versions in their cache.
 *  - Use the Show changes button to preview what you've changed *before* you hit save.
 *  - After saving changes, please validate the CSS with the W3C Validator (http://jigsaw.w3.org/css-validator/)
 *  - You can do this by using this URL:
 *    http://wiki.teamfortress.com/w/index.php?title=MediaWiki:Common.css&action=raw&ctype=text/css
 *  
 */


/* IMAGES */

/* Remove white border from thumbnails */
div.thumb  { border: none; }
div.tright { border: none; margin: 0.5em 0 0.8em 1.4em; }
div.tleft  { border: none; margin: 0.5em 1.4em 0.8em 0; }

/* Put a chequered background behind images, only visible if they have transparency */
.gallerybox .thumb img,
#file img { background: white url("http://wiki.teamfortress.com/w/images/5/5d/Checker-16x16.png") repeat; }
.gallerybox .thumb img:hover,
#file img:hover { background: white url("http://wiki.teamfortress.com/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;
}
/* END IMAGES */

/* Give [[Media:]] file links a special icon */
a[href$=".wav"].internal {
    background: url("http://wiki.teamfortress.com/w/images/4/46/Icon_external_link_wav.png") center right no-repeat;
    padding-right: 16px;
}

/* <ref> fixes from [[wikipedia: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; }

/* Overflow by default */
pre { overflow: auto; }

/* Class hat table nesting on [[Hats]] */
table.navbox-hatsnest tr#navbox-colheader-tr, 
table.navbox-hatsnest tr#navbox-rowspacing,
table.navbox-hatsnest .navbox-miscitem {
   display: none;
}
table.navbox-hatsnest {
   margin: 0em !important;
}

/* Marking redirects  */
.allpagesredirect, .watchlistredir, .redirect-in-category { 
    font-style: italic; 
}

/* Consistent widths of category & prefixindex tables */
.ns-14 div#mw-subcategories td,
.ns-14 div#mw-pages td,
#mw-prefixindex-list-table td {
    width: 33%;
}

/* Main Page styling */

.mp-content-table { 
    width: 100%; 
    background: #FEFBF6;                      /* Body background color    */
    border: 1px solid #79542B;                /* Main border color        */
    margin: 0.5em 0;
}
.mp-content-header { 
    font-size: 140%; 
    padding: 0.5em 0; 
    background: #F3A957;                      /* Header background color  */
    border: none;
    border-bottom: 1px solid #79542B;         /* 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: #F3A957; 
    font-size: 140%; 
    font-weight: bold;
    border: none;
    border-bottom: 1px solid #79542B;         /* 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 */

/* Fix margins on [[MediaWiki:Sitenotice]] */
#siteNotice {
    margin-top: 0.5em;
    margin-bottom: -0.5em;
}

table.toc {
   margin-top: 1em;
   margin-bottom: 1em;
}

/* 
   Allow limiting of which header levels are shown in a TOC;
   <div class="toclimit-3">, for instance, will limit to
   showing ==headings== and ===headings=== but no further
   (as long as there are no =headings= on the page, which
   there shouldn't be according to the MoS).
   
   From [[wikipedia:MediaWiki:Common.css]].

 */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
    display: none;
}

table.infobox {
   border:1px solid #79542B;
   background: #FFFCF7;
   margin: 0.5em 0 0.5em 1em;
   float: right;
   clear: right;
}

table.infobox th {
   font-size:1.2em;
   background-color:#F9D483;
}

table.infobox tr,td {
   margin:0em;
}

table.infobox .image {
   text-align: center;
}

table.infobox .caption {
   color: black;
}

table.infobox .borderless {
   border:0px;
}

/* {{Item infobox}} styling */
td.infobox-label { 
    font-weight: bold;
    padding-left: 0.25em;
    vertical-align: top;
}

td.infobox-data { 
    padding-right: 0.25em;
    vertical-align: top;
}

/* wikitable/prettytable class for skinning normal tables */

table,
table.diff,
td.diff-otitle,
td.diff-ntitle {
  background-color: transparent;
}

table.wikitable,
table.prettytable {
  background: #FFFCF7;
  border: 1px #79542B solid;
}

table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
   background-color:#FFFCF7;
   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 {
   font-size:1.2em;
   color: black;
   background-color:#ffd580;
   text-align: left;
}

table.wikitable .header {
   font-size:1.2em;
   color: black;
   background-color:#F3A957;
}

table.wikitable .border {
  border: 1px #79542B solid;
}

table.wikitable .borderless {
   border:0px;
}

table.wikitable .borderless td {
   border:0px;
}

table.wikitable .borderless th {
   border:0px;
}

.tf-color1 { background-color: #F3A957; }
.tf-color2 { background-color: #FFBE7E; }
.tf-color3 { background-color: #F9D483; }
.tf-color4 { background-color: #FFDDAD; }
.tf-color5 { background-color: #FEF5E0; }
.tf-color-bg { background-color: #FFFCF7; }

table.prettytable code,
table.wikitable code {
  background-color: transparent;
}

.grid {
  border: 1px #79542B solid;
  border-collapse: collapse;
  padding:0.4em;
}

.grid th,
.grid td {
  border: 1px #79542B solid;
  padding:0.1em 0.8em;
  white-space:inherit;
}

.nopad {
  border-collapse: collapse;
  padding-left: 0em;
  padding-right: 0em;
  border: 0;
}

.nopad th,
.nopad td {
  padding-left: 0em;
  padding-right: 0em;
  border: 0;
}

a:link     { color: #3F56AD; }
a:visited  { color: #75735F; }

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

/* Prevents the 'Templates used on this page' list at the bottom of every edit page becoming too long. */
.templatesUsed { 
    overflow: auto;
    height: 256px;
    border: 1px solid #aaa;
    padding: 0.5em;
}

/* Default skin for navigation boxes */
table.navbox {            /* Navbox container style */
  border: 1px solid #79542B;
  background-color:#FFFCF7;
  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;
}
.navbox-group {            /* Group style */
  white-space: nowrap;
  text-align: right;
  font-weight: bold;
  padding-left: 1em;
  padding-right: 1em;
}
.navbox, .navbox-subgroup {
  background: #FFFCF7;     /* Background color */
}
.navbox-list {
  border-color: #FFFCF7;   /* Must match background color */
}
.navbox-title,
table.navbox th {
  background: #F3A957;     /* Level 1 color */
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: #F9D483;     /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
  background: #FEF5E0;     /* Level 3 color */
}
.navbox tr {
   background-color:#FFFCF7;  /* Sandard cell background */
}
.navbox-even {
  background: #FEF5E0;     /* Even row striping */
}
.navbox-odd {
  background: transparent; /* Odd row striping */
}

/* Used in {{all class nav}} */
.acnav-group { 
    background: #FEF5E0;
    white-space: nowrap;
    text-align: right;
    font-weight: bold;
    padding-left: 1em;
    padding-right: 1em;
}
    
.acnav-list { 
    border-left: 2px solid none;
    padding: 0em 0.25em;
}
    
.acnav-col { 
    text-align: left; 
    padding: 0em 1em; 
    vertical-align: top; 
    line-height: 0.75em;
    font-weight: bold;
}
    
.acnav-colh { 
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid #ffddad;
}

.acnav-colhats { 
    border-bottom: 1px solid #ffddad;
    border-top: 1px solid #ffddad;
    background: #FEF5E0;
}

.acnav-odd  { background: none; }
.acnav-even { background: #FEF5E0; }

/* Code for div-based collapsing 
 * From [[wikipedia:MediaWiki:Common.css]] */
div.NavFrame {
    margin: 0;
    padding: 4px;
    border: 1px solid #79542B;
    text-align: center;
    border-collapse: collapse;
    font-size: 95%;
}
div.NavFrame + div.NavFrame {
    border-top-style: none;
    border-top-style: hidden;
}
div.NavPic {
    background-color: #fff;
    margin: 0;
    padding: 2px;
    float: left;
}
div.NavFrame div.NavHead {
    height: 1.6em;
    font-weight: bold;
    background-color: #F3A957; /* Level 1 color */
    position: relative;
}
div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p {
    font-size: 100%;
}
div.NavEnd {
    margin: 0;
    padding: 0;
    line-height: 1px;
    clear: both;
}
a.NavToggle {
    position: absolute;
    top: 0;
    right: 3px;
    font-weight: normal;
    font-size: 90%;
}
/* End */
 
.collapsibleDiv {
    overflow: hidden;
}
.collapseButton {          /* 'show'/'hide' buttons created dynamically */
    float: right;          /* by the CollapsibleTables javascript in    */
    font-weight: normal;   /* [[MediaWiki:Common.js]]are styled here    */
    text-align: right;     /* so they can be customised.                */
    width: auto;
}
.navbox .collapseButton {  /* In navboxes, the show/hide button balances */
    width: 6em;            /* the vde links from [[Template:Tnavbar]],   */
}                          /* so they need to be the same width.         */
 

/* ambox class for skinning ambox's */


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;
}
 
/* Article message box styles */
table.ambox {
    margin: 0px 10%;   /* 10% = Will not overlap with other elements */
    border: 1px solid #aaa; 
    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 */
}
                                        /* End ambox code */


/* For positioning icons at top-right, used in some templates */
div.topicon {
    position:absolute; 
    z-index:100; 
    top:10px;
    display: block !important;
}

/* common font settings */

.bold     { font-weight: bold; }
.large    { font-size: 110%; }
.larger   { font-size: 1.2em; }
.xlarge   { font-size: 150%; }
.largest  { font-size: 180%; }
.xxlarge  { font-size: 200%; }
.mid      { font-size: 95%; }
.small    { font-size: 90%; }
.smaller  { font-size: 80%; }
.xsmall   { font-size: 75%; }
.smallest { font-size: 50%; }
.border   { border:1px solid #79542B; }
.nomargin { margin: 0px; }
.nowrap   { white-space: nowrap; }
.transparent { background-color: transparent; }

.whitespaceborder {
   background-color:white;
   margin-bottom: 0.5em;
   margin-left: 0.5em;
}

/* 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_tr h1.firstHeading, body.page-Main_Page_tr 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;
}

.crit { background: url(http://wiki.teamfortress.com/w/images/9/91/Killicon_crit.png) center no-repeat; }

/* Language template */
 
.LanguageLinks {
    margin-top: 0.5em;
}
 
.LanguageLinks table {
    clear: both;
    border: 1px solid #aaaaaa;
    border-collapse: collapse;
    padding: 0.2em;
    font-size: 85%;
    margin-top: 0.5em;
}
 
.LanguageLinks span {
    white-space: nowrap;
}

/* Trusted Editors */
.mw-userlink[title="User:En Ex"],
.mw-userlink[title="User:Pilk"],
.mw-userlink[title="User:Moussekateer"],
.mw-userlink[title="User:Seb26"],
.mw-userlink[title="User:WindPower"],

.mw-userlink[title="User:Alex2539"],
.mw-userlink[title="User:BiBi"],
.mw-userlink[title="User:CruelCow"],
.mw-userlink[title="User:Daff"],
.mw-userlink[title="User:DaimoN"],
.mw-userlink[title="User:Darkman 4"], 
.mw-userlink[title="User:DrAkcel"],
.mw-userlink[title="User:EpicEric"],
.mw-userlink[title="User:Firestorm"],
.mw-userlink[title="User:G-Mang"],
.mw-userlink[title="User:Hackett"],
.mw-userlink[title="User:Infi^"],
.mw-userlink[title="User:Lagg"],
.mw-userlink[title="User:Laros123"],
.mw-userlink[title="User:LordKelvin"],
.mw-userlink[title="User:NVis"],
.mw-userlink[title="User:OluapPlayer"],
.mw-userlink[title="User:Parseus"],
.mw-userlink[title="User:Picard"],
.mw-userlink[title="User:Piemanmoo"],
.mw-userlink[title="User:RJackson"],
.mw-userlink[title="User:Shine"],
.mw-userlink[title="User:The Neotank"],
.mw-userlink[title="User:Tturbo"],
.mw-userlink[title="User:Vi3trice"],

a.trusted, .bur, .adm, .mod, .loc, .helpUser {
    color:#55BB00 !important;
}
/* Bots */
a[class="mw-userlink"][title="User:PilkBOT"],
a[class="mw-userlink"][title="User:FireBOT"],
a[class="mw-userlink"][title="User:SmashBOT"],
a[class="mw-userlink"][title="User:WindBOT"],
a[class="mw-userlink"][title="User:SebBOT"],
.robot, .bot {
    color:#FE48AA;
}
 
/* Valve */
a[class="mw-userlink"][title="User:Bryn"],
a[class="mw-userlink"][title="User:JeffLane"],
a[class="mw-userlink"][title="User:Joe"],
a[class="mw-userlink"][title="User:RobinWalker"],
.valve {
    font-weight: bold !important;
    background-color: #DFDFDF !important;
    margin: 0 2px 0 2px;
    padding: 0 3px 0 2px;
}
.trusted {
    color: #606060;
}
.trusted .mw-userlink {
    color: #0066FF;
}

.mw-userlink {
    font-weight: bold;
}

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

/* People with lowercase names */
/* MediaWiki is case-insensitive for the first letter so [[User:seb26]] is treated the same as [[User:Seb26]] */
/* As is [[engineer]] and [[Engineer]] */

#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"]:first-letter,
       .mw-userlink[title="User:NVis"]:first-letter,
#pt-userpage a[href="/wiki/User:Seb26"],
       .mw-userlink[title="User:Seb26"] { 
    text-transform: lowercase;
    }

/* No forced lowercase on sidebar */
.portlet h5 {
    text-transform: none;
}

/* Edit notices */
.enmain  { background-color: #F7FFF5; border: 1px solid #D4F2CE; }
.enerror { background-color: #FFDBDB; border: 1px solid #BB7070; }
.eninfo  { background-color: #E6F2FF; border: 1px solid #B8C7D9; }

.entalk, 
.enuser_talk, 
.enteam_fortress_wiki_talk, 
.enfile_talk, 
.enhelp_talk, 
.entemplate_talk, 
.encategory_talk, 
.enmediawiki_talk {
    background-color: #f2f2f2;
    border: 1px solid #aaa;
}

.enuser, 
.enteam_fortress_wiki, 
.enfile, 
.enmediawiki, 
.entemplate, 
.enhelp, 
.encategory {
    background-color: #f9f9f9;
    border: 1px solid #aaa;
}

/* +/- Special:RecentChanges colors */
.mw-plusminus-pos { color: #006400; }
.mw-plusminus-neg { color: #8B0000; }

/* START charInsert by WindPower */
#wpCharInsert1 {
   margin: 4px;
}
#wpCharInsert1 a {
   margin-left: 2px;
   margin-right: 2px;
}
/* END charInsert */

/* Item attribute colours. */
.att_level     { color:#756B5E; }
.att_positive  { color:#99CCFF; }
.att_negative  { color:#FF4040; }
.att_neutral   { color:#EBE2CA; }
.att_setname   { color:#E1FF0F; }
.att_setitem_y { color:#95AF0C; }
.att_setitem_n { color:#8B8989; }
.att_uses      { color:#00A000; }
.att_flags     { color:#756B5E; }
/* End item attribute colours. */

/* Item quality colours. */
.qua_normal     { color:rgb(178,178,178); }
.qua_unusual    { color:rgb(134,80,172); }
.qua_vintage    { color:rgb(71,98,145); }
.qua_unique     { color:rgb(255,215,0); }
.qua_community  { color:rgb(112,176,74); }
.qua_valve      { color:rgb(165,15,121); }
.qua_self-made  { color:rgb(112,176,74); }
.qua_customized { color:rgb(71,98,145); }
.qua_genuine    { color:rgb(77,116,85); }
.qua_strange    { color:rgb(205,155,29); }
/* End item quality colours */

/* Embed font - Hosted by User:WindPower */
@font-face {
  font-family: "TF2 Build";
  src: url(http://glados.biringa.com/tf2/tf2build.eot);
  src: local("☺"),
    url("http://glados.biringa.com/tf2/tf2build.ttf") format("truetype");
}
/* Bullet-proof smiley! */

/* Event stuff */
#eventBg {
    background: url('http://wiki.teamfortress.com/w/images/4/46/Event_BG_line.png') repeat-x;
    height: 120px;
    width: 100%;
    margin: 0.5em 0em;
}
#eventLogo {
    background: url('http://wiki.teamfortress.com/w/images/7/70/Event_BG.png') center right no-repeat;
    text-align: center;
    padding-top: 20px;
}
/* End Halloween event stuff */

/* Twitter feed */
.twitterfeed {
    float: right;
    margin-left: 16px;
    margin-bottom: 6px;
}

.paintCell
{
    background: #ffffff;
}
.paintCell:hover
{
    background: #000000;
}

/* "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, .poot-tabs-edittabs
{
  display: none;
}

.poot-tabs-navbar
{
  float: left;
}

.poot-tabs-container
{
  display:block;
  margin-left:auto;
  margin-right:auto;
  border:1px solid #79542B;
  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:#f3a957;
  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;
  white-space:nowrap;
}

.poot-tabs-vertical .poot-tabs > ul > li:first-child
{
  margin-top:0px;
}


.poot-tabs-horizontal .poot-tabs > ul > li
{
  display:inline-block;
  padding:4px 4px 4px 4px;
  margin-top:0px;
  margin-bottom:0px;
  margin-left:4px;
  margin-right:4px;
  white-space:nowrap;
}

.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:#ffddad;
}

.poot-tabs > ul > li.poot-tabs-selected
{
  background:#f3a957;
}

.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:#fffcf7;
}

.nav-small { 
  font-size: 80%;
}

.lang-zh-hans .nav-small,
.lang-zh-hant .nav-small {
  font-size: 95% !important;
}

/* Poot-tabs no-JS style overrides */
.poot-tabs-nojs .poot-tabs {
    display: none !important; /* Hide tab bar */
}
.poot-tabs-nojs .poot-tabs-content,.poot-tabs-nojs .poot-tabs-content > div {
    position: static !important; /* Regular positioning */
}

/* Adds background image to the page. */
body {
	background: #FFFFFF url("http://wiki.teamfortress.com/w/images/8/84/Site_background.png") no-repeat fixed;
}

/* Adds background image to the content box and tabs. */
#content, #p-cactions li:not(.selected) {
	background: url("http://wiki.teamfortress.com/w/images/5/56/Background_Content.png") transparent;
}
#p-cactions ul li a { background: none; }
#p-cactions ul li.selected a { background-color: #F7F7F7; }

/* Add secksy Soldier login icon by User:Nineaxis. */
li#pt-userpage, li#pt-anonuserpage, li#pt-login {
background:transparent url("http://wiki.teamfortress.com/w/images/d/d8/Login_Soldier.png") no-repeat scroll top left;
padding-left:22px;
}


/* SIDEBAR FIXES */

/* Make English link bold. */
li#n-English { 
    font-weight: bold;
}

/* Hide languages box per namespace & per page */

.ns--1 .generated-sidebar#p-languages,                    /* Special */
.ns-0.page-Main_Page .generated-sidebar#p-languages,      /* Main Page exception */
.ns-2 .generated-sidebar#p-languages,                     /* User */
.ns-3 .generated-sidebar#p-languages,                     /* User talk */
.ns-4 .generated-sidebar#p-languages,                     /* Team Fortress Wiki */
.ns-5 .generated-sidebar#p-languages,                     /* Team Fortress Wiki talk */
.ns-6 .generated-sidebar#p-languages,                     /* File */
.ns-7 .generated-sidebar#p-languages,                     /* File talk */
.ns-8 .generated-sidebar#p-languages,                     /* MediaWiki */
.ns-9 .generated-sidebar#p-languages                      /* MediaWiki talk */
{ 
    display: none; 
}

/* Elements within the class 'editsection-nofloat' will have [edit] links appear on the left hand side */
.editsection-nofloat .editsection { 
    float: left;
    margin-right: 0.5em;
}

/* Portal to Portal Wiki in sidebar - Big hax */
#n-Portal-Wiki {
    display: block;
    background:url(http://wiki.teamfortress.com/w/images/e/ee/Portal_to_the_Portal_Wiki.png);
    width: 101px;
    height: 172px;
    padding: 0px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
#n-Portal-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-portal_wiki h5 {
    display: none !important;
}
#p-portal_wiki .pBody {
    background: none !important;
    margin-left: 0px !important;
    padding-top: 0px !important;
    border: none !important;
}
/* End Portal to Portal Wiki in sidebar */

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

/* Start TF-style buttons */
.tf-button * {
  padding: 0px !important;
  margin: 0px !important;
  background: none !important;
  text-decoration: none !important;
  font-family: "TF2 Build";
  font-size: 20px;
  color: #444444;
}

.tf-button-left {
  display: inline-block;
  width: 40px;
  height: 40px;
  vertical-align: text-bottom;
  background: url(http://wiki.teamfortress.com/w/images/9/92/TF_button_left_40px.png) top left no-repeat !important;
}

.tf-button-middle {
  display: inline-block;
  height: 40px;
  vertical-align: text-bottom;
  line-height: 40px;
  background: url(http://wiki.teamfortress.com/w/images/f/f7/TF_button_middle_40px.png) top repeat-x !important;
}

.tf-button-right {
  display: inline-block;
  width: 40px;
  height: 40px;
  vertical-align: text-bottom;
  background: url(http://wiki.teamfortress.com/w/images/9/9b/TF_button_right_40px.png) top right no-repeat !important;
}

.tf-button a:hover .tf-button-left, .tf-button a:hover .tf-button-middle, .tf-button a:hover .tf-button-right {
  background-position: 0px -40px !important;
}

.tf-button a .tf-button-on {
  display: none;
}

.tf-button a:hover .tf-button-on {
  display: inline-block;
}

.tf-button a:hover .tf-button-off {
  display: none;
}

.tf-button a:hover * {
  color: #ece3cb;
}
/* End TF-style buttons */

#wpSave {
	font-weight: normal;
}

#wpPreview {
	font-weight: bold;
}

/* Make vector orange */
div.vectorTabs, div.vectorTabs li a, div.vectorMenu h5 a {
    background-image: url(/w/images/5/58/Tab-break.png);
}

#mw-head-base, #footer {
    background-image: url(/w/images/4/46/Border.png);
}

div.vectorTabs ul { 
    background-image: url(/w/images/5/58/Tab-break.png);
}

div.vectorTabs ul li {
    background-image: url(/w/images/7/77/Tab-normal-fade.png);
    background-color: transparent;
}

div.vectorTabs li.selected {
    background-image: url(/w/images/7/71/Tab-current-fade.png);
}

#mw-page-base {
    background: transparent url(/w/images/9/99/Page-fade.png) repeat-x;
}

#content { 
    background-color: transparent;
    background-image: url(/w/images/d/dd/Content-bg.png);
    border-left:1px solid #F2A858;
}

#mw-panel div.portal div.body { 
    background-image: url(/w/images/0/0f/Portal-break.png);
}

/* Need to set up new backgrounds here */
body {
    background-color: #F5F5F5;
    background-image: url(/w/images/9/9f/Background_Main_vector.png);
    background-attachment: fixed;
}

/* More padding for the little man icon in the corner */
#pt-userpage, #pt-anonuserpage, #pt-login { 
    padding-left: 20px !important;
}

/* Cover up visited link colour in personal bar */
#p-personal a:visited { 
    color: #3F56AD;
}

/* Adjust position of site notice */
#siteNotice div,
#siteNotice p { 
    margin: -0.5em 0em 1.5em 0em
}

.topicon { 
    position: absolute !important;
    top: -44px !important;
    right: 1px !important;
    display: block !important;
}

/* Account for additions to shared.css */
table.wikitable {
    border-collapse: separate;
}

.wikitable th, .wikitable td {
    border: none;
}

table.grid {
  border: 1px #79542B solid;
  border-collapse: collapse;
  padding:0.4em;
}

.grid th, .grid td {
  border: 1px #79542B solid;
  padding: 0.1em 0.8em;
  white-space: inherit;
}

/* Vector sidebar fixes */
/* Hide languages box per namespace & per page */

.ns--1 .portal#p-languages,               /* Special */
.ns-0.page-Main_Page .portal#p-languages, /* Main Page exception */
.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; 
}