MediaWiki:Common.css

/*
 * CSS placed here will be applied to all skins on the entire site. *****

Notes: Try avoid critical- CSS: some skins will not support it Appropriately place styles in one of three categories: Global: Which affect a number of pages, or special pages (not templates) Templates: Template styles (avoid if possible) Individuals: Individual pages with styles.. -7 Skin-specific CSS is better at their respective file, rather than at main

/* @import url("/MediaWiki:Blue.css?ctype=text/css&action=raw"); */ /* @import url("/MediaWiki:Brown.css?ctype=text/css&action=raw"); */ @import url("/MediaWiki:Purple.css?ctype=text/css&action=raw");

body.background-fixed.skin-oasis, body.background-dynamic.skin-oasis, body.has-trans-bg { background: url('https://tibia.fandom.com/index.php?title=Special:FilePath&file=Background_Artwork_12.40.jpg') no-repeat fixed center top #051122; }

/* Special:Allpages * Special:Watchlist */ /* Clear License Div to avoid wrong positioning for anon users or users with Category Module disabled */ .license-description { clear: both; } .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; }   color: inherit; } /* Edit Preview - unused? */   background: transparent !important; color: black !important; } /* Link icons */ background: url('https://tibia.fandom.com/index.php?title=Special:FilePath&file=Mapper.gif') center right no-repeat; padding: 0 20px 0 0; }   background: url('https://tibia.fandom.com/index.php?title=Special:FilePath&file=Wikipedia.gif') center right no-repeat; padding: 0 20px 0 0; }
 * 1) article div.thumb {
 * 1) new_edit_page_preview_notice {
 * 1) mw-content-text a[href*="tibia.wikia.com/wiki/Mapper"], #mw-content-text a[href*="tibia.fandom.com/wiki/Mapper"] {
 * 1) mw-content-text a[href*="wikipedia.org"] {

/* 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('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; } /* Template:Ability List (Template:Ability) */ 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; } /* Section headers */ .WikiaPageHeader { border-bottom: 1px solid #AA8D79 !important; } .WikiaArticle h2 { margin: 20px 0 0 0; border-bottom: 1px solid #AA8D79; }
 * 1) creature-ability canvas {

/* ToC */ /* background-color: rgba(255, 255, 255, 0.25); border: 0.1em solid #d9d9d9; Blue.css */ -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; }   margin: 0.4em 0 0.5em 0.5em; }   /* background: rgba(141, 196, 188, 0.5); Blue.css */ -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; border-radius: 0.5em; }
 * 1) toc {
 * 1) toc ol {
 * 1) toctitle {

list-style: none; margin: .4em 0 .5em 1em; }
 * 1) toc ul {

/*padding: 0 0 0 1.5em; text-indent: -1.5em;*/ }
 * 1) toc li {

/* 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; } /* Deprecated creatures/objects/others links and DPLs */ .deprecated { opacity: 0.5; }

/* 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; Blue.css */ } 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); Blue.css */ } table.wikitable tr:nth-child(even) { /*background-color: #79b8af; /* fallback */ /* background-color: rgba(141, 196, 188, 0.75); Blue.css */ } .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; }

/* Classic Infobox (non-portable, to be deprecated) */ .mw-parser-output .infobox { margin: 0; background-color: transparent; border: none; clear: inherit; color: inherit; float: inherit; padding: inherit; }

/* 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 { 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; 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 { 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; }   display: inline; } /** IE 6 **/ display: inline; } /* Mapper and Template:Minimap transclusions */ .minimap .map_image_crop div img { display: block; }   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%; background-color: white; padding: 2px 2px 2px 2px; text-align: left; width: 514px; } div.minimap_wf { z-index: 395; 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: 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; }   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; }   position:absolute; width:32px; height:32px; background:url('https://tibia.fandom.com/index.php?title=Special:FilePath&file=Set_Background.gif'); padding: 1px; }
 * html body.page-Template_Minimap .map .l {
 * + html body.page-Template_Minimap .map .l {
 * 1) minimap_maindiv img {
 * 1) minimap_loading img {
 * 1) calculator_armor_body_main div {

/** 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; } .wikitable th:first-child { width: 11em; } .wikitable th:nth-child(2) { max-width: 5em; } /* 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 ? */   display: none; }   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; }   border: 0.1em solid #000000; list-style: none; margin: 0; padding: 0; width: 22em; }   padding: 0 0.5em; font-size: 1.2em; line-height: 1.5em; margin: 0; border-width: 1px; border-style: solid; }   float: right; } .lb-input-container input { text-align: center; width: 2.5em; } .lb-input-container { text-align: center; }   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; }
 * 1) mapDiv span + span {
 * 1) mapDiv span:hover + span {
 * 1) lb-basin-list {
 * 1) lb-basin-list li {
 * 1) lb-basin-list li a {
 * 1) basin-tools-url {

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

/* 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 */ /* background-color: #ecf0f4; border: 0.1em solid #7990aa; Blue.css */ padding: 0.5em; min-height: 500px; } /* Introduction in infobox */ margin: 0.5em 0 1.5em 1.5em; }   float: left; margin: 0.5em 1em 0.5em 0.5em; }   display: inline-block; width: 64px; height: 64px; overflow: hidden; }   color: green; font-weight: bold; padding: 0 2em 0 1.5em; }   margin: 0 0 0 3em; }   font-size: 1.2em; font-weight: bold; } .spell-words { font-style: italic; text-indent: 1em; } .semantic-header { display: none; visibility: hidden; height: 0; }   /* background-color: #c1d0e0; border: 0.2em solid #2373c4; Blue.css*/ border-radius: 0.5em; float: right; margin: 0.5em; padding: 1em; }   border-collapse: collapse; }   padding: 0 0.25em 0 0; text-align: right; font-weight: bold; vertical-align: top; }   display: none; }   padding: 0 0 0 0.25em; text-align: left; font-weight: normal; max-width: 11em; }   content: ":"; } .implementation-date { font-style: italic; white-space: nowrap; }   overflow: auto; margin: 0; padding: 0; max-height: 12em; min-height: 3em; text-indent: 1em; }   float: left; display: inline-block; width: 50%; margin: 0; padding: 0; line-height: 1.5em; list-style: none; }   text-align: center; }   margin: 0 auto !important; }   /* border-bottom: 0.2em groove #cc8400; Blue.css*/ }   float: left; margin: 0; padding: 0; text-align: center; width: 100%; }   margin: 0; padding: 0; }   margin: 0 auto; padding: 0; width: 100%; }   float: left; list-style: none; margin: 0; padding: 0; width: 25%; }   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; }   margin: 0.5em 0 0 0; padding: 0; text-indent: 1.5em; }   /*color: #cc8400; Blue.css */ font-weight: bold; border: 0; }   float: left; margin: 0 1em 1em 1em; }   font-weight: bold; padding: 0 0.2em; }
 * 1) twbox, .twbox, .twbox2 {
 * 1) twbox-intro {
 * 1) twbox-image {
 * 1) twbox-image a.new {
 * 1) twbox-look {
 * 1) twbox-sounds {
 * 1) twbox-name {
 * 1) twbox-words,
 * 1) twbox #tabular-data {
 * 1) twbox #tabular-data > table {
 * 1) twbox #tabular-data .property {
 * 1) twbox #tabular-data .meta {
 * 1) twbox #tabular-data .value {
 * 1) twbox #tabular-data .property:after {
 * 1) twbox .creature-list-generic {
 * 1) twbox .creature-list-generic li {
 * 1) twbox-learnfrom {
 * 1) twbox-learnfrom > table {
 * 1) twbox #tabular-data .table-section > th {
 * 1) twbox #quicklinks {
 * 1) twbox #quicklinks > h3 {
 * 1) twbox #quicklinks > ul {
 * 1) twbox #quicklinks > ul > li {
 * 1) twbox #quicklinks > ul > li > a {
 * 1) twbox h5,
 * 2) twbox h4,
 * 3) twbox h3,
 * 4) twbox h2,
 * 5) twbox h1 {
 * 1) twbox h5,
 * 2) twbox h4,
 * 3) twbox h3,
 * 4) twbox h2,
 * 5) twbox h1,
 * 6) twbox #tabular-data .table-section {
 * 1) twbox #npc-location .minimap {
 * 1) twbox .notes-label {

.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 */ color: #000; content: "§"; margin: 0 1em 0 0; position: absolute; right: 100%; }   position: relative; }   cursor: pointer; }   overflow: auto; }   list-style: none; margin: 0; font-size: 1.1em; }   margin: 0; line-height: 1.5em; clear: left; }   float: left; font-weight: bold; text-align: right; width: 7em; padding: 0 0.5em 0 0; }   overflow: auto; }   /* 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; }   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; }   max-height: 26em; } .loot-table li { float: left; width: 33%; min-width: 12.5em; margin: 0; }   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 */ 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 */ font-style: italic; max-height: 10em; overflow: auto; padding: 0; margin: 0; }   border: 0.1em solid #7990aa; border-radius: 1em; font-style: italic; margin: 1em; overflow: auto; padding: 0.5em 1em; }
 * 1) twbox h1:hover .mw-headline:after,
 * 2) twbox h2:hover .mw-headline:after,
 * 3) twbox h3:hover .mw-headline:after,
 * 4) twbox h4:hover .mw-headline:after,
 * 5) twbox h5:hover .mw-headline:after,
 * 6) twbox h6:hover .mw-headline:after {
 * 1) twbox .mw-headline {
 * 1) twbox h1:hover .mw-headline,
 * 2) twbox h2:hover .mw-headline,
 * 3) twbox h3:hover .mw-headline,
 * 4) twbox h4:hover .mw-headline,
 * 5) twbox h5:hover .mw-headline,
 * 6) twbox h6:hover .mw-headline {
 * 1) creature-resistance {
 * 1) creature-resistance ul {
 * 1) creature-resistance li {
 * 1) creature-resistance .res-label {
 * 1) creature-resistance .visual-percent-container {
 * 1) creature-resistance .res-value {
 * 1) creature-loot {
 * 1) twbox .loot-table > ul {
 * 1) twbox-sounds {
 * 1) twbox #toc {
 * 1) twbox .webdesc-text {
 * 1) twbox .webdesc {

/* 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 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 is updated to change the number of rows. */   width: 26em; /* Update this if  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 { 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; }

.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 */ background-color: #bf7171; border: 0.5em solid #795252; border-radius: 2em; color: #000; font-size: 1.1em; padding: 0.5em; }
 * 1) vandalism-notice {

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

/******************* * Template:Messagebox *******************/ .messagebox { margin: 0 auto; width: 60%; padding: 5px; text-align: center; } /* 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; }