Difference between revisions of "MediaWiki:Common.css"

m (Reverted edits by JC the Builder (Talk) to last revision by Cogniac)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
+
/** CSS placed here will be applied to all skins **/
/* All template and light skin definitions can be made here */
+
  
 
+
/* Main Page layout */
 
+
div#header {
 
+
     border:1px solid #9F3215;
 
+
     margin:10px -1px 0px -1px;
 
+
     width:100%;
/**** DESIGN TWEAKS ****/
+
 
+
 
+
/* --- FIXES --- */
+
+
/* remove table backgrounds */
+
table {
+
  background-color:inherit;
+
}
+
 
+
/* --Gourra :) */
+
 
+
a, .portlet a.new { color: #FFC0CB !important }
+
a.new, #p-personal a.new, .portlet a { color: #70B8FF !important }
+
 
+
/* quick fix for darker red links problem
+
a.new {
+
  color: #F05048;
+
} */
+
+
/* to remove the external link icon from sortable tables */
+
#bodyContent a.sortheader {
+
  background: none;
+
  padding-right: 0;
+
}
+
+
/* fixes spacing after using plainlinks class to remove arrow */
+
#bodyContent .plainlinks a {
+
        background: none !important;
+
        padding: 0 !important;
+
}
+
 
+
/* increase h2 heading margin */
+
h2 {
+
        margin-top: 1em;
+
}
+
 
+
/* Change background of category bar */
+
#catlinks {
+
  background-color: #E6E6FD;
+
}
+
 
+
 
+
/* --- PERSONAL LINKS --- */
+
+
/* icon change */
+
li#pt-userpage, li#pt-anonuserpage, li#pt-login {
+
  background: url(http://images4.wikia.nocookie.net/__cb1/wowwiki/images/4/49/UserIcon.png) no-repeat;
+
}
+
+
/* self spacing, bold */
+
#p-personal {
+
  font-weight: bold;
+
  padding: 4px 0px 3px 0px;
+
}
+
+
/* content spacing */
+
#column-content, #p-cactions {
+
  margin-top: 5px;
+
}
+
+
/* removing a little wasted space */
+
#p-personal UL {
+
  padding-right: 1em;
+
}
+
 
+
 
+
/* --- RC LIST --- */
+
+
/* rc list byte-change colours */
+
.mw-plusminus-neg { color: #8B0000; }
+
.mw-plusminus-pos { color: #006400; }
+
.mw-plusminus-null { color: #666; }
+
+
/* move namespace bit on RC to the right */
+
div.namespacesettings {
+
  float: right;
+
  clear: none;
+
  position: relative;
+
  top: -4em;
+
  width: 160px;
+
  border: 1px dotted #606060;
+
  background: #EEE;
+
  padding: 4px;
+
  font-size: 90%;
+
}
+
+
/* colour 'N' and 'm' */
+
.newpage { color: #A56C40; }
+
.minor { color: #666; }
+
 
+
 
+
/* --- SMALLER TEMPLATES USED TEXT --- */
+
+
.templatesUsed ul { font-size:90% }
+
 
+
 
+
/* --- [[SPECIAL:ALLPAGES]], CATEGORY REDIRECT TWEAKS --- */
+
+
.redirect-in-category, .allpagesredirect { font-style: italic; }
+
.allpagesredirect:after { color: #808080; content: " (redirect)"}
+
 
+
 
+
/* --- REFERENCE STYLES --- */
+
+
/* make the list of references look smaller */
+
ol.references { font-size: 100%; }
+
+
.references-small { font-size: 90%;}
+
+
/* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */
+
/* -moz-* is a vendor-specific extension (CSS 2.1 4.1.2.1) */
+
/* column-count is from the CSS3 module "CSS Multi-column Layout" */
+
/* Please ignore any validator errors caused by these two lines */
+
.references-2column {
+
  font-size: 90%;
+
  -moz-column-count:2;
+
  column-count:2;
+
}
+
+
.same-bg { background: none }
+
+
/* Highlight clicked reference in blue to help navigation */
+
+
ol.references > li:target {
+
  background-color: #ccf;
+
}
+
+
sup.reference:target {
+
  background-color: #ccf;
+
}
+
 
+
 
+
/* --- YOU HAVE NEW MESSAGES BAR --- */
+
+
/* prettified */
+
.usermessage, .usermessage plainlinks {
+
  border: 2px solid #ee8500;
+
  margin: 0.5em 0em 0.5em 0em;
+
  padding: 0.5em;
+
  vertical-align: middle;
+
}
+
 
+
 
+
/* --- TAB STYLES --- */
+
+
/* for "edit this page" tab and "discussion" tab etc */
+
.tab {
+
      border-style: solid solid none;
+
      border-width: thin;
+
      border-color: #808080;
+
      padding:0.25ex 1ex 0ex;
+
      font-size: 95%;
+
    }
+
 
+
 
+
/* --- OTHER TWEAKS --- */
+
+
/* background for transparent images when viewed directly */
+
#file img {
+
  background:transparent url(http://images2.wikia.nocookie.net/__cb1/wowwiki/images/thumb/3/34/Wwchecker.svg/16px-Wwchecker.svg.png) repeat scroll 0% 0%
+
}
+
 
+
/* Prevents line breaks in links, used for navboxes */
+
+
.nowraplinks a { white-space: nowrap; }
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
/**** WOWWIKI TEMPLATES ****/
+
 
+
/* --- NAVFRAME STUFF --- */
+
/* Standard Navigationsleisten, aka box hiding thingy from .de. */
+
/* Documentation at [[wikipedia:Wikipedia:NavFrame]]. */
+
div.Boxmerge,
+
div.NavFrame {
+
    margin: 0px;
+
    padding: 4px;
+
     border: 1px solid #aaa;
+
    text-align: center;
+
    border-collapse: collapse;
+
    font-size: 95%;
+
}
+
div.Boxmerge div.NavFrame {
+
    border-style: none;
+
    border-style: hidden;
+
}
+
div.NavFrame + div.NavFrame {
+
    border-top-style: none;
+
    border-top-style: hidden;
+
}
+
div.NavPic {
+
    background-color: #fff;
+
     margin: 0px;
+
    padding: 2px;
+
    float: left;
+
}
+
div.NavFrame div.NavHead {
+
    height: 1.6em;
+
    font-weight: bold;
+
    background-color: #ccf;
+
    position:relative;
+
}
+
div.NavFrame p {
+
    font-size: 100%;
+
}
+
div.NavFrame div.NavContent {
+
    font-size: 100%;
+
}
+
div.NavFrame div.NavContent p {
+
    font-size: 100%;
+
}
+
div.NavEnd {
+
    margin: 0px;
+
    padding: 0px;
+
    line-height: 1px;
+
     clear: both;
+
}
+
a.NavToggle {
+
    position:absolute;
+
    top:0px;
+
    right:3px;
+
    font-weight:normal;
+
    font-size:smaller;
+
}
+
 
+
 
+
/* --- TOOLTIP --- */
+
+
/* WoW Style Tooltip */
+
.tooltip {
+
  font-size: 1em;
+
  float: left;
+
  width: 18em;
+
  min-width: 15em;
+
  padding: 0.3em;
+
  margin: 5px;
+
  color: #fff;
+
  background-color: #111;
+
  border: 1px #bbb solid;
+
  -moz-border-radius: 0.75ex;
+
  -webkit-border-radius: 0.75ex;
+
}
+
+
.tooltip ul {
+
  margin: 0;
+
  padding: 0;
+
  list-style: none;
+
  list-style-type: none;
+
  list-style-image: none;
+
}
+
+
.itemtooltip {
+
  text-align: left
+
}
+
 
+
/* --- TABLE DESIGNS --- */
+
+
/* default skin for navigation boxes */
+
table.navbox {            /* navbox container style */
+
  border:1px solid #aaa;
+
  width:100%;
+
  margin:auto;
+
  clear:both;
+
  font-size:88%;
+
  text-align:center;
+
  padding:1px;
+
 
}
 
}
table.navbox + table.navbox {
+
div#logo {
  margin-top:-1px;       /* single pixel border between adjacent navboxes (doesn't work for IE6, but that's okay) */
+
    float:left;
 +
    font-size:10px;
 +
    padding:0px 0px 12px 20px;
 +
    text-align:center;
 +
}
 +
div#welcome {
 +
    float:right;
 +
    padding:22px 20px 22px 0px;
 +
    text-align:right;
 
}
 
}
.navbox-title, .navbox-abovebelow, table.navbox th {
+
div.mainpagetablerow {
  text-align:center;     /* title and above/below styles */
+
    border-bottom:1px solid #9F3215;
  padding-left:1em;
+
    min-width:501px;
  padding-right:1em;
+
    width:100%;
 
}
 
}
.navbox-group {           /* group style */
+
div.leftcolumn,
  white-space:nowrap;
+
div.rightcolumn {
  text-align:right;
+
    float:left;
  font-weight:bold;
+
    min-width:250px;
  padding-left:1em;
+
    width:49.9%;
  padding-right:1em;
+
 
}
 
}
.navbox, .navbox-subgroup {
+
div.leftcolumn {
  background:#fdfdfd;    /* Background color */
+
    border-right:1px solid #9F3215;
 +
     margin-right:-1px;
 
}
 
}
.navbox-list {
+
div.rightcolumn {
  border-left:2px solid #fdfdfd;   /* Must match background color */
+
    border-left:1px solid #9F3215;
 
}
 
}
.navbox-title, table.navbox th {
+
div.titleicon {
  background:#ccccff;    /* Level 1 color */
+
    float:left;
 +
     padding-left:10px;
 
}
 
}
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {
+
div.titletext {
  background:#ddddff;    /* Level 2 color */
+
    color:#9F3215;
 +
     float:left;
 +
    font-size:18px;
 +
    padding-left:10px;
 
}
 
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
+
div.content {
  background:#e6e6ff;     /* Level 3 color */
+
    padding:5px 20px 10px 10px;
 
}
 
}
.navbox-even {
 
  background:#f7f7f7;    /* Even row striping */
 
}
 
.navbox-odd {
 
  background:transparent; /* Odd row striping */
 
}
 
 
@media print {
 
    .navbox {
 
        display: none;
 
    }
 
}
 
 
/* dark table style */
 
table.darktable {
 
  border: 1px solid #aaa;
 
  padding: 5px;
 
  background: #F9F9F9;
 
  font-size: 89%;
 
  margin: 0.5em 0em 1em 0.5em;
 
}
 
table.darktable th {
 
  background-color: #ccf;
 
  padding: 0 0.5em;
 
}
 
table.darktable caption {
 
  font-size: 120%;
 
  font-weight: bold; 
 
}
 
table.darktable tr:not(:first-child) th {
 
    background-color: #ddf;
 
}
 
 
table.extrapadding td {
 
  padding-left: 4px;
 
  padding-right: 4px;
 
}
 
 
table.td-right td {
 
  text-align: right;
 
}
 
 
/* title stuff */
 
.title {
 
  background-color: #ddf;
 
  text-align:center;
 
  font-weight:bold;
 
  padding: 1px 2px;
 
}
 
 
.alt {background-color: #e9e9ff; }
 
table.zebra > tbody > tr:nth-child(2n+1) {background-color: #e9e9ff; }
 
 
table .hover:hover { background-color: orange; } /* for occasions where a table element */
 
/*  is class="hover": for legibility in larger tables */
 
 
/* --- MAIN PAGE STYLES --- */
 
 
/* darkgreen header */
 
.mainpagetabledarkgreen {
 
  background-color:#8AC4B4;
 
}
 
 
/* green body */
 
.mainpagetablegreen {
 
  background-color:#A2CCBE;
 
}
 
 
/* darkblue header */
 
.mainpagetabledarkblue {
 
  background-color:#A0A2B8;
 
}
 
 
/* blue body */
 
.mainpagetableblue {
 
  background-color:#BABBD0;
 
}
 
 
/* darkred header */
 
.mainpagetabledarkred {
 
  background-color:#BDACAC;
 
}
 
 
/* red body */
 
.mainpagetablered {
 
  background-color:#D7C6C6;
 
}
 
 
/* --- GENERAL TEMPLATE DESIGNS --- */
 
 
/* bg for wowbox */
 
.wowboxbg {
 
  background-color:#DDD;
 
}
 
 
/* making certain links black on monobook */
 
.speciallink {
 
  color:black;
 
}
 
 
/* disambig, i-note design */
 
.greybar {
 
  color: #000;
 
  background-color: #DDD;
 
  border-top: 1px #606060 solid;
 
  border-bottom: 1px #606060 solid;
 
}
 
 
/* band, in use by [[template:infoline]] */
 
.band { display:table;
 
        margin: 0.2ex 3em;
 
        text-align: center;
 
        padding: 1ex 3em 0.5ex;
 
        line-height:130%; }
 
 
/* --- {{t|Ambox}} TEMPLATE DESIGNS --- */
 
 
/* {{t|Ambox}} design */
 
.ambox {
 
  font-size: 95%;
 
  width: 80%;
 
  margin: 0 auto;
 
  border: 1px #AAA solid;
 
  border-left: 10px solid #228b22;
 
  border-collapse: collapse;
 
  background-color: #EEE;
 
}
 
 
/* {{t|Ambox}} colours */
 
.ambox-blue {
 
  border-left: 10px solid #1e90ff;      /* Blue (notice) */
 
}
 
.ambox-red {
 
  border-left: 10px solid #b22222;      /* Red (delete/serious) */
 
}
 
.ambox-orange {
 
  border-left: 10px solid #f28500;      /* Orange (content) */
 
}
 
.ambox-yellow {
 
  border-left: 10px solid #f4c430;      /* Yellow (style) */
 
}
 
.ambox-purple {
 
  border-left: 10px solid #9932cc;      /* Purple (merge) */
 
}
 
.ambox-gray {
 
  border-left: 10px solid #bba;          /* Gray (protection) */
 
}
 
.ambox-green {
 
  border-left: 10px solid #228b22;      /* Green */
 
}
 
 
/* {{t|Ambox}} small text */
 
.amsmalltext {
 
  font-size: smaller;
 
  margin-top:0.5em;
 
  margin-left:0.8em;
 
}
 
 
/* {{t|Ambox}} image */
 
.ambox-image {                          /* The left image cell */
 
  width: 60px;
 
  padding: 2px 0px 2px 0.5em;            /* 0.5em left, 0px right */
 
  text-align: center;
 
}
 
 
@media print { .ambox { display: none; } } /* no ambox when printing */
 
 
 
 
/* --- COLORS --- */
 
 
/* Blizz text color */
 
.blizztext, .text-blizz {
 
  color:#0070af;
 
}
 
 
/* text colors: say, yell, emote, whisper */
 
.text-say {color:#CC9900;}
 
.text-yell {color:#FF4040;}
 
.text-emote {color:#F87431;}
 
.text-whisper {color:#F8B0DE;}
 
.text-bossemote {color:#f0d000;}
 
 
/* Item Quality Colors */
 
.qc-artifact, .qc-artifact a, .qc-heirloom, .qc-heirloom a { color: #E6CC80; }
 
.qc-legendary, .qc-legendary a { color: #ff8000; }
 
.qc-epic, .qc-epic a { color: #a335ee; }
 
.qc-rare, .qc-rare a { color: #0070FF; }
 
.qc-uncommon, .qc-uncommon a { color: #1EFF00; }
 
.qc-common, .qc-common a { color: #000000; } /* common is normally white, but white on white is bad */
 
  div.itemtooltip li a span.qc-common {color:#fff} /* but we want it white inside tooltips. */
 
 
.qc-poor, .qc-poor a { color: #9D9D9D; }
 
 
.qc-enchant, .qc-enchant a { color:#ffd100; }
 
 
/* Class Colors */
 
.cc-druid, .cc-druid a { color: #FF7D0A; }
 
.cc-hunter, .cc-hunter a { color: #ABD473; }
 
.cc-mage, .cc-mage a { color: #69CCF0; }
 
.cc-paladin, .cc-paladin a { color: #F58CBA; }
 
.cc-priest, .cc-priest a { color: gray; } /* priest is white, but not on light skins... see monaco/wowwiki.css */
 
.cc-rogue, .cc-rogue a { color: #CC9900; }
 
.cc-shaman, .cc-shaman a { color: #2459FF; }
 
.cc-warlock, .cc-warlock a { color: #9482CA; }
 
.cc-warrior, .cc-warrior a { color: #C79C6E; }
 
.cc-deathknight, .cc-deathknight a { color: #C41E3A; }
 
 
.druid, .druidalt {color: white;}
 
.druid {background-color: #7f3e05;}
 
.druidalt { background-color: #663300;}
 
.druid a, .druidalt a {color: #ff7f0a;}
 
 
.hunter, .hunteralt {color: white;}
 
.hunter {background-color: #445533;}
 
.hunteralt {background-color: #334422;}
 
.hunter a, .hunteralt a {color: #ABD473;}
 
 
.mage, .magealt {color: white; /* border: solid 1px #69ccf0; */ }
 
.mage {background-color: #4488aa;}
 
.magealt {background-color: #336677;}
 
.mage a, .magealt a {color: #66ccff;}
 
 
.paladin, .paladinalt {color: white; /* border: solid 1px #442233; */ }
 
.paladin {background-color: #883355;}
 
.paladinalt {background-color: #662244;}          /* for alternating lines in some tables */
 
.paladin a, .paladinalt a {color: #ff99cc;}
 
 
.priest, .priestalt {color: white;}
 
.priest {background-color: #777777;}
 
.priestalt {background-color: #444444;}
 
.priest a, .priestalt a {color: #bbbbbb;}
 
 
.rogue, .roguealt {color: white;} /* rogue colors look horrendous atm, imo */
 
.rogue {background-color: #555500;}
 
.roguealt {background-color: #444400;}
 
.rogue a, .roguealt a {color: #fff569;}
 
 
.shaman, .shamanalt {color: white;}
 
.shaman {background-color: #112277;}
 
.shamanalt {background-color: #112255;}
 
.shaman a, .shamanalt a {color: #2459FF;}
 
 
.warlock, .warlockalt {color: white; /* border: solid 1px #550077; */ }
 
.warlock {background-color: #331155;}
 
.warlockalt {background-color: #220044;}
 
.warlock a, .warlockalt a {color: #cc99ff;}
 
 
.warrior, .warrioralt {color: white;}
 
.warrior {background-color: #775533;}
 
.warrioralt {background-color: #443322;}
 
.warrior a, .warrioralt a {color: #C79C6E;}
 
 
.deathknight, .deathknightalt {color: white;}
 
/* .deathknight {background-color: #;} */
 
/* .deathknightalt { background-color: #;} */
 
.deathknight a, .deathknightalt a {color: #C41E3A;}
 
 
  /* Item Tooltips */
 
/* div.itemtooltip li a {color: inherit} would ideally replace most a declarations here, */
 
/* but IE support is lacking. */
 
div.itemtooltip {
 
  min-width: 15em;
 
  padding: 0.3em;
 
  margin: 5px;
 
  background-color: #111;
 
  border: 1px #bbb solid;
 
  -moz-border-radius: 0.75ex;
 
  -webkit-border-radius: 0.75ex;
 
}
 
div.itemtooltip ul {margin: 0; padding: 0; list-style: none; list-style-type: none; list-style-image: none;}
 
div.itemtooltip, div.itemtooltip li, div.itemtooltip li a {color: #fff;}
 
div.itemtooltip li.socket,  div.itemtooltip li.socket a {color: #999;}
 
div.itemtooltip li.glyph, div.itemtooltip li.glyph a {color:#71d5ff;}
 
div.itemtooltip li.req, div.itemtooltip li.req a {color: #999;}
 
div.itemtooltip li.locked, div.itemtooltip li.locked a {color: #d22;}
 
div.itemtooltip li.bonus, div.itemtooltip li.bonus a {color: #0f0;}
 
div.itemtooltip li.flavor, div.itemtooltip li.flavor a {color: #ffd517;}
 
div.itemtooltip li.detail, div.itemtooltip li.detail a {color: #66c;}
 
div.itemtooltip li.set, div.itemtooltip li.set a {color: #ffd100;}
 
div.itemtooltip li.setbonus, div.itemtooltip li.setbonus a {color: #999;}
 
 
/* PLAINLINKS (see wikipedia:Common.css */
 
.plainlinksneverexpand {
 
    background: none ! important;
 
    padding: 0 ! important;
 
}
 
 
.plainlinksneverexpand .urlexpansion { display: none ! important; }
 
.plainlinksneverexpand a {
 
    background: none !important;
 
    padding: 0 !important;
 
}
 
 
.plainlinksneverexpand a.external.text:after { display: none !important; }
 
.plainlinksneverexpand a.external.autonumber:after { display: none !important; }
 
 
/* USERBOXES */
 
table.wwusrbox {float: left; margin: 0.2em; padding: 0; border-width: 1px; border-style: solid;}
 
table.wwusrbox td.left, table.wwusrbox td.right {text-align: center; vertical-align: middle; font-size: 1.6em; padding: 0;}
 
table.wwusrbox td.main {padding: 0 4px; vertical-align: middle; line-height: 125%; font-size: 0.90em;}
 
 
table.wwusrbox {border-color: #aaa; background: #f8f8f8;}
 
table.wwusrbox td.left, table.wwusrbox td.right {background: #d8d8d8;}
 
 
/* - Book Styling */
 
div.book {
 
  margin: 0.5em;
 
}
 
div.book > div {
 
  border-width: 1px;
 
  border-style: solid;
 
}
 
div.book > div > h4  {
 
  margin: 0;
 
  padding: 0.2em;
 
  border-bottom-width: 1px;
 
  border-bottom-style: solid;
 
  font-family: Georgia, serif;
 
  font-size: 1.1em;
 
  font-weight: bold;
 
}
 
div.book > div > h4 span.editsection {
 
  font-family: sans-serif;
 
  font-size: 0.91em;
 
}
 
div.book > div > div > div {
 
  margin: 0.5em;
 
  margin-top: 0;
 
  font-family: Georgia, serif;
 
  font-size: 0.85em;
 
  position: relative;
 
}
 
/* For IE7 because it doesn't support double-colon selectors and there's a strict mode bug with inline elements */
 
div.book p:first-child:first-letter {
 
  line-height: 1;
 
  text-transform: uppercase;
 
  font-size: 2em;
 
}
 
div.book p:first-child::first-letter {
 
  line-height: 1;
 
  text-transform: uppercase;
 
  font-size: 2em;
 
  border-width: 1px;
 
  border-style: solid;
 
  padding: 1px;
 
}
 
 
/* Select reputation colors */
 
span.rep-friendly {color: lime}
 
span.rep-neutral {color: yellow}
 
span.rep-hostile {color: red}
 
 
/* Tooltip formatting common */
 
div.wtooltip {min-width: 15em; padding: 0.3em; margin: 5px; background-color: #111; border: 1px #bbb solid; -moz-border-radius: 0.75ex; -webkit-border-radius: 0.75ex; color: white; text-align: left;}
 
div.wtooltip ul {margin: 0; padding: 0; list-style: none; list-style-type: none; list-style-image: none;}
 
 
/* Buffs & Debuffs */
 
div.bufftip {border-width: 1px; border-style: solid; border-color: #aaaaaa;}
 
div.debuff {border-color: #cc0000;}
 
div.debuffmagic {border-color: #3399ff;}
 
div.debuffcurse, div.buffweapon {border-color: #9900ff;}
 
div.debuffdisease {border-color: #996600;}
 
div.debuffpoison {border-color: #009900;}
 
 
.achievementlink {color: goldenrod;}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/**************************/
 
/****** TESTING AREA ******/
 
/**************************/
 
  
/* New main page-related styles */
+
/* UOGuide table styling */
body.page-Portal_Main #wikia_page, body.page-Portal_World_of_Warcraft #wikia_page, body.page-Portal_WotLK #wikia_page, body.page-Portal_Interface_customization #wikia_page, body.page-Portal_Warcraft_universe #wikia_page, body.page-Portal_Community #wikia_page {
+
table.uoguidetable {
min-width:735px;
+
    border:1px solid #000000;
 +
    border-collapse:collapse;
 +
    margin:0px;
 +
    width:auto;
 
}
 
}
body.page-Portal_Main h1.firstHeading, body.page-Portal_Main #mp-newsline, body.page-Portal_Main #contentSub {
+
table.uoguidetable th,
  display:none;
+
table.uoguidetable td {
 +
    border:1px solid #000000;
 +
    padding:3px 4px;
 +
    text-align:center;
 
}
 
}
body.page-Portal_Main hr, body.page-Portal_World_of_Warcraft hr, body.page-Portal_WotLK hr, body.page-Portal_Interface_customization hr, body.page-Portal_Warcraft_universe hr, body.page-Portal_Community hr {
+
table.uoguidetable th {
color: #444;
+
    background-color:#9F3215;
background-color: #444;
+
    color:#FFFFFF;
 
}
 
}
body.page-Portal_World_of_Warcraft #contentSub, body.page-Portal_WotLK #contentSub, body.page-Portal_Interface_customization #contentSub, body.page-Portal_Warcraft_universe #contentSub, body.page-Portal_Community #contentSub {
+
table.uoguidetable td {
  display:none;
+
    background-color:#EEEECC;
 
}
 
}
.mpcontentbox-sidebar {
+
table.uoguidetable.leftalign td {
margin-top:10px;
+
    text-align:left;
padding:7px 10px 12px 10px;
+
-moz-border-radius:0.5em;
+
-webkit-border-radius:0.5em;
+
font-size:89%;
+
 
}
 
}
.mpcontentbox-main {
+
table.uoguidetable.open td {
margin-top:10px;
+
    border:none;
padding:7px 15px 12px 15px;
+
-moz-border-radius:0.5em;
+
-webkit-border-radius:0.5em;
+
font-size:89%;
+
 
}
 
}
.mpcontentbox-header {
+
table.uoguidetable.smalltext {
border-bottom:1px solid #444;
+
    font-size:11px;
}
+
.mpcontentbox-table {
+
  width:100%;
+
}
+
.mpcontentbox-table td {
+
  width:50%;
+
}
+
.bg-darkgray {
+
background-color:#BBB;
+
}
+
.bg-darkblue {
+
background-color:#A0A2B8;
+
}
+
.bg-darkred {
+
background-color:#BDACAC;
+
}
+
.bg-darkgreen {
+
background-color:#8AC4B4;
+
}
+
#mptabs {
+
  font-size:93%;
+
  font-weight:bold;
+
  clear: left;
+
  margin:1em 0 3px 0;
+
}
+
#mptabs .activetab {
+
  padding:5px 10px 5px 10px;
+
  margin:0 3px 0 0;
+
  background:#BBB;
+
  text-decoration:none;
+
  color:black;
+
  -moz-border-radius-topright:0.5em;
+
  -moz-border-radius-topleft:0.5em;
+
  -webkit-border-radius-topright:0.5em;
+
  -webkit-border-radius-topleft:0.5em;
+
}
+
#mptabs a .inactivetab, #mptabs strong .inactivetab {
+
  padding:5px 10px 5px 10px;
+
  margin:0 3px 0 0;
+
  text-decoration:none;
+
  background:#DDD;
+
  color:black;
+
  -moz-border-radius-topright:0.5em;
+
  -moz-border-radius-topleft:0.5em;
+
  -webkit-border-radius-topright:0.5em;
+
  -webkit-border-radius-topleft:0.5em;
+
}
+
#mptabs a .inactivetab:hover, #mptabs strong .inactivetab:hover {
+
  background:#CCC;
+
  color:black;
+
}
+
#mptabs a:hover {
+
  text-decoration:none !important;
+
 
}
 
}
  
/* poll stuff */
+
/* Navbox styling and spacing */
.poll {
+
table.navbox {
      width: 88% !important;
+
    font-size:11px;
      max-width: 500px !important;
+
    width:100%;
      background-color: #A0A2B8 !important;
+
      border:none !important;
+
      padding:5px 0px 5px 0px !important;
+
 
}
 
}
.pollAjax {
+
table.navbox + table.navbox {
      background-color: #999 !important;
+
    margin-top:-1px;
}
+
.pollAnswerVotes div {
+
      background-color: #999 !important;
+
      margin-right:10px !important;
+
}
+
.poll .ourVote div {
+
      border:1px solid #CCC !important;
+
 
}
 
}
  
/* NEW poll stuff */
+
/* Tooltip formatting  */
div.ajax-poll {
+
table#item img {
border:none !important;
+
    display:block;
width:88% !important;
+
    margin-left:auto;
 +
    margin-right:auto;
 
}
 
}
 
+
table#tooltip {
/* costitem */
+
    background:url('images/a/ac/Tooltip_Background.png');
span.costitem div {display: inline}
+
    color:#FFFFFF;
span.costitem p.error {display: none}
+
    font-weight:bold;
 
+
    margin-left:auto;
/* Login form fix attempt for all skins */
+
    margin-right:auto;
* html #userloginForm form {
+
    position:relative;
  float: none;
+
    text-align:center;
 +
    z-index:2;
 
}
 
}
* html #userlogin form {
+
table#tooltip td {
  float: none;
+
    padding:0px 5px;
 
}
 
}
  
/* Recent changes, Special:Filelist arrows */
+
/* Right-floated boxes */
.mw-arr-r {  
+
table.rightfloat {
background-image: url('http://images3.wikia.nocookie.net/__cb1/wowwiki/images/2/26/Icon-next-12x12.png');  
+
    float:right;
}
+
    margin:1px 1px 1em 1em;
.mw-arr-d, .mw-sort-desc {
+
background-image: url('http://images4.wikia.nocookie.net/__cb1/wowwiki/images/6/68/Icon-down-12x12.png');
+
}
+
.mw-arr-u, .mw-sort-asc {
+
background-image: url('http://images2.wikia.nocookie.net/__cb1/wowwiki/images/7/79/Icon-up-12x12.png');
+
}
+
.mw-arr-l {
+
background-image: url('http://images2.wikia.nocookie.net/__cb1/wowwiki/images/2/20/Icon-back-12x12.png');  
+
 
}
 
}
  
/* Table sort for Special:Filelist */  
+
/* Line wrap prevention for links */
.TablePager_sort {  
+
.nowraplinks a {
background-position: 2px 50%;  
+
    white-space:nowrap;
 
}
 
}
.TablePager th a {
 
display: block;
 
}
 
.TablePager_sort a {
 
padding: 0 4px 0 16px;
 
}
 
.TablePager_sort img {
 
display: none;
 
}
 
  
/* Lootbox design */
+
/* Recent Changes styling */
table.lootbox td {padding: 1px; margin: 0}
+
.mw-plusminus-pos {
table.lootbox div.itemtooltip {margin: 0}
+
    color:#006400;
 
+
/* AJAX table hiding */
+
.ajaxHide-active {
+
display: none;
+
 
}
 
}
 
+
.mw-plusminus-neg {
 
+
    color:#8B0000;
/* Forum formatting */
+
.forumheader { border: 1px solid #aaa; background-color: #f9f9f9; margin-top: 1em; padding: 12px; }
+
.forumlist td span { display: block; padding-left: 10px; font-size: smaller; }
+
.forumlist td span a { text-decoration: none; }
+
.forumlist td span.forum_author { padding-left: 30px; }
+
.forumlist td.forum_edited a { text-decoration: none; }
+
.forumlist td.forum_title a { padding-left: 20px; }
+
.forumlist td.forum_title span a { padding-left: 0px; }
+
.forumlist td.forum_title a.forum_new { font-weight: bold; background: url(http://images1.wikia.nocookie.net/__cb1/wowwiki/images/4/4e/Forum_new.gif) center left no-repeat; padding-left: 20px; }
+
.forumlist td.forum_title a.forum_new:visited { font-weight: normal; background: none; padding-left: 20px; }
+
.forumlist th.forum_title { padding-left: 20px; }
+
 
+
/* remove talk link from forum namespace (Monobook/Quartz/Monaco) */
+
body.ns-110 #ca-talk, body.ns-110 #this_talk, body.ns-110 #page_tabs li+li  { display: none; }
+
 
+
 
+
/* Temporary additions */
+
 
+
.blizzcon {
+
  background: url('http://images1.wikia.nocookie.net/__cb1/wowwiki/images/3/30/WoWbg.jpg');
+
 
}
 
}
.opacity70 {
+
.mw-plusminus-null {
  background: url('http://images1.wikia.nocookie.net/__cb1/wowwiki/images/c/ca/70opacity.png') repeat;
+
    color:#AAAAAA;
}
+
 
+
/* accessibility tweaks */
+
.horizontal ul { margin:0; padding:0; }
+
.horizontal li { border-right: 1px solid; display:inline; padding: 0 0.2em 0 0.4em; }
+
.horizontal li:last-child { border-right:medium none; padding-right:0; }
+
 
+
/* new elink style testing */
+
ul.elinks { list-style-type: none; padding: 0px; margin: 0px; }
+
ul.elinks li {
+
list-style: none;
+
background-repeat: no-repeat;
+
background-position: 0px 0px;
+
padding-left: 25px;
+
min-height: 25px;
+
vertical-align: middle;
+
}
+
ul.elinks li.wowhead {
+
background-image: url('http://images1.wikia.nocookie.net/__cb1/wowwiki/images/6/6e/Icon-wowhead-22x22.png');
+
}
+
ul.elinks li.allakhazam {
+
background-image: url('http://images2.wikia.nocookie.net/__cb1/wowwiki/images/7/7c/Icon-allakhazam-22x22.png');
+
}
+
ul.elinks li.thottbot {
+
background-image: url('http://images3.wikia.nocookie.net/__cb1/wowwiki/images/f/ff/Icon-thottbot-22x22.png');
+
}
+
ul.elinks li.wowus {
+
background-image: url('http://images4.wikia.nocookie.net/__cb1/wowwiki/images/9/9c/Icon-wowus-22x22.png');
+
}
+
span.alliance-link, span.horde-link, span.neutral-link {
+
background-repeat: no-repeat;
+
background-position: 0px 0px;
+
padding-left: 17px;
+
min-height: 15px;
+
vertical-align: middle;
+
}
+
 
+
span.alliance-link {
+
background-image: url('http://images1.wikia.nocookie.net/__cb1/wowwiki/images/4/45/Alliance_15.gif')
+
}
+
span.horde-link {
+
background-image: url('http://images2.wikia.nocookie.net/__cb1/wowwiki/images/6/68/Horde_15.gif')
+
}
+
span.neutral-link {
+
background-image: url('http://images3.wikia.nocookie.net/__cb1/wowwiki/images/5/5f/Neutral_15.gif')
+
}
+
 
+
.aChar {
+
display:none;
+
}
+
 
+
.page-Special_Search #contentSub {
+
font:10pt sans-serif;
+
 
}
 
}

Revision as of 07:03, 1 April 2010

/** CSS placed here will be applied to all skins **/

/* Main Page layout */
div#header {
    border:1px solid #9F3215;
    margin:10px -1px 0px -1px;
    width:100%;
}
div#logo {
    float:left;
    font-size:10px;
    padding:0px 0px 12px 20px;
    text-align:center;
} 
div#welcome {
    float:right;
    padding:22px 20px 22px 0px;
    text-align:right;
}
div.mainpagetablerow {
    border-bottom:1px solid #9F3215;
    min-width:501px;
    width:100%;
}
div.leftcolumn,
div.rightcolumn {
    float:left;
    min-width:250px;
    width:49.9%;
}
div.leftcolumn {
    border-right:1px solid #9F3215;
    margin-right:-1px;
}
div.rightcolumn {
    border-left:1px solid #9F3215;
}
div.titleicon {
    float:left;
    padding-left:10px;
}
div.titletext {
    color:#9F3215;
    float:left;
    font-size:18px;
    padding-left:10px;
}
div.content {
    padding:5px 20px 10px 10px;
}

/* UOGuide table styling */
table.uoguidetable {
    border:1px solid #000000;
    border-collapse:collapse;
    margin:0px;
    width:auto;
}
table.uoguidetable th,
table.uoguidetable td {
    border:1px solid #000000;
    padding:3px 4px;
    text-align:center;
}
table.uoguidetable th {
    background-color:#9F3215;
    color:#FFFFFF;
}
table.uoguidetable td {
    background-color:#EEEECC;
}
table.uoguidetable.leftalign td {
    text-align:left;
}
table.uoguidetable.open td {
    border:none;
}
table.uoguidetable.smalltext {
    font-size:11px;
}

/* Navbox styling and spacing */
table.navbox {
    font-size:11px;
    width:100%;
}
table.navbox + table.navbox {
    margin-top:-1px;
}

/* Tooltip formatting  */
table#item img {
    display:block;
    margin-left:auto;
    margin-right:auto;
}
table#tooltip {
    background:url('images/a/ac/Tooltip_Background.png');
    color:#FFFFFF;
    font-weight:bold;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    text-align:center;
    z-index:2;
}
table#tooltip td {
    padding:0px 5px;
}

/* Right-floated boxes */
table.rightfloat {
    float:right;
    margin:1px 1px 1em 1em;
}

/* Line wrap prevention for links */
.nowraplinks a {
    white-space:nowrap;
}

/* Recent Changes styling */
.mw-plusminus-pos {
    color:#006400;
}
.mw-plusminus-neg {
    color:#8B0000;
}
.mw-plusminus-null {
    color:#AAAAAA;
}