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
m
Linha 281: Linha 281:
   vertical-align: top;
   vertical-align: top;
   white-space: nowrap;
   white-space: nowrap;
}
.botao_gif {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 22px;
  height: 22px;
  background-image: url('https://www.tibiawiki.com.br/wiki/Especial:Redirecionar/file/Outfitter_Salvar.png');
  display: inline-block;
  cursor: pointer;
}
.botao_gif:hover {
  background-image: url('https://www.tibiawiki.com.br/wiki/Especial:Redirecionar/file/Outfitter_Salvar_Hover.png');
}
}


Edição das 02h27min de 28 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: 5px;
  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: 5px;
  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: 27px;
  left: 7px;
  width: 150px;
  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: 16px;
}

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

.botao_gif {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 22px;
  height: 22px;
  background-image: url('https://www.tibiawiki.com.br/wiki/Especial:Redirecionar/file/Outfitter_Salvar.png');
  display: inline-block;
  cursor: pointer;
}

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

/* 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=367019”