Tibia Wiki:Imbuing/Codigo

<table height="243" class="outfiter_main_table">
  <tr>
    <td style="height: 30px;" colspan="3">
      <div class="titulo">Imbuing System</div>
    </td>
  </tr>
  <tr>
    <td class="janela">Categoria:
      <select>
        <option value="escudo">Escudos</option>
        <option value="armadura">Armaduras</option>
      </select>
    </td>
    <td class="janela" id="escudos">Item:
      <select>
        <option value="escudo">Demon Shield</option>
      </select>
    </td>
    <td class="janela" id="armaduras">Item:
      <select>
        <option value="armadura">Demon Armor</option>
      </select>
    </td>
  </tr>
  <tr>
    <td style="height: 30px;" colspan="3">
      <div class="titulo">Opções para Imbuir</div>
    </td>
  </tr>
  <tr>
    <td style="vertical-align: top; height: 127px;">
      <table class="direita">
        <tr style="height:104px">
          <td>
            <table class="tabela_opcoes">
              <tr>
                <td>
                  <select name="elemento" multiple>
                    <option value="death">Elemental Protection (Death)</option>
                    <option value="earth">Elemental Protection (Earth)</option>
                    <option value="fire">Elemental Protection (Fire)</option>
                    <option value="ice">Elemental Protection (Ice)</option>
                    <option value="energy">Elemental Protection (Energy)</option>
                    <option value="holy">Elemental Protection (Holy)</option>
                  </select>
                </td>
              </tr>
            </table>
          </td>
          <td>
            <table class="tabela_opcoes">
              <tr>
                <td>
                  <select name="tipo" multiple>
                    <option value="basic">Basic Lich Shroud</option>
                    <option value="intricate">Intricate Lich Shroud (premium)</option>
                    <option value="powerful">Powerful Lich Shroud (premium)</option>
                  </select>
                </td>
              </tr>
            </table>
          </td>
        </tr>
        <tr>
          <td id="fonte-2">Reduces death damage by 3%.
            <br /> Lasts for 20h 0min while equipped.
            <br />
            <br /> Requires the following astral sources:
          </td>
        </tr>
      </table>
  </tr>
  <tr>
    <td>
      <table style="width:100%;">
        <tr>
          <td style="width:50%;">
            <table style="width:100%;">
              <tr>
                <td>
                  <span class="item"><img src="http://www.tibiawiki.com.br/images/c/c2/Flask_of_Embalming_Fluid.gif" /></span>
                </td>
                <td>
                  <span class="item"><img src="http://www.tibiawiki.com.br/images/c/c2/Flask_of_Embalming_Fluid.gif" /></span>
                </td>
                <td>
                  <span class="item"><img src="http://www.tibiawiki.com.br/images/c/c2/Flask_of_Embalming_Fluid.gif" /></span>
                </td>
              </tr>
            </table>
          </td>
          <td id="fonte-2">
            Protection Charm: 10,000 gold
            <br /> Sucess rate: 90%
            <br /> Total cost: 5,000 gold
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>

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

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

.janela {
  background: url('/wiki/Especial:Filepath/Arquivo:Outfiter Janela Fundo.png');
  background-repeat: no-repeat;
  position: relative;
  vertical-align: top;
}

table.tabela_opcoes select {
  background: #11161A;
  width: 272px;
  height: 90px;
  margin-top: -2px;
  padding: 1px 1px 1px 1px;
  border: #CBB47A 1px solid;
  border-collapse: separate;
  font-family: Verdana, Arial, Times New Roman, sans-serif;
  font-size: 13px;
  color: #B2A898;
}

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

.tabela_opcoes option: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);
}

#escudos,
#armaduras {
  display: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: #7B6E4C 1px solid;
  margin: 1em 0;
  padding: 0;
}

#fonte-2 {
  font-family: Verdana, Arial, Times New Roman, sans-serif;
  font-size: 13px;
  color: #B2A898;
}

.item img {
  position: relative;
  margin: 1px 2px 0 2px;
  border: #7B6E4C 1px solid;
  background: #11161A;
  padding: 0 auto;
  height: 32px;
  width: 32px;
  text-align: center;
  cursor: default;
}