Bone Overlord.gif The Roost of the Graveborn Quest Spoiler!
Domine Graveborn: todos os bosses e mecânicas ilustradas!
Saiba mais ➔
Winter Tree.png Winter Update 2025
Acompanhe tudo sobre o Winter Update 2025!
Saiba mais ➔
Stag.gif The Order of the Stag Quest Spoiler!
Conheça Isle of Ada: sua quest, missões secundárias e todos os bosses!
Saiba mais ➔

MediaWiki:Outfitter.css: mudanças entre as edições

De Tibia Wiki - A Enciclopédia do Tibia
Ir para navegação Ir para pesquisar
Master Player
Master Player (discussão | contribs) (Criou página com '.outfitter { min-width: 692px; font-family: Verdana, Arial, Times New Roman, sans-serif; font-size: 11px; color: #B2A898; cursor: default; unselectable: on; -moz...')
 
Linha 1: Linha 1:
.outfitter {
.outfitter {
   min-width: 692px;
   min-width: 900px;
   font-family: Verdana, Arial, Times New Roman, sans-serif;
   font-family: Verdana, Arial, Times New Roman, sans-serif;
   font-size: 11px;
   font-size: 11px;
Linha 47: Linha 47:


.janela {
.janela {
   width: 136px;
   width: 160px;
   min-width: 136px;
   min-width: 160px;
  background: url('https://www.tibiawiki.com.br/wiki/Especial:Redirecionar/file/Outfiter Janela Fundo.png');
  background-repeat: no-repeat;
   position: relative;
   position: relative;
   vertical-align: top;
   vertical-align: top;
}
.janela_bg {
  width: 100%;
  height: 100%;
  border-image: url('https://www.tibiawiki.com.br/wiki/Especial:Redirecionar/file/Outfiter Janela Fundo.png');
  border-image-slice: 25 4 13 4 fill;
  border-image-width: 25px 4px 13px 4px;
}
}


.icone_janela_outfit {
.icone_janela_outfit {
   position: absolute;
   position: absolute;
   top: 2px;
   top: 3px;
   left: 2px;
   left: 3px;
   width: 23px;
   width: 23px;
   height: 19px;
   height: 19px;
Linha 66: Linha 72:
.icone_janela_mount {
.icone_janela_mount {
   position: absolute;
   position: absolute;
   top: 2px;
   top: 3px;
   left: 2px;
   left: 3px;
   width: 23px;
   width: 23px;
   height: 19px;
   height: 19px;
Linha 75: Linha 81:
.titulo_janela {
.titulo_janela {
   position: absolute;
   position: absolute;
   top: 0px;
   top: 1px;
   left: 42px;
   left: 52px;
   height: 23px;
   height: 23px;
   line-height: 23px;
   line-height: 23px;
Linha 85: Linha 91:
   position: absolute;
   position: absolute;
   top: 26px;
   top: 26px;
   left: 4px;
   left: 6px;
   width: 128px;
   width: 152px;
   height: 193px;
   height: 473px;
   color: #C8BCAB;
   color: #C8BCAB;
   font-size: 10px;
   font-size: 10px;
   overflow: auto;
   overflow: auto;
}
.janela div::after {
  width: 18px;
}
}


Linha 197: Linha 207:
   text-align: center;
   text-align: center;
   line-height: 12px;
   line-height: 12px;
}
.esquerda {
  margin: 0 1px 2px -2px;
  height: 179px;
  border: #7B6E4C 1px solid;
  background: #1D262D;
}
}


Linha 215: Linha 218:
   left: 50%;
   left: 50%;
   display: none;
   display: none;
}
.simple_box {
  margin: 8px;
  border: #7B6E4C 1px solid;
  background: #1D262D;
}
}


Linha 272: Linha 281:
   vertical-align: top;
   vertical-align: top;
   white-space: nowrap;
   white-space: nowrap;
}
.direita {
  width: 271px;
  margin: -1px 0 0 -2px;
  vertical-align: top;
}
}


Linha 283: Linha 286:


.tabela_seletores {
.tabela_seletores {
   width: 201px;
   width: 275px;
   height: 21px;
   height: 21px;
   border-top: #7B6E4C 1px solid;
   border-top: #7B6E4C 1px solid;
Linha 293: Linha 296:
.seletores {
.seletores {
   border-left: #7B6E4C 1px solid;
   border-left: #7B6E4C 1px solid;
   color: #F2AF4E;
   color: #B2A898;
   font-weight: bold;
   font-weight: bold;
   text-align: center;
   text-align: center;
Linha 305: Linha 308:
   font-size: 10px;
   font-size: 10px;
   background: #11161A;
   background: #11161A;
   color: #B2A898;
   color: #F2AF4E;
  padding-top: 3px;
   border-top: #CBB47A 1px solid;
   border-top: #CBB47A 1px solid;
   border-left: #CBB47A 1px solid;
   border-left: #CBB47A 1px solid;
Linha 316: Linha 318:
table.tabela_cores {
table.tabela_cores {
   background: #11161A;
   background: #11161A;
   width: 272px;
   width: 275px;
   margin-top: -2px;
   margin-top: -2px;
   padding: 1px 1px 1px 1px;
   padding: 1px 1px 1px 1px;
Linha 488: Linha 490:
   -moz-border-image: -moz-linear-gradient(top, #7B6E4C 0%, #413A28 100%);
   -moz-border-image: -moz-linear-gradient(top, #7B6E4C 0%, #413A28 100%);
   -webkit-border-image: -webkit-linear-gradient(top, #7B6E4C 0%, #413A28 100%);
   -webkit-border-image: -webkit-linear-gradient(top, #7B6E4C 0%, #413A28 100%);
  -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7B6E4C), to(#413A28)) 100%;
   -o-border-image: -o-linear-gradient(top, #7B6E4C 0%, #413A28 100%);
   -o-border-image: -o-linear-gradient(top, #7B6E4C 0%, #413A28 100%);
   border-image: linear-gradient(to bottom, #7B6E4C 0%, #413A28 100%);
   border-image: linear-gradient(to bottom, #7B6E4C 0%, #413A28 100%) 1;
  border-image-slice: 1;
   background: -webkit-linear-gradient(top, #BDC0C1 0%, #64676B 100%);
   background: -webkit-linear-gradient(top, #BDC0C1 0%, #64676B 100%);
   background: -moz-linear-gradient(top, #BDC0C1 0%, #64676B 100%);
   background: -moz-linear-gradient(top, #BDC0C1 0%, #64676B 100%);
   background: -o-linear-gradient(top, #BDC0C1 0%, #64676B 100%);
   background: -o-linear-gradient(top, #BDC0C1 0%, #64676B 100%);
   background: linear-gradient(top, #BDC0C1 0%, #64676B 100%);
   background: linear-gradient(top, #BDC0C1 0%, #64676B 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BDC0C1', endColorstr='#64676B', GradientType=0);
}
}


Linha 578: Linha 577:
   color: white;
   color: white;
   background: black;
   background: black;
}
#tela {
  margin-top: -3px;
}
}


Edição das 19h31min de 26 de julho de 2022

.outfitter {
  min-width: 900px;
  font-family: Verdana, Arial, Times New Roman, sans-serif;
  font-size: 11px;
  color: #B2A898;
  cursor: default;
  unselectable: on;
  -moz-user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -user-select: none;
  margin-left: auto;
  margin-right: auto;
  z-index: 10;
  display: inline-block
}

.outfitter_main_table {
  border: #7B6E4C 1px solid;
  background: #181E23;
  color: #C9BDAB;
  margin: 5px;
  -webkit-box-shadow: 0px 0px 10px 2px rgba(255, 255, 255, 1);
  -moz-box-shadow: 0px 0px 10px 2px rgba(255, 255, 255, 1);
  box-shadow: 0px 0px 10px 2px rgba(255, 255, 255, 1);
}

.outfitter table {
  border-collapse: collapse;
  font-size: 100%;
}

.titulo {
  position: relative;
  margin: 1px 2px 0 2px;
  border: #7B6E4C 1px solid;
  background: #11161A;
  padding: 0;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  cursor: default;
}

.janela {
  width: 160px;
  min-width: 160px;
  position: relative;
  vertical-align: top;
}

.janela_bg {
  width: 100%;
  height: 100%;
  border-image: url('https://www.tibiawiki.com.br/wiki/Especial:Redirecionar/file/Outfiter Janela Fundo.png');
  border-image-slice: 25 4 13 4 fill;
  border-image-width: 25px 4px 13px 4px;
}

.icone_janela_outfit {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 23px;
  height: 19px;
  background: url('https://www.tibiawiki.com.br/wiki/Especial:Redirecionar/file/Outfiter_Janela_Icone_Outfit.png');
}

.icone_janela_mount {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 23px;
  height: 19px;
  background: url('https://www.tibiawiki.com.br/wiki/Especial:Redirecionar/file/Outfiter_Janela_Icone_Montaria.png');
}

.titulo_janela {
  position: absolute;
  top: 1px;
  left: 52px;
  height: 23px;
  line-height: 23px;
  color: #BDB4A3;
}

.janela_outfits, .janela_montarias {
  position: absolute;
  top: 26px;
  left: 6px;
  width: 152px;
  height: 473px;
  color: #C8BCAB;
  font-size: 10px;
  overflow: auto;
}

.janela div::after {
  width: 18px;
}

.janela div::-webkit-scrollbar {
  width: 18px;
}

.janela div::-webkit-scrollbar-button:start {
  background: url('https://www.tibiawiki.com.br/wiki/Especial:Redirecionar/file/Outfiter_Scrollbar_Seta_Cima.png');
  border: black 1px solid;
  border-radius: 2px;
  height: 18px;
}

.janela div::-webkit-scrollbar-button:start:hover {
  background: url('https://www.tibiawiki.com.br/wiki/Especial:Redirecionar/file/Outfiter_Scrollbar_Seta_Cima_Hover.png');
}

.janela div::-webkit-scrollbar-button:start:active {
  background: url('https://www.tibiawiki.com.br/wiki/Especial:Redirecionar/file/Outfiter_Scrollbar_Seta_Cima_Active.png');
}

.janela div::-webkit-scrollbar-button:end {
  background: url('https://www.tibiawiki.com.br/wiki/Especial:Redirecionar/file/Outfiter_Scrollbar_Seta_Baixo.png');
  border: black 1px solid;
  border-radius: 2px;
  height: 18px;
}

.janela div::-webkit-scrollbar-button:end:hover {
  background: url('https://www.tibiawiki.com.br/wiki/Especial:Redirecionar/file/Outfiter_Scrollbar_Seta_Baixo_Hover.png');
}

.janela div::-webkit-scrollbar-button:end:active {
  background: url('https://www.tibiawiki.com.br/wiki/Especial:Redirecionar/file/Outfiter_Scrollbar_Seta_Baixo_Active.png');
}

.janela div::-webkit-scrollbar-track {
  background: url('https://www.tibiawiki.com.br/wiki/Especial:Redirecionar/file/Outfiter_Scrollbar_Caminho.png');
}

.janela div::-webkit-scrollbar-thumb {
  background: url('https://www.tibiawiki.com.br/wiki/Especial:Redirecionar/file/Outfiter_Scrollbar_Barra.png');
  border: black 1px solid;
  border-radius: 2px;
  -webkit-box-shadow: inset 0px 1px 0px 0px rgba(100, 106, 108, 1), inset 0px -1px 0px 0px rgba(23, 28, 29, 1);
}

.janela div {
  scrollbar-arrow-color: #A0A0A0;
  scrollbar-base-color: #242C2F;
  scrollbar-track-color: #262F32;
  scrollbar-face-color: #242C2F;
  scrollbar-shadow-color: #131719;
}

.janela_opcao_out,
.janela_opcao_mount {
  position: relative;
  padding: 4px 0 4px 0;
  line-height: 12px;
}

.janela_opcao_out_dif,
.janela_opcao_mount_dif {
  position: relative;
  padding: 4px 0 4px 0;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mPQsPVsAAACbgEva9+ddQAAAABJRU5ErkJggg==');
  line-height: 12px;
}

.janela label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 14px;
}

.janela input[type=radio] {
  display: none;
}

.janela label:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  top: 1px;
  background: -webkit-linear-gradient(top, #BBBCBE 0%, #616364 100%);
  background: -moz-linear-gradient(top, #BBBCBE 0%, #616364 100%);
  background: -o-linear-gradient(top, #BBBCBE 0%, #616364 100%);
  background: linear-gradient(top, #BBBCBE 0%, #616364 100%);
}

.janela label:before {
  border-radius: 7px;
}

.janela input[type=radio]:checked + label:before {
  content: "\2022";
  color: #2B333C;
  font-size: 11px;
  text-align: center;
  line-height: 12px;
}

.carregando {
  background: url('https://www.tibiawiki.com.br/wiki/Especial:Redirecionar/file/Outfiter_Carregando.gif');
  width: 70px;
  height: 70px;
  margin: -35px 0 0 -35px;
  position: absolute;
  top: 50%;
  left: 50%;
  display: none;
}

.simple_box {
  margin: 8px;
  border: #7B6E4C 1px solid;
  background: #1D262D;
}

/* Botões Outfit e Montaria */

.botao_e {
  width: 12px;
  height: 21px;
  background-image: url('https://www.tibiawiki.com.br/wiki/Especial:Redirecionar/file/Outfiter_Seta_Esquerda.png');
  display: inline-block;
  cursor: pointer;
}

.botao_e:hover {
  background-image: url('https://www.tibiawiki.com.br/wiki/Especial:Redirecionar/file/Outfiter_Seta_Esquerda_Hover.png');
}

.botao_e:active {
  background-image: url('https://www.tibiawiki.com.br/wiki/Especial:Redirecionar/file/Outfiter_Seta_Esquerda_Active.png');
}

.outfit_nome {
  border: #000 1px solid;
  background: #1F2A31;
  width: 100%;
  height: 18px;
  line-height: 18px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
}

.botao_d {
  width: 13px;
  height: 21px;
  background-image: url('https://www.tibiawiki.com.br/wiki/Especial:Redirecionar/file/Outfiter_Seta_Direita.png');
  display: inline-block;
  cursor: pointer;
}

.botao_d:hover {
  background-image: url('https://www.tibiawiki.com.br/wiki/Especial:Redirecionar/file/Outfiter_Seta_Direita_Hover.png');
}

.botao_d:active {
  background-image: url('https://www.tibiawiki.com.br/wiki/Especial:Redirecionar/file/Outfiter_Seta_Direita_Active.png');
}

.montaria_nome {
  border: #000 1px solid;
  background: #1F2A31;
  width: 100%;
  height: 18px;
  line-height: 18px;
  text-align: center;
  vertical-align: top;
  white-space: nowrap;
}

/* Seletores */

.tabela_seletores {
  width: 275px;
  height: 21px;
  border-top: #7B6E4C 1px solid;
  border-left: #7B6E4C 1px solid;
  border-right: #7B6E4C 1px solid;
  line-height: 12px;
}

.seletores {
  border-left: #7B6E4C 1px solid;
  color: #B2A898;
  font-weight: bold;
  text-align: center;
  font-size: 10px;
  background: #1D262D;
}

.selecionado {
  font-weight: bold;
  text-align: center;
  font-size: 10px;
  background: #11161A;
  color: #F2AF4E;
  border-top: #CBB47A 1px solid;
  border-left: #CBB47A 1px solid;
  border-right: #CBB47A 1px solid;
}

/* Tabela de Cores */

table.tabela_cores {
  background: #11161A;
  width: 275px;
  margin-top: -2px;
  padding: 1px 1px 1px 1px;
  border: #CBB47A 1px solid;
  border-collapse: separate;
}

table.tabela_cores td {
  width: 10px;
  height: 10px;
}

.tabela_cores td:hover {
  -webkit-box-shadow: inset 0 0 0 1px rgba(200, 188, 170, 1), inset 0 0 0 2px rgba(34, 34, 34, 0.65);
  -moz-box-shadow: inset 0 0 0 1px rgba(200, 188, 170, 1), inset 0 0 0 2px rgba(34, 34, 34, 0.65);
  box-shadow: inset 0 0 0 1px rgba(200, 188, 170, 1), inset 0 0 0 2px rgba(34, 34, 34, 0.65);
}

.cor_selecionada {
  -webkit-box-shadow: inset 0 0 0 1px rgba(200, 188, 170, 1), inset 0 0 0 2px rgba(34, 34, 34, 0.65);
  -moz-box-shadow: inset 0 0 0 1px rgba(200, 188, 170, 1), inset 0 0 0 2px rgba(34, 34, 34, 0.65);
  box-shadow: inset 0 0 0 1px rgba(200, 188, 170, 1), inset 0 0 0 2px rgba(34, 34, 34, 0.65);
}

/* Orientação */

.orientacao {
  position: relative;
  width: 63px;
  height: 63px;
  background-image: url('https://www.tibiawiki.com.br/wiki/Especial:Redirecionar/file/Outfiter_Fundo_Orientacao.png');
}

.seta_cima {
  width: 21px;
  height: 12px;
  background-image: url('https://www.tibiawiki.com.br/wiki/Especial:Redirecionar/file/Outfiter_Seta_Cima.png');
  position: absolute;
  top: 6px;
  left: 21px;
  cursor: pointer;
}

.seta_cima:hover {
  background-image: url('https://www.tibiawiki.com.br/wiki/Especial:Redirecionar/file/Outfiter_Seta_Cima_Hover.png');
}

.seta_cima:active {
  background-image: url('https://www.tibiawiki.com.br/wiki/Especial:Redirecionar/file/Outfiter_Seta_Cima_Active.png');
}

.seta_direita {
  width: 14px;
  height: 21px;
  background-image: url('https://www.tibiawiki.com.br/wiki/Especial:Redirecionar/file/Outfiter_Seta_Direita.png');
  position: absolute;
  top: 21px;
  left: 44px;
  cursor: pointer;
}

.seta_direita:hover {
  background-image: url('https://www.tibiawiki.com.br/wiki/Especial:Redirecionar/file/Outfiter_Seta_Direita_Hover.png');
}

.seta_direita:active {
  background-image: url('https://www.tibiawiki.com.br/wiki/Especial:Redirecionar/file/Outfiter_Seta_Direita_Active.png');
}

.seta_baixo {
  width: 21px;
  height: 12px;
  background-image: url('https://www.tibiawiki.com.br/wiki/Especial:Redirecionar/file/Outfiter_Seta_Baixo.png');
  position: absolute;
  top: 46px;
  left: 21px;
  cursor: pointer;
}

.seta_baixo:hover {
  background-image: url('https://www.tibiawiki.com.br/wiki/Especial:Redirecionar/file/Outfiter_Seta_Baixo_Hover.png');
}

.seta_baixo:active {
  background-image: url('https://www.tibiawiki.com.br/wiki/Especial:Redirecionar/file/Outfiter_Seta_Baixo_Active.png');
}

.seta_esquerda {
  width: 14px;
  height: 21px;
  background-image: url('https://www.tibiawiki.com.br/wiki/Especial:Redirecionar/file/Outfiter_Seta_Esquerda.png');
  position: absolute;
  top: 21px;
  left: 6px;
  cursor: pointer;
}

.seta_esquerda:hover {
  background-image: url('https://www.tibiawiki.com.br/wiki/Especial:Redirecionar/file/Outfiter_Seta_Esquerda_Hover.png');
}

.seta_esquerda:active {
  background-image: url('https://www.tibiawiki.com.br/wiki/Especial:Redirecionar/file/Outfiter_Seta_Esquerda_Active.png');
}

/* Nome do Char */

.nome_char {
  border: #000 1px solid;
  background: #1D262D;
  width: 116px;
  height: 16px;
  color: #B2A898;
  padding-left: 3px;
  width: 112px;
}

/* Botão Sexo */

.botao_sexo {
  background-image: url('https://www.tibiawiki.com.br/wiki/Especial:Redirecionar/file/Outfiter_Botao_Sexo.png');
  width: 27px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  margin: 0 auto;
  cursor: pointer;
}

.botao_sexo:hover {
  background-image: url('https://www.tibiawiki.com.br/wiki/Especial:Redirecionar/file/Outfiter_Botao_Sexo_Hover.png');
}

.sexo_m {
  width: 27px;
  height: 22px;
  background: url('https://www.tibiawiki.com.br/wiki/Especial:Redirecionar/file/Outfiter_Botao_Sexo_Masculino.png');
}

.sexo_f {
  width: 27px;
  height: 22px;
  background: url('https://www.tibiawiki.com.br/wiki/Especial:Redirecionar/file/Outfiter_Botao_Sexo_Feminino.png');
}

/* Checkboxes */

input[type=checkbox] {
  visibility: hidden;
}

.check {
  position: relative;
  height: 14px;
  margin: -12px 0 0 -4px;
}

.check span {
  margin-left: 3px;
  display: inline-block;
}

.check label {
  cursor: pointer;
  position: absolute;
  width: 12px;
  height: 12px;
  top: 0;
  margin: 5px 0 0 -16px;
  border: 1px solid transparent;
  -moz-border-image: -moz-linear-gradient(top, #7B6E4C 0%, #413A28 100%);
  -webkit-border-image: -webkit-linear-gradient(top, #7B6E4C 0%, #413A28 100%);
  -o-border-image: -o-linear-gradient(top, #7B6E4C 0%, #413A28 100%);
  border-image: linear-gradient(to bottom, #7B6E4C 0%, #413A28 100%) 1;
  background: -webkit-linear-gradient(top, #BDC0C1 0%, #64676B 100%);
  background: -moz-linear-gradient(top, #BDC0C1 0%, #64676B 100%);
  background: -o-linear-gradient(top, #BDC0C1 0%, #64676B 100%);
  background: linear-gradient(top, #BDC0C1 0%, #64676B 100%);
}

.check label:after {
  filter: alpha(opacity=0);
  opacity: 0;
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  top: 0;
  left: 0;
}

.check label:hover::after {
  filter: alpha(opacity=50);
  background: #FFF;
  width: 14px;
  height: 14px;
  margin: -1px 0 0 -1px;
  opacity: 0.5;
}

.check input[type=checkbox]:checked + label:after {
  filter: alpha(opacity=100);
  background: url('https://www.tibiawiki.com.br/wiki/Especial:Redirecionar/file/Outfiter_Tick.png');
  opacity: 1;
}

.check input[type=checkbox]:checked + label:hover::after {
  filter: alpha(opacity=50);
  opacity: .5;
  margin: 0;
}

.check input[type=checkbox]:disabled + label {
  filter: alpha(opacity=50);
  opacity: .5;
  cursor: default;
}

.check input[type=checkbox]:disabled + label:hover::after {
  background: none;
}

.check input[type=checkbox]:checked:disabled + label:hover::after {
  filter: alpha(opacity=100);
  opacity: 1;
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  background: url('https://www.tibiawiki.com.br/wiki/Especial:Redirecionar/file/Outfiter_Tick.png');
  top: 1px;
  left: 1px;
}

/* Link */

.outfitter input {
  font-family: Verdana, Arial, Times New Roman, sans-serif;
  font-size: 11px;
}

.link {
  border: #000 1px solid;
  background: #1D262D;
  width: 370px;
  height: 16px;
  color: #B2A898;
  margin-right: 1px;
  padding-left: 3px;
}

::-moz-selection { /* Code for Firefox */
  color: white;
  background: black;
}

::selection {
  color: white;
  background: black;
}

.invisivel {
  display: none;
  visibility: hidden;
  overflow: hidden;
  width: 0;
  height: 0;
}

.quadros {
  border: #7B6E4C 1px solid;
  border-spacing: 0;
  border-collapse: separate;
  line-height: 12px;
  background: #181E23;
  margin-left: 5px;
  margin-top: 7px;
  max-width: 100%;
  white-space: nowrap;
  -webkit-box-shadow: 0px 0px 10px 2px rgba(255, 255, 255, 1);
  -moz-box-shadow: 0px 0px 10px 2px rgba(255, 255, 255, 1);
  box-shadow: 0px 0px 10px 2px rgba(255, 255, 255, 1);
}

.quadro {
  border: #7B6E4C 1px solid;
  background: #181E23;

}

#q0, #q1, #q2, #q3 {
  margin: 2px 2px 0 -2px;
}

#q4, #q5, #q6, #q7 {
  margin: 0 2px 0 -2px;
}

/* Ocultar Objetos de Revisão */

#mw-fr-reviewform,
#mw-fr-revisiontag {
  display: none;
}

/* Artworks*/

.artwork_td {
  vertical-align: top;
}

#artwork_e,
#artwork_d {
  position: relative;
  height: 400px;
  -moz-transition: .8s linear;
  -webkit-transition: .8s ease-out;
  transition: .8s linear;
}

@media screen and (max-width: 1200px) {
  #artwork_e,
  #artwork_d {
    opacity: 0;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1320px) {
  #artwork_e,
  #artwork_d {
    height: 350px;
  }
}

@media screen and (min-width: 1380px) {
  #artwork_e,
  #artwork_d {
    height: 450px;
  }
}

.artwork {
  position: absolute;
}

#artwork_B {
  right: 0;
}

#artwork_C,
#artwork_D {
  bottom: 0;
}
Disponível em “https://www.tibiawiki.com.br/index.php?title=MediaWiki:Outfitter.css&oldid=366968”