MediaWiki:Common.css

/* Note: other classes that should be defined for styling purposes, at least for box-type elements like DIV and maybe TABLE:
 * .ammo (or some such, for Template:Bullets)
 * .api (for anything to do with API or UI pages; not sure if they belong in the same class) Schmidt 15:43, 7 August 2007 (UTC)
 * .craft (anything dealing with crafting, recipes, lists of leather, etc.)

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

/* --- FIXES --- */ /* quick fix for darker red links problem */ a.new { color: #F05048; }

/* --- PERSONAL LINKS --- */ /* icon change */ li#pt-userpage, li#pt-anonuserpage, li#pt-login { background: url(/images/1/12/UserIcon.gif) no-repeat; } /* self spacing, bold */ font-weight: bold; padding: 4px 0px 3px 0px; } /* content spacing */ margin-top: 5px; } /* removing a little wasted space */ padding-right: 1em; }
 * 1) p-personal {
 * 1) column-content, #p-cactions {
 * 1) p-personal UL {

/* --- 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 REDIRECT TWEAKS --- */ .allpagesredirect { font-style: italic; } .allpagesredirect:after { color:grey; 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: #35586C; } sup.reference:target { background-color: #35586C; }

/* --- 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 {                          /* could probably be abbreviated, not sure how */ border-style: solid solid none; border-width: thin; border-color: #808080; padding:0.25ex 1ex 0ex; font-size: 95%; }

/* --- LIST DESIGN --- */ /* ordered and unordered lists */ ol {margin-left: 2em;} ul {margin-left: 2em;} /* dl {margin-left: 2em;} */

/* --- NAVFRAME STUFF --- */ /* Standard Navigationsleisten, aka box hiding thingy german wikipedia. Documentation here */ 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.8em; font-weight: bold; background-color: #ccccff; 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; } .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 { background-color: #f9f9f9; border: 1px solid #aaa; clear: both; font-size: 90%; margin: 1em 0em 0em; padding: 2px; text-align: center; width: 100%; } table.navbox th { background-color: #ccf; padding-left: 1em; padding-right: 1em; } table.navbox tr:not(:first-child) th { background-color: #ddf; } @media print { .navbox { display: none; } } /* dark table style */ table.darktable { border: 1px solid #aaa; padding: 5px; background: #F9F9F9; font-size: 90%; margin: 0em 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; } /* title stuff */ .title { background-color: #ddf; text-align:center; font-weight:bold; } .alt {background-color: #e9e9ff; } table .hover:hover { background-color: orange; } /* for occasions where a table element is class="hover" -- this is for legibility in larger tables */

/* --- MAIN PAGE STYLES --- */ /* generic table */ .mainpagetable { width:100%; border:2px solid #777; margin-bottom:5px; font-size:95%; } /* 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; }

/* --- 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; } /* stub design */ .articlestub { border: 1px #999 solid; background: #DDD; max-width: 60em; margin-top:0.2em; margin-bottom:1em; margin-left:1em; }

/* band, in use by template:band */ .band { display:table; margin: 0.2ex 3em; text-align: center; padding: 1ex 3em 0.5ex; line-height:130%; }

/* --- COLOURS --- */ /* Blizz text colour */ .blizztext { color:#0070af; } /* Item Quality Colors */ .qc-artifact, .qc-artifact a { color: #E5CC80; } .qc-legendary, .qc-legendary a { color: #F07902; } .qc-epic, .qc-epic a { color: #B048F8; } .qc-rare, .qc-rare a { color: #0080FF; } .qc-uncommon, .qc-uncommon a { color: #1EFF00; } .qc-common, .qc-common a { color: #000000; } .qc-poor, .qc-poor a { color: #9D9D9D; } /* 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: #FFFFFF; } .cc-rogue, .cc-rogue a { color: #FFF569; } .cc-shaman, .cc-shaman a { color: #2459FF; } .cc-warlock, .cc-warlock a { color: #9482CA; } .cc-warrior, .cc-warrior a { color: #C79C6E; } .druid, .druidalt {color: white;} .druid {background-color: #7f3e05;} .druidalt { background-color: #663300;} .druid a, .druidalt a {color: #ff7f0a;} .druid a:visited, .druidalt a:visited {#996600;} .hunter, .hunteralt {color: white;} .hunter {background-color: #445533;} .hunteralt {background-color: #334422;} .hunter a, .hunteralt a {color: #ABD473;} .hunter a:visited, .hunteralt a:visited {color: #778844;} .mage, .magealt {color: white; // border: solid 1px #69ccf0;} .mage {background-color: #4488aa;} .magealt {background-color: #336677;} .mage a, .magealt a {color: #66ccff;} .mage a:visited, .magealt a:visited {color: #335566;} .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;} .paladin a:visited, .paladinalt a:visited {color: #ff33cc;} .priest, .priestalt {color: white;} .priest {background-color: #777777;} .priestalt {background-color: #444444;} .priest a, .priestalt a {color: #bbbbbb;} .priest a:visited, .priestalt a:visited {color: #999999;} .rogue, .roguealt {color: white;} /* rogue colors look horrendous atm, imo */ .rogue {background-color: #555500;} .roguealt {background-color: #444400;} .rogue a, .roguealt a {color: #fff569;} .rogue a:visited, .roguealt a:visited {color: #cccc44;} .shaman, .shamanalt {color: white;} .shaman {background-color: #112277;} .shamanalt {background-color: #112255;} .shaman a, .shamanalt a {color: #2459FF;} .shaman a:visited, .shamanalt a:visited {color: #2244bb;} .warlock, .warlockalt {color: white; // border: solid 1px #550077;} .warlock {background-color: #331155;} .warlockalt {background-color: #220044;} .warlock a, .warlockalt a {color: #cc99ff;} .warlock a:visited, .warlockalt a:visited {color: #cc33cc;} .warrior, .warrioralt {color: white;} .warrior {background-color: #775533;} .warrioralt {background-color: #443322;} .warrior a, .warrioralt a {color: #C79C6E;} .warrior a:visited, .warrioralt a:visited {color: #997755;}

/* --- UNUSED NAVBOX STUFF --- */ .listbox {float:right; /* from template:listboxformat */ text-align: center; margin: 0em 0em 1em 2em; padding: 1ex;} .instance {border: 1px solid #666;    /* for instance boxes (to include raids, unless someone deems raids worth having their own) */ padding: 5px; background: #202020; font-size: 90%} .class {text-align:left;              /* for boxes related to player classes and their abilities */ border: 1px solid #666; padding: 5px; background: #202020; font-size: 90%;} tr.class, td.class, th.class {padding: 0px 1ex;}

/* --- UNUSED --- */ .todo {background-color: #352020; border:2px solid #703030} .teams                  /* for Community teams and associated pages */ {background-color: #202035; border:2px solid #6060B0} .about                  /* for About pages */ {background-color: #302030; border:2px solid #603060} .help                   /* for WoWWiki help pages */ {background-color: #253020; border:2px solid #407030} .writing              /* for WoWWiki community reference, such as for rules */ {background-color: #203030; border:2px solid #307070} .democracy              /* for democracy and voting pages */ {background-color: #222222; border:2px solid #606060}

/*  */

/* stub design 2 */ .articlestub2 { font-size: 90%; border: 1px #AAA solid; border-left: 10px solid #FFCC66; background-color: #EEE; max-width: 60em; margin-top:0.2em; margin-bottom:1em; margin-left:1em; } .articlestubsmalltext { font-size: smaller; margin-top:0.7em; margin-left:0.8em; }