Spoiler e quote

2 participantes

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

Tópico resolvido Spoiler e quote

Mensagem por Gustavo Bispo 27.04.13 1:48

Qual é minha questão:
Tudo de que preciso está nessa imagem:
Spoiler e quote EGILGdG
Spoiler:


Endereço do meu fórum:
http://www.gbconfig.ativoforum.com

Versão do fórum:
PUNBB


Última edição por Gustavo Bispo em 27.04.13 2:37, editado 1 vez(es)
Gustavo Bispo

Gustavo Bispo
****

Membro desde : 24/11/2012
Mensagens : 399
Pontos : 601

http://www.gbconfig.ativoforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Spoiler e quote

Mensagem por Convidado 27.04.13 1:58

Saudações!

Acenda sua "Folha de estilo CSS":
Adicione o código abaixo, no começo de sua CSS.
Código:
Código:
blockquote{background:#ebeadd url(http://2img.net/i/fa/prosilver/quote.gif) 6px 8px no-repeat;border:1px solid #DBDBCE;font-size:.95em;margin:1em 1px 1em 25px;overflow:hidden;padding:5px}blockquote div{margin-left:20px}blockquote blockquote{background-color:#EFEED9;font-size:1em;margin:.5em 1px 0 15px}blockquote blockquote blockquote{background-color:#ebeadd}blockquote cite{display:block;font-size:.9em;font-style:normal;font-weight:700}blockquote cite cite{font-size:1em}blockquote.uncited{padding-top:25px}ul{list-style-type:none}blockquote dl.codebox{margin-left:0}.content blockquote{color:#536482}blockquote,blockquote blockquote,blockquote blockquote blockquote{-moz-border-radius:5px;-moz-box-shadow:0 1px 5px rgba(0,0,0,.15);-webkit-border-radius:5px 5px;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.15);background:none;background-color:#F9F9F9;background-image:-webkit-gradient(linear,lefttop,leftbottom,from(#F9F9F9),to(#F0F0F0));border:1px solid #DEDEDE;border-radius:5px 5px;box-shadow:0 1px 5px rgba(0,0,0,.15);padding:10px 20px}blockquote{word-wrap:break-word}.cont_code{padding:5px; border:1px solid #888;background: rgb(249,252,247); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(249,252,247,1) 0%, rgba(245,249,240,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,252,247,1)), color-stop(100%,rgba(245,249,240,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#f5f9f0',GradientType=0 ); /* IE6-9 */
}
.codebox dt{font-weight:bold;padding:5px; border:1px solid #888;background: white;border-radius:5px}
.codebox{
padding: 9px;
border: 1px solid #888;
border-radius: 10px;
  background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
e Validar.

Até Piscada
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Spoiler e quote

Mensagem por Gustavo Bispo 27.04.13 2:02

Ficou legal!!! Muito feliz
Mas o DarkCheats continua lá...
Gustavo Bispo

Gustavo Bispo
****

Membro desde : 24/11/2012
Mensagens : 399
Pontos : 601

http://www.gbconfig.ativoforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Spoiler e quote

Mensagem por Convidado 27.04.13 2:08

Saudações!

Poderia o mesmo me passar sua CSS?

Até Piscada
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Spoiler e quote

Mensagem por Gustavo Bispo 27.04.13 2:14

Código:
a{-moz-transition: all 500ms ease 0s;
-webkit-transition: all 500ms ease 0s;
-o-transition: all 500ms ease 0s;
-ms-transition: all 500ms ease 0s;}
body {
background: #F4F4F6;
color: #5A5A5A;
font: normal 13px "Helvetica", helvetica, arial, sans-serif;
}
.main .main-foot, .main .main-head {
color: white;
padding: 15px 13px 16px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
border-radius: 4px 4px 0 0;
box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.2);
border: 0;
background: white url(http://i.imgur.com/wa5siQH.jpg);
}
#pun-desc {
color: #CCC;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
line-height: 25px;
font-size: 12pt;
}
.maxtitleforum #pun-title {
font-size: 30px;
padding-bottom: 5px;
color: white;
text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);
font-family: 'Armata', sans-serif;
}
#pun-intro {
width: 70%;
margin:auto;
min-width: 975px;
padding: 0px;
}
.maxtitleforum {
color: white;
margin: 45px auto auto auto;
width: 70%;
min-width: 975px;
}
.pun {
margin: auto;
padding: 0px;
width: 100%;
}
.pun-intro-main {
min-height: 343px;
box-shadow: inset 0 -5px 0 rgba(0, 0, 0, 0.5);
background: white url(http://i.imgur.com/wa5siQH.jpg);
}
#pun-intro {
clear: both;
height: 76px;
line-height: 70px;
background: -moz-linear-gradient(top, rgba(26, 26, 26, 0.44) 0%, rgba(0, 0, 0, 0.44) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(26, 26, 26, 0.44)), color-stop(100%,rgba(0, 0, 0, 0.44)));
background: -webkit-linear-gradient(top, rgba(26, 26, 26, 0.44) 0%,rgba(0, 0, 0, 0.44) 100%);
background: -o-linear-gradient(top, rgba(26, 26, 26, 0.44) 0%,rgba(0, 0, 0, 0.44) 100%);
background: -ms-linear-gradient(top, rgba(26, 26, 26, 0.44) 0%,rgba(0, 0, 0, 0.44) 100%);
background: linear-gradient(to bottom, rgba(26, 26, 26, 0.44) 0%,rgba(0, 0, 0, 0.44) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#701a1a1a', endColorstr='#70000000',GradientType=0 );
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 6px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 6px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 6px rgba(0, 0, 0, 0.4);
-webkit-border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
position: relative;
border: 0px;
}
#breadcrumb {
background: url(http://i.imgur.com/Lzq2mdm.png);
height: 78px;
clear: both;
overflow: hidden;
text-shadow: 0 1px 0 white;
box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.05) inset, inset 0 1px 0 white;
-moz-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.05) inset, inset 0 1px 0 #fff;
-webkit-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.05) inset, inset 0 1px 0 white;
line-height: 75px;
}
#breadcrumb .main_width {
width: 70%;
min-width: 975px;
margin: auto;
}
.pun-intro-main #pun-navlinks ul li a {
font-family: 'Fjalla One', sans-serif;
color: white;
font-size: 11pt;
text-decoration: none;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
padding: 25px 12px 32px 12px;
margin: 0em;
}
.pun-intro-main #pun-navlinks ul li a:hover {
background: black;
background: rgba(0, 0, 0, 0.37);
color: white;
}
#page-body {
background: white;
padding: 15px 15px 10px;
box-shadow: 0 1px 2px #DBDBDB;
margin: auto auto 35px auto;
min-width: 975px;
width: 70%;
overflow: hidden;}
.crumb.left a {
text-decoration: none;
font-size: 20px!important;}
.crumb.left a span ,.crumb.left a span h1{
color: #585858;
font-size: 20px!important;
font-family: 'Signika' arial;
font-weight: normal!important;
}
.pun table.table td {
border-bottom: 1px solid #E1E1E1;
border-top: 1px solid white;
background-color: #FBFBFB!important;
border-width: 1px 0px 1px 0px;
color: #AAA;
font-family: Helvetica, helvetica, arial, sans-serif;
font-size: 12px;
  border-style: none;
}
.pun table.table td:hover {
color: #454545;
}
.pun .main-content_board_index table.table {
background: white;
border: 1px solid #DDD;
border-collapse: separate;
}
.main-content_board_index {
padding: 9px;
background: #E5E4E3;
}

/*----------[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---------------*/
.module.main .main-head {
background-position: -650px -25px !important;
}
#pun-about a {
font-family: helvetica;
color: #EEE;
font-size: 12px;
text-shadow: 1px 1px 0 #5F5F5F;
}
#pun-about form {
display: none;
}
#pun-about {
background: none;
border: none;
min-width: 985px;
width: 70%;
margin: auto;
}
#pun-foot {
box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.2);
background: white url(http://i.imgur.com/wa5siQH.jpg);
position: absolute;
width: 100%;}
.main-head .page-title h2 ,.module.main .main-head .h3 ,.main .main-head .page-title{
font-family: 'Carrois Gothic', sans-serif;
font-size: 18px;
}
a.forumtitle {
font-size: 16px;
text-shadow: 0 0 1px #AAA;
font-weight: normal!important;
font-family: 'Carrois Gothic', sans-serif;
}
.tcl.tdtopics a.topictitle {
font-size: 15px;
font-family: 'Carrois Gothic', sans-serif;
font-weight: normal;
color: #0F0F0F;
}
#lit {
display: inline-block;
text-align: right;
margin-right: 10px;
}
.datepostur {
background: #EEE;
border-radius: 2px;
display: inline-block;
margin-bottom: 13px;
color: #AAA !important;
font-size: 11px !important;
padding: 3px 10px;
font: normal 13px "Helvetica", helvetica, arial, sans-serif;
}
.pun .main-content_board_index .post {
background: #EDEDED;
border: 1px solid #DDD;
border-bottom: 0px solid transparent;
}
.pun .posthead {
background: #F1F1F1;
padding: 0 10px;
height: 33px;
line-height: 32px;
font-weight: normal;
text-shadow: 0 1px 0 white;
border-bottom: 1px solid #DDD;
}
.pun .postmain {
background-color: #FBFBFB;
border-left: 1px solid #DDD;
margin-left: 13em;
}
.pun .post .user {
margin-top: 0px;
width: 12em;
margin-left: -13em;
text-align: center;
}
.postfoot {
margin: 0em;
border-top: 0px;
}
#userpost strong {
float: left;
}
.social_media a {
height: 33px;
width: 32px;
display: block;
margin-right: 10px;
position: relative;
top: 20px;
float: right;
}
#icon_plusg a:hover {
background: url(http://i.imgur.com/yePnDmA.png) -64px 33px;
}
#icon_plusg a {
background: url(http://i.imgur.com/yePnDmA.png) -64px 0;
}
#icon_twitter a {
background: url(http://i.imgur.com/yePnDmA.png) -32px 0;
}
#icon_twitter a:hover {
background: url(http://i.imgur.com/yePnDmA.png) -32px 33px;
}
#icon_face a {
background: url(http://i.imgur.com/yePnDmA.png) 0 0;
}
#icon_face a:hover {
background: url(http://i.imgur.com/yePnDmA.png) 0 33px;
}
#pun-navlinks {
position: absolute;
right: 0px;
}
.sprite.icon_nav_search {
background: url(http://i.imgur.com/agUZ8N6.png) no-repeat -32px -15px;
height: 22px;
width: 22px;
position: relative;
top: 5px;
}
#search_ipb input[type="submit"] {
background: #222 url(http://i.imgur.com/5Ja1HOo.png) no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 1px solid #111 !important;
width: 26px;
height: 32px;
border-radius: 0 2px 2px 0;
box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.1);
cursor: pointer;
}
#search_ipb input[type="text"] {
border-radius: 4px 0px 0px 4px;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
width: 230px;
font: normal 13px helvetica,arial,sans-serif;
border: none;
padding: 7px;
}
#search_ipb {
float: right;
background: #111;
background: rgba(0, 0, 0, 0.7);
-moz-border-radius: 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
padding: 10px;
margin-top: 75px;
margin-right: 10px;}
.reply_form_topic {
padding: 9px;
background: #E5E4E3;
}
.reply_form_topic #pun-qpost {
padding: 10px;
margin: 0em;
background: white;
}
.reply_form_topic .main-head.clearfix {
font-family: 'Carrois Gothic', sans-serif;
font-size: 18px;
background: none!important;
box-shadow: none;
padding: 10px;
color: black;
text-shadow: 0 0 1px white;
}
.pun .reply_form_topic .main-content.frm {
border: 0px;
}
.reply_form_topic #quick_reply .frm-set {
padding: 0px 5px 0px 3px !important;
border: 2px solid #D5DDE5 !important;
background-color: #E4EBF2 !important;
background-image: none !important;
margin: 0em;
}
.reply_form_topic #text_editor_controls {
margin: 10px;
width: 100%!important;
}
.reply_form_topic button.button2, .reply_form_topic input.button2 {
background: transparent;
border: 0px;
padding: 4px 5px;
border-radius: 2px;
color: #383838;
box-shadow: none;
}
.reply_form_topic button.button2:hover, .reply_form_topic input.button2:hover {
background: #CFDAE0;
border: 0px;
}
.reply_form_topic #textarea_content dl dt {
display: none;
}
.reply_form_topic .dd-textarea {
margin: 0em;
}
.reply_form_topic .options {
display: none;
}
#text_editor_controls {
margin: 10px;
}
.pun .frm div.posting-block dd.frm-textarea {
margin-left: 0em;
}
.pun .frm .frm-buttons input, input[type="button"], input[type="reset"], input[type="submit"] {
background: #212121 url(http://i.imgur.com/DNa2Rhl.png) repeat-x top;
color: white;
border-radius: 3px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
border: 1px solid #222;
padding: 4px 10px;
cursor: pointer;
font-weight: 500;
}
.main-content.topic {
background: whiteSmoke;
}
#reply-avatar img {
background: white;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
height: 50px;
width: 50px;
margin: 10px;
border: 1px solid #B9B9B9;
padding: 2px;
border-radius: 2px;
}
#reply-avatar {
float: left;
}
#quick_reply .frm-buttons {
margin: 5px;
text-align: right;
border: none;
}
button.button2, input.button2 {
background: whiteSmoke;
padding: 3px 4px;
border: 1px solid #D5D5D5;
border-radius: 2px;
cursor: pointer;
color: #6B6B6B;}
fieldset.frm-set dl dd {
margin-left: auto;
}
input[type="text"], #text_editor_textarea {
padding: 3px;
border: 1px solid #DADADA;
border-radius: 3px;
}
#header_bar {
position: relative;
width: 70%;
min-width: 975px;
margin: auto;
}
#user_navigation {
height: 28px;
margin: 33px 0 6px;
text-align: right;
min-width: 569px;
float: right;
}
.ipsList_inline.right li a {
font: normal 15px 'Carrois Gothic', sans-serif;
color: #EEE;
text-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 2px;}
.ipsList_inline.right li {
display: inline;
margin: 2px 7px;
}
#reg_link {
background: rgba(0, 0, 0, 0.7);
color: white;
display: inline-block;
padding: 6px 10px;
border: 0;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 2px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 2px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 2px 4px rgba(0, 0, 0, 0.2);
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.ipsList_inline.right {
list-style: none;
}
/* -----------------[Background Selector by 3go0ne]-----------------*/
#custom_background {
background-color: white;
box-shadow: inset 0 1px 0 white, 0 1px 3px rgba(0, 0, 0, 0.16);
border: 1px solid #D1D1D1;
color: white;
position: relative;
padding: 15px 0px 15px 15px;
overflow: hidden;}
#custom_background span {
    -moz-transition: all .2s ease-in-out 0;
    background: none no-repeat scroll 50% 50% #000;
    border-radius: 3px;
    box-shadow: 0 1px 7px #000 inset, 0 1px 0 rgba(255,255,255,0.05), 0 0 1px rgba(255,255,255,0.35);
    cursor: pointer;
    display: block;
    float: left;
    height: 90px;
    margin: 5px;
    width: 140px;
  background: url(http://www.tomchristian.co.uk/development/ipb/public/style_images/tctc91_glare/_custom/sprite_icons.png) no-repeat;
}
#custom_background span:hover {
filter: alpha(opacity=0.5);
  background: url(http://www.tomchristian.co.uk/development/ipb/public/style_images/tctc91_glare/_custom/sprite_icons.png) no-repeat;
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
}
#nav_background {cursor: pointer;}
#toggle_background {
margin-bottom: 20px;
}
/* Miniaturas (Vista Previa) */
#bg1 {background: url(http://i.imgur.com/wa5siQH.jpg) no-repeat -1006px -250px!important;}
#bg2 {background: url(http://i.imgur.com/sdi00up.jpg) no-repeat -625px -450px!important;}
#bg3 {background: url(http://i.imgur.com/yhhf7Rt.jpg) no-repeat 0 0!important;}
#bg4 {background: url(http://i.imgur.com/0RcFxB5.jpg) no-repeat -655px -450px!important;}
#bg5 {background: url(http://i.imgur.com/SKOXqoO.jpg) no-repeat -792px -142px!important;}
#bg6 {background: url(http://i.imgur.com/EYGZIPq.jpg) no-repeat -655px -450px!important;}
#bg7 {background: url(http://i.imgur.com/g75ZMGV.jpg) no-repeat 0 0!important;}
#bg8 {background: url(http://i.imgur.com/SurCBhb.jpg) no-repeat 0 0!important;}

/* Backgrounds */
.bg1 {background: white url(http://i.imgur.com/wa5siQH.jpg)!important;}
.bg2 {background: white url(http://i.imgur.com/sdi00up.jpg)!important;}
.bg3 {background: white url(http://i.imgur.com/yhhf7Rt.jpg)!important;}
.bg4 {background: white url(http://i.imgur.com/0RcFxB5.jpg)!important;}
.bg5 {background: white url(http://i.imgur.com/SKOXqoO.jpg)!important;}
.bg6 {background: white url(http://i.imgur.com/EYGZIPq.jpg)!important;}
.bg7 {background: white url(http://i.imgur.com/g75ZMGV.jpg)!important;}
.bg8 {background: white url(http://i.imgur.com/SurCBhb.jpg)!important;}
/* -----------------Background Selector-----------------*/
#fullcred a:hover {
color: white;
}
#fullcred a {
display: block;
font: normal 15px 'Carrois Gothic', sans-serif;
-moz-transition: all 500ms ease 0s;
-webkit-transition: all 500ms ease 0s;
-o-transition: all 500ms ease 0s;
-ms-transition: all 500ms ease 0s;
text-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 2px;
color: #948F8F;
color: rgba(255, 255, 255, 0.4);
}
#fullcred {
float: left;
text-align: left;
}
#topdes:hover {
background: rgba(0, 0, 0, 0.5) url("http://i.imgur.com/90ulAas.png")no-repeat center center;
}
#topdes {
width: 24px;
height: 24px;
display: block;
background: rgba(0, 0, 0, 0.2) url("http://i.imgur.com/90ulAas.png")no-repeat center center;
border-radius: 5px;
margin: auto;
cursor: pointer;
text-align: center;
}
#estadisticas-IPB {
text-align: center;
}
#estadisticas-IPB .stat-bloque {
display: inline-block;
margin-right: 10px;
}
#estadisticas-IPB span {
display: inline-block;
background: #E2E2E2;
color: #4A4A4A;
padding: 2px 6px;
font-weight: bold;
border-radius: 2px;
margin: 2px;
}
.board_statistics {
margin: 20px 0 0 0;
padding: 10px 0;
border-top: 3px solid #D8D8D8;
}
.board_statistics h2 {
font-size: 14px;
font-weight: bold;
margin: 4px 0;
}
.expand {
background: url(http://i.imgur.com/gLCLWtW.png) no-repeat -94px -24px;
text-indent: -3000em;
width: 41px;
height: 24px;
display: block;
outline: 0;
opacity: 0.4;
-moz-transition: all 0ms ease 0s;
-webkit-transition: all 0ms ease 0s;
-o-transition: all 0ms ease 0s;
-ms-transition: all 0ms ease 0s;
position: relative;
top: -20px;
float: right;
right: 10px;
cursor: pointer;
}
.contract {
background: url(http://i.imgur.com/gLCLWtW.png) no-repeat -94px 0;
text-indent: -3000em;
width: 41px;
height: 24px;
display: block;
outline: 0;
opacity: 0.4;
-moz-transition: all 0ms ease 0s;
-webkit-transition: all 0ms ease 0s;
-o-transition: all 0ms ease 0s;
-ms-transition: all 0ms ease 0s;
position: relative;
top: -20px;
float: right;
right: 10px;
cursor: pointer;}
.expand:hover ,.contract:hover{opacity: 9;}

.user-avatar img {
opacity: 0.6;
}
.post:hover .user-avatar img {
opacity: 1;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}


.post:hover .post-options {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
opacity: .5;
}
.post .post-options:hover {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
opacity: 1!important;
}
.post .post-options {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
opacity: 0;
}
-moz-selection, ::selection {
background: rgba(0, 160, 250, 0.5);
color: white;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.6);


.pun div, .pun td, .sig-line {
color: ##DDD;

.pun .username {
border-radius: 4px;
display: block;
font-family: Arvo;
font-size: 1.5em;
font-weight: 400!important;
margin-bottom: 5px;
margin-top: 10px;
padding: 8px!important;
position: relative;
text-align: center;
text-decoration: none;
border-image: initial;
}
.spoiler > dt::after {
content: "©️ BestSkins";
float: right;
}
.module-advert{display:none;}
#online .on-title, #statistics .stats-title {
border-bottom: 1px solid white;
font-size: 30px;
height: 70px;
text-transform: uppercase;
}

.online-content {
border-top: 1px solid #D9D9D9;
padding: 15px;
}

#online {
background: #EAEAEA;
border-right: 2px solid #D2D2D2;
vertical-align: top;
width: 60%;
}

#online .on-title {
background: #F3F3F3;
}

#pun-announcement, #pun-visit, .main-box {
-moz-border-radius: 5px;
-moz-box-shadow: 0 2px 5px 0 #dcdcdc;
background: white url(http://i36.servimg.com/u/f36/11/96/49/61/dropsh10.png) 0 -1px repeat-x;
border: 1px solid #D6D6D6;
border-radius: 5px;
box-shadow: 0 2px 5px 0 #dcdcdc;
border-image: initial;
}

#general-stats {
-moz-box-shadow: 0 0 7px 0 #dcdcdc;
background: whiteSmoke;
border: 1px solid white;
box-shadow: 0 0 7px 0 #dcdcdc;
text-shadow: 1px 1px 0 white;
width: 100%;
border-image: initial;
}

#online .on-title a, #statistics .stats-title a {
bottom: -23px;
font-family: Century Gothic!important;
left: 20px;
position: relative;
}

.chart, .globe {
height: 28px;
margin-top: -3px;
vertical-align: middle;
}

#statistics {
border-left: 0px solid white;
float: right;
padding-bottom: 15px;
vertical-align: top;
width: 100%;
}

.stats-content {
border-top: 1px solid #D9D9D9;
padding: 15px;
}

#legend {
margin: 25px 0;
}

.groups {
background: url(http://i36.servimg.com/u/f36/11/96/49/61/custom10.png) no-repeat left;
float: right;
margin-top: -22px;
padding: 5px 0 5px 18px;
}

li {list-style-type:none;}
.pun table td.tcl {
border-left-style: none;
border-left-width: 0;
height: 42px;
min-height: 24px;
padding-left: .5em;
vertical-align: top;
}
.pun table.table td {
background-color: #fbfbfb;

border-width: 1px;
line-height: 130%;
padding: .6em 0 .7em;
}
.pun table .tdtopics {
padding-left: 42px;
}
.pun table .tcl {
overflow: hidden;
text-align: left;
width: 50%;
}
.forumbit_post .foruminfo .forumicon {

position: absolute;
}

/*tópico*/
.main .main-foot {
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
text-shadow: gray 0px -1px 0px;
background: #e8e8e8 url('http://www.ipbforumskins.com/skindemo/public/style_images/overlayr34x/highlight_faint.png') repeat-x 0 0;
padding: 0 10px;
height: 36px;
color: black;
line-height: 36px;
font-weight: normal;
font-size: 13px;
}

.pun .posthead {
color: white;
border-top: 1px solid #383838;
text-shadow: rgba(0, 0, 0, 0.8) 0px -1px 0px;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-size: 13px;
}

.pun .posthead a {
  color: white;
}

.pun .post .user {
margin-left: -16.6em;
margin-top: -1em;
position: relative;
text-align: center;
}

.pun .user-ident .username {
display: block;
font-size: 1.1em;
font-weight: 400!important;
margin-bottom: 5px;
margin-top: 10px;
padding: 8px!important;
position: relative;
text-align: center;
text-decoration: none;
}


.pun .postmain {
background-color: white;
border-left: 1px solid #F0F0F0;
margin-left: 17em;
}

.pun .post {
  background: #FBFBFB;
}

.postfoot {
background: #F1F1F1;
border-top: 1px solid #E9E9E9;
margin-top: 5px;
overflow: hidden;
}
/*quick-reply*/
#quick_reply #textarea_content {
      clear: both;
      margin-left: 0px;
      margin-right: 0px;
      width: 100% !important;
      height: auto !important;
    }
     
    #text_editor_controls {
      display: !important;
    }
       
 #pun-qpost #textarea_content dt label{
  float:left;
}

fieldset.frm-set dl dd {
margin: auto!important;
}


.codebox {
background: #E7E6E6;
border: 1px solid #BDBDBD;
box-shadow: 0 2px 10px #D6D6D6;
margin: 1em;
max-width: auto;
}
.codebox dt {
border-bottom: 4px solid #D64107;
font-size: 14px;
font-weight: 700;
text-shadow: 1px 1px #F3F3F3;
}
.codebox dd.cont_code, .codebox.spoiler dd {
background: #F0F0F0;
border: 1px solid lightGrey;
}
.codebox dd.cont_code {
max-height: 200px;
overflow: auto;
}
.codebox dd {
background-color: #FFFFE1;
margin: .5em;
padding: .5em;
}

element.style {
padding: 5px 35px 10px 1px;
}
.pun .main-foot .h2, .pun .main-head .h2 {
float: left;
color: #E8E4E1;
}
.pun .main .options a, .pun .main .options a:link, .pun .main .options a:visited {
color: transparent;
margin-left: .5em;
text-decoration: none;
}
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
background: transparent;
background-position: left;
background-repeat: no-repeat;
padding-left: 20px;
}
.sprite-arrow_prosilver_down {
background: transparent;
background-position: 0 0;
height: 6px;
width: 6px;
}
.post_field {
background: white none;
color: #414141;
border: 1px solid #B9C4CD;
padding: 3px 0 3px 0;
margin: 0;
margin-top: 2px;
}
.disabled {
  float: right;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
text-shadow: none;
border: 0;
color: #7f7f7f;
  border: 1px solid #212121;
border-width: 1px 1px 0 1px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
color: #ddd;
text-shadow: 0 -1px 0 #191919;
font: 300 12px/1.3 Helvetica, Arial, sans-serif;
line-height: 30px;
height: 30px;
padding: 0 10px;
text-align: center;
min-width: 125px;
display: inline-block;
cursor: pointer;
color: #ddd;
background: rgb(51, 51, 51);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#1e1e1e',GradientType=0 );
-moz-transition: all 0ms ease 0s;
-webkit-transition: all 0ms ease 0s;
-o-transition: all 0ms ease 0s;
-ms-transition: all 0ms ease 0s;
}
.user-avatar img {
opacity: 0.6;
}
.post:hover .user-avatar img {
opacity: 1;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}


.post:hover .post-options {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
opacity: .5;
}
.post .post-options:hover {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
opacity: 1!important;
}
.post .post-options {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
opacity: 0;
}
.spoiler > dt::after {
content: "©️ DarkCheats";
float: right;
}
.module-advert{display:none;}


.pun .postmain {
background-color: white;
border-left: 1px solid #F0F0F0;
margin-left: 17em;
}

.pun .post {
  background: #FBFBFB;
}

.postfoot {
background: #F1F1F1;
border-top: 1px solid #E9E9E9;
margin-top: 5px;
overflow: hidden;
}
#quick_reply #textarea_content {
      clear: both;
      margin-left: 0px;
      margin-right: 0px;
      width: 100% !important;
      height: auto !important;
    }
     
    #text_editor_controls {
      display: !important;
    }
       
 #pun-qpost #textarea_content dt label{
  float:left;
}

fieldset.frm-set dl dd {
margin: auto!important;
}
.pun .user .user-ident .use .user-basic-info 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: #fff;
border: 1px solid #D5D5D5;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
height: 340px;
max-height: 340px;
max-width: 170px;
padding: 1px;
width: 150px;
}
.codebox {
background: #E7E6E6;
border: 1px solid #BDBDBD;
box-shadow: 0 2px 10px #D6D6D6;
margin: 1em;
max-width: auto;
}
.codebox dt {
border-bottom: 4px solid #D64107;
font-size: 14px;
font-weight: 700;
text-shadow: 1px 1px #F3F3F3;
}
.codebox dd.cont_code, .codebox.spoiler dd {
background: #F0F0F0;
border: 1px solid lightGrey;
}
.codebox dd.cont_code {
max-height: 200px;
overflow: auto;
}
.codebox dd {
background-color: #FFFFE1;
margin: .5em;
padding: .5em;
}

element.style {
padding: 5px 35px 10px 1px;
}
.pun .main-foot .h2, .pun .main-head .h2 {
float: left;
color: #E8E4E1;
}
.pun .main .options a, .pun .main .options a:link, .pun .main .options a:visited {
color: transparent;
margin-left: .5em;
text-decoration: none;
}
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
background: transparent;
background-position: left;
background-repeat: no-repeat;
padding-left: 20px;
}
.sprite-arrow_prosilver_down {
background: transparent;
background-position: 0 0;
height: 6px;
width: 6px;
}
.user-basic-info 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: #fff;
border: 1px solid #D5D5D5;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
height: 90px;
max-height: 90px;
max-width: 90px;
padding: 1px;
width: 90px;
}
.post_field {
background: white none;
color: #414141;
border: 1px solid #B9C4CD;
padding: 3px 0 3px 0;
margin: 0;
margin-top: 2px;
}
.pun .posthead {
    background: #67A6CE !important;
}
.pun .user-ident .username a {
    font-size: 19px!important;
}
.pun .post .user {
    width: auto!important;
}
#page-body {
    min-width: 1400px!important;
}
.pun .sig-content {clear: none !important;}

.colorpicker {
                  width: 356px;
                  height: 176px;
                  overflow: hidden;
                  position: absolute;
                  background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);
                  font-family: Arial, Helvetica, sans-serif;
                  display: none;
                }
                .colorpicker_color {
                  width: 150px;
                  height: 150px;
                  left: 14px;
                  top: 13px;
                  position: absolute;
                  background: #f00;
                  overflow: hidden;
                  cursor: crosshair;
                }
                .colorpicker_color div {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 150px;
                  height: 150px;
                  background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);
                }
                .colorpicker_color div div {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 11px;
                  height: 11px;
                  overflow: hidden;
                  background: url(http://i46.servimg.com/u/f46/16/56/73/62/select10.gif);
                  margin: -5px 0 0 -5px;
                }
                .colorpicker_hue {
                  position: absolute;
                  top: 13px;
                  left: 171px;
                  width: 35px;
                  height: 150px;
                  cursor: n-resize;
                }
                .colorpicker_hue div {
                  position: absolute;
                  width: 35px;
                  height: 9px;
                  overflow: hidden;
                  background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;
                  margin: -4px 0 0 0;
                  left: 0px;
                }
                .colorpicker_new_color {
                  position: absolute;
                  width: 60px;
                  height: 30px;
                  left: 213px;
                  top: 13px;
                  background: #f00;
                }
                .colorpicker_current_color {
                  position: absolute;
                  width: 60px;
                  height: 30px;
                  left: 283px;
                  top: 13px;
                  background: #f00;
                }
                .colorpicker input {
                  background-color: transparent;
                  border: 1px solid transparent;
                  position: absolute;
                  font-size: 10px;
                  font-family: Arial, Helvetica, sans-serif;
                  color: #898989;
                  top: 4px;
                  right: 11px;
                  text-align: right;
                  margin: 0;
                  padding: 0;
                  height: 11px;
                }
                .colorpicker_hex {
                  position: absolute;
                  width: 72px;
                  height: 22px;
                  background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp13.png) top;
                  left: 212px;
                  top: 142px;
                }
                .colorpicker_hex input {
                  right: 6px;
                }
                .colorpicker_field {
                  height: 22px;
                  width: 62px;
                  background-position: top;
                  position: absolute;
                }
                .colorpicker_field span {
                  position: absolute;
                  width: 12px;
                  height: 22px;
                  overflow: hidden;
                  top: 0;
                  right: 0;
                  cursor: n-resize;
                }
                .colorpicker_rgb_r {
                  background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);
                  top: 52px;
                  left: 212px;
                }
                .colorpicker_rgb_g {
                  background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);
                  top: 82px;
                  left: 212px;
                }
                .colorpicker_rgb_b {
                  background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);
                  top: 112px;
                  left: 212px;
                }
                .colorpicker_hsb_h {
                  background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);
                  top: 52px;
                  left: 282px;
                }
                .colorpicker_hsb_s {
                  background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);
                  top: 82px;
                  left: 282px;
                }
                .colorpicker_hsb_b {
                  background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);
                  top: 112px;
                  left: 282px;
                }
                .colorpicker_submit {
                  position: absolute;
                  width: 22px;
                  height: 22px;
                  background: url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;
                  left: 322px;
                  top: 142px;
                  overflow: hidden;
                }
                .colorpicker_focus {
                  background-position: center;
                }
                .colorpicker_hex.colorpicker_focus {
                  background-position: bottom;
                }
                .colorpicker_submit.colorpicker_focus {
                  background-position: bottom;
                }
                .colorpicker_slider {
                  background-position: bottom;
                }

blockquote{background:#ebeadd url(http://2img.net/i/fa/prosilver/quote.gif) 6px 8px no-repeat;border:1px solid #DBDBCE;font-size:.95em;margin:1em 1px 1em 25px;overflow:hidden;padding:5px}blockquote div{margin-left:20px}blockquote blockquote{background-color:#EFEED9;font-size:1em;margin:.5em 1px 0 15px}blockquote blockquote blockquote{background-color:#ebeadd}blockquote cite{display:block;font-size:.9em;font-style:normal;font-weight:700}blockquote cite cite{font-size:1em}blockquote.uncited{padding-top:25px}ul{list-style-type:none}blockquote dl.codebox{margin-left:0}.content blockquote{color:#536482}blockquote,blockquote blockquote,blockquote blockquote blockquote{-moz-border-radius:5px;-moz-box-shadow:0 1px 5px rgba(0,0,0,.15);-webkit-border-radius:5px 5px;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.15);background:none;background-color:#F9F9F9;background-image:-webkit-gradient(linear,lefttop,leftbottom,from(#F9F9F9),to(#F0F0F0));border:1px solid #DEDEDE;border-radius:5px 5px;box-shadow:0 1px 5px rgba(0,0,0,.15);padding:10px 20px}blockquote{word-wrap:break-word}.cont_code{padding:5px; border:1px solid #888;background: rgb(249,252,247); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(249,252,247,1) 0%, rgba(245,249,240,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,252,247,1)), color-stop(100%,rgba(245,249,240,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#f5f9f0',GradientType=0 ); /* IE6-9 */
}
.codebox dt{font-weight:bold;padding:5px; border:1px solid #888;background: white;border-radius:5px}
.codebox{
padding: 9px;
border: 1px solid #888;
border-radius: 10px;
  background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
Gustavo Bispo

Gustavo Bispo
****

Membro desde : 24/11/2012
Mensagens : 399
Pontos : 601

http://www.gbconfig.ativoforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Spoiler e quote

Mensagem por Quakeeline 27.04.13 2:19

Olá,

Substitua sua Folha de estilo CSS por essa

Código:
        a{-moz-transition: all 500ms ease 0s;
        -webkit-transition: all 500ms ease 0s;
        -o-transition: all 500ms ease 0s;
        -ms-transition: all 500ms ease 0s;}
        body {
        background: #F4F4F6;
        color: #5A5A5A;
        font: normal 13px "Helvetica", helvetica, arial, sans-serif;
        }
        .main .main-foot, .main .main-head {
        color: white;
        padding: 15px 13px 16px;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
        border-radius: 4px 4px 0 0;
        box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.2);
        border: 0;
        background: white url(http://i.imgur.com/wa5siQH.jpg);
        }
        #pun-desc {
        color: #CCC;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
        line-height: 25px;
        font-size: 12pt;
        }
        .maxtitleforum #pun-title {
        font-size: 30px;
        padding-bottom: 5px;
        color: white;
        text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);
        font-family: 'Armata', sans-serif;
        }
        #pun-intro {
        width: 70%;
        margin:auto;
        min-width: 975px;
        padding: 0px;
        }
        .maxtitleforum {
        color: white;
        margin: 45px auto auto auto;
        width: 70%;
        min-width: 975px;
        }
        .pun {
        margin: auto;
        padding: 0px;
        width: 100%;
        }
        .pun-intro-main {
        min-height: 343px;
        box-shadow: inset 0 -5px 0 rgba(0, 0, 0, 0.5);
        background: white url(http://i.imgur.com/wa5siQH.jpg);
        }
        #pun-intro {
        clear: both;
        height: 76px;
        line-height: 70px;
        background: -moz-linear-gradient(top, rgba(26, 26, 26, 0.44) 0%, rgba(0, 0, 0, 0.44) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(26, 26, 26, 0.44)), color-stop(100%,rgba(0, 0, 0, 0.44)));
        background: -webkit-linear-gradient(top, rgba(26, 26, 26, 0.44) 0%,rgba(0, 0, 0, 0.44) 100%);
        background: -o-linear-gradient(top, rgba(26, 26, 26, 0.44) 0%,rgba(0, 0, 0, 0.44) 100%);
        background: -ms-linear-gradient(top, rgba(26, 26, 26, 0.44) 0%,rgba(0, 0, 0, 0.44) 100%);
        background: linear-gradient(to bottom, rgba(26, 26, 26, 0.44) 0%,rgba(0, 0, 0, 0.44) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#701a1a1a', endColorstr='#70000000',GradientType=0 );
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 6px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 6px rgba(0, 0, 0, 0.4);
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 6px rgba(0, 0, 0, 0.4);
        -webkit-border-radius: 4px 4px 4px 4px;
        -moz-border-radius: 4px 4px 4px 4px;
        border-radius: 4px 4px 4px 4px;
        position: relative;
        border: 0px;
        }
        #breadcrumb {
        background: url(http://i.imgur.com/Lzq2mdm.png);
        height: 78px;
        clear: both;
        overflow: hidden;
        text-shadow: 0 1px 0 white;
        box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.05) inset, inset 0 1px 0 white;
        -moz-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.05) inset, inset 0 1px 0 #fff;
        -webkit-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.05) inset, inset 0 1px 0 white;
        line-height: 75px;
        }
        #breadcrumb .main_width {
        width: 70%;
        min-width: 975px;
        margin: auto;
        }
        .pun-intro-main #pun-navlinks ul li a {
        font-family: 'Fjalla One', sans-serif;
        color: white;
        font-size: 11pt;
        text-decoration: none;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
        padding: 25px 12px 32px 12px;
        margin: 0em;
        }
        .pun-intro-main #pun-navlinks ul li a:hover {
        background: black;
        background: rgba(0, 0, 0, 0.37);
        color: white;
        }
        #page-body {
        background: white;
        padding: 15px 15px 10px;
        box-shadow: 0 1px 2px #DBDBDB;
        margin: auto auto 35px auto;
        min-width: 975px;
        width: 70%;
        overflow: hidden;}
        .crumb.left a {
        text-decoration: none;
        font-size: 20px!important;}
        .crumb.left a span ,.crumb.left a span h1{
        color: #585858;
        font-size: 20px!important;
        font-family: 'Signika' arial;
        font-weight: normal!important;
        }
        .pun table.table td {
        border-bottom: 1px solid #E1E1E1;
        border-top: 1px solid white;
        background-color: #FBFBFB!important;
        border-width: 1px 0px 1px 0px;
        color: #AAA;
        font-family: Helvetica, helvetica, arial, sans-serif;
        font-size: 12px;
          border-style: none;
        }
        .pun table.table td:hover {
        color: #454545;
        }
        .pun .main-content_board_index table.table {
        background: white;
        border: 1px solid #DDD;
        border-collapse: separate;
        }
        .main-content_board_index {
        padding: 9px;
        background: #E5E4E3;
        }

        /*----------[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---------------*/
        .module.main .main-head {
        background-position: -650px -25px !important;
        }
        #pun-about a {
        font-family: helvetica;
        color: #EEE;
        font-size: 12px;
        text-shadow: 1px 1px 0 #5F5F5F;
        }
        #pun-about form {
        display: none;
        }
        #pun-about {
        background: none;
        border: none;
        min-width: 985px;
        width: 70%;
        margin: auto;
        }
        #pun-foot {
        box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.2);
        background: white url(http://i.imgur.com/wa5siQH.jpg);
        position: absolute;
        width: 100%;}
        .main-head .page-title h2 ,.module.main .main-head .h3 ,.main .main-head .page-title{
        font-family: 'Carrois Gothic', sans-serif;
        font-size: 18px;
        }
        a.forumtitle {
        font-size: 16px;
        text-shadow: 0 0 1px #AAA;
        font-weight: normal!important;
        font-family: 'Carrois Gothic', sans-serif;
        }
        .tcl.tdtopics a.topictitle {
        font-size: 15px;
        font-family: 'Carrois Gothic', sans-serif;
        font-weight: normal;
        color: #0F0F0F;
        }
        #lit {
        display: inline-block;
        text-align: right;
        margin-right: 10px;
        }
        .datepostur {
        background: #EEE;
        border-radius: 2px;
        display: inline-block;
        margin-bottom: 13px;
        color: #AAA !important;
        font-size: 11px !important;
        padding: 3px 10px;
        font: normal 13px "Helvetica", helvetica, arial, sans-serif;
        }
        .pun .main-content_board_index .post {
        background: #EDEDED;
        border: 1px solid #DDD;
        border-bottom: 0px solid transparent;
        }
        .pun .posthead {
        background: #F1F1F1;
        padding: 0 10px;
        height: 33px;
        line-height: 32px;
        font-weight: normal;
        text-shadow: 0 1px 0 white;
        border-bottom: 1px solid #DDD;
        }
        .pun .postmain {
        background-color: #FBFBFB;
        border-left: 1px solid #DDD;
        margin-left: 13em;
        }
        .pun .post .user {
        margin-top: 0px;
        width: 12em;
        margin-left: -13em;
        text-align: center;
        }
        .postfoot {
        margin: 0em;
        border-top: 0px;
        }
        #userpost strong {
        float: left;
        }
        .social_media a {
        height: 33px;
        width: 32px;
        display: block;
        margin-right: 10px;
        position: relative;
        top: 20px;
        float: right;
        }
        #icon_plusg a:hover {
        background: url(http://i.imgur.com/yePnDmA.png) -64px 33px;
        }
        #icon_plusg a {
        background: url(http://i.imgur.com/yePnDmA.png) -64px 0;
        }
        #icon_twitter a {
        background: url(http://i.imgur.com/yePnDmA.png) -32px 0;
        }
        #icon_twitter a:hover {
        background: url(http://i.imgur.com/yePnDmA.png) -32px 33px;
        }
        #icon_face a {
        background: url(http://i.imgur.com/yePnDmA.png) 0 0;
        }
        #icon_face a:hover {
        background: url(http://i.imgur.com/yePnDmA.png) 0 33px;
        }
        #pun-navlinks {
        position: absolute;
        right: 0px;
        }
        .sprite.icon_nav_search {
        background: url(http://i.imgur.com/agUZ8N6.png) no-repeat -32px -15px;
        height: 22px;
        width: 22px;
        position: relative;
        top: 5px;
        }
        #search_ipb input[type="submit"] {
        background: #222 url(http://i.imgur.com/5Ja1HOo.png) no-repeat 50%;
        text-indent: -3000em;
        padding: 0;
        border: 1px solid #111 !important;
        width: 26px;
        height: 32px;
        border-radius: 0 2px 2px 0;
        box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.1);
        cursor: pointer;
        }
        #search_ipb input[type="text"] {
        border-radius: 4px 0px 0px 4px;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
        width: 230px;
        font: normal 13px helvetica,arial,sans-serif;
        border: none;
        padding: 7px;
        }
        #search_ipb {
        float: right;
        background: #111;
        background: rgba(0, 0, 0, 0.7);
        -moz-border-radius: 0 0 4px 4px;
        -webkit-border-radius: 0 0 4px 4px;
        border-radius: 0 0 4px 4px;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
        -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
        padding: 10px;
        margin-top: 75px;
        margin-right: 10px;}
        .reply_form_topic {
        padding: 9px;
        background: #E5E4E3;
        }
        .reply_form_topic #pun-qpost {
        padding: 10px;
        margin: 0em;
        background: white;
        }
        .reply_form_topic .main-head.clearfix {
        font-family: 'Carrois Gothic', sans-serif;
        font-size: 18px;
        background: none!important;
        box-shadow: none;
        padding: 10px;
        color: black;
        text-shadow: 0 0 1px white;
        }
        .pun .reply_form_topic .main-content.frm {
        border: 0px;
        }
        .reply_form_topic #quick_reply .frm-set {
        padding: 0px 5px 0px 3px !important;
        border: 2px solid #D5DDE5 !important;
        background-color: #E4EBF2 !important;
        background-image: none !important;
        margin: 0em;
        }
        .reply_form_topic #text_editor_controls {
        margin: 10px;
        width: 100%!important;
        }
        .reply_form_topic button.button2, .reply_form_topic input.button2 {
        background: transparent;
        border: 0px;
        padding: 4px 5px;
        border-radius: 2px;
        color: #383838;
        box-shadow: none;
        }
        .reply_form_topic button.button2:hover, .reply_form_topic input.button2:hover {
        background: #CFDAE0;
        border: 0px;
        }
        .reply_form_topic #textarea_content dl dt {
        display: none;
        }
        .reply_form_topic .dd-textarea {
        margin: 0em;
        }
        .reply_form_topic .options {
        display: none;
        }
        #text_editor_controls {
        margin: 10px;
        }
        .pun .frm div.posting-block dd.frm-textarea {
        margin-left: 0em;
        }
        .pun .frm .frm-buttons input, input[type="button"], input[type="reset"], input[type="submit"] {
        background: #212121 url(http://i.imgur.com/DNa2Rhl.png) repeat-x top;
        color: white;
        border-radius: 3px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
        border: 1px solid #222;
        padding: 4px 10px;
        cursor: pointer;
        font-weight: 500;
        }
        .main-content.topic {
        background: whiteSmoke;
        }
        #reply-avatar img {
        background: white;
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
        height: 50px;
        width: 50px;
        margin: 10px;
        border: 1px solid #B9B9B9;
        padding: 2px;
        border-radius: 2px;
        }
        #reply-avatar {
        float: left;
        }
        #quick_reply .frm-buttons {
        margin: 5px;
        text-align: right;
        border: none;
        }
        button.button2, input.button2 {
        background: whiteSmoke;
        padding: 3px 4px;
        border: 1px solid #D5D5D5;
        border-radius: 2px;
        cursor: pointer;
        color: #6B6B6B;}
        fieldset.frm-set dl dd {
        margin-left: auto;
        }
        input[type="text"], #text_editor_textarea {
        padding: 3px;
        border: 1px solid #DADADA;
        border-radius: 3px;
        }
        #header_bar {
        position: relative;
        width: 70%;
        min-width: 975px;
        margin: auto;
        }
        #user_navigation {
        height: 28px;
        margin: 33px 0 6px;
        text-align: right;
        min-width: 569px;
        float: right;
        }
        .ipsList_inline.right li a {
        font: normal 15px 'Carrois Gothic', sans-serif;
        color: #EEE;
        text-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 2px;}
        .ipsList_inline.right li {
        display: inline;
        margin: 2px 7px;
        }
        #reg_link {
        background: rgba(0, 0, 0, 0.7);
        color: white;
        display: inline-block;
        padding: 6px 10px;
        border: 0;
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 2px 4px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 2px 4px rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 2px 4px rgba(0, 0, 0, 0.2);
        text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        }
        .ipsList_inline.right {
        list-style: none;
        }
        /* -----------------[Background Selector by 3go0ne]-----------------*/
        #custom_background {
        background-color: white;
        box-shadow: inset 0 1px 0 white, 0 1px 3px rgba(0, 0, 0, 0.16);
        border: 1px solid #D1D1D1;
        color: white;
        position: relative;
        padding: 15px 0px 15px 15px;
        overflow: hidden;}
        #custom_background span {
            -moz-transition: all .2s ease-in-out 0;
            background: none no-repeat scroll 50% 50% #000;
            border-radius: 3px;
            box-shadow: 0 1px 7px #000 inset, 0 1px 0 rgba(255,255,255,0.05), 0 0 1px rgba(255,255,255,0.35);
            cursor: pointer;
            display: block;
            float: left;
            height: 90px;
            margin: 5px;
            width: 140px;
          background: url(http://www.tomchristian.co.uk/development/ipb/public/style_images/tctc91_glare/_custom/sprite_icons.png) no-repeat;
        }
        #custom_background span:hover {
        filter: alpha(opacity=0.5);
          background: url(http://www.tomchristian.co.uk/development/ipb/public/style_images/tctc91_glare/_custom/sprite_icons.png) no-repeat;
        -khtml-opacity: 0.5;
        -moz-opacity: 0.5;
        opacity: 0.5;
        }
        #nav_background {cursor: pointer;}
        #toggle_background {
        margin-bottom: 20px;
        }
        /* Miniaturas (Vista Previa) */
        #bg1 {background: url(http://i.imgur.com/wa5siQH.jpg) no-repeat -1006px -250px!important;}
        #bg2 {background: url(http://i.imgur.com/sdi00up.jpg) no-repeat -625px -450px!important;}
        #bg3 {background: url(http://i.imgur.com/yhhf7Rt.jpg) no-repeat 0 0!important;}
        #bg4 {background: url(http://i.imgur.com/0RcFxB5.jpg) no-repeat -655px -450px!important;}
        #bg5 {background: url(http://i.imgur.com/SKOXqoO.jpg) no-repeat -792px -142px!important;}
        #bg6 {background: url(http://i.imgur.com/EYGZIPq.jpg) no-repeat -655px -450px!important;}
        #bg7 {background: url(http://i.imgur.com/g75ZMGV.jpg) no-repeat 0 0!important;}
        #bg8 {background: url(http://i.imgur.com/SurCBhb.jpg) no-repeat 0 0!important;}

        /* Backgrounds */
        .bg1 {background: white url(http://i.imgur.com/wa5siQH.jpg)!important;}
        .bg2 {background: white url(http://i.imgur.com/sdi00up.jpg)!important;}
        .bg3 {background: white url(http://i.imgur.com/yhhf7Rt.jpg)!important;}
        .bg4 {background: white url(http://i.imgur.com/0RcFxB5.jpg)!important;}
        .bg5 {background: white url(http://i.imgur.com/SKOXqoO.jpg)!important;}
        .bg6 {background: white url(http://i.imgur.com/EYGZIPq.jpg)!important;}
        .bg7 {background: white url(http://i.imgur.com/g75ZMGV.jpg)!important;}
        .bg8 {background: white url(http://i.imgur.com/SurCBhb.jpg)!important;}
        /* -----------------Background Selector-----------------*/
        #fullcred a:hover {
        color: white;
        }
        #fullcred a {
        display: block;
        font: normal 15px 'Carrois Gothic', sans-serif;
        -moz-transition: all 500ms ease 0s;
        -webkit-transition: all 500ms ease 0s;
        -o-transition: all 500ms ease 0s;
        -ms-transition: all 500ms ease 0s;
        text-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 2px;
        color: #948F8F;
        color: rgba(255, 255, 255, 0.4);
        }
        #fullcred {
        float: left;
        text-align: left;
        }
        #topdes:hover {
        background: rgba(0, 0, 0, 0.5) url("http://i.imgur.com/90ulAas.png")no-repeat center center;
        }
        #topdes {
        width: 24px;
        height: 24px;
        display: block;
        background: rgba(0, 0, 0, 0.2) url("http://i.imgur.com/90ulAas.png")no-repeat center center;
        border-radius: 5px;
        margin: auto;
        cursor: pointer;
        text-align: center;
        }
        #estadisticas-IPB {
        text-align: center;
        }
        #estadisticas-IPB .stat-bloque {
        display: inline-block;
        margin-right: 10px;
        }
        #estadisticas-IPB span {
        display: inline-block;
        background: #E2E2E2;
        color: #4A4A4A;
        padding: 2px 6px;
        font-weight: bold;
        border-radius: 2px;
        margin: 2px;
        }
        .board_statistics {
        margin: 20px 0 0 0;
        padding: 10px 0;
        border-top: 3px solid #D8D8D8;
        }
        .board_statistics h2 {
        font-size: 14px;
        font-weight: bold;
        margin: 4px 0;
        }
        .expand {
        background: url(http://i.imgur.com/gLCLWtW.png) no-repeat -94px -24px;
        text-indent: -3000em;
        width: 41px;
        height: 24px;
        display: block;
        outline: 0;
        opacity: 0.4;
        -moz-transition: all 0ms ease 0s;
        -webkit-transition: all 0ms ease 0s;
        -o-transition: all 0ms ease 0s;
        -ms-transition: all 0ms ease 0s;
        position: relative;
        top: -20px;
        float: right;
        right: 10px;
        cursor: pointer;
        }
        .contract {
        background: url(http://i.imgur.com/gLCLWtW.png) no-repeat -94px 0;
        text-indent: -3000em;
        width: 41px;
        height: 24px;
        display: block;
        outline: 0;
        opacity: 0.4;
        -moz-transition: all 0ms ease 0s;
        -webkit-transition: all 0ms ease 0s;
        -o-transition: all 0ms ease 0s;
        -ms-transition: all 0ms ease 0s;
        position: relative;
        top: -20px;
        float: right;
        right: 10px;
        cursor: pointer;}
        .expand:hover ,.contract:hover{opacity: 9;}

        .user-avatar img {
        opacity: 0.6;
        }
        .post:hover .user-avatar img {
        opacity: 1;
            -webkit-transition: all .2s linear;
            -moz-transition: all .2s linear;
            -o-transition: all .2s linear;
        }


        .post:hover .post-options {
        -moz-transition: all .2s linear;
        -o-transition: all .2s linear;
        -webkit-transition: all .2s linear;
        opacity: .5;
        }
        .post .post-options:hover {
        -moz-transition: all .2s linear;
        -o-transition: all .2s linear;
        -webkit-transition: all .2s linear;
        opacity: 1!important;
        }
        .post .post-options {
        -moz-transition: all .2s linear;
        -o-transition: all .2s linear;
        -webkit-transition: all .2s linear;
        opacity: 0;
        }
        -moz-selection, ::selection {
        background: rgba(0, 160, 250, 0.5);
        color: white;
        text-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
        } 

        .pun div, .pun td, .sig-line {
        color: ##DDD;
        } 
        .pun .username {
        border-radius: 4px;
        display: block;
        font-family: Arvo;
        font-size: 1.5em;
        font-weight: 400!important;
        margin-bottom: 5px;
        margin-top: 10px;
        padding: 8px!important;
        position: relative;
        text-align: center;
        text-decoration: none;
        border-image: initial;
        }
        .spoiler > dt::after {
        content: "©️ BestSkins";
        float: right;
        }
        .module-advert{display:none;}
        #online .on-title, #statistics .stats-title {
        border-bottom: 1px solid white;
        font-size: 30px;
        height: 70px;
        text-transform: uppercase;
        }

        .online-content {
        border-top: 1px solid #D9D9D9;
        padding: 15px;
        }

        #online {
        background: #EAEAEA;
        border-right: 2px solid #D2D2D2;
        vertical-align: top;
        width: 60%;
        }

        #online .on-title {
        background: #F3F3F3;
        }

        #pun-announcement, #pun-visit, .main-box {
        -moz-border-radius: 5px;
        -moz-box-shadow: 0 2px 5px 0 #dcdcdc;
        background: white url(http://i36.servimg.com/u/f36/11/96/49/61/dropsh10.png) 0 -1px repeat-x;
        border: 1px solid #D6D6D6;
        border-radius: 5px;
        box-shadow: 0 2px 5px 0 #dcdcdc;
        border-image: initial;
        }

        #general-stats {
        -moz-box-shadow: 0 0 7px 0 #dcdcdc;
        background: whiteSmoke;
        border: 1px solid white;
        box-shadow: 0 0 7px 0 #dcdcdc;
        text-shadow: 1px 1px 0 white;
        width: 100%;
        border-image: initial;
        }

        #online .on-title a, #statistics .stats-title a {
        bottom: -23px;
        font-family: Century Gothic!important;
        left: 20px;
        position: relative;
        }

        .chart, .globe {
        height: 28px;
        margin-top: -3px;
        vertical-align: middle;
        }

        #statistics {
        border-left: 0px solid white;
        float: right;
        padding-bottom: 15px;
        vertical-align: top;
        width: 100%;
        }

        .stats-content {
        border-top: 1px solid #D9D9D9;
        padding: 15px;
        }

        #legend {
        margin: 25px 0;
        }

        .groups {
        background: url(http://i36.servimg.com/u/f36/11/96/49/61/custom10.png) no-repeat left;
        float: right;
        margin-top: -22px;
        padding: 5px 0 5px 18px;
        }

        li {list-style-type:none;}
        .pun table td.tcl {
        border-left-style: none;
        border-left-width: 0;
        height: 42px;
        min-height: 24px;
        padding-left: .5em;
        vertical-align: top;
        }
        .pun table.table td {
        background-color: #fbfbfb;

        border-width: 1px;
        line-height: 130%;
        padding: .6em 0 .7em;
        }
        .pun table .tdtopics {
        padding-left: 42px;
        }
        .pun table .tcl {
        overflow: hidden;
        text-align: left;
        width: 50%;
        }
        .forumbit_post .foruminfo .forumicon {

        position: absolute;
        }

        /*tópico*/
        .main .main-foot {
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
        text-shadow: gray 0px -1px 0px;
        background: #e8e8e8 url('http://www.ipbforumskins.com/skindemo/public/style_images/overlayr34x/highlight_faint.png') repeat-x 0 0;
        padding: 0 10px;
        height: 36px;
        color: black;
        line-height: 36px;
        font-weight: normal;
        font-size: 13px;
        }

        .pun .posthead {
        color: white;
        border-top: 1px solid #383838;
        text-shadow: rgba(0, 0, 0, 0.8) 0px -1px 0px;
        padding: 0 10px;
        height: 36px;
        line-height: 36px;
        font-weight: normal;
        font-size: 13px;
        }

        .pun .posthead a {
          color: white;
        }

        .pun .post .user {
        margin-left: -16.6em;
        margin-top: -1em;
        position: relative;
        text-align: center;
        }

        .pun .user-ident .username {
        display: block;
        font-size: 1.1em;
        font-weight: 400!important;
        margin-bottom: 5px;
        margin-top: 10px;
        padding: 8px!important;
        position: relative;
        text-align: center;
        text-decoration: none;
        }


        .pun .postmain {
        background-color: white;
        border-left: 1px solid #F0F0F0;
        margin-left: 17em;
        }

        .pun .post {
          background: #FBFBFB;
        }

        .postfoot {
        background: #F1F1F1;
        border-top: 1px solid #E9E9E9;
        margin-top: 5px;
        overflow: hidden;
        }
        /*quick-reply*/
        #quick_reply #textarea_content {
              clear: both;
              margin-left: 0px;
              margin-right: 0px;
              width: 100% !important;
              height: auto !important;
            }
           
            #text_editor_controls {
              display: !important;
            }
             
        #pun-qpost #textarea_content dt label{
          float:left;
        }

        fieldset.frm-set dl dd {
        margin: auto!important;
        }


      /***** Spoiler Code e Quote ******/

.codebox dt {
    border-bottom: 1px solid black;
    padding: 3px;
    background: rgb(0, 100, 0);
    color: white !important;
    text-align: center;
    font-size: 11px;
    font-weight: 700;
    margin: -8px -8px -8px;
    text-transform: uppercase;
}
.codebox {
    background-color: white;
    border: 2px solid black;
    margin: 1em;
    padding: 8px;
}
.codebox dd {
    background-color: transparent;
    margin: 0.5em;
    padding: 0.5em;
}
.postmain blockquote {
    background-color: rgb(255, 255, 255);
    border: 3px solid rgb(0, 100, 0);
    padding: 0.5em 1em;
    border-left: 15px solid black;
}

        element.style {
        padding: 5px 35px 10px 1px;
        }
        .pun .main-foot .h2, .pun .main-head .h2 {
        float: left;
        color: #E8E4E1;
        }
        .pun .main .options a, .pun .main .options a:link, .pun .main .options a:visited {
        color: transparent;
        margin-left: .5em;
        text-decoration: none;
        }
        .pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
        background: transparent;
        background-position: left;
        background-repeat: no-repeat;
        padding-left: 20px;
        }
        .sprite-arrow_prosilver_down {
        background: transparent;
        background-position: 0 0;
        height: 6px;
        width: 6px;
        }
        .post_field {
        background: white none;
        color: #414141;
        border: 1px solid #B9C4CD;
        padding: 3px 0 3px 0;
        margin: 0;
        margin-top: 2px;
        }
        .disabled {
          float: right;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        text-shadow: none;
        border: 0;
        color: #7f7f7f;
          border: 1px solid #212121;
        border-width: 1px 1px 0 1px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
        -webkit-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
        box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
        color: #ddd;
        text-shadow: 0 -1px 0 #191919;
        font: 300 12px/1.3 Helvetica, Arial, sans-serif;
        line-height: 30px;
        height: 30px;
        padding: 0 10px;
        text-align: center;
        min-width: 125px;
        display: inline-block;
        cursor: pointer;
        color: #ddd;
        background: rgb(51, 51, 51);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#1e1e1e',GradientType=0 );
        -moz-transition: all 0ms ease 0s;
        -webkit-transition: all 0ms ease 0s;
        -o-transition: all 0ms ease 0s;
        -ms-transition: all 0ms ease 0s;
        }
        .user-avatar img {
        opacity: 0.6;
        }
        .post:hover .user-avatar img {
        opacity: 1;
            -webkit-transition: all .2s linear;
            -moz-transition: all .2s linear;
            -o-transition: all .2s linear;
        }


        .post:hover .post-options {
        -moz-transition: all .2s linear;
        -o-transition: all .2s linear;
        -webkit-transition: all .2s linear;
        opacity: .5;
        }
        .post .post-options:hover {
        -moz-transition: all .2s linear;
        -o-transition: all .2s linear;
        -webkit-transition: all .2s linear;
        opacity: 1!important;
        }
        .post .post-options {
        -moz-transition: all .2s linear;
        -o-transition: all .2s linear;
        -webkit-transition: all .2s linear;
        opacity: 0;
        }
       
        .module-advert{display:none;}


        .pun .postmain {
        background-color: white;
        border-left: 1px solid #F0F0F0;
        margin-left: 17em;
        }

        .pun .post {
          background: #FBFBFB;
        }

        .postfoot {
        background: #F1F1F1;
        border-top: 1px solid #E9E9E9;
        margin-top: 5px;
        overflow: hidden;
        }
        #quick_reply #textarea_content {
              clear: both;
              margin-left: 0px;
              margin-right: 0px;
              width: 100% !important;
              height: auto !important;
            }
           
            #text_editor_controls {
              display: !important;
            }
             
        #pun-qpost #textarea_content dt label{
          float:left;
        }

        fieldset.frm-set dl dd {
        margin: auto!important;
        }
        .pun .user .user-ident .use .user-basic-info 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: #fff;
        border: 1px solid #D5D5D5;
        box-shadow: 0 2px 2px rgba(0,0,0,0.1);
        height: 340px;
        max-height: 340px;
        max-width: 170px;
        padding: 1px;
        width: 150px;
        }
     
        element.style {
        padding: 5px 35px 10px 1px;
        }
        .pun .main-foot .h2, .pun .main-head .h2 {
        float: left;
        color: #E8E4E1;
        }
        .pun .main .options a, .pun .main .options a:link, .pun .main .options a:visited {
        color: transparent;
        margin-left: .5em;
        text-decoration: none;
        }
        .pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
        background: transparent;
        background-position: left;
        background-repeat: no-repeat;
        padding-left: 20px;
        }
        .sprite-arrow_prosilver_down {
        background: transparent;
        background-position: 0 0;
        height: 6px;
        width: 6px;
        }
        .user-basic-info 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: #fff;
        border: 1px solid #D5D5D5;
        box-shadow: 0 2px 2px rgba(0,0,0,0.1);
        height: 90px;
        max-height: 90px;
        max-width: 90px;
        padding: 1px;
        width: 90px;
        }
        .post_field {
        background: white none;
        color: #414141;
        border: 1px solid #B9C4CD;
        padding: 3px 0 3px 0;
        margin: 0;
        margin-top: 2px;
        }
        .pun .posthead {
            background: #67A6CE !important;
        }
        .pun .user-ident .username a {
            font-size: 19px!important;
        }
        .pun .post .user {
            width: auto!important;
        }
        #page-body {
            min-width: 1400px!important;
        }
        .pun .sig-content {clear: none !important;}

        .colorpicker {
                          width: 356px;
                          height: 176px;
                          overflow: hidden;
                          position: absolute;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);
                          font-family: Arial, Helvetica, sans-serif;
                          display: none;
                        }
                        .colorpicker_color {
                          width: 150px;
                          height: 150px;
                          left: 14px;
                          top: 13px;
                          position: absolute;
                          background: #f00;
                          overflow: hidden;
                          cursor: crosshair;
                        }
                        .colorpicker_color div {
                          position: absolute;
                          top: 0;
                          left: 0;
                          width: 150px;
                          height: 150px;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);
                        }
                        .colorpicker_color div div {
                          position: absolute;
                          top: 0;
                          left: 0;
                          width: 11px;
                          height: 11px;
                          overflow: hidden;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/select10.gif);
                          margin: -5px 0 0 -5px;
                        }
                        .colorpicker_hue {
                          position: absolute;
                          top: 13px;
                          left: 171px;
                          width: 35px;
                          height: 150px;
                          cursor: n-resize;
                        }
                        .colorpicker_hue div {
                          position: absolute;
                          width: 35px;
                          height: 9px;
                          overflow: hidden;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;
                          margin: -4px 0 0 0;
                          left: 0px;
                        }
                        .colorpicker_new_color {
                          position: absolute;
                          width: 60px;
                          height: 30px;
                          left: 213px;
                          top: 13px;
                          background: #f00;
                        }
                        .colorpicker_current_color {
                          position: absolute;
                          width: 60px;
                          height: 30px;
                          left: 283px;
                          top: 13px;
                          background: #f00;
                        }
                        .colorpicker input {
                          background-color: transparent;
                          border: 1px solid transparent;
                          position: absolute;
                          font-size: 10px;
                          font-family: Arial, Helvetica, sans-serif;
                          color: #898989;
                          top: 4px;
                          right: 11px;
                          text-align: right;
                          margin: 0;
                          padding: 0;
                          height: 11px;
                        }
                        .colorpicker_hex {
                          position: absolute;
                          width: 72px;
                          height: 22px;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp13.png) top;
                          left: 212px;
                          top: 142px;
                        }
                        .colorpicker_hex input {
                          right: 6px;
                        }
                        .colorpicker_field {
                          height: 22px;
                          width: 62px;
                          background-position: top;
                          position: absolute;
                        }
                        .colorpicker_field span {
                          position: absolute;
                          width: 12px;
                          height: 22px;
                          overflow: hidden;
                          top: 0;
                          right: 0;
                          cursor: n-resize;
                        }
                        .colorpicker_rgb_r {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);
                          top: 52px;
                          left: 212px;
                        }
                        .colorpicker_rgb_g {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);
                          top: 82px;
                          left: 212px;
                        }
                        .colorpicker_rgb_b {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);
                          top: 112px;
                          left: 212px;
                        }
                        .colorpicker_hsb_h {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);
                          top: 52px;
                          left: 282px;
                        }
                        .colorpicker_hsb_s {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);
                          top: 82px;
                          left: 282px;
                        }
                        .colorpicker_hsb_b {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);
                          top: 112px;
                          left: 282px;
                        }
                        .colorpicker_submit {
                          position: absolute;
                          width: 22px;
                          height: 22px;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;
                          left: 322px;
                          top: 142px;
                          overflow: hidden;
                        }
                        .colorpicker_focus {
                          background-position: center;
                        }
                        .colorpicker_hex.colorpicker_focus {
                          background-position: bottom;
                        }
                        .colorpicker_submit.colorpicker_focus {
                          background-position: bottom;
                        }
                        .colorpicker_slider {
                          background-position: bottom;
                        }
 /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(249,252,247,1) 0%, rgba(245,249,240,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,252,247,1)), color-stop(100%,rgba(245,249,240,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#f5f9f0',GradientType=0 ); /* IE6-9 */
        }
        /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
        }

Até
Quakeeline

Quakeeline
***

Membro desde : 26/04/2013
Mensagens : 190
Pontos : 290

http://lfdesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Spoiler e quote

Mensagem por Gustavo Bispo 27.04.13 2:21

Apareceu isso:
Erro detectado
Nós contamos um número diferente de "{" e de "}". Isto significa que o seu CSS pode não ser válido e não será exibido corretamente no seu fórum.

Lhe aconselhamos que releia o seu código.

Eu queria deixar o quote e spoiler igual do forumeiros
Gustavo Bispo

Gustavo Bispo
****

Membro desde : 24/11/2012
Mensagens : 399
Pontos : 601

http://www.gbconfig.ativoforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Spoiler e quote

Mensagem por Quakeeline 27.04.13 2:29

Olá,

Veja este tópico

https://ajuda.forumeiros.com/t69547-

Até
Quakeeline

Quakeeline
***

Membro desde : 26/04/2013
Mensagens : 190
Pontos : 290

http://lfdesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Spoiler e quote

Mensagem por Gustavo Bispo 27.04.13 2:36

Obrigado!
Deu certinho!
Sou seu fan^^
Gustavo Bispo

Gustavo Bispo
****

Membro desde : 24/11/2012
Mensagens : 399
Pontos : 601

http://www.gbconfig.ativoforum.com

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