TibiaWiki
Register
Advertisement

Note: After saving, you have to bypass your browser's cache to see the changes.

  • Internet Explorer: hold down the Ctrl key and click the Refresh or Reload button, or press Ctrl+F5.
  • Firefox: hold down the Shift key while clicking Reload; alternatively press Ctrl+F5 or Ctrl-Shift-R.
  • Opera users have to clear their caches through Tools→Preferences
  • Konqueror and Safari users can just click the Reload button.
  • Chrome: press Ctrl+F5 or Shift+F5
/*  CSS placed here will be applied to all skins on the entire site. */

body.skin-fandomdesktop {
	font-family: Helvetica Neue,helvetica,arial,sans-serif;
}

/*
.fandom-slider, .fandom-slider__list .gallerybox {
	max-width: 480px;
}
*/
/* !important required because the gallery forces an inline width of 670px on sliders */
/*t
.gallerybox img {
    max-width: 480px !important; 
    height: unset;
}

.fandom-slider__nav__thumbs {
	width: unset;
}
*/
.wikia-photogallery-add {
	display: none;
}

.mobile-only {
	display: none;
}

.wikitable

.wikitable tr th, .wikitable tr td, .wikitable caption {
	text-align: inherit;
}

.page-content {
    overflow-x: visible;
}

.page-content .mw-parser-output a {
	font-weight: inherit; /* Resets FandomDesktop CSS that forces links to font-weight 500 */
}

.page-content ul.gallery {
    margin: 2px;
}

.mw-headline {
    margin-left: 0.3em;
}

/* [[Outfiter]] */
@import url("/MediaWiki:Outfiter.css?ctype=text/css&action=raw");

/* [[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;
}

/* Link icons */
#mw-content-text a[href*="tibia.wikia.com/wiki/Mapper"], #mw-content-text a[href*="tibia.fandom.com/wiki/Mapper"] {
    background: url('https://tibia.fandom.com/index.php?title=Special:FilePath&file=Mapper.gif') center right no-repeat;
    padding: 0 20px 0 0;
}
#mw-content-text a[href*="wikipedia.org"] {
    background: url('https://tibia.fandom.com/index.php?title=Special:FilePath&file=Wikipedia.gif') center right no-repeat;
    padding: 0 20px 0 0;
}

/* Tibia interface emulation */

.tibiatext { /* This class sets common properties of all client text emulations*/
    font-family: Verdana, Tahoma;
    font-size:8pt;
    font-weight:bold;
    text-shadow: 0.1em 0.1em 0.08em #000, -0.1em -0.1em 0.08em #000, 0.1em -0.1em 0.08em #000, -0.1em 0.1em 0.08em #000, -0.1em 0 0.08em #000, 0.1em 0 0.08em #000;
    text-decoration: none;
}

.tibiagreen { /* Look messages */
	color: #00F000;
}

.tibiawhite { /* Login, raids, some interaction messages */
    color: #FFFFFF;
}

.tibiayellow { /* Local Chat messages */
	color: #F0F000;
}

.tibiaorange { /* Creature sounds, item sounds, some quest messages */
	color: #FF6600;
}

.tibiared { /* Server warnings */
	color: #F86060;
}

/*
.tibiaorange,
.msg-sound,
.sounds,
.orange {
    font-family: Tahoma;
    color: #FF6600;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
}
.msg-server {
    color: #636363;
    font-style: italic;
    text-shadow: 0 0 0.1em #cbcbcb;
    font-weight: bold;
}

.yellow {
    font-family: Tahoma;
    color: #EFEF00;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
    background: #505050;
}

.green {
    font-family: Tahoma; 
    color: #00EF00;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
    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;
} 
*/

span.tibiabutton {
    background: url('https://tibia.fandom.com/index.php?title=Special:FilePath&file=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("https://tibia.fandom.com/index.php?title=Special:FilePath&file=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("https://tibia.fandom.com/index.php?title=Special:FilePath&file=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;
}
/* Scene classes */
.scene_table {
	border:1px solid black;
	border-spacing:0;
	padding:0;
}
.scene_table td {
	padding: 0;
}
.tile {
	position:relative;
	width:32px;
	height:32px;
}
.effect, .caster-south, .target, .sprite {
	position:absolute;
	bottom:0;
	right:0;
}
.missile_area {
	position:absolute;
	bottom:0;
	top:0;
}
.caster-east {
	position:absolute;
	bottom:0;
	right:0;
	transform: rotate(-90deg) scaleX(-1);
}
.caster_name {
	position:relative;
	padding:0;
	z-index:3;
	bottom:29px;
	right:6px;
	white-space: nowrap;
	color: #00c000;
}
.hp_bar {
	position:relative;
	z-index:4;
	bottom:29px;
	right:5px;
    width: 24px;
    height: 2px;
    background-color: #00c000;
    border: 1px solid black;
    box-sizing:unset;
}
/* some scene backgrounds */
.sand {
	background: url("https://tibia.fandom.com/index.php?title=Special:FilePath&file=Sand_Pattern.gif") repeat scroll 0 0 transparent;
}
.black_marble {
	background: url("https://tibia.fandom.com/index.php?title=Special:FilePath&file=Black_Marble_Floor_Pattern.gif") repeat scroll 0 0 transparent;
}
.cobbled_pavement {
	background: url("https://tibia.fandom.com/index.php?title=Special:FilePath&file=Cobbled_Pavement_Pattern.gif") repeat scroll 0 0 transparent;
}
.dry_earth {
	background: url("https://tibia.fandom.com/index.php?title=Special:FilePath&file=Dry_Earth_Pattern.gif") repeat scroll 0 0 transparent;
}
.jungle_grass {
	background: url("https://tibia.fandom.com/index.php?title=Special:FilePath&file=Jungle_Grass_Pattern.gif") repeat scroll 0 0 transparent;
}
.white_sand {
	background: url("https://tibia.fandom.com/index.php?title=Special:FilePath&file=Sand_(White)_Pattern.gif") repeat scroll 0 0 transparent;
}
.stone_floor {
	background: url("https://tibia.fandom.com/index.php?title=Special:FilePath&file=Stone_Floor_Pattern.gif") repeat scroll 0 0 transparent;
}
.dirt_floor {
	background: url("https://tibia.fandom.com/index.php?title=Special:FilePath&file=Dirt_Floor_Pattern_1.gif") repeat scroll 0 0 transparent;
}
.void {
	background: url("https://tibia.fandom.com/index.php?title=Special:FilePath&file=Void_(Tile)_Pattern.gif") repeat scroll 0 0 transparent;
}
.stone_tile {
	background: url("https://tibia.fandom.com/index.php?title=Special:FilePath&file=Stone_Tile.gif") repeat scroll 0 0 transparent;
}
.slate_floor {
	background: url("https://tibia.fandom.com/index.php?title=Special:FilePath&file=Slate_Floor_Pattern.gif") repeat scroll 0 0 transparent;
}
.eldritch_floor {
	background: url("https://tibia.fandom.com/index.php?title=Special:FilePath&file=Eldritch_Floor_Pattern.gif") repeat scroll 0 0 transparent;
}
/* Missile Animation */
@keyframes east {
	0%{left:0;}
	100%{left:100%;}
}
@keyframes west {
	0%{right:0;}
	100%{right:100%;}
}
@keyframes south {
	0%{top:0;}
	100%{top:100%}
}
@keyframes north {
	0%{bottom:0;}
	100%{bottom:100%;}
}

@keyframes north-east {
	0%{bottom:0;left:0;}
	100%{bottom:100%;left:100%;}
}

@keyframes north-west {
	0%{bottom:0;right:0;}
	100%{bottom:100%;right:100%;}
}

@keyframes south-east {
	0%{top:0;left:0;}
	100%{top:100%;left:100%;}
}

@keyframes south-west {
	0%{top:0;right:0;}
	100%{top:100%;right:100%}
}

/* [[Template:Ability List]] ([[Template:AbilityOld]]) */
#creature-ability canvas {
    background: url("https://tibia.fandom.com/index.php?title=Special:FilePath&file=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('https://tibia.fandom.com/index.php?title=Special:FilePath&file=Stone_Tile.gif');
}
.ability {
    float:left;
    line-height:0px;
    width:32px;
    height:32px;
    background-image: url('https://tibia.fandom.com/index.php?title=Special:FilePath&file=Stone_Tile.gif');
}
/* In-game scenery emulation */
.grass {
    background: #008000 url('https://tibia.fandom.com/index.php?title=Special:FilePath&file=Grass_%28Tile%29.gif') repeat scroll top left;
}
.canvas {
    background: #808080 url('https://tibia.fandom.com/index.php?title=Special:FilePath&file=Demo_Tile.png') repeat scroll top left;
}

/* ToC */
#toc {
    border-radius: 0.5em;
}

#toc ul {
    margin: .4em 0 .5em 1em;
}

.toc ul li a {
	padding: 1px 9px;
}

/* 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;
}

/* [[Experience Table]] */
table.experience td {
    background-color: #f1e0c6;
}
/* Deprecated creatures/objects/others links and DPLs */
.deprecated {
    opacity: 0.5;
}
/* Table Class */
.wikitable {
	max-width: 99%;
}

.full-width {
    width: 99%;
}

/* Trade Tables */
.trades > h4, .trades > table {
    margin: 0.25em auto !important;
    width: 90%;
}

/* 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;
}

/* Update Header */
.update-header {
    border: 0.1em solid #0f6357;
    padding: 5px 10px 5px;
    font-size: 100%;
    color: #e5e9f3;
    /* background-color: #17525b; Blue.css */
    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,
.article-table .infobox_list_center,
.wikitable .infobox_list_center {
    text-align: center;
}

.infobox_list_header > tr > th a,
.infobox_list_header > * > 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;
    line-height: 1;
    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('https://tibia.fandom.com/index.php?title=Special:FilePath&file=Npcs_Window_0.png') 0px 0px;
}
.npc_chat_div_r .t2, .npc_chat_div .t2 {
    background: url('https://tibia.fandom.com/index.php?title=Special:FilePath&file=Npcs_Window_0.png') -8px 0px;
}
.npc_chat_div_r .t3, .npc_chat_div .t3 {
    background: url('https://tibia.fandom.com/index.php?title=Special:FilePath&file=Npcs_Window_H.png') 0px 0px repeat-x;
}
.npc_chat_div_r .t4, .npc_chat_div .t4 {
    background: url('https://tibia.fandom.com/index.php?title=Special:FilePath&file=Npcs_Window_0.png') -116px 0px;
}
.npc_chat_div_r .m1, .npc_chat_div .m1 {
    background: url('https://tibia.fandom.com/index.php?title=Special:FilePath&file=Npcs_Window_V.png') 0px 0px repeat-y;
}
.npc_chat_div_r .m4, .npc_chat_div .m4 {
    background: url('https://tibia.fandom.com/index.php?title=Special:FilePath&file=Npcs_Window_V.png') -8px 0px repeat-y;
}
.npc_chat_div_r .b1, .npc_chat_div .b1 {
    background: url('https://tibia.fandom.com/index.php?title=Special:FilePath&file=Npcs_Window_0.png') 0px -25px;
}
.npc_chat_div_r .b2, .npc_chat_div .b2 {
    background: url('https://tibia.fandom.com/index.php?title=Special:FilePath&file=Npcs_Window_0.png') -8px -25px;
}
.npc_chat_div_r .b3, .npc_chat_div .b3 {
    background: url('https://tibia.fandom.com/index.php?title=Special:FilePath&file=Npcs_Window_H.png') 0px -25px repeat-x;
}
.npc_chat_div_r .b4, .npc_chat_div .b4 {
    background: url('https://tibia.fandom.com/index.php?title=Special:FilePath&file=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('https://tibia.fandom.com/index.php?title=Special:FilePath&file=Npcs_Window_Back.png') repeat;
}
.npc_chat_div .m3 p {
    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:Map_image]] */
.map_image img {
	width:100%;
	border: #3366CC 1px solid;
	image-rendering: pixelated;
	image-rendering: optimizeSpeed;
	-ms-interpolation-mode: nearest-neighbor;
	box-sizing:unset;
}
/* [[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 .map_image_crop div img {
  display: block;
}
#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('https://tibia.fandom.com/index.php?title=Special:FilePath&file=Minimap_Buttons.png') -18px -41px;
}
div.minimap_w .zoomm:active {
    background: url('https://tibia.fandom.com/index.php?title=Special:FilePath&file=Minimap_Buttons.png') -18px -59px;
}
div.minimap_w .zoomp {
    background: url('https://tibia.fandom.com/index.php?title=Special:FilePath&file=Minimap_Buttons.png') 0 -41px;
}
div.minimap_w .zoomp:active {
    background:url('https://tibia.fandom.com/index.php?title=Special:FilePath&file=Minimap_Buttons.png') 0 -59px;
}
div.minimap_w .floorp {
    background:url('https://tibia.fandom.com/index.php?title=Special:FilePath&file=Minimap_Buttons.png') -36px -41px;
}
div.minimap_w .floorp:active {
    background:url('https://tibia.fandom.com/index.php?title=Special:FilePath&file=Minimap_Buttons.png') -36px -59px;
}
div.minimap_w .floorm {
    background:url('https://tibia.fandom.com/index.php?title=Special:FilePath&file=Minimap_Buttons.png') -54px -41px;
}
div.minimap_w .floorm:active {
    background:url('https://tibia.fandom.com/index.php?title=Special:FilePath&file=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('https://tibia.fandom.com/index.php?title=Special:FilePath&file=Minimap_Buttons.png');
    border-width: 1px 1px 0 1px;
}
div.minimap_w .stars {
    width: 41px;
    height: 14px;
    background: url('https://tibia.fandom.com/index.php?title=Special:FilePath&file=Minimap_Buttons.png') 0px -27px;
    border-width: 0 1px 1px 1px;
}
div.minimap_w .starw {
    width: 14px;
    height: 13px;
    background: url('https://tibia.fandom.com/index.php?title=Special:FilePath&file=Minimap_Buttons.png') 0 -13px;
    border-width: 0 0 0 1px;
    padding: 0;
}
div.minimap_w .starc {
    width: 13px;
    height: 13px;
    background: url('https://tibia.fandom.com/index.php?title=Special:FilePath&file=Minimap_Buttons.png') -13px -13px;
    border: 0;
    padding: 0;
}
div.minimap_w .stare {
    width: 14px;
    height: 13px;
    background: url('https://tibia.fandom.com/index.php?title=Special:FilePath&file=Minimap_Buttons.png') -26px -13px;
    border-width: 0 1px 0 0;
    padding: 0;
}
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("https://tibia.fandom.com/index.php?title=Special:FilePath&file=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("https://tibia.fandom.com/index.php?title=Special:FilePath&file=Tibiaml_Icon.png");
}
div.minimap_wp {
    z-index: 395;
    display: none;
    position: absolute;
    top: 0%;
    padding: 2px 2px 2px 2px;
    text-align: left;
    width: 514px;
    box-sizing: content-box;
}

div.minimap_wp div {
	box-sizing: border-box;	
}

div.minimap_wf {
    z-index: 395;
    display: inline-block;
    position: relative;
    top: 0%;
    padding: 10px 10px 5px 10px;
    text-align: left;
    zoom: 1;
    border: 1px #bfcfcf solid;
    width: 514px;
    image-rendering: pixelated;
	image-rendering: optimizeSpeed;
	-ms-interpolation-mode: nearest-neighbor;
	box-sizing: content-box;
}

.minimap_wf > div {
    box-sizing: border-box;
}

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: 390;
    border: none;
}
div#minimap_imgdiv img {
    display: block;
    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;
}
#minimap_loading img {
    display: block;
}
/* [[Template:Equips Set]] */
div.equips_set_basic, .tibia_client_background_light {
    background: #808080 url('https://tibia.fandom.com/index.php?title=Special:FilePath&file=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('https://tibia.fandom.com/index.php?title=Special:FilePath&file=Set_Background.gif') transparent;
}
#calculator_armor_body_main div {
    position:absolute;
    width:32px;
    height:32px;
    background:url('https://tibia.fandom.com/index.php?title=Special:FilePath&file=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:Get Table]] */
.trades > h4, .trades > table {
    margin: 0.25em auto !important;
    width: 90%;
    text-align: center;
}
 
/* [[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;
}

/* 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 {
    display: inline;
    font-weight: bold;
    line-height: 24px;
    padding: 4px 4px 2px;
    border: 1px solid;
}

.spoiler-content {
    padding: 4px;
}
.spoiler-warning {
    line-height: 22px;
    padding: 3px;
    border-bottom: 2px solid;
    border-top: 2px solid;
}
.spoiler-pretext {
    text-align: center;
    font-size: 1.5em;
}
/* [[Template:QSpoiler]] */
.quest-spoiler > .showhide-header {
    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, blockquote.articlequote {
    color: #555;
    border-left: 10px solid #ccc;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
}
blockquote.book:before, blockquote.articlequote:before {
    color: #ccc;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}

blockquote.articlequote::after {
    content: close-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-left: 0.25em;
    vertical-align: -0.4em;
    color: #ccc;
}

blockquote.book p, blockquote.articlequote p {
    display: inline;
}

/* [[Template:Bestiary Level Visual]] - bestiary level visual aids. */
.bestiary-difficulty-stars {
    position: relative;
    width: 4em;
    height: 1em;
    display: inline-block;
    font-size: 12px;
}

.bestiary-difficulty-stars-active {
    float: left;
    height: inherit;
    display: inherit;
    background: url('https://tibia.fandom.com/index.php?title=Special:FilePath&file=Bestiary_Star_On.png') repeat-x;
}

.bestiary-difficulty-stars-inactive {
    float: left;
    height: inherit;
    display: inherit;
    background: url('https://tibia.fandom.com/index.php?title=Special:FilePath&file=Bestiary_Star_Off.png') repeat-x;
}

.bestiary-difficulty-Harmless > .bestiary-difficulty-stars-active {
    width: 0em;
}
.bestiary-difficulty-Harmless > .bestiary-difficulty-stars-inactive {
    width: 4em;
}

.bestiary-difficulty-Trivial > .bestiary-difficulty-stars-active {
    width: 1em;
}
.bestiary-difficulty-Trivial > .bestiary-difficulty-stars-inactive {
    width: 3em;
}

.bestiary-difficulty-Easy > .bestiary-difficulty-stars-active {
    width: 2em;
}
.bestiary-difficulty-Easy > .bestiary-difficulty-stars-inactive {
    width: 2em;
}

.bestiary-difficulty-Medium > .bestiary-difficulty-stars-active {
    width: 3em;
}
.bestiary-difficulty-Medium > .bestiary-difficulty-stars-inactive {
    width: 1em;
}

.bestiary-difficulty-Hard > .bestiary-difficulty-stars-active {
    width: 4em;
}
.bestiary-difficulty-Medium > .bestiary-difficulty-stars-inactive {
    width: 0em;
}

/* Experimental:
 * [[User:Sixorish/Item2]]
 * [[User:Sixorish/NPC2]]
 * [[User:Sixorish/Spell2]]
 */
/* "boxing" for infoboxes */
#twbox, .twbox, .twbox2 {
    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 {
    padding: 0 2em 0 1.5em;
}

/* Remove rules below when Text emulation is migrated 
#twbox-look > div {
	font-size: 16px;
	color: green;
	font-weight: bold;
	font-family: inherit;
} */

#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; Blue.css*/
    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;
}
#twbox-learnfrom {
    text-align: center;
}
#twbox-learnfrom > table {
    margin: 0 auto !important;
}
#twbox #tabular-data .table-section > th {
    /* border-bottom: 0.2em groove #cc8400; Blue.css*/
}
#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; Blue.css */
    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;
}

/* Template:CreatureAbility with Template:Scene */

.creatureAbility {
	display:inline;
	position:relative;
	border: 1px solid transparent; /* Invisible border prevents element resizing when active with visible border */
}

.creatureAbility.abilityWithScene {
	border-bottom: 1px dotted;
}

.creatureAbility.activeAbility {
	border: 1px solid;
	box-shadow: 0 0 6px;
	border-radius: 4px;
}

.abilityScene {
	visibility: hidden;
	position: absolute;
	bottom: 1.5em;
	left: 0;
	z-index: 210;
}

#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;
}

/* New Creature Resistance Template */
#creature-resistance-d {
	font-weight: bold;
}

.creature-resistance-label {
	color: #000;
}

#creature-loot {
    clear: both;
}
.loot-table {
    border: 0.1em solid;
    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 {
    content: "\0022";
    font-size: 1.3em;
    text-shadow: none;
    color: black;
}
/* force right ToC for quest spoilers */
#twbox #toc {
    float: right;
    margin: 0;
    max-width: 22em;
}

/* Loot list, [[Template:Loot]], [[Template:General_Statistics]] */
.loot_list {
	border-collapse: collapse;
    border: 1px solid;
}

.loot_list th {
    padding: 0 5px;
    border: none;
}

.loot_list td {
    border-collapse: collapse;
    border-right: 1px solid;
}

.loot_list .loot_list_no_border {
	border-right: none;
}

/* Experimental: [[Template:Navigation]] */
.navigation-body {
    border: 0.1em solid;
    border-radius: 1em;
    padding: 0.5em;
}
.navigation-list-wrapper {
    border: 0.1em solid;
    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 inside a div */
.creature-table {
	border: 0.1em solid;
    border-radius: 1em;
    padding: 0.5em;
    overflow: hidden;
}
#twbox .div-creature-list-generic ul {
    margin: 0;
    padding: 0;
    min-height: 3em;
    text-indent: 1em;
}
#twbox .div-creature-list-generic li {
	float: left;
    width: 50%;
    margin: 0;
    padding: 0;
    line-height: 1.5em;
    list-style: none;
}
.div-creature-list-generic ul {
    margin: 0;
    padding: 0;
    overflow: auto;
    max-height: 12em;
}
.div-creature-list-generic li {
    display: inline-block;
    padding: 0 1.5em 0 0;
    width:33%;
}

/* 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, .twbox .webdesc-text {
    font-style: italic;
    max-height: 10em;
    overflow: auto;
    padding: 0;
    margin: 0;
}
#twbox .webdesc, .twbox .webdesc {
    border: 0.1em solid;
    border-radius: 1em;
    font-style: italic;
    margin: 1em;
    overflow: auto;
    padding: 0.5em 1em;
}

/* For [[Template:Damage Icon]] */
.damage-icon-sprite {
    float: right;
    margin: 4px 0 0 0.5em;
    width: 1em;
    height: 1em;
    overflow: hidden;
    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;
}

/* 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://tibia.fandom.com/index.php?title=Special:FilePath&file=Damage_Icons.png');
    height: 1em; /* Update this if [[File:Damage_Icons.png]] is updated to change the number of rows. */
    width: 26em; /* Update this if [[File:Damage_Icons.png]] is updated to change the number of columns. */
    background-size: 26em 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, .yes-tick, .partial-tick, .question-tick {
    font-weight: bold;
    text-shadow: 1px 0 0 #000, -1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
}

.no-cross {
    color: #ff0000;
}
.yes-tick {
    color: #00c900;
}
.partial-tick {
    color: #e69500;
}
.question-tick {
    color: #808080;
}

.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%;
    margin: 1em auto;
    font-size: 84%;
    clear: both;
    padding: 2px;
    border-spacing: 0;
    border: 1px solid;
}
 
/* Merges navboxes that are directly under eachother */
.navbox + .navbox {
    margin-top: -11px;
}
 
.navbox .navbox-title {
    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-gutter {
    height: 2px;
}
 
.navbox .navbox-section-row > td {
    padding: 0;
    height: 100%;
}
 
.navbox .navbox-section {
    width: 100%;
    border-spacing: 0;
}
 
.navbox .navbox-image {
    text-align: center;
}
 
.navbox .navbox-group,
.navbox .navbox-header {
    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;
}
 
.navbox-image-right {
    border-left: 2px solid;
}
 
.navbox .navbox-list {
    width: 100%;
    height: 100%;
    padding: 0;
}
 
.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;
}

/*******************
 * Template:Messagebox
 *******************/
 
.messagebox {
    margin: 0 auto;
    width: 60%;
    padding: 5px;
    text-align: center;
    min-height: 40px;
}

.messagebox p {
	margin: 0;
}
 
/* 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;
}

/* Experimental: [[Template:Store Bundle]] styles. */
.store-bundle-container {
    width: 18em;
    float: left;
    border: 0.1em solid #878787;
    border-radius: 0.5em;
    margin: 0.1em 0.25em;
}

.store-bundle-header {
    text-align: center;
    font-size: 1.3em;
    border-width: 0 0 0.1em 0;
    border-style: solid;
    border-color: inherit;
    font-weight: bold;
}

.store-bundle-header > div {
    display: inline;
    padding: 0 0.25em;
}

.store-bundle-body {
    padding: 0.2em 0.5em;
}

/* CSS for Mouse Hover tooltips from W3 schools*/

.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 220px;
  background-color: #ecf0f4;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 110%;
  left: 50%;
  border: 0.1em solid #7990aa;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  right: 95%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

/* Main Page */
.mp-welcome-header {
	text-align: center;
	font-weight: bold;
	font-size: 1.5em;
}

.mp-welcome-content {
	text-align: center;
}

/* Main Page Portals */
.mp-portal {
	border: 1px solid;
	border-radius: 10px;
	padding: 0.5em;
	margin-bottom: 0.5em;
}

h2.mp-portal-header {
	text-align: center;
	border: 0;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	margin-top: 0;
	margin-bottom: 0.5em;
	font-weight: bold;
	border-radius: 10px;
}

/* Infoboxes */
.portable-infobox {
	border: 3px solid;
    border-radius: 0.5em;
    padding: 0.5em;
    width: 300px;
}

.portable-infobox .pi-title {
    font-weight: bold;
    font-size: 20px;
    border-radius: 0.2em;
}

.portable-infobox .pi-header {
    background: none;
    border-bottom: 3px solid;
}

.portable-infobox .pi-data-label {
	align-self: baseline;
	text-align: right;
}

.portable-infobox .pi-data-label:after {
    content: ":";
}

.portable-infobox .pi-data {
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

.portable-infobox .pi-navigation {
	border-radius: 0.2em;
}
/* Infobox Hunt Level & Skills Requirements */
.skills-box {
	border: 0.1em solid;
}

.skills-box-label {
    display: inline-block;
    font-weight: bold;
    width: 30%;
    padding: 5px 0;
}

.skills-box-data {
    display: inline-block;
    width: 66%;
}

.skills-box-header {
    text-align: center;
    font-weight: bold;
    color: #cc8400;
	font-size: 14px !important;
}

/* [[Template:Infobox Geography]] */

.geo-toc {
	overflow:auto;
	max-height:125px;
	font-size:smaller;
	display: block;
}

.geo-toc ul {
	margin: 0 0.5em 0 0;
    list-style-type: none;
}

/* [[Template:Icon]] */
span.icon {
	image-rendering: pixelated;
}

/* [[Template:Creature Resistance Table]] */
#creature-resistance .res-value {
    background: linear-gradient(to bottom,#b05d3f,#e19c55,#6a322f) repeat scroll 0 0 rgba(0,0,0,0)
}

/* Tibia.com Table Style */

table.tibiatable {
    /* Emulate cellspacing */
    border-spacing: 1px !important;
    border-collapse: separate !important;
}

.tibiatable td {
    /* Emulate cellpadding */
    padding: 4px !important;
}

.tibiatable th {
    background-color: #505050 !important;
    color: white;
    text-align: left;
}

table.tibiatable tr:nth-child(odd) {
    background-color: #d4c0a1;
    color: #5a2800;
}
table.tibiatable tr:nth-child(even) {
    background-color: #f1e0c6;
    color: #5a2800;
}

table.tibiatable a {
    font-weight: 700 !important;
    color: #004294;
    text-decoration: none;
    cursor: pointer;
}

/* In case we want to invert the row coloring order */
table.tibiatable.inverted tr:nth-child(odd) {
    background-color: #f1e0c6;
}
table.tibiatable.inverted tr:nth-child(even) {
    background-color: #d4c0a1;
}

/* Infobox Creature/CompactBox */

.compact-box {
	display: inline-block;
	border: 1px solid;
	padding: 0.2em;
	border-radius: 0.3em;
	margin: 2px 0;
}

/* Template: Tournament Banner */
.tournament-banner {
	width: 746px;
	height: 150px;
	position: relative;
	margin: 1em 0;
	background-image: url("https://tibia.fandom.com/wiki/Special:Filepath?file=Tournament_Reward_Banner.png");
}

/* Upgrading Tabber Aesthetics */

/* Hide tabs if there's only one tab */
.wds-tabs__tab:only-child, .pi-section-tab:only-child {
    display: none;
}

.page-content ul.wds-tabs {
    /* Color of the tabber bar */    
    background-color:rgba(var(--theme-sticky-nav-background-color--rgb),0.15)/*transparent*/; 
    flex-flow: row wrap;
    overflow-x: visible;
    justify-content: center;
    align-items: center;    
 }
 
.wds-tabs .wds-tabs__tab {
    border: 1px solid;
    border-radius: 4px;
    cursor: pointer;
    margin: 1px;
    transition: background-color 0.3s ease;
}

.page-content .wds-tabs .wds-tabs__tab:hover:not(.wds-is-current) {
	background-color: rgba(var(--theme-accent-color--rgb), 0.15);
}

/*ACTIVE TABBER*/ 
.wds-tabs__tab.wds-is-current {
    /* Active button color */    
    background-color: rgba(var(--theme-accent-color--rgb),0.25); 
    /* Active font color */          
    color: var(--theme-page-dynamic-color-1);
}
.wds-tab__content.wds-is-current {
    margin-top: 18px;
    background-color: rgba(var(--theme-accent-color--rgb),0.1);
}
Advertisement