Mudanças entre as edições de "MediaWiki:Common.css"

De Wiki Gla
Ir para navegação Ir para pesquisar
Etiquetas: Reversão manual Revertido
Etiqueta: Reversão manual
Linha 1: Linha 1:
/* Consistent size for <small>, <sub> and <sup> */
/* CSS placed here will be applied to all skins */
small {
 
font-size: 85%;
/* temp nicer background before theme changes, ty teg for the idea o/ */
body {
    background-image: url(images/background.png);
    background-repeat: no-repeat;
}
 
#mw-page-base {
    background-image: none;
    background-color: rgba(0,0,0,0);
}
 
div#mw-head div.vectorMenu h3 {
  background-image: none;
}
 
div.vectorMenu h3 span {
    padding-top: 1em;
}
 
div.vectorTabs {
    border-top: 1px solid #dceefb;
    height: 2.2em;
}
 
div.vectorTabs li a {
    height: 1.95em;
}
 
div.vectorTabs span a {
    padding-top: 0.8em;
}
 
#p-personal {
top: 0;
right: 0;
background-color: #fff;
padding-top: 0.25em;
padding-right: 0.75em;
border-radius: 0px 0px 0px 5px;
}
 
#p-personal ul {
padding-left: 0;
}
 
#p-logo {
padding-top: 8px;
}
 
div#content {
    box-shadow: rgba(0,0,0,0.15) 0 0.1em 0.75em;
}
 
div#simpleSearch {
    margin-top: 0.35em;
}
}


.mw-body-content sub,
#ca-unwatch.icon a,  
.mw-body-content sup,
#ca-watch.icon a {
span.reference /* para Parsoid */ {
    padding-top: 2.7em;
font-size: 80%;
}
}


/* Don't display some stuff on the main page */
#left-navigation,
body.page-Wikipédia_Página_principal #t-cite,
#right-navigation {
body.page-Wikipédia_Página_principal #lastmod,
    margin-top: 2.75em;
body.page-Wikipédia_Página_principal #siteSub,
body.page-Wikipédia_Página_principal #contentSub,
body.page-Wikipédia_Página_principal h1.firstHeading {
display: none !important;
}
}


/* Reduzir saltos de página ao esconder conteúdo recolhido/dispensado */
#p-personal {
.client-js .mw-special-Watchlist #watchlist-message,
    text-shadow: 0 0 2px #FEFEFE, 0 0 4px #FFF;
.client-js .NavFrame.collapsed .NavContent,
}
.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child) {
 
#pt-anonuserpage {
    margin-bottom: 0.8em;
}
 
/* Fix the `More` tab */
#p-search,
div#mw-head div.vectorMenu h3 {
    margin-top: 1px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAIAAADITs03AAAAO0lEQVR4AeSKhREAMQzDdN5/5uixuEKDpqgBjl2f78wd2DVj1+26/h///PfteVMN7zoGebcg1/Y/ZQQAlAUtQCujIJMAAAAASUVORK5CYII=);
    background-repeat: repeat-x;
    background-position: bottom left;
}
 
#p-search,
div#mw-head div.vectorMenu h3,
div#mw-head div.vectorMenu h3 a {
    height: 2.2em;
}
 
div#mw-head div.vectorMenu h3 a:after {
    content: '';
    display: block;
    width: inherit;
    height: 2.2em;
    margin: 1px 0 0 1px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAuCAIAAABmjeQ9AAAAQ0lEQVR4AWVOhQEAIAzC/X+xAXbXeoDFGA3A9yk1n4juBROcUegfarWjP3ojZvEzxs6j+nygmo+zzsk79nY+tOxdEhlf3UHVgUFrVwAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: bottom right;
}
 
#p-search {
    margin: 1px 0 0 0.5em;
    padding: 0 0.5em;
}
 
#p-cactions > .menu { top: 2.2em; }
 
/* Background Ends Here */
 
/* Faster visible changes */
tr.hide {
visibility: collapse;
}
.hide:not(tr) {
display: none;
display: none;
}
/* Faster visible changes ends here */
.tabs-label {
border-radius: 0 0 0 0 !important;
}
}


/* Criação de tópicos nas esplanadas "geral" e "propostas" */
.tabs-container {
/* Formata o aviso */
border-radius: 0 0 0 0  !important;
div.aviso-novo-item-esplanada {
}
font-style: italic;
 
table.wikitable.stripe > * > tr:nth-child(even) > td,
table.wikitable.stripe2 > * > tr:nth-child(4n+1) > td,
table.wikitable.stripe2 > * > tr:nth-child(4n+2) > td {
background-color: #fdfdfd;
}
 
.summon_template a,
.summon_template a.extiw,
.summon_template a.extiw:visited {
  color: white;
  display: inline-block;
  border-bottom: 1px dotted;
}
.summon_template a:hover, .summon_template a:active {
  text-decoration: none;
}
.summon_template span.image_link a:nth-child(1) {
  border-bottom: 0; !important;
}
table.summon_template {
    color: white;
    border-spacing: 0;
    border-collapse: separate;
    border-width: 0 5px 0 5px;
    border-style: solid;
    position: relative;
    width: 627px;
}
table.summon_template .caption {
    background-color: rgba(0, 0, 0, 0.1);
    text-align: center;
    font-size: 16pt;
}
table.summon_template .subcaption {
    background-color: rgba(0, 0, 0, 0.05);
    text-align: center;
    font-size: 12pt;
}
table.summon_template tr > th .tooltiptext {
    font-size: 14px;
    font-weight: normal;
}
table.summon_template tr > th {
    background: rgba(0, 0, 0, 0.5);
    border-style: solid;
    border-width: 5px;
    text-align: center;
}
table.summon_template tr > td {
    background: rgba(0, 0, 0, 0.3);
    border-style: solid;
    border-width: 5px;
    text-align: center;
}
.summon_template.fire {
    background: #fc9084;
    border-color: #fc9084;
}
.summon_template.fire td, .summon_template.fire th {
    border-color: #fc9084;
}
.summon_template.water {
    background: #84c6fc;
    border-color: #84c6fc;
}
.summon_template.water td, .summon_template.water th {
    border-color: #84c6fc;
}
.summon_template.earth {
    background: #ba9072;
    border-color: #ba9072;
}
.summon_template.earth td, .summon_template.earth th {
    border-color: #ba9072;
}
.summon_template.wind {
    background: #b4f090;
    border-color: #b4f090;
}
.summon_template.wind td, .summon_template.wind th {
    border-color: #b4f090;
}
.summon_template.light {
    background: #f0f08a;
    border-color: #f0f08a
}
.summon_template.light td, .summon_template.light th {
    border-color: #f0f08a
}
.summon_template.dark {
    background: #8472c0;
    border-color: #8472c0
}
.summon_template.dark td, .summon_template.dark th {
    border-color: #8472c0
}
 
.weapon_template a {
  color: white;
  display: inline-block;
  border-bottom: 1px dotted;
}
 
.weapon_template a:hover, .weapon_template a:active {
  text-decoration: none;
}
 
.weapon_template span.image_link a:nth-child(1) {
  border-bottom: 0; !important;
}
 
.weapon .image_assets-sprite img {
    outline: 1px dashed #000;
}
 
span.image_link {
  white-space: nowrap;
}
 
span.image_link.white a:nth-child(1) {
  border-bottom: 0px;
}
}


/* Oculta ligação vermelha durante a criação dos tópicos */
span.image_link.white a:nth-child(2) {
div.aviso-novo-item-esplanada + p>a.new {
  color: white;
display:none;
  display: inline-block;
  border-bottom: 1px dotted;
}
}


/* Resultados de busca */
span.image_link.white a:hover, span.item_link.white a:active {
.mw-search-results {
  text-decoration: none;
margin-left: 0;
}
}


.mw-search-results li {
span.bold_link > a {
margin: 0;
  font-weight: bold;
padding: 0.35em 1em;
border-bottom: 1px solid #d3daed;
background-color: #f6f8fc;
list-style-type: none;
list-style-image: none;
}
}


/* Modelos de predefinições */
ul.elementlist {
list-style: none;
margin-left: 0.7em;
margin-top: 0;
}


/* infobox */
ul.elementlist li {
.infobox {
/* Text color */
border: 1px solid #a2a9b1;
border-spacing: 3px;
background-color: #f8f9fa;
color: black;
color: black;
/* @noflip */
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
font-size: 88%;
line-height: 1.5em;
}
}


.infobox td,
ul.elementlist li:before {
.infobox th {
    /* Unicode bullet symbol */
vertical-align: top;
    content: '\25a0 ';
/* @noflip */
    /* Bullet color */
text-align: left;
    color: black;
    padding-right: 0.5em;
}
 
ul.elementlist li.fire:before {
color: rgb(250,70,50);
}
ul.elementlist li.water:before {
color: rgb(50,160,250);
}
ul.elementlist li.earth:before {
color: rgb(140,70,20);
}
ul.elementlist li.wind:before {
color: rgb(130,230,70);
}
ul.elementlist li.light:before {
color: rgb(230,230,60);
}
ul.elementlist li.dark:before {
color: rgb(50,20,150);
}
 
/* Tabber start */
.tabber .tabbertab {
border: none;
padding: 0;
}
 
ul.tabbernav {
    margin: 0;
    padding: 3px 0;
    border: 0;
    /*border-bottom: 1px solid #CCC;*/
    font: bold 14px Ariel, sans-serif !important;
}
 
ul.tabbernav li a {
    border-radius: 4px !important;
    padding: 3px .5em;
    margin-left: 3px;
    border: 1px solid #CCC;
    background: #F2F7FF;
    text-decoration: none;
    line-height: 1;
}
 
ul.tabbernav li.tabberactive a {
    background-color: #FFF;
    border: 1px solid #7ec0ee !important;
}
}


.infobox caption {
ul.tabbernav li.tabberactive a:hover {
font-size: 125%;
    color: #000;
font-weight: bold;
    background: #FFF;
padding: 0.2em;
    border: 1px solid #7ec0ee !important;
text-align: center;
}
}


.infobox.bordered {
/* Hides invididual raid image from Six-Dragon Advent page */
border-collapse: collapse;
.tabber-images + p > img:first-child {
    display: none;
}
}
/* Tabber end */


.infobox.bordered td,
/* used for vertical alignment of tabber contents */
.infobox.bordered th {
#mw-content-text > .wikitable:first-child tr:nth-child(2) > td:nth-child(2) > div > .tabber {
border: 1px solid #a2a9b1;
    min-height: 436px;
    max-height: 1000px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
}


.infobox.sisterproject {
#mw-content-text > .wikitable:first-child tr:nth-child(2) > td:nth-child(2) > div > .tabber > .tabbernav {
width: 20em;
    margin-bottom: auto;
font-size: 90%;
}
}


.infobox.standard-talk {
#mw-content-text > .wikitable:first-child tr:nth-child(2) > td:nth-child(2) > div > .tabber > .tabbertab {
border: 1px solid #c0c090;
    margin-bottom: auto;
background-color: #f8eaba;
}
}


.infobox.standard-talk.bordered td,
/* hide title on Main_Page */
.infobox.standard-talk.bordered th {
body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; }
border: 1px solid #c0c090;
 
/* hide discussion on Main_Page */
.page-page-Main_Page #ca-talk { display: none !important; }
 
 
/* Gallery "tweaks" */
/* auto-expand gallery slideshow images */
.gallerybox { display: inline-block !important; }
/* hide gallery expand slideshow images button */
.oo-ui-iconElement-icon.oo-ui-icon-imageGallery { display: none !important; }
/* remove ugly margin */
.gallery.mw-gallery-slideshow { margin: 0 !important; }
 
/* Tooltip */
.tooltip {
  position: relative;
  display: inline;
  border-bottom: 1px dotted black;
}
}


/* Estilos para infocaixa com bordas com linhas fundidas */
.tooltiptext {
.infobox.bordered .mergedtoprow td,
  visibility: hidden;
.infobox.bordered .mergedtoprow th {
  min-width: 250px;
border: 0;
  padding: 12px 14px;
border-top: 1px solid #a2a9b1;
 
/* @noflip */
  position: absolute;
border-right: 1px solid #a2a9b1;
  left: 50%;
  bottom: calc(20px + 100%);
  z-index: 99999;
 
  background: #fff;
  box-shadow: 0 2px 0 0 rgba(0,0,0,0.15);
  border: 1px solid #a2a9b1;
  border-radius: 2px;
 
  white-space: normal;
  font-weight: normal;
  font-style: initial;
  text-align: center;
  font-size: 14px;
  line-height: 1.6;
}
}


.infobox.bordered .mergedrow td,
.tooltiptext:after,
.infobox.bordered .mergedrow th {
.tooltiptext:before {
border: 0;
  content: '';
/* @noflip */
  position: absolute;
border-right: 1px solid #a2a9b1;
  left: 50%;
  border-style: solid;
}
}


/* Estilos para infocaixas de geografia */
.tooltiptext:after {
.infobox.geography {
  top: 100%;
border-collapse: collapse;
  bottom: auto;
line-height: 1.2em;
  width: 20px;
font-size: 90%;
  height: 20px;
  background: #fff;
  margin-top: -10px;
  margin-left: -10px;
  box-shadow: 1px 1px 0px #a2a9b1;
  transform: rotate(45deg);
  border-width: 0;
}
}


.infobox.geography  td,
.tooltiptext:before {
.infobox.geography  th {
  top: 100%;
border-top: 1px solid #a2a9b1;
  bottom: auto;
padding: 0.4em 0.6em 0.4em 0.6em;
  border-width: 18px;
  margin-left: -18px;
  border-color: rgba(0,0,0,0.15) transparent transparent transparent;
  pointer-events: none;
}
}


.infobox.geography .mergedtoprow td,
.tooltip .tooltip .tooltiptext,
.infobox.geography .mergedtoprow th {
.header-fixed-helper .tooltip .tooltiptext {
border-top: 1px solid #a2a9b1;
  bottom: auto;
padding: 0.4em 0.6em 0.2em 0.6em;
  top: calc(20px + 100%);
}
}


.infobox.geography .mergedrow td,
.tooltip .tooltip .tooltiptext:after,
.infobox.geography .mergedrow th {
.header-fixed-helper .tooltip .tooltiptext:after {
border: 0;
  top: auto;
padding: 0 0.6em 0.2em 0.6em;
  bottom: 100%;
  border-width: 15px;
  margin-left: -15px;
  border-color: transparent transparent white transparent;
  width: 0;
  height: 0;
  box-shadow: none;
  background: none;
  transform: none;
}
}


.infobox.geography .mergedbottomrow td,
.tooltip .tooltip .tooltiptext:before,
.infobox.geography .mergedbottomrow th {
.header-fixed-helper .tooltip .tooltiptext:before {
border-top: 0;
  top: auto;
border-bottom: 1px solid #a2a9b1;
  bottom: 100%;
padding: 0 0.6em 0.4em 0.6em;
  border-width: 16px;
  margin-left: -16px;
  border-color: transparent transparent #888 transparent;
}
}


.infobox.geography .maptable td,
.tooltiptext span.hr {
.infobox.geography .maptable th {
    display: block;
border: 0;
    height: 1px;
padding: 0;
    background-color: #a2a9b1;
}
}


/**
.tooltiptext hr,
* @deprecated: Remover assim que todas as ocorrências forem trocadas por "wikitable"
.tooltiptext span.hr {
* @see: [[WP:Esplanada/propostas/Acabar com as tabelas bonitas! (4jul2012)]]
  margin: 10px 0 12px;
*/
  position: relative;
table.prettytable {
  background: none;
margin: 1em 1em 1em 0;
background: #f9f9f9;
border: 1px #aaa solid;
border-collapse: collapse;
}
}


table.prettytable th,
.tooltiptext hr:after,
table.prettytable td {
.tooltiptext span.hr:after {
border: 1px #aaa solid;
  content: '';
padding: 0.2em;
  display: block;
  width: 100%;
  height: 1px !important;
  position: absolute;
  left: -14px;
  background: #a2a9b1;
  padding: 0 14px;
}
}


table.prettytable th {
.tooltip:hover > .tooltiptext,
background: #f2f2f2;
.tooltip.hover > .tooltiptext {
text-align: center;
  visibility: visible;
}
}


table.prettytable caption {
.tooltiptext {
font-weight: bold;
  opacity: 0;
  transition: opacity 200ms ease, visibility 0s ease 200ms, transform 200ms ease;
  transform: translate(-50%, 8px);
}
}


/* Predefinições informativas e mensagens MediaWiki */
.tooltip .tooltip .tooltiptext,
.caixa {
.header-fixed-helper .tooltip .tooltiptext {
width: 80%;
  transform: translate(-50%, -8px);
margin: 0 auto;
padding: .1em;
border: 1px solid #C7C7C7;
}
}


.caixaMW {
.tooltip:hover > .tooltiptext,
margin: 1px 0;
.tooltip.hover > .tooltiptext {
padding: .1em;
  opacity: 1;
font-size: 93%;
  transition-delay: 0s;
line-height:120%;
  transform: translate(-50%, 0);
clear: both;
}
}


.caixaMW.info,
.tooltiptext a { color: #0645ad; border-bottom: 0; }
.caixa.info {
.tooltiptext a:visited { color: #0b0080; }
background-color: white;
.tooltiptext a:active { color: #faa700; }
border: 1px solid #ccc;
.tooltiptext a:hover, a:focus { text-decoration: underline; }
.tooltiptext { color: #252525; }
.tooltiptext a.new { color: #ba0000; }
 
/* Remove .mw-body-content stacking context so the tooltip can
  overlap with elements outside content area and be shown properly */
.mw-body-content { z-index: auto; }
 
/* Fixes border-bottom on tooltips in Weapon/Summon template */
.summon_template a,
.summon_template .tooltip,
.summon_template .image_link .tooltip a:nth-child(2),
.weapon_template a,
.weapon_template .tooltip,
.weapon_template .image_link .tooltip a:nth-child(2) {
  border-bottom: 1px dotted white;
}
}


.caixaMW.infodestaque,
.summon_template sup a,
.caixa.infodestaque {
.summon_template .tooltip a,
background-color: #f5faff;
.summon_template .image_link .tooltip,
border: 1px solid #cedff2;
.weapon_template sup a,
.weapon_template .tooltip a,
.weapon_template .image_link .tooltip {
  border-bottom: none;
}
}


.caixaMW.aviso,
.flow-post .flow-post-content {
.caixa.aviso {
  overflow: visible;
background-color:#fff3f3;
border: 1px solid #ffc9c9;
}
}


.caixaMW.avisodestaque,
/* Tooltip End */
.caixa.avisodestaque {
 
background-color:#fff;
 
border: 2px solid #f00;
.gridrec td {
  background: white; padding: 4px;
}
.gridrectoptext td {
  vertical-align: text-top;
}
}


/* Referências */
/* start of styles for Template:GallerySwapImages */
.gallery-swap-images {
  display: inline-block;
  position: relative;
  vertical-align: middle
}
.gallery-swap-images > a,
.gallery-swap-images > img,
.gallery-swap-images > span {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 400ms ease;
}
.gallery-swap-images .active {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 200ms ease;
}
.gallery-swap-images:not(.enabled) :first-child {
  opacity: 1;
  pointer-events: auto;
  transition: none !important;
}
/* end of styles for Template:GallerySwapImages */


/* Make the list of references smaller */
/* start of styles for Character Tracker */
.references-small {
.tracker-wrap {
font-size: 90%;
  max-width: 1050px;
}
.tracker-item {
  float: left;
  padding: 7px 7px 0px 7px;
  margin: 1px;
  line-height: 0;
  border-radius: 5px;
  border: 1px solid lightgrey;
  opacity: 0.7;
}
.tracker-hide-uncap > .tracker-item {
  padding: 7px;
}
.tracker-item.selected {
  background-color: #f1b7a5;
  border-color: #be3f21;
  opacity: 1;
}
.tracker-box {
  display: inline-block;
}
.tracker-filter-group {
  display: inline-block;
  margin-right: 0.2em;
}
.tracker-wrap label {
  font-size: 12px;
  line-height: 1.5;
}
.tracker-uncap {
  position: relative;
  height: 16px;
  width: 84px;
  padding: 1px 0 0 0;
  margin: 0;
  text-align: center;
}
.tracker-hide-uncap .tracker-uncap {
  display: none;
}
.tracker-uncap-star {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  padding: 0;
  margin: 0;
  background-size: 75%;
  background-repeat: no-repeat;
}
.tracker-uncap-base {
  background-image: url(https://gbf.wiki/images/d/d1/Icon_Yellow_Star_Empty.png)
}
.tracker-uncap-base.selected {
  background-image: url(https://gbf.wiki/images/9/9a/Icon_Yellow_Star.png)
}
.tracker-uncap-max {
  background-image: url(https://gbf.wiki/images/c/c4/Icon_Blue_Star.png)
}
.tracker-uncap-max.selected {
  background-image: url(https://gbf.wiki/images/7/7b/Icon_Blue_Star_Full.png)
}
.tracker-filter-options {
  margin-bottom: 4px;
}
}


/* Realce a azul das referências ''clicadas'' para ajudar na navegação */
.mw-ui-button.mw-ui-disabled {
body.action-info .mw-body-content :target,
  background: #e2e5e8 !important;
.citation:target {
  color: #495057 !important;
background-color: #def; /* Fallback */
  border-color: #9aa0a7 !important;
background-color: rgba(0, 127, 255, 0.133);
  cursor: initial;
}
}


/* Formatação de citações. Quebrar URLs longas etc., em vez de uma caixa transbordante */
.label + .mw-ui-button-group.items > label:first-child {
.citation {
  border-radius: 0;
word-wrap: break-word;
}
}


/*
.tracker-filter-group, .page-filter-group {
Para números e IDs de documentos ligados, em que o número
    display: flex;
não precisa ser mostrado em uma tela ou dispositivo de mão,
    float: left;
mas deve ser incluído na versão impressa
    margin-bottom: 5px;
*/
@media screen, handheld {
.citation .printonly {
display: none;
}
}
}


/**
.tracker-filter-group .label,
* Style for horizontal lists (separator following item).
.page-filter-group .label {
* @source https://www.mediawiki.org/wiki/Snippets/Horizontal_lists
    display: flex;
* @revision 7 (2015-11-12)
    flex-direction: column;
* @author [[User:Edokter]]
    justify-content: center;
*/
    border-top-right-radius: 0px;
.hlist dl,
    border-bottom-right-radius: 0px;
.hlist ol,
.hlist ul {
margin: 0;
padding: 0;
}
}


/* Display list items inline */
.tracker-filter-group .items,
.hlist dd,
.page-filter-group .items {
.hlist dt,
    display: flex;
.hlist li {
    flex-wrap: wrap;
margin: 0;
    flex-grow: 1;
display: inline;
    flex-basis: 0;
    margin-top: 1px;
}
}


.nonumtoc .tocnumber {
.tracker-filter-group .items label,
display: none;
.page-filter-group .items label {
    margin-top: -1px;
    flex-grow: 1;
}
}


.nonumtoc #toc ul,
.tracker-filter-group .items label:first-child,
.nonumtoc .toc ul {
.page-filter-group .items label:first-child {
line-height: 1.5em;
    border-left: 0;
list-style: none none;
margin: .3em 0 0;
padding: 0;
}
}


.hlist.nonumtoc #toc ul ul,
/* end of styles for Character Tracker */
.hlist.nonumtoc .toc ul ul {
 
/* @noflip */
/* audio player start */
margin: 0;
.audio-button {
width: 70px;
    height: 34px;
    border: none;
    background: url('https://gbf.wiki/images/c/cc/Audioplayer_play.png');
    display: inline-block;
 
}
.audio-button.playing {
background: url('https://gbf.wiki/images/e/ef/Audioplayer_stop.png');
}
}
/* audio player stop */


/* Display nested lists inline */
/* Tierlist */
.hlist.inline,
.tierlist td {
.hlist.inline dl,
    padding: 5px !important;
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
display: inline;
}
}


/* Hide empty list items */
.tierlist.tierlist-multi td {
.hlist .mw-empty-li {
    max-width: 140px;
display: none;
}
}


/* Generate interpuncts */
.tierlist.tierlist-single td:first-child {
.hlist dt:after {
    max-width: 140px;
content: ": ";
}
}


.hlist dd:after,
.tierlist.tierlist-single {
.hlist li:after {
    max-width: 771px;
content: " · ";
font-weight: bold;
}
}


.hlist dd:last-child:after,
.tierlist.tierlist-grades > tbody > tr > td {
.hlist dt:last-child:after,
    padding: 0 !important;
.hlist li:last-child:after {
content: none;
}
}


/* Add parentheses around nested lists */
.tierlist hr {
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
    box-shadow: 6px 0 #aaa, -6px 0 #aaa;
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
    margin: 5px 0;
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
content: " (";
font-weight: normal;
}
}


.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
/* Tierlist Hover */
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.tierlist-hover-detail {
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
  position: absolute;
content: " )";
  z-index: 1;
font-weight: normal;
  left: 0;
  background: #fff;
  border: 1px solid #000;
  padding: 20px;
  box-sizing: border-box;
  pointer-events: none;
}
}


/* Put ordinals in front of ordered list items */
.tierlist-hover-detail td {
.hlist ol {
  max-width: none !important;
counter-reset: listitem;
}
}


.hlist ol > li {
.tierlist-hover-detail .wikitable {
counter-increment: listitem;
  margin: 0;
}
}


.hlist ol > li:before {
.tierlist a[refid]:hover > img {
content: " " counter(listitem) " ";
  position: relative;
white-space: nowrap;
  z-index: 2;
  box-shadow: 0 0 0 20px #fff, 21px -21px 0 #333, -21px -21px 0 #333, -21px 1px 0 #333, 21px 1px 0 #333;
}
}


.hlist dd ol > li:first-child:before,
.tierlist.tierlist-multi .tierlist-hover-detail {
.hlist dt ol > li:first-child:before,
  width: 1192px;
.hlist li ol > li:first-child:before {
content: " (" counter(listitem) " ";
}
}


/* Unbulleted lists */
.tierlist img {
.plainlist ol,
    display: inline-flex;
.plainlist ul {
    align-items: center;
line-height: inherit;
    justify-content: center;
list-style: none none;
    text-align: center;
margin: 0;
    line-height: 1;
}
}
.plainlist ol li,
 
.plainlist ul li {
/* Stamps Search */
margin-bottom: 0;
.stampbox .hide {
  display: none;
}
}


/* Estilo padrão para caixas de navegação (navbox) */
/* Default style for navigation boxes */
.navbox {                    /* Navbox container style */
.navbox {                    /* Navbox container style */
box-sizing: border-box;
box-sizing: border-box;
Linha 388: Linha 797:
margin: 1em auto 0;      /* Prevent preceding content from clinging to navboxes */
margin: 1em auto 0;      /* Prevent preceding content from clinging to navboxes */
}
}
.navbox .navbox {
.navbox .navbox {
margin-top: 0;            /* No top margin for nested navboxes */
margin-top: 0;            /* No top margin for nested navboxes */
}
}
.navbox + .navbox {
.navbox + .navbox {
margin-top: -1px;        /* Single pixel border between adjacent navboxes */
margin-top: -1px;        /* Single pixel border between adjacent navboxes */
}
}
.navbox-inner,
.navbox-inner,
.navbox-subgroup {
.navbox-subgroup {
width: 100%;
width: 100%;
}
}
.navbox-group,
.navbox-group,
.navbox-title,
.navbox-title,
Linha 409: Linha 814:
text-align: center;
text-align: center;
}
}
th.navbox-group {            /* Group style */
th.navbox-group {            /* Group style */
white-space: nowrap;
white-space: nowrap;
Linha 415: Linha 819:
text-align: right;
text-align: right;
}
}
.navbox,
.navbox,
.navbox-subgroup {
.navbox-subgroup {
background-color: #fdfdfd; /* Background color */
background-color: #fdfdfd; /* Background color */
}
}
.navbox-list {
.navbox-list {
line-height: 1.5em;
line-height: 1.5em;
border-color: #fdfdfd;    /* Must match background color */
border-color: #fdfdfd;    /* Must match background color */
}
}
/* cell spacing for navbox cells */
/* cell spacing for navbox cells */
tr + tr > .navbox-abovebelow,
tr + tr > .navbox-abovebelow,
Linha 433: Linha 834:
border-top: 2px solid #fdfdfd; /* Must match background color */
border-top: 2px solid #fdfdfd; /* Must match background color */
}
}
.navbox th,
.navbox th,
.navbox-title {
.navbox-title {
background-color: #ccccff;      /* Level 1 color */
background-color: #ccccff;      /* Level 1 color */
}
}
.navbox-abovebelow,
.navbox-abovebelow,
th.navbox-group,
th.navbox-group,
Linha 444: Linha 843:
background-color: #ddddff;      /* Level 2 color */
background-color: #ddddff;      /* Level 2 color */
}
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
.navbox-subgroup .navbox-abovebelow {
background-color: #e6e6ff;      /* Level 3 color */
background-color: #e6e6ff;      /* Level 3 color */
}
}
.navbox-even {
.navbox-even {
background-color: #f7f7f7;      /* Even row striping */
background-color: #f7f7f7;      /* Even row striping */
}
}
.navbox-odd {
.navbox-odd {
background-color: transparent;  /* Odd row striping */
background-color: transparent;  /* Odd row striping */
}
}
.navbox .hlist td dl,
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ol,
Linha 473: Linha 868:
font-weight: normal;
font-weight: normal;
}
}
.navbar ul {
.navbar ul {
display: inline;
display: inline;
white-space: nowrap;
white-space: nowrap;
}
}
.mw-body-content .navbar ul {
.mw-body-content .navbar ul {
line-height: inherit;
line-height: inherit;
}
}
.navbar li {
.navbar li {
word-spacing: -0.125em;
word-spacing: -0.125em;
}
}
.navbar.mini li abbr[title] {
.navbar.mini li abbr[title] {
font-variant: small-caps;
font-variant: small-caps;
Linha 492: Linha 883:
text-decoration: none;
text-decoration: none;
cursor: inherit;
cursor: inherit;
}
}
/* Navbar styling when nested in infobox and navbox */
/* Navbar styling when nested in infobox and navbox */
.infobox .navbar {
.infobox .navbar {
font-size: 100%;
font-size: 100%;
}
}
.navbox .navbar {
.navbox .navbar {
display: block;
display: block;
font-size: 100%;
font-size: 100%;
}
}
.navbox-title .navbar {
.navbox-title .navbar {
/* @noflip */
/* @noflip */
Linha 514: Linha 901:
}
}


/* Styling for JQuery makeCollapsible, matching that of collapseButton */
/* WIP Character Template */
.mw-parser-output .mw-collapsible-toggle {
.character-template > tbody > tr:not(:first-child) { background-color: #fff; }
font-weight: normal;
 
/* @noflip */
/* Tabber Fix */
text-align: right;
/* Prevents tabber contents from showing up for a few frames before the script executes */
padding-right: 0.2em;
.tabber:not(.tabberlive) > .tabbertab:not(:first-child) { display: none; }
padding-left: 0.2em;
 
/* Accordion Gallery Swap Images */
.accordion-swap-images {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: stretch;
  overflow: hidden;
  text-align: initial;
}
.accordion-swap-images a {
  display: block;
  height: inherit;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  transition: flex-shrink 200ms ease 30ms, -webkit-flex 200ms ease 30ms, z-index 0ms linear 0ms;
  z-index: 0;
}
.accordion-swap-images a.active, .accordion-swap-images a:hover {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  transition: flex-shrink 200ms ease 30ms, -webkit-flex 200ms ease 30ms, z-index 0ms linear 200ms;
  z-index: 1;
}
.accordion-swap-images a img {
  width: inherit;
  height: inherit;
  position: absolute;
}
 
/* ----------------------
WORLD PAGE STYLE START
---------------------- */
.mw-body {
    background-position: 0 0, 0px -4px, 0 0;
    background-repeat: no-repeat;
    background-size: 100%;
}
 
@media screen and (max-width: 800px) {
    .mw-body {
        background-size: auto 66%;
        background-position: 0 0, top right, 0 0;
    }
}
 
/* ------------ */
/* Phantagrande */
/* ------------ */
.page-Zinkenstill .mw-body {
    background-image:
        linear-gradient(180deg, rgba(255,255,255,0.6), white),
        url(https://gbf.wiki/images/e/e6/Town_bg_10001.jpg),
        -webkit-linear-gradient(left, #88aeb7 0%,#b8d0d3 5%,#cfe8eb 20%,#d2d4cf 80%,#c7cebd 95%,#afc1c5 100%);
}
 
.page-Port_Breeze_Archipelago .mw-body {
    background-image:
        linear-gradient(180deg, rgba(255,255,255,0.6), white),
        url(https://gbf.wiki/images/2/24/Town_bg_20001.jpg),
        -webkit-linear-gradient(left, #88aeb7 0%,#b8d0d3 5%,#cfe8eb 20%,#d2d4cf 80%,#c7cebd 95%,#afc1c5 100%);
}
 
.page-Valtz_Duchy .mw-body {
    background-image:
        linear-gradient(180deg, rgba(255,255,255,0.6), white),
        url(https://gbf.wiki/images/3/37/Town_bg_20002.jpg),
        -webkit-linear-gradient(left, #88aeb7 0%,#b8d0d3 5%,#cfe8eb 20%,#d2d4cf 80%,#c7cebd 95%,#afc1c5 100%);
}
 
.page-Auguste_Isles .mw-body {
    background-image:
        linear-gradient(180deg, rgba(255,255,255,0.8), white),
        url(https://gbf.wiki/images/7/7f/Town_bg_20003.jpg),
        -webkit-linear-gradient(left, #88aeb7 0%,#b8d0d3 5%,#cfe8eb 20%,#d2d4cf 80%,#c7cebd 95%,#afc1c5 100%);
}
 
.page-Lumacie_Archipelago .mw-body {
    background-image:
        linear-gradient(180deg, rgba(255,255,255,0.7), white),
        url(https://gbf.wiki/images/e/e9/Town_bg_20004.jpg),
        -webkit-linear-gradient(left, #88aeb7 0%,#b8d0d3 5%,#cfe8eb 20%,#d2d4cf 80%,#c7cebd 95%,#afc1c5 100%);
}
 
.page-Albion_Citadel .mw-body {
    background-image:
        linear-gradient(180deg, rgba(255,255,255,0.6), white),
        url(https://gbf.wiki/images/7/7c/Town_bg_20005.jpg),
        -webkit-linear-gradient(left, #88aeb7 0%,#b8d0d3 5%,#cfe8eb 20%,#d2d4cf 80%,#c7cebd 95%,#afc1c5 100%);
}
 
.page-Mist-Shrouded_Isle .mw-body {
    background-image:
        linear-gradient(180deg, rgba(255,255,255,0.6), white),
        url(https://gbf.wiki/images/a/ab/Town_bg_20006.jpg),
        -webkit-linear-gradient(left, #88aeb7 0%,#b8d0d3 5%,#cfe8eb 20%,#d2d4cf 80%,#c7cebd 95%,#afc1c5 100%);
}
 
.page-Golonzo_Island .mw-body {
    background-image:
        linear-gradient(180deg, rgba(255,255,255,0.6), white),
        url(https://gbf.wiki/images/3/38/Town_bg_20007.jpg),
        -webkit-linear-gradient(left, #88aeb7 0%,#b8d0d3 5%,#cfe8eb 20%,#d2d4cf 80%,#c7cebd 95%,#afc1c5 100%);
}
 
.page-Amalthea_Island .mw-body {
    background-image:
        linear-gradient(180deg, rgba(255,255,255,0.7), white),
        url(https://gbf.wiki/images/b/b6/Town_bg_20008.jpg),
        -webkit-linear-gradient(left, #88aeb7 0%,#b8d0d3 5%,#cfe8eb 20%,#d2d4cf 80%,#c7cebd 95%,#afc1c5 100%);
}
 
.page-Former_Capital_Mephorash .mw-body {
    background-image:
        linear-gradient(180deg, rgba(255,255,255,0.6), white),
        url(https://gbf.wiki/images/d/df/Town_bg_20009.jpg),
        -webkit-linear-gradient(left, #88aeb7 0%,#b8d0d3 5%,#cfe8eb 20%,#d2d4cf 80%,#c7cebd 95%,#afc1c5 100%);
}
}
.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
 
/* @noflip */
.page-Agastia .mw-body {
float: left;
    background-image:
/* @noflip */
        linear-gradient(180deg, rgba(255,255,255,0.6), white),
text-align: left;
        url(https://gbf.wiki/images/3/3b/Town_bg_20011.jpg),
        -webkit-linear-gradient(left, #88aeb7 0%,#b8d0d3 5%,#cfe8eb 20%,#d2d4cf 80%,#c7cebd 95%,#afc1c5 100%);
}
}


/* Hatnotes and disambiguation notices */
.page-Dydroit_Belt .mw-body {
.hatnote {
    background-image:
font-style: italic;
        linear-gradient(180deg, rgba(255,255,255,0.6), white),
        url(https://gbf.wiki/images/a/a8/Town_bg_20012.jpg),
        -webkit-linear-gradient(left, #88aeb7 0%,#b8d0d3 5%,#cfe8eb 20%,#d2d4cf 80%,#c7cebd 95%,#afc1c5 100%);
}
}


.hatnote i {
.page-Silverwind_Stretch_North_Vast .mw-body {
font-style: normal;
    background-image:
        linear-gradient(180deg, rgba(255,255,255,0.6), white),
        url(https://gbf.wiki/images/5/55/Town_bg_20014.jpg),
        -webkit-linear-gradient(left, #88aeb7 0%,#b8d0d3 5%,#cfe8eb 20%,#d2d4cf 80%,#c7cebd 95%,#afc1c5 100%);
}
}


div.hatnote {
 
/* @noflip */
/* ----------- */
padding-left: 1.6em;
/* Nalhegrande */
margin-bottom: 0.5em;
/* ----------- */
 
.page-Merkmal_Island .mw-body {
    background-image:
        linear-gradient(180deg, rgba(255,255,255,0.6), white),
        url(https://gbf.wiki/images/1/19/Town_bg_21001.jpg),
        -webkit-linear-gradient(left, #88aeb7 0%,#b8d0d3 5%,#cfe8eb 20%,#d2d4cf 80%,#c7cebd 95%,#afc1c5 100%);
}
}


div.hatnote + div.hatnote {
.page-Groz_Island .mw-body {
margin-top: -0.5em;
    background-image:
        linear-gradient(180deg, rgba(255,255,255,0.75), white),
        url(https://gbf.wiki/images/6/63/Town_bg_21002.jpg),
        -webkit-linear-gradient(left, #88aeb7 0%,#b8d0d3 5%,#cfe8eb 20%,#d2d4cf 80%,#c7cebd 95%,#afc1c5 100%);
}
}


/* Redirect em verde
.page-Kluger_Island .mw-body {
* Faz com que os redirects apareçam em itálico e verde em [[Special:Allpages]] e [[Special:Watchlist]]
    background-image:
*/
        linear-gradient(180deg, rgba(255,255,255,0.6), white),
.allpagesredirect a,
        url(https://gbf.wiki/images/e/ee/Town_bg_21003.jpg),
.redirect-in-category a,
        -webkit-linear-gradient(left, #88aeb7 0%,#b8d0d3 5%,#cfe8eb 20%,#d2d4cf 80%,#c7cebd 95%,#afc1c5 100%);
.unusedtemplatesredirect a,
.watchlistredir a {
font-style: italic;
color:green;
}
}


/* Íconpara predefinições medialist [[Template:Ouça]], [[Template:Multi-listen_start]], [[Template:Video]], [[Template:Multi-video_start]] */
.page-Bestia_Island .mw-body {
div.listenlist {
    background-image:
background: url( "//upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Gnome-speakernotes.png/30px-Gnome-speakernotes.png" );
        linear-gradient(180deg, rgba(255,255,255,0.6), white),
padding-left: 40px;
        url(https://gbf.wiki/images/e/e7/Town_bg_21004.jpg),
        -webkit-linear-gradient(left, #88aeb7 0%,#b8d0d3 5%,#cfe8eb 20%,#d2d4cf 80%,#c7cebd 95%,#afc1c5 100%);
}
}


div.videolist,
.page-Reiche_Island .mw-body {
div.multivideolist {
    background-image:
background: url( "//upload.wikimedia.org/wikipedia/en/thumb/2/20/Tango-video-x-generic.png/40px-Tango-video-x-generic.png" );
        linear-gradient(180deg, rgba(255,255,255,0.6), white),
padding-left: 50px;
        url(https://gbf.wiki/images/0/0b/Town_bg_21005.jpg),
        -webkit-linear-gradient(left, #88aeb7 0%,#b8d0d3 5%,#cfe8eb 20%,#d2d4cf 80%,#c7cebd 95%,#afc1c5 100%);
}
}


/* Style rules for media list templates */
.page-Starke_Island .mw-body {
div.medialist {
    background-image:
min-height: 50px;
        linear-gradient(180deg, rgba(255,255,255,0.6), white),
margin: 1em;
        url(https://gbf.wiki/images/0/0f/Town_bg_21006.jpg),
background-position: top left;
        -webkit-linear-gradient(left, #88aeb7 0%,#b8d0d3 5%,#cfe8eb 20%,#d2d4cf 80%,#c7cebd 95%,#afc1c5 100%);
background-repeat: no-repeat;
}
}


div.medialist ul {
.page-The_Edgelands .mw-body {
list-style-type: none;
    background-image:
list-style-image: none;
        linear-gradient(180deg, rgba(255,255,255,0.6), white),
margin: 0;
        url(https://gbf.wiki/images/0/0d/Town_bg_21007.jpg),
        -webkit-linear-gradient(left, #88aeb7 0%,#b8d0d3 5%,#cfe8eb 20%,#d2d4cf 80%,#c7cebd 95%,#afc1c5 100%);
}
}


div.medialist ul li {
 
padding-bottom: 0.5em;
/* ------------ */
/* Oarlyegrande */
/* ------------ */
 
.page-New_Utopia .mw-body {
    background-image:
        linear-gradient(180deg, rgba(255,255,255,0.6), white),
        url(https://gbf.wiki/images/b/b9/Town_bg_22001.jpg),
        -webkit-linear-gradient(left, #88aeb7 0%,#b8d0d3 5%,#cfe8eb 20%,#d2d4cf 80%,#c7cebd 95%,#afc1c5 100%);
}
}


div.medialist ul li li {
 
font-size: 91%;
/* Specific page positions */
padding-bottom: 0;
/* (to hide black bar on the top part of some images) */
.page-Valtz_Duchy .mw-body {
    background-position: 0 0, 0 calc(-6vw), 0 0;
}
}


/* Change the external link icon to an Adobe icon for all PDF files
.page-Silverwind_Stretch_North_Vast .mw-body {
* in browsers that support these CSS selectors, like Mozilla and Opera
    background-position: 0 0, 0 calc(-3vw), 0 0;
*/
#content a[href$=".pdf"].external,
#content a[href*=".pdf?"].external,
#content a[href*=".pdf#"].external,
#content a[href$=".PDF"].external,
#content a[href*=".PDF?"].external,
#content a[href*=".PDF#"].external,
#mw_content a[href$=".pdf"].external,
#mw_content a[href*=".pdf?"].external,
#mw_content a[href*=".pdf#"].external,
#mw_content a[href$=".PDF"].external,
#mw_content a[href*=".PDF?"].external,
#mw_content a[href*=".PDF#"].external {
background: url( "//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif" ) center right no-repeat;
padding-right: 16px;
}
}


/* Change the external link icon to an Adobe icon anywhere the PDFlink class
.page-The_Edgelands .mw-body {
* is used (notably Template:PDFlink). This works in IE, unlike the above.
    background-position: 0 0, 0 calc(-0.5vw), 0 0;
*/
#content span.PDFlink a,
#mw_content span.PDFlink a {
background: url( "//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif" ) center right no-repeat;
padding-right: 17px;
}
}


/* Messagebox templates */
.page-New_Utopia .mw-body {
.messagebox {
    background-position: 0 0, 0 calc(-1.6vw), 0 0;
border: 1px solid #aaa;
background-color: #f9f9f9;
width: 80%;
margin: 0 auto 1em auto;
padding: .2em;
}
}


.messagebox.merge {
/* --------------------
border: 1px solid #c0b8cc;
WORLD PAGE STYLE END
background-color: #f0e5ff;
-------------------- */
 
/* ----------------------------
BATTLE RESIST FORMATTING START
----------------------------- */
.battle-phase-phase-header {
text-align: center;
text-align: center;
background-color: #eaecf0;
}
}


.messagebox.cleanup {
.battle-resist--row > p {
border: 1px solid #9f9fff;
    margin: 0;
background-color: #efefff;
}
text-align: center;
 
.battle-resist--atk {
    color: red;
}
 
.battle-resist--def {
    color: blue;
}
 
.battle-resist--number {
    display: inline-block;
    min-width: 35px;
    text-align: right;
}
 
.battle-resist--hp {
    min-width: 50px;
    padding-right: 4px;
}
 
.battle-resist--atk {
    min-width: 90px;
}
 
.battle-resist--def {
    min-width: 55px;
}
 
.battle-resist--debuff {
    display: flex;
    flex-direction: column;
    width: auto;
    text-align: center;
    margin: 0.5em 0 0 0 !important;
}
 
.battle-resist--debuff--resist-immune span.tooltip > a > img  {
    opacity: 0.3;
}
 
.battle-resist--row.battle-resist--debuffs {
    display: flex;
    justify-content: space-around;
    max-width: 800px;
    padding-left: 3px;
}
 
/*
  This is because status icons are 25x25 in size
  However the circle inside the image is only 22px in diameter
*/
.battle-resist--debuff .battle-resist--debuff--symbol {
    margin-right: 3px;
}
 
/* ----------------------------
  BATTLE RESIST FORMATTING END
----------------------------- */
 
 
/* ---------------------------
OBTAIN LIST FORMATTING START
--------------------------- */
/* Obtain items as raid */
.obtain-list-item,
.obtain-list-item > .image_link {
    display: grid;
    grid-template-columns: 54px auto auto;
    grid-column-gap: 6px;
    align-items: center;
}
 
.obtain-list-item:only-child {
grid-template-columns: auto 1fr auto;
}
 
/* Obtain items as materials */
.obtain-list-item > .image_link {
    justify-items: center;
}
 
/* Obtain items without images */
.obtain-list-item > :only-child:not(.image_link) {
    grid-column-start: 2;
    justify-self: center;
    text-align: center !important;
}
 
/* Obtain Text */
.obtain-list > :only-child:not(.obtain-list-item) {
    display: block;
    text-align: center;
}
 
/* ---------------------------
  OBTAIN LIST FORMATTING END
--------------------------- */
 
/* -------------------------------
  BULLET TABLE COLUMN FORMATTING
--------------------------------*/
.bullet-table td:nth-child(3),
.bullet-table td:nth-child(4),
.bullet-table td:nth-child(6) {
    text-align: center;
}
 
/* -------------------------
  WHATSNEW LIST FORMATTING
------------------------- */
.whatsnew-list {
    overflow:hidden;
    width: 100%;
}
 
.whatsnew-list > span {
    float: left;
    margin: 0 0.25em 0.25em 0;
}
 
.whatsnew-list > span:nth-child(4n + 1) {
    clear: both
}
 
/* -------------------------
Scenario formatting
------------------------- */
span.scene-font-italic {
font-style: italic;
}
}


.messagebox.standard-talk {
/* -------------------------
border: 1px solid #c0c090;
Text colors
background-color: #f8eaba;
------------------------- */


.text-color--fire {
color: #C02E1D;
}
.text-color--water {
color: #4169E1;
}
.text-color--earth {
color: #8C4614;
}
.text-color--wind {
color: #228B22;
}
.text-color--light {
color: #ECAA38;
}
.text-color--dark {
color: #483D8B;
}
}


.messagebox.nested-talk {
.text-color--aura0 {
border: 1px solid #c0c090;
color: #222222;
background-color: #f8eaba;
}
width: 100%;
.text-color--aura1 {
margin: 2px 4px 2px 4px;
color: #99620f;
}
.text-color--aura2 {
color: #7b0f99;
}
.text-color--aura3 {
color: #007acc;
}
.text-color--auramain {
color: #e68900;
}
.text-color--aurasub {
color: #0f9999;
}
}


.messagebox.small {
.text-color--cb-n {
width: 238px;
color: blue;
font-size: 85%;
font-size: 87%;
float: right;
font-weight: 700;
clear: both;
}
margin: 0 0 1em 1em;
.text-color--cb-od {
line-height: 1.25em;
color: red;
font-size: 87%;
font-weight: 700;
}
.text-color--cb-tr {
color: olive;
font-size: 87%;
font-weight: 700;
}
}


/**
.text-color--added {
* Infobox V2 - em fase de teste
background-color: LemonChiffon;
* Ver [[fr:Projet:Infobox/V2]]
border-radius: 4px;  
**/
font-size: 0.8em;
.infobox_v2 {
font-weight: 700;
background: #f9f9f9;
color: #000;
font-size: 90%;
line-height: 1.1em;
float:right;
clear:right;
margin: 0.5em 0 0.5em 1em;
width: 23em;
border: 1px solid #aaa;
padding: 2px;
padding: 2px;
}
.text-color--new {
background-color: PeachPuff;
border-radius: 4px;
font-size: 0.8em;
font-weight: 700;
padding: 2px;
}
.text-color--removed {
background-color: Lavender;
border-radius: 4px;
font-size: 0.8em;
font-weight: 700;
padding: 2px;
}
.text-color--reworked {
background-color: LightBlue;
border-radius: 4px;
font-size: 0.8em;
font-weight: 700;
padding: 2px;
}
.text-color--new-effect {
background-color: DarkSeaGreen;
border-radius: 4px;
font-size: 0.8em;
font-weight: 700;
padding: 2px;
}
.text-color--old-effect {
background-color: LightPink;
border-radius: 4px;
font-size: 0.8em;
font-weight: 700;
padding: 2px;
}
.text-color--highlight-reward {
background-color: rgba(255,152,0,0.2);
}
/* -------------------------
NVD3 styling
------------------------- */
.nvtooltip {
position: absolute;
background-color: rgba(255,255,255,1.0);
color: rgba(0,0,0,1.0);
padding: 1px;
border: 1px solid rgba(0,0,0,.2);
z-index: 10000;
display: block;
font-family: Arial;
font-size: 13px;
text-align: left;
pointer-events: none;
white-space: nowrap;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
}


.infobox_v2 th {
.nvtooltip {
vertical-align:top;
background: rgba(255,255,255, 0.8);
text-align:left;
border: 1px solid rgba(0,0,0,0.5);
border-radius: 4px;
}
}


.infobox_v2 .topo{
/* Give tooltips that old fade in transition by
height:45px;
  putting a "with-transitions" class on the container div. */
vertical-align:middle;
.nvtooltip.with-transitions, .with-transitions .nvtooltip {
text-align:center;
transition: opacity 50ms linear;
font-size:120%;
-moz-transition: opacity 50ms linear;
font-weight:bolder;
-webkit-transition: opacity 50ms linear;
line-height:1.2em;
 
color:#000;
transition-delay: 200ms;
-moz-transition-delay: 200ms;
-webkit-transition-delay: 200ms;
}
}


.infobox_v2 .midia {
.nvtooltip.x-nvtooltip,
height:35px;
.nvtooltip.y-nvtooltip {
vertical-align:middle;
padding: 8px;
text-align:center;
font-weight:bolder;
color:#000;
}
}


/* Imagens transparentes dos topos da infobox V2 */
.nvtooltip h3 {
/*.topo.padrao      {}*/
margin: 0;
.topo.animangá    { background: url( "//upload.wikimedia.org/wikipedia/commons/6/63/Picto_infobox_anime_and_manga.png" ) no-repeat top right; }
padding: 4px 14px;
.topo.astronomia  { background: url( "//upload.wikimedia.org/wikipedia/commons/e/ee/Picto_infobox_rocket.png" )          no-repeat top right; }
line-height: 18px;
.topo.bd          { background: url( "//upload.wikimedia.org/wikipedia/commons/2/2c/Picto_infobox_comicballoon.png" )  no-repeat top right; }
font-weight: normal;
.topo.castelo    { background: url( "//upload.wikimedia.org/wikipedia/commons/5/5c/Picto_infobox_chateau.png" )      no-repeat top right; }
background-color: rgba(247,247,247,0.75);
.topo.cerveja    { background: url( "//upload.wikimedia.org/wikipedia/commons/0/04/Picto_infobox_beer.png" )          no-repeat top right; }
color: rgba(0,0,0,1.0);
.topo.cinema      { background: url( "//upload.wikimedia.org/wikipedia/commons/e/ea/Picto_infobox_cinema.png" )        no-repeat top right; }
text-align: center;
.topo.computador  { background: url( "//upload.wikimedia.org/wikipedia/commons/c/ce/Arduino_ftdi_chip-1.png" )        no-repeat top right; }
.topo.comunicacao { background: url( "//upload.wikimedia.org/wikipedia/commons/a/a2/Picto_infobox_antenna.png" ) no-repeat top right; }
.topo.desporto   { background: url( "//upload.wikimedia.org/wikipedia/commons/8/8e/Picto_infobox_Olympic.png" ) no-repeat top right; }
.topo.edificioreligioso  { background: url( "//upload.wikimedia.org/wikipedia/commons/3/30/Pictogram-infobox-religious.png" ) no-repeat top right; }
.topo.europa      { background: url( "//upload.wikimedia.org/wikipedia/commons/c/c0/Picto_Infobox_Europe.png" )        no-repeat top right; }
.topo.fisica      { background: url( "//upload.wikimedia.org/wikipedia/commons/3/37/Fourier_infobox.png" )            no-repeat bottom right; }
.topo.internet    { background: url( "//upload.wikimedia.org/wikipedia/commons/a/aa/Picto_infobox_internet_PD.svg" ) no-repeat center right; }
.topo.humano      { background: url( "//upload.wikimedia.org/wikipedia/commons/8/82/Picto_infobox_manwoman.png" )      no-repeat top right; }
.topo.jogo        { background: url( "//upload.wikimedia.org/wikipedia/commons/2/2d/Picto_infobox_gamepad.png" )      no-repeat bottom right; }
.topo.jornal      { background: url( "//upload.wikimedia.org/wikipedia/commons/2/23/Picto_infobox_journal.png" )      no-repeat bottom right; }
.topo.mapa        { background: url( "//upload.wikimedia.org/wikipedia/commons/7/7a/Picto_infobox_map.png" )          no-repeat top right; }
.topo.musica      { background: url( "//upload.wikimedia.org/wikipedia/commons/6/60/Picto_infobox_music.png" )        no-repeat bottom right; }
.topo.televisao  { background: url( "//upload.wikimedia.org/wikipedia/commons/a/a6/Picto_infobox_TV-T%26PC.png" )    no-repeat top right; }
.topo.novela, .topo.televisao2  { background: url( "//upload.wikimedia.org/wikipedia/commons/a/a6/Picto_infobox_TV-T%26PC.png" )    no-repeat bottom right; }
.topo.palacio    { background: url( "//upload.wikimedia.org/wikipedia/commons/5/5e/Pictogram_infobox_palace.png" )    no-repeat top right; }
.topo.quimica    { background: url( "//upload.wikimedia.org/wikipedia/commons/9/95/Picto_infobox_chemistry.png" )    no-repeat bottom right; }
.topo.teatro      { background: url( "//upload.wikimedia.org/wikipedia/commons/3/37/Picto_infobox_masks.png" )        no-repeat top right; }
.topo.autor      { background: url( "//upload.wikimedia.org/wikipedia/commons/1/1e/Picto_infobox_auteur.png" )       no-repeat top right; }
.topo.wiki        { background: url( "//upload.wikimedia.org/wikipedia/commons/2/24/Picto_infobox_default.png" )      no-repeat top right; }
.topo.filme      { background: url( "//upload.wikimedia.org/wikipedia/commons/4/4d/Picto_infobox_film.png" )          no-repeat center right; }
.topo.ferramentas { background: url( "//upload.wikimedia.org/wikipedia/commons/c/cb/Picto_infobox_tools.png" )        no-repeat top right; }
.topo.livro      { background: url( "//upload.wikimedia.org/wikipedia/commons/4/42/Picto_infobox_book.png" )          no-repeat center right; }
.topo.espacial    { background: url( "//upload.wikimedia.org/wikipedia/commons/9/94/Picto_infobox_shuttle.png" )      no-repeat top right; }
.topo.rka        { background: url( "//upload.wikimedia.org/wikipedia/commons/1/1b/Picto_infobox_RKA.png" )          no-repeat top right; }
.topo.ginastica  { background: url( "//upload.wikimedia.org/wikipedia/commons/9/92/Picto_infobox_gymnastic.png" )    no-repeat top right; }
.topo.raio        { background: url( "//upload.wikimedia.org/wikipedia/commons/2/27/Picto_infobox_raio.png" )          no-repeat top right; }
.topo.robo        { background: url( "//upload.wikimedia.org/wikipedia/commons/5/5f/Picto_infobox_robot.png" )        no-repeat top right; }
.midia.audio { background: url( "//upload.wikimedia.org/wikipedia/commons/thumb/8/87/Gnome-mime-sound-openclipart.svg/35px-Gnome-mime-sound-openclipart.svg.png" ) no-repeat top left; }
.midia.video { background: url( "//upload.wikimedia.org/wikipedia/commons/thumb/e/e7/Video-x-generic.svg/35px-Video-x-generic.svg.png" ) no-repeat top left; }


/* Fim da fase de teste da Infobox V2 */
border-bottom: 1px solid #ebebeb;


/* Fundo logo Wikipédia */
-webkit-border-radius: 5px 5px 0 0;
.fundologo {
-moz-border-radius: 5px 5px 0 0;
background: url( "//upload.wikimedia.org/wikipedia/commons/1/10/Wikipedia-logo-v2-200px-transparent.png" );
border-radius: 5px 5px 0 0;
}
}


/* Barra de navegação */
.nvtooltip p {
div.Boxmerge,
div.NavFrame {
margin: 0;
margin: 0;
padding: 2px;
padding: 5px 14px;
border: 1px solid #aaa;
text-align: center;
text-align: center;
border-collapse: collapse;
font-size: 95%;
}
}


div.Boxmerge div.NavFrame {
.nvtooltip span {
border-style: none;
display: inline-block;
border-style: hidden;
margin: 2px 0;
}
}


div.NavFrame + div.NavFrame {
.nvtooltip table {
border-top-style: none;
margin: 6px;
border-top-style: hidden;
border-spacing:0;
}
}


div.NavPic {
 
background-color: #fff;
.nvtooltip table td {
margin: 0;
padding: 2px 9px 2px 0;
padding: 2px;
vertical-align: middle;
float: left;
}
}


div.NavFrame div.NavHead {
.nvtooltip table td.key {
height: 1.6em;
font-weight:normal;
}
.nvtooltip table td.value {
text-align: right;
font-weight: bold;
font-weight: bold;
font-size: 100%;
background-color: #efefef;
position:relative;
}
}


div.NavFrame p {
.nvtooltip table tr.highlight td {
font-size: 100%;
padding: 1px 9px 1px 0;
border-bottom-style: solid;
border-bottom-width: 1px;
border-top-style: solid;
border-top-width: 1px;
}
}


div.NavFrame div.NavContent {
.nvtooltip table td.legend-color-guide div {
font-size: 100%;
width: 8px;
height: 8px;
vertical-align: middle;
}
}


div.NavFrame div.NavContent p {
.nvtooltip table td.legend-color-guide div {
font-size: 100%;
width: 12px;
height: 12px;
border: 1px solid #999;
}
}


div.NavEnd {
.nvtooltip .footer {
margin: 0;
padding: 3px;
padding: 0;
text-align: center;
line-height: 1px;
clear: both;
}
}


a.NavToggle {
.nvtooltip-pending-removal {
position:absolute;
pointer-events: none;
top:0;
display: none;
right:3px;
font-weight:normal;
font-size:smaller;
}
}


/* Geographical coordinates defaults. See [[Template:Coord/link]]
  for how these are used. The classes "geo", "longitude", and
  "latitude" are used by the [[Geo microformat]]. */
.geo-default, .geo-dms, .geo-dec  { display: inline; }
.geo-nondefault, .geo-multi-punct { display: none; }
.longitude, .latitude            { white-space: nowrap; }


/* Permite limitar a quantidade de níveis num índice;
/* Interactive Layer */
* <div class="toclimit-3">, por exemplo, limitará somente
.nvd3 .nv-interactiveGuideLine {
* a ==nível 2== e ===nível 3=== e nada inferior, contanto
pointer-events:none;
* que não exista =nível 1= na pagina.
}
*/
.nvd3 line.nv-guideline {
.toclimit-2 .toclevel-2,
stroke: #ccc;
.toclimit-3 .toclevel-3,
.toclimit-4 .toclevel-4,
.toclimit-5 .toclevel-5,
.toclimit-6 .toclevel-6,
.toclimit-7 .toclevel-7 {
display: none;
}
}


/* Remove bordas brancas de miniaturas */
.nvd3 .nv-groups path.nv-line {
div.thumb {
fill: none;
border: none;
}
}


div.tright {
.nvd3 .nv-groups path.nv-area {
border: none;
stroke: none;
margin: 0.5em 0 0.8em 1.4em;
}
}


div.tleft {
.nvd3 .nv-axis {
border: none;
pointer-events:none;
margin: 0.5em 1.4em 0.8em 0;
opacity: 1;
}
}


/* Suporte para [[Predefinição:AFI]], [[Predefinição:Unicode]] e [[Predefinição:politônico]] */
.nvd3 .nv-axis path {
.AFI {
fill: none;
font-family: "Charis SIL", "Doulos SIL", Gentium, GentiumAlt,
stroke: #000;
"DejaVu Sans", Code2000, "TITUS Cyberbit Basic",
stroke-opacity: .75;
"Arial Unicode MS", "Lucida Sans Unicode",
shape-rendering: crispEdges;
"Chrysanthi Unicode";
}
}


.Unicode {
.nvd3 .nv-axis path.domain {
font-family: Code2000, Code2001, "Free Serif", "TITUS Cyberbit Basic",
stroke-opacity: .75;
"Doulos SIL", "Chrysanthi Unicode", "Bitstream Cyberbit",
"Bitstream CyberBase", Thryomanes, Gentium, GentiumAlt,
"Lucida Grande", "Free Sans", "Arial Unicode MS",
"Microsoft Sans Serif", "Lucida Sans Unicode";
}
}


.politonico {
.nvd3 .nv-axis.nv-x path.domain {
font-family: "Athena Unicode", Gentium, "Palatino Linotype",
stroke-opacity: 0;
"Arial Unicode MS", "Lucida Sans Unicode",
"Lucida Grande", Code2000;
}
}


/* Prevent line breaks in silly places:
.nvd3 .nv-axis line {
  1) Where desired
fill: none;
  2) Links when we don't want them to
stroke: #e5e5e5;
  3) Bold "links" to the page itself
shape-rendering: crispEdges;
  4) Ref tags with group names <ref group="Note"> --> "[Note 1]" */
.nowrap,
.nowraplinks a,
.nowraplinks .selflink,
sup.reference a {
white-space: nowrap;
}
}


/* But allow wrapping where desired: */
.nvd3 .nv-axis .zero line,
.wrap,
/*this selector may not be necessary*/ .nvd3 .nv-axis line.zero {
.wraplinks a {
stroke-opacity: .75;
white-space: normal;
}
}


/* Para a documentação das predefinições */
.nvd3 .nv-axis .nv-axisMaxMin text {
.template-documentation {
font-weight: bold;
clear: both;
margin: 1em 0 0 0;
border: 1px solid #C0C0C0;
background-color: #ECFCF4;
padding: 1em;
}
}


/* Ícone do [[MediaWiki:WikiLove.js]] */
.nvd3 .x  .nv-axis .nv-axisMaxMin text,
#ca-wikilove.icon a {
.nvd3 .x2 .nv-axis .nv-axisMaxMin text,
background-image: url( //upload.wikimedia.org/wikipedia/commons/thumb/8/87/Symbol_thumbs_up.svg/16px-Symbol_thumbs_up.svg.png );
.nvd3 .x3 .nv-axis .nv-axisMaxMin text {
text-anchor: middle
}
}


#ca-wikilove.icon a:hover,
.nvd3 .nv-axis.nv-disabled {
#ca-wikilove.icon a:focus {
opacity: 0;
background-position: 5px 60%;
background-image: url( //upload.wikimedia.org/wikipedia/commons/thumb/a/ad/Symbol_thumbs_up_color.svg/16px-Symbol_thumbs_up_color.svg.png );
}
}


/* Oculta qualquer conteúdo que só é de interesse para grupos específicos de usuários.
 
* Torna-se visível novamente por meio de
.nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point {
* - [[MediaWiki:Group-user.css]]
fill-opacity: 0;
* - [[MediaWiki:Group-autoreviewer.css]]
stroke-opacity: 0;
* - [[MediaWiki:Group-eliminator.css]]
* - [[MediaWiki:Group-rollbacker.css]]
* - [[MediaWiki:Group-sysop.css]]
* - [[MediaWiki:Group-bureaucrat.css]]
*/
.bureaucrat-show,
.sysop-show,
.eliminator-show,
.rollbacker-show,
.autoreviewer-show,
.autoconfirmed-show,
.user-show {
display: none;
}
}


/* Make <math display="block"> be left aligned with one space indent for compatibility with style conventions */
.nvd3.nv-scatter.nv-single-point .nv-groups .nv-point {
.mwe-math-fallback-image-display,
fill-opacity: .5 !important;
.mwe-math-mathml-display {
stroke-opacity: .5 !important;
margin-left: 1.6em !important;
margin-top: 0.6em;
margin-bottom: 0.6em;
}
}
.mwe-math-mathml-display math {
 
display: inline;
 
.with-transitions .nvd3 .nv-groups .nv-point {
transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
-moz-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
-webkit-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
 
}
}


/* hidden sortkey for tablesorter */
.nvd3.nv-scatter .nv-groups .nv-point.hover,
td .sortkey,
.nvd3 .nv-groups .nv-point.hover {
th .sortkey {
stroke-width: 7px;
display: none;
fill-opacity: .95 !important;
speak: none;
stroke-opacity: .95 !important;
}
}


/* Aspas retas para <q> */
.nvd3 .nv-point-paths path {
q {
stroke: #aaa;
quotes: '"' '"' "'" "'";
stroke-opacity: 0;
fill: #eee;
fill-opacity: 0;
}
}


/* Evitar colisão de blockquote com elementos flutuantes ao trocar margem com padding */
.nvd3 .nv-indexLine {
blockquote {
cursor: ew-resize;
overflow: hidden;
margin: 1em 0;
padding: 0 40px;
}
}


pre, .mw-code {
.lineChart svg {
overflow-x: hidden;
  background-color: white;
overflow-wrap: break-word;
}
/*
* TOCLIMIT UTILITY CSS CLASS
*
* Allow limiting of which header levels are shown in a TOC;
* <div class="toclimit-3">, for instance, will limit to
* showing ==headings== and ===headings=== but no further.
* Used in [[Template:TOC]]
*/
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
    display: none;
}
}


/* Mesmo espaçamento para parágrafos indentados e não-indentados em páginas de discussões */
/* ---------------------------
.ns-talk .mw-body-content dd {
  TEMPLATE:BABYL_RAIDS START
margin-top: 0.4em;
--------------------------- */
margin-bottom: 0.4em;
/* Layer */
.babyl-layer {
    display: flex;
}
}


/* Reajustar estilização em itálico definido pelo agente de utilizador */
.babyl-layers ~ .babyl-layer:not(.active) {
cite, dfn {
    display: none;
font-style: inherit;
}


.babyl-layer .content-picker {
    display: flex;
    width: 300px;
    flex-direction: column;
    align-items: center;
}
}


/* Classes genéricas para serifa baseada em Times, classe texhtml para matemática em linha */
.babyl-layer .content-picker .image {  
.times-serif,
    filter: saturate(0.5) brightness(0.5);
span.texhtml {
font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
font-size: 118%;
line-height: 1;
}
}


span.texhtml {
.babyl-layer .content-picker .active .image {
white-space: nowrap;
    filter: none;
}
}


span.texhtml span.texhtml {
.babyl-layer .content-picker .missions {
font-size: 100%;
    margin-top: 5px;
    padding-left: 33px;
    cursor: pointer;
}
}


span.mwe-math-mathml-inline {
.babyl-layer .content {
font-size: 118%;
    margin-left: 1em;
}
}


/* Forçar exibição tabular e de revestimento para dígitos e texhtml */
@media (max-width: 1400px) {
.digits,
.babyl-layer .content {
.texhtml {
    transform: scale(0.85);
-moz-font-feature-settings: "lnum", "tnum", "kern" 0;
    transform-origin: top left;
-webkit-font-feature-settings: "lnum", "tnum", "kern" 0;
}
font-feature-settings: "lnum", "tnum", "kern" 0;
font-variant-numeric: lining-nums tabular-nums;
font-kerning: none;
}
}


ol.references,
.babyl-layer .content table {
div.reflist {
    margin-top: 0.33em;
font-size: 90%;            /* font-size padrão */
margin-bottom: 0.5em;
}
}
div.reflist ol.references {
 
font-size: 100%;          /* Resetar font-size quando aninhado em div.reflist */
/* Hide images on the top of Raids: namespace pages */
margin-bottom: 0;          /* Evitar margem dupla quando aninhado em div.reflist */
.babyl-layer .content .mw-parser-output > p:first-child {
list-style-type: inherit; /* Habilitar tipos de estilo de lista personalizadoss */
    display: none;
}
}


/* Resetar margem de topo para listas embutidas em colunas */
/* Floor */
div.columns {
.babyl-floor {
margin-top: 0.3em;
    display: flex;
    align-items: center;
    clear: both;
}
}
div.columns dl,
 
div.columns ol,
.babyl-floor > .number {
div.columns ul {
    width: 30px;
margin-top: 0;
    margin-right: 3px;
    text-align: center;
}
}


/* Make it possible to hide checkboxes in <inputbox> */
.babyl-floor .quests {
.inputbox-hidecheckboxes form .inputbox-element,
    width: 267px;
.inputbox-hidecheckboxes .mw-ui-checkbox {
    display: flex;
display: none !important;
    justify-content: space-between;
}
}


/* Ajuste na cor do símbolo de não-patrulhado nas [[WP:Mudanças recentes]], em conformidade com o [[WP:Padrão visual]] */
/* Quest */
abbr.unpatrolled {
.babyl-quest {
     color: #B60000
     position: relative;
    display: inline-block;
    cursor: pointer;
}
}


/* Confetes do [[Mediawiki:Sitenotice]] dos 20 anos */
.babyl-quest > .number {
.top-banner-20 {
    position: absolute;
  background: url( "//upload.wikimedia.org/wikipedia/donate/0/08/Wikipedia20_banner_backgroundtop2.svg" );
    top: 5px;
  background-size: auto 36px;
    left: 5px;
  background-repeat: repeat-x;
    color: white;
  position: absolute;
    font-size: 10px;
  width: 100%;
  height: 36px;
  overflow: hidden;
  z-index: 0;
  margin-right: 149px;
}
}
.bottom-banner-20 {
 
    background: url( "//upload.wikimedia.org/wikipedia/donate/c/c9/Wikipedia20_banner_backgroundbottom2.svg" );
.babyl-quest > .icons {
    background-size: auto 36px;
    background-repeat: repeat-x;
     position: absolute;
     position: absolute;
     width: 100%;
     top: 6px;
     height: 36px;
     right: 5px;
     overflow: hidden;
     display: flex;
     transform: translateY(-36px);
}
     margin-right: 149px;
 
.babyl-quest > .icons img {
     padding-left: 2px;
}
 
/* -------------------------
  TEMPLATE:BABYL_RAIDS END
------------------------- */
 
/* Style for horizontal lists (separator following item).
  @source mediawiki.org/wiki/Snippets/Horizontal_lists
  @revision 9 (2016-08-10)
  @author [[User:Edokter]]
*/
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
    padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
     margin: 0;
    display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
    display: inline;
}
/* Hide empty list items */
.hlist .mw-empty-li,
.hlist .mw-empty-elt {
    display: none;
}
/* Generate interpuncts */
.hlist dt:after {
    content: ": ";
}
.hlist dd:after,
.hlist li:after {
    content: " · ";
    font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
    content: " (";
    font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
    content: ")";
    font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
    counter-reset: listitem;
}
.hlist ol > li {
    counter-increment: listitem;
}
.hlist ol > li:before {
    content: " " counter(listitem) "\a0";
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
    content: " (" counter(listitem) "\a0";
}
}
/*
  Style for horizontal lists (separator following item) ends.
*/

Edição das 00h14min de 18 de julho de 2021

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

/* temp nicer background before theme changes, ty teg for the idea o/ */
body {
    background-image: url(images/background.png);
    background-repeat: no-repeat;
}

#mw-page-base {
    background-image: none;
    background-color: rgba(0,0,0,0);
}

div#mw-head div.vectorMenu h3 {
   background-image: none;
}

div.vectorMenu h3 span {
    padding-top: 1em;
}

div.vectorTabs {
    border-top: 1px solid #dceefb;
    height: 2.2em;
}

div.vectorTabs li a {
    height: 1.95em;
}

div.vectorTabs span a {
    padding-top: 0.8em;
}

#p-personal {
top: 0;
right: 0;
background-color: #fff;
padding-top: 0.25em;
padding-right: 0.75em;
border-radius: 0px 0px 0px 5px;
}

#p-personal ul {
padding-left: 0;
}

#p-logo {
	padding-top: 8px;
}

div#content {
    box-shadow: rgba(0,0,0,0.15) 0 0.1em 0.75em;
}

div#simpleSearch {
    margin-top: 0.35em;
}

#ca-unwatch.icon a, 
#ca-watch.icon a {
    padding-top: 2.7em;
}

#left-navigation,
#right-navigation {
    margin-top: 2.75em;
}

#p-personal {
    text-shadow: 0 0 2px #FEFEFE, 0 0 4px #FFF;
}

#pt-anonuserpage {
    margin-bottom: 0.8em;
}

/* Fix the `More` tab */
#p-search,
div#mw-head div.vectorMenu h3 {
    margin-top: 1px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAIAAADITs03AAAAO0lEQVR4AeSKhREAMQzDdN5/5uixuEKDpqgBjl2f78wd2DVj1+26/h///PfteVMN7zoGebcg1/Y/ZQQAlAUtQCujIJMAAAAASUVORK5CYII=);
    background-repeat: repeat-x;
    background-position: bottom left;
}

#p-search,
div#mw-head div.vectorMenu h3,
div#mw-head div.vectorMenu h3 a {
    height: 2.2em;
}

div#mw-head div.vectorMenu h3 a:after {
    content: '';
    display: block;
    width: inherit;
    height: 2.2em;
    margin: 1px 0 0 1px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAuCAIAAABmjeQ9AAAAQ0lEQVR4AWVOhQEAIAzC/X+xAXbXeoDFGA3A9yk1n4juBROcUegfarWjP3ojZvEzxs6j+nygmo+zzsk79nY+tOxdEhlf3UHVgUFrVwAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: bottom right;
}

#p-search {
    margin: 1px 0 0 0.5em;
    padding: 0 0.5em;
}

#p-cactions > .menu { top: 2.2em; }

/* Background Ends Here */

/* Faster visible changes */
tr.hide {
	visibility: collapse;
}
.hide:not(tr) {
	display: none;
}
/* Faster visible changes ends here */

.tabs-label {
	border-radius: 0 0 0 0 !important;
}

.tabs-container {
	border-radius: 0 0 0 0  !important;
}

table.wikitable.stripe > * > tr:nth-child(even) > td,
table.wikitable.stripe2 > * > tr:nth-child(4n+1) > td,
table.wikitable.stripe2 > * > tr:nth-child(4n+2) > td {
	background-color: #fdfdfd;
}

.summon_template a,
.summon_template a.extiw,
.summon_template a.extiw:visited {
  color: white;
  display: inline-block;
  border-bottom: 1px dotted;
}
.summon_template a:hover, .summon_template a:active {
  text-decoration: none;
}
.summon_template span.image_link a:nth-child(1) {
  border-bottom: 0; !important;
}
table.summon_template {
    color: white;
    border-spacing: 0;
    border-collapse: separate;
    border-width: 0 5px 0 5px;
    border-style: solid;
    position: relative;
    width: 627px;
}
table.summon_template .caption {
    background-color: rgba(0, 0, 0, 0.1);
    text-align: center;
    font-size: 16pt;
}
table.summon_template .subcaption {
    background-color: rgba(0, 0, 0, 0.05);
    text-align: center;
    font-size: 12pt;
}
table.summon_template tr > th .tooltiptext {
    font-size: 14px; 
    font-weight: normal;
}
table.summon_template tr > th {
    background: rgba(0, 0, 0, 0.5);
    border-style: solid;
    border-width: 5px;
    text-align: center;
}
table.summon_template tr > td {
    background: rgba(0, 0, 0, 0.3);
    border-style: solid;
    border-width: 5px;
    text-align: center;
}
.summon_template.fire {
    background: #fc9084;
    border-color: #fc9084;
}
.summon_template.fire td, .summon_template.fire th {
    border-color: #fc9084;
}
.summon_template.water {
    background: #84c6fc;
    border-color: #84c6fc;
}
.summon_template.water td, .summon_template.water th {
    border-color: #84c6fc;
}
.summon_template.earth {
    background: #ba9072;
    border-color: #ba9072;
}
.summon_template.earth td, .summon_template.earth th {
    border-color: #ba9072;
}
.summon_template.wind {
    background: #b4f090;
    border-color: #b4f090;
}
.summon_template.wind td, .summon_template.wind th {
    border-color: #b4f090;
}
.summon_template.light {
    background: #f0f08a;
    border-color: #f0f08a
}
.summon_template.light td, .summon_template.light th {
    border-color: #f0f08a
}
.summon_template.dark {
    background: #8472c0;
    border-color: #8472c0
}
.summon_template.dark td, .summon_template.dark th {
    border-color: #8472c0
}

.weapon_template a {
  color: white;
  display: inline-block;
  border-bottom: 1px dotted;
}

.weapon_template a:hover, .weapon_template a:active {
  text-decoration: none;
}

.weapon_template span.image_link a:nth-child(1) {
  border-bottom: 0; !important;
}

.weapon .image_assets-sprite img {
    outline: 1px dashed #000;
}

span.image_link {
  white-space: nowrap;
}

span.image_link.white a:nth-child(1) {
  border-bottom: 0px;
}

span.image_link.white a:nth-child(2) {
  color: white;
  display: inline-block;
  border-bottom: 1px dotted;
}

span.image_link.white a:hover, span.item_link.white a:active {
  text-decoration: none;
}

span.bold_link > a {
  font-weight: bold;
}

ul.elementlist {
	list-style: none;
	margin-left: 0.7em;
	margin-top: 0;
}

ul.elementlist li {
	/* Text color */
	color: black;
}

ul.elementlist li:before {
    /* Unicode bullet symbol */
    content: '\25a0 ';
    /* Bullet color */
    color: black;
    padding-right: 0.5em;
}

ul.elementlist li.fire:before {
	color: rgb(250,70,50);
}
ul.elementlist li.water:before {
	color: rgb(50,160,250);
}
ul.elementlist li.earth:before {
	color: rgb(140,70,20);
}
ul.elementlist li.wind:before {
	color: rgb(130,230,70);
}
ul.elementlist li.light:before {
	color: rgb(230,230,60);
}
ul.elementlist li.dark:before {
	color: rgb(50,20,150);
}

/* Tabber start */
.tabber .tabbertab {
	border: none;
	padding: 0;
}

ul.tabbernav {
    margin: 0;
    padding: 3px 0;
    border: 0;
    /*border-bottom: 1px solid #CCC;*/
    font: bold 14px Ariel, sans-serif !important;
}

ul.tabbernav li a {
    border-radius: 4px !important;
    padding: 3px .5em;
    margin-left: 3px;
    border: 1px solid #CCC;
    background: #F2F7FF;
    text-decoration: none;
    line-height: 1;
}

ul.tabbernav li.tabberactive a {
    background-color: #FFF;
    border: 1px solid #7ec0ee !important;
}

ul.tabbernav li.tabberactive a:hover {
    color: #000;
    background: #FFF;
    border: 1px solid #7ec0ee !important;
}

/* Hides invididual raid image from Six-Dragon Advent page */
.tabber-images + p > img:first-child {
    display: none;
}
/* Tabber end */

/* used for vertical alignment of tabber contents */
#mw-content-text > .wikitable:first-child tr:nth-child(2) > td:nth-child(2) > div > .tabber {
    min-height: 436px;
    max-height: 1000px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#mw-content-text > .wikitable:first-child tr:nth-child(2) > td:nth-child(2) > div > .tabber > .tabbernav {
    margin-bottom: auto;
}

#mw-content-text > .wikitable:first-child tr:nth-child(2) > td:nth-child(2) > div > .tabber > .tabbertab {
    margin-bottom: auto;
}

/* hide title on Main_Page */
body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; }

/* hide discussion on Main_Page */
.page-page-Main_Page #ca-talk { display: none !important; }


/* Gallery "tweaks" */
/* auto-expand gallery slideshow images */
.gallerybox { display: inline-block !important; }
/* hide gallery expand slideshow images button */
.oo-ui-iconElement-icon.oo-ui-icon-imageGallery { display: none !important; }
/* remove ugly margin */
.gallery.mw-gallery-slideshow { margin: 0 !important; }

/* Tooltip */
.tooltip {
  position: relative;
  display: inline;
  border-bottom: 1px dotted black;
}

.tooltiptext {
  visibility: hidden;
  min-width: 250px;
  padding: 12px 14px;
  
  position: absolute;
  left: 50%;
  bottom: calc(20px + 100%);
  z-index: 99999;
  
  background: #fff;
  box-shadow: 0 2px 0 0 rgba(0,0,0,0.15);
  border: 1px solid #a2a9b1;
  border-radius: 2px;
  
  white-space: normal;
  font-weight: normal;
  font-style: initial;
  text-align: center;
  font-size: 14px;
  line-height: 1.6;
}

.tooltiptext:after,
.tooltiptext:before {
  content: '';
  position: absolute;
  left: 50%;
  border-style: solid;
}

.tooltiptext:after {
  top: 100%;
  bottom: auto;
  width: 20px;
  height: 20px;
  background: #fff;
  margin-top: -10px;
  margin-left: -10px;
  box-shadow: 1px 1px 0px #a2a9b1;
  transform: rotate(45deg);
  border-width: 0;
}

.tooltiptext:before {
  top: 100%;
  bottom: auto;
  border-width: 18px;
  margin-left: -18px;
  border-color: rgba(0,0,0,0.15) transparent transparent transparent;
  pointer-events: none;
}

.tooltip .tooltip .tooltiptext,
.header-fixed-helper .tooltip .tooltiptext {
  bottom: auto;
  top: calc(20px + 100%);
}

.tooltip .tooltip .tooltiptext:after,
.header-fixed-helper .tooltip .tooltiptext:after {
  top: auto;
  bottom: 100%;
  border-width: 15px;
  margin-left: -15px;
  border-color: transparent transparent white transparent;
  width: 0;
  height: 0;
  box-shadow: none;
  background: none;
  transform: none;
}

.tooltip .tooltip .tooltiptext:before,
.header-fixed-helper .tooltip .tooltiptext:before {
  top: auto;
  bottom: 100%;
  border-width: 16px;
  margin-left: -16px;
  border-color: transparent transparent #888 transparent;
}

.tooltiptext span.hr {
    display: block;
    height: 1px;
    background-color: #a2a9b1;
}

.tooltiptext hr,
.tooltiptext span.hr {
  margin: 10px 0 12px;
  position: relative;
  background: none;
}

.tooltiptext hr:after,
.tooltiptext span.hr:after {
  content: '';
  display: block;
  width: 100%;
  height: 1px !important;
  position: absolute;
  left: -14px;
  background: #a2a9b1;
  padding: 0 14px;
}

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

.tooltiptext {
  opacity: 0;
  transition: opacity 200ms ease, visibility 0s ease 200ms, transform 200ms ease;
  transform: translate(-50%, 8px);
}

.tooltip .tooltip .tooltiptext,
.header-fixed-helper .tooltip .tooltiptext {
  transform: translate(-50%, -8px);
}

.tooltip:hover > .tooltiptext,
.tooltip.hover > .tooltiptext {
  opacity: 1;
  transition-delay: 0s;
  transform: translate(-50%, 0);
}

.tooltiptext a { color: #0645ad; border-bottom: 0; }
.tooltiptext a:visited { color: #0b0080; }
.tooltiptext a:active { color: #faa700; }
.tooltiptext a:hover, a:focus { text-decoration: underline; }
.tooltiptext { color: #252525; }
.tooltiptext a.new { color: #ba0000; }

/* Remove .mw-body-content stacking context so the tooltip can
   overlap with elements outside content area and be shown properly */
.mw-body-content { z-index: auto; }

/* Fixes border-bottom on tooltips in Weapon/Summon template */
.summon_template a,
.summon_template .tooltip,
.summon_template .image_link .tooltip a:nth-child(2),
.weapon_template a,
.weapon_template .tooltip,
.weapon_template .image_link .tooltip a:nth-child(2) {
  border-bottom: 1px dotted white;
}

.summon_template sup a,
.summon_template .tooltip a,
.summon_template .image_link .tooltip,
.weapon_template sup a,
.weapon_template .tooltip a,
.weapon_template .image_link .tooltip {
  border-bottom: none;
}

.flow-post .flow-post-content {
  overflow: visible;
}

/* Tooltip End */


.gridrec td {
  background: white; padding: 4px;
}
.gridrectoptext td {
  vertical-align: text-top;
}

/* start of styles for Template:GallerySwapImages */
.gallery-swap-images {
  display: inline-block;
  position: relative;
  vertical-align: middle
}
.gallery-swap-images > a,
.gallery-swap-images > img,
.gallery-swap-images > span {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 400ms ease;
}
.gallery-swap-images .active {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 200ms ease;
}
.gallery-swap-images:not(.enabled) :first-child {
  opacity: 1;
  pointer-events: auto;
  transition: none !important;
}
/* end of styles for Template:GallerySwapImages */

/* start of styles for Character Tracker */
.tracker-wrap {
  max-width: 1050px;
}
.tracker-item {
  float: left;
  padding: 7px 7px 0px 7px;
  margin: 1px;
  line-height: 0;
  border-radius: 5px;
  border: 1px solid lightgrey;
  opacity: 0.7;
}
.tracker-hide-uncap > .tracker-item {
  padding: 7px;
}
.tracker-item.selected {
  background-color: #f1b7a5;
  border-color: #be3f21;
  opacity: 1;
}
.tracker-box {
  display: inline-block;
}
.tracker-filter-group {
  display: inline-block;
  margin-right: 0.2em;
}
.tracker-wrap label {
  font-size: 12px;
  line-height: 1.5;
}
.tracker-uncap {
  position: relative;
  height: 16px;
  width: 84px;
  padding: 1px 0 0 0;
  margin: 0;
  text-align: center;
}
.tracker-hide-uncap .tracker-uncap {
  display: none;
}
.tracker-uncap-star {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  padding: 0;
  margin: 0;
  background-size: 75%;
  background-repeat: no-repeat;
}
.tracker-uncap-base {
  background-image: url(https://gbf.wiki/images/d/d1/Icon_Yellow_Star_Empty.png)
}
.tracker-uncap-base.selected {
  background-image: url(https://gbf.wiki/images/9/9a/Icon_Yellow_Star.png)
}
.tracker-uncap-max {
  background-image: url(https://gbf.wiki/images/c/c4/Icon_Blue_Star.png)
}
.tracker-uncap-max.selected {
  background-image: url(https://gbf.wiki/images/7/7b/Icon_Blue_Star_Full.png)
}
.tracker-filter-options {
  margin-bottom: 4px;
}

.mw-ui-button.mw-ui-disabled {
  background: #e2e5e8 !important;
  color: #495057 !important;
  border-color: #9aa0a7 !important;
  cursor: initial;
}

.label + .mw-ui-button-group.items > label:first-child {
  border-radius: 0;
}

.tracker-filter-group, .page-filter-group {
    display: flex;
    float: left;
    margin-bottom: 5px;
}

.tracker-filter-group .label,
.page-filter-group .label {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.tracker-filter-group .items,
.page-filter-group .items {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    flex-basis: 0;
    margin-top: 1px;
}

.tracker-filter-group .items label,
.page-filter-group .items label {
    margin-top: -1px;
    flex-grow: 1;
}

.tracker-filter-group .items label:first-child,
.page-filter-group .items label:first-child {
    border-left: 0;
}

/* end of styles for Character Tracker */

/* audio player start */
.audio-button {
	width: 70px;
    height: 34px;
    border: none;
    background: url('https://gbf.wiki/images/c/cc/Audioplayer_play.png');
    display: inline-block;

}
.audio-button.playing {
	background: url('https://gbf.wiki/images/e/ef/Audioplayer_stop.png');
}
/* audio player stop */

/* Tierlist */
.tierlist td {
    padding: 5px !important;
}

.tierlist.tierlist-multi td {
    max-width: 140px;
}

.tierlist.tierlist-single td:first-child {
    max-width: 140px;
}

.tierlist.tierlist-single {
    max-width: 771px;
}

.tierlist.tierlist-grades > tbody > tr > td {
    padding: 0 !important;
}

.tierlist hr {
    box-shadow: 6px 0 #aaa, -6px 0 #aaa;
    margin: 5px 0;
}

/* Tierlist Hover */
.tierlist-hover-detail {
  position: absolute;
  z-index: 1;
  left: 0;
  background: #fff;
  border: 1px solid #000;
  padding: 20px;
  box-sizing: border-box;
  pointer-events: none;
}

.tierlist-hover-detail td {
  max-width: none !important;
}

.tierlist-hover-detail .wikitable {
  margin: 0;
}

.tierlist a[refid]:hover > img {
  position: relative;
  z-index: 2;
  box-shadow: 0 0 0 20px #fff, 21px -21px 0 #333, -21px -21px 0 #333, -21px 1px 0 #333, 21px 1px 0 #333;
}

.tierlist.tierlist-multi .tierlist-hover-detail {
  width: 1192px;
}

.tierlist img {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1;
}

/* Stamps Search */
.stampbox .hide {
  display: none;
}

/* Default style for navigation boxes */
.navbox {                     /* Navbox container style */
	box-sizing: border-box;
	border: 1px solid #a2a9b1;
	width: 100%;
	clear: both;
	font-size: 88%;
	text-align: center;
	padding: 1px;
	margin: 1em auto 0;       /* Prevent preceding content from clinging to navboxes */
}
.navbox .navbox {
	margin-top: 0;            /* No top margin for nested navboxes */
}
.navbox + .navbox {
	margin-top: -1px;         /* Single pixel border between adjacent navboxes */
}
.navbox-inner,
.navbox-subgroup {
	width: 100%;
}
.navbox-group,
.navbox-title,
.navbox-abovebelow {
	padding: 0.25em 1em;      /* Title, group and above/below styles */
	line-height: 1.5em;
	text-align: center;
}
th.navbox-group {             /* Group style */
	white-space: nowrap;
	/* @noflip */
	text-align: right;
}
.navbox,
.navbox-subgroup {
	background-color: #fdfdfd; /* Background color */
}
.navbox-list {
	line-height: 1.5em;
	border-color: #fdfdfd;    /* Must match background color */
}
/* cell spacing for navbox cells */
tr + tr > .navbox-abovebelow,
tr + tr > .navbox-group,
tr + tr > .navbox-image,
tr + tr > .navbox-list {    /* Borders above 2nd, 3rd, etc. rows */
	border-top: 2px solid #fdfdfd; /* Must match background color */
}
.navbox th,
.navbox-title {
	background-color: #ccccff;      /* Level 1 color */
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
	background-color: #ddddff;      /* Level 2 color */
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
	background-color: #e6e6ff;      /* Level 3 color */
}
.navbox-even {
	background-color: #f7f7f7;      /* Even row striping */
}
.navbox-odd {
	background-color: transparent;  /* Odd row striping */
}
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
	padding: 0.125em 0;       /* Adjust hlist padding in navboxes */
}

/* Default styling for Navbar template */
.navbar {
	display: inline;
	font-size: 88%;
	font-weight: normal;
}
.navbar ul {
	display: inline;
	white-space: nowrap;
}
.mw-body-content .navbar ul {
	line-height: inherit;
}
.navbar li {
	word-spacing: -0.125em;
}
.navbar.mini li abbr[title] {
	font-variant: small-caps;
	border-bottom: none;
	text-decoration: none;
	cursor: inherit;
}
/* Navbar styling when nested in infobox and navbox */
.infobox .navbar {
	font-size: 100%;
}
.navbox .navbar {
	display: block;
	font-size: 100%;
}
.navbox-title .navbar {
	/* @noflip */
	float: left;
	/* @noflip */
	text-align: left;
	/* @noflip */
	margin-right: 0.5em;
}

/* WIP Character Template */
.character-template > tbody > tr:not(:first-child) { background-color: #fff; }

/* Tabber Fix */
/* Prevents tabber contents from showing up for a few frames before the script executes */
.tabber:not(.tabberlive) > .tabbertab:not(:first-child) { display: none; }

/* Accordion Gallery Swap Images */
.accordion-swap-images {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: stretch;
  overflow: hidden;
  text-align: initial;
}
.accordion-swap-images a {
  display: block;
  height: inherit;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  transition: flex-shrink 200ms ease 30ms, -webkit-flex 200ms ease 30ms, z-index 0ms linear 0ms;
  z-index: 0;
}
.accordion-swap-images a.active, .accordion-swap-images a:hover {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  transition: flex-shrink 200ms ease 30ms, -webkit-flex 200ms ease 30ms, z-index 0ms linear 200ms;
  z-index: 1;
}
.accordion-swap-images a img {
  width: inherit;
  height: inherit;
  position: absolute;
}

/* ----------------------
 WORLD PAGE STYLE START
---------------------- */
.mw-body {
    background-position: 0 0, 0px -4px, 0 0;
    background-repeat: no-repeat;
    background-size: 100%;
}

@media screen and (max-width: 800px) {
    .mw-body {
        background-size: auto 66%;
        background-position: 0 0, top right, 0 0;
    }
}

/* ------------ */
/* Phantagrande */
/* ------------ */
.page-Zinkenstill .mw-body {
    background-image:
        linear-gradient(180deg, rgba(255,255,255,0.6), white),
        url(https://gbf.wiki/images/e/e6/Town_bg_10001.jpg),
        -webkit-linear-gradient(left, #88aeb7 0%,#b8d0d3 5%,#cfe8eb 20%,#d2d4cf 80%,#c7cebd 95%,#afc1c5 100%);
}

.page-Port_Breeze_Archipelago .mw-body {
    background-image:
        linear-gradient(180deg, rgba(255,255,255,0.6), white),
        url(https://gbf.wiki/images/2/24/Town_bg_20001.jpg),
        -webkit-linear-gradient(left, #88aeb7 0%,#b8d0d3 5%,#cfe8eb 20%,#d2d4cf 80%,#c7cebd 95%,#afc1c5 100%);
}

.page-Valtz_Duchy .mw-body {
    background-image:
        linear-gradient(180deg, rgba(255,255,255,0.6), white),
        url(https://gbf.wiki/images/3/37/Town_bg_20002.jpg),
        -webkit-linear-gradient(left, #88aeb7 0%,#b8d0d3 5%,#cfe8eb 20%,#d2d4cf 80%,#c7cebd 95%,#afc1c5 100%);
}

.page-Auguste_Isles .mw-body {
    background-image:
        linear-gradient(180deg, rgba(255,255,255,0.8), white),
        url(https://gbf.wiki/images/7/7f/Town_bg_20003.jpg),
        -webkit-linear-gradient(left, #88aeb7 0%,#b8d0d3 5%,#cfe8eb 20%,#d2d4cf 80%,#c7cebd 95%,#afc1c5 100%);
}

.page-Lumacie_Archipelago .mw-body {
    background-image:
        linear-gradient(180deg, rgba(255,255,255,0.7), white),
        url(https://gbf.wiki/images/e/e9/Town_bg_20004.jpg),
        -webkit-linear-gradient(left, #88aeb7 0%,#b8d0d3 5%,#cfe8eb 20%,#d2d4cf 80%,#c7cebd 95%,#afc1c5 100%);
}

.page-Albion_Citadel .mw-body {
    background-image:
        linear-gradient(180deg, rgba(255,255,255,0.6), white),
        url(https://gbf.wiki/images/7/7c/Town_bg_20005.jpg),
        -webkit-linear-gradient(left, #88aeb7 0%,#b8d0d3 5%,#cfe8eb 20%,#d2d4cf 80%,#c7cebd 95%,#afc1c5 100%);
}

.page-Mist-Shrouded_Isle .mw-body {
    background-image:
        linear-gradient(180deg, rgba(255,255,255,0.6), white),
        url(https://gbf.wiki/images/a/ab/Town_bg_20006.jpg),
        -webkit-linear-gradient(left, #88aeb7 0%,#b8d0d3 5%,#cfe8eb 20%,#d2d4cf 80%,#c7cebd 95%,#afc1c5 100%);
}

.page-Golonzo_Island .mw-body {
    background-image:
        linear-gradient(180deg, rgba(255,255,255,0.6), white),
        url(https://gbf.wiki/images/3/38/Town_bg_20007.jpg),
        -webkit-linear-gradient(left, #88aeb7 0%,#b8d0d3 5%,#cfe8eb 20%,#d2d4cf 80%,#c7cebd 95%,#afc1c5 100%);
}

.page-Amalthea_Island .mw-body {
    background-image:
        linear-gradient(180deg, rgba(255,255,255,0.7), white),
        url(https://gbf.wiki/images/b/b6/Town_bg_20008.jpg),
        -webkit-linear-gradient(left, #88aeb7 0%,#b8d0d3 5%,#cfe8eb 20%,#d2d4cf 80%,#c7cebd 95%,#afc1c5 100%);
}

.page-Former_Capital_Mephorash .mw-body {
    background-image:
        linear-gradient(180deg, rgba(255,255,255,0.6), white),
        url(https://gbf.wiki/images/d/df/Town_bg_20009.jpg),
        -webkit-linear-gradient(left, #88aeb7 0%,#b8d0d3 5%,#cfe8eb 20%,#d2d4cf 80%,#c7cebd 95%,#afc1c5 100%);
}

.page-Agastia .mw-body {
    background-image:
        linear-gradient(180deg, rgba(255,255,255,0.6), white),
        url(https://gbf.wiki/images/3/3b/Town_bg_20011.jpg),
        -webkit-linear-gradient(left, #88aeb7 0%,#b8d0d3 5%,#cfe8eb 20%,#d2d4cf 80%,#c7cebd 95%,#afc1c5 100%);
}

.page-Dydroit_Belt .mw-body {
    background-image:
        linear-gradient(180deg, rgba(255,255,255,0.6), white),
        url(https://gbf.wiki/images/a/a8/Town_bg_20012.jpg),
        -webkit-linear-gradient(left, #88aeb7 0%,#b8d0d3 5%,#cfe8eb 20%,#d2d4cf 80%,#c7cebd 95%,#afc1c5 100%);
}

.page-Silverwind_Stretch_North_Vast .mw-body {
    background-image:
        linear-gradient(180deg, rgba(255,255,255,0.6), white),
        url(https://gbf.wiki/images/5/55/Town_bg_20014.jpg),
        -webkit-linear-gradient(left, #88aeb7 0%,#b8d0d3 5%,#cfe8eb 20%,#d2d4cf 80%,#c7cebd 95%,#afc1c5 100%);
}


/* ----------- */
/* Nalhegrande */
/* ----------- */

.page-Merkmal_Island .mw-body {
    background-image:
        linear-gradient(180deg, rgba(255,255,255,0.6), white),
        url(https://gbf.wiki/images/1/19/Town_bg_21001.jpg),
        -webkit-linear-gradient(left, #88aeb7 0%,#b8d0d3 5%,#cfe8eb 20%,#d2d4cf 80%,#c7cebd 95%,#afc1c5 100%);
}

.page-Groz_Island .mw-body {
    background-image:
        linear-gradient(180deg, rgba(255,255,255,0.75), white),
        url(https://gbf.wiki/images/6/63/Town_bg_21002.jpg),
        -webkit-linear-gradient(left, #88aeb7 0%,#b8d0d3 5%,#cfe8eb 20%,#d2d4cf 80%,#c7cebd 95%,#afc1c5 100%);
}

.page-Kluger_Island .mw-body {
    background-image:
        linear-gradient(180deg, rgba(255,255,255,0.6), white),
        url(https://gbf.wiki/images/e/ee/Town_bg_21003.jpg),
        -webkit-linear-gradient(left, #88aeb7 0%,#b8d0d3 5%,#cfe8eb 20%,#d2d4cf 80%,#c7cebd 95%,#afc1c5 100%);
}

.page-Bestia_Island .mw-body {
    background-image:
        linear-gradient(180deg, rgba(255,255,255,0.6), white),
        url(https://gbf.wiki/images/e/e7/Town_bg_21004.jpg),
        -webkit-linear-gradient(left, #88aeb7 0%,#b8d0d3 5%,#cfe8eb 20%,#d2d4cf 80%,#c7cebd 95%,#afc1c5 100%);
}

.page-Reiche_Island .mw-body {
    background-image:
        linear-gradient(180deg, rgba(255,255,255,0.6), white),
        url(https://gbf.wiki/images/0/0b/Town_bg_21005.jpg),
        -webkit-linear-gradient(left, #88aeb7 0%,#b8d0d3 5%,#cfe8eb 20%,#d2d4cf 80%,#c7cebd 95%,#afc1c5 100%);
}

.page-Starke_Island .mw-body {
    background-image:
        linear-gradient(180deg, rgba(255,255,255,0.6), white),
        url(https://gbf.wiki/images/0/0f/Town_bg_21006.jpg),
        -webkit-linear-gradient(left, #88aeb7 0%,#b8d0d3 5%,#cfe8eb 20%,#d2d4cf 80%,#c7cebd 95%,#afc1c5 100%);
}

.page-The_Edgelands .mw-body {
    background-image:
        linear-gradient(180deg, rgba(255,255,255,0.6), white),
        url(https://gbf.wiki/images/0/0d/Town_bg_21007.jpg),
        -webkit-linear-gradient(left, #88aeb7 0%,#b8d0d3 5%,#cfe8eb 20%,#d2d4cf 80%,#c7cebd 95%,#afc1c5 100%);
}


/* ------------ */
/* Oarlyegrande */
/* ------------ */

.page-New_Utopia .mw-body {
    background-image:
        linear-gradient(180deg, rgba(255,255,255,0.6), white),
        url(https://gbf.wiki/images/b/b9/Town_bg_22001.jpg),
        -webkit-linear-gradient(left, #88aeb7 0%,#b8d0d3 5%,#cfe8eb 20%,#d2d4cf 80%,#c7cebd 95%,#afc1c5 100%);
}


/* Specific page positions */
/* (to hide black bar on the top part of some images) */
.page-Valtz_Duchy .mw-body {
    background-position: 0 0, 0 calc(-6vw), 0 0;
}

.page-Silverwind_Stretch_North_Vast .mw-body {
    background-position: 0 0, 0 calc(-3vw), 0 0;
}

.page-The_Edgelands .mw-body {
    background-position: 0 0, 0 calc(-0.5vw), 0 0;
}

.page-New_Utopia .mw-body {
    background-position: 0 0, 0 calc(-1.6vw), 0 0;
}

/* --------------------
 WORLD PAGE STYLE END
-------------------- */

/* ----------------------------
 BATTLE RESIST FORMATTING START
----------------------------- */
.battle-phase-phase-header {
	text-align: center;
	background-color: #eaecf0;
}

.battle-resist--row > p {
    margin: 0;
}

.battle-resist--atk {
    color: red;
}

.battle-resist--def {
    color: blue;
}

.battle-resist--number {
    display: inline-block;
    min-width: 35px;
    text-align: right;
}

.battle-resist--hp {
    min-width: 50px;
    padding-right: 4px;
}

.battle-resist--atk {
    min-width: 90px;
}

.battle-resist--def {
    min-width: 55px;
}

.battle-resist--debuff {
    display: flex;
    flex-direction: column;
    width: auto;
    text-align: center;
    margin: 0.5em 0 0 0 !important;
}

.battle-resist--debuff--resist-immune span.tooltip > a > img  {
    opacity: 0.3;
}

.battle-resist--row.battle-resist--debuffs {
    display: flex;
    justify-content: space-around;
    max-width: 800px;
    padding-left: 3px;
}

/* 
  This is because status icons are 25x25 in size
  However the circle inside the image is only 22px in diameter
*/ 
.battle-resist--debuff .battle-resist--debuff--symbol {
    margin-right: 3px;
}

/* ----------------------------
  BATTLE RESIST FORMATTING END
----------------------------- */


/* ---------------------------
 OBTAIN LIST FORMATTING START
--------------------------- */
/* Obtain items as raid */
.obtain-list-item,
.obtain-list-item > .image_link {
    display: grid;
    grid-template-columns: 54px auto auto;
    grid-column-gap: 6px;
    align-items: center;
}

.obtain-list-item:only-child {
	grid-template-columns: auto 1fr auto;
}

/* Obtain items as materials */
.obtain-list-item > .image_link {
    justify-items: center;
}

/* Obtain items without images */
.obtain-list-item > :only-child:not(.image_link) {
    grid-column-start: 2;
    justify-self: center;
    text-align: center !important;
}

/* Obtain Text */
.obtain-list > :only-child:not(.obtain-list-item) {
    display: block;
    text-align: center;
}

/* ---------------------------
  OBTAIN LIST FORMATTING END
--------------------------- */

/* -------------------------------
  BULLET TABLE COLUMN FORMATTING
--------------------------------*/
.bullet-table td:nth-child(3),
.bullet-table td:nth-child(4),
.bullet-table td:nth-child(6) {
    text-align: center;
}

/* -------------------------
  WHATSNEW LIST FORMATTING
------------------------- */
.whatsnew-list {
    overflow:hidden;
    width: 100%;
}

.whatsnew-list > span {
    float: left;
    margin: 0 0.25em 0.25em 0;
}

.whatsnew-list > span:nth-child(4n + 1) {
    clear: both
}

/* -------------------------
Scenario formatting
------------------------- */
span.scene-font-italic {
	font-style: italic;
}

/* -------------------------
Text colors
------------------------- */

.text-color--fire {
	color: #C02E1D;
}
.text-color--water {
	color: #4169E1;
}
.text-color--earth {
	color: #8C4614;
}
.text-color--wind {
	color: #228B22;
}
.text-color--light {
	color: #ECAA38;
}
.text-color--dark {
	color: #483D8B;
}

.text-color--aura0 {
	color: #222222;
}
.text-color--aura1 {
	color: #99620f;
}
.text-color--aura2 {
	color: #7b0f99;
}
.text-color--aura3 {
	color: #007acc;
}
.text-color--auramain {
	color: #e68900;
}
.text-color--aurasub {
	color: #0f9999;
}

.text-color--cb-n {
	color: blue;
	font-size: 87%;
	font-weight: 700;
}
.text-color--cb-od {
	color: red;
	font-size: 87%;
	font-weight: 700;
}
.text-color--cb-tr {
	color: olive;
	font-size: 87%;
	font-weight: 700;
}

.text-color--added {
	background-color: LemonChiffon;
	border-radius: 4px; 
	font-size: 0.8em;
	font-weight: 700;
	padding: 2px;
}
.text-color--new {
	background-color: PeachPuff;
	border-radius: 4px; 
	font-size: 0.8em;
	font-weight: 700;
	padding: 2px;
}
.text-color--removed {
	background-color: Lavender;
	border-radius: 4px; 
	font-size: 0.8em;
	font-weight: 700;
	padding: 2px;
}
.text-color--reworked {
	background-color: LightBlue;
	border-radius: 4px; 
	font-size: 0.8em;
	font-weight: 700;
	padding: 2px;
}
.text-color--new-effect {
	background-color: DarkSeaGreen;
	border-radius: 4px; 
	font-size: 0.8em;
	font-weight: 700;
	padding: 2px;
}
.text-color--old-effect {
	background-color: LightPink;
	border-radius: 4px; 
	font-size: 0.8em;
	font-weight: 700;
	padding: 2px;
}

.text-color--highlight-reward {
	background-color: rgba(255,152,0,0.2);
}

/* -------------------------
NVD3 styling
------------------------- */
.nvtooltip {
	position: absolute;
	background-color: rgba(255,255,255,1.0);
	color: rgba(0,0,0,1.0);
	padding: 1px;
	border: 1px solid rgba(0,0,0,.2);
	z-index: 10000;
	display: block;

	font-family: Arial;
	font-size: 13px;
	text-align: left;
	pointer-events: none;

	white-space: nowrap;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.nvtooltip {
	background: rgba(255,255,255, 0.8);
	border: 1px solid rgba(0,0,0,0.5);
	border-radius: 4px;
}

/* Give tooltips that old fade in transition by
   putting a "with-transitions" class on the container div. */
.nvtooltip.with-transitions, .with-transitions .nvtooltip {
	transition: opacity 50ms linear;
	-moz-transition: opacity 50ms linear;
	-webkit-transition: opacity 50ms linear;

	transition-delay: 200ms;
	-moz-transition-delay: 200ms;
	-webkit-transition-delay: 200ms;
}

.nvtooltip.x-nvtooltip,
.nvtooltip.y-nvtooltip {
	padding: 8px;
}

.nvtooltip h3 {
	margin: 0;
	padding: 4px 14px;
	line-height: 18px;
	font-weight: normal;
	background-color: rgba(247,247,247,0.75);
	color: rgba(0,0,0,1.0);
	text-align: center;

	border-bottom: 1px solid #ebebeb;

	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.nvtooltip p {
	margin: 0;
	padding: 5px 14px;
	text-align: center;
}

.nvtooltip span {
	display: inline-block;
	margin: 2px 0;
}

.nvtooltip table {
	margin: 6px;
	border-spacing:0;
}


.nvtooltip table td {
	padding: 2px 9px 2px 0;
	vertical-align: middle;
}

.nvtooltip table td.key {
	font-weight:normal;
}
.nvtooltip table td.value {
	text-align: right;
	font-weight: bold;
}

.nvtooltip table tr.highlight td {
	padding: 1px 9px 1px 0;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
}

.nvtooltip table td.legend-color-guide div {
	width: 8px;
	height: 8px;
	vertical-align: middle;
}

.nvtooltip table td.legend-color-guide div {
	width: 12px;
	height: 12px;
	border: 1px solid #999;
}

.nvtooltip .footer {
	padding: 3px;
	text-align: center;
}

.nvtooltip-pending-removal {
	pointer-events: none;
	display: none;
}


/* Interactive Layer */
.nvd3 .nv-interactiveGuideLine {
	pointer-events:none;
}
.nvd3 line.nv-guideline {
	stroke: #ccc;
}

.nvd3 .nv-groups path.nv-line {
	fill: none;
}

.nvd3 .nv-groups path.nv-area {
	stroke: none;
}

.nvd3 .nv-axis {
	pointer-events:none;
	opacity: 1;
}

.nvd3 .nv-axis path {
	fill: none;
	stroke: #000;
	stroke-opacity: .75;
	shape-rendering: crispEdges;
}

.nvd3 .nv-axis path.domain {
	stroke-opacity: .75;
}

.nvd3 .nv-axis.nv-x path.domain {
	stroke-opacity: 0;
}

.nvd3 .nv-axis line {
	fill: none;
	stroke: #e5e5e5;
	shape-rendering: crispEdges;
}

.nvd3 .nv-axis .zero line,
/*this selector may not be necessary*/ .nvd3 .nv-axis line.zero {
	stroke-opacity: .75;
}

.nvd3 .nv-axis .nv-axisMaxMin text {
	font-weight: bold;
}

.nvd3 .x  .nv-axis .nv-axisMaxMin text,
.nvd3 .x2 .nv-axis .nv-axisMaxMin text,
.nvd3 .x3 .nv-axis .nv-axisMaxMin text {
	text-anchor: middle
}

.nvd3 .nv-axis.nv-disabled {
	opacity: 0;
}


.nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point {
	fill-opacity: 0;
	stroke-opacity: 0;
}

.nvd3.nv-scatter.nv-single-point .nv-groups .nv-point {
	fill-opacity: .5 !important;
	stroke-opacity: .5 !important;
}


.with-transitions .nvd3 .nv-groups .nv-point {
	transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
	-moz-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
	-webkit-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;

}

.nvd3.nv-scatter .nv-groups .nv-point.hover,
.nvd3 .nv-groups .nv-point.hover {
	stroke-width: 7px;
	fill-opacity: .95 !important;
	stroke-opacity: .95 !important;
}

.nvd3 .nv-point-paths path {
	stroke: #aaa;
	stroke-opacity: 0;
	fill: #eee;
	fill-opacity: 0;
}

.nvd3 .nv-indexLine {
	cursor: ew-resize;
}

.lineChart svg {
   background-color: white;
}
 
/*
 * TOCLIMIT UTILITY CSS CLASS
 *
 * Allow limiting of which header levels are shown in a TOC;
 * <div class="toclimit-3">, for instance, will limit to
 * showing ==headings== and ===headings=== but no further.
 * Used in [[Template:TOC]]
 */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
    display: none;
}

/* ---------------------------
  TEMPLATE:BABYL_RAIDS START
--------------------------- */
/* Layer */
.babyl-layer {
    display: flex;
}

.babyl-layers ~ .babyl-layer:not(.active) {
    display: none;
}

.babyl-layer .content-picker {
    display: flex;
    width: 300px;
    flex-direction: column;
    align-items: center;
}

.babyl-layer .content-picker .image {   
    filter: saturate(0.5) brightness(0.5);
}

.babyl-layer .content-picker .active .image {
    filter: none;
}

.babyl-layer .content-picker .missions {
    margin-top: 5px;
    padding-left: 33px;
    cursor: pointer;
}

.babyl-layer .content {
    margin-left: 1em;
}

@media (max-width: 1400px) {
.babyl-layer .content {
    transform: scale(0.85);
    transform-origin: top left;
}
}

.babyl-layer .content table {
    margin-top: 0.33em;
}

/* Hide images on the top of Raids: namespace pages */
.babyl-layer .content .mw-parser-output > p:first-child {
    display: none;
}

/* Floor */
.babyl-floor {
    display: flex;
    align-items: center;
    clear: both;
}

.babyl-floor > .number {
    width: 30px;
    margin-right: 3px;
    text-align: center;
}

.babyl-floor .quests {
    width: 267px;
    display: flex;
    justify-content: space-between;
}

/* Quest */
.babyl-quest {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.babyl-quest > .number {
    position: absolute;
    top: 5px;
    left: 5px;
    color: white;
    font-size: 10px;
}

.babyl-quest > .icons {
    position: absolute;
    top: 6px;
    right: 5px;
    display: flex;
}

.babyl-quest > .icons img {
    padding-left: 2px;
}

/* -------------------------
  TEMPLATE:BABYL_RAIDS END
------------------------- */

/* Style for horizontal lists (separator following item).
   @source mediawiki.org/wiki/Snippets/Horizontal_lists
   @revision 9 (2016-08-10)
   @author [[User:Edokter]]
 */
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
    padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
    margin: 0;
    display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
    display: inline;
}
/* Hide empty list items */
.hlist .mw-empty-li,
.hlist .mw-empty-elt {
    display: none;
}
/* Generate interpuncts */
.hlist dt:after {
    content: ": ";
}
.hlist dd:after,
.hlist li:after {
    content: " · ";
    font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
    content: " (";
    font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
    content: ")";
    font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
    counter-reset: listitem;
}
.hlist ol > li {
    counter-increment: listitem;
}
.hlist ol > li:before {
    content: " " counter(listitem) "\a0";
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
    content: " (" counter(listitem) "\a0";
}

/*
  Style for horizontal lists (separator following item) ends.
*/
Disponível em “http://wiki.gla.com.br/index.php?title=MediaWiki:Common.css&oldid=503”