MediaWiki:Common.css

/** CSS placed here will be applied to all skins except the default Wikia skin */

/* For template documentation */
.template-documentation {
    clear: both;
    margin: 1em 0 0 0;
    border: 1px solid #aaa; 
    background-color: #ecfcf4; 
    padding: 5px;
}

/* Auto-number rows in tables */

table.numbered { counter-reset: row; }
table.numbered td:first-child:before { counter-increment: row; content: counter(row) ". "; }

/* Make the list of references 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;
    -webkit-column-count: 2;
    column-count: 2;
}

/* Highlight clicked reference in blue to help navigation */
ol.references > li:target {
    background-color: #DEF;
}

sup.reference:target { 
    background-color: #DEF;
}

/* Styling for citations */
cite {
    font-style: normal;
    word-wrap: break-word;
}

/* If there is an inline link to a full citation, the full citation will turn blue when the inline link is clicked */
cite:target { 
    background-color: #DEF;
}

/* For linked citation numbers and document IDs, where the number need not be shown on a screen or a handheld, but should be included in the printed version */

@media screen, handheld, projection {
    cite *.printonly {
        display: none;
    }
}

/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
   in [[MediaWiki:Common.js]] are styled here so they can be customised. */
.collapseButton {
    float:left;
    font-weight:normal;
    margin-left:0.5em;
    text-align:left;
    width:auto;
}

/* 'collapse'/'expand' buttons created by the mw-collapsible javascript */
.tablecollapse span.mw-collapsible-toggle {float:left;}
.collapse span.mw-collapsible-toggle {float: left;}

/* Alternate table rowcolors */
table.rowcolors tr:nth-child(odd) {background:#f0f0f0;}
table.rowcolors tr:nth-child(even) {background:#ffffff;}
table.rowcolors td:nth-child(1) {font: 95% arial, sans-serif; color:#606060;}
table.rowcolors td:nth-child(2) {font: 95% arial, sans-serif; padding-left: 10px;}

/* Table alignment */
.columnscenter tr {text-align:center;}
.columntworight td:nth-child(2) {text-align:right;}
.columnstop td {vertical-align: top;}

/* Homepage styling */
#mainpage_container {
    width:100%;
    margin:1em 0 0;
    padding:2px;
}

.mainpage_box {
    width:33%;
    padding:5 0em;
    background:#ffffff;
    vertical-align:top;
}

.mainpage_boxheader {
    border:1px solid #a3b0bf;
    border-radius:25px;
    padding:5px;
    margin:3px;
    text-align: center;
}

.mainpage_boxheader div {
    float:right;
}

.mainpage_boxcontents {
    padding:0 2em;
}

/* Item and Equipment Templates */
.item {
   float:left;
   width:300px;
   border:1px solid #907854;
   background-color: #1a1a1a;
   color: #FFFFFF;
   padding: 0.2em;
   font-size: 0.95em;
   font-family: Arial, Verdana, sans-serif;
}

.item a:visited {color:SkyBlue}
.item a:link, a:hover, a:active {color:RoyalBlue}

#item_textbox {
   background-color:#eee8aa;
   border:1px solid #cc9900;
   padding:30px;
   width:500px;
   margin:0 auto;
   text-align:justify;
}

#item_textbox div {
   border-top:1px solid #cc9900;
   margin:10px 0;
}

.item ul, #item_textbox ul {
   margin: 0;
   padding: 0;
   list-style: none;
   list-style-type: none;
   list-style-image: none;
}

.item li.inscription {
   border-top:1px solid #907854;
}

.item li.topbottomspace {
   margin:10px 0px;
}

.item li.bottomspace {
   margin-bottom:10px;
}

#item_header {
   display:table;
   padding:2px;
   text-align:center;
   width:100%;
   font-weight:bold;
}

#item_header div {
   display:table-cell;
   vertical-align: middle;
}

#item_header div + div {
   display:table-cell;
   vertical-align: middle;
   width:40px;
}

/* Creature and NPC Templates */
.character-infobox {
    background:#f9f9f9;
    border:1px solid #e5e5e5;
    padding:5px;
    width:250px;
    float:right;
}

.character-infobox th {
    border:1px solid #a3b0bf;
    padding:5px;
    font-size:125%;
}

/* Dungeon Summary Template */

table.location-infobox {
    background:#f9f9f9;
    border:1px solid #e5e5e5;
    padding:5px;
    width:300px;
    float:right;
}

table.location-infobox th {
    border:1px solid #a3b0bf;
    text-align:center;
    padding:5px;
}

table.location-infobox td.subheader {
    font: bold 98%/25px arial, sans-serif;
}

/* Quest Summary Template */
table.quest-infobox {
    background:#f9f9f9;
    border:1px solid #e5e5e5;
    padding:5px;
    width:250px;
    float:right;
}

table.quest-infobox th {
    border:1px solid #a3b0bf;
    padding:5px;
    text-align:center;
}

/* Quest Rewards Template */
table.questrewards {
    width:375px;
    border:1px solid #e5e5e5;
    background:#f9f9f9;
    margin-bottom:3px;
}

table.questrewards th {
   background:#f0f0f0;
   font-weight:normal;
}

table.questrewards td:first-child {
   text-align:center;
   width:100px;
   font: bold 95% arial, sans-serif;
   color:#606060;
   vertical-align:top;
}

table.questrewards tr {
   vertical-align:top;
}

/* Hub Quest Template */
table.hubquest-infobox {
    background:#f9f9f9;
    border:1px solid #e5e5e5;
    padding:5px;
    width:250px;
}

table.hubquest-infobox th {
    background:#ffee44;
    border:1px solid #a3b0bf;
    text-align:center;
    padding:5px;
}

table.hubquest-infobox th div {
    float:left;
}

/* Item list templates */
.itemlist-large {
    display:inline-block;
    padding:3px;
    margin-bottom:1px;
}

.itemlist {
    display:table-cell;
    margin-right:8px;
    padding:3px;
    margin-bottom:1px;
}

.itemlist_caption {
    font-weight: bold;
}

.itemlist-large > span {
    position: absolute;
}

.itemlist-large > span > span {
    font-size:27px;
    z-index:1;
    position: absolute;
    right: -31px;
    bottom: -31px;
}

/* Horizontal ToC bar (dungeon and quest templates) */
.contentsbar {
    background:#f9f9f9;
    border:1px solid #aaaaaa;
    padding:5px;
    width:100%;
    text-align:center;
}

/* Map point template */
.mappoint {
    position:relative;
    top:0px;
    left:0px;
    width:260px;
}
.mappoint span:first-child {
    position:absolute;
    top:2px;
    left:2px;
    z-index:1;
}

.mappoint span + span, .mappointloc {
    z-index:2;
}

/* Intro template */
.introbar {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    font: bold 95%/15px arial, sans-serif;
    color:#606060;
    height:15px;
    margin-bottom:5px;
    padding: 6px;
    white-space:nowrap;
}
.introbar > span {
    float:left;
}
.introbar > span + span {
    float:right;
}
.introbar > span > span + span {
    margin-left:8px;
}
.introbar > span > span > span {
    font-weight:normal;
    color:black;
}

/* Tooltips */
.htt .tooltip-content .tooltip-hide, .hidden { display:none; }

.tooltip-error {
   background-color: black;
   color: white;
   max-width: 18em;
}

.tooltip-ready {
  visibility:hidden;
  display:block;
  z-index:999;
}

.creaturetooltip {
   background-color: #f9f9f9;
}

/* Chat colors */
span.say {
color:black;
}

span.emote {
color:grey;
}

span.tell {
color:darkgoldenrod;
}

span.event {
color:green;
}

span.magic {
color:cornflowerblue;
}

/* Return to section link */
.linkbar {
  width:18%;
  padding: 5px;
  margin: 3px;
  border:1px solid #a3b0bf;
  border-radius:25px;
  font-size:85%;
}

.linkbar span {
  font-weight:bold;
}

.linkbar div {
  float: right;
}

/* Section background colors */
.accwikibgc {background: #99b6ec}
.characterbgc {background: #bceca9}
.gameplaybgc {background: #fffaa6}
.newsbgc {background: #a79aec}
.questsbgc {background: #eca9bc}
.itemsbgc {background: #a9deec}
.craftingbgc {background: #ecd8a9}
.worldbgc {background: #ecb7a9}
.lorebgc {background: #b1897e}
.gettingstartedbgc {background: #d7a9ec}
.mediabgc {background: #ffcea6}
.turbinebgc {background: #deeca9}

/* Hide main page title */
body.page-Home h1.firstHeading {display:none;}