Difference between revisions of "MediaWiki:Common.css"

From Morloch Wiki
Jump to: navigation, search
Line 1: Line 1:
 
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
<!--  
+
 
* {background-image: url("images/1/1d/Bgskulls.pngz")}
+
body.background-fixed.skin-oasis,
-->
+
body.background-dynamic.skin-oasis,
 +
body.has-trans-bg {
 +
    background: url('https://vignette2.wikia.nocookie.net/tibia/images/c/c0/Background_Artwork_11.40_%28Standard_Dimensions%29.jpg/revision/latest?cb=20170725134737&path-prefix=en') no-repeat fixed center top #051122;
 +
}
 +
 +
/* [[Special:Allpages]]
 +
* [[Special:Watchlist]]
 +
*/
 +
.allpagesredirect,
 +
.watchlistredir {
 +
    font-style: italic;
 +
}
 +
/* [[Special:RecentChanges]] */
 +
.mw-plusminus-pos {
 +
    color: #006500;
 +
}
 +
.mw-plusminus-neg {
 +
    color: #8B0000;
 +
}
 +
/* Template:Archives */
 +
.archives-box {
 +
    width: 22em;
 +
    float: right;
 +
    margin: 0.2em 0 0.2em 0.2em;
 +
}
 +
.archives-header {
 +
    text-align: center;
 +
    font-weight: bold;
 +
    font-size: 1.2em;
 +
}
 +
ol.archives-links {
 +
    margin: 0;
 +
    list-style-type: none;
 +
}
 +
.archives-links > li {
 +
    float: left;
 +
    margin: 0 0.75em;
 +
}
 +
.archives-links > li + li {
 +
    list-style-type: disc;
 +
}
 +
/* References */
 +
ol.references > li:target, sup.reference:target, cite:target {
 +
    background-color: #DEF;
 +
}
 +
sup.reference {
 +
    font-weight: normal;
 +
    font-style: normal;
 +
}
 +
.references, .references-small {
 +
    font-size:90%;
 +
}
 +
cite {
 +
    font-style: normal;
 +
    word-wrap: break-word;
 +
}
 +
 +
/* Image frame fix */
 +
div.tright, div.tleft {
 +
    border: 1px solid #c0c0c0;
 +
}
 +
div.thumb {
 +
    margin: 2px 2px 2px 6px;
 +
}
 +
div.thumbinner {
 +
    background: inherit;
 +
    border: none;
 +
}
 +
#article div.thumb {
 +
    color: inherit;
 +
}
 +
/* Edit Preview - unused? */
 +
#new_edit_page_preview_notice {
 +
    background: transparent !important;
 +
    color: black !important;
 +
}
 +
/* Link icons */
 +
#mw-content-text a[href*="http://tibia.wikia.com/wiki/Mapper"] {
 +
    background: url('http://images2.wikia.nocookie.net/tibia/en/images/6/6e/Mapper.gif') center right no-repeat;
 +
    padding: 0 20px 0 0;
 +
}
 +
#mw-content-text a[href*="wikipedia.org"] {
 +
    background: url('http://images.wikia.com/tibia/en/images/0/00/Wikipedia.gif') center right no-repeat;
 +
    padding: 0 20px 0 0;
 +
}
 +
 +
/* Tibia interface emulation */
 +
span.tibiatext a {
 +
    font-family: Tahoma !important;
 +
    color: #AFAFAF !important;
 +
    font-size: 8pt !important;
 +
    font-weight: bold !important;
 +
    text-decoration: none !important;
 +
}
 +
.msg-sound,
 +
span.sounds,
 +
span.orange {
 +
    font-family: Tahoma !important;
 +
    color: #FE6500 !important;
 +
    font-size: 8pt !important;
 +
    font-weight: bold !important;
 +
    text-decoration: none !important;
 +
    /*text-shadow: 0.1em 0.1em 0.08em #474747, -0.1em -0.1em 0.08em #474747, 0.1em -0.1em 0.08em #474747, -0.1em 0.1em 0.08em #474747, -0.1em 0em 0.08em #474747, 0.1em 0em 0.08em #474747 !important;*/
 +
}
 +
.msg-server {
 +
    color: #636363;
 +
    font-style: italic;
 +
    text-shadow: 0 0 0.1em #cbcbcb;
 +
    font-weight: bold;
 +
}
 +
span.yellow {
 +
    font-family: Tahoma !important;
 +
    color: #EFEF00 !important;
 +
    font-size: 8pt !important;
 +
    font-weight: bold !important;
 +
    text-decoration: none !important;
 +
    background: #505050 !important;
 +
}
 +
span.green {
 +
    font-family: Tahoma !important;
 +
    color: #00EF00 !important;
 +
    font-size: 8pt !important;
 +
    font-weight: bold !important;
 +
    text-decoration: none !important;
 +
    text-shadow: 0.1em 0.1em 0.08em #474747, -0.1em -0.1em 0.08em #474747, 0.1em -0.1em 0.08em #474747, -0.1em 0.1em 0.08em #474747, -0.1em 0em 0.08em #474747, 0.1em 0em 0.08em #474747 !important;
 +
}
 +
div.tibiatext {
 +
    font-family: Tahoma !important;
 +
    color: #AFAFAF !important;
 +
    font-size: 8pt !important;
 +
    font-weight: bold !important;
 +
    text-decoration: none !important;
 +
}
 +
span.tibiabutton {
 +
    background: url('http://images2.wikia.nocookie.net/tibia/en/images/8/81/Npcs_Window_Back.png') no-repeat scroll right center transparent !important;
 +
    border-color: black !important;
 +
    border-style: groove !important;
 +
    border-width: 2px !important;
 +
    color: #AFAFAF !important;
 +
    font-family: Tahoma !important;
 +
    font-size: 10px !important;
 +
    font-weight: bold !important;
 +
    text-decoration: none !important;
 +
}
 +
/* [[Template:Backpack Slot]] */
 +
.tw-bp-slot {
 +
    position: relative;
 +
    float: left;
 +
    height: 32px;
 +
    width: 32px;
 +
    overflow: hidden;
 +
    background: url("http://static4.wikia.nocookie.net/tibia/en/images/1/1a/Backpack_Slot.png") no-repeat scroll 0 0 #292929;
 +
    padding: 1px;
 +
}
 +
.tw-bp-slot-count {
 +
    position: absolute;
 +
    bottom: 0;
 +
    right: 0;
 +
    color: #BFBFBF;
 +
    font-weight: bold;
 +
    line-height: 1em;
 +
    margin: 0 2px 2px 0;
 +
}
 +
.tw-bp-slot-img > img {
 +
    width: 32px;
 +
    height: 32px;
 +
    padding: 0;
 +
    margin: 0;
 +
}
 +
.tw-bp-slot-link > a {
 +
    display: block;
 +
    height: 100%;
 +
    width: 100%;
 +
    z-index: 2;
 +
    position: absolute;
 +
    text-decoration: none;
 +
}
 +
/* [[Template:Item Obtained]] */
 +
.tw-item-obtained {
 +
    background: url("http://static4.wikia.nocookie.net/tibia/en/images/1/1a/Backpack_Slot.png") repeat scroll 0 17px #292929;
 +
    border: 2px outset #00A100;
 +
    height: auto;
 +
    width: 136px;
 +
    overflow: hidden;
 +
}
 +
.tw-item-obtained .tw-bp-head:before {
 +
    color: #90EE90;
 +
    content: "+";
 +
    margin: 0 0.5em;
 +
}
 +
.tw-bp-head {
 +
    background-color: #3D3D3D;
 +
    color: #8F8F8F;
 +
    font-size: 12px;
 +
    font-weight: bold;
 +
    height: 17px;
 +
    line-height: 17px;
 +
}
 +
/* [[Template:Ability List]] ([[Template:Ability]]) */
 +
#creature-ability canvas {
 +
    background: url("http://images.wikia.com/tibia/en/images/9/98/Demo_Tile.png") repeat scroll 0 0 transparent;
 +
}
 +
.demo-show {
 +
    color: #0078F0;
 +
    cursor: pointer;
 +
    text-decoration: underline;
 +
}
 +
div.ability {
 +
    float:left;
 +
    line-height:0px;
 +
    width:32px;
 +
    height:32px;
 +
    background-image: url('http://images1.wikia.nocookie.net/__cb20070125104259/tibia/en/images/7/79/Stone_Tile.gif');
 +
}
 +
.ability {
 +
    float:left;
 +
    line-height:0px;
 +
    width:32px;
 +
    height:32px;
 +
    background-image: url('http://images1.wikia.nocookie.net/__cb20070125104259/tibia/en/images/7/79/Stone_Tile.gif');
 +
}
 +
/* In-game scenery emulation */
 +
.grass {
 +
    background: #008000 url('http://images4.wikia.nocookie.net/__cb20080817072802/tibia/en/images/6/60/Grass_%28Tile%29.gif') repeat scroll top left;
 +
}
 +
/* Section headers */
 +
.WikiaPageHeader {
 +
    border-bottom: 1px solid #AA8D79 !important;
 +
}
 +
.WikiaArticle h2 {
 +
    margin: 20px 0 0 0;
 +
    border-bottom: 1px solid #AA8D79;
 +
}
 +
 +
/* ToC */
 +
#toc {
 +
    background-color: rgba(255, 255, 255, 0.25);
 +
    border: 0.1em solid #d9d9d9;
 +
    -moz-border-radius: 0.5em;
 +
    -webkit-border-radius: 0.5em;
 +
    border-radius: 0.5em;
 +
    padding: 5px;
 +
    margin-bottom: 0.5em;
 +
    margin-top: 1.5em;
 +
    text-align: left;
 +
}
 +
#toc ol {
 +
    margin: 0.4em 0 0.5em 0.5em;
 +
}
 +
#toctitle {
 +
    background: rgba(141, 196, 188, 0.5);
 +
    -moz-border-radius: 0.5em;
 +
    -webkit-border-radius: 0.5em;
 +
    border-radius: 0.5em;
 +
}
 +
#toc li {
 +
    padding: 0 0 0 1.5em;
 +
    text-indent: -1.5em;
 +
}
 +
 +
/* Template documentation */
 +
table.docupara {
 +
    width: 80%;
 +
    margin: 1em 1em 1em 0;
 +
    background: #F9F9F9;
 +
    text-align: left;
 +
}
 +
.docupara td {
 +
    border: 1px #AAA solid;
 +
    padding: 0.2em;
 +
}
 +
 +
/* [[Template:Conditions]] */
 +
table.condition {
 +
    border-collapse: collapse;
 +
}
 +
table.condition td {
 +
    background-color: #d4e6ff;
 +
    border: 1px solid #60a3ff;
 +
}
 +
 +
/* [[Main Page]] */
 +
div.mp-boxes h2 {
 +
    color: #000000;
 +
    font-family: sans-serif;
 +
    font-size: 120%;
 +
    font-weight: bold;
 +
    margin: 0;
 +
    padding: 0.2em 0.4em;
 +
    text-align: left;
 +
}
 +
.mp-boxes h2 {
 +
    background-color: #6E1F1B;
 +
    border: 1px solid #37100E;
 +
}
 +
.mp-boxes .readmore {
 +
    display:block;
 +
    margin:0 0 1em 0;
 +
    font-style:italic;
 +
}
 +
.mp-boxes.rightbox > div {
 +
    margin: 2em 0;
 +
}
 +
.mp-boxes.leftbox .donthave {
 +
    color: #ff0000;
 +
    font-size: 0.8em;
 +
}
 +
/* Main Page Revamp */
 +
.content-navigation {
 +
    text-align: center;
 +
}
 +
.iconnav-item:hover {
 +
    transition-duration: 1s;
 +
    transition-timing-function: ease-in-out;
 +
    opacity: 1;
 +
}
 +
.iconnav-item {
 +
    background: none repeat scroll 0 0 #B74555;
 +
    float: left;
 +
    opacity: 0.75;
 +
    position: relative;
 +
    transition-duration: 0.5s;
 +
    transition-timing-function: ease-out;
 +
}
 +
.iconnav-icon {
 +
    border: 0.3em solid #442434;
 +
    overflow: hidden;
 +
    border-radius: 5em;
 +
    width: 64px;
 +
    height: 64px;
 +
    background-color: #d04648;
 +
    margin: 0 auto;
 +
}
 +
.iconnav-text {
 +
    width: 100%;
 +
    text-align: center;
 +
    overflow: hidden;
 +
    background-color: #ffacac;
 +
}
 +
.iconnav-text > a {
 +
    color: #d00000;
 +
    font-weight: bold;
 +
    font-size: 1.1em;
 +
    display: block;
 +
    padding: 0.2em 0.5em;
 +
}
 +
.iconnav-item > a {
 +
    position: absolute;
 +
    display: block;
 +
    height: 100%;
 +
    width: 100%;
 +
    text-decoration: none;
 +
}
 +
/* [[Promoted Tibia Fansites]], [[Unsupported Tibia Fansites]], [[Unsupported Tibia Fansites]] */
 +
.fansitelist td {
 +
    border:1px solid #000;
 +
}
 +
/* [[Pair of Soft Boots]] */
 +
.softboots-regen {
 +
    border: 1px solid #000;
 +
    width: 100%;
 +
    height: 17px;
 +
    width: 91px;
 +
    font-family: Arial;
 +
    vertical-align: bottom;
 +
    white-space: nowrap;
 +
    font-weight: 400;
 +
    padding-left: 1px;
 +
    padding-right: 1px;
 +
    padding-top: 1px;
 +
    border-collapse: collapse;
 +
}
 +
.softboots-regen th {
 +
    font-size:12px;
 +
    text-align:left;
 +
}
 +
.softboots-regen td {
 +
    font-size:10px;
 +
    border:1px solid #000;
 +
    text-align:right;
 +
    padding:0px 4px;
 +
}
 +
/* [[Experience Table]] */
 +
table.experience td {
 +
    background-color: #f1e0c6;
 +
}
 +
 +
/* Sortable tables */
 +
.sortable th {
 +
    background-color: #c7a48d;
 +
}
 +
/** Note: Wikia has their own wikitable styles which have specific CSS selectors
 +
* To enforce our own styles we need to use !important
 +
*/
 +
table.wikitable {
 +
    margin: 1em 1em 1em 0 !important;
 +
    border: 1px #0f6357 solid !important;
 +
    border-collapse: collapse !important;
 +
    background: transparent !important;
 +
    background: none !important;
 +
}
 +
.wikitable caption {
 +
    border-color: #0f6357 !important;
 +
    border-style: solid !important;
 +
    border-width: 0.1em 0.1em 0 !important;
 +
    font-weight: bold !important;
 +
}
 +
.wikitable th, .wikitable td {
 +
    padding: 0.2em !important;
 +
    border: 0.1em solid #0f6357 !important;
 +
}
 +
.wikitable th {
 +
    text-align: center !important;
 +
    background-color: #17525b !important;
 +
    color: #e5e9f3;
 +
}
 +
table.wikitable > tr > th a,
 +
table.wikitable > * > tr > th a {
 +
    color: #95a0e6;
 +
}
 +
/* low support (IE etc.) */
 +
table.wikitable tr:nth-child(odd) {
 +
    background-color: #c0dad6; /* fallback */
 +
    background-color: rgba(141, 196, 188, 0.25);
 +
}
 +
table.wikitable tr:nth-child(even) {
 +
    background-color: #79b8af; /* fallback */
 +
    background-color: rgba(141, 196, 188, 0.75);
 +
}
 +
.wikitable td.item-animation,
 +
.wikitable td.creature-animation,
 +
.wikitable td.numeric {
 +
    text-align: right;
 +
}
 +
.wikitable td.achievement-grade,
 +
.wikitable td.npc-animation,
 +
.wikitable td.bool {
 +
    text-align: center;
 +
}
 +
table.full-width {
 +
    width: 100%;
 +
}
 +
/* Broken image links should not disrupt flow */
 +
td.npc-animation,
 +
td.item-animation,
 +
td.creature-animation {
 +
    overflow: hidden;
 +
}
 +
td.npc-animation a.new,
 +
td.item-animation a.new,
 +
td.creature-animation a.new {
 +
    display: block;
 +
    width: 0;
 +
    word-wrap: normal;
 +
}
 +
 +
/* Infobox*/
 +
.infobox {
 +
    background-color: inherit;
 +
    border: none;
 +
    clear: inherit;
 +
    color: inherit;
 +
    float: inherit;
 +
    margin: inherit;
 +
    padding: inherit;
 +
}
 +
 +
/* Update Header */
 +
.update-header {
 +
    border: 0.1em solid #0f6357;
 +
    padding: 5px 10px 5px;
 +
    font-size: 100%;
 +
    color: #e5e9f3;
 +
    background-color: #17525b;
 +
    margin: 0 0 0;
 +
    font-weight: bold;
 +
}
 +
.update-header a {
 +
    color: #95a0e6;
 +
}
 +
/* Infobox lists */
 +
/* Used on e.g. [[Template:Infobox Item/List]] */
 +
table.infobox_list {
 +
    background-color: rgba(255, 255, 255, 0.25);
 +
    width: 100%;
 +
    border-collapse: collapse;
 +
    border: 0.1em solid #0f6357;
 +
}
 +
table.infobox_list tr td {
 +
    border: 0.1em solid #0f6357;
 +
    border-collapse: collapse;
 +
}
 +
.infobox_list_caption {
 +
    color: black;
 +
    font-weight: bold;
 +
    font-size: 132%;
 +
    padding: 0 0 0.3em 0;
 +
}
 +
.infobox_list_header {
 +
    background-color: #17525b;
 +
    border: 0.1em solid #0f6357;
 +
    color: white;
 +
}
 +
.infobox_list_center {
 +
    text-align: center;
 +
}
 +
 +
.infobox_list_header > tr > th a,
 +
.infobox_list_header > * > tr > th a {
 +
    color: #95a0e6;
 +
}
 +
 +
/* Loot list, [[Template:Loot]], [[Template:Loot/List]] */
 +
table.loot_list {
 +
    border-collapse: collapse;
 +
    border: 1px #0f6357 solid;
 +
    background-color: rgba(255, 255, 255, 0.25);
 +
}
 +
table.loot_list tr th {
 +
    border-right: 0.1em solid #0f6357;
 +
    border-bottom: 0.1em solid #0f6357;
 +
    border-collapse: collapse;
 +
}
 +
table.loot_list tr td {
 +
    border-right: 0.1em solid #0f6357;
 +
    border-collapse: collapse;
 +
}
 +
.loot_list_header, .loot_list th {
 +
    background-color: #17525b;
 +
    color: #e5e9f3;
 +
}
 +
.loot_list_no_border {
 +
    border-right: none !important;
 +
}
 +
 +
table.loot_list > tr > th a,
 +
table.loot_list > * > tr > th a {
 +
    color: #95a0e6;
 +
}
 +
 +
/* [[Template:Infobox Transcript]] */
 +
.npc_chat_div_r td, .npc_chat_div td {
 +
    vertical-align: bottom !important;
 +
}
 +
.npc_chat_div_r .t3, .npc_chat_div .t3 {
 +
    color: #002bb8 !important;
 +
    text-align: right;
 +
    font-size: 80%;
 +
}
 +
.npc_chat_div_r .m3, .npc_chat_div .m3 {
 +
    padding: 4px 6px 4px 6px;
 +
}
 +
.npc_chat_div_r .t3 > a, .npc_chat_div .t3 > a {
 +
    color: #002bb8 !important;
 +
}
 +
.npc_chat_div_r .t1, .npc_chat_div .t1 {
 +
    background: url('http://images2.wikia.nocookie.net/tibia/en/images/e/ea/Npcs_Window_0.png') 0px 0px;
 +
}
 +
.npc_chat_div_r .t2, .npc_chat_div .t2 {
 +
    background: url('http://images2.wikia.nocookie.net/tibia/en/images/e/ea/Npcs_Window_0.png') -8px 0px;
 +
}
 +
.npc_chat_div_r .t3, .npc_chat_div .t3 {
 +
    background: url('http://images2.wikia.nocookie.net/tibia/en/images/a/ac/Npcs_Window_H.png') 0px 0px repeat-x;
 +
}
 +
.npc_chat_div_r .t4, .npc_chat_div .t4 {
 +
    background: url('http://images2.wikia.nocookie.net/tibia/en/images/e/ea/Npcs_Window_0.png') -116px 0px;
 +
}
 +
.npc_chat_div_r .m1, .npc_chat_div .m1 {
 +
    background: url('http://images3.wikia.nocookie.net/tibia/en/images/3/35/Npcs_Window_V.png') 0px 0px repeat-y;
 +
}
 +
.npc_chat_div_r .m4, .npc_chat_div .m4 {
 +
    background: url('http://images3.wikia.nocookie.net/tibia/en/images/3/35/Npcs_Window_V.png') -8px 0px repeat-y;
 +
}
 +
.npc_chat_div_r .b1, .npc_chat_div .b1 {
 +
    background: url('http://images2.wikia.nocookie.net/tibia/en/images/e/ea/Npcs_Window_0.png') 0px -25px;
 +
}
 +
.npc_chat_div_r .b2, .npc_chat_div .b2 {
 +
    background: url('http://images2.wikia.nocookie.net/tibia/en/images/e/ea/Npcs_Window_0.png') -8px -25px;
 +
}
 +
.npc_chat_div_r .b3, .npc_chat_div .b3 {
 +
    background: url('http://images2.wikia.nocookie.net/tibia/en/images/a/ac/Npcs_Window_H.png') 0px -25px repeat-x;
 +
}
 +
.npc_chat_div_r .b4, .npc_chat_div .b4 {
 +
    background: url('http://images2.wikia.nocookie.net/tibia/en/images/e/ea/Npcs_Window_0.png') -116px -25px;
 +
}
 +
/** Plain style **/
 +
.npc_chat_div_r a {
 +
    text-decoration: underline !important;
 +
}
 +
.npc_chat_div_r p {
 +
    margin: 0px;
 +
}
 +
.npc_chat_div_r span.pl {
 +
    font-style: normal !important;
 +
    font-weight: bold
 +
}
 +
.npc_chat_div_r span.pl>span.i {
 +
    font-style: italic;
 +
    font-weight: normal !important
 +
}
 +
.npc_chat_div_r .m3 {
 +
    font: 11px/14px Tahoma, sans-serif;
 +
}
 +
/** Tibia style */
 +
.npc_chat_div a {
 +
    color: #5FF7F7 !important;
 +
    text-decoration: underline !important;
 +
}
 +
.npc_chat_div b {
 +
    color: #1F9FFE;
 +
}
 +
.npc_chat_div p {
 +
    margin: 0px;
 +
}
 +
.npc_chat_div span.pl a {
 +
    color: #9F9FFE !important;
 +
}
 +
.npc_chat_div span.pl b, .npc_chat_div span.pl i {
 +
    color: #9F9FFE;
 +
    font-style: normal;
 +
}
 +
.npc_chat_div span.pl {
 +
    color: #9F9FFE;
 +
}
 +
.npc_chat_div span.pl > span.i {
 +
    font-style: italic;
 +
}
 +
.npc_chat_div .m2 {
 +
    background: url('http://images2.wikia.nocookie.net/tibia/en/images/8/81/Npcs_Window_Back.png') repeat;
 +
}
 +
.npc_chat_div .m3 {
 +
    color: #5FF7F7;
 +
    font: bold 11px/14px Tahoma, sans-serif;
 +
    scrollbar-shadow-color: #1D1D1D;
 +
    scrollbar-highlight-color: #434343;
 +
    scrollbar-face-color: #444444;
 +
    scrollbar-drakshadow-color: #1D1D1D;
 +
    scrollbar-3dlight-color: #949494;
 +
    scrollbar-arrow-color: #8E8E8E;
 +
    scrollbar-track-color: #373837;
 +
}
 +
/* [[Template:Minimap]] */
 +
body.page-Template_Minimap .map .b {
 +
    background-color: #000;
 +
}
 +
body.page-Template_Minimap .map .l {
 +
    display: inline-block;
 +
    width: 63px;
 +
    height: 63px;
 +
    border-left: #FF00FF 1px solid;
 +
    border-top: #FF00FF 1px solid;
 +
    z-index: 200;
 +
    color: #FF00FF;
 +
    font: bold 12px Arial;
 +
    text-align: center;
 +
    vertical-align: bottom;
 +
}
 +
* html body.page-Template_Minimap .map .l {
 +
    display: inline;
 +
}
 +
/** IE 6 **/
 +
* + html body.page-Template_Minimap .map .l {
 +
    display: inline;
 +
}
 +
/* [[Mapper]] and [[Template:Minimap]] transclusions */
 +
#minimap_maindiv img {
 +
    position: relative;
 +
}
 +
div#minimap_maindiv {
 +
    display: none;
 +
    width: 512px;
 +
    height: 384px;
 +
}
 +
div.minimap_clic {
 +
    display:inline;
 +
}
 +
div.minimap_w .zoomm {
 +
    background: url(http://images1.wikia.nocookie.net/__cb20100713182626/dantest/images/d/d6/Minimap_Buttons.png) -18px -41px;
 +
}
 +
div.minimap_w .zoomm:active {
 +
    background: url(http://images1.wikia.nocookie.net/__cb20100713182626/dantest/images/d/d6/Minimap_Buttons.png) -18px -59px;
 +
}
 +
div.minimap_w .zoomp {
 +
    background: url(http://images1.wikia.nocookie.net/__cb20100713182626/dantest/images/d/d6/Minimap_Buttons.png) 0px -41px;
 +
}
 +
div.minimap_w .zoomp:active {
 +
    background:url(http://images1.wikia.nocookie.net/__cb20100713182626/dantest/images/d/d6/Minimap_Buttons.png) 0px -59px;
 +
}
 +
div.minimap_w .floorp {
 +
    background:url(http://images1.wikia.nocookie.net/__cb20100713182626/dantest/images/d/d6/Minimap_Buttons.png) -36px -41px;
 +
}
 +
div.minimap_w .floorp:active {
 +
    background:url(http://images1.wikia.nocookie.net/__cb20100713182626/dantest/images/d/d6/Minimap_Buttons.png) -36px -59px;
 +
}
 +
div.minimap_w .floorm {
 +
    background:url(http://images1.wikia.nocookie.net/__cb20100713182626/dantest/images/d/d6/Minimap_Buttons.png) -54px -41px;
 +
}
 +
div.minimap_w .floorm:active {
 +
    background:url(http://images1.wikia.nocookie.net/__cb20100713182626/dantest/images/d/d6/Minimap_Buttons.png) -54px -59px;
 +
}
 +
/** Map Marker */
 +
/* Move to a more generic class? */
 +
div.minimap_w input.mapper_marker_r {
 +
    width: 22px;
 +
    height: 22px;
 +
    padding: 0px;
 +
    margin: 0px;
 +
    border: 0px;
 +
}
 +
div.minimap_w .starn {
 +
    width: 41px;
 +
    height: 14px;
 +
    background: url(http://images1.wikia.nocookie.net/__cb20100713182626/dantest/images/d/d6/Minimap_Buttons.png);
 +
    border-width: 1px 1px 0px 1px;
 +
}
 +
div.minimap_w .stars {
 +
    width: 41px;
 +
    height: 14px;
 +
    background: url(http://images1.wikia.nocookie.net/__cb20100713182626/dantest/images/d/d6/Minimap_Buttons.png) 0px -27px;
 +
    border-width: 0px 1px 1px 1px;
 +
}
 +
div.minimap_w .starw {
 +
    width: 14px;
 +
    height: 13px;
 +
    background: url(http://images1.wikia.nocookie.net/__cb20100713182626/dantest/images/d/d6/Minimap_Buttons.png) 0px -13px;
 +
    border-width: 0px 0px 0px 1px;
 +
    padding: 0px;
 +
}
 +
div.minimap_w .starc {
 +
    width: 13px;
 +
    height: 13px;
 +
    background: url(http://images1.wikia.nocookie.net/__cb20100713182626/dantest/images/d/d6/Minimap_Buttons.png) -13px -13px;
 +
    border: 0px;
 +
    padding: 0px;
 +
}
 +
div.minimap_w .stare {
 +
    width: 14px;
 +
    height: 13px;
 +
    background: url(http://images1.wikia.nocookie.net/__cb20100713182626/dantest/images/d/d6/Minimap_Buttons.png) -26px -13px;
 +
    border-width: 0px 1px 0px 0px;
 +
    padding: 0px;
 +
}
 +
div.minimap_w .btns, div.minimap_w .btn {
 +
    filter: none;
 +
    outline: none;
 +
    background-color: #BFBFBF !important;
 +
    box-shadow: none !important;
 +
    -webkit-box-shadow: none !important;
 +
    -moz-box-shadow: none !important;
 +
    border-radius: 0px !important;
 +
    -moz-border-radius: 0 !important;
 +
    -webkit-border-radius: 0px !important;
 +
}
 +
div.minimap_w .btn {
 +
    width: 20px;
 +
    height: 20px;
 +
    border: 1px solid;
 +
    padding: 0px;
 +
    margin: 0px 1px 1px 0px;
 +
}
 +
div.minimap_w .btns, div.minimap_w .btn, div.minimap_w .btns:active {
 +
    border-color: #757575 #2A2A2A #2A2A2A #757575 !important;
 +
}
 +
div.minimap_w .btn:active {
 +
    border-color: #2A2A2A #757575 #757575 #2A2A2A !important;
 +
}
 +
div.minimap_wx {
 +
    display: block;
 +
    text-align: center;
 +
    position: absolute;
 +
    right: 5px;
 +
    top: 4px;
 +
    cursor: pointer;
 +
    height: 16px;
 +
    width: 16px;
 +
    font-size: 12px;
 +
    font-weight: bolder;
 +
}
 +
div.minimap_wl {
 +
    display: block;
 +
    position: absolute;
 +
    bottom: 5px;
 +
    right: 26px;
 +
    height: 16px;
 +
    width: 16px;
 +
    font-size: 10px;
 +
    cursor: pointer;
 +
    background: transparent url("http://images2.wikia.nocookie.net/tibia/en/images/6/6e/Mapper.gif");
 +
}
 +
div.minimap_wtml {
 +
    display: block;
 +
    position: absolute;
 +
    bottom: 5px;
 +
    right: 5px;
 +
    height: 16px;
 +
    width: 16px;
 +
    font-size: 10px;
 +
    cursor: pointer;
 +
    background-image: url("http://images3.wikia.nocookie.net/tibia/en/images/e/ea/Tibiaml_Icon.png");
 +
}
 +
div.minimap_wp {
 +
    z-index: 2002;
 +
    display: none;
 +
    position: absolute;
 +
    top: 0%;
 +
    background-color: white;
 +
    padding: 2px 2px 2px 2px;
 +
    text-align: left;
 +
    width: 514px;
 +
}
 +
div.minimap_wf {
 +
    z-index: 2002;
 +
    display: inline-block;
 +
    position: relative;
 +
    top: 0%;
 +
    background-color: #F9FCFF;
 +
    padding: 10px 10px 5px 10px;
 +
    text-align: left;
 +
    zoom: 1;
 +
    border: 1px #bfcfcf solid;
 +
    width: 514px;
 +
}
 +
div.minimap_blackout {
 +
    display: none;
 +
    position: absolute;
 +
    top: 0%;
 +
    left: 0%;
 +
    width: 100%;
 +
    height: 100%;
 +
    background-color: #000;
 +
    filter: alpha(opacity=65);
 +
    opacity: 0.65;
 +
    z-index: 2001;
 +
    border: none;
 +
}
 +
div#minimap_imgdiv img {
 +
    image-rendering: crisp-edges;
 +
    image-rendering: optimizeSpeed;
 +
    image-rendering: -moz-crisp-edges;
 +
    image-rendering: -webkit-optimize-contrast;
 +
    image-rendering: pixelated;
 +
    -ms-interpolation-mode: nearest-neighbor;
 +
}
 +
/* [[Template:Equips Set]] */
 +
div.equips_set_basic, .tibia_client_background_light {
 +
    background: #808080 url('http://images4.wikia.nocookie.net/tibia/en/images/3/39/Tibia_Client_Background_Light.gif');
 +
}
 +
div.equips_set_basic {
 +
    width: 108px;
 +
    height: 144px;
 +
    border: 1px outset #000;
 +
    position: relative;
 +
}
 +
div.equips_set_basic>div {
 +
    position: absolute;
 +
    width: 32px;
 +
    height: 32px;
 +
    padding: 1px;
 +
    background: url('http://images2.wikia.nocookie.net/tibia/en/images/b/b3/Set_Background.gif') transparent;
 +
}
 +
#calculator_armor_body_main div {
 +
    position:absolute;
 +
    width:32px;
 +
    height:32px;
 +
    background:url('http://images2.wikia.nocookie.net/tibia/en/images/b/b3/Set_Background.gif');
 +
    padding: 1px;
 +
}
 +
 +
/** [[Template:NPC Trades]] */
 +
td.buys table tbody tr td, td.sells table tbody tr td {
 +
    line-height: 1em;
 +
    padding: 2px;
 +
}
 +
td.buys table, td.sells table {
 +
    padding: 0;
 +
    margin: 0;
 +
}
 +
table.trades td {
 +
    padding:0;
 +
    line-height:1.25em;
 +
}
 +
.exception:after {
 +
    content:" \2718";
 +
    color: #F1292E;
 +
}
 +
.npcprice:after, .npcvalue:after {
 +
    content:" \2714";
 +
    color: #1a940a;
 +
}
 +
.npcprice, .npcvalue {
 +
    font-weight: bold;
 +
    line-height:100%;
 +
}
 +
/* [[Template:Legend]] */
 +
div.legend div.legendtext p {
 +
    text-align:left;
 +
}
 +
/* [[Template:Messages]] */
 +
/* Where is this used? Is it used enough to justify CSS? */
 +
div.message > div.message > div.message {
 +
    line-height: 1em;
 +
    margin: -1px;
 +
    padding: 0 0.5em !important;
 +
}
 +
div.message > div.message {
 +
    margin: 0 -3px;
 +
    padding: 1px !important;
 +
}
 +
div.message {
 +
    padding: 3px;
 +
}
 +
/* [[Template:Infobox Streets]] */
 +
/* This needs better naming: #mapDiv is a table ? */
 +
#mapDiv span + span {
 +
    display: none;
 +
}
 +
#mapDiv span:hover + span {
 +
    display: block;
 +
}
 +
/* [[TibiaWiki:Lightbearer Basin Monitor]] */
 +
.lb-01 {
 +
    background-color: #74F16C;
 +
    border-color: #5cbf56;
 +
}
 +
.lb-02 {
 +
    background-color: #DEF57B;
 +
    border-color: #b0c261;
 +
}
 +
.lb-03 {
 +
    background-color: #F5D66C;
 +
    border-color: #c2a955;
 +
}
 +
.lb-04 {
 +
    background-color: #F5A568;
 +
    border-color: #c28352;
 +
}
 +
.lb-05 {
 +
    background-color: #E8A3A4;
 +
    border-color: #b57f80;
 +
    font-weight: bold;
 +
}
 +
#lb-basin-list {
 +
    border: 0.1em solid #000000;
 +
    list-style: none;
 +
    margin: 0;
 +
    padding: 0;
 +
    width: 22em;
 +
}
 +
#lb-basin-list li {
 +
    padding: 0 0.5em;
 +
    font-size: 1.2em;
 +
    line-height: 1.5em;
 +
    margin: 0;
 +
    border-width: 1px;
 +
    border-style: solid;
 +
}
 +
#lb-basin-list li a {
 +
    float: right;
 +
}
 +
.lb-input-container input {
 +
    text-align: center;
 +
    width: 2.5em;
 +
}
 +
.lb-input-container {
 +
    text-align: center;
 +
}
 +
#basin-tools-url {
 +
    font-size: 1.2em;
 +
    width: 18em;
 +
}
 +
/* [[Template:Element Icon]] */
 +
.element-icon {
 +
    display: block;
 +
    height: 32px;
 +
    width: 32px;
 +
    overflow: hidden;
 +
    float: left;
 +
}
 +
.element-icon.physical img {
 +
    margin-left: 0px;
 +
}
 +
.element-icon.life_drain img {
 +
    margin-left: -32px;
 +
}
 +
.element-icon.death img {
 +
    margin-left: -64px;
 +
}
 +
.element-icon.fire img {
 +
    margin-left: -96px;
 +
}
 +
.element-icon.energy img {
 +
    margin-left: -128px;
 +
}
 +
.element-icon.holy img {
 +
    margin-left: -160px;
 +
}
 +
.element-icon.ice img {
 +
    margin-left: -192px;
 +
}
 +
.element-icon.earth img {
 +
    margin-left: -224px;
 +
}
 +
.element-icon.drown img {
 +
    margin-left: -256px;
 +
}
 +
/* [[Template:Creature Types]] */
 +
.ctypes {
 +
    background-color: rgba(255, 255, 255, 0.35);
 +
    margin: 1em auto;
 +
    border: 1px solid #B1806E;
 +
    width: 48em;
 +
}
 +
.ctypes .main-header {
 +
    margin: 0 auto;
 +
    width: 16em;
 +
    padding: 0.5em;
 +
    text-align: center;
 +
    border-width: 0 1px;
 +
    border-style: solid;
 +
    border-color: #B1978D;
 +
}
 +
.ctypes .leftcol, .ctypes .rightcol, .ctypes .list-container li {
 +
    float: left;
 +
    width: 50%;
 +
}
 +
.ctypes .list-container ul {
 +
    list-style: none;
 +
    padding: 0;
 +
    margin: 0;
 +
}
 +
.ctypes .ctype .header {
 +
    background-color: #B1806E;
 +
    text-align: center;
 +
}
 +
.ctypes .list-container {
 +
    border-color: #B1806E;
 +
    border-style: solid;
 +
    border-width: 1px;
 +
}
 +
.ctypes .leftcol .list-container {
 +
    border-left: 0;
 +
}
 +
.ctypes .rightcol .list-container {
 +
    border-right: 0;
 +
}
 +
/* Involve ~ templates */
 +
ul.involves {
 +
    list-style: none;
 +
    margin: 0;
 +
    padding: 0;
 +
}
 +
.involves > li {
 +
    float: left;
 +
    padding: 0 1.5em;
 +
    border: 1px solid #000000;
 +
    border-radius: 1.5em;
 +
    position: relative;
 +
    line-height: 72px;
 +
}
 +
.involves .link-whole > a {
 +
    display: block;
 +
    height: 100%;
 +
    width: 100%;
 +
    position: absolute;
 +
    text-decoration: none;
 +
    border-radius: 1.5em;
 +
    margin: 0 0 0 -1.5em;
 +
}
 +
 +
/* [[Template:Show-Hide]] */
 +
.showhide-hidden > .showhide-body {
 +
    visibility: hidden;
 +
    position: absolute;
 +
    z-index: -999;
 +
    height: 0;
 +
    overflow: hidden;
 +
}
 +
.showhide-init.showhide-hidden > .showhide-body,
 +
.showhide-visible > .showhide-body {
 +
    visibility: visible;
 +
    position: relative;
 +
    z-index: auto;
 +
    height: auto;
 +
    overflow: auto;
 +
}
 +
.showhide-header {
 +
    cursor: pointer;
 +
}
 +
/* [[Template:JSpoiler]] */
 +
.spoiler-container > .showhide-header {
 +
    background-color: #FFDDDD;
 +
    border: 1px solid #FF0000;
 +
    display: inline;
 +
    font-weight: bold;
 +
    line-height: 24px;
 +
    padding: 4px 4px 2px;
 +
}
 +
.spoiler-content {
 +
    padding: 4px 0;
 +
}
 +
.spoiler-warning {
 +
    border-bottom: 2px solid #FF0000;
 +
    border-top: 2px solid #FF0000;
 +
    line-height: 22px;
 +
    padding: 3px;
 +
}
 +
.spoiler-pretext {
 +
    text-align: center;
 +
    font-size: 1.5em;
 +
}
 +
/* [[Template:QSpoiler]] */
 +
.quest-spoiler > .showhide-header {
 +
    background-color: #FFD1D1;
 +
    border: 1px solid #D0070A;
 +
    color: #D0070A;
 +
    font-size: 1.7em;
 +
    padding: 1em 0;
 +
    text-align: center;
 +
}
 +
.quest-spoiler > .showhide-body {
 +
    margin: 1.5em 0 0 0;
 +
}
 +
/* [[Template:Show More]] */
 +
.show-more,
 +
.show-more .showhide-header,
 +
.show-more .showhide-body,
 +
.show-more .showhide-body > p {
 +
    display: inline;
 +
}
 +
.show-more.showhide-visible .showhide-header:after {
 +
    content: "(show less)";
 +
}
 +
.show-more.showhide-hidden .showhide-header:after {
 +
    content: "(show more)";
 +
}
 +
/* [[Template:Item Icon]] */
 +
.item-icon .new {
 +
    display: none;
 +
}
 +
.item-icon .no-exist {
 +
    display: none;
 +
}
 +
.item-icon .new + .no-exist {
 +
    display: block;
 +
}
 +
/* Template:Additional Information */
 +
.additional-information {
 +
    display: inline;
 +
}
 +
.additional-information > .showhide-header {
 +
    font-size: 1.2em;
 +
    font-weight: bold;
 +
    display: inline;
 +
}
 +
.additional-information > .showhide-body {
 +
    border-color: #A3A3A3;
 +
    border-style: solid;
 +
    border-width: 0 0 0.02em;
 +
    margin: 0 0 0 1.5em;
 +
}
 +
 +
/* Template:Book */
 +
.ok-box > a {
 +
    color: inherit;
 +
    display: inline-block;
 +
    width: 100%;
 +
    height: 100%;
 +
    line-height: 1.5em;
 +
}
 +
 +
/* Template:Infobox Book */
 +
blockquote.book {
 +
    color: #555;
 +
    border-left: 10px solid #ccc;
 +
    margin: 1.5em 10px;
 +
    padding: 0.5em 10px;
 +
    quotes: "\201C""\201D""\2018""\2019";
 +
}
 +
blockquote.book:before {
 +
    color: #ccc;
 +
    content: open-quote;
 +
    font-size: 4em;
 +
    line-height: 0.1em;
 +
    margin-right: 0.25em;
 +
    vertical-align: -0.4em;
 +
}
 +
blockquote.book p {
 +
    display: inline;
 +
}
 +
/* Experimental:
 +
* [[User:Sixorish/Item2]]
 +
* [[User:Sixorish/NPC2]]
 +
* [[User:Sixorish/Spell2]]
 +
*/
 +
/* "boxing" for infoboxes */
 +
#twbox, .twbox {
 +
    background-color: #ecf0f4;
 +
    border: 0.1em solid #7990aa;
 +
    padding: 0.5em;
 +
    min-height: 500px;
 +
}
 +
/* Introduction in infobox */
 +
#twbox-intro {
 +
    margin: 0.5em 0 1.5em 1.5em;
 +
}
 +
#twbox-image {
 +
    float: left;
 +
    margin: 0.5em 1em 0.5em 0.5em;
 +
}
 +
#twbox-image a.new {
 +
    display: inline-block;
 +
    width: 64px;
 +
    height: 64px;
 +
    overflow: hidden;
 +
}
 +
#twbox-look {
 +
    color: green;
 +
    font-weight: bold;
 +
    padding: 0 2em 0 1.5em;
 +
}
 +
#twbox-sounds {
 +
    margin: 0 0 0 3em;
 +
}
 +
#twbox-name {
 +
    font-size: 1.2em;
 +
    font-weight: bold;
 +
}
 +
#twbox-words,
 +
.spell-words {
 +
    font-style: italic;
 +
    text-indent: 1em;
 +
}
 +
.semantic-header {
 +
    display: none;
 +
    visibility: hidden;
 +
    height: 0;
 +
}
 +
#twbox #tabular-data {
 +
    background-color: #c1d0e0;
 +
    border: 0.2em solid #2373c4;
 +
    border-radius: 0.5em;
 +
    float: right;
 +
    margin: 0.5em;
 +
    padding: 1em;
 +
}
 +
#twbox #tabular-data > table {
 +
    border-collapse: collapse;
 +
}
 +
#twbox #tabular-data .property {
 +
    padding: 0 0.25em 0 0;
 +
    text-align: right;
 +
    font-weight: bold;
 +
    vertical-align: top;
 +
}
 +
#twbox #tabular-data .meta {
 +
    display: none;
 +
}
 +
#twbox #tabular-data .value {
 +
    padding: 0 0 0 0.25em;
 +
    text-align: left;
 +
    font-weight: normal;
 +
    max-width: 11em;
 +
}
 +
#twbox #tabular-data .property:after {
 +
    content: ":";
 +
}
 +
.implementation-date {
 +
    font-style: italic;
 +
    white-space: nowrap;
 +
}
 +
#twbox .creature-list-generic {
 +
    overflow: auto;
 +
    margin: 0;
 +
    padding: 0;
 +
    max-height: 12em;
 +
    min-height: 3em;
 +
    text-indent: 1em;
 +
}
 +
#twbox .creature-list-generic li {
 +
    float: left;
 +
    display: inline-block;
 +
    width: 50%;
 +
    margin: 0;
 +
    padding: 0;
 +
    line-height: 1.5em;
 +
    list-style: none;
 +
}
 +
.trades > h4,
 +
.trades > table {
 +
    margin: 0 auto !important;
 +
    padding: 0;
 +
    text-align: center;
 +
}
 +
#twbox-learnfrom {
 +
    text-align: center;
 +
}
 +
#twbox-learnfrom > table {
 +
    margin: 0 auto !important;
 +
}
 +
#twbox #tabular-data .table-section > th {
 +
    border-bottom: 0.2em groove #cc8400;
 +
}
 +
#twbox #quicklinks {
 +
    float: left;
 +
    margin: 0;
 +
    padding: 0;
 +
    text-align: center;
 +
    width: 100%;
 +
}
 +
#twbox #quicklinks > h3 {
 +
    margin: 0;
 +
    padding: 0;
 +
}
 +
#twbox #quicklinks > ul {
 +
    margin: 0 auto;
 +
    padding: 0;
 +
    width: 100%;
 +
}
 +
#twbox #quicklinks > ul > li {
 +
    float: left;
 +
    list-style: none;
 +
    margin: 0;
 +
    padding: 0;
 +
    width: 25%;
 +
}
 +
#twbox #quicklinks > ul > li > a {
 +
    display: block;
 +
    border: 0.1em solid #17525b;
 +
    background: rgba(141, 196, 188, 0.25);
 +
    text-align: center;
 +
}
 +
.colorbox {
 +
    border-radius: 1em;
 +
}
 +
.trades {
 +
    width: 50%;
 +
    float: left;
 +
}
 +
#twbox h5,
 +
#twbox h4,
 +
#twbox h3,
 +
#twbox h2,
 +
#twbox h1 {
 +
    margin: 0.5em 0 0 0;
 +
    padding: 0;
 +
    text-indent: 1.5em;
 +
}
 +
#twbox h5,
 +
#twbox h4,
 +
#twbox h3,
 +
#twbox h2,
 +
#twbox h1,
 +
#twbox #tabular-data .table-section {
 +
    color: #cc8400;
 +
    font-weight: bold;
 +
    border: 0;
 +
}
 +
#twbox #npc-location .minimap {
 +
    float: left;
 +
    margin: 0 1em 1em 1em;
 +
}
 +
#twbox .notes-label {
 +
    font-weight: bold;
 +
    padding: 0 0.2em;
 +
}
 +
.item-droppedby-wrapper {
 +
    border: 0.1em solid #7990aa;
 +
    border-radius: 1em;
 +
    padding: 0.5em;
 +
    overflow: auto;
 +
}
 +
.item-droppedby-wrapper > ul {
 +
    list-style: none;
 +
    margin: 0;
 +
    overflow-x: hidden;
 +
    overflow-y: auto;
 +
    max-height: 12em;
 +
}
 +
.item-droppedby-wrapper li {
 +
    float: left;
 +
    width: 33%;
 +
    min-width: 12.5em;
 +
    margin: 0;
 +
}
 +
.no-results {
 +
    font-style: italic;
 +
}
 +
.trades > .no-results {
 +
    text-align: center;
 +
}
 +
.explained {
 +
    line-height: 0.8em;
 +
    font-size: 0.8em;
 +
    font-weight: bold;
 +
    float: right;
 +
}
 +
/* twbox - section headers behave as anchor links */
 +
#twbox h1:hover .mw-headline:after,
 +
#twbox h2:hover .mw-headline:after,
 +
#twbox h3:hover .mw-headline:after,
 +
#twbox h4:hover .mw-headline:after,
 +
#twbox h5:hover .mw-headline:after,
 +
#twbox h6:hover .mw-headline:after {
 +
    color: #000;
 +
    content: "§";
 +
    margin: 0 1em 0 0;
 +
    position: absolute;
 +
    right: 100%;
 +
}
 +
#twbox .mw-headline {
 +
    position: relative;
 +
}
 +
#twbox h1:hover .mw-headline,
 +
#twbox h2:hover .mw-headline,
 +
#twbox h3:hover .mw-headline,
 +
#twbox h4:hover .mw-headline,
 +
#twbox h5:hover .mw-headline,
 +
#twbox h6:hover .mw-headline {
 +
    cursor: pointer;
 +
}
 +
#creature-resistance {
 +
    overflow: auto;
 +
}
 +
#creature-resistance ul {
 +
    list-style: none;
 +
    margin: 0;
 +
    font-size: 1.1em;
 +
}
 +
#creature-resistance li {
 +
    margin: 0;
 +
    line-height: 1.5em;
 +
    clear: left;
 +
}
 +
#creature-resistance .res-label {
 +
    float: left;
 +
    font-weight: bold;
 +
    text-align: right;
 +
    width: 7em;
 +
    padding: 0 0.5em 0 0;
 +
}
 +
#creature-resistance .visual-percent-container {
 +
    overflow: auto;
 +
}
 +
#creature-resistance .res-value {
 +
    background: linear-gradient(to bottom, #6a70c4, #9a9dc4, #232ba4) repeat scroll 0 0 rgba(0, 0, 0, 0);
 +
    font-weight: bold;
 +
    text-align: right;
 +
    border-radius: 0 0.3em 0.3em 0;
 +
    overflow: visible;
 +
    white-space: nowrap;
 +
}
 +
#creature-loot {
 +
    clear: both;
 +
}
 +
.loot-table {
 +
    border: 0.1em solid #7990aa;
 +
    border-radius: 1em;
 +
    padding: 0.5em;
 +
}
 +
.loot-table > ul {
 +
    list-style: none;
 +
    margin: 0;
 +
    overflow-x: hidden;
 +
    overflow-y: auto;
 +
    max-height: 12em;
 +
}
 +
#twbox .loot-table > ul {
 +
    max-height: 26em;
 +
}
 +
.loot-table li {
 +
    float: left;
 +
    width: 33%;
 +
    min-width: 12.5em;
 +
    margin: 0;
 +
}
 +
#twbox-sounds {
 +
    color: #d14703;
 +
    font-weight: bold;
 +
}
 +
.loot-table .table-header {
 +
    display: none;
 +
}
 +
.sound-list {
 +
    overflow: auto;
 +
    list-style: none;
 +
}
 +
.sound-list > li {
 +
    display: inline;
 +
    padding: 0 0.5em;
 +
}
 +
.sound-list > li:after, .sound-list > li:before {
 +
    color: #000;
 +
    content: "\0022";
 +
    font-size: 1.1em;
 +
}
 +
/* force right ToC for quest spoilers */
 +
#twbox #toc {
 +
    float: right;
 +
    margin: 0;
 +
    max-width: 22em;
 +
}
 +
/* Experimental: [[Template:Navigation]] */
 +
.navigation-body {
 +
    border: 0.1em solid #7990aa;
 +
    border-radius: 1em;
 +
    padding: 0.5em;
 +
}
 +
.navigation-list-wrapper {
 +
    border: 0.1em solid #7990aa;
 +
    border-radius: 0.5em;
 +
    padding: 0.5em;
 +
}
 +
.navigation-list-wrapper > ul {
 +
    margin: 0;
 +
    max-height: 14em;
 +
    overflow: auto;
 +
    list-style: none;
 +
}
 +
.navigation-body li {
 +
    float: left;
 +
    width: 33%;
 +
    margin: 0;
 +
}
 +
/* Lists outside of #twbox */
 +
ul.creature-list-generic {
 +
    margin: 0;
 +
    padding: 0;
 +
}
 +
.creature-list-generic > li {
 +
    display: inline-block;
 +
    padding: 0 1.5em 0 0;
 +
}
 +
/* Temporary style to test Quest2 - will not be needed if it goes live */
 +
.quest-spoiler #toc + table,
 +
.quest-spoiler #toc + table + div {
 +
    display: none;
 +
    clear: none;
 +
}
 +
/* Information Icon */
 +
.information-icon {
 +
    border-radius: 1em;
 +
    color: #ffffff;
 +
    cursor: pointer;
 +
    font-size: 0.9em;
 +
    height: 1em;
 +
    width: 1em;
 +
    line-height: 1em;
 +
    text-align: center;
 +
    display: inline-block;
 +
    background-color: #003ad9;
 +
    text-indent: 0;
 +
}
 +
.information-icon:before {
 +
    content: "i";
 +
    font-size: 0.75em;
 +
}
 +
/* sprite list */
 +
ul.animation-frames {
 +
    list-style: none;
 +
    margin: 0;
 +
    max-height: 7.5em;
 +
    overflow: auto;
 +
}
 +
/* For [[Template:Website Creature Description]] */
 +
#twbox .webdesc-text {
 +
    font-style: italic;
 +
    max-height: 10em;
 +
    overflow: auto;
 +
    padding: 0;
 +
    margin: 0;
 +
}
 +
#twbox .webdesc {
 +
    border: 0.1em solid #7990aa;
 +
    border-radius: 1em;
 +
    font-style: italic;
 +
    margin: 1em;
 +
    overflow: auto;
 +
    padding: 0.5em 1em;
 +
}
 +
 +
/* For [[Template:Damage Icon]] */
 +
.damage-icon-sprite {
 +
    float: right;
 +
    margin: 0 0 0 0.5em;
 +
    width: 1em;
 +
    height: 1em;
 +
    overflow: hidden;
 +
}
 +
 +
/* NOTE: background-image must be used in order to avoid the addition of [[File:Damage_Icons.png]] to the Wikia gallery. */
 +
.damage-icon-translator {
 +
    background-image: url('https://vignette2.wikia.nocookie.net/tibia/images/2/25/Damage_Icons.png/revision/latest?cb=20150205133227&path-prefix=en');
 +
    height: 1em; /* Update this if [[File:Damage_Icons.png]] is updated to change the number of rows. */
 +
    width: 9em; /* Update this if [[File:Damage_Icons.png]] is updated to change the number of columns. */
 +
    background-size: 9em 1em; /* Update this if height or width changes. background-size: width height; */
 +
    position: relative; /* Implementation of this class, i.e. [[Template:Damage Icon]], needs to handle positioning. 1em to the right = second icon on the column, etc. */
 +
}
 +
 +
/* For [[Template:Item Tile]] */
 +
.item-tile {
 +
    width: 10em;
 +
}
 +
.item-tile-image,
 +
.item-tile-text {
 +
    display: block;
 +
    text-align: center;
 +
}
 +
ul.item-tile-list {
 +
    list-style: none;
 +
}
 +
.item-tile-list li {
 +
    float: left;
 +
}
 +
/* For [[Template:Item Inline]] */
 +
.item-inline,
 +
.item-inline-image,
 +
.item-inline-text {
 +
    display: inline;
 +
}
 +
 +
/* For [[Template:Yes No]] */
 +
.no-cross {
 +
    color: #ff0000;
 +
    font-weight: bold;
 +
}
 +
.yes-tick {
 +
    color: #00c900;
 +
    font-weight: bold;
 +
}
 +
.partial-tick {
 +
    color: #e69500;
 +
    font-weight: bold;
 +
}
 +
.archive-list > ul {
 +
    list-style: outside none none;
 +
}
 +
.archive-list li {
 +
    display: inline;
 +
    margin: 0;
 +
    padding: 0;
 +
}
 +
 +
.archive-list a {
 +
    padding: 0 0.5em;
 +
}
 +
/* CSS for [[TibiaWiki:Scripts/VandalWarn.js]] */
 +
#vandalism-notice {
 +
    background-color: #bf7171;
 +
    border: 0.5em solid #795252;
 +
    border-radius: 2em;
 +
    color: #000;
 +
    font-size: 1.1em;
 +
    padding: 0.5em;
 +
}
 +
 +
/*******************
 +
* Navboxes
 +
*******************/
 +
.navbox {
 +
    width: 100%;
 +
    background: white;
 +
    color: black;
 +
    margin: 1em auto;
 +
    font-size: 84%;
 +
    clear: both;
 +
    padding: 2px;
 +
    border-spacing: 0;
 +
    border: 1px solid #AAA;
 +
}
 +
 +
/* Merges navboxes that are directly under eachother */
 +
.navbox + .navbox {
 +
    margin-top: -11px;
 +
}
 +
 +
.navbox .navbox-title {
 +
    background: #CCF;
 +
    color: black;
 +
    font-weight: bold;
 +
}
 +
 +
.navbox .navbox-vde {
 +
    float:left;
 +
    width:65px;
 +
}
 +
 +
.navbox .navbox-title-padright {
 +
    padding-right: 65px;
 +
}
 +
 +
.navbox .navbox-title-padleft {
 +
    padding-left: 65px;
 +
}
 +
 +
.navbox .navbox-subgroup {
 +
    border-spacing: 0;
 +
    width: 100%;
 +
}
 +
 +
.navbox .navbox-gutter {
 +
    height: 2px;
 +
}
 +
 +
.navbox .navbox-subgroup .navbox-gutter {
 +
    background: white;
 +
}
 +
 +
.navbox .navbox-section-row > td {
 +
    padding: 0;
 +
    height: 100%;
 +
}
 +
 +
.navbox .navbox-section {
 +
    width: 100%;
 +
    border-spacing: 0;
 +
}
 +
 +
.navbox .navbox-above,
 +
.navbox .navbox-below {
 +
    background: #DDF;
 +
    text-align: center;
 +
}
 +
 +
.navbox .navbox-image {
 +
    background: white;
 +
    text-align: center;
 +
}
 +
 +
.navbox .navbox-group,
 +
.navbox .navbox-header {
 +
    background: #DDF;
 +
    color: black;
 +
    font-weight: bold;
 +
    height: 100%;
 +
    padding: 2px 4px;
 +
}
 +
 +
.navbox .navbox-header-collapsible {
 +
    padding-left: 65px;
 +
}
 +
 +
.navbox .navbox-group {
 +
    text-align: right;
 +
    padding-right: 1em;
 +
    min-width: 150px;
 +
}
 +
 +
.navbox .navbox-group,
 +
.navbox .navbox-image-left {
 +
    border-right: 2px solid white;
 +
}
 +
 +
.navbox-image-right {
 +
    border-left: 2px solid white;
 +
}
 +
 +
.navbox .navbox-list {
 +
    background: white;
 +
    color: black;
 +
    width: 100%;
 +
    height: 100%;
 +
    padding: 0;
 +
}
 +
 +
.navbox .alt > .navbox-list {
 +
    background: #F7F7F7;
 +
}
 +
 +
.navbox .navbox-list div {
 +
    padding: 0px 4px;
 +
}
 +
 +
.navbox .navbox-list.no-group {
 +
    text-align: center;
 +
    padding-top: 2px;
 +
    padding-bottom: 2px;
 +
}
 +
 +
.navbox .mw-collapsible-toggle {
 +
    width: 65px;
 +
}
 +
 +
/* hlist */
 +
.hlist ul {
 +
    margin: 0;
 +
    list-style: none;
 +
}
 +
 +
.hlist li, .hlist ul ul {
 +
    display: inline;
 +
}
 +
 +
.hlist li a {
 +
    white-space: nowrap;
 +
}
 +
 +
.hlist ul ul:before {
 +
    content: "("
 +
}
 +
 +
.hlist ul ul:after {
 +
    content: ")"
 +
}
 +
 +
.hlist li:after {
 +
    content: " • ";
 +
}
 +
 +
.hlist ul ul li:after {
 +
    content: "/";
 +
}
 +
 +
.hlist li:last-child:after, .hlist ul ul li:last-child:after {
 +
    content: none;
 +
}

Revision as of 22:54, 16 September 2017

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

body.background-fixed.skin-oasis,
body.background-dynamic.skin-oasis,
body.has-trans-bg {
    background: url('https://vignette2.wikia.nocookie.net/tibia/images/c/c0/Background_Artwork_11.40_%28Standard_Dimensions%29.jpg/revision/latest?cb=20170725134737&path-prefix=en') no-repeat fixed center top #051122;
}
 
/* [[Special:Allpages]]
 * [[Special:Watchlist]]
 */
.allpagesredirect,
.watchlistredir {
    font-style: italic;
}
/* [[Special:RecentChanges]] */
.mw-plusminus-pos {
    color: #006500;
}
.mw-plusminus-neg {
    color: #8B0000;
}
/* Template:Archives */
.archives-box {
    width: 22em;
    float: right;
    margin: 0.2em 0 0.2em 0.2em;
}
.archives-header {
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
}
ol.archives-links {
    margin: 0;
    list-style-type: none;
}
.archives-links > li {
    float: left;
    margin: 0 0.75em;
}
.archives-links > li + li {
    list-style-type: disc;
}
/* References */
ol.references > li:target, sup.reference:target, cite:target {
    background-color: #DEF;
}
sup.reference {
    font-weight: normal;
    font-style: normal;
}
.references, .references-small {
    font-size:90%;
}
cite {
    font-style: normal;
    word-wrap: break-word;
}
 
/* Image frame fix */
div.tright, div.tleft {
    border: 1px solid #c0c0c0;
}
div.thumb {
    margin: 2px 2px 2px 6px;
}
div.thumbinner {
    background: inherit;
    border: none;
}
#article div.thumb {
    color: inherit;
}
/* Edit Preview - unused? */
#new_edit_page_preview_notice {
    background: transparent !important;
    color: black !important;
}
/* Link icons */
#mw-content-text a[href*="http://tibia.wikia.com/wiki/Mapper"] {
    background: url('http://images2.wikia.nocookie.net/tibia/en/images/6/6e/Mapper.gif') center right no-repeat;
    padding: 0 20px 0 0;
}
#mw-content-text a[href*="wikipedia.org"] {
    background: url('http://images.wikia.com/tibia/en/images/0/00/Wikipedia.gif') center right no-repeat;
    padding: 0 20px 0 0;
}
 
/* Tibia interface emulation */
span.tibiatext a {
    font-family: Tahoma !important;
    color: #AFAFAF !important;
    font-size: 8pt !important;
    font-weight: bold !important;
    text-decoration: none !important;
}
.msg-sound,
span.sounds,
span.orange {
    font-family: Tahoma !important;
    color: #FE6500 !important;
    font-size: 8pt !important;
    font-weight: bold !important;
    text-decoration: none !important;
    /*text-shadow: 0.1em 0.1em 0.08em #474747, -0.1em -0.1em 0.08em #474747, 0.1em -0.1em 0.08em #474747, -0.1em 0.1em 0.08em #474747, -0.1em 0em 0.08em #474747, 0.1em 0em 0.08em #474747 !important;*/
}
.msg-server {
    color: #636363;
    font-style: italic;
    text-shadow: 0 0 0.1em #cbcbcb;
    font-weight: bold;
}
span.yellow {
    font-family: Tahoma !important;
    color: #EFEF00 !important;
    font-size: 8pt !important;
    font-weight: bold !important;
    text-decoration: none !important;
    background: #505050 !important;
}
span.green {
    font-family: Tahoma !important;
    color: #00EF00 !important;
    font-size: 8pt !important;
    font-weight: bold !important;
    text-decoration: none !important;
    text-shadow: 0.1em 0.1em 0.08em #474747, -0.1em -0.1em 0.08em #474747, 0.1em -0.1em 0.08em #474747, -0.1em 0.1em 0.08em #474747, -0.1em 0em 0.08em #474747, 0.1em 0em 0.08em #474747 !important;
}
div.tibiatext {
    font-family: Tahoma !important;
    color: #AFAFAF !important;
    font-size: 8pt !important;
    font-weight: bold !important;
    text-decoration: none !important;
}
span.tibiabutton {
    background: url('http://images2.wikia.nocookie.net/tibia/en/images/8/81/Npcs_Window_Back.png') no-repeat scroll right center transparent !important;
    border-color: black !important;
    border-style: groove !important;
    border-width: 2px !important;
    color: #AFAFAF !important;
    font-family: Tahoma !important;
    font-size: 10px !important;
    font-weight: bold !important;
    text-decoration: none !important;
}
/* [[Template:Backpack Slot]] */
.tw-bp-slot {
    position: relative;
    float: left;
    height: 32px;
    width: 32px;
    overflow: hidden;
    background: url("http://static4.wikia.nocookie.net/tibia/en/images/1/1a/Backpack_Slot.png") no-repeat scroll 0 0 #292929;
    padding: 1px;
}
.tw-bp-slot-count {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #BFBFBF;
    font-weight: bold;
    line-height: 1em;
    margin: 0 2px 2px 0;
}
.tw-bp-slot-img > img {
    width: 32px;
    height: 32px;
    padding: 0;
    margin: 0;
}
.tw-bp-slot-link > a {
    display: block;
    height: 100%;
    width: 100%;
    z-index: 2;
    position: absolute;
    text-decoration: none;
}
/* [[Template:Item Obtained]] */
.tw-item-obtained {
    background: url("http://static4.wikia.nocookie.net/tibia/en/images/1/1a/Backpack_Slot.png") repeat scroll 0 17px #292929;
    border: 2px outset #00A100;
    height: auto;
    width: 136px;
    overflow: hidden;
}
.tw-item-obtained .tw-bp-head:before {
    color: #90EE90;
    content: "+";
    margin: 0 0.5em;
}
.tw-bp-head {
    background-color: #3D3D3D;
    color: #8F8F8F;
    font-size: 12px;
    font-weight: bold;
    height: 17px;
    line-height: 17px;
}
/* [[Template:Ability List]] ([[Template:Ability]]) */
#creature-ability canvas {
    background: url("http://images.wikia.com/tibia/en/images/9/98/Demo_Tile.png") repeat scroll 0 0 transparent;
}
.demo-show {
    color: #0078F0;
    cursor: pointer;
    text-decoration: underline;
}
div.ability {
    float:left;
    line-height:0px;
    width:32px;
    height:32px;
    background-image: url('http://images1.wikia.nocookie.net/__cb20070125104259/tibia/en/images/7/79/Stone_Tile.gif');
}
.ability {
    float:left;
    line-height:0px;
    width:32px;
    height:32px;
    background-image: url('http://images1.wikia.nocookie.net/__cb20070125104259/tibia/en/images/7/79/Stone_Tile.gif');
}
/* In-game scenery emulation */
.grass {
    background: #008000 url('http://images4.wikia.nocookie.net/__cb20080817072802/tibia/en/images/6/60/Grass_%28Tile%29.gif') repeat scroll top left;
}
/* Section headers */
.WikiaPageHeader { 
    border-bottom: 1px solid #AA8D79 !important;
}
.WikiaArticle h2 {
    margin: 20px 0 0 0;
    border-bottom: 1px solid #AA8D79;
}
 
/* ToC */
#toc {
    background-color: rgba(255, 255, 255, 0.25);
    border: 0.1em solid #d9d9d9;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
    padding: 5px;
    margin-bottom: 0.5em;
    margin-top: 1.5em;
    text-align: left;
}
#toc ol {
    margin: 0.4em 0 0.5em 0.5em;
}
#toctitle {
    background: rgba(141, 196, 188, 0.5);
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
}
#toc li {
    padding: 0 0 0 1.5em;
    text-indent: -1.5em;
}
 
/* Template documentation */
table.docupara {
    width: 80%;
    margin: 1em 1em 1em 0;
    background: #F9F9F9;
    text-align: left;
}
.docupara td {
    border: 1px #AAA solid;
    padding: 0.2em;
}
 
/* [[Template:Conditions]] */
table.condition {
    border-collapse: collapse;
}
table.condition td {
    background-color: #d4e6ff;
    border: 1px solid #60a3ff;
}
 
/* [[Main Page]] */
div.mp-boxes h2 {
    color: #000000;
    font-family: sans-serif;
    font-size: 120%;
    font-weight: bold;
    margin: 0;
    padding: 0.2em 0.4em;
    text-align: left;
}
.mp-boxes h2 {
    background-color: #6E1F1B;
    border: 1px solid #37100E;
}
.mp-boxes .readmore {
    display:block;
    margin:0 0 1em 0;
    font-style:italic;
}
.mp-boxes.rightbox > div {
    margin: 2em 0;
}
.mp-boxes.leftbox .donthave {
    color: #ff0000;
    font-size: 0.8em;
}
/* Main Page Revamp */
.content-navigation {
    text-align: center;
}
.iconnav-item:hover {
    transition-duration: 1s;
    transition-timing-function: ease-in-out;
    opacity: 1;
}
.iconnav-item {
    background: none repeat scroll 0 0 #B74555;
    float: left;
    opacity: 0.75;
    position: relative;
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
}
.iconnav-icon {
    border: 0.3em solid #442434;
    overflow: hidden;
    border-radius: 5em;
    width: 64px;
    height: 64px;
    background-color: #d04648;
    margin: 0 auto;
}
.iconnav-text {
    width: 100%;
    text-align: center;
    overflow: hidden;
    background-color: #ffacac;
}
.iconnav-text > a {
    color: #d00000;
    font-weight: bold;
    font-size: 1.1em;
    display: block;
    padding: 0.2em 0.5em;
}
.iconnav-item > a {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
}
/* [[Promoted Tibia Fansites]], [[Unsupported Tibia Fansites]], [[Unsupported Tibia Fansites]] */
.fansitelist td {
    border:1px solid #000;
}
/* [[Pair of Soft Boots]] */
.softboots-regen {
    border: 1px solid #000;
    width: 100%;
    height: 17px;
    width: 91px;
    font-family: Arial;
    vertical-align: bottom;
    white-space: nowrap;
    font-weight: 400;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
    border-collapse: collapse;
}
.softboots-regen th {
    font-size:12px;
    text-align:left;
}
.softboots-regen td {
    font-size:10px;
    border:1px solid #000;
    text-align:right;
    padding:0px 4px;
}
/* [[Experience Table]] */
table.experience td {
    background-color: #f1e0c6;
}
 
/* Sortable tables */
.sortable th {
    background-color: #c7a48d;
}
/** Note: Wikia has their own wikitable styles which have specific CSS selectors
 * To enforce our own styles we need to use !important
 */
table.wikitable {
    margin: 1em 1em 1em 0 !important;
    border: 1px #0f6357 solid !important;
    border-collapse: collapse !important;
    background: transparent !important;
    background: none !important;
}
.wikitable caption {
    border-color: #0f6357 !important;
    border-style: solid !important;
    border-width: 0.1em 0.1em 0 !important;
    font-weight: bold !important;
}
.wikitable th, .wikitable td {
    padding: 0.2em !important;
    border: 0.1em solid #0f6357 !important;
}
.wikitable th {
    text-align: center !important;
    background-color: #17525b !important;
    color: #e5e9f3;
}
table.wikitable > tr > th a,
table.wikitable > * > tr > th a {
    color: #95a0e6;
}
/* low support (IE etc.) */
table.wikitable tr:nth-child(odd) {
    background-color: #c0dad6; /* fallback */
    background-color: rgba(141, 196, 188, 0.25);
}
table.wikitable tr:nth-child(even) {
    background-color: #79b8af; /* fallback */
    background-color: rgba(141, 196, 188, 0.75);
}
.wikitable td.item-animation,
.wikitable td.creature-animation,
.wikitable td.numeric {
    text-align: right;
}
.wikitable td.achievement-grade,
.wikitable td.npc-animation,
.wikitable td.bool {
    text-align: center;
}
table.full-width {
    width: 100%;
}
/* Broken image links should not disrupt flow */
td.npc-animation,
td.item-animation,
td.creature-animation {
    overflow: hidden;
}
td.npc-animation a.new,
td.item-animation a.new,
td.creature-animation a.new {
    display: block;
    width: 0;
    word-wrap: normal;
}
 
/* Infobox*/
.infobox {
    background-color: inherit;
    border: none;
    clear: inherit;
    color: inherit;
    float: inherit;
    margin: inherit;
    padding: inherit;
}
 
/* Update Header */
.update-header {
    border: 0.1em solid #0f6357;
    padding: 5px 10px 5px;
    font-size: 100%;
    color: #e5e9f3;
    background-color: #17525b;
    margin: 0 0 0;
    font-weight: bold;
}
.update-header a {
    color: #95a0e6;
}
/* Infobox lists */
/* Used on e.g. [[Template:Infobox Item/List]] */
table.infobox_list {
    background-color: rgba(255, 255, 255, 0.25);
    width: 100%;
    border-collapse: collapse;
    border: 0.1em solid #0f6357;
}
table.infobox_list tr td {
    border: 0.1em solid #0f6357;
    border-collapse: collapse;
}
.infobox_list_caption {
    color: black;
    font-weight: bold;
    font-size: 132%;
    padding: 0 0 0.3em 0;
}
.infobox_list_header {
    background-color: #17525b;
    border: 0.1em solid #0f6357;
    color: white;
}
.infobox_list_center {
    text-align: center;
}
 
.infobox_list_header > tr > th a,
.infobox_list_header > * > tr > th a {
    color: #95a0e6;
}
 
/* Loot list, [[Template:Loot]], [[Template:Loot/List]] */
table.loot_list {
    border-collapse: collapse;
    border: 1px #0f6357 solid;
    background-color: rgba(255, 255, 255, 0.25);
}
table.loot_list tr th {
    border-right: 0.1em solid #0f6357;
    border-bottom: 0.1em solid #0f6357;
    border-collapse: collapse;
}
table.loot_list tr td {
    border-right: 0.1em solid #0f6357;
    border-collapse: collapse;
}
.loot_list_header, .loot_list th {
    background-color: #17525b;
    color: #e5e9f3;
}
.loot_list_no_border {
    border-right: none !important;
}
 
table.loot_list > tr > th a,
table.loot_list > * > tr > th a {
    color: #95a0e6;
}
 
/* [[Template:Infobox Transcript]] */
.npc_chat_div_r td, .npc_chat_div td {
    vertical-align: bottom !important;
}
.npc_chat_div_r .t3, .npc_chat_div .t3 {
    color: #002bb8 !important;
    text-align: right;
    font-size: 80%;
}
.npc_chat_div_r .m3, .npc_chat_div .m3 {
    padding: 4px 6px 4px 6px;
}
.npc_chat_div_r .t3 > a, .npc_chat_div .t3 > a {
    color: #002bb8 !important;
}
.npc_chat_div_r .t1, .npc_chat_div .t1 {
    background: url('http://images2.wikia.nocookie.net/tibia/en/images/e/ea/Npcs_Window_0.png') 0px 0px;
}
.npc_chat_div_r .t2, .npc_chat_div .t2 {
    background: url('http://images2.wikia.nocookie.net/tibia/en/images/e/ea/Npcs_Window_0.png') -8px 0px;
}
.npc_chat_div_r .t3, .npc_chat_div .t3 {
    background: url('http://images2.wikia.nocookie.net/tibia/en/images/a/ac/Npcs_Window_H.png') 0px 0px repeat-x;
}
.npc_chat_div_r .t4, .npc_chat_div .t4 {
    background: url('http://images2.wikia.nocookie.net/tibia/en/images/e/ea/Npcs_Window_0.png') -116px 0px;
}
.npc_chat_div_r .m1, .npc_chat_div .m1 {
    background: url('http://images3.wikia.nocookie.net/tibia/en/images/3/35/Npcs_Window_V.png') 0px 0px repeat-y;
}
.npc_chat_div_r .m4, .npc_chat_div .m4 {
    background: url('http://images3.wikia.nocookie.net/tibia/en/images/3/35/Npcs_Window_V.png') -8px 0px repeat-y;
}
.npc_chat_div_r .b1, .npc_chat_div .b1 {
    background: url('http://images2.wikia.nocookie.net/tibia/en/images/e/ea/Npcs_Window_0.png') 0px -25px;
}
.npc_chat_div_r .b2, .npc_chat_div .b2 {
    background: url('http://images2.wikia.nocookie.net/tibia/en/images/e/ea/Npcs_Window_0.png') -8px -25px;
}
.npc_chat_div_r .b3, .npc_chat_div .b3 {
    background: url('http://images2.wikia.nocookie.net/tibia/en/images/a/ac/Npcs_Window_H.png') 0px -25px repeat-x;
}
.npc_chat_div_r .b4, .npc_chat_div .b4 {
    background: url('http://images2.wikia.nocookie.net/tibia/en/images/e/ea/Npcs_Window_0.png') -116px -25px;
}
/** Plain style **/
.npc_chat_div_r a {
    text-decoration: underline !important;
}
.npc_chat_div_r p {
    margin: 0px;
}
.npc_chat_div_r span.pl {
    font-style: normal !important;
    font-weight: bold
}
.npc_chat_div_r span.pl>span.i {
    font-style: italic;
    font-weight: normal !important
}
.npc_chat_div_r .m3 {
    font: 11px/14px Tahoma, sans-serif;
}
/** Tibia style */
.npc_chat_div a {
    color: #5FF7F7 !important;
    text-decoration: underline !important;
}
.npc_chat_div b {
    color: #1F9FFE;
}
.npc_chat_div p {
    margin: 0px;
}
.npc_chat_div span.pl a {
    color: #9F9FFE !important;
}
.npc_chat_div span.pl b, .npc_chat_div span.pl i {
    color: #9F9FFE;
    font-style: normal;
}
.npc_chat_div span.pl {
    color: #9F9FFE;
}
.npc_chat_div span.pl > span.i {
    font-style: italic;
}
.npc_chat_div .m2 {
    background: url('http://images2.wikia.nocookie.net/tibia/en/images/8/81/Npcs_Window_Back.png') repeat;
}
.npc_chat_div .m3 {
    color: #5FF7F7;
    font: bold 11px/14px Tahoma, sans-serif;
    scrollbar-shadow-color: #1D1D1D;
    scrollbar-highlight-color: #434343;
    scrollbar-face-color: #444444;
    scrollbar-drakshadow-color: #1D1D1D;
    scrollbar-3dlight-color: #949494;
    scrollbar-arrow-color: #8E8E8E;
    scrollbar-track-color: #373837;
}
/* [[Template:Minimap]] */
body.page-Template_Minimap .map .b {
    background-color: #000;
}
body.page-Template_Minimap .map .l {
    display: inline-block;
    width: 63px;
    height: 63px;
    border-left: #FF00FF 1px solid;
    border-top: #FF00FF 1px solid;
    z-index: 200;
    color: #FF00FF;
    font: bold 12px Arial;
    text-align: center;
    vertical-align: bottom;
}
* html body.page-Template_Minimap .map .l {
    display: inline;
}
/** IE 6 **/
* + html body.page-Template_Minimap .map .l {
    display: inline;
}
/* [[Mapper]] and [[Template:Minimap]] transclusions */
#minimap_maindiv img {
    position: relative;
}
div#minimap_maindiv {
    display: none;
    width: 512px;
    height: 384px;
}
div.minimap_clic {
    display:inline;
}
div.minimap_w .zoomm {
    background: url(http://images1.wikia.nocookie.net/__cb20100713182626/dantest/images/d/d6/Minimap_Buttons.png) -18px -41px;
}
div.minimap_w .zoomm:active {
    background: url(http://images1.wikia.nocookie.net/__cb20100713182626/dantest/images/d/d6/Minimap_Buttons.png) -18px -59px;
}
div.minimap_w .zoomp {
    background: url(http://images1.wikia.nocookie.net/__cb20100713182626/dantest/images/d/d6/Minimap_Buttons.png) 0px -41px;
}
div.minimap_w .zoomp:active {
    background:url(http://images1.wikia.nocookie.net/__cb20100713182626/dantest/images/d/d6/Minimap_Buttons.png) 0px -59px;
}
div.minimap_w .floorp {
    background:url(http://images1.wikia.nocookie.net/__cb20100713182626/dantest/images/d/d6/Minimap_Buttons.png) -36px -41px;
}
div.minimap_w .floorp:active {
    background:url(http://images1.wikia.nocookie.net/__cb20100713182626/dantest/images/d/d6/Minimap_Buttons.png) -36px -59px;
}
div.minimap_w .floorm {
    background:url(http://images1.wikia.nocookie.net/__cb20100713182626/dantest/images/d/d6/Minimap_Buttons.png) -54px -41px;
}
div.minimap_w .floorm:active {
    background:url(http://images1.wikia.nocookie.net/__cb20100713182626/dantest/images/d/d6/Minimap_Buttons.png) -54px -59px;
}
/** Map Marker */
/* Move to a more generic class? */
div.minimap_w input.mapper_marker_r {
    width: 22px;
    height: 22px;
    padding: 0px;
    margin: 0px;
    border: 0px;
}
div.minimap_w .starn {
    width: 41px;
    height: 14px;
    background: url(http://images1.wikia.nocookie.net/__cb20100713182626/dantest/images/d/d6/Minimap_Buttons.png);
    border-width: 1px 1px 0px 1px;
}
div.minimap_w .stars {
    width: 41px;
    height: 14px;
    background: url(http://images1.wikia.nocookie.net/__cb20100713182626/dantest/images/d/d6/Minimap_Buttons.png) 0px -27px;
    border-width: 0px 1px 1px 1px;
}
div.minimap_w .starw {
    width: 14px;
    height: 13px;
    background: url(http://images1.wikia.nocookie.net/__cb20100713182626/dantest/images/d/d6/Minimap_Buttons.png) 0px -13px;
    border-width: 0px 0px 0px 1px;
    padding: 0px;
}
div.minimap_w .starc {
    width: 13px;
    height: 13px;
    background: url(http://images1.wikia.nocookie.net/__cb20100713182626/dantest/images/d/d6/Minimap_Buttons.png) -13px -13px;
    border: 0px;
    padding: 0px;
}
div.minimap_w .stare {
    width: 14px;
    height: 13px;
    background: url(http://images1.wikia.nocookie.net/__cb20100713182626/dantest/images/d/d6/Minimap_Buttons.png) -26px -13px;
    border-width: 0px 1px 0px 0px;
    padding: 0px;
}
div.minimap_w .btns, div.minimap_w .btn {
    filter: none;
    outline: none;
    background-color: #BFBFBF !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border-radius: 0px !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0px !important;
}
div.minimap_w .btn {
    width: 20px;
    height: 20px;
    border: 1px solid;
    padding: 0px;
    margin: 0px 1px 1px 0px;
}
div.minimap_w .btns, div.minimap_w .btn, div.minimap_w .btns:active {
    border-color: #757575 #2A2A2A #2A2A2A #757575 !important;
}
div.minimap_w .btn:active {
    border-color: #2A2A2A #757575 #757575 #2A2A2A !important;
}
div.minimap_wx {
    display: block;
    text-align: center;
    position: absolute;
    right: 5px;
    top: 4px;
    cursor: pointer;
    height: 16px;
    width: 16px;
    font-size: 12px;
    font-weight: bolder;
}
div.minimap_wl {
    display: block;
    position: absolute;
    bottom: 5px;
    right: 26px;
    height: 16px;
    width: 16px;
    font-size: 10px;
    cursor: pointer;
    background: transparent url("http://images2.wikia.nocookie.net/tibia/en/images/6/6e/Mapper.gif");
}
div.minimap_wtml {
    display: block;
    position: absolute;
    bottom: 5px;
    right: 5px;
    height: 16px;
    width: 16px;
    font-size: 10px;
    cursor: pointer;
    background-image: url("http://images3.wikia.nocookie.net/tibia/en/images/e/ea/Tibiaml_Icon.png");
}
div.minimap_wp {
    z-index: 2002;
    display: none;
    position: absolute;
    top: 0%;
    background-color: white;
    padding: 2px 2px 2px 2px;
    text-align: left;
    width: 514px;
}
div.minimap_wf {
    z-index: 2002;
    display: inline-block;
    position: relative;
    top: 0%;
    background-color: #F9FCFF;
    padding: 10px 10px 5px 10px;
    text-align: left;
    zoom: 1;
    border: 1px #bfcfcf solid;
    width: 514px;
}
div.minimap_blackout {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=65);
    opacity: 0.65;
    z-index: 2001;
    border: none;
}
div#minimap_imgdiv img {
    image-rendering: crisp-edges;
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor;
}
/* [[Template:Equips Set]] */
div.equips_set_basic, .tibia_client_background_light {
    background: #808080 url('http://images4.wikia.nocookie.net/tibia/en/images/3/39/Tibia_Client_Background_Light.gif');
}
div.equips_set_basic {
    width: 108px;
    height: 144px;
    border: 1px outset #000;
    position: relative;
}
div.equips_set_basic>div {
    position: absolute;
    width: 32px;
    height: 32px;
    padding: 1px;
    background: url('http://images2.wikia.nocookie.net/tibia/en/images/b/b3/Set_Background.gif') transparent;
}
#calculator_armor_body_main div {
    position:absolute;
    width:32px;
    height:32px;
    background:url('http://images2.wikia.nocookie.net/tibia/en/images/b/b3/Set_Background.gif');
    padding: 1px;
}
 
/** [[Template:NPC Trades]] */
td.buys table tbody tr td, td.sells table tbody tr td {
    line-height: 1em;
    padding: 2px;
}
td.buys table, td.sells table {
    padding: 0;
    margin: 0;
}
table.trades td {
    padding:0;
    line-height:1.25em;
}
.exception:after {
    content:" \2718";
    color: #F1292E;
}
.npcprice:after, .npcvalue:after {
    content:" \2714";
    color: #1a940a;
}
.npcprice, .npcvalue {
    font-weight: bold;
    line-height:100%;
}
/* [[Template:Legend]] */
div.legend div.legendtext p {
    text-align:left;
}
/* [[Template:Messages]] */
/* Where is this used? Is it used enough to justify CSS? */
div.message > div.message > div.message {
    line-height: 1em;
    margin: -1px;
    padding: 0 0.5em !important;
}
div.message > div.message {
    margin: 0 -3px;
    padding: 1px !important;
}
div.message {
    padding: 3px;
}
/* [[Template:Infobox Streets]] */
/* This needs better naming: #mapDiv is a table ? */
#mapDiv span + span {
    display: none;
}
#mapDiv span:hover + span {
    display: block;
}
/* [[TibiaWiki:Lightbearer Basin Monitor]] */
.lb-01 {
    background-color: #74F16C;
    border-color: #5cbf56;
}
.lb-02 {
    background-color: #DEF57B;
    border-color: #b0c261;
}
.lb-03 {
    background-color: #F5D66C;
    border-color: #c2a955;
}
.lb-04 {
    background-color: #F5A568;
    border-color: #c28352;
}
.lb-05 {
    background-color: #E8A3A4;
    border-color: #b57f80;
    font-weight: bold;
}
#lb-basin-list {
    border: 0.1em solid #000000;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 22em;
}
#lb-basin-list li {
    padding: 0 0.5em;
    font-size: 1.2em;
    line-height: 1.5em;
    margin: 0;
    border-width: 1px;
    border-style: solid;
}
#lb-basin-list li a {
    float: right;
}
.lb-input-container input {
    text-align: center;
    width: 2.5em;
}
.lb-input-container {
    text-align: center;
}
#basin-tools-url {
    font-size: 1.2em;
    width: 18em;
}
/* [[Template:Element Icon]] */
.element-icon {
    display: block;
    height: 32px;
    width: 32px;
    overflow: hidden;
    float: left;
}
.element-icon.physical img {
    margin-left: 0px;
}
.element-icon.life_drain img {
    margin-left: -32px;
}
.element-icon.death img {
    margin-left: -64px;
}
.element-icon.fire img {
    margin-left: -96px;
}
.element-icon.energy img {
    margin-left: -128px;
}
.element-icon.holy img {
    margin-left: -160px;
}
.element-icon.ice img {
    margin-left: -192px;
}
.element-icon.earth img {
    margin-left: -224px;
}
.element-icon.drown img {
    margin-left: -256px;
}
/* [[Template:Creature Types]] */
.ctypes {
    background-color: rgba(255, 255, 255, 0.35);
    margin: 1em auto;
    border: 1px solid #B1806E;
    width: 48em;
}
.ctypes .main-header {
    margin: 0 auto;
    width: 16em;
    padding: 0.5em;
    text-align: center;
    border-width: 0 1px;
    border-style: solid;
    border-color: #B1978D;
}
.ctypes .leftcol, .ctypes .rightcol, .ctypes .list-container li {
    float: left;
    width: 50%;
}
.ctypes .list-container ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.ctypes .ctype .header {
    background-color: #B1806E;
    text-align: center;
}
.ctypes .list-container {
    border-color: #B1806E;
    border-style: solid;
    border-width: 1px;
}
.ctypes .leftcol .list-container {
    border-left: 0;
}
.ctypes .rightcol .list-container {
    border-right: 0;
}
/* Involve ~ templates */
 ul.involves {
    list-style: none;
    margin: 0;
    padding: 0;
}
.involves > li {
    float: left;
    padding: 0 1.5em;
    border: 1px solid #000000;
    border-radius: 1.5em;
    position: relative;
    line-height: 72px;
}
.involves .link-whole > a {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    text-decoration: none;
    border-radius: 1.5em;
    margin: 0 0 0 -1.5em;
}
 
/* [[Template:Show-Hide]] */
.showhide-hidden > .showhide-body {
    visibility: hidden;
    position: absolute;
    z-index: -999;
    height: 0;
    overflow: hidden;
}
.showhide-init.showhide-hidden > .showhide-body,
.showhide-visible > .showhide-body {
    visibility: visible;
    position: relative;
    z-index: auto;
    height: auto;
    overflow: auto;
}
.showhide-header {
    cursor: pointer;
}
/* [[Template:JSpoiler]] */
.spoiler-container > .showhide-header {
    background-color: #FFDDDD;
    border: 1px solid #FF0000;
    display: inline;
    font-weight: bold;
    line-height: 24px;
    padding: 4px 4px 2px;
}
.spoiler-content {
    padding: 4px 0;
}
.spoiler-warning {
    border-bottom: 2px solid #FF0000;
    border-top: 2px solid #FF0000;
    line-height: 22px;
    padding: 3px;
}
.spoiler-pretext {
    text-align: center;
    font-size: 1.5em;
}
/* [[Template:QSpoiler]] */
.quest-spoiler > .showhide-header {
    background-color: #FFD1D1;
    border: 1px solid #D0070A;
    color: #D0070A;
    font-size: 1.7em;
    padding: 1em 0;
    text-align: center;
}
.quest-spoiler > .showhide-body {
    margin: 1.5em 0 0 0;
}
/* [[Template:Show More]] */
.show-more,
.show-more .showhide-header,
.show-more .showhide-body,
.show-more .showhide-body > p {
    display: inline;
}
.show-more.showhide-visible .showhide-header:after {
    content: "(show less)";
}
.show-more.showhide-hidden .showhide-header:after {
    content: "(show more)";
}
/* [[Template:Item Icon]] */
.item-icon .new {
    display: none;
}
.item-icon .no-exist {
    display: none;
}
.item-icon .new + .no-exist {
    display: block;
}
/* Template:Additional Information */
.additional-information {
    display: inline;
}
.additional-information > .showhide-header {
    font-size: 1.2em;
    font-weight: bold;
    display: inline;
}
.additional-information > .showhide-body {
    border-color: #A3A3A3;
    border-style: solid;
    border-width: 0 0 0.02em;
    margin: 0 0 0 1.5em;
}
 
/* Template:Book */
.ok-box > a {
    color: inherit;
    display: inline-block;
    width: 100%;
    height: 100%;
    line-height: 1.5em;
}
 
/* Template:Infobox Book */
blockquote.book {
    color: #555;
    border-left: 10px solid #ccc;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
}
blockquote.book:before {
    color: #ccc;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}
blockquote.book p {
    display: inline;
}
/* Experimental:
 * [[User:Sixorish/Item2]]
 * [[User:Sixorish/NPC2]]
 * [[User:Sixorish/Spell2]]
 */
/* "boxing" for infoboxes */
#twbox, .twbox {
    background-color: #ecf0f4;
    border: 0.1em solid #7990aa;
    padding: 0.5em;
    min-height: 500px;
}
/* Introduction in infobox */
#twbox-intro {
    margin: 0.5em 0 1.5em 1.5em;
}
#twbox-image {
    float: left;
    margin: 0.5em 1em 0.5em 0.5em;
}
#twbox-image a.new {
    display: inline-block;
    width: 64px;
    height: 64px;
    overflow: hidden;
}
#twbox-look {
    color: green;
    font-weight: bold;
    padding: 0 2em 0 1.5em;
}
#twbox-sounds {
    margin: 0 0 0 3em;
}
#twbox-name {
    font-size: 1.2em;
    font-weight: bold;
}
#twbox-words,
.spell-words {
    font-style: italic;
    text-indent: 1em;
}
.semantic-header {
    display: none;
    visibility: hidden;
    height: 0;
}
#twbox #tabular-data {
    background-color: #c1d0e0;
    border: 0.2em solid #2373c4;
    border-radius: 0.5em;
    float: right;
    margin: 0.5em;
    padding: 1em;
}
#twbox #tabular-data > table {
    border-collapse: collapse;
}
#twbox #tabular-data .property {
    padding: 0 0.25em 0 0;
    text-align: right;
    font-weight: bold;
    vertical-align: top;
}
#twbox #tabular-data .meta {
    display: none;
}
#twbox #tabular-data .value {
    padding: 0 0 0 0.25em;
    text-align: left;
    font-weight: normal;
    max-width: 11em;
}
#twbox #tabular-data .property:after {
    content: ":";
}
.implementation-date {
    font-style: italic;
    white-space: nowrap;
}
#twbox .creature-list-generic {
    overflow: auto;
    margin: 0;
    padding: 0;
    max-height: 12em;
    min-height: 3em;
    text-indent: 1em;
}
#twbox .creature-list-generic li {
    float: left;
    display: inline-block;
    width: 50%;
    margin: 0;
    padding: 0;
    line-height: 1.5em;
    list-style: none;
}
.trades > h4,
.trades > table {
    margin: 0 auto !important;
    padding: 0;
    text-align: center;
}
#twbox-learnfrom {
    text-align: center;
}
#twbox-learnfrom > table {
    margin: 0 auto !important;
}
#twbox #tabular-data .table-section > th {
    border-bottom: 0.2em groove #cc8400;
}
#twbox #quicklinks {
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
}
#twbox #quicklinks > h3 {
    margin: 0;
    padding: 0;
}
#twbox #quicklinks > ul {
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
#twbox #quicklinks > ul > li {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 25%;
}
#twbox #quicklinks > ul > li > a {
    display: block;
    border: 0.1em solid #17525b;
    background: rgba(141, 196, 188, 0.25);
    text-align: center;
}
.colorbox {
    border-radius: 1em;
}
.trades {
    width: 50%;
    float: left;
}
#twbox h5,
#twbox h4,
#twbox h3,
#twbox h2,
#twbox h1 {
    margin: 0.5em 0 0 0;
    padding: 0;
    text-indent: 1.5em;
}
#twbox h5,
#twbox h4,
#twbox h3,
#twbox h2,
#twbox h1,
#twbox #tabular-data .table-section {
    color: #cc8400;
    font-weight: bold;
    border: 0;
}
#twbox #npc-location .minimap {
    float: left;
    margin: 0 1em 1em 1em;
}
#twbox .notes-label {
    font-weight: bold;
    padding: 0 0.2em;
}
.item-droppedby-wrapper {
    border: 0.1em solid #7990aa;
    border-radius: 1em;
    padding: 0.5em;
    overflow: auto;
}
.item-droppedby-wrapper > ul {
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 12em;
}
.item-droppedby-wrapper li {
    float: left;
    width: 33%;
    min-width: 12.5em;
    margin: 0;
}
.no-results {
    font-style: italic;
}
.trades > .no-results {
    text-align: center;
}
.explained {
    line-height: 0.8em;
    font-size: 0.8em;
    font-weight: bold;
    float: right;
}
/* twbox - section headers behave as anchor links */
#twbox h1:hover .mw-headline:after,
#twbox h2:hover .mw-headline:after,
#twbox h3:hover .mw-headline:after,
#twbox h4:hover .mw-headline:after,
#twbox h5:hover .mw-headline:after,
#twbox h6:hover .mw-headline:after {
    color: #000;
    content: "§";
    margin: 0 1em 0 0;
    position: absolute;
    right: 100%;
}
#twbox .mw-headline {
    position: relative;
}
#twbox h1:hover .mw-headline,
#twbox h2:hover .mw-headline,
#twbox h3:hover .mw-headline,
#twbox h4:hover .mw-headline,
#twbox h5:hover .mw-headline,
#twbox h6:hover .mw-headline {
    cursor: pointer;
}
#creature-resistance {
    overflow: auto;
}
#creature-resistance ul {
    list-style: none;
    margin: 0;
    font-size: 1.1em;
}
#creature-resistance li {
    margin: 0;
    line-height: 1.5em;
    clear: left;
}
#creature-resistance .res-label {
    float: left;
    font-weight: bold;
    text-align: right;
    width: 7em;
    padding: 0 0.5em 0 0;
}
#creature-resistance .visual-percent-container {
    overflow: auto;
}
#creature-resistance .res-value {
    background: linear-gradient(to bottom, #6a70c4, #9a9dc4, #232ba4) repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-weight: bold;
    text-align: right;
    border-radius: 0 0.3em 0.3em 0;
    overflow: visible;
    white-space: nowrap;
}
#creature-loot {
    clear: both;
}
.loot-table {
    border: 0.1em solid #7990aa;
    border-radius: 1em;
    padding: 0.5em;
}
.loot-table > ul {
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 12em;
}
#twbox .loot-table > ul {
    max-height: 26em;
}
.loot-table li {
    float: left;
    width: 33%;
    min-width: 12.5em;
    margin: 0;
}
#twbox-sounds {
    color: #d14703;
    font-weight: bold;
}
.loot-table .table-header {
    display: none;
}
.sound-list {
    overflow: auto;
    list-style: none;
}
.sound-list > li {
    display: inline;
    padding: 0 0.5em;
}
.sound-list > li:after, .sound-list > li:before {
    color: #000;
    content: "\0022";
    font-size: 1.1em;
}
/* force right ToC for quest spoilers */
#twbox #toc {
    float: right;
    margin: 0;
    max-width: 22em;
}
/* Experimental: [[Template:Navigation]] */
.navigation-body {
    border: 0.1em solid #7990aa;
    border-radius: 1em;
    padding: 0.5em;
}
.navigation-list-wrapper {
    border: 0.1em solid #7990aa;
    border-radius: 0.5em;
    padding: 0.5em;
}
.navigation-list-wrapper > ul {
    margin: 0;
    max-height: 14em;
    overflow: auto;
    list-style: none;
}
.navigation-body li {
    float: left;
    width: 33%;
    margin: 0;
}
/* Lists outside of #twbox */
ul.creature-list-generic {
    margin: 0;
    padding: 0;
}
.creature-list-generic > li {
    display: inline-block;
    padding: 0 1.5em 0 0;
}
/* Temporary style to test Quest2 - will not be needed if it goes live */
.quest-spoiler #toc + table,
.quest-spoiler #toc + table + div {
    display: none;
    clear: none;
}
/* Information Icon */
.information-icon {
    border-radius: 1em;
    color: #ffffff;
    cursor: pointer;
    font-size: 0.9em;
    height: 1em;
    width: 1em;
    line-height: 1em;
    text-align: center;
    display: inline-block;
    background-color: #003ad9;
    text-indent: 0;
}
.information-icon:before {
    content: "i";
    font-size: 0.75em;
}
/* sprite list */
ul.animation-frames {
    list-style: none;
    margin: 0;
    max-height: 7.5em;
    overflow: auto;
}
/* For [[Template:Website Creature Description]] */
#twbox .webdesc-text {
    font-style: italic;
    max-height: 10em;
    overflow: auto;
    padding: 0;
    margin: 0;
}
#twbox .webdesc {
    border: 0.1em solid #7990aa;
    border-radius: 1em;
    font-style: italic;
    margin: 1em;
    overflow: auto;
    padding: 0.5em 1em;
}
 
/* For [[Template:Damage Icon]] */
.damage-icon-sprite {
    float: right;
    margin: 0 0 0 0.5em;
    width: 1em;
    height: 1em;
    overflow: hidden;
}
 
/* NOTE: background-image must be used in order to avoid the addition of [[File:Damage_Icons.png]] to the Wikia gallery. */
.damage-icon-translator {
    background-image: url('https://vignette2.wikia.nocookie.net/tibia/images/2/25/Damage_Icons.png/revision/latest?cb=20150205133227&path-prefix=en');
    height: 1em; /* Update this if [[File:Damage_Icons.png]] is updated to change the number of rows. */
    width: 9em; /* Update this if [[File:Damage_Icons.png]] is updated to change the number of columns. */
    background-size: 9em 1em; /* Update this if height or width changes. background-size: width height; */
    position: relative; /* Implementation of this class, i.e. [[Template:Damage Icon]], needs to handle positioning. 1em to the right = second icon on the column, etc. */
}
 
/* For [[Template:Item Tile]] */
.item-tile {
    width: 10em;
}
.item-tile-image,
.item-tile-text {
    display: block;
    text-align: center;
}
ul.item-tile-list {
    list-style: none;
}
.item-tile-list li {
    float: left;
}
/* For [[Template:Item Inline]] */
.item-inline,
.item-inline-image,
.item-inline-text {
    display: inline;
}
 
/* For [[Template:Yes No]] */
.no-cross {
    color: #ff0000;
    font-weight: bold;
}
.yes-tick {
    color: #00c900;
    font-weight: bold;
}
.partial-tick {
    color: #e69500;
    font-weight: bold;
}
.archive-list > ul {
    list-style: outside none none;
}
.archive-list li {
    display: inline;
    margin: 0;
    padding: 0;
}
 
.archive-list a {
    padding: 0 0.5em;
}
/* CSS for [[TibiaWiki:Scripts/VandalWarn.js]] */
#vandalism-notice {
    background-color: #bf7171;
    border: 0.5em solid #795252;
    border-radius: 2em;
    color: #000;
    font-size: 1.1em;
    padding: 0.5em;
}
 
/*******************
 * Navboxes
 *******************/
.navbox {
    width: 100%;
    background: white;
    color: black;
    margin: 1em auto;
    font-size: 84%;
    clear: both;
    padding: 2px;
    border-spacing: 0;
    border: 1px solid #AAA;
}
 
/* Merges navboxes that are directly under eachother */
.navbox + .navbox {
    margin-top: -11px;
}
 
.navbox .navbox-title {
    background: #CCF;
    color: black;
    font-weight: bold;
}
 
.navbox .navbox-vde {
    float:left;
    width:65px;
}
 
.navbox .navbox-title-padright {
    padding-right: 65px;
}
 
.navbox .navbox-title-padleft {
    padding-left: 65px;
}
 
.navbox .navbox-subgroup {
    border-spacing: 0;
    width: 100%;
}
 
.navbox .navbox-gutter {
    height: 2px;
}
 
.navbox .navbox-subgroup .navbox-gutter {
    background: white;
}
 
.navbox .navbox-section-row > td {
    padding: 0;
    height: 100%;
}
 
.navbox .navbox-section {
    width: 100%;
    border-spacing: 0;
}
 
.navbox .navbox-above,
.navbox .navbox-below {
    background: #DDF;
    text-align: center;
}
 
.navbox .navbox-image {
    background: white;
    text-align: center;
}
 
.navbox .navbox-group,
.navbox .navbox-header {
    background: #DDF;
    color: black;
    font-weight: bold;
    height: 100%;
    padding: 2px 4px;
}
 
.navbox .navbox-header-collapsible {
    padding-left: 65px;
}
 
.navbox .navbox-group {
    text-align: right;
    padding-right: 1em;
    min-width: 150px;
}
 
.navbox .navbox-group,
.navbox .navbox-image-left {
    border-right: 2px solid white;
}
 
.navbox-image-right {
    border-left: 2px solid white;
}
 
.navbox .navbox-list {
    background: white;
    color: black;
    width: 100%;
    height: 100%;
    padding: 0;
}
 
.navbox .alt > .navbox-list {
    background: #F7F7F7;
}
 
.navbox .navbox-list div {
    padding: 0px 4px;
}
 
.navbox .navbox-list.no-group {
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
}
 
.navbox .mw-collapsible-toggle {
    width: 65px;
}
 
/* hlist */
.hlist ul {
    margin: 0;
    list-style: none;
}
 
.hlist li, .hlist ul ul {
    display: inline;
}
 
.hlist li a {
    white-space: nowrap;
}
 
.hlist ul ul:before {
    content: "("
}
 
.hlist ul ul:after {
    content: ")"
}
 
.hlist li:after {
    content: " • ";
}
 
.hlist ul ul li:after {
    content: "/";
}
 
.hlist li:last-child:after, .hlist ul ul li:last-child:after {
    content: none;
}