MediaWiki:Common.css
From World of Warcraft Roleplay
Note: After saving, you have to bypass your browser's cache to see the changes.
- Internet Explorer: hold down the Ctrl key and click the Refresh or Reload button, or press Ctrl+F5.
- Firefox: hold down the Shift key while clicking Reload; alternatively press Ctrl+F5 or Ctrl-Shift-R.
- Opera users have to clear their caches through Tools→Preferences
- Konqueror and Safari users can just click the Reload button.
- Chrome: press Ctrl+F5 or Shift+F5
/* CSS placed here will be applied to all skins */
/* All template and light skin definitions can be made here */
/**** DESIGN TWEAKS ****/
/* --- FIXES --- */
/* remove table backgrounds */
table {
background-color:inherit;
}
/* 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;
}
/* 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://images.wikia.com/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; }
/* 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://images.wikia.com/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; }
/**** TEMPLATES ****/
/* --- 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 {
margin-top:-1px; /* single pixel border between adjacent navboxes (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:#fdfdfd; /* Background color */
}
.navbox-list {
border-left:2px solid #fdfdfd; /* Must match background color */
}
.navbox-title, table.navbox th {
background:#ccccff; /* Level 1 color */
}
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {
background:#ddddff; /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
background:#e6e6ff; /* Level 3 color */
}
.navbox-even {
background:#f7f7f7; /* Even row striping */
}
.navbox-odd {
background:transparent; /* Odd row striping */
}
@media print {
.navbox {
display: none;
}
}
/* dark table style */
table.wikitable {
border: 1px solid #aaa;
padding: 5px;
background: #F9F9F9;
font-size: 89%;
margin: 0.5em 0em 1em 0.5em;
}
table.wikitable th {
background-color: #ccf;
padding: 0 0.5em;
}
table.wikitable caption {
font-size: 120%;
font-weight: bold;
}
table.wikitable tr:not(:first-child) th {
background-color: #ddf;
}
table.extrapadding td {
padding-left: 4px;
padding-right: 4px;
}
table.td-right td {
text-align: right;
}
table .hover:hover { background-color: orange; } /* for occasions where a table element */
/* is class="hover": for legibility in larger tables */
/* --- GENERAL TEMPLATE DESIGNS --- */
/* making certain links black on monobook */
.speciallink {
color:black;
}
/* --- {{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-notice {
border-left: 10px solid #1e90ff; /* Blue (notice) */
}
.ambox-delete {
border-left: 10px solid #b22222; /* Red (delete/serious) */
}
.ambox-content {
border-left: 10px solid #f28500; /* Orange (content) */
}
.ambox-style {
border-left: 10px solid #f4c430; /* Yellow (style) */
}
.ambox-move {
border-left: 10px solid #9932cc; /* Purple (merge) */
}
.ambox-protect {
border-left: 10px solid #bba; /* Gray (protection) */
}
/* {{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 {
color:#0070af;
}
/* 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; }
.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: #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; }
.cc-deathknight, .cc-deathknight a { color: #C41E3A; }
.druid {color: white; background-color: #7f3e05;}
.druid a {color: #ff7f0a;}
.hunter {color: white; background-color: #445533;}
.hunter a {color: #ABD473;}
.mage {color: white; background-color: #4488aa;}
.mage a {color: #66ccff;}
.paladin {color: white; background-color: #883355; }
.paladin a {color: #ff99cc;}
.priest {color: white; background-color: #777777;}
.priest a {color: #bbbbbb;}
.rogue {color: white; background-color: #555500;} /* rogue colors look horrendous atm, imo */
.rogue a {color: #fff569;}
.shaman {color: white; background-color: #112277;}
.shaman a {color: #2459FF;}
.warlock {color: white; background-color: #331155;}
.warlock a {color: #cc99ff;}
.warrior {color: white; background-color: #775533;}
.warrior a {color: #C79C6E;}
.deathknight {color: white;}
/* .deathknight {background-color: #;} */
.deathknight 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}
/* 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 */
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 {
min-width:735px;
}
body.page-Portal_Main h1.firstHeading, body.page-Portal_Main #mp-newsline, body.page-Portal_Main #contentSub {
display:none;
}
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 {
color: #444;
background-color: #444;
}
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 {
display:none;
}
.mpcontentbox-sidebar {
margin-top:10px;
padding:7px 10px;
-moz-border-radius:0.5em;
-webkit-border-radius:0.5em;
font-size:89%;
}
.mpcontentbox-main {
margin-top:10px;
padding:7px 15px;
-moz-border-radius:0.5em;
-webkit-border-radius:0.5em;
font-size:89%;
}
.mpcontentbox-header {
border-bottom:1px solid #444;
}
.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;
}
/* costitem */
span.costitem div {display: inline}
span.costitem p.error {display: none}
/* Login form fix attempt for all skins */
* html #userloginForm form {
float: none;
}
* html #userlogin form {
float: none;
}
/* Recent changes, Special:Filelist arrows */
.mw-arr-r {
background-image: url('http://images.wikia.com/wowwiki/images/2/26/Icon-next-12x12.png');
}
.mw-arr-d, .mw-sort-desc {
background-image: url('http://images.wikia.com/wowwiki/images/6/68/Icon-down-12x12.png');
}
.mw-arr-u, .mw-sort-asc {
background-image: url('http://images.wikia.com/wowwiki/images/7/79/Icon-up-12x12.png');
}
.mw-arr-l {
background-image: url('http://images.wikia.com/wowwiki/images/2/20/Icon-back-12x12.png');
}
/* Table sort for Special:Filelist */
.TablePager_sort {
background-position: 2px 50%;
}
.TablePager th a {
display: block;
}
.TablePager_sort a {
padding: 0 4px 0 16px;
}
.TablePager_sort img {
display: none;
}
/* AJAX table hiding */
.ajaxHide-active {
display: none;
}