Spoiler Editado.

3 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Spoiler Editado.

Mensagem por Tyui22222 26.12.14 17:27

Detalhes da dúvida


Versão do fórum : PunBB
Nível de acesso : Fundador
Navegador usado : Google Chrome
Imagem :
Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Problema começou : desde quando o fórum começou
Endereço do fórum : http://darkcraft24hrs.foruns.com.pt/

Descrição do problema

Queria que o spoiler do meu fórum ficasse igual da figura acima, se alguem tiver o codigo me passe quero que fique escrito Spoiler dai um botão do lado escrito clicar dai quando alguem clica ele abre daquele jeito e o botão fica escrito fechar.
Tyui22222

Tyui22222
***

Membro desde : 09/10/2014
Mensagens : 189
Pontos : 269

http://darkcraftforum24hrs.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Spoiler Editado.

Mensagem por Tyui22222 27.12.14 16:45

up.
Tyui22222

Tyui22222
***

Membro desde : 09/10/2014
Mensagens : 189
Pontos : 269

http://darkcraftforum24hrs.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Spoiler Editado.

Mensagem por Shek 28.12.14 19:52

Boa tarde!

O recurso não está disponível em fóruns Forumeiros, porque este fórum é PhpBB e não usa os nossos recursos. Para mais informações, consulte: https://www.youtube.com/watch?v=ciolvRQiDoA

Podemos até tentar fazer isso com Javascript.

Atenciosamente,
Shek
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Spoiler Editado.

Mensagem por Tyui22222 28.12.14 21:48

se tentar vai me ajudar bastante :3
Tyui22222

Tyui22222
***

Membro desde : 09/10/2014
Mensagens : 189
Pontos : 269

http://darkcraftforum24hrs.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Spoiler Editado.

Mensagem por First 01.01.15 20:52

Olá!

Peço ao senhor adicione o seguinte código em:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores :seta2: Folha de estilo CSS
Código:
#spoiler_title {
font-weight: bold;
padding-right: 10px;
}
.codebox dd , .codebox {
background: transparent;
border: none;
}
.codebox dt {
height: 26px;
line-height: 27px;
font-size: 11px;
padding: 0 10px;
border: 0;
background: #393939 url('http://i.imgur.com/hPBl80W.png') repeat-x 0 0;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #fff;
text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
display: inline-block;
white-space: nowrap;
font: normal 12px tahoma,helvetica,arial,sans-serif;
}
.codebox dt:hover {
color: #fff;
background-color: #434343;
}
.spoiler_content.hidden {
background: #262626;
border: 1px dashed #3b3b3b;
padding: 5px;
margin: -8px -25px 0px -25px;
color: #bcbcbc;
}

Agora crie um novo módulo JavaScript em:
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão dos códigos JavaScript
Código:
jQuery(document).ready(function(){
   jQuery(".codebox").prepend('<span id="spoiler_title">Spoiler</span>');
   jQuery(".codebox dt").html("Mostrar");
   jQuery(".codebox dt").on("click", function(){
      if(jQuery(this).text()=="Mostrar"){
         jQuery(this).text("Ocultar");
      }else{
         jQuery(this).text("Mostrar");
      }
   });
});
Investimento: Em todas as páginas


Até mais. Piscada
First

First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Spoiler Editado.

Mensagem por Tyui22222 01.01.15 21:05

First escreveu:Olá!

Peço ao senhor adicione o seguinte código em:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores :seta2: Folha de estilo CSS
Código:
#spoiler_title {
font-weight: bold;
padding-right: 10px;
}
.codebox dd , .codebox {
background: transparent;
border: none;
}
.codebox dt {
height: 26px;
line-height: 27px;
font-size: 11px;
padding: 0 10px;
border: 0;
background: #393939 url('http://i.imgur.com/hPBl80W.png') repeat-x 0 0;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #fff;
text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
display: inline-block;
white-space: nowrap;
font: normal 12px tahoma,helvetica,arial,sans-serif;
}
.codebox dt:hover {
color: #fff;
background-color: #434343;
}
.spoiler_content.hidden {
background: #262626;
border: 1px dashed #3b3b3b;
padding: 5px;
margin: -8px -25px 0px -25px;
color: #bcbcbc;
}

Agora crie um novo módulo JavaScript em:
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão dos códigos JavaScript
Código:
jQuery(document).ready(function(){
   jQuery(".codebox").prepend('<span id="spoiler_title">Spoiler</span>');
   jQuery(".codebox dt").html("Mostrar");
   jQuery(".codebox dt").on("click", function(){
      if(jQuery(this).text()=="Mostrar"){
         jQuery(this).text("Ocultar");
      }else{
         jQuery(this).text("Mostrar");
      }
   });
});
Investimento: Em todas as páginas


Até mais. Piscada

Olá amigo,

pegou mais o unico erro e esse olhe: https://i.imgur.com/Pl4qeMe.png eu escrevi TESTE e como ve ali ele corto....
Tyui22222

Tyui22222
***

Membro desde : 09/10/2014
Mensagens : 189
Pontos : 269

http://darkcraftforum24hrs.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Spoiler Editado.

Mensagem por First 01.01.15 21:15

Olá,

Poderia me fornecer a sua Folha de estilo CSS?


Até. Piscada
First

First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Spoiler Editado.

Mensagem por Tyui22222 01.01.15 21:20

Código:
html ,.smiley-frame {
  background: #121212;
  }
  body {
  background: #121212;
  color: #BCBCBC;
  font: normal 11px tahoma,helvetica,arial,sans-serif;
  padding-bottom: 20px;
  margin: auto!important;}
  #page-body {html ,.smiley-frame {
  background: #121212;
  }
  body {
  background: #121212;
  color: #BCBCBC;
  font: normal 11px tahoma,helvetica,arial,sans-serif;
  padding-bottom: 20px;
  margin: auto!important;}
  #page-body {
  margin: 0 auto;
  min-width: 980px;
  max-width: 1200px;
  overflow: hidden;
  width: 90%;
  }
  .pun {
  margin: auto;
  padding: 0;
  width: 100%;
  }
  #pun-head {
  bottom: 4px;
  position: absolute;
  width: 100%;
  z-index: 9999!important;
  }
  #pun-intro {
  border: none;
  background: black url("http://i.imgur.com/tyo35CN.jpg") top repeat-x;
  height: 130px;
  padding: 0;
  position: relative;}
  .forabg-ipb {
  background: #1F1F1F url("http://i.imgur.com/9FRy5t9.png") repeat;
  border: 1px solid #282828;
  border-top: 1px solid #363636;
  border-radius: 5px;
  padding: 5px;
  margin-bottom: 20px;}
  .main .forabg-ipb .main-head ,.main.paged .main-head{
  background: transparent;
  border:0;}
  .pun .main .forabg-ipb .main-content {
  background: transparent;
  border: 0;
  }
  .pun .forabg-ipb table.table td {
  border: 0;
  background: none!important;
  }
  .pun .forabg-ipb table .tcr {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  }
  .pun .forabg-ipb tbody.statused td.tcl {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  }
  .pun .forabg-ipb table.table .statused tr {
  background: #181818;
  box-shadow: inset rgba(0, 0, 0, 0.4) 0px 1px 5px;
  border: 1px solid #282828;
  border-bottom: 1px solid #343434;
  border-radius: 5px;
  display: table;
  margin-bottom: 10px;
  width: 100%;}
  .main .main-head .page-title h2 {
  font-family: tahoma, helvetica, arial, sans-serif;
  color: white;
  text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0px;
  font-size: 12px;
  font-weight: bold;
  }
 .pun {
  margin: auto;
  padding: 0;
  width: 100%;
  }
  #pun-head {
  bottom: 4px;
  position: absolute;
  width: 100%;
  z-index: 9999!important;
  }
  #pun-intro {
  border: none;
  background: black url("http://i.imgur.com/tyo35CN.jpg") top repeat-x;
  height: 130px;
  padding: 0;
  position: relative;}
  .forabg-ipb {
  background: #1F1F1F url("http://i.imgur.com/9FRy5t9.png") repeat;
  border: 1px solid #282828;
  border-top: 1px solid #363636;
  border-radius: 5px;
  padding: 5px;
  margin-bottom: 20px;}
  .main .forabg-ipb .main-head ,.main.paged .main-head{
  background: transparent;
  border:0;}
  .pun .main .forabg-ipb .main-content {
  background: transparent;
  border: 0;
  }
  .pun .forabg-ipb table.table td {
  border: 0;
  background: none!important;
  }
  .pun .forabg-ipb table .tcr {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  }
  .pun .forabg-ipb tbody.statused td.tcl {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  }
  .pun .forabg-ipb table.table .statused tr {
  background: #181818;
  box-shadow: inset rgba(0, 0, 0, 0.4) 0px 1px 5px;
  border: 1px solid #282828;
  border-bottom: 1px solid #343434;
  border-radius: 5px;
  display: table;
  margin-bottom: 10px;
  width: 100%;}
  .main .main-head .page-title h2 {
  font-family: tahoma, helvetica, arial, sans-serif;
  color: white;
  text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0px;
  font-size: 12px;
  font-weight: bold;
  }
  .pun .main table td.tc2, .pun .main table td.tc3, .pun table.table td {
  background-image: url("http://i.imgur.com/GpB5BCN.png");
  background-repeat: repeat-x;
  border: 0;
  background-color: #212121;
  border-top: 1px solid #292929;
  border-bottom: 0;
  font-family: tahoma, helvetica, arial, sans-serif;
  font-size: 11px;
  color: #646464;
  background-position: bottom;
  }
  .pun .main-content {
  border: 1px solid #272727;
  }
  h2.topic-title a.topictitle {
  font-family: tahoma, helvetica, arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  }

  /*----------[Borrar Subrayados]------------*/
  a {text-decoration: none;}
  a:link {text-decoration: none;}
  a:hover {text-decoration: none!important;}
  a.forumtitle {text-decoration: none;}
  a.forumtitle:hover {text-decoration: none!important;}
  a.topictitle {text-decoration: none;}
  a.topictitle:hover {text-decoration: none!important;}
  /*----------------FIN---------------*/
  .pun table.table td {
  padding: .2em 0 0.2em;
  }
  .pun table.table thead tr {
  background: #1F1F1F url("http://i.imgur.com/9FRy5t9.png") repeat;
  color: white;
  padding: 4px 10px;
  font-weight: bold;
  border-radius: 10px;
  }
  .pun table.table thead tr th {
  border: 0;
  background: rgba(0, 0, 0, 0.3);
  color: white;
  opacity: 0.5;
  }
  .pun .statused tr a {
  font-family: tahoma, helvetica, arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  }
  .pun .main table td.tc3 p {
  text-align: right;
  }
  .avs .inx {
  float: left;
  margin-right: 5px;
  }
  .avs .inx img {
  width: 34px;
  height: 34px;
  border-radius: 2px;
  margin: 5px 5px;
  }
  .main.paged {
  background: #1F1F1F url("http://i.imgur.com/9FRy5t9.png") repeat;
  border: 1px solid #282828;
  border-top: 1px solid #363636;
  border-radius: 5px;
  padding: 5px;
  margin-bottom: 20px;
  }
  .pun .main-content {
  border: 1px solid #272727;
  background-color: #101010;
  }
  .pun .post {
  color: #BCBCBC;
  font-family: tahoma, helvetica, arial, sans-serif;
  font-size: 11px;
  border: 0;
  }
  .pun .posthead {
  border-top: 1px solid #2D2D2D;
  border-bottom: 1px solid #2D2D2D;
  text-shadow: rgba(0, 0, 0, 0.8) 0px -1px 0px;
  background: #202020 url('http://i.imgur.com/8OKqAgJ.png') repeat-x 0 -1px;
  padding: 0 10px;
  height: 36px;
  line-height: 36px;
  font-weight: normal;
  font-family: tahoma, helvetica, arial, sans-serif;
  font-size: 11px;
  padding-left: 18em;
  }
  .pun .postmain {
  border-left: 1px solid #252525;
  background: #181818;
  }
  .pun .user .user-info, .pun .user .user-ident {
  text-align: center;
  }
  .pun .user-ident .user-basic-info {
  margin-top: 15px;
  }
  .postfoot {
  background-color: #101010;
  background-image: none;
  background-origin: padding-box;
  background-size: auto;
  border-top: 1px solid #252525;
  margin-left: -18em;
  }
  #pun-visit, .main-box ,#main .module-advert .main-content{
  background: #181818;
  border: 1px solid #2D2D2D;
  }
  #board_stats ul li {
  display: inline;
  margin: 10px;
  }
  #board_stats ul li span {
  display: inline-block;
  background: #222 url('http://i.imgur.com/FUWMlkh.png') repeat-x 0 0;
  color: white;
  text-shadow: rgba(0, 0, 0, 0.8) 0px -1px 0px;
  padding: 3px 7px;
  font-weight: bold;
  border-radius: 3px;
  margin-right: 3px;
  box-shadow: inset rgba(255, 255, 255, 0.03) 0px 1px 0px;
  }
  #board_stats {
  text-align: center;
  height: 50px;
  }
  #pun-info-ipb #onlinechat {
  background: #181818;
  border: 0;
  }
  #pun-info-ipb #onlinelist {
  background: #181818;
  border: 0;
  }
  .board-title-line ul li {
  display: inline;
  margin: 0 5px;
  }
  .board-title-line a {
  font-weight: normal;
  }
  .board-title-line ul {
  float: right;
  }
  .board-title-line p {
  float: left;
  }
  .board-title-line {
  border: 1px solid #393939;
  text-shadow: rgba(0, 0, 0, 0.8) 0px -1px 0px;
  background: #282828 url('http://i.imgur.com/KNLjKkI.png') repeat-x 0 -1px;
  padding: 8px 5px;
  height: 13px;
  }
  #pun-info-ipb {
  margin: 0;
  color: #898989;}
  #pun-about a {
  font-weight: normal!important;
  color: #848484;!important}
  #pun-about #qjump {
  display: none;
  }
  #pun-about {
  padding: 8px;
  position: relative;
  border: 1px solid #2A2A2A;
  text-shadow: rgba(0, 0, 0, 0.8) 0px -1px 0px;
  background: #1A1A1A url('http://i.imgur.com/6c0afnZ.png') repeat-x 0 -1px;
  text-align: left;}
  #pun-about .right br {
  display: none;
  }
  #pun-about ul {
  float: left;
  }
  #pun-foot {
  margin: auto;
  max-width: 1200px;
  min-width: 980px;
  position: relative;
  }
  .pun #coun-mps {
    line-height: 12px;
  }
  #pun-navlinks li a:hover {
  background: rgba(0, 0, 0, 0.3);
  color: white;
  }
  #pun-navlinks li a {
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size: 11px;
  color: #CCC;
  line-height: 31px;
  margin: 0;
  height: 32px;
  display: inline-block;
  padding: 0 6px;
  }
  #pun-head #pun-navlinks {
  background: url("http://i.imgur.com/CmCydtW.png") repeat;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  height: 32px;
  box-shadow: rgba(255, 255, 255, 0.25) 0px 0px 1px, rgba(255, 255, 255, 0.1) 0px 1px 0px, inset rgba(0, 0, 0, 1) 0px 1px 4px;
  padding: 0;
  border: 0;
  }
  .men-intro {
  background: rgba(0, 0, 0, 0) url(http://i.imgur.com/xLx9ftI.png) repeat;
  border: none;
  height: 130px;
  margin: auto;
  max-width: 1200px;
  min-width: 980px;
  padding: 0;
  position: relative;
  width: 90%;
  }
  #pun-logo {
  float: none;
  position: absolute;
  top: 20px;
  }
  .pun table.table th {
  background-image: url("http://i.imgur.com/GpB5BCN.png");
  background-repeat: repeat-x;
  border: 0;
  background-color: #212121;
  border-top: 1px solid #292929;
  border-bottom: 0;
  font-family: tahoma, helvetica, arial, sans-serif;
  font-size: 11px;
  color: #646464;
  background-position: bottom;
  }
  .main .main-foot, .main .main-head {
  border-bottom: 1px solid #393939;
  text-shadow: rgba(0, 0, 0, 0.8) 0px -1px 0px;
  background: #282828 url('http://i.imgur.com/KNLjKkI.png') repeat-x 0 -1px;
  padding: 9px 9px 14px 9px;
  border: 1px solid #393939;
  }
  .topme {
  height: 20px;
  padding: 10px 5px 5px;
  }
  .topme h1 {
  font: normal 11px tahoma;
  float: left;
  background: rgba(0, 0, 0, 0.3);
  opacity: 1;
  color: white;
  padding: 4px 10px;
  font-weight: bold;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.16) 0px 1px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px;
  border-radius: 8px;
  }
  .pun .paged-foot, .pun .paged-head {
  background: transparent;
  border: 0;
  }
  .paged-head.clearfix p.posting {
  text-align: right;
  }
  #stats {
  border: 1px solid #393939;
  text-shadow: rgba(0, 0, 0, 0.8) 0px -1px 0px;
  background: #282828 url('http://i.imgur.com/KNLjKkI.png') repeat-x 0 -1px;
  padding: 8px 5px;
  height: 13px;
  }
  #onlinelist {
  border-top: 0;
  background-color: #101010;
  }
  .pun .post .user{margin-top: -2.3em;}
  .pun .posthead h2 strong{font-weight: normal;}
  #quick_reply .frm-set {
  padding: 0;
  margin: 0;
  }
  #quick_reply .frm-buttons ,.frm-buttons{
  background: #232323 url('http://i.imgur.com/xrqkJVp.png') repeat-x 0 -1px;
  border-top: 1px solid #373737;
  line-height: 30px;
  text-align: center;
  padding: 3px 0;
  margin-top: 1px;}
  .pun .frm-form, .main .main-content.frm {
  background: black;
  }
  #quick_reply {
  padding-bottom: 8px;
  }
  fieldset.frm-set textarea.inputbox ,input[type="password"], input[type="text"], textarea {
  padding: 6px;
  border: 1px solid #383838;
  background: #292929;
  color: #B7B7B7;
  text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0px;
  box-shadow: inset rgba(0, 0, 0, 0.2) 0px 1px 4px;
  }

  fieldset.frm-set textarea.inputbox:focus ,input[type="password"]:focus, input[type="text"]:focus, textarea:focus {outline: none;
  background-color: #4B4B4B;
  color: #F8F8F8;
  border-color: #797979;}
  .pun .frm dd.frm-input, .pun .frm dd.frm-input input, .pun .frm dd.frm-textarea {
  width: 80%;
  }
  fieldset.frm-set.multi {
  border: 0;
  }
  #quick_reply dl dt label {
  display: none;
  }
  #text_editor_controls {
  background: #202020 url('http://i.imgur.com/8OKqAgJ.png') repeat-x 0 -1px;
  margin: 0;
  padding: 4px 10px;
  width: 100%!important;
  border-bottom: 1px solid #2B2B2B;
  }
  #quick_reply fieldset.frm-set dl dt {
  display: none;
  }
  #quick_reply .dd-textarea {
  margin: 0!important;
  padding: 0!important;
  }
  #quick_reply .dd-textarea #text_editor_textarea {
  width: 98.2%!important;
  background: black!important;
  border: 1px solid #494949 !important;
  margin: 2px;
  display: block;
  }
  .pun .frm .frm-buttons input, input[type="button"], input[type="submit"], input[type="reset"]
  {font-size: 11px;
  padding: 7px 10px;
  border: 0;
  background: #393939 url('http://i.imgur.com/3QzE416.png') repeat-x 0 0;
  border-radius: 2px;
  color: white;
  text-shadow: rgba(0, 0, 0, 0.8) 0px -1px 0px;
  cursor: pointer;
  }
  .pun .frm .frm-buttons input:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover
  {color: white;background-color: #434343;}
  .pun .frm .frm-buttons input:active, input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active {color: white;
  position: relative;
  top: 1px;}
  button.button2, input.button2 {
  border: 0!important;
  cursor: pointer;
  background: transparent;
  padding: 5px 4px;
  border-radius: 3px;
  }
  .frm-form img[src^="http://2img.net/i/fa/wysiwyg/separator.png"] {
  display: none;
  }
  button.button2:hover, input.button2:hover {
  background: #2E2E2E;
  }
  .codebox dt {
  border: 0;
  }
  .codebox dd, .codebox dd.cont_code {
  background-color: #222 !important;
  color: #7F7F7F;
  border: 1px solid #363636;
  }
  .codebox {
  background-color: #262626 !important;
  color: #7F7F7F;
  border: 1px solid #3B3B3B;
  overflow: auto;
  margin-left: 10px;
  font-size: 13px;
  width: 95%;
  margin: 1em auto;
  padding: 1em;
  white-space: pre-wrap;
  font-family: monospace !important;
  }
  .postmain blockquote ,blockquote{
  font-size: 12px;
  padding: 10px;
  border: 1px solid #3B3B3B;
  background: #262626;
  color: #7F7F7F;
  margin: 0 0;
  }
  .pun .main .main-content.message, .pun .main .main-content p.message {
  background: #232323 url('http://i.imgur.com/mIgqPSP.png') repeat-x 0 -1px;
  border: 1px solid #373737;
  }
  .main.paged #first-post-br {
  display: none;
  }
  table.forumline {
  background-image: url("http://i.imgur.com/GpB5BCN.png");
  background-repeat: repeat-x;
  background-color: #212121;
  border: 1px solid #313131;
  }
  .pun .paging a, .paging b, .pagination a {
  background: #252525 url('http://i.imgur.com/WEtgBTF.png') repeat-x 0 0;
  color: white;
  padding: 2px 6px;
  border-radius: 2px;
  opacity: 0.8;}
  .pun .paging a:hover, .paging b:hover, .pagination a:hover {
  background: #353535 url('http://i.imgur.com/WEtgBTF.png') repeat-x 0 0;
  opacity: 10;
  color: white;
  }
  #chatbox p {
  background-image: url("http://i.imgur.com/GpB5BCN.png");
  background-repeat: repeat-x;
  border: 0;
  background-color: #212121;
  border-top: 1px solid #292929;
  border-bottom: 0;
  font-family: tahoma, helvetica, arial, sans-serif;
  font-size: 11px;
  color: #646464;
  background-position: bottom;
  }
  #chatbox_members .member-title {
  background: #222;
  }
  #chatbox_footer {
  border-top: 1px solid #303030;
  padding: 0;
  }
  #chatbox_messenger_form {
  margin: 0;
  }
  #chatbox_members {
  border-right: 1px solid #333;
  }
  #chatbox_header.main-head {
  text-shadow: rgba(0, 0, 0, 0.8) 0px -1px 0px;
  background: #161616;
  border: 0;
  }
  .title-overview {
  border-bottom: 1px solid #393939;
  text-shadow: rgba(0, 0, 0, 0.8) 0px -1px 0px;
  background: #282828 url('http://i.imgur.com/KNLjKkI.png') repeat-x 0 -1px;
  padding: 8px;
  border: 1px solid #393939;
  }
  #search_menu {
  background: #222;
  border: 1px solid #3F3F3F;
  }
  .pun .frm .frm-form table {
  border: 1px solid #2E2E2E;
  }
  .pun .main table.table td.td-title {
  border: 0;
  font-family: tahoma, helvetica, arial, sans-serif;
  font-size: 11px;
  color: #646464;
  background-position: bottom;
  background: rgba(0, 0, 0, 0.3);
  }
  .module p.author {
  background: #222 url("http://i.imgur.com/GpB5BCN.png") bottom repeat-x;
  border-bottom: 1px solid #303030;
  }
  .pun .main h3 a.forumtitle {
  font-weight: bold;
  font-size: 12px;
  }
  .pun-crumbs a {
  display: inline-block;
  padding-right: 17px;
  padding-left: 5px;
  background: url('http://i.imgur.com/2ZeN9lG.png') no-repeat 100% 0;
  color: #D7D7D7!important;
  line-height: 37px;
  height: 37px;
  float: left;
  overflow: hidden;
  font-size: 11px;
  visibility: visible!important;
  font-weight: normal;}
  .pun-crumbs {
  position: absolute;
  top: 0px;
  background: #1C1C1C url('http://i.imgur.com/uNQDk9x.png') repeat-x 0 0;
  border: 1px solid #2D2D2D;
  text-shadow: rgba(0, 0, 0, 0.8) 0px -1px 0px;
  border-radius: 3px;
  overflow: hidden;
  line-height: 37px;
  margin-bottom: 15px;
  width: 100%;
  margin-top: 20px;
  padding: 0;
  color: transparent;
  font-size: 0;}
  .pun-crumbs strong {
  color: transparent;
  }
  .pun-crumbs p {
  color: transparent;
  }
  .pun-crumbs a:active {
  background-position: 100% -86px;
  }
  .pun-crumbs a:hover {
  color: #FFF!important;
  background-position: 100% -43px;}
  #page-body {
  padding-top: 66px;
  position:relative;}
  .tcl.tdtopics #tipe-post strong{
  background-color: #7BA60D;
  color: white;
  border-radius: 3px;
  text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0px;
  font-weight: bold;
  text-transform: uppercase;
  background-image: url("http://i.imgur.com/BnZuWJM.png");
  background-repeat: repeat-x;
  background-position: 0 -1px;
  padding: 1px 5px;
  }
  .select {
  margin-top: -130px;
  margin-left: -90px;
  }
  .select .button2 {
  background: #020202;
  }
  .main-head:hover #toggle-right {
  visibility: visible;
  -webkit-transition: 0.3s;
  -moz-transition-duration: 0.3s;
  -htm-transition-duration: 0.3s;
  opacity: 1;}
  .main-head #toggle-right {
  visibility: hidden;
  -webkit-transition: 0.3s;
  -moz-transition-duration: 0.3s;
  -htm-transition-duration: 0.3s;
  opacity: 0;}
  #pun-announcement {
  border: 1px solid #272727;
  background-color: #101010;
  }
  .avatar-ipb img {
    width: 24px;
    height: 24px;
  }
  #identipb a {
    display: inline-table;
    vertical-align: text-bottom;
    line-height: 26px;
    margin-left: 6px;
  }
  .info_box ,div.avatar-ipb {
    float: left;
  }
  #SoIan {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    width: 360px;
    background: #1d1d1d;
    position: absolute;
    padding: 6px;
    border-radius: 0 0 6px 6px;
  }
  .info_box {
    margin-left: 65px;
    display: inline-table;
    position: relative;
    float: left;
  }
  .info_box a {
    display: inline-block;
  }
  #SoIan .avatar-ipb img {
    width: 54px;
    height: 54px;
    border-radius: 2px;
  }
  #SoIan .info_box a {
    width: 118px;
  }
  .app-ipb-nav {
    float: right;
    position: absolute;
    top: 0px;
    right: 10px;
  }
  #identipb a {
    border-left: 1px solid rgba(255,255,255,0.1);
  padding-left: 8px;}
  #identipb a.ipb-mainmenu img {
    position: relative;
    top: 6px;
  }
  .ipb-mainmenu {}
  #identipb a img#i_icon_mini_not {
    position: relative;
    top: 6px;
  }
  a.ipb-mainmenu#logout {
    line-height: 31px;
  }
  #pun-head {
  z-index: 9999!important;
  }
  #SoIan {
  right: 107px;
  }
  .main .frm-info {
  background: #333;
  border: 1px solid #000;
  }
  .avs .inx img:hover {
  opacity: 0.7;
  }
  .pun .posthead, .pun .posthead a {
  color: #777;
  }
  .pun .main-content #stats {
  height: auto;
  }
  #profile-advanced-details div.separator {
  border-bottom: 1px solid #1F1F1F;
  border-top: 1px solid #0A0A0A;
  padding: 0;
  line-height: 0px;
  }
  #tabs ul li a {
    background: #292929;
    border: 1px solid #000;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.11) inset;
  }
  #tabs ul li a:hover {
    background: #252525;
    color: #B8B8B8;
  }
  #tabs ul li.activetab a {
    background: #0A5E69;
    border: 1px solid #393939;
    border-bottom: 1px solid #3F3E3E;
  }
  #profile-advanced-details .message-header {
  background: #272727;
  border-top: 1px solid #353434;
  }
  select {
  border: 1px solid #383838;
  background: #292929;
  color: #969696;
  padding: 5px 2px;
  }
  #content-container div#right .module .main-head .h3, #content-container div#right .module .main-head h3 {
  font-weight: bold;
  }
  .fontbutton_normal, .fontbutton {
  background: #3C3C3C;
  border: 1px solid #444141;
  border-radius: 2px;
  position: relative;
  top: 4px;
  }
  .resizebox .resize_border {
  background: #222;
  border: 1px solid #333;
  }
  .module p.comments {
  background: none;
  border-top: none;
  }
  #ipb-search_menu {
    right: 68px;
    background: rgba(0,0,0,0.5);border-radius: 3px;
    box-shadow: rgba(255,255,255,0.25) 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px, inset rgba(0,0,0,1) 0px 1px 4px;
    top: 31px;
    padding: 4px;
  }
  .pun #ipb-search_menu .go-se-ipb {
    background: rgba(255, 255, 255, 0.25) url('http://i.imgur.com/Pytjj0m.png') no-repeat 50%;
    font-size: 0;
    width: 29px;height: 26px;
    top: -4px;
    position: relative;
    box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
    border-radius: 0 5px 5px 0;
    text-indent: -3000em;
  }
  .pun #ipb-search_menu .inputbox.medium {
    background: rgba(255,255,255,0.15);
    display: inline-block;
    padding: 0 61px 0 5px;
    height: 26px;
    border: 0;
    border-radius: 3px 0px 0px 3px;
    box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
    outline:  0;
    color: rgb(167, 163, 163);
    width: 170px;
  }
  #search_options {
    position: absolute;
    right: 70px;
    background: rgba(255,255,255,0.15) url('http://i.imgur.com/QbteGSC.png') repeat-x 0 0;color: #eee;display: inline-block;text-shadow: #000 0px -1px 0px;
    font-size: 10px;height: 20px;line-height: 20px;margin: 3px 3px 3px 0;padding: 0 6px;
    border-radius: 3px;
    cursor: pointer;
  }
  #adv_search {
    width: 26px;height: 26px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background: url('http://i57.servimg.com/u/f57/16/90/71/02/advanc10.png') no-repeat 50% 50%;
    text-indent: -3000em;display: inline-block;margin-left: 3px;
  }
  .pun #ipb-search_menu .inputbox.medium:focus {
    color: white;
  }
  #pun-head #pun-navlinks ul.clearfix li #logout {
  display: none;
  }
  #chatbox_contextmenu {
    background: #242424;
    border: 1px solid #2C2E2E;
  }
  #chatbox_contextmenu p {
    background: #222;
    border-bottom: 1px solid #000;
    border-top: 1px solid #2B2B2B;
  }
  #chatbox_contextmenu p:hover {
    background: #303030;
  }
  #coun-mps {
  position: absolute;
  right: 110px;
  background: #EC2525;
  border: 1px solid #5F0C0C;
  font: bold 10px arial;
  border-radius: 3px;
  padding: 0 3px;
  color: #FFF;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
  z-index: 999!important;
  top: 4px;
  }
  .ipsType_sectiontitle.clearfix {
  padding: 10px;
  font: bold 22px arial;
  }
  #user_inbox_link_menucontent {
  width: 500px;
  background: #1D1D1D;
  border: 1px solid #363636;
  position: absolute;
  top: 32px!important;
  right: 98px!important;
  display: none;
  }
  .ipsPad_half.ipsType_smaller.right a {
  font: normal 10px arial;
  }
  .ipsList_withminipms {
  border-top: 1px solid #383838;
  }
  .ipsList_withminipms .tcl.tdtopics {
  display: block;
  padding: 5px;
  border-top: 1px solid #313030;
  border-bottom: 1px solid #0C0C0C;
  }
  .ipsList_withminipms .tcl.tdtopics a.topictitle {
  margin-left: 10px;
  }
  #user_alert_link_menucontent {
    width: 500px;background: #1D1D1D;border: 1px solid #363636;position: absolute;top: 32px!important;
    right: 59px!important;display: none;
  }
  .ipsList_withminialert td.tcr {
    display: block;
    background: #292828;
    border-top: 1px solid #313131;
    border-bottom: 1px solid #1F1E1E;
    padding: 5px;
  }
  #alerticon, #aime-mp {
  cursor: pointer;
  }
  #topdes {
    display: block;
    width: 25px;
    height: 25px;
    margin: auto;
    background: #BDBDBD url("http://i.imgur.com/3Z8kIZr.png") no-repeat center;
    position: absolute;
    left: 88%;
    border-radius: 100%;
    box-shadow: inset rgba(0, 0, 0, 0.7) 0px 1px 3px;
    cursor: pointer;
    opacity: 0.4;
    margin-top: -5px;
  }
  #topdes:hover {
    opacity: 0.7;
  }
  .men-intro {
  max-width: 1200px;
  min-width: 980px;
  position: relative;
  }

  #user_inbox_link_menucontent td {width: 490px;height: 20px;padding-left: 15px;}
  #user_alert_link_menucontent td {width: 495px;padding-top: 6px !important;height: 20px;padding-left: 15px;}
  /*ipbperfilcss*/
  .usernam-ipb ,.usernam-ipb span {
    color: #7A7A7A!important; 
    font-size: 20px!important; 
    font-weight: bold!important; 
    line-height: 1.7!important;
  }
  .usernam-ipb em {
    display: none!important;
  }
  .ipb-profile .mod-left {
    width: 150px; 
    margin-left: -150px;
    float: left;
  }
  .ipb-profile {
    background: #EBF0F3;
    padding: 9px;
    clear: both;
    padding-left: 188px;
    overflow: hidden; 
    color: #5A5A5A;     
    font-family: helvetica, arial, sans-serif!important; 
    font-size: 11px;
  }
  .mod-center {
  width: 98%;
  float: left;
  background: #FFF;
  border: 1px solid #E4E4E4;
  padding: 9px;
  position: relative;
  margin: auto;
  }
  .ipb-m-title h2 {
    padding: 8px 10px;  background: #F5F5F5;  color: #868686;  font-size: 11px; margin: 0; 
    font-weight: bold;
    font-family: helvetica!important;
  display:none;}
  .co-ipb {
  background: #FFF;
  margin-bottom: 10px;
  border: 1px solid #DDD;
  margin: 5px;
  min-height: 600px;
  }
  .ipb-profile dt, .ipb-profile dt span {
    color: #5A5A5A!important;
    font-weight: bold!important;
  }
  .m-info-ipb dt {
    display: inline-block;
    width: 200px;
    text-align: right;
    padding-right: 10px;
  }
  .m-info-ipb dd {
    display: inline-block;
    width: 350px;
  }
  .profi-add-ipb a.mainmenu + br + a.mainmenu ,.main-ipb-f .clear ,.m-info-ipb .separator {
    display: none;
  }
  .m-info-ipb dl {
    line-height: 1.3;  font-size: 11px;  background: #FEFEFE;  border: 1px solid #EEE;  padding: 8px;  border-left: 0;  border-right: 0;  margin-bottom: -1px;
  }
  .ipb-tab-us ul li a span {
    display: block;  padding: 10px 8px;  outline: 0;  font-size: 11px;  color: #8D8D8D;  -webkit-transition: background-color 0.1s ease-in-out;  -moz-transition: background-color 0.3s ease-in-out;
  }
  .ipb-tab-us ul li {
  background: #F6F8FB;
  color: #808080;
  border-bottom: 1px solid #DBE4EF;  font-size: 13px;
  }
  .ipb-tab-us ul li :hover {
  background: #EAEFF5;
  color: #808080;
  }
  .ipb-tab-us {
    width: 149px !important;  margin-top: 10px;  border-top: 1px solid #DBE4EF;
  border-left: 1px solid #DBE4EF;
  }
  .ipb-profile li ,.ipb-tab-us ul {
    list-style: none;
  }
  .ipb-tab-us ul li.activetab {
    background: white;
    width: 150px;
    position: relative;
  z-index: 9;}
  .profile-ava img {
    background: #FFF;  padding: 1px;  border: 1px solid #D3D3D3;  max-width: 138px;  max-height: 138px;
  }
  .estoyenline-i {
  background: #7BA60D;
  }
  .ofline-ipb {
  background: #B3B3B3;
  padding: 0 5px;}
  .estoyenline-i, .ofline-ipb{
  display: inline-block;
  height: 17px;
  line-height: 17px;
  font-size: 9px;
  font-weight: bold;
  text-transform: uppercase;
  color: #FFF;
  border-radius: 2px;
  vertical-align: middle;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.22);
  }
  .pun .co-ipb .main-content {
  background: #FFF;
  border: 0;
  }
  .co-ipb#friends ol li {
  padding: 8px 0 0 0;
  margin: 5px 0 0 0;
  min-width: 80px;
  height: 70px;
  list-style: none;
  width: 100px;
  display: inline-table;
  text-align: center;
  }
  .co-ipb#friends ol li .avatar {
  display: block;
  border: 0;
  background: 0;
  text-align: center;
  width: 100%;
  }
  #friends ol li .message-text ,.co-ipb#friends .message-footer li {
  display: none;
  }
  .co-ipb ol li .avatar img:hover {
  border-color: #7D7D7D;
  }
  .co-ipb ol li .avatar img {
  background: #FFF;
  padding: 1px;
  border: 1px solid #D3D3D3;
  height: 50px;
  width: 50px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);}
  #contacto h2#contacto ,#profilewall #wallcomment ,#friends h2#friends ,#estadisticas #estadisgene, .co-ipb #estadis {
  display: block;
  }
  #estadisticas h2#estadis ,#contacto h2#estadis ,.co-ipb#profilewall h2#estadis ,.co-ipb#friends h2#estadis {
  display: none;
  }
  #estadisticas .m-info-ipb ul li {
    line-height: 1.3;  font-size: 11px;  background: #FEFEFE;  border: 1px solid #EEE;  padding: 8px;  border-left: 0;  border-right: 0;  margin-bottom: -1px;
  }
  #estadisticas fieldset legend {
  font-size: 13px;
  font-weight: bold;
  width: 100%;
  font: bold 14px helvetica,arial,sans-serif;
  padding: 8px 10px;
  color: #204066;
  background: #D8DDE8;
  }
  .co-ipb#contacto .contact-ips ,#profilewall .main-content ,#estadisticas .main-content {
    background: #EBF0F3;
    padding: 9px;
  }
  #estadisticas .main-content .stats-field.genmed {
    overflow: hidden;
    margin-bottom: 24px;
    background: #FFF; 
  }
  #estadisticas .main-content .stats-field.genmed ul {
    padding: 9px;
    border: 1px solid #DBE4EF;
  }
  .co-ipb#contacto h2#contacto ,#wallcomment ,#estadisgene {
    background: #2C5687 url(http://i.imgur.com/Lcy9BkS.png) repeat-x top; 
    color: #FFF;  padding: 10px 10px 11px;            border-radius: 4px 4px 0 0;     
    box-shadow: inset 0px 1px 0 #528CBC;  border-width: 1px 1px 0 1px; 
    border-color: #316897; 
    border-style: solid;  font-size: 11px;
    text-shadow: none;
  }
  #profilewall ,#estadisticas {
    border-radius: 4px 4px 0 0;
    border: none;
  }
  .pun .co-ipb a {
    color: #225985;
  }
  .pun .co-ipb a:hover {
    color: #328586;
  }
  .co-ipb#friends ol li .avatar img:hover {
    border-color: #7D7D7D;
  }
  #estadisticas .m-info-ipb {
    border: 1px solid #DDD;
  }
  #estadisgene span {
    background: #244156;  opacity: 1; 
    color: #FFF;  padding: 4px 10px;  font-weight: bold;      border-radius: 10px;      box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.2);
  }
  #profile-advanced-layout, #profile-advanced-right{display:none;}
  .mensajeprofile ol li.clearfix {
    background: #FFF;  border: 1px solid #DBE4EF;
    padding: 9px;
    margin-bottom: 9px;
    position: relative; 
  }
  .mensajeprofile .avatar {
    border: 0;
    background: 0;
    display: inline;
    float: left;
  }
  .mensajeprofile ol li .message-block {
    overflow: hidden;
    margin-left: 65px;
    padding: 0;
  }
  .mensajeprofile ol li .message-block .message-header a {
    font-weight: bold;  font-size: 14px;
  }
  .mensajeprofile .message-date {
    position: absolute;
    bottom: 5px;
    color: #A4A4A4;  font-size: 12px;
    background: transparent url("http://i.imgur.com/8WDJvOf.png") no-repeat left;
    padding-left: 20px;
  }
  .mensajeprofile .message-text {
    margin: 5px 0;
    font-size: 14px;  word-wrap: break-word;
  }
  #profilewall .message-footer {
    float: right;
  }
  #profilewall .message-footer li {
    display: inline;
    margin-right: 10px;
  }
  .co-ipb .pagination b {
    background: #7BA60D;  color: #FFF;  font-weight: bold;      border-radius: 2px; 
    padding: 4px 5px;
  }
  .co-ipb .pagination a {
    display: inline-block;    color: #999;
    background: none;
    padding: 4px 5px;
  }
  .co-ipb .pagination a:hover {
    background: #ECECEC;      border-radius: 2px;
  }
  .co-ipb .pagination {
    background: white;
    border-radius: 5px 5px 0 0;
    padding: 4px 10px;
  }
  #friends .message-header em {
  display: block;
  }
  h2#friends {
  font: normal 14px helvetica,arial,sans-serif;
  padding: 8px 10px;
  background: #DBE2EC;
  color: #204066;
  }
  .co-ipb#contacto ,.co-ipb#friends {
  border: 0;
  }
  .contact-ips dl dt {
    display: inline-block;
    width: 140px;
    text-align: right;
  }
  .contact-ips dl dd {
    width: 600px;
    display: inline-block;
    padding-left: 10px;
    vertical-align: middle;
  }
  .lass-activiti {
  display: inline-block;
  margin-left: 10px;color: #C4C4C4;
  }
  .coin-ipb span {
    font-size: 20px;  font-weight: bold;  display: block;
  }
  .coin-ipb #sub {
    text-align: center;  font-weight: normal;
  }
  .coin-ipb {
    float: none;  margin: 0 0 5px 0; 
    padding: 10px;  text-align: center;  font-weight: normal;  display: block;
    background: #80B700;
    border-radius: 3px;
    color: white;font-size: 13px;
  }
  .repu-ipb {
    background: #DEDEDE;  color: #6E6E6E;   
    float: none;  margin: 0 0 5px 0;  padding: 10px;  text-align: center;  font-weight: normal;  display: block;      border-radius: 3px; 
    font-size: 13px;
  }
  .repu-ipb span {
    font-size: 20px;  font-weight: bold;  display: block;
  }
  .band-right {
    margin-left: 612px;
  top: -35px;
  position: relative;
  }
  .co-ipb#profile {
    border: 0;
  }
  .co-ipb#profile .in-ipb {
    width: 600px;
    border: 1px solid #EEE;
    float: left;
    border-top: 0;
  }
  h2#estadis {
    width: 580px;
    font: normal 14px helvetica, arial, sans-serif;  padding: 8px 10px; 
    background: #DBE2EC;  color: #204066;
    border: 1px solid #DBE2EC;
  }
  .module-ipb-right h2 {
    font: normal 14px helvetica, arial, sans-serif;  padding: 8px 10px;  background: #DBE2EC;  color: #204066;
  }
  .main-ipb-f {
    padding: 9px;
  }
  .main-ipb-f .clear + a.mainmenu {
    display: block;
    text-align: center;
  }
  .main-ipb-f .friend-block {
    display: inline-block;
    float: none;
  }
  .main-ipb-f .avatar img {
    padding: 1px;  border: 1px solid #D5D5D5;  background: #FFF;      box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); 
  }
  .main-ipb-f .avatar {
    border: 0;
    background: none;
    width: auto;
  }
  .main-ipb-f div.clear + a.mainmenu[href^="/u"], non.main-ipb-f .friend_list_online_status img {
  display: none;
  }
  .profi-add-ipb a#search-i {
    background: #E6E6E6 url("http://i.imgur.com/tS9vehw.png") no-repeat 5px;
  }
  .rating-profile {
    margin: 10px 0 20px 0;
  }
  .register-date {
    margin-bottom: 10px;
    font: normal 13px helvetica,arial,sans-serif;
  }
  .profi-add-ipb {
  position: absolute;
  right: 30px;
  top: 95px;
  color: rgba(0, 0, 0, 0);
  }
  .profi-add-ipb br {
    display: none;
  }
  .pun .profi-add-ipb a {
    display: inline-block;
    background: #E6E6E6 url("http://i.imgur.com/5MlMsua.png") no-repeat 5px;
    height: 17px;
  line-height: 17px;
    padding: 2px 2px 2px 25px;       
    border: 1px solid rgb(207, 207, 207);     
    box-shadow: 0px 7px 21px rgba(255, 255, 255, 0.76) inset, 0px 1px 0px rgba(0, 0, 0, 0.41);      border-radius: 3px;  color: #616161;    white-space: nowrap;  -webkit-transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out;
    margin-right: 15px;font-size: 12px;
  }
  .pun .profi-add-ipb a:hover {
    border: 1px solid #A0A0A0;
  }
  .pun .profi-add-ipb a#men {
  background: #E6E6E6 url("http://i.imgur.com/LE1LFBD.png") no-repeat 5px;
  }
  .pun .nav-ipb-top a {
    color: rgb(85, 85, 85);
  }
  .nav-ipb-top {
    position: relative;
    margin-left: -140px;
    margin-bottom: 10px;
  }
  .nav-ipb-top span {
  margin: 0 5px;
  }
  .mod-center {
  padding-bottom: 50px;
  }
  #word-link {
    position: absolute;
    bottom: 19px;
    right: 26px;
    z-index: 999!important;
    color: #777;
    font: normal 9px helvetica;
    text-align: right;
  }
  .co-ipb div.activetab {
  display: block!important;
  }
  .mod-center .activetab {opacity: 1!important;}
  .inicio_topico {
  border: 1px solid #CADCEB;
  background: #E1EBF2;
  border-radius: 6px;
  padding: 3px;
  }

  .inicio_topico a img {
  padding-right: 7px;
  max-width: 45px;
  max-height: 45px;
  }

  #primeiro-topico-br {
  display: none;
  }
  .titlebox {-moz-border-radius: 3px; -moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 4px; -webkit-border-radius: 3px; -webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 4px; background: #EFEFEF; border: 1px solid #CCC; border-radius: 3px; box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 4px; overflow: hidden; padding: 10px; text-shadow: white 0 1px 0;}
  .titlebox dd {display: block;}
  .titlebox dava {float: left;}
  .ipsBox_withphoto {float: left; margin-left: 10px;}
  .ipsType_pagetitle {color: #323232; display: block; font-family: Helvetica,Arial,sans-serif; font-size: 26px; font-style: normal; font-variant: normal; font-weight: 300; line-height: 1.4; outline-style: none; overflow: hidden; text-align: left; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; width: 650px;}
  .ipsType_pagetitle a {font-size: 23px; z-index: 999;}
  .desc.lighter.blend_links {color: #777; float: left; font-size: 11px;}
  .socialetopic {float: right; position: relative;}
  .titlebox dava a img {-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); background: white; border: 1px solid #D5D5D5; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); float: left; height: 50px!important; padding: 1px; width: 50px!important;}
  .titlebox {
  -moz-border-radius: 3px;
  -moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 4px;
  -webkit-border-radius: 3px;
  -webkit-box-shadow: inset rgba(0,0,0,0.1) 0 1px 4px;
  background: #252424;
  border: 1px solid #CCC;
  border-radius: 3px;
  box-shadow: inset rgba(0,0,0,0.1) 0 1px 4px;
  overflow: hidden;
  padding: 10px;
  text-shadow: #fff 0 1px 0;
  }
  a[href="/u1"] {
  background: url("http://i.imgur.com/DeeiUkd.gif");
  }
  a[href="/g4-direcao"] {
  background: url(http://i.imgur.com/DeeiUkd.gif);
  text-shadow: 0 0 5px #00F;
  }
  a[href="/g8-sub-direcao"] {
  background: url(http://i.imgur.com/DeeiUkd.gif);
  text-shadow: 0 0 5px #00F;
  }
  .reputation {
    background-color: rgb(141, 177, 62)!important;
    background-image: url(http://i38.servimg.com/u/f38/17/31/71/58/highli10.png);
    border--radius: 3px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    display: block;
    margin: 0 auto;
    margin-bottom: 3px;
    padding: 3px 7px;
    max-width: 125px;
    text-align: center;
    text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;
    background-position: 0px 1px;
    background-repeat: repeat no-repeat;
  }
  .reputation.zero {
    background-color: rgb(16, 16, 16)!important;
    color: rgb(255, 255, 255);
  }
  /*code spoiler quote*/
  .codebox {
  padding: 5px;
  background: #333;
  border: 1px solid #222;
  overflow: auto;
  font-size: 11px;
  line-height: 170%;
  }
  .codebox dd {
  background-color: transparent;
  margin: 0.3em;
  padding: 0.3em;
  }
  .codebox dt {border-bottom: 0px;}
  .codebox.spoiler dt {
  height: 24px;
  line-height: 24px;
  font-size: 11px;
  padding: 0 10px;
  background: #333 url('http://i.imgur.com/psvFIEG.png') repeat-x 0 0;
  border: 1px solid #222;
  -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), inset rgba(255, 255, 255, 0.7) 0px 1px 0px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), inset rgba(255, 255, 255, 0.7) 0px 1px 0px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: white;
  text-shadow: black 0px 1px 0px;
  display: inline-block;
  white-space: nowrap;
  cursor: pointer;
  margin: 0px;
  margin-left: 5px;
  }
  .codebox.spoiler dt:hover {
  background-color: #212121;
  }
  .codebox.spoiler {
  background: transparent;
  border: 0px;
  }
  .codebox.spoiler dd {background: transparent;}
  .spoiler_content.hidden {
  background: #333;
  border: 1px dashed #222;
  padding: 5px;
  }
  blockquote {
  font-size: 12px;
  border: 1px solid #222;
  background: #333;
  color: #999;
  margin-bottom: 5px;
  }
  blockquote img {
  max-height: 100px;
  max-width: 100%;
  padding-bottom: 10px;
  }
  blockquote, .postmain blockquote {padding: 10px;}
  .postmain blockquote {background-color: #333;border: 0;}
  blockquote cite {
  font-size: 12px;
  padding: 8px 10px;
  text-indent: 25px;
  border: 1px solid #222;
  border-top: 0px;
  border-bottom: 1px solid #333;
  background-color: #444;
  background-image: url(http://i34.servimg.com/u/f34/16/49/10/98/snapba10.png), url(http://i.imgur.com/iPXDkuF.png);
  background-position: 10px center, 0 0;
  background-repeat: no-repeat, repeat-x;
  color: white;
  text-shadow: rgba(0, 0, 0, 1) 0px 1px 0px;
  font-weight: bold;
  }
  blockquote cite, .postmain cite {margin: -10px -11px 8px -11px;}
  .hidecode {
  -moz-box-shadow: rgba(0,0,0,0.1) 0 1px 3px;
  -webkit-box-shadow: rgba(0,0,0,0.1) 0 1px 3px;
  background: orange url(http://imgur.com/J3aqwYE.png) repeat-x 0 0;
  border: 1px solid #853500;
  box-shadow: rgba(0,0,0,0.1) 0 1px 3px;
  color: #FFFFFF;
  display: block;
  font-size: 12px;
  line-height: 1.6;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 10px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  }
  .avatar-index {float: left;}
  .avatar-index img {width: 40px;height: 40px;background: #F4F4F4;border: 1px solid #DDD;margin: 0 5px;padding: 1px;}
  .avatar-index img:hover {border: 1px dashed #CCC;}
  .avatar-subforo {float: right;}
  #left, #left *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
  /* Latest topics by PunBB */
      #left, #left *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
      #content-container div#container{float:none}
      #content-container div#main{margin-bottom:0}
      *+ html #content-container div#main{margin-left:0;margin-right:0}
      #content-container div#left{float:none;width:100%}
      #left{margin:30px 0}
      #left td{border-width:0 1px;width:25%;vertical-align:top}
      #left .double{border-left:0;width:50%;}
      #left li{position:relative;width:100%;list-style-type:decimal}
      #left a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:absolute;display:block;width:60%;left:0;top:0}
      #active_topics a,#viewed_topics a{width:70%}
      #left #recent_topics a{width:80%}
      #left .lastRight{right:0;text-align:right;position:absolute;top:0;left:auto;width:100px!important}
      #left ul,#left th{padding: 10px 10px 10px 30px;margin:0}
      #left ul{min-height:100px;height: 180px;overflow: auto;}
      #left .changeLast{color:#999;border:0 none!important;background:inherit;margin-top:0!important;margin-bottom:-1px;padding:0!important}
      #left th{width:25%;vertical-align:middle}
      th.topicLast{border-top:1px solid #F3F3F3!important}
      th.double{text-align:left}
      #recent_topics li{margin:.5px 0}
      #active_starters,#users_month{display:none}
      /* Tooltip */
      #tooltip{background-color:#FFF;border:2px solid #333;color:#131313;max-width:550px;padding:10px}
      #tooltip .statusAva{margin:0}
 div#shoutbox-announcement-text {
background: #768d3d url('http://forum.craftlandia.com.br/ipb/public/style_images/craftlandia/highlight_faint.png') repeat-x 0 -1px;
padding: 10px;
border: 1px solid #8ca54d;
text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
line-height: 1.6;
font-size: 12px;
-webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
}
#spoiler_title {
font-weight: bold;
padding-right: 10px;
}
.codebox dd , .codebox {
background: transparent;
border: none;
}
.codebox dt {
height: 26px;
line-height: 27px;
font-size: 11px;
padding: 0 10px;
border: 0;
background: #393939 url('http://i.imgur.com/hPBl80W.png') repeat-x 0 0;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #fff;
text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
display: inline-block;
white-space: nowrap;
font: normal 12px tahoma,helvetica,arial,sans-serif;
}
.codebox dt:hover {
color: #fff;
background-color: #434343;
}
.spoiler_content.hidden {
background: #262626;
border: 1px dashed #3b3b3b;
padding: 5px;
margin: -8px -25px 0px -25px;
color: #bcbcbc;
}
Tyui22222

Tyui22222
***

Membro desde : 09/10/2014
Mensagens : 189
Pontos : 269

http://darkcraftforum24hrs.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Spoiler Editado.

Mensagem por First 01.01.15 22:25

Olá,

Amigo por gentileza remove o meu código CSS e me avisa aqui, para ficar mais fácil de eu retirar os códigos que não precisa em vosso fórum.


Até. Piscada
First

First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Spoiler Editado.

Mensagem por Tyui22222 03.01.15 13:03

Resolvido.
Tyui22222

Tyui22222
***

Membro desde : 09/10/2014
Mensagens : 189
Pontos : 269

http://darkcraftforum24hrs.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Spoiler Editado.

Mensagem por Shek 03.01.15 17:26

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos