Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Ajuda sobre esse Codigo
Hoje à(s) 02:01 pm por Luiz

» Brilho nos anúncios
Hoje à(s) 01:55 pm por Kyo Panda

» Caixa de login ao clicar na barra de ferramentas
Hoje à(s) 01:34 pm por Luiz

» Quadro de troféus e medalhas
Hoje à(s) 01:31 pm por Kyo Panda

» Citação não aparece nome de usuário
Hoje à(s) 01:26 pm por Kyo Panda

» Slide no index
Hoje à(s) 01:21 pm por Kyo Panda

» Ranks forum
Hoje à(s) 01:14 pm por Tiger

Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
243 usuários online :: 11 usuários cadastrados, Nenhum Invisível e 232 Visitantes :: 2 Motores de busca

BichodoMato, Connor R., Ketholy123, Kyo Panda, lofot, Luiz, Sleep, Taxy_InSaniTy, Tiger, virus, weverson lopes

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Data/hora atual: 25/09/17, 02:06 pm

76 Resultados encontrados para fff

Alterações na aparência do menu de navegaçao

aqui estao


css:
/* Borda em volta dos botões dos perfis */

#tabs a:hover span {
   -moz-transition-delay: 0s;
   -moz-transition-duration: 0.3s;
   -moz-transition-timing-function: ease-in;
   background: none repeat scroll 0 0 #D7D7D7;
   border-radius: 10px 10px 0 0;
   color: MidnightBlue;
   text-shadow: 1px 1px 1px white;
}

/* efeito sombra sobre os links */

a:hover {
   color: PaleVioletRed;
   text-decoration: none;
   text-shadow: 0 0 5px;
}

/* Designer dos botões */

a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
background-position: 0 100%;
border: 1px solid #127FA7;
color: #127FA7;
}

a.button1, a.button2, button.button2, input.button1, input.button2 {
background: white;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 4px;
border: 1px solid #D0D2D4;}

/* Avatar com largura massima */

.post .postprofile dl dt a[href*="/u"] img[src][alt] {max-width: 195px;}

/* DISPONIBILIDADE NOME DE USUARIO */

#username_reg {
border:2px solid red!important;
}
#username_reg.okusername {
border:2px solid green!important;
}


/* Chatbox */

body.chatbox {background-image: none;}
.chatbox {background-color: #FAFAFA;}
.chatbox .forabg {margin: 0;border: none;padding: 0;margin: 0;background-image:  url(http://i.imgur.com/v41D6UA.png);}
.chatbox-title,.chatbox-title a.chat-title {color: #FAFAFA !important; }
.chatbox-title {float: left;margin: 0;padding: 2px 5px 0 5px;width: 15em;}
.chatbox-options {float: right;list-style: none;font-size: 11px;margin: 0.7em 0.5em 0.5em 0.5em;}
.chatbox-options li {display:inline;}
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {color: #FAFAFA; font-weight: bold;}
#chatbox_members {position: absolute;top: 30px;bottom: 30px;width: 180px;overflow: auto;border-right: 1px solid ;}
#chatbox_members .member-title {text-align: center;padding: 0.5em 0.25em;background-image: none;font-size:

12px;background-color: #C2C2DA;color : #417394;font-family: "Segoe UI", Tahoma, Geneva, sans-serif;}
#chatbox_members ul {list-style: none;margin: 0 0 0 1em;}
#chatbox_members ul li {margin: 0.5em 0.5em 0.5em 0;}
#chatbox {position: absolute;top: 30px;left: 181px;right: 0;bottom: 30px;overflow: auto;line-height: 10px;}
.chatbox_row_3 {padding: 4px;background-color: #0075c6;}
.chatbox_row_2 { background-color: transparent!important; }
.memberlist_row_1 {background-color: #ffffff;}
#chatbox_footer {position: absolute;bottom: 0;left: 0;right: 0;padding: 5px;}
#chatbox_footer label {color: #FAFAFA; font-weight: bold;}
#chatbox_footer .fontbutton{
padding: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
background-image:  url(http://i.imgur.com/jIRxNSS.png);
border: 1px solid #c2d2df;}
#message,#submit_button{border-width: 1px;}
.fontbutton {padding: 1px;cursor: pointer;text-align: left;}
.fontbutton_normal {background: #E1E1E2;}
.fontbutton_selected {background: #BBC7CE;border: 1px solid #22229C;}
.fontbutton_clicked {background: #959595;border: 1px solid #22229C;}
.fontbutton_hover {background: #E1E1E2;border: 1px solid #22229C;}
#chatbox_contextmenu {border: 2px solid black;background-color: #384c56;}
#chatbox_contextmenu p {margin:0;padding: 1px 4px;font-family: verdana, arial, sans-serif;background: #ffffff;border-bottom:1px solid #777;}
#chatbox_contextmenu p.hover {background: #ffffff;}
#chatbox_contextmenu p.close {background: #ddd;padding: 1px;font-size: 95%;color:#fff;background: url(\'\');}
#chatbox_contextmenu p.close img {vertical-align: middle;padding-left: 20px;}
#chatbox_contextmenu a {color: #417394; text-decoration: none; font-size: 95%;}
#chatbox_contextmenu a:hover {color: ;}
#chatbox .user {font-weight: bold;}
#chatbox {background-image:  url(http://i.imgur.com/VsbaVb3.gif)}
.fontbutton {background:#E1E1E2 none repeat scroll 0%;border:medium none;color:#000000;float:left;margin-right:10px;padding:1px;}

/* Imagem que fica como descrição nas votações */

fieldset.polls {
background-image: url("http://i.imgur.com/l9uK5Jo.png");
background-repeat: no-repeat;
background-position: bottom right;
}

/* Cursor Personalizado */

body {cursor: url(\'http://i.imgur.com/xf8SoMv.png\'), url(\'http://i.imgur.com/xf8SoMv.png\'), auto;}
a:hover {cursor: url(\'http://i.imgur.com/qLATaiL.png\'), url(\'http://i.imgur.com/qLATaiL.png\'), auto;}

/* Aviso na caixa de mensagens privadas */

form[action="/privmsg"] h1.page-title:after {
   background: none repeat scroll 0 0 #F0E8E0;
   border: 1px solid #C00000;
   color: #000000;
   content: "Afim de melhor aproveitar o sistema de Mensagens Privadas, notificamos que não oferecemos suporte via Mensagem Privada.";
   display: block;
   font-size: 12px;
   padding: 10px;
   text-align: center;
}

/* Maximizando imagens de descrição. */

.dterm img {max-width: 50px; max-height: 50px; margin: 10px;}


/* Anti Owner ChatBox */

body.chatbox {display: block !important;}
#chatbox p table,#chatbox table{
 border: medium none;
 top: 20% !important;
 right: 30% !important;
 width: 205px !important;
 height: 85px !important;
 position: fixed !important;
 background: url("http://i.imgur.com/E2WsEab.png") repeat scroll 0% 0% / 50% 100% transparent;
 color: transparent;}
#chatbox p .msg, #chatbox p .msg * {position: static !important;}

/* Nevagação */

#page-header .navbar {
position: relative;
top: -45px;
left: 0px;
background: none;
}

div#page-header div.navbar ul.linklist li a {
   background: url("http://i.imgur.com/5wXgwfe.gif") no-repeat scroll right top transparent;
   margin-left: -6px;
   padding: 15px 18px 15px 15px;
}

#page-header .navbar .navlinks a:hover {
background: url("http://i.imgur.com/ycKVPIK.gif") ;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
}

#page-header .navbar .navlinks a {
   color: #FFFFFF;
   font: bold 13px/46px arial,helvetica,sans-serif;
   min-width: 600px;
   max-width: 600px;
   text-align: center;
   text-decoration: none;
   text-transform: capitalize;}

/* Final da navegação */

/* Body + Logo + Descrição */

body {
   background-attachment: scroll;
   background-color: #f8f8f8;
   background-image: url("http://i.imgur.com/P2oYPMD.jpg");
   background-position: top-center;
   background-repeat: repeat-x;
}

#logo img{
display: inline;
float: left;
position: relative;
top: -25px;
left: 0px;
max-width: 475px;
max-height: 130px;
}

#logo-desc p {
   color: #ABABAB;
   display: inline;
   float: left;
   font: Tahoma,Calibri,Verdana,Geneva,sans-serif;
   font-size: 13px;
   margin: 0;
   padding: 0;
   position: relative;
   right: -213px;
   top: -9px;
}

/* Imagem antes dos links da estaticas */

#page-body p.page-bottom {background: url(http://i.imgur.com/IuSgz.png) no-repeat left top; padding-left:18px;}

hr{border-top:1px solid #2991e6;}

/* Imagem de um + verde antes dos botões */

a[href="/http://www.forumgratuit.ro/ro/directory/informatica-internet-5.htm"]{display:none}

a[href="http://www.forumgratuit.ro/ro/informatica-internet/ajutor-online-119.htm"]{  display:none}

a[href="/search?search_id=newposts"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}

a[href="/search?search_id=egosearch"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}

a[href="/search?search_id=unanswered"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}

a[href="/?mark=forums"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}

a[href="/search?search_id=activetopics"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}

a[href="/memberlist?mode=today_posters"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}

a[href="/memberlist?mode=overall_posters"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}

a[href="/?mode=delete_cookies"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}

/* Fin Body + Logo */

/* Wrap (Corpo - Contorno - Procurar) */

#search-box { visibility: hidden; } #forum-search { visibility: hidden; }

#wrap {
   background-color: #FFFFFF;
   background-image: url("http://i.imgur.com/v14J9cA.jpg"); repeat-y scroll 0 0 transparent;
   background-repeat: repeat-x;
   border-bottom: 1px solid #FFFFFF;
   border-left: 1px solid #e9e9e9;
   border-radius: 8px 8px 8px 8px;
   border-right: 1px solid #e9e9e9;
   border-width: 0 1px 1px;
   margin-bottom: 30px;
   margin-top: 93px;
   min-width: 700px;
   padding: 5px 9px 1px;
   width: 960px;
}

.headerbar { margin-top: -92px; }

/* Finsl Wrap */

/* Painel (linha Geral) */

.panel {
   background-color: #FBFBFB;
   background-image: url("http://i.imgur.com/i5K6pFd.png");
   background-position: center bottom;
   background-repeat: repeat-x;
   border: 1px solid #dddddd;
   border-radius: 0px 0px 0px 0px;
}

/* Final Painel (linha Geral) */

.postbody .topic-title {
font-size:1.2em;
}

/* Remover sumbrilhado */

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

/* Portal & Fóruns */

.forabg, .forumbg {
   background-color: #FBFBFB;
   background-image: url("http://i.imgur.com/dFCVRGL.png");
   background-position: center bottom;
   background-repeat: repeat-x;
   border-top: 0px solid #dddddd;
   border-bottom: 1px solid #dddddd;
   border-left: 1px solid #dddddd;
   border-right: 1px solid #dddddd;
   border-radius: 5px 5px 5px 5px;
}

.forabg span.corners-top span, .forumbg span.corners-top span {
   background: #a2afb5 url("http://i.imgur.com/cu2iDZS.jpg");
   background-position: top;
   height: 61px; }

.forabg span.corners-bottom span, .forumbg span.corners-bottom span {
   background: #a2afb5 url("http://i.imgur.com/tFW67r6.jpg");
   background-position: top;
   border-bottom: 1px solid #dddddd;
   height: 6px; }

.header{ padding-top: 1px; height: 55px; }

li.row {
   border-bottom: 1px solid #dddddd;
   border-top: 1px solid #dddddd;
   position: relative; left: -5px;
   width: 958px;
   min-width: 750px;
}

.row {
   background-color: #FBFBFB;
   background-image: url("http://i.imgur.com/13NODw5.png");
   background-position: center bottom;
   background-repeat: repeat-x;
   left: -5px;
   min-width: 750px;
   position: relative;
   width: 958px;
}

.table-title, .table-title h2 {
   font-family: tahoma,arial,verdana,sans-serif;
   font-size: 14px;
   color: #FFFFFF;
   min-height: 38px;
   text-shadow: 0 -1px 0 #0099FF;
   display: inline;
   font-size: 1em;
}

.module, .post {    
   background-color: #FBFBFB;
   background-image: url("http://i.imgur.com/pU5qR8o.png");
   background-position: center bottom;
   background-repeat: repeat-x;
   border-radius: 5px 5px 5px 5px;
   border: 1px solid #dddddd;
}

.module span.corners-top, .post span.corners-top {    
   background: #a2afb5 url("http://i.imgur.com/d8kLdQh.jpg");
   height: 35px; }

.module span.corners-bottom, .post span.corners-bottom {    
   background-color: #3f3f3f;
   height: 5px; }

.topics {
   text-shadow: 0 px 0 #fff;
   font-weight: bold;
}
.posts {
   text-shadow: 0 px 0 #fff;
   font-weight: bold;
}

.lastpost {
   text-shadow: 0 px 0 #fff;
   font-weight: bold;
}

hr {
border: 1 none #cccccc;
border-top: 1px solid #cccccc;
height: 1px;
margin: 5px 0;
display: block;
clear: both;
}

/* Fundo & Contorno procurar - POP UP */

.overview {  border: 1px solid #292929; background-color: #FFFFFF; -webkit-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-border-radius: 5px; border-left-radius: 5px; border-top-radius: 5px;  }

#login_popup {
background-color: #FFFFFF;
}

/* CITAR + CODE */

blockquote {    background-image: url(\'http://i.imgur.com/dGWjI7A.png\');
   background-position: bottom;
   color: #4e4e4e;
   background-repeat: repeat-x;
   background-color: #fff;
   margin-left: 5px;
   border-top: 1px solid #2289b2;
   border-right: 1px solid #2289b2;
   border-left: 2px solid #2289b2;
   border-bottom: 3px solid #2289b2;
}

blockquote blockquote {
   background-color: #fff;
}

blockquote blockquote blockquote {
   background-color: #fff;
}

blockquote div {
   margin-left: 4px;
   color: #4e4e4e;
   font-size: 12px;
}

blockquote cite {
   font-size: 10px;
   color: #417394;  
   border-bottom: 1px solid #417394;
   margin-bottom: 3px;
}

dl.codebox {
   background-image: url(\'http://i.imgur.com/4q4pc7C.png\');
   background-position: bottom;
   background-repeat: repeat-x;
   background-color: #fff;  
   margin: 0;
   padding: 3px;
   border: 1px inset #000;
   font-size: 1em;
   border-top: 1px solid #2289b2;
   border-right: 1px solid #2289b2;
   border-left: 2px solid #2289b2;
   border-bottom: 3px solid #2289b2;
max-height: 350px
overflow:auto
}

dl.codebox dt {
   text-transform: none;
   border-bottom: 1px solid #417394;
   margin-bottom: 3px;
   font-size: 10px;
   font-weight: bold;
   display: block;
   color: #417394;
}

blockquote dl.codebox {
   margin-left: 0;
}

dl.codebox code {
   overflow: auto;
   display: block;
   height: auto;
   max-height: 300px;
   white-space: normal;
   padding-top: 4px;
   font-size: 12px;
   font-family: "Courier New";
   line-height: 1.3em;
   color: #4e4e4e;
   margin: 2px 0;
}


/* PosT Perfil */

.postprofile {
   background-image: url(\'http://i.imgur.com/7PCzApX.png\');
   background-repeat: repeat-x;
   background-position: bottom;
   background-color: #FAFAFA;
   padding-top: 20px;
   padding-bottom: 20px;
   border: 1px solid #dddddd;
   text-align:center;
   text-weight: bold;
   border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}


hr {
   border: 0 none #dddddd;
   border-top: 1px solid #dddddd;
   margin-right: 10px;
}

.table-title, .table-title h2 {
text-shadow: 1px 1px 3px #000000;
font-weight: bold;
}
li.header dd, li.header dt{
text-shadow: 1px 1px 3px #000000;
font-weight: bold;
}

#page-footer div.navbar{
font: Tahoma,Calibri,Verdana,Geneva,sans-serif;
font-size:12px;
font-color: #ffffff;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
background-image:url(http://i.imgur.com/1e7M1uv.jpg);
background-repeat:repeat-x;
}

#page-footer ul li a{color:#fff;letter-spacing:0px}
dd.topics { visibility: hidden; }

/* Quem está online com imagem */

#i_whosonline + p {
 background:   -webkit-linear-gradient(#f2f2f2,#ffffff);
 -oz-border-radius:6px;
 -moz-box-shadow:2px 2px 2px #a8a180;
 -webkit-border-radius:6px;
 -webkit-box-shadow:2px 2px 2px #a8a180;
 background:-moz-linear-gradient(#f2f2f2,#ffffff);
 background-color:#fff;
 background-image:-webkit-linear-gradient(#f2f2f2,#ffffff);
 border: 1px solid rgb(222, 222, 222)border-radius:2px;
 box-shadow:2px 2px 2px #a8a180;
 font-size:11px;
 margin:2;
 padding:10px;
 width: 97%;
}

/* Estaticas */

.h3 {border-bottom: 1px dashed #419ef0;}
     #wrap {
   background-image: none !important;
}
div#page-header div.navbar ul.linklist li a {
   background: none !important;
}
.navbar {
   background: #000000 !important;
   height: 50px;
   margin-left: -10px !important;
   width: 100%;
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
}
por Luckcaddie
em 15/07/15, 09:19 am
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Alterações na aparência do menu de navegaçao
Respostas: 13
Visto: 459

Problema da centralização da Imagem Principal (Logo)

body {
background-color: #164269;
color: #5A5A5A;
font-family: tahoma,helvetica,arial,sans-serif;
font-size: 13px;
padding-bottom: 15px;
margin-top: 15px;
}

.pun {
background-color: #fff;
width: 980px;
}

#pun_out {
background:url("http://i43.servimg.com/u/f43/14/53/79/27/matti10.png") repeat;background:rgba(0,0,0,0.18);
border:1px solid #0b2337;
border:1px solid rgba(0,0,0,0.35);
-webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
-moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
padding:8px;
position:relative;
width: 990px;
margin-left: auto;
margin-right: auto;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}



.main .main-head {
background-color: #0c70a3;
background-image: url("http://i43.servimg.com/u/f43/14/53/79/27/bg-top10.png");
background-position: 50% 50%;
background-repeat: repeat-x;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 1px 3px rgba(0, 0, 0, 0.3), 0 2px 0 rgba(255, 255, 255, 0.2) inset;
color: #FFFFFF;
font-size: 12px;
font-weight: bold !important;
margin-top: 15px;
padding-bottom: 13px;
padding-left: 13px;
padding-right: 13px;
padding-top: 13px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-webkit-border-radius: 4px 4px 0px 0px;
-moz-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px;
}

.pun .main-content {
background-color: #FBFBFB;
border: 1px solid #B9C4CD;
}

.pun table.table td {
background: #ffffff url(http://illiweb.com/fa/empty.gif) repeat-x top left;
border-top: 1px solid #FFFFFF;
border-right: 0px solid #fff;
border-left: 0px solid #fff;
line-height: 130%;
padding-bottom: 0.7em;
padding-left: 0;
padding-right: 0;
padding-top: 0.6em;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background: #FFFFFF url(http://illiweb.com/fa/empty.gif) repeat-x top left;
border-top: 1px solid #FFFFFF;
}

.pun table.table th {
background: #ffffff url() repeat-x 0 50%;
color: #333333;
padding-bottom: 0.5em;
padding-left: 0;
padding-right: 0;
padding-top: 0.5em;
}

#pun-logo {
margin-left: -13px;
margin-top: -22px;
}

#pun-logo:hover { opacity: 0.8; }

.for_topics {
width: 74px;
height: 33px;
background: url("http://i43.servimg.com/u/f43/14/53/79/27/fp10.png") no-repeat left top;
text-align: center;
font-size: 12px;
font-weight: bold;
line-height: normal;
color: #0e2c3e;
padding-top: 3px;
margin-left: 13px;
}

.for_topics span {
display: block;
color: #105289;
font-size: 10px;
}

.for_posts {
width: 74px;
height: 33px;
background: url("http://i43.servimg.com/u/f43/14/53/79/27/fp10.png") no-repeat left top;
text-align: center;
font-size: 12px;
font-weight: bold;
line-height: normal;
color: #0e2c3e;
padding-top: 3px;
margin-left: 13px;
}

.for_posts span {
display: block;
color: #105289;
font-size: 10px;
}

.page-title h2, .page-title span {
color: #FFFFFF !important;
font-size: 14px;
font-weight: bold;
}

.pun .paged-head, .pun .paged-foot {
border: 0px solid !important;
background-color: !important;
padding: 0.6em 1.3em 0.3em 1.3em;

}

.pun .frm-form {
background: !important;
border: none;

}

#pun-head #pun-navlinks {
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
background-color: #304154;
background-image: url("http://i.imgur.com/AneOCBd.jpg");
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat-x;
border: 1px solid #1E2831;
height: 28px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

#pun-navlinks ul {
text-align: center;
}
#pun-navlinks li {
display: inline;
font-size: 15px;
line-height: 30px;
}
#pun-navlinks li a {
margin-left: -8px;
margin-right: -8px;
color: #fff;
font-family: tahoma,helvetica,arial,sans-serif
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.Estilo cool;
padding-top: 12px;
padding-left: 14px;
padding-right: 14px;
padding-bottom: 10px;
}
#pun-navlinks a, #pun-navlinks a:visited {
text-decoration: none;
}
#pun-navlinks a:active, #pun-navlinks a:focus, #pun-navlinks a:hover {
text-decoration: none;
color: #fff;
text-shadow: 0 0 4px rgba(255, 255, 255, 0.7);
padding-top: 12px;
padding-left: 14px;
padding-right: 14px;
padding-bottom: 10px;
background-color: rgba(0, 0, 0, 0.2);
}


.main .main-foot{
background-color: #fff;
color: #666;
font-weight: 400;
padding-bottom: 0.7em;
padding-left: 1.3em;
padding-right: 1.3em;
padding-top: 0.7em;
}

.pun a:link { color: #205289;text-decoration: none;}
.pun a:visited { color: #105289;}
.pun a:hover { color: #ff6600; text-decoration: none;}
.pun a:active { color: #990000;}

#pun-title {
display: none;
}

.pun .post {
border: 1px solid #CBDAEA;
margin: 10px;
background: #FDFEFF;
}

.postfoot {
border-top: 1px solid #CBDAEA;
clear: both;
margin-left: -17em;
padding-bottom: 0.5em;
padding-left: 1em;
padding-right: 1em;
padding-top: 0.5em;
text-align: right;
background: #F4FAFF;
}

.pun .postmain {
background-color: #FDFEFF;
border-left: 1px solid #CBDAEA;
margin-left: 17em;
}
.pun .posthead {
background-color: #F4FAFF;
border-bottom: 1px solid #CBDAEA;
padding-bottom: 0.5em;
padding-left: 1em;
padding-right: 1.3em;
padding-top: 0.5em;
}

.entry-content {
font-family: Verdana,Helvetica,Arial,sans-serif;
font-size: 13px;
}

.user-contact a {
background-color: #2e425a;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #FFFFFF;
display: inline-block;
padding: 3px;
box-shadow: rgba(0,0,0,0.6) 0px 0px 2px;
-webkit-box-shadow: rgba(0,0,0,0.6) 0px 0px 2px;
-moz-box-shadow: rgba(0,0,0,0.6) 0px 0px 2px;
-khtml-box-shadow: rgba(0,0,0,0.6) 0px 0px 2px;
}

.codebox {
background-color: #E4EAF2;
margin-bottom: 1em;
margin-left: 1em;
margin-right: 1em;
margin-top: 1em;
border: 1px solid #8394B2;
border-left: 4px solid #8394B2;
}
.codebox dt {
border-bottom: 1px solid #8394B2;
padding-bottom: 0.25em;
padding-left: 0.25em;
padding-right: 0.25em;
padding-top: 0.25em;
font-weight: bold;
color: #8394B2;
}
.codebox dd {
background-color: #fff;
color: #435C7A;
margin-bottom: 1px;
margin-left: 1px;
margin-right: 1px;
margin-top: 1px;
padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
}

.postmain blockquote {
background-color: #FFFFFF;
border: 1px solid #4E6A97;
padding-bottom: 0.5em;
padding-left: 1em;
padding-right: 1em;
padding-top: 0.5em;
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px;
}

#pun-about {
background-color: #F4F4F4;
border: 1px solid #DDDDDD;
line-height: 150%;
padding-bottom: 0.6em;
padding-left: 1em;
padding-right: 1em;
padding-top: 0.6em;
text-align: right;

}
#pun-about ul {
list-style-type: none;
}
#pun-about ul li {
display: inline;
}
#pun-about ul li a {
font-weight: normal;
text-decoration: none;
}
#pun-about #qjump {
display: none;
}

#pun-visit, .main-box {
background-color: #F4F4F4;
border: 1px solid #B9C4CD;
margin-left: 0;
margin-right: 0;
margin-top: 0;
padding-bottom: 0.6em;
padding-left: 1em;
padding-right: 1em;
padding-top: 0.6em;

}

#search_box{display:none}

dl.codebox.spoiler{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}


.post_field {
font-weight: 700;
}





.forumbg {
background-color: black;
background-image: url(http://i32.servimg.com/u/f32/17/12/21/41/catego11.png);
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid #E90B0B;
clear: both;
margin-bottom: 4px;
padding: 0 5px;
}









.main .main-head {
background-color: #0C70A3!important;
background-image: url(http://i.imgur.com/H7eKZk0.jpg)!important;
background-position: 50% 50%;
background-repeat: repeat-x;
border-radius: 4px 4px 0px 0px;
box-shadow: rgba(0, 0, 0, 0.247059) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.298039) 0px 1px 3px, rgba(255, 255, 255, 0.2) 0px 2px 0px inset;
color: white;
font-size: 12px;
margin-top: 15px;
padding: 8px;
text-shadow: rgba(0, 0, 0, 0.247059) 0px -1px 0px;
font-weight: 700;
}






.sharing-cl{
overflow:hidden;
margin:-20px 0 0 0;
padding:0;
list-style:none;
width:530px;
}
.sharing-cl a{
overflow:hidden;
width:75px;
height:20px;
float:left;
margin-right:5px;
text-indent:-200px;
background:url(http://sd-2.archive-host.com/membres/up/24071559914142709/tuto_partager/partager.png) no-repeat;
}
a.sh-su{background-position:-210px -40px;}
a.sh-feed{background-position:-70px -40px;}
a.sh-tweet{background-position:-140px -40px;}
a.sh-mail{background-position:0 -40px;}
a.sh-digg{background-position:-280px -40px;}
a.sh-face{
margin-right:0;
background-position:-350px -40px;
}
a.sh-mail:hover{background-position:0 1px;}
a.sh-feed:hover{background-position:-70px 1px;}
a.sh-tweet:hover{background-position:-140px 1px;}
a.sh-su:hover{background-position:-210px 1px;}
.sh-digg:hover{background-position:-280px 1px;}
a.sh-face:hover{
background-position:-350px 1px;
}
#text{
margin-top:5px;
font-weight:bold;
font-family:helvetica,arial,sans-serif;
}
#text a{
text-indent:0;
height:auto;
text-align:center;
font-size:11px;
padding-top:35px;
color:#999;
text-decoration:none;
}





.blur {


.pun .post {
background-color: #FAFBFC;
border-bottom-color: #964e4e;
border-bottom-style: solid;
border-bottom-width: 6px;
}

.main .main-foot {
padding: 0.7em 1.3em;
font-weight: normal;
color: #660000;
background-color: transparent;
}

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

a:hover {
color: #4876FF;
text-shadow : 0px 0px 10px #FF0000;
}

por Alpha~
em 11/07/15, 04:37 pm
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Problema da centralização da Imagem Principal (Logo)
Respostas: 6
Visto: 1501

Overrall_header Personalizado

Olá @Luis_xD!

Adicione este código CSS a seu fórum:
#pun-navlinks{background-color:#141414;margin-left: -15px;width: 101%;position: center;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjUwRTNGNUIzNDhBMjExRTI5MjY0Q0ZBRDcxOTYxNUNFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjUwRTNGNUI0NDhBMjExRTI5MjY0Q0ZBRDcxOTYxNUNFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTBFM0Y1QjE0OEEyMTFFMjkyNjRDRkFENzE5NjE1Q0UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTBFM0Y1QjI0OEEyMTFFMjkyNjRDRkFENzE5NjE1Q0UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6JCXrGAAAANElEQVR42mIwMrL6z8TAwPAXlfiDyvqNykIjfqGyiCB+4uL+JMUUNMvRCDSHo3nrL0CAAQBzOzIE69Ar8wAAAABJRU5ErkJggg==);background-repeat:repeat-x;color:#fff;display:block;font-family:Helvetica, Arial, Verdana, sans-serif;font-size:12px;font-weight:400;height:35px;line-height:30px;padding:5px 20px 13px;text-decoration:none}.mainmenu{color:#fff!important}.mainmenu,a.mainmenu:hover{text-decoration:none!important}
     #pun-navlinks {border-bottom: 3px solid blue !important  ;}
     
.mainmenu:hover, .mainmenu{color:#00f!important;max-height: 10px !important;padding-bottom:17px !important;padding-top:13px;padding: 10px;}.mainmenu,a.mainmenu:hover{text-decoration:none!important}

#pun-navlinks li {
display: inline;
font-size: 1.15em;
}
#pun-navlinks a, #pun-navlinks a:visited, a.mainmenu {
left: -120px!important;
position: relative;
top: -3px!important;
}
#pun-navlinks a:hover {
border-top: 3px solid blue;
padding: 12px!important;
color: white !important;
}


Adicione-o em:
Painel de Controle ->> Visualização ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS

Se desejar alterações no menu, não hesite em pedir.

Cumprimentos!
por Fraise
em 06/07/15, 06:39 pm
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Overrall_header Personalizado
Respostas: 19
Visto: 465

Estatísticas personalizada

Olá novamente @Holkis!

Para ficar personalizado com o senhor deseja, terá de adicionar este código em sua CSS.
div * {margin: 0;padding: 0;}
.conteneur-menu {font-family: Arial;}
.conteneur-menu .onglets li {float: left;list-style: none;}
li {display: list-item;
text-align: -webkit-match-parent;}
.conteneur-menu .onglets li a {
-moz-text-shadow: 1px 1px 1px #fff;
-webkit-text-shadow: 1px 1px 1px #fff;
background: #E9E9E9 url(IMAGEM-DO-BOTÃO-AQUI) repeat-x bottom;
border-bottom: 1px solid #F3F5F7;
border: 1px solid #EEE;
color: #6B6B6B;
display: block;
font-family: Arial;
font-size: 12px;
font-weight: 700;
padding: 7px 0;
text-align: center;
text-decoration: none;
text-shadow: 1px 1px 1px white;width: 150px;}
.conteneur-menu .onglets li a.active {
background: #D0E1F7 url(IMAGEM-DO-BOTÃO-AQUI) repeat-x bottom;
border: 1px solid white;color: #222;}
.texte_1 {color: #485470;font-family: Arial;font-size: 13px;font-style: italic;}
.titre_4 {color: #24478E;margin-bottom: 5px;
font-family: Arial;font-size: 14px;font-style: italic;font-weight: 700;}


Mantenha a index_body que lhe passei.

Cumprimentos!
por Fraise
em 06/07/15, 11:55 am
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Estatísticas personalizada
Respostas: 17
Visto: 348

Barra de mensagem Flutuante

Meu fórum: http://brazilflylife.forumeiros.com/

Spoiler:
<div align="center" id="fdf_float">
        <script type="text/javascript">
jQuery(document).ready(function(){
jQuery("#closedfstc").click(function(){
jQuery("#fdf_float").hide();
});
});
</script><style type="text/css">
#fdf_float a {
position: fixed;
bottom: 80px;
text-decoration: none;
right: 20px;
z-index: 3000;
}
a#caixflofstc {
position: fixed;
bottom: 10px;
line-height: 16px;
text-align: left;
right: 10px;
z-index: 1;
opacity: 0.8;
width: 155px;
height: 55px;
background: #cf3737;
color: #fff;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
padding: 10px;
text-decoration: none;
font-size: 11px;
font-family: Tahoma;
border: 1px solid #771b1b;
box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #f66c6c 0px 1px 0px;
border-radius: 3px;
}
a#caixflofstc:hover {
opacity: 1;
}
#caixflofstc strong {
font-family: "Trebuchet MS";
display: block;
font-size: 14px;
padding-bottom: 5px;
}
</style><a id="caixflofstc" href="#"><span style="float: right;" id="closedfstc">x</span>Olá, bem vindo ao nosso fórum Brazil Flylife. Se cadastre e tenha acesso ao fórum. Divirta-se</a>
</div>


Por favor gostaria de saber tambem, qual é o código que coloca no nome do widgets que não aparece ele no forum.
por Maori
em 06/06/15, 11:45 am
 
Buscar em: Questões resolvidas sobre códigos Javascript & jQuery
Tópico: Barra de mensagem Flutuante
Respostas: 4
Visto: 436

[Resolvido] Personalizar cores de fundo do Chatbox

Saudações,
Única coisa que você não entendeu que, se não resultar.
Na verdade no meu fórum tá funcionando direito.
É por quê tem um código completo de chatbox.
 Com informações procure com essa palavra:
#CHATBOX
Lá baixo tem background: #FFF;
É pra apagar e cole na mesma linha que antes tava.
Código:
#chatbox {
 background: #EAEAEA;
}

Se não resultar, peço-lhos que você está qual versão do fórum?
Até, apaixonado
por Diapt
em 24/05/15, 06:39 am
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: [Resolvido] Personalizar cores de fundo do Chatbox
Respostas: 10
Visto: 597

Inserir cores nos textos

Bom meu fórum deu um problemas de texto em alguns locais gostaria de pedir um código que ficasse branco (#fff) estas partes que estão circuladas http://i.imgur.com/zkziJcu.png - http://i.imgur.com/VWhchts.png e antes que falem para eu ir nas cores e folha css editar, já fui e e fico 'bugado" em alguns texto do forum...
por Dex7er
em 21/05/15, 09:50 pm
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Inserir cores nos textos
Respostas: 3
Visto: 153

Widgets não aparecem no index do fórum

esta aqui CSS:


CSS:

a[href="/u1"] {
   text-shadow: 0 0 5px;
}
html, body {
font: normal 13px helvetica, arial, sans-serif;
color: #5a5a5a;
background-image: url("http://i.imgur.com/Lzq2mdm.png") !important;
background-repeat: repeat !important;
}
.pun {
background: #fff;
padding: 10px 10px;
line-height: 120%;
-webkit-box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
border-radius: 0 0 3px 3px;
}
.pun, .main_width {
margin: 0 auto;
width: 85%;
min-width: 960px;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
.pun a:visited {color: #028999;}
a:link {text-decoration: none;}
.pun a:link {
text-decoration: none !important;
color: #028999;
}
.pun a:hover {
color: #158f57;
}
pun a:active {
color: #028999;
}
#pun-visit, .main-box, #pun-about, .pun .paged-foot, .pun .paged-head {
background-color: transparent;
border: 0px;
}
#pun-about {font-size: 0.8em;}
#pun-intro, #pun-navlinks, #pun-about form {display: none;}
/*header*/
#header_bar {
background: #323232 url(http://i78.servimg.com/u/f78/17/31/71/58/user_n10.png) repeat-x bottom;
padding: 0;
text-align: right;
}
#branding, #header_bar, #primary_nav {
min-width: 980px;
}
#user_navigation {
color: #9f9f9f;
font-size: 11px;
}
#user_link {
font-size: 12px;
color: white;
padding: 0 12px;
height: 36px;
line-height: 36px;
display: inline-block;
margin-right: 15px;
outline: 0;
}
#user_navigation {
overflow: visible;
}
#user_navigation .ipsList_inline li {
margin: 0;
}
.ipsList_inline > li:first-child {
margin-left: 0;
}
#user_navigation a {
color: #fff;
}
#user_navigation.not_logged_in {
height: 26px;
padding: 6px 0 4px;
}
#user_navigation #register_link {
background: #7BA60D;
color: white;
display: inline-block;
padding: 3px 8px;
border: 1px solid #7BA60D;
-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4);
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}
#user_link:hover, #notify_link:hover, #inbox_link:hover {
background-color: #323232;
}
#user_navigation #sign_in {
  margin-right: 8px;
}
#notify_link {
background: url(http://i78.servimg.com/u/f78/17/31/71/58/icon_n11.png) no-repeat top;
}
#inbox_link {
background: url(http://i78.servimg.com/u/f78/17/31/71/58/icon_i11.png) no-repeat top;
}
#notify_link, #inbox_link {
vertical-align: middle;
width: 18px;
height: 15px;
padding: 11px 24px 8px 12px;
position: relative;
}
.ipsList_inline > li {
display: inline-block;
margin: 0 3px;
}
ol, ul {
list-style: none;
}
.attach {float: right;}
/*branding*/
#branding {
    background: url("http://i37.servimg.com/u/f37/16/31/78/37/by_nic10.jpg") repeat-x scroll center 70% rgb(15, 56, 84);
    border-bottom: 1px solid rgb(27, 55, 89);
    min-height: 64px;
    height: 1px;
    transition: all 1.0s linear 0s;
}
#branding:hover {
    background: url("http://i37.servimg.com/u/f37/16/31/78/37/by_nic10.jpg") repeat-x scroll center rgb(15, 56, 84);
    transition: all 1.0s linear 0s;
}
.clickable {
  cursor: pointer;
}
#search {
margin: 20px 0;
}
#search_wrap {
position: relative;
background: #fff;
display: block;
padding: 0 26px 0 4px;
height: 26px;
line-height: 25px;
-moz-border-radius: 3px 4px 4px 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 3px;
border-radius: 3px 4px 4px 3px;
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
min-width: 230px;
}
#main_search {
margin-top: 5px;
font-size: 12px;
border: 0;
padding: 0;
color: #b0b0b0;
background: transparent;
width: 130px;
outline: 0;
}
#main_search:focus {
color: #5a5a5a;
}
input, select {
font: normal 13px helvetica,arial,sans-serif;
}
#search_options {
font-size: 10px;
height: 20px;
line-height: 20px;
margin: 3px 3px 3px 0;
padding: 0 6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #EAEAEA;
display: inline-block;
float: right;
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;
}
#search .submit_input {
background: #7BA60D url(http://i81.servimg.com/u/f81/17/45/75/97/search10.png) no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
border: 1px solid #7BA60D;
display: block;
width: 26px;
height: 26px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
}
#adv_search {
width: 16px;
height: 16px;
background: url(http://i81.servimg.com/u/f81/17/45/75/97/advanc10.png) no-repeat right 50%;
text-indent: -3000em;
display: inline-block;
margin: 4px 0 4px 4px;
}
fieldset {
border: 0px groove threedface;
}
/*navegação*/
#primary_nav {
    background: none repeat scroll 0% 0% rgba(0, 25, 230, 0.1);
    font-size: 13px;
    padding: 10px;
    margin-bottom: 0px;
    box-shadow: 0px -0.6px 4px -2px inset;
}
#community_app_menu > li {
margin: 0px 3px 0 0;
}
#community_app_menu > li > a {
    background: none repeat scroll 0px 0px rgba(0, 0, 0, 0.4);
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.6);
    color: rgb(255, 255, 255);
    display: block;
    padding: 6px 15px 8px;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease-in 0s !important;
}
#community_app_menu > li > a.menu_active, #community_app_menu > li > a:hover {
    background: none repeat scroll 0px 0px rgba(15, 20, 150, 0.57);
    box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.6), 0px 0px 3px rgba(0, 0, 0, 0.2) inset;
    color: rgb(255, 255, 255);
}
/* Menu FORUM INATIVO
#community_app_menu > li.active > a {
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.4);
    color: rgba(255,255,255,1);
    font-weight: bold;
    margin-top: 0px;
    text-shadow: 1px 1px rgba(0,0,0,0.2);
    border-radius: 2px;
}
*/
#primary_nav #quickNavLaunch {
padding: 6px 8px 8px;
}
#quickNavLaunch span {
background: url(http://i78.servimg.com/u/f78/17/31/71/58/icon_q10.png) no-repeat top;
width: 13px;
height: 13px;
display: inline-block;
}
/*table*/
.collapsed {
opacity: 0.8;
}
.main .main-head.collapsed {
border-radius: 4px 4px 4px 4px;
opacity: 0.2;
}
.main .main-head, .main .main-foot {
    color: rgb(255, 255, 255);
    padding: 10px 10px 11px;
    border-radius: 4px 4px 0px 0px;
    border-width: 1px 1px 0px;
    border-style: solid;
    margin-top: 15px;
    background: url("http://i37.servimg.com/u/f37/16/31/78/37/bg_hea11.png") repeat-x scroll center 45% rgb(44, 86, 135);
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset, 0px 0px 100px 0px rgba(0, 0, 0, 0.42) inset;
    border-color: rgba(0, 0, 0, 0.6);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.main .main-foot {
margin-top: 0px;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-radius: 0 0 4px 4px;
}
.main .main-head .page-title h2 {
font-size: 16px;
font-weight: 300;
}
.pun .main-content {
  background: #ebf0f3;
  padding: 9px;
}
.pun table.table {
background: #fff;
border: 1px solid #dbe4ef;
}
.table .tc_icon {
padding: 10px 5px!important;
vertical-align: middle;
width: 30px;
}
.pun table.table .tc_forum {
height: 42px;
min-height: 24px;
}
.pun tbody.statused span.stats {
margin-right: 10px;
margin-left: -25px;
}
.pun tbody.statused span.status {
position: relative!important;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: white;
}
.pun table.table td {
background: white;
padding: 10px;
border: 0px;
border-bottom: 1px solid rgba(0, 0, 0,0.1);
}
.hierarchy {
font-size: 15px!important;
font-weight: 400!important;
}
/*lastpost*/
.mini_ava {
float: left;
}
.mini_ava img {
width: 30px;
height: 30px;
margin: 8px 5px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.mini_ava img:hover {
border-color: #a1a1a1;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}
/*module*/
.module .main-head {
    font: 14px helvetica,arial,sans-serif;
    color: rgb(32, 64, 102);
    padding: 5px 10px;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.1);
    border: 1px solid rgb(210, 210, 210);
    border-radius: 3px 3px 0px 0px;
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.7) inset;
}
.module .main-content {background: #F7FBFC; border: 0px;}
/*stats*/
#onlinelist {background: white;border-top: 3px solid #d8d8d8;}
#onlinechat {background: white;border-top: 0px;}
#statistics {
margin: 0 auto !important;
text-align: center !important;
display: table;
background: none;
}
.statHide{display:none !important;}
.statsPers li span a {
text-decoration: none !important;
}
.statsPers li > span {
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.1);
color: rgb(34, 34, 34);
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
padding: 3px 7px;
font-weight: bold;
border-radius: 3px 3px 3px 3px;
margin-right: 3px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3) inset, 0px 1px 0px rgb(255, 255, 255);
}
.statsPers li {
float: left;
color:#4a4a4a;
margin: 2px 10px;
}
.statsPers {
list-style: none;
display: block;
margin: 0px auto;
width: 100%;
}
/*footer*/
#footer_utilities {
padding: 10px;
font-size: 11px;
position: relative;
}
#footer_utilities .ipsList_inline>li>a {
margin-right: 0px;
padding: 4px 10px;
}
#footer_utilities .ipsList_inline > li > a.rss_feed {padding: 0px;}
#footer_utilities a {color: #225985;}
#footer_utilities a:hover {color: #328586;}
#footer_utilities .ipsList_inline > li > a {
margin-right: 0px;
padding: 4px 10px;
}
#backtotop {
width: 24px;
height: 24px;
line-height: 20px;
left: 50%;
margin-left: -12px;
position: absolute;
display: inline-block;
background: #bdbdbd;
text-align: center;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
opacity: 0.4;
outline: 0;
}
#backtotop img {margin-top: 5px;}
#backtotop:hover{background:#af286d;color:#fff;opacity:1;}
#copyright {
color: #848484;
text-align: right;
text-shadow: 0px 1px 0px #fff;
}
#copyright a {
color: #848484;
}
/*post*/
.post h3 {
background: #D8DDE8;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-size: 16px;
}
span.post_id {
margin-left: 4px;
}
.post_date {
padding: 0 0 10px 0;
font-size: 12px;
color: #a4a4a4;
}
.desc.blend_links a {
font: normal 12px helvetica, arial, sans-serif;
color: #777777;
}
.post_id a img.small {
max-height: 12px;
margin-left: 3px;
margin-top: -2px;
opacity: 0.5;
}
.post_online {display: inline-block;}
.pun .post .user {
margin-left: -16em;
margin-top: -0.9em;
}
.pun .post {background: white;}
.pun .postmain {
    background-color: white;
    margin-left: 14em;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.pun .post .user {
width: 155px;
font-size: 12px;
text-align: center;
line-height: 150%;
margin-left: -170px;
margin-top: -0.6em;
}
.pun .user .user-ident .user-basic-info {
  font-size: 11px;
  color: #a4a4a4;
  text-align: center;
  font-weight: normal;
}
.postfoot {
border-top: 0px;
margin-left: -14em;
}
/*user img*/
.user-basic-info a img {
max-height: 290px;
max-width: 150px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.user-basic-info a img:hover {
border-color: #A1A1A1;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}

/*quick reply*/
#pun-qpost {
  background: #ebf0f3;
  padding: 9px;
  padding-top: 1px;
}
#pun-qpost .main-head {
font: 300 26px/1.3 Helvetica, Arial, sans-serif;
color: #323232;
font-size: 18px;
background: white;
border-top: 1px solid #dbe4ef;
border-left: 1px solid #dbe4ef;
border-right: 1px solid #dbe4ef;
border-radius: 0px;
-webkit-box-shadow: inset 0px 0px 0;
-moz-box-shadow: inset 0px 0px 0;
box-shadow: inset 0px 0px 0;
}
#pun-qpost a.exthelp {display: none;}
.pun .frm-form, .main .main-content.frm {
background-color: white;
}
.pun .post {
  border: 1px solid #dbe4ef;
}
.pun .main-content {
  border: 1px solid #dbe4ef;
  border-top: 0px;
}
#pun-qpost .frm-buttons {
border-top: 0px;
text-align: center;
}
/*chatbox*/
#chatbox_header.main-head {
background: #2c5687 url(http://i78.servimg.com/u/f78/17/31/71/58/mainti10.png) repeat-x top;
padding: 6px 8px 6px;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: inset 0px 1px 0 #528cbc;
-moz-box-shadow: inset 0px 1px 0 #528cbc;
box-shadow: inset 0px 1px 0 #528cbc;
border-width: 1px 1px 0 1px;
border-color: #316897;
border-style: solid;
}
.chatbox-title, .chatbox-title a.chat-title {
color: #fff;
font-size: 13px;
font-weight: 300;
}
.chatbox-options {margin: .3em .3em .5em;}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: #fff;
}
#chatbox_members {
  top: 40px;
  border-right: 1px solid #ccc;
}
#chatbox p:first-child {
border-top: 1px solid #d5dde5;
}
#chatbox p {
background: #f1f6f9;
border-right: 1px solid #d5dde5;
border-left: 1px solid #d5dde5;
border-bottom: 1px solid #d5dde5;
line-height: 1.2em;
}
#chatbox_footer {
  padding-bottom: 6px;
  border-top: 1px solid #d5dde5;
  background: #f1f6f9;
}
#chatbox_footer .right {
  /*display: none !important;*/
  float: left;
}
#chatbox_messenger_form .right {margin-left: 8px;font-size:0}
input#message.post {
color: #5a5a5a;
border-width: 1px;
border-style: solid;
border-color: #848484 #c1c1c1 #e1e1e1 #c1c1c1;
background: #fff;
padding: 4px;
min-width: 395px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
#message, #submit_button {
margin-left: 15px;
}
.fontbutton {
background: #EFF1F3;
border-color: #DEE0E2;
color: #464646;
-moz-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
}
#divsmilies img + img{visibility:visible!important}
#chatbox_messenger_form div.right img{visibility:hidden}
#simple-wrap {
  background:white;
}
#divbold, #divcolor, #divitalic, #divsmilies, #divstrike, #divunderline {
background-position: center;
background-repeat: no-repeat;
}
#divbold {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-bold.png);
}
#divitalic {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-italic.png);
}
#divunderline {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-underline.png);
}
#divstrike {
background-image: url(http://cdn1.iconfinder.com/data/icons/bnw/16x16/actions/text_strike.png);
}
#divcolor {
background-image: url(http://illiweb.com/fa/wysiwyg/color_swatch.png);
}
#divsmilies {
background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/emotic10.png);

.main-content.chatbox {padding: 0px;}
#chatbox{
  margin: 10px 0 10px 0;
  border: 1px solid #DCE2EC;
  border-bottom: 6px solid #DCE2EC;
  background: #ebf0f3;
  padding: 8px;
}
input[type="submit"] {
text-decoration: none;
border-width: 1px;
border-style: solid;
padding: 4px 10px;
cursor: pointer;
}
input[type="submit"] {
background: #212121 url(http://i78.servimg.com/u/f78/17/31/71/58/topic_10.png) repeat-x top;
color: #fff;
-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);
border-color: #212121;
}
/*crumbs*/
.pun-crumbs {
    background: none repeat scroll 0% 0% rgb(239, 241, 243);
    border: 1px solid rgb(217, 219, 221);
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0px 0px 3px rgba(109, 119, 237, 0.2);
    clear: both;
    font-size: 11px;
    overflow: hidden;
    margin: 0px 1px 1em;
    padding: 0.2em 1em;
}
.pun-crumbs p {
    color: rgb(102, 102, 102);
    font-size: 1.11em;
    line-height: 1.5;
}
p.crumbs a {
    background: url("http://i57.servimg.com/u/f57/14/89/34/10/second10.png") no-repeat scroll 100% center transparent;
    color: rgb(117,117,117) !important;
    line-height: 30px;
    padding: 10px 20px 10px 12px;
    margin-left: -12px;
    text-shadow: 0px 1px 0px rgb(255, 255, 255);
}
p.crumbs a:hover {
    background-position: 100% -1px;
    border-radius: 3px 0px 0px 3px;
    color: rgb(34, 34, 34);
    text-shadow: 0px 1px 0px rgb(255, 255, 255);
}
p.crumbs a:active {
    background-position: 100% -86px;
    border-radius: 3px 0px 0px 3px;
    color: rgb(34, 34, 34);
    text-shadow: 0px 1px 0px rgb(255, 255, 255);
}

/*Avatar Last Post*/
.tcr .ipsUserPhoto {
    float: left;
    margin: 8px;
}
.ipsUserPhoto_mini:hover {
    border-radius: 10px;
    transition: all 1s ease 0s;
}
.ipsUserPhoto_mini {
    height: 30px;
    width: 30px;
    border-radius: 30px;
    transition: all 1s ease 0s;
}
.ipsUserPhoto:hover {
    border-radius: 10px;
    transition: all 1s ease 0s;
}
.ipsUserPhoto {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D5D5D5;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    padding: 1px;
    border-radius: 30px;
    transition: all 1s ease 0s;
}
.desc.lighter, .desc.lighter.blend_links a {
    color: #A4A4A4;
}

/* Moderar Tópicos */
    .act_mod {margin: 0 0 8px 0;}
    .act_mod p {
      background: rgb(248, 248, 248) url("http://i38.servimg.com/u/f38/18/24/85/15/shine10.png") repeat-x 0 50%;
      border: 1px solid rgb(219,219,219);
      -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
      -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 1) inset, 0px 1px 0px rgba(0, 0, 0, 0.3);
      box-shadow: 0px 1px 0px rgba(255, 255, 255, 1) inset, 0px 1px 0px rgba(0, 0, 0, 0.3);
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      color: #616161;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      font-size: 12px;
      height: 22px;
      line-height: 22px;
      padding: 3px 10px;
      white-space: nowrap;
      cursor: pointer;
      display: inline-block;
    }
    #popw {
    background-color: #464646;
    background-color: rgba(70,70,70,0.6);
    padding: 4px;
    -webkit-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.7 );
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: none; z-index: 999; margin-top: 16px; position: absolute;
    }
    .mod_hover {
    background-image: url(http://i38.servimg.com/u/f38/18/24/85/15/bottom10.png);
    width: 31px;
    height: 16px;
    position: absolute;
    }
    .popupInner {
    background: #fff;
    width: 500px;
    overflow: auto;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
    overflow-x: hidden;
    }
    .action_mod li {
      background: rgb(248, 248, 248);
      border-bottom: 1px solid rgb(234, 234, 234);
      text-align: center;
      padding: 3px 4px;
    }
    .action_mod li a {
      color: #333!important;
    }
/* fim moderar tópicos */
/* Novas Mensagens etc */
#pun-visit, .main-box, #pun-about, .pun .paged-foot, .pun .paged-head {
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px 5px 5px 5px;
}
/* fim novas msgs */
/* logo */
#logo {
    opacity: 0.9;
    display: inline;
    margin-left: -45px;
}
#logo:hover {
    opacity: 1;
    text-decoration: none;
}
/* fim logo */
/* curtir */
    /*like*/
    .LGlike {
    background: url(http://i11.servimg.com/u/f11/18/07/42/17/ok12.png) no-repeat left;
    background-color: #326A94;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0 rgba(255, 255, 255, 0.3) inset;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    height: 22px;
    line-height: 22px;
    padding: 0 18px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    white-space: nowrap;
    margin-right: 5px;
    margin-top: 30px;
    }
     .LGvote { margin: 0 5px; }
     .LGnovote {
      filter:Alpha(opacity=50);
      opacity: 0.5;
      cursor: default;
      box-shadow: none;
      text-shadow: none;
     }
/* fim curtir post */
/*POPUP TOPICO NÃO LIDO */
#popupnew {
    min-height: 20px;
    min-width: 150px;
    position: fixed;
    bottom: 30px;
    margin-left: 40px;
    padding: 5px;
    z-index: 999;
    border: 1px solid rgba(0, 0, 0, 0.Estilo cool;
    text-shadow: 1px 1px rgba(255, 255, 255, 0.2);
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.Estilo cool;
    box-shadow: 0px 15px rgba(255, 255, 255, 0.05) inset, 0px 0px 0px 1px rgba(255, 255, 255, 0.2) inset;
    border-radius: 4px 4px 4px 4px;
    color: rgb(255, 255, 255);
    font-family: verdana,arial;
    font-size: 10pt;
    text-align: left;
    display: none;
    background-image: url("http://r20.imgfast.net/users/2011/11/04/42/smiles/2376561594.gif");
    background-repeat: no-repeat;
    background-position: 1% 45%;
    padding-left: 1.5%;
}

/* fim popup n lido */
/* widgets no indice */
    #content-container div#content {
    margin-right: 0px;
    }
    #right {height: 0px;}
/* fim widgets indice */
#pun-announcement {
    border-radius: 5px 5px 5px 5px;
    clear: both;
    font-size: 11px;
    margin: 0px 1px 1em;
    overflow: hidden;
    background: none repeat scroll 0% 0% rgba(255, 162, 0, 0.3);
    border: 1px solid rgba(255, 162, 0, 0.2);
    box-shadow: 1px 1px rgba(255, 255, 255, 0.6) inset;
    color: rgb(74, 74, 74);
    text-shadow: 1px 1px rgba(255, 255, 255, 0.6);
}
/* seletor de página */
.paging > b {
    background: none repeat scroll 0px 0px rgb(123, 166, 13);
    border-radius: 2px 2px 2px 2px;
    color: rgb(255, 255, 255);
    font-weight: 700;
    margin: 0px 1px;
    padding: 4px;
}
.paging > a {
    background: rgba(0,0,0,0.1);
    padding: 5px;
    border-radius: 2px;
    margin: 0 1px;
    color: #8D8D8D !important;
}
.paging > a:hover {
    background: none repeat scroll 0px 0px rgba(0, 0, 0, 0.1);
    border-radius: 2px 2px 2px 2px;
    padding: 5px;
    margin: 0px 1px;
    color: #505050 !important;
}
.sprite-arrow_prosilver_right {
    background: url("http://i34.servimg.com/u/f34/18/17/62/92/next10.png") no-repeat scroll 0px 0px transparent;
    height: 20px;
    width: 39px;
}
/* avatar ultimos topicos widget*/
.ipsType_smaller, .ipsType_smaller a {
    margin-bottom: 5%;
}
/* resposta rápida */
#quick_reply #textarea_content {
    background: none repeat scroll 0px 0px rgb(235, 240, 243);
    border: 2px solid rgb(211, 211, 211);
    clear: both;
    height: auto !important;
    margin-left: -10px !important;
    margin-right: -10px !important;
    min-width: 950px;
    padding: 9px 4px;
    width: 100% !important;
}
/* assinatura */
.pun .sig-content {
    clear: both;
    margin-bottom: 4px !important;
    margin-top: 6px !important;
    padding: 0px 0px 10px !important;
    position: relative;
}
/* post foot */
.postfoot {
    border-top: 0px none;
    margin-left: -185px !important;
    opacity: 0.3;
    transition: all 0.5s ease 0s;
}
.postfoot:hover {
    opacity: 1;
}
/* PAGINA MEMBROS */
.pun table.table th {
    background-color: rgba(120, 10, 120, 0.Estilo cool;
    padding: 0.5em 0px;
    box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.1) inset;
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: white;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.pun .frm .frm-form table {
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.pun table.table td.tc3 {
text-align: center;
width: 15%;
}
/* pagina calendario */
.pun .main table.calendar thead th {
    background: rgba(120, 10, 120, 0.Estilo cool;
    font-weight: 700;
    padding: 0.5em;
    box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.1) inset;
}
.pun .main table.calendar .row3 {
    background-color: rgba(20, 50, 50, 0.1);
    padding: 0.25em;
}
.pun .main table.calendar td.row2:hover {
    background-color: rgba(110, 160, 190,0.2);
    transition: 0.3s;
}
/* pagination dos topicos */
strong.pagination {
    font-weight: 400;
    background: none repeat scroll 0% 0% rgb(123, 166, 13);
    padding: 2px;
    border-radius: 2px 2px 2px 2px;
    color: white;
    margin: 0 1px;
}
strong.pagination a {
    color: white !important;
    font-size: 12px;
}
/* codigos bbcode */
.codebox {
    background-color: rgb(255, 255, 225);
    border: 1px solid rgba(0,0,0,0.14);
    margin: 1em;
    box-shadow: 0 0 7px rgba(0,0,0,0.12);
    border-left: 2px solid rgba(120,10,100,1);
}
.codebox dt {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
    padding: 0.25em;
    color: rgba(0, 0, 0, 0.7);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    margin-left: 5px;
    font-weight: bold;
}
.codebox dd {
    background-color: rgb(255, 255, 225);
    margin: 5px;
    padding: 1px;
}
.codebox dd.cont_code {
    max-height: 80%;
    overflow: auto;
}
.postmain blockquote {
    background-color: rgb(255, 255, 225);
    border-width: 1px 1px 1px 2px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.14) rgb(120, 10, 10);
    margin: 1em;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.12);
}
.postmain cite {
    display: block;
    font-style: normal;
    font-weight: 700;
    margin: 0px 0px 1em;
    border-bottom: 1px dashed rgba(0,0,0,0.2);
    padding: 1px;
}
.donate, .quotebox {
    background-color: rgb(255, 255, 225);
    border: 1px solid rgba(0,0,0,0.14);
    margin: 1em;
    box-shadow: 0 0 7px rgba(0,0,0,0.12);
    border-left: 2px solid rgba(120,10,100,1);
}
/* perfil menus */
#tabs ul li.activetab a {
    border-color: rgba(0,0,0,0.2);
    color: rgba(255,255,255,1);
    text-decoration: none;
    background: none repeat scroll 0% 0% rgba(10, 40, 130, 0.6);
    box-shadow: 0px 0px 1px rgba(255, 255, 255, 1);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    border-radius: 3px;
}
#tabs ul li.activetab a:hover {
    background-color: rgba(100,33, 123,0.7);
    transition: 0.4s;
}
#tabs ul li a {
    border: 1px solid;
    float: left;
    font-size: 1.1em;
    font-weight: 400;
    line-height: 2em;
    padding: 0px 1em;
    border-color: rgba(0,0,0,0.2);
    color: rgba(255,255,255,0.Estilo cool;
    text-decoration: none;
    background: none repeat scroll 0% 0% rgba(10, 40, 130, 0.4);
    box-shadow: 0px 0px 1px rgba(255, 255, 255, 1);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    border-radius: 3px;
}
#tabs ul li a:hover {
    background-color: rgba(100,33, 123,0.7);
    color: rgba(255,255,255,1);
    transition: 0.4s;
}
.main .frm-info {
    background: rgba(0,144,69,0.Estilo cool;
    border: 1px solid rgba(0,120,60,0.9);
    margin: 1.7em;
    padding: 1em;
    box-shadow: 1px 1px rgba(255,255,255,0.3) inset;
    color: white;
    font-size: 13px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    font-weight: bold;
}
/* mensagens informativas */
.pun .main .main-content p.message {
    background-color: rgba(20,10,190,0.4);
    border: 1px solid rgba(0,0,0,0.4);
    margin: 1.7em;
    padding: 1em;
    box-shadow: 1px 1px 0 rgba(255,255,255,0.4) inset;
    color: rgba(255,255,255,1);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
/* corpo da mensagem */
.pun .postfoot .user-contact {
    float: left;
    text-align: center;
    width: 12em;
}
/* codigos de alerta e tal */

/* INICIO SELETOR DE TEMA CODE */
/* Panda Syntax Highlighter - https://github.com/AvacWeb/Panda */
.panda-code {
padding: 5px 10px;
font-size: 12px;
font-family: monospace;
background: #EFEFEF;
color: #0D700D;
border: 1px solid #CCC;
overflow: auto;
max-height: 300px;
text-shadow: 0 1px white;
text-align: left;
display: block;
}
.panda-code ol { padding-left: 15px; }
.panda-code ol li {
    padding: 1px 10px;
    margin: 4px 0;
    border-left: 2px solid green;
    list-style-type: decimal-leading-zero;
}
.panda-code ol li:hover { background: #DEDEDE; }

.panda-string, .panda-multiLineString { color: #C03; } /* string literals */
.panda-special { color: #09F; } /* words defined as special */
.panda-keyword, .panda-extra { color: #009; } /* keywords. .panda-extra = square braces, parentheses and curly braces. */
.panda-operators { font-weight: bold; color : #000; } /* > < & = == === !== != ! && * % + / || */
.panda-comment1, .panda-comment2, .panda-comment3 { color: #666!important; font-style: italic; } /* comments */
.panda-int { color: #f00; }
/* FIM SELETOR DE TEMA CODE */
/* mensagem privada nova */
[data-counter]:after {
background-color: #00ba3b;
background-image: -webkit-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -moz-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -o-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -ms-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: linear-gradient(#FF6969 0%, #ff0000 100%);
content: attr(data-counter);
position: absolute;
padding: 2px 6px;
border: 2px solid white;
border-radius:100px;
box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.4), 0 0 1px rgba(0,0,0,.7) inset, 0 10px 0px rgba(255,255,255,.11) inset;
background-clip: padding-box;
font:bold 10px "Helvetica Neue", sans-serif;
color: white;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0,0,0,.6);
margin-left: -10px;
margin-top: 10px;
}​
/* fim mensagem privada */

/* expandir imagem */
.resizebox, .resizebox a.enlarge, .resizebox.enlarged a.resize{
    display: block;
    padding: 2% 2% 1% 2%;
    border-radius: 5px 5px 0px 0px;
    background: none repeat scroll 0% 0% rgba(255, 162, 0, 0.3);
    border: 1px solid rgba(255, 162, 0, 0.2);
    box-shadow: 1px 1px rgba(255, 255, 255, 0.6) inset;
    color: rgb(74, 74, 74) !important;
    text-shadow: 1px 1px rgba(255, 255, 255, 0.6);
    margin-bottom: -15px;
    text-align: right;
}
.resizebox a.fullsize {
  text-align: right;
  color: rgb(74, 74, 74) !important;
  text-shadow: 1px 1px rgba(255, 255, 255, 0.6);
  margin-left: 10px;
  top: -4px;
  position: relative;
}

/* categoria retratil */

/* post infos */
.post_field:hover {
    background: none repeat scroll 0% 0% rgb(238, 238, 238);
    border-left-width: 3px !important;
    border-right-width: 3px !important;
    color: rgb(78, 78, 78);
    text-shadow: 1px 1px rgb(185, 185, 185);
    transition: all 0.3s linear 0s;
}
.post_field {
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    border-left-style: solid;
    border-left-color: rgb(109, 109, 109);
    border-left-width: 0px !important;
    border-right-style: solid;
    border-right-color: rgb(109, 109, 109);
    border-right-width: 0px !important;
    margin-bottom: 0.5px;
    padding: 0px;
    transition: all 0.1s linear 0s;
}
/* Multi - quote */
    .FloatingAction {
    background: #fdfdfd;
    position: fixed;
    right: 10px;
    bottom: 10px;
    padding: 10px;
    z-index: 999;
    border: 4px solid #464646;
    border: 4px solid rgba(0,0,0,0.75);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
    box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
    }
por llLyuc
em 13/05/15, 02:36 pm
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Widgets não aparecem no index do fórum
Respostas: 15
Visto: 539

Como remover espaço vazio acima da assinatura?

Opa! Saudações Sennior!
Bem não consegui achar.
Aqui está o CSS:


CSS:
/*Posição da assinatura*/
.signature_div {
padding-top: 80px;
}
/* Teste */
.mini_ava2 > img {
float: right;
height: 30px;
position: relative;
top: -21px;
width: 40px;
}
/* Cursor Personalizado */

body {cursor: url('http://i.imgur.com/xf8SoMv.png'), url('http://i.imgur.com/xf8SoMv.png'), auto;}
a:hover {cursor: url('http://i.imgur.com/qLATaiL.png'), url('http://i.imgur.com/qLATaiL.png'), auto;}
/* Citação */
blockquote {repeat-x;border: 1px solid #a3a3a3; padding: 10px;}
/*Largura do fórum*/
#wrap{width:1250px!important}
/** Avatar com largura massima ***/
.post .postprofile dl dt a[href*="/u"] img[src][alt] {max-width: 195px ;border-radius: 5px !important;}
/* TOOLTIP */
.tipsy {
padding: 5px;
font-size: 11px;
position: absolute;
text-shadow: none;
z-index: 999;
}

.tipsy-inner {
padding: 8px 8px 8px 8px;
background-color: black;
color: white;
max-width: 200px;
text-align: center;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
background: black url(http://cuul.tk/img/gradient.png) repeat-x 0 -150px;
}

.tipsy-inner {
border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

.tipsy-arrow {
position: absolute;
background: url('http://cuul.tk/img/tipsy.gif') no-repeat top left;
width: 9px;
height: 5px;
}

.tipsy-n .tipsy-arrow {
top: 0;
left: 50%;
margin-left: -4px;
}

.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
}

.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
}

.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -4px;
background-position: bottom left;
}

.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
background-position: bottom left;
}

.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
background-position: bottom left;
}

.tipsy-e .tipsy-arrow {
top: 50%;
margin-top: -4px;
right: 0;
width: 5px;
height: 9px;
background-position: top right;
}

.tipsy-w .tipsy-arrow {
top: 50%;
margin-top: -4px;
left: 0;
width: 5px;
height: 9px;
}

/* efeito sombra sobre os links */
a:hover {
    color: PaleVioletRed;
    text-decoration: none;
    text-shadow: 0 0 5px;
}

/* Caixa de Login */
.user_login_form input[type="password"], .user_login_form input[type="text"] {
border: 1px solid #DDD;
padding: 5px;
border-radius: 0px!important;
cursor: text;
top: 0px;
}
/*** Imagem na caixa de colocar login ***/
.user_login_form input[type="text"] {
background: url(http://i.imgur.com/rzOu1.png)no-repeat;
padding-left: 20px;
}
/*** Imagem na caixa de colocar senha ***/
.user_login_form input[type="password"] {
background: white url(http://i.imgur.com/dlS8w.png)no-repeat;
padding-left: 20px;
}
#username {
border: 1px solid #DDD;
padding: 5px;
border-radius: 0px!important;
cursor: text;
top: 0px;
padding-left: 20px;
background: white url(http://i.imgur.com/rzOu1.png)no-repeat;
}
#password {
border: 1px solid #DDD;
padding: 5px;
border-radius: 0px!important;
cursor: text;
top: 0px;
background: white url(http://i.imgur.com/dlS8w.png)no-repeat;
padding-left: 20px;
}

/*BUSCAR*/
.overview {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: #000000;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #000000;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: solid;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 2px;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: #000000;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: solid;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 2px;
    border-top-color: #000000;
    border-top-left-radius: 1px;
    border-top-right-radius: 25px;
    border-top-style: solid;
    border-top-width: 2px;
    z-index: 999;
}
.title-overview {
    border-top-right-radius: 25px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    text-align: center;
}
/* DISPONIBILIDADE NOME DE USUARIO */
#username_reg {
border:2px solid red!important;
}
#username_reg.okusername {
border:2px solid green!important;
}

/* USUARIO */


#wrap {
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 0 1px #FFFFFF;
    margin-top: -1.4% !important;
    width: 948px;
}

#site-title, #site-title h1, #logo-desc p {
  display: none;
}
ul.forums {
background: transparent;
}
.row2, .row1, .row3, .panel {
border-radius: 4px;
background: #F1F1F1;
border: 1px solid #D7D7D7;
}
form#quick_reply #textarea_content textarea#text_editor_textarea {
  border-radius: 4px;
}

a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
background-position: 0 100%;
border: 1px solid #127FA7;
color: #127FA7;
}


.module {
  border: 1px solid #d7d7d7;
  background: #dfe9f0;
  border-radius: 3px;
}
a.button1, a.button2, button.button2, input.button1, input.button2 {
background: white;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 4px;
border: 1px solid #D0D2D4;}

/*** Imagem antes dos links da estaticas ***/
#page-body p.page-bottom {background: url(http://i.imgur.com/IuSgz.png) no-repeat left top; padding-left:18px;}
hr{border-top:1px solid #2991e6;}

/*** Imagem de um + verde antes dos botões ***/
a[href="/http://www.forumgratuit.ro/ro/directory/informatica-internet-5.htm"]{display:none}
a[href="http://www.forumgratuit.ro/ro/informatica-internet/ajutor-online-119.htm"]{  display:none}
a[href="/search?search_id=newposts"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}
a[href="/search?search_id=egosearch"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}
a[href="/search?search_id=unanswered"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}
a[href="/?mark=forums"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}
a[href="/search?search_id=activetopics"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}
a[href="/memberlist?mode=today_posters"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}
a[href="/memberlist?mode=overall_posters"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}
a[href="/?mode=delete_cookies"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}

/*** Quem está online com imagem ***/
#i_whosonline + p {background:   -webkit-linear-gradient(#f2f2f2,#ffffff);-oz-border-radius:6px;-moz-box-shadow:2px 2px 2px #a8a180;-webkit-border-radius:6px;-webkit-box-shadow:2px 2px 2px #a8a180;background:-moz-linear-gradient(#f2f2f2,#ffffff);background-color:#fff;background-image:-webkit-linear-gradient(#f2f2f2,#ffffff);border: 1px solid rgb(222, 222, 222)border-radius:2px;box-shadow:2px 2px 2px #a8a180;font-size:11px;margin:0;padding:10px;width:90%;background: url(http://i.imgur.com/Zxcce.png) no-repeat left center ;padding-left: 50px;}
/*** Estaticas ***/
.h3 {border-bottom: 1px dashed #419ef0;}

/*** Imagem antes da logo ***/
.headerbar {
    background: url("http://illiweb.com/fa/pbucket.gif") repeat scroll 0 0 black;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

/*** Imagem igual ao do rodapé só que em cima ***/
#page-header .navbar {
background: url(http://i19.servimg.com/u/f19/18/00/74/13/teste_23.png) no-repeat center;
margin-left: -85px;
margin-right: -85px;
height: 61px!important;
}
ul.linklist {
  border-bottom: none;
}
#search-box {
  display: none;
}

#page-header .navbar a {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    text-align: center;
    text-shadow: 0 0.1em 0 #818181;
    text-transform: uppercase;
    top: 5px;
}

#page-header .navbar a:hover {
    background-color: transparent;
    background-image: url("http://i39.servimg.com/u/f39/17/79/36/63/hoverm10.png");!important
    background-repeat: repeat-x;
    padding: 14px;
    background-color: none;
    border: none;
    border-radius: 0;
    text-shadow: 0 0 1px #818181;
}

/*** Categorias e fóruns visualização ***/
.forabg, .forumbg {
    background: url("http://i39.servimg.com/u/f39/17/79/36/63/i_list10.png") repeat-x scroll 0 -2px #ECF3F7;
    border-bottom: 1px solid #D7D7D7;
    border-left: 1px solid #D7D7D7;
    border-radius: 5px 5px 2px 2px;
    border-right: 1px solid #D7D7D7;
}

/*** Imagem de uma casinha antes do inicio ***/
.icon-home {
  margin-left: -5px;
  background: url(http://i.imgur.com/x9bDI.png) no-repeat;
  background-position: left;
  padding-left: 16px;
  position: relative;
  left: 100px;
}
a.icon-home {
  color: transparent;
  font-size: 17px;
}

ul#picture_legend {
  display: none;
}
li.row {
  background: initial;
  position: relative;
  top: 5px;
  border: none;
}
li.row:hover {
  background: #fdffcf;
}
/*** Créditos ***/
#page-footer:after {
  content:"Tema criado por Mazeko. Administrador BR-Design - Tema modificado por fojogo. Administrador PokeChaos";
  text-align: center;
}
li.row dd {
  border: none;
}

/*** Imagem do painel de controle em cima ***/
#page-footer .copyright strong a{
position: fixed;
top: 10px;
left: 20px;
background-image:url('http://cdn1.iconfinder.com/data/icons/discovery/32x32/status/important.png');
width: 65px;
height: 32px;
background-repeat:no-repeat;
background-position:left top;
padding: 1px 4px;
color: transparent;
padding: 3px;
font-size: 1px;
}

/*** Imagem do rodapé ***/
#page-footer .navbar {
background: url(http://i19.servimg.com/u/f19/18/00/74/13/teste_23.png) no-repeat center;
margin-left: -85px;
margin-right: -85px;
height: 61px!important;
position: relative;
top: 35px;
}
#page-footer .navbar a{
  position: relative;
  right: 85px;
  top: 5px;
  color: #D7D7D7;
}

/*** Titulo do tópico e de quem posto ***/
.postprofile {
    background-color: #E5F1F9;
    background-position: center bottom;
    background-repeat: repeat-x;
    border: 1px solid #F2F2F2;
    border-radius: 20px 20px 20px 20px;
    box-shadow: 0 0 8px #FAFAFA;
    color: #000000;
    display: inline;
    float: left;
    margin: 5px 0 0;
    min-height: 80px;
    padding-bottom: 20px;
    padding-right: 10px;
    padding-top: 20px;
    position: relative;
    width: 19%;
    border-color: #000000;
    border-style: double;
}
ul.linklist li.rightside, ul.linklist li.rightside a.copyright {
  color: transparent;
}

/*** Assinatura ***/
.signature_div {margin-top: 150px;}

body {
    background-attachment: scroll;
    background-color: #222222;
    background-image: url("");
    background-repeat: repeat-x;
    color: #536482;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    height: auto;
    padding: 10px 0; 
}

a:link {
    -moz-transition: all 0.2s ease-in 0s;
    color: #127FA7;
    text-decoration: none;
}

/* USUARIO */
.postprofile {
    background-color: #FBFBFB;
    border: 1px solid #D7D7D7;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    color: #536482;
    display: inline;
    float: left;
    margin: 1.3em 0 0 -11px;
    min-height: 80px;
    padding: 10px 7px 0;
    position: relative;
    width: 22%
    text-align: center;
}

.postprofile dd, .postprofile dt {
    color: #666666;
    display: block;
    font-size: 0.9em;
    line-height: 1.2em;
    margin-left: 8px;
}

.postbody {
    clear: both;
    color: #536482;
    float: right;
    line-height: 1.48em;
    padding: 0;
    width: 76.6%;
}

.row2, .row1, .row3, .panel {
    background: none repeat scroll 0 0 #F1F1F1;
    border: 1px solid #D7D7D7;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 2px 0 0 #D7D7D7;
    margin-bottom: 14px;
}

/* AUTOR DO TÓPICO */
p.author {
    background: none repeat scroll 0 0 #FBFBFB;
    border: 1px solid #e1e3e5;
    border-radius: 0 5px 5px 0;
    color: #232323;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 1em;
    line-height: 1.2em;
    margin: 7px 60% 0.6em -9px;
    padding: 0 0 5px;
    position: relative;
    width: 300px;
}

/* MEMBROS E GRUPOS */
.forumbg table.table1 {
    background-color: transparent;
    margin: 5px -2px -1px -1px;
}

#tabs a:hover span {
    -moz-transition-delay: 0s;
    -moz-transition-duration: 0.3s;
    -moz-transition-timing-function: ease-in;
    background: none repeat scroll 0 0 #D7D7D7;
    border-radius: 10px 10px 0 0;
    color: MidnightBlue;
    text-shadow: 1px 1px 1px white;
}

/* TOPICOS - TITULO */
.table-title, .table-title h2 {
    color: #FBFBFB;
    display: inline;
    font-size: 1em;
    text-shadow: 1px 0 1px #353535;
}

li.header dd, li.header dt {
    border-left-width: 0;
    color: #FBFBFB;
    font-family: Arial,Helvetica,sans-serif,Verdana,Arial,Helvetica,sans-serif;
    font-size: 1em;
    line-height: 1em;
    margin: 2px 0 4px;
    padding-bottom: 2px;
    padding-top: 2px;
    text-shadow: 1px 1px 1px #353535;
    text-transform: uppercase;
}

li.row:hover {
    background: none repeat scroll 0 0 #ECECEC;
}

/* PAGINACAO */
.pagination span a, .pagination span a:active, .pagination span a:link, .pagination span a:visited {
    background-color: #FFFFFF;
    border: 1px solid #B4BAC0;
    border-radius: 3px 3px 3px 3px;
    color: #5C758C;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.5em;
    margin: 0 2px;
    padding: 0 2px;
    text-decoration: none;
}
.pagination span strong {
    background-color: #627DA3;
    border: 1px solid #627DA3;
    border-radius: 3px 3px 3px 3px;
    color: #FBFBFB;
    font-size: 1.5em;
    margin: 0 2px;
    padding: 0 2px;
}
table.forumline {
    background-color: purple;
    background-image: url("http://i39.servimg.com/u/f39/17/79/36/63/i_list10.png");
    background-position: 0 0;
    background-repeat: repeat-x;
    border: 1px solid #FBFBFB;
    border-radius: 0 5px 5px 5px;
    color: white;
    font-size: 1.2em;
    padding: 6px;
}

/* USUARIO JA EXISTE */
#username_reg {
border:2px solid red!important;
}
#username_reg.okusername {
border:2px solid green!important;
}
/* COISA NOVA NA CAIXA DE MENSAGEM */
#savec { position:relative; }
.save-bloc { dispay: none; color: #555!important; cursor: point; z-index: 999; padding: 5px; border: 1px solid #BCBCBC; background: #efefef url(http://jmonkeyengine.googlecode.com/svn/trunk/engine/test-data/Interface/Logo/Cursor.png) repeat-x; display:none;top:20px;left:0px;position:absolute; white-space:nowrap; }
.save-bloc div:hover { color: #050505!important; }
.save-bloc div { cursor: pointer; }.save-bloc select { background: #ccc; border: 1px solid #aaa; margin-bottom: 5px; }

/* CAIXA DE LOGIN */
.quick_connex{
box-shadow:0 0 10px!important;
padding:5px;
position:absolute;
right:200px;
top:185px;
width:160px
}

.quick_connex .connec_close{
bottom:3px;
float:right;
left:5px;
position:relative
}
/* CHAT BOX */
#chatbox_header{background-image:  url(http://i46.servimg.com/u/f46/12/26/44/81/chat10.png);}
/* Chatbox-------------------------------------------------*/

body.chatbox {background-image: none;}
.chatbox {background-color: #FAFAFA;}
.chatbox .forabg {margin: 1;border: none;padding: 0;margin: 0;background-image:  url

(http://i46.servimg.com/u/f46/12/26/44/81/chat10.png);}
.chatbox-title,.chatbox-title a.chat-title {color: #FAFAFA !important; }
.chatbox-title {float: left;margin: 0;padding: 2px 5px 0 5px;width: 15em;}
.chatbox-options {float: right;list-style: none;font-size: 11px;margin: 0.7em 0.5em 0.5em 0.5em;}
.chatbox-options li {display:inline;}
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {color: #FAFAFA; font-weight: bold;}
#chatbox_members {position: absolute;top: 30px;bottom: 30px;width: 180px;overflow: auto;border-right: 1px solid ;}
#chatbox_members .member-title {text-align: center;padding: 0.5em 0.25em;background-image: none;font-size:

12px;background-color: #C2C2DA;color : #417394;font-family: "Segoe UI", Tahoma, Geneva, sans-serif;}
#chatbox_members ul {list-style: none;margin: 0 0 0 1em;}
#chatbox_members ul li {margin: 0.5em 0.5em 0.5em 0;}
#chatbox {position: absolute;top: 30px;left: 181px;right: 0;bottom: 30px;overflow: auto;line-height: 10px;}
.chatbox_row_3 {padding: 4px;background-color: #0075c6;}
.chatbox_row_2 { background-color: transparent!important; }
.memberlist_row_1 {background-color: #ffffff;}
#chatbox_footer {position: absolute;bottom: 0;left: 0;right: 0;padding: 5px;}
#chatbox_footer label {color: #FAFAFA; font-weight: bold;}
#chatbox_footer .fontbutton{
padding: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
background-image:  url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: 1px solid #c2d2df;}
#message,#submit_button{border-width: 1px;}
.fontbutton {padding: 1px;cursor: pointer;text-align: left;}
.fontbutton_normal {background: #E1E1E2;}
.fontbutton_selected {background: #BBC7CE;border: 1px solid #22229C;}
.fontbutton_clicked {background: #959595;border: 1px solid #22229C;}
.fontbutton_hover {background: #E1E1E2;border: 1px solid #22229C;}
#chatbox_contextmenu {border: 2px solid black;background-color: #384c56;}
#chatbox_contextmenu p {margin:0;padding: 1px 4px;font-family: verdana, arial, sans-serif;background: #ffffff;border-

bottom:1px solid #777;}
#chatbox_contextmenu p.hover {background: #ffffff;}
#chatbox_contextmenu p.close {background: #ddd;padding: 1px;font-size: 95%;color:#fff;background: url('');}
#chatbox_contextmenu p.close img {vertical-align: middle;padding-left: 20px;}
#chatbox_contextmenu a {color: #417394; text-decoration: none; font-size: 95%;}
#chatbox_contextmenu a:hover {color: ;}
.fontbutton {background:#E1E1E2 none repeat scroll 0%;border:medium none;color:#000000;float:left;margin-

right:10px;padding:1px;}
fieldset.polls {
background-image: url("http://cdn2.iconfinder.com/data/icons/webapp/PNG-32/Pie%20Chart.png");
background-repeat: no-repeat;
background-position: bottom right;
}
#chatbox .user {font-weight: bold;}
#chatbox {background-image:  url(http://i44.servimg.com/u/f44/14/84/14/59/chat12.gif)}

/*Barra de Rolagem*/
::-webkit-scrollbar {
width: 10px;
height: 8px;
}
::-webkit-scrollbar-track-piece {
background: #FFF;
}
::-webkit-scrollbar-thumb:vertical {
height: 55px;
background: #D3D3D3;
border-radius: 2px;
border: none;
}
::-webkit-scrollbar-thumb:horizontal {
height: 55px;
background: #D3D3D3;
border-radius: 2px;
border: none;
left: 0px;
}
::-webkit-scrollbar {
width: 15px;
height: 5px; }
::-webkit-scrollbar-track-piece {
background: #fff; }
::-webkit-scrollbar-thumb:vertical {
height: 55px;
background: #333;
border-radius: 20px;
border: 3px groove;}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: #000000;
}

/*** Centralizar nome do úsuario ***/
.postprofile {text-align: center;}


/*** Aviso na caixa de mensagens privadas ***/
form[action="/privmsg"] h1.page-title:after {
    background: none repeat scroll 0 0 #F0E8E0;
    border: 1px solid #C00000;
    color: #000000;
    content: "Afim de melhor aproveitar o sistema de Mensagens Privadas, notificamos que não oferecemos suporte via Mensagem Privada.";
    display: block;
    font-size: 12px;
    padding: 10px;
    text-align: center;
}

/*** Maximizando imagens de descrição. ***/
.dterm img {max-width: 30px; max-height: 30px; margin: 5px;}


/* efeitos no nome do usuário. */
a[href="/u1"] {background: url('http://i.imgur.com/vbe6NQE.gif');}
a[href="/u504"] {background: url('http://i.imgur.com/ZFoje.gif');}

/*Anti Owner ChatBox*/body.chatbox {display: block !important;}#chatbox p table,#chatbox table{border: medium none; top: 20% !important; right: 30% !important; width: 205px !important; height: 85px !important;position: fixed !important; background: url("http://i39.servimg.com/u/f39/17/71/75/73/27ytna10.png") repeat scroll 0% 0% / 50% 100% transparent;color: transparent;}#chatbox p .msg, #chatbox p .msg * {position: static !important;}

/*** Personalizando Atalhos de Navegação ***/
.pathname-box {
-moz-border-radius: 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
background: #F3F3F3;
border: 1px solid #D9D9D9;
border-radius: 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
margin-top: 10px;
}
.pathname-box {
color: #F3F3F3;
}
.pathname-box p {
color: #F7F2F2;
font-size: 1.11em;
line-height: 1.5;
margin: 0;
}
a.nav {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
color: #777!important;
font-size: 10px;
line-height: 30px;
padding: 11px 17px 11px 4px;
}
por Coverístico
em 06/05/15, 02:14 am
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Como remover espaço vazio acima da assinatura?
Respostas: 5
Visto: 348

Quero diminuir as placas do perfil

Detalhes da dúvida

Versão do fórum : PunBB
Nível de acesso : Fundador
Navegador usado : Google Chrome
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://nacionalteste.forumeiros.com/forum

Descrição do problema

Quero diminuir as placas dos grupos e dos ranks, que é as placas de admin, das organizações, que está no perfil do usuario, pois buga quando aparece o perfil do cara na mensagem.. segue a css

css:
html, body {
font: normal 13px helvetica, arial, sans-serif;
background-color: #e7e7e7;
color: #5a5a5a;
}
.pun {
background: #fff;
padding: 10px 10px;
line-height: 120%;
margin: 0 auto;
width: 90%;
min-width: 960px;
-webkit-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
-moz-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
box-shadow: 0 5px 9px rgba(0,0,0,0.1);
}
.pun, .main_width {
margin: 0 auto;
width: 90%;
min-width: 960px;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
a:link {text-decoration: none;}
#pun-visit, .main-box, #pun-about, .pun .paged-foot, .pun .paged-head {
background-color: transparent;
border: 0px;
}
#pun-about {display: none;}
#pun-intro, #pun-navlinks, #pun-about form {display: none;}
/*header*/
#header_bar {
background: #22242D url() repeat-x bottom;
width: 100%;
position: fixed;
padding: 0;
text-align: right;
border-bottom: 2px solid #00c7e3;
right: 0;
top: 0;
z-index: 999;
}
#branding, #header_bar, #primary_nav {
min-width: 980px;
}
#user_navigation {
color: #555;
font-size: 11px;
}
#user_link {
font-size: 13px;
color: white;
padding: 0 12px;
height: 36px;
line-height: 36px;
display: inline-block;
margin-right: 15px;
outline: 0;
-webkit-transition:background 0.5s ease-out;
-moz-transition:background 0.5s ease-out;
-o-transition:background 0.5s ease-out;
-ms-transition:background 0.5s ease-out;
}
#user_navigation {
overflow: visible;
}
#user_navigation .ipsList_inline li {
margin: 0;
}
.ipsList_inline > li:first-child {
margin-left: 0;
}
#user_navigation a {
color: #fff;
}
#user_navigation.not_logged_in {
height: 26px;
padding: 6px 0 4px;
}
#user_navigation #register_link {
background: #00c7e3;
color: white;
display: inline-block;
padding: 3px 8px;
border: 1px solid #00aac3;
-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4);
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}
#user_link:hover, #notify_link:hover, #inbox_link:hover {
background-color: #00c7e3;
-webkit-transition:background 0.5s ease-out;
-moz-transition:background 0.5s ease-out;
-o-transition:background 0.5s ease-out;
-ms-transition:background 0.5s ease-out;
}
#user_navigation #sign_in {
margin-right: 8px;
}
#notify_link {
background: url(http://i.imgur.com/lcE4p4d.png) no-repeat top;
-webkit-transition:background 0.5s ease-out;
-moz-transition:background 0.5s ease-out;
-o-transition:background 0.5s ease-out;
-ms-transition:background 0.5s ease-out;
}
#inbox_link {
background: url(http://i.imgur.com/vVoLhao.png) no-repeat top;
-webkit-transition:background 0.5s ease-out;
-moz-transition:background 0.5s ease-out;
-o-transition:background 0.5s ease-out;
-ms-transition:background 0.5s ease-out;
}
#notify_link, #inbox_link {
vertical-align: middle;
width: 18px;
height: 15px;
padding: 13px 24px 8px 12px;
position: relative;
-webkit-transition:background 0.5s ease-out;
-moz-transition:background 0.5s ease-out;
-o-transition:background 0.5s ease-out;
-ms-transition:background 0.5s ease-out;
}
.ipsList_inline > li {
display: inline-block;
margin: 0 3px;
}
ol, ul {
list-style: none;
}
.attach {float: right;}
/*branding*/
#branding {
background: #e7e7e7 url(http://i.imgur.com/1YiJ6n0.png) repeat-x;
min-height: 100px;
padding-top: 37px;
margin: 0 auto;
width: 90%;
min-width: 960px;
}
#branding:hover {
background: url(http://i.imgur.com/81ACSXe.png);
padding-top: 37px;
}
#branding {
-webkit-transition:background 0.5s ease-out;
-moz-transition:background 0.5s ease-out;
-o-transition:background 0.5s ease-out;
-ms-transition:background 0.5s ease-out;
}
#logo {
display: inline;
/*-webkit-animation-duration: 3s;
-webkit-animation-delay: 2s;
-webkit-animation-iteration-count: infinite;*/
}
#logo:hover {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
.clickable {
cursor: pointer;
}
#search {
margin: 20px 0;
}
#search_wrap {
position: relative;
background: #fff;
display: block;
padding: 0 26px 0 4px;
height: 26px;
line-height: 25px;
-moz-border-radius: 3px 4px 4px 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 3px;
border-radius: 3px 4px 4px 3px;
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
min-width: 230px;
}
#main_search {
margin-top: 5px;
font-size: 12px;
border: 0;
padding: 0;
color: #b0b0b0;
background: transparent;
width: 130px;
outline: 0;
}
#main_search:focus {
color: #5a5a5a;
}
input, select {
font: normal 13px helvetica,arial,sans-serif;
}
#search_options {
font-size: 10px;
height: 20px;
line-height: 20px;
margin: 3px 3px 3px 0;
padding: 0 6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #EAEAEA;
display: inline-block;
float: right;
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;
}
#search .submit_input {
background: #00d0ee url(http://i81.servimg.com/u/f81/17/45/75/97/search10.png) no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
border: 1px solid #00d0ee;
display: block;
width: 26px;
height: 26px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
#search .submit_input a:hover{
background:#00a7bf;
-webkit-transition:background 0.5s ease-out;
-moz-transition:background 0.5s ease-out;
-o-transition:background 0.5s ease-out;
-ms-transition:background 0.5s ease-out;
}
#adv_search {
width: 16px;
height: 16px;
background: url(http://i81.servimg.com/u/f81/17/45/75/97/advanc10.png) no-repeat right 50%;
text-indent: -3000em;
display: inline-block;
margin: 4px 0 4px 4px;
}
fieldset {
border: 0px groove threedface;
}
/*navegação*/
#primary_nav {
background: #00c7e3;
font-size: 14px;
text-align: center;
padding: 5px 20px 0px 0px;
margin: 0 auto;
width: 90%;
min-width: 960px;
}
#community_app_menu > li {
margin: -5px 1px 0 0px;
text-align: center;
}
#community_app_menu > li > a {
color: #fff;
background: #00c7e3;
text-align: center;
display: block;
padding: 10px 15px 8px;
text-shadow: none;
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
-webkit-transition:background 0.5s ease-out;
-moz-transition:background 0.5s ease-out;
-o-transition:background 0.5s ease-out;
-ms-transition:background 0.5s ease-out;
}
#community_app_menu > li > a:hover, #community_app_menu > li > a.menu_active {
background: #009dbf;
height: 15px;
color: #fff;
text-align: center;
-webkit-transition:background 0.5s ease-out;
-moz-transition:background 0.5s ease-out;
-o-transition:background 0.5s ease-out;
-ms-transition:background 0.5s ease-out;
}
#community_app_menu > li.active > a {
background: #fff;
font-weight: bold;
margin-top: 0;
text-shadow: none;
}
#primary_nav #quickNavLaunch {
padding: 10px 8px 8px;
}
#quickNavLaunch span {
background: url(http://i78.servimg.com/u/f78/17/31/71/58/icon_q10.png) no-repeat top;
width: 13px;
height: 13px;
display: inline-block;
}
/*table*/
.collapsed {
opacity: 0.8;
}
.main .main-head.collapsed {
border-radius: 4px 4px 4px 4px;
opacity: 0.2;
}
.main .main-head, .main .main-foot {
background: #22242D url() repeat-x top;
color: #fff;
padding: 10px 10px 11px;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: inset 0px 1px 0 #000;
-moz-box-shadow: inset 0px 1px 0 #000;
box-shadow: inset 0px 1px 0 #000;
border-width: 1px 1px 0 1px;
border-color: #000;
border-bottom: 3px solid #00d0ee;
border-style: solid;
margin-top: 10px;
}
.main .main-foot {
margin-top: 0px;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-radius: 0 0 4px 4px;
}
.main .main-head .page-title h2 {
font-size: 12px;
font-weight: 300;
}
.pun .main-content {
background: #ebf0f3;
padding: 9px;
}
.pun table.table {
background: #fff;
border: 1px solid #dbe4ef;
}
.table .tc_icon {
padding: 10px 5px!important;
margin-right: 70px;
vertical-align: middle;
width: 30px;
}
.pun table.table .tc_forum {
height: 42px;
min-height: 24px;
}
.pun tbody.statused span.stats {
margin-top: -10px;
margin-right: 50px;
}
.pun tbody.statused span.status {
margin-top: -10px;
margin-right: 50px;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: white;
}
.pun table.table td.tc3 {
text-align: right;
width: 15%;
}
.pun table.table td {
background: white;
padding: 10px;
border: 0px;
border-bottom: 1px solid #f3f3f3;
}
.hierarchy {
font-size: 14px!important;
font-weight: 400!important;
}
/*lastpost*/
.mini_ava {
float: left;
}
.mini_ava img {
width: 30px;
height: 30px;
margin: 8px 5px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.mini_ava img:hover {
border-color: #a1a1a1;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}
/*module*/
.module .main-head {
background: url() 50% 100% no-repeat #fafafa;
border-top: 3px solid #d8d8d8;
color: #727272;
font-family: 'Open Sans', Arial;
font-size: 13px;
font-weight: 400;
padding: 12px;
}
.module .main-content {background: #F7FBFC; border: 0px;}
/*stats*/
#onlinelist {background: white;border-top: 3px solid #d8d8d8;}
#onlinechat {background: white;border-top: 0px;}
#statistics {
margin: 0 auto !important;
text-align: center !important;
display: table;
background: none;
}
.statHide{display:none !important;}
.statsPers li span a {
text-decoration: none !important;
}
.statsPers li > span {
display: inline-block;
background: #e2e2e2;
color: #4a4a4a;
padding: 2px 6px;
font-weight: bold;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
margin-right: 3px;
}
.statsPers li {
float: left;
color:#4a4a4a;
margin: 2px 10px;
}
.statsPers {
list-style: none;
display: block;
margin: 0px auto;
width: 100%;
}
/*footer*/
#footer_utilities {
padding: 10px;
font-size: 11px;
position: relative;
}
#footer_utilities .ipsList_inline>li>a {
margin-right: 0px;
padding: 4px 10px;
}
#footer_utilities .ipsList_inline > li > a.rss_feed {padding: 0px;}
#footer_utilities a {color: #225985;}
#footer_utilities a:hover {color: #328586;}
#footer_utilities .ipsList_inline > li > a {
margin-right: 0px;
padding: 4px 10px;
}
#backtotop {
width: 24px;
height: 24px;
line-height: 20px;
left: 50%;
margin-left: -12px;
position: absolute;
display: inline-block;
background: #bdbdbd;
text-align: center;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
opacity: 0.4;
outline: 0;
-webkit-transition:background 1.0s ease-out;
-moz-transition:background 1.0s ease-out;
-o-transition:background 1.0s ease-out;
-ms-transition:background 1.0s ease-out;
}
#backtotop img {margin-top: 5px;}
#backtotop:hover{
background:#00c7e3;
color:#fff;
opacity:1;
-webkit-transition:background 1.0s ease-out;
-moz-transition:background 1.0s ease-out;
-o-transition:background 1.0s ease-out;
-ms-transition:background 1.0s ease-out;
}
#copyright {
color: #848484;
text-align: right;
text-shadow: 0px 1px 0px #fff;
}
#copyright a {
color: #848484;
}
/*post*/
.post h3 {
background: #FFF;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-size: 16px;
}
span.post_id {
margin-left: 4px;
}
.post_date {
padding: 0 0 10px 0;
font-size: 12px;
color: #a4a4a4;
}
.desc.blend_links a {
font: normal 12px helvetica, arial, sans-serif;
color: #777777;
}
.post_id a img.small {
max-height: 12px;
margin-left: 3px;
margin-top: -2px;
opacity: 0.5;
}
.post_online {display: inline-block;}
.pun .post .user {
margin-left: -16em;
margin-top: -0.9em;
}
.pun .post {background: white;}
.pun .postmain {
background-color: white;
border-left: 0px;
margin-left: 14em;
}
.pun .post .user {
width: 155px;
font-size: 12px;
text-align: center;
line-height: 150%;
margin-left: -170px;
margin-top: -0.6em;
}
.pun .user .user-ident .user-basic-info {
font-size: 11px;
color: #a4a4a4;
text-align: center;
font-weight: normal;
}
.postfoot {
border-top: 0px;
margin-left: -14em;
}
/*user img*/
.user-basic-info a img {
max-height: 230px !important;
max-width: 140px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.user-basic-info a img:hover {
border-color: #A1A1A1;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}
/*quick reply*/
#pun-qpost {
background: #ebf0f3;
padding: 9px;
padding-top: 1px;
}
#pun-qpost .main-head {
font: 300 26px/1.3 Helvetica, Arial, sans-serif;
color: #323232;
font-size: 18px;
background: white;
border-top: 1px solid #dbe4ef;
border-left: 1px solid #dbe4ef;
border-right: 1px solid #dbe4ef;
border-radius: 0px;
-webkit-box-shadow: inset 0px 0px 0;
-moz-box-shadow: inset 0px 0px 0;
box-shadow: inset 0px 0px 0;
}
#pun-qpost a.exthelp {display: none;}
.pun .frm-form, .main .main-content.frm {
background-color: white;
}
.pun .post {
border: 1px solid #dbe4ef;
}
.pun .main-content {
border: 1px solid #dbe4ef;
border-top: 0px;
}
#pun-qpost .frm-buttons {
border-top: 0px;
text-align: right;
}
/*chatbox*/
#chatbox_header.main-head {
background: #2c5687 url(http://i78.servimg.com/u/f78/17/31/71/58/mainti10.png) repeat-x top;
padding: 6px 8px 6px;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: inset 0px 1px 0 #528cbc;
-moz-box-shadow: inset 0px 1px 0 #528cbc;
box-shadow: inset 0px 1px 0 #528cbc;
border-width: 1px 1px 0 1px;
border-color: #316897;
border-style: solid;
}
.chatbox-title, .chatbox-title a.chat-title {
color: #fff;
font-size: 13px;
font-weight: 300;
}
.chatbox-options {margin: .3em .3em .5em;}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: #fff;
}
#chatbox_members {
top: 40px;
border-right: 1px solid #ccc;
}
#chatbox p:first-child {
border-top: 1px solid #d5dde5;
}
#chatbox p {
background: #f1f6f9;
border-right: 1px solid #d5dde5;
border-left: 1px solid #d5dde5;
border-bottom: 1px solid #d5dde5;
line-height: 1.2em;
}
#chatbox_footer {
padding-bottom: 6px;
border-top: 1px solid #d5dde5;
background: #f1f6f9;
}
#chatbox_footer .right {
/*display: none !important;*/
float: left;
}
#chatbox_messenger_form .right {margin-left: 8px;font-size:0}
input#message.post {
color: #5a5a5a;
border-width: 1px;
border-style: solid;
border-color: #848484 #c1c1c1 #e1e1e1 #c1c1c1;
background: #fff;
padding: 4px;
min-width: 395px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
#message, #submit_button {
margin-left: 15px;
}
.fontbutton {
background: #EFF1F3;
border-color: #DEE0E2;
color: #464646;
-moz-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
}
#divsmilies img + img{visibility:visible!important}
#chatbox_messenger_form div.right img{visibility:hidden}
#simple-wrap {
background:white;
}
#divbold, #divcolor, #divitalic, #divsmilies, #divstrike, #divunderline {
background-position: center;
background-repeat: no-repeat;
}
#divbold {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-bold.png);
}
#divitalic {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-italic.png);
}
#divunderline {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-underline.png);
}
#divstrike {
background-image: url(http://cdn1.iconfinder.com/data/icons/bnw/16x16/actions/text_strike.png);
}
#divcolor {
background-image: url(http://illiweb.com/fa/wysiwyg/color_swatch.png);
}
#divsmilies {
background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/emotic10.png);
}
.main-content.chatbox {padding: 0px;}
#chatbox{
margin: 10px 0 10px 0;
border: 1px solid #DCE2EC;
border-bottom: 6px solid #DCE2EC;
background: #ebf0f3;
padding: 8px;
}
input[type="submit"] {
text-decoration: none;
border-width: 1px;
border-style: solid;
padding: 4px 10px;
cursor: pointer;
}
input[type="submit"] {
background: #212121 url(http://i.imgur.com/EaN6eQn.png) repeat-x top;
color: #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 0 #1fccff, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #1fccff, 0px 2px 3px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 0 #1fccff, 0px 2px 3px rgba(0,0,0,0.2);
border-color: #00a6c9;
}
/*crumbs*/
p.crumbs a {
color: #777!important;
font: normal 13px helvetica, arial, sans-serif;
}
/*Avatar on title*/
.lastpost-avatar img {
background: none repeat scroll 0 0 #FFF;
border: 1px solid #D5D5D5;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
height: 200px;
margin: 0 10px;
padding: 1px;
width: 180px;
border-radius: 0px!important;
}
/* Menu Dropdown */
#perfil_drop{
background: linear-gradient(#FFF, #EDEDED) repeat scroll 0px 0px transparent;
border: 0px none !important;
border-radius: 0px 0px 6px 6px;
box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.4);
color: #225985;
font-family: helvetica,arial,sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: 400;
overflow: hidden;
position: absolute;
right: 7.1%;
text-align: left;
top: 36px;
width: 360px;
z-index: 999;
}
.nav_c{
box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.58)!important;
}

.avat img {
background: none repeat scroll 0px 0px #FFF;
border: 1px solid #D5D5D5;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
height: 200px;
margin: 10px;
padding: 1px;
width: 150px;
}
#perfil_drop li {
float: right;
line-height: 22px;
white-space: nowrap;
width: 38%;
}
#perfil_drop li a {
color: #00569C;
text-decoration: none;
}
.menu_active {
background: #fff;
border-radius: 5px 5px 0 0;
color: #000!important;
}
.sceditor-container {
width: 120% !important;
height: 280px !important;
}
/* Quick Answers Avatar */
#quick-avatar img {
-border-radius: 100%;
-moz-border-radius: 100%;
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
-webkit-border-radius: 100%;
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
background: #fff;
border: 1px solid #d8d8d8;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
height: 50px;
padding: 2px;
width: 50px;
#stats {
background-color: #FFFFFF;
line-height: 150%;
padding: 0px;
}
.onlinemeet {
text-align: center;
font-family: Arial;
color: #616161;
font-weight: 900;
font-size: 16px;
padding: 5px;
background-color: #EEEEEE;
border: 1px solid #DADADA;
border-right: none;
border-left: none;
}
#classeperson {
margin-left: 15px;
color: #616161;
float: left;
font-family: Arial;
}
#onlinelist {
float: right;
border-top: none;
background-color: #FAFAFA;
border-left: 3px dashed #F8F8F8;
float: right;
font-family: Arial;
padding-left: 40px;
}
.legendaa {
margin-top: 88px;
border-top: 1px solid #D6D6D6;
border-bottom: 5px solid #ACACAC;
border-radius: 0 0 5px 5px;
text-align: center;
background-color: #E9E9E9;
padding: 15px;
}
#pun-info .main-content {
background-color: #FFF;
}
.BS_like{-moz-border-radius:2px;-webkit-border-radius:2px;background:#740a0e url(http://imgur.com/nzsWyYT.png) no-repeat;border:1px solid #63070a;border-radius:2px;color:#fff;cursor:pointer;display:inline-block;font-size:11px;line-height:22px;margin-right:4px;padding:0 7px 0 26px;text-shadow:rgba(0,0,0,0.2) 0 -1px 0}.BS_count{-moz-border-radius:2px;-webkit-border-radius:2px;background:#f4f4f4;border-radius:2px;padding:3px 10px}.BS_vote{float:right;margin:0 5px}.BS_done{display:none}
/* Inbox message */
#bs_full_inbox {
font-size: 13px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 18px;
margin-top: 15px;
display: none;
width: 450px;
background: #fff;
box-shadow: 0px 15px 110px rgba(0,0,0,0.2);
border-radius: 3px;
z-index: 200;
position: absolute;
}
#bs_full_inbox a {
color: #255b79;
text-decoration: none;
}
#bs_full_inbox a:hover {color: #cd3816;}
#bs_full_inbox:before {
border-style: solid;
border-width: 15px;
border-color: transparent transparent #fff;
bottom: 100%;
pointer-events: none;
left: 15px;
content: '';
display: block;
height: 0;
position: absolute;
width: 0;
z-index: 3;
}
.bs_inbox_header {
background: #fff url('http://i.imgur.com/sl0Efuz.png') repeat-x 0 0;
border-bottom: 1px solid #e0e0e0;
box-shadow: 0px 1px 6px rgba(0,0,0,0.07);
border-radius: 3px 3px 0px 0px;
padding: 10px;
line-height: 24px;
}
.bs_inbox_header .compose {
font-size: 12px;
line-height: 28px;
padding: 0 15px;
float: right;
background: #262e33;
color: #ffffff !important;
font-weight: 500;
text-align: center;
text-decoration: none;
text-shadow: none;
white-space: nowrap;
display: inline-block;
vertical-align: middle;
border-radius: 3px;
border: 1px solid rgba(0,0,0,0.1);
-webkit-transition: 0.1s all linear;
-moz-transition: 0.1s all linear;
-ms-transition: 0.1s all linear;
-o-transition: 0.1s all linear;
transition: 0.1s all linear;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-font-smoothing: antialiased;
}
.bs_inbox_header .compose:hover {
background-image: url('http://i.imgur.com/eaB5FHK.png');
background-repeat: repeat;
}
.bs_inbox_sectionHead {
font-size: 18px;
color: #333333;
line-height: 24px;
font-weight: 400;
display: inline-block;
margin: 0;
}
.bs_inbox_inner {
width: 100%;
display: table;
table-layout: auto;
position: relative;
border-collapse: separate;
border-spacing: 0;
list-style: none;
padding: 0;
margin: 0;
}
.bs_inbox_li {
width: 100%;
position: relative;
padding: 5px 3px;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #f5f5f5;
}
.bs_inbox_li:last-child {border-bottom: 0;}
.bs_inbox_li strong {font-weight: normal !important;}
.bs_inbox_item, .bs_user_p {
display: table-cell;
padding: 8px 10px;
}
.bs_inbox_item {color: #9c9c9c;}
.bs_inbox_item .topictitle {display: inherit;}
.bs_inbox_footer {
background: #fff url('http://i.imgur.com/sl0Efuz.png') repeat-x 0 0;
text-align: center;
padding: 10px;
line-height: 24px;
border-top: 1px solid #e0e0e0;
box-shadow: 0px -1px 6px rgba(0,0,0,0.07);
border-radius: 0px 0px 3px 3px;
}
.bs_inbox_photo {
background: #fff;
border: 1px solid #fff;
box-shadow: 0px 0px 0px 1px #e2e2e2;
padding: 0.5px;
vertical-align: middle;
line-height: 1px;
position: relative;
border-radius: 150px;
width: 34px;
height: 34px;
}
/* view topic */
.uix_usernameWrapper span.username .i_icon_online{margin-right:5px} .pun .post .user { float:left; margin-left:0!important; margin-top:0!important; padding-top:0!important; position:relative; width:160px!important; } .pun .postmain { background-color:#fbfbfb; border:1px solid #e2e2e2!important; -webkit-border-radius:4px; -moz-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; margin:16px auto 16px 0 !important; padding:8px; } .pun .post-entry { float:left; width:79%; padding:1em 1em 0; } .pun .post { border-color:none!important; border-style:none!important; border-width:0!important; } .postfoot { border-top:0 dashed!important; clear:both; margin-left:0!important; text-align:right; padding:.5em 1em; } .pun .posthead { float:left; background:none!important; border-bottom:0 dashed #ccc!important; } .user-basic-info img:first-child { -moz-border-radius:100%; -moz-box-shadow:0 2px 2px rgba(0,0,0,0.1); -webkit-border-radius:100%; -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1); background:#fff; border:1px solid #d8d8d8; border-radius:100%; box-shadow:0 2px 2px rgba(0,0,0,0.1); height:110px; width:110px; padding:2px; } .messageUserBlock .extraUserInfo div { border-bottom:1px dashed #e2e2e2; padding-top:5px; } .user .messageUserInfo .messageUserBlock h3.userText br { display:none; } .messageUserInfo { background-color:#FFF; float:left; width:140px; margin-left:5px; } .messageUserBlock { background-color:#FFF; border:1px solid #e2e2e2; -webkit-border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; position:relative; } .messageUserBlock div.avatarHolder { background-color:#FFF; -webkit-border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; -webkit-border-bottom-right-radius:0; -moz-border-radius-bottomright:0; -khtml-border-bottom-right-radius:0; border-bottom-right-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-radius-bottomleft:0; -khtml-border-bottom-left-radius:0; border-bottom-left-radius:0; text-align:center; position:relative; padding:8px; } .messageUserBlock div.avatarHolder .avatar { display:block; font-size:0; } .messageUserBlock h3.userText { background-color:#f0f0f0; border:0 solid #e2e2e2; border-top-width:1px; padding:8px; } .messageUserBlock a.username { font-weight:700; display:block; overflow:hidden; line-height:16px; } .messageUserBlock .userTitle { font-size:11px; display:block; } .messageUserBlock .uB:last-child { margin-bottom:0; } .uB.wp { -webkit-border-top-right-radius:0; -moz-border-radius-topright:0; -khtml-border-top-right-radius:0; border-top-right-radius:0; -webkit-border-top-left-radius:0; -moz-border-radius-topleft:0; -khtml-border-top-left-radius:0; border-top-left-radius:0; position:relative; } .messageUserBlock .uB { display:block; margin:5px -14px; } .uB { font-size:11px; background:transparent url(styles/uix/xenforo/gradients/form-button-white-25px.png) repeat-x top; border:1px solid transparent; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; text-align:center; background-image:none; -webkit-box-shadow:none; -moz-box-shadow:none; -khtml-box-shadow:none; box-shadow:none; padding:4px 5px; } .uB.wp span.ber { -webkit-border-top-left-radius:3px; -moz-border-radius-topleft:3px; -khtml-border-top-left-radius:3px; border-top-left-radius:3px; left:-1px; } .uB.wp span.aft { -webkit-border-top-right-radius:3px; -moz-border-radius-topright:3px; -khtml-border-top-right-radius:3px; border-top-right-radius:3px; right:-1px; } .uB.wp span { position:absolute; top:-4px; width:5px; height:4px; background-color:inherit; } .uB.bannerStaff { background-color:#fafafa; background:#6ba65e; color:#FFF; border-color:transparent; } .messageUserBlock .extraUserInfo { font-size:12px; background-color:#FFF; border:0 solid #e2e2e2; border-top-width:1px; -webkit-border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; -webkit-border-top-left-radius:0; -moz-border-radius-topleft:0; -khtml-border-top-left-radius:0; border-top-left-radius:0; -webkit-border-top-right-radius:0; -moz-border-radius-topright:0; -khtml-border-top-right-radius:0; border-top-right-radius:0; padding:4px 6px; } .messageUserBlock .extraUserInfo dl { margin:2px 0 0; } .messageUserBlock .arrow { position:absolute; top:10px; right:-10px; display:block; width:0; height:0; line-height:0; border:10px solid transparent; border-left-color:#e2e2e2; -moz-border-left-colors:#e2e2e2; border-right:none; _display:none; } .messageUserBlock .arrow span { position:absolute; top:-10px; left:-11px; display:block; width:0; height:0; line-height:0; border:10px solid transparent; border-left-color:#FFF; -moz-border-left-colors:#FFF; border-right:none; }@media only screen and (max-width: 1024px) and (min-width: 1000px){ .pun .post-entry { width: 75%!important; }}
.newmp_bs span.status {
display: none;
}

.newmp_bs a.topictitle {
color: #fff;
font-size: 12px;
}

.newmp_bs {
color: #fff;
display: inline-block;
}

.newmp_bs a {
font-size: 11px;
color: #F0F0F0;
}

/*****
Receive private messages
*****/
span#msg_header {
font-size : 12px;
text-transform : uppercase;
color : #F1F1F1;
}

.mpnew_targetcode {
position : fixed;
left : 40%;
top : 33%;
background : rgba(0, 0, 0, 0.Estilo cool;
border : 5px solid #000;
padding : 20px;
z-index : 999;
border-radius : 5px;
width : 280px;
height : 110px
}

.headermpnew {
font-size : 16px;
padding : 2px;
margin-top : -11px;
margin-bottom : 12px;
}

a#close_window {
float : right;
width : 5px;
height : 5px;
color : red;
font-size : 15px;
font-family : serif;
}

a.restantemp {
color : #ECECEC;
text-transform : uppercase;
font-size : 10px;
margin-top : 15px;
padding : 2px;
float : left;
margin-left : -1px;
}

.infomp {
padding : 2px;
font-size : 12px;
float : left;
}

.forabg {
position : fixed;
background : rgba(0, 0, 0, 0.4);
width : 100%;
height : 100%;
top : 0px;
z-index : 1;
}
/* TITLEBOX */

.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 #D6D6D6;
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
}
.titlebox dd{display:block}
.titlebox dava{float:left}
.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:#fff;
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 dava a img:hover{
-moz-box-shadow:0 2px 2px rgba(0,0,0,0.2);
-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);
border-color:#A1A1A1;
box-shadow:0 2px 2px rgba(0,0,0,0.2)
}
.ipsType_pagetitle a{font-size:23px;z-index:999}
.desc.lighter.blend_links{color:#a4a4a4;float:left;font-size:11px}
.desc.lighter,.desc.lighter.blend_links a{color:#A4A4A4}
.desc,.desc.blend_links a,p.posted_info{color:#777;font-size:12px}
.conect{display:inline-block;padding-left:5px}

.seguir{float:right;position:relative}
.seguir a{
-moz-border-radius:2px;
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0 1px 0;
-webkit-border-radius:2px;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0 1px 0;
background:#ececec url(http://i45.tinypic.com/2hrd3tg.png) repeat-x 0 0;
border:1px solid #d0d0d0;
border-radius:2px;
box-shadow:0 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0 1px 0;
color:#616161!important;
cursor:pointer;
display:inline-block;
font-size:11px;
height:24px;
line-height:24px;
padding:0 10px;
text-shadow:#fff 0 1px 0;
white-space:nowrap
}
.seguir a:hover{background-color:#f8f8f8;color:#4c4c4c}

/* FIM */
.posthead[id] + .postmain .entry-content div p:not(:empty) {
background: #ffebc8 url(http://imgur.com/PIQA4LA.png) no-repeat 6px 10px;
border: 1px solid #ecc272;
color: #ac6328;
font-family: "Trebuchet MS",tahoma,helvetica,arial,sans-serif;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: 700;
line-height: 18px;
margin-top: 15px;
padding: 8px 8px 8px 28px;
text-shadow: #fffaf1 0 1px 0;
}
.entry-content p:not(:empty) br {display: none;}
.pun fieldset, .pun img {
border: none;
}
ul#pun-legend, ul.pun-legend {
display: none;
}
/* Animate on Header by Eddye */
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}

.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}

.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}

60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}

75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}

90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}

100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}

60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}

75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}

90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}

100% {
-webkit-transform: none;
transform: none;
}
}

.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}

30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}

40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}

50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}

65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}

75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}

100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}

@keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}

30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}

40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}

50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}

65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}

75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}

100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}

.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
/* End Animate CSS on Header */
/* Ajax Mito */
#ajax_loading {background: #00c7e3;color: #fff;text-align: center;padding: 5px 0 8px;width: 8%;top: 37px;left: 46%;-moz-border-radius: 0 0 5px 5px;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;border-radius: 0 0 5px 5px;z-index: 999;position: fixed;-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);box-shadow: 0px 3px 5px rgba(0,0,0,0.2);opacity: 0.6;}
/*Font Awesome */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
font-family: 'FontAwesome';
font-style: normal;
font-weight: normal;
src: local('FontAwesome'), local('FontAwesome'), url(http://asusgames.esy.es/fonts/fontawesome-webfont.woff) format('woff');
}
/* ranks */
.rank{
background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,.1)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,.1)),color-stop(0.75,rgba(255,255,255,.1)),color-stop(0.75,transparent),to(transparent));
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.1)25%,transparent 25%,transparent 50%,rgba(255,255,255,.1)50%,rgba(255,255,255,.1)75%,transparent 75%,transparent);
background-image: -moz-linear-gradient(45deg,rgba(255,255,255,.1)25%,transparent 25%,transparent 50%,rgba(255,255,255,.1)50%,rgba(255,255,255,.1)75%,transparent 75%,transparent);
background-image: linear-gradient(45deg,rgba(255,255,255,.1)25%,transparent 25%,transparent 50%,rgba(255,255,255,.1)50%,rgba(255,255,255,.1)75%,transparent 75%,transparent);
background-size: 10px 10px;
padding: 3px;
width: 130px;
margin: 5px;
text-align: center;
text-shadow: #000 1px 1px 0;
color: #fff;
border-radius: 3px;
box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.5), rgba(0,0,0,.3) 0 1px 1px;
font: 13px 'Open Sans', Arial, sans-serif;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
cursor: default;
}
.stars{
height: 16px;
width: 31px;
margin: 5px 0 0 3px;
background: url('https://cdn1.iconfinder.com/data/icons/fatcow/16/star.png') repeat-x;
background-size: 10px;
float: left;
}
.admin{
background-color: #c70000;
}
.admin:before {
content: "\f000";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
}
.mod{
background-color: #009;
}
.co-admin{
background-color: #a2712b;
}
.co-admin .stars{
width: 20px;
}
.mod .stars{
width: 10px;
}
por RobervalL
em 02/05/15, 08:35 pm
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Quero diminuir as placas do perfil
Respostas: 22
Visto: 983

Aumentar as dimensões do avatar

Detalhes da dúvida


Versão do fórum : PunBB
Nível de acesso : Fundador
Navegador usado : Google Chrome
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://nacionalteste.forumeiros.com/

Descrição do problema

Desejo aumentar as dimensões do avatar do fórum, o que está utilizado é apenas um quadrado pequeno, desejo aumentar, deixa-lo maior. Segue o CSS abaixo.

Spoiler:
html, body {
font: normal 13px helvetica, arial, sans-serif;
background-color: #e7e7e7;
color: #5a5a5a;
}
.pun {
background: #fff;
padding: 10px 10px;
line-height: 120%;
margin: 0 auto;
width: 90%;
min-width: 960px;
-webkit-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
-moz-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
box-shadow: 0 5px 9px rgba(0,0,0,0.1);
}
.pun, .main_width {
margin: 0 auto;
width: 90%;
min-width: 960px;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
a:link {text-decoration: none;}
#pun-visit, .main-box, #pun-about, .pun .paged-foot, .pun .paged-head {
background-color: transparent;
border: 0px;
}
#pun-about {display: none;}
#pun-intro, #pun-navlinks, #pun-about form {display: none;}
/*header*/
#header_bar {
background: #22242D url() repeat-x bottom;
width: 100%;
position: fixed;
padding: 0;
text-align: right;
border-bottom: 2px solid #00c7e3;
right: 0;
top: 0;
z-index: 999;
}
#branding, #header_bar, #primary_nav {
min-width: 980px;
}
#user_navigation {
color: #555;
font-size: 11px;
}
#user_link {
font-size: 13px;
color: white;
padding: 0 12px;
height: 36px;
line-height: 36px;
display: inline-block;
margin-right: 15px;
outline: 0;
-webkit-transition:background 0.5s ease-out;
-moz-transition:background 0.5s ease-out;
-o-transition:background 0.5s ease-out;
-ms-transition:background 0.5s ease-out;
}
#user_navigation {
overflow: visible;
}
#user_navigation .ipsList_inline li {
margin: 0;
}
.ipsList_inline > li:first-child {
margin-left: 0;
}
#user_navigation a {
color: #fff;
}
#user_navigation.not_logged_in {
height: 26px;
padding: 6px 0 4px;
}
#user_navigation #register_link {
background: #00c7e3;
color: white;
display: inline-block;
padding: 3px 8px;
border: 1px solid #00aac3;
-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4);
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}
#user_link:hover, #notify_link:hover, #inbox_link:hover {
background-color: #00c7e3;
-webkit-transition:background 0.5s ease-out;
-moz-transition:background 0.5s ease-out;
-o-transition:background 0.5s ease-out;
-ms-transition:background 0.5s ease-out;
}
#user_navigation #sign_in {
margin-right: 8px;
}
#notify_link {
background: url(http://i.imgur.com/lcE4p4d.png) no-repeat top;
-webkit-transition:background 0.5s ease-out;
-moz-transition:background 0.5s ease-out;
-o-transition:background 0.5s ease-out;
-ms-transition:background 0.5s ease-out;
}
#inbox_link {
background: url(http://i.imgur.com/vVoLhao.png) no-repeat top;
-webkit-transition:background 0.5s ease-out;
-moz-transition:background 0.5s ease-out;
-o-transition:background 0.5s ease-out;
-ms-transition:background 0.5s ease-out;
}
#notify_link, #inbox_link {
vertical-align: middle;
width: 18px;
height: 15px;
padding: 13px 24px 8px 12px;
position: relative;
-webkit-transition:background 0.5s ease-out;
-moz-transition:background 0.5s ease-out;
-o-transition:background 0.5s ease-out;
-ms-transition:background 0.5s ease-out;
}
.ipsList_inline > li {
display: inline-block;
margin: 0 3px;
}
ol, ul {
list-style: none;
}
.attach {float: right;}
/*branding*/
#branding {
background: #e7e7e7 url(http://i.imgur.com/1YiJ6n0.png) repeat-x;
min-height: 100px;
padding-top: 37px;
margin: 0 auto;
width: 90%;
min-width: 960px;
}
#branding:hover {
background: url(http://i.imgur.com/81ACSXe.png);
padding-top: 37px;
}
#branding {
-webkit-transition:background 0.5s ease-out;
-moz-transition:background 0.5s ease-out;
-o-transition:background 0.5s ease-out;
-ms-transition:background 0.5s ease-out;
}
#logo {
display: inline;
/*-webkit-animation-duration: 3s;
-webkit-animation-delay: 2s;
-webkit-animation-iteration-count: infinite;*/
}
#logo:hover {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
.clickable {
cursor: pointer;
}
#search {
margin: 20px 0;
}
#search_wrap {
position: relative;
background: #fff;
display: block;
padding: 0 26px 0 4px;
height: 26px;
line-height: 25px;
-moz-border-radius: 3px 4px 4px 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 3px;
border-radius: 3px 4px 4px 3px;
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
min-width: 230px;
}
#main_search {
margin-top: 5px;
font-size: 12px;
border: 0;
padding: 0;
color: #b0b0b0;
background: transparent;
width: 130px;
outline: 0;
}
#main_search:focus {
color: #5a5a5a;
}
input, select {
font: normal 13px helvetica,arial,sans-serif;
}
#search_options {
font-size: 10px;
height: 20px;
line-height: 20px;
margin: 3px 3px 3px 0;
padding: 0 6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #EAEAEA;
display: inline-block;
float: right;
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;
}
#search .submit_input {
background: #00d0ee url(http://i81.servimg.com/u/f81/17/45/75/97/search10.png) no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
border: 1px solid #00d0ee;
display: block;
width: 26px;
height: 26px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
#search .submit_input a:hover{
background:#00a7bf;
-webkit-transition:background 0.5s ease-out;
-moz-transition:background 0.5s ease-out;
-o-transition:background 0.5s ease-out;
-ms-transition:background 0.5s ease-out;
}
#adv_search {
width: 16px;
height: 16px;
background: url(http://i81.servimg.com/u/f81/17/45/75/97/advanc10.png) no-repeat right 50%;
text-indent: -3000em;
display: inline-block;
margin: 4px 0 4px 4px;
}
fieldset {
border: 0px groove threedface;
}
/*navegação*/
#primary_nav {
background: #00c7e3;
font-size: 14px;
text-align: center;
padding: 5px 20px 0px 0px;
margin: 0 auto;
width: 90%;
min-width: 960px;
}
#community_app_menu > li {
margin: -5px 1px 0 0px;
text-align: center;
}
#community_app_menu > li > a {
color: #fff;
background: #00c7e3;
text-align: center;
display: block;
padding: 10px 15px 8px;
text-shadow: none;
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
-webkit-transition:background 0.5s ease-out;
-moz-transition:background 0.5s ease-out;
-o-transition:background 0.5s ease-out;
-ms-transition:background 0.5s ease-out;
}
#community_app_menu > li > a:hover, #community_app_menu > li > a.menu_active {
background: #009dbf;
height: 15px;
color: #fff;
text-align: center;
-webkit-transition:background 0.5s ease-out;
-moz-transition:background 0.5s ease-out;
-o-transition:background 0.5s ease-out;
-ms-transition:background 0.5s ease-out;
}
#community_app_menu > li.active > a {
background: #fff;
font-weight: bold;
margin-top: 0;
text-shadow: none;
}
#primary_nav #quickNavLaunch {
padding: 10px 8px 8px;
}
#quickNavLaunch span {
background: url(http://i78.servimg.com/u/f78/17/31/71/58/icon_q10.png) no-repeat top;
width: 13px;
height: 13px;
display: inline-block;
}
/*table*/
.collapsed {
opacity: 0.8;
}
.main .main-head.collapsed {
border-radius: 4px 4px 4px 4px;
opacity: 0.2;
}
.main .main-head, .main .main-foot {
background: #22242D url() repeat-x top;
color: #fff;
padding: 10px 10px 11px;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: inset 0px 1px 0 #000;
-moz-box-shadow: inset 0px 1px 0 #000;
box-shadow: inset 0px 1px 0 #000;
border-width: 1px 1px 0 1px;
border-color: #000;
border-bottom: 3px solid #00d0ee;
border-style: solid;
margin-top: 10px;
}
.main .main-foot {
margin-top: 0px;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-radius: 0 0 4px 4px;
}
.main .main-head .page-title h2 {
font-size: 12px;
font-weight: 300;
}
.pun .main-content {
background: #ebf0f3;
padding: 9px;
}
.pun table.table {
background: #fff;
border: 1px solid #dbe4ef;
}
.table .tc_icon {
padding: 10px 5px!important;
margin-right: 70px;
vertical-align: middle;
width: 30px;
}
.pun table.table .tc_forum {
height: 42px;
min-height: 24px;
}
.pun tbody.statused span.stats {
margin-top: -10px;
margin-right: 50px;
}
.pun tbody.statused span.status {
margin-top: -10px;
margin-right: 50px;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: white;
}
.pun table.table td.tc3 {
text-align: right;
width: 15%;
}
.pun table.table td {
background: white;
padding: 10px;
border: 0px;
border-bottom: 1px solid #f3f3f3;
}
.hierarchy {
font-size: 14px!important;
font-weight: 400!important;
}
/*lastpost*/
.mini_ava {
float: left;
}
.mini_ava img {
width: 30px;
height: 30px;
margin: 8px 5px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.mini_ava img:hover {
border-color: #a1a1a1;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}
/*module*/
.module .main-head {
background: url() 50% 100% no-repeat #fafafa;
border-top: 3px solid #d8d8d8;
color: #727272;
font-family: 'Open Sans', Arial;
font-size: 13px;
font-weight: 400;
padding: 12px;
}
.module .main-content {background: #F7FBFC; border: 0px;}
/*stats*/
#onlinelist {background: white;border-top: 3px solid #d8d8d8;}
#onlinechat {background: white;border-top: 0px;}
#statistics {
margin: 0 auto !important;
text-align: center !important;
display: table;
background: none;
}
.statHide{display:none !important;}
.statsPers li span a {
text-decoration: none !important;
}
.statsPers li > span {
display: inline-block;
background: #e2e2e2;
color: #4a4a4a;
padding: 2px 6px;
font-weight: bold;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
margin-right: 3px;
}
.statsPers li {
float: left;
color:#4a4a4a;
margin: 2px 10px;
}
.statsPers {
list-style: none;
display: block;
margin: 0px auto;
width: 100%;
}
/*footer*/
#footer_utilities {
padding: 10px;
font-size: 11px;
position: relative;
}
#footer_utilities .ipsList_inline>li>a {
margin-right: 0px;
padding: 4px 10px;
}
#footer_utilities .ipsList_inline > li > a.rss_feed {padding: 0px;}
#footer_utilities a {color: #225985;}
#footer_utilities a:hover {color: #328586;}
#footer_utilities .ipsList_inline > li > a {
margin-right: 0px;
padding: 4px 10px;
}
#backtotop {
width: 24px;
height: 24px;
line-height: 20px;
left: 50%;
margin-left: -12px;
position: absolute;
display: inline-block;
background: #bdbdbd;
text-align: center;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
opacity: 0.4;
outline: 0;
-webkit-transition:background 1.0s ease-out;
-moz-transition:background 1.0s ease-out;
-o-transition:background 1.0s ease-out;
-ms-transition:background 1.0s ease-out;
}
#backtotop img {margin-top: 5px;}
#backtotop:hover{
background:#00c7e3;
color:#fff;
opacity:1;
-webkit-transition:background 1.0s ease-out;
-moz-transition:background 1.0s ease-out;
-o-transition:background 1.0s ease-out;
-ms-transition:background 1.0s ease-out;
}
#copyright {
color: #848484;
text-align: right;
text-shadow: 0px 1px 0px #fff;
}
#copyright a {
color: #848484;
}
/*post*/
.post h3 {
background: #FFF;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-size: 16px;
}
span.post_id {
margin-left: 4px;
}
.post_date {
padding: 0 0 10px 0;
font-size: 12px;
color: #a4a4a4;
}
.desc.blend_links a {
font: normal 12px helvetica, arial, sans-serif;
color: #777777;
}
.post_id a img.small {
max-height: 12px;
margin-left: 3px;
margin-top: -2px;
opacity: 0.5;
}
.post_online {display: inline-block;}
.pun .post .user {
margin-left: -16em;
margin-top: -0.9em;
}
.pun .post {background: white;}
.pun .postmain {
background-color: white;
border-left: 0px;
margin-left: 14em;
}
.pun .post .user {
width: 155px;
font-size: 12px;
text-align: center;
line-height: 150%;
margin-left: -170px;
margin-top: -0.6em;
}
.pun .user .user-ident .user-basic-info {
font-size: 11px;
color: #a4a4a4;
text-align: center;
font-weight: normal;
}
.postfoot {
border-top: 0px;
margin-left: -14em;
}
/*user img*/
.user-basic-info a img {
height: 90px;
width: 90px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.user-basic-info a img:hover {
border-color: #A1A1A1;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}
/*quick reply*/
#pun-qpost {
background: #ebf0f3;
padding: 9px;
padding-top: 1px;
}
#pun-qpost .main-head {
font: 300 26px/1.3 Helvetica, Arial, sans-serif;
color: #323232;
font-size: 18px;
background: white;
border-top: 1px solid #dbe4ef;
border-left: 1px solid #dbe4ef;
border-right: 1px solid #dbe4ef;
border-radius: 0px;
-webkit-box-shadow: inset 0px 0px 0;
-moz-box-shadow: inset 0px 0px 0;
box-shadow: inset 0px 0px 0;
}
#pun-qpost a.exthelp {display: none;}
.pun .frm-form, .main .main-content.frm {
background-color: white;
}
.pun .post {
border: 1px solid #dbe4ef;
}
.pun .main-content {
border: 1px solid #dbe4ef;
border-top: 0px;
}
#pun-qpost .frm-buttons {
border-top: 0px;
text-align: right;
}
/*chatbox*/
#chatbox_header.main-head {
background: #2c5687 url(http://i78.servimg.com/u/f78/17/31/71/58/mainti10.png) repeat-x top;
padding: 6px 8px 6px;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: inset 0px 1px 0 #528cbc;
-moz-box-shadow: inset 0px 1px 0 #528cbc;
box-shadow: inset 0px 1px 0 #528cbc;
border-width: 1px 1px 0 1px;
border-color: #316897;
border-style: solid;
}
.chatbox-title, .chatbox-title a.chat-title {
color: #fff;
font-size: 13px;
font-weight: 300;
}
.chatbox-options {margin: .3em .3em .5em;}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: #fff;
}
#chatbox_members {
top: 40px;
border-right: 1px solid #ccc;
}
#chatbox p:first-child {
border-top: 1px solid #d5dde5;
}
#chatbox p {
background: #f1f6f9;
border-right: 1px solid #d5dde5;
border-left: 1px solid #d5dde5;
border-bottom: 1px solid #d5dde5;
line-height: 1.2em;
}
#chatbox_footer {
padding-bottom: 6px;
border-top: 1px solid #d5dde5;
background: #f1f6f9;
}
#chatbox_footer .right {
/*display: none !important;*/
float: left;
}
#chatbox_messenger_form .right {margin-left: 8px;font-size:0}
input#message.post {
color: #5a5a5a;
border-width: 1px;
border-style: solid;
border-color: #848484 #c1c1c1 #e1e1e1 #c1c1c1;
background: #fff;
padding: 4px;
min-width: 395px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
#message, #submit_button {
margin-left: 15px;
}
.fontbutton {
background: #EFF1F3;
border-color: #DEE0E2;
color: #464646;
-moz-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
}
#divsmilies img + img{visibility:visible!important}
#chatbox_messenger_form div.right img{visibility:hidden}
#simple-wrap {
background:white;
}
#divbold, #divcolor, #divitalic, #divsmilies, #divstrike, #divunderline {
background-position: center;
background-repeat: no-repeat;
}
#divbold {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-bold.png);
}
#divitalic {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-italic.png);
}
#divunderline {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-underline.png);
}
#divstrike {
background-image: url(http://cdn1.iconfinder.com/data/icons/bnw/16x16/actions/text_strike.png);
}
#divcolor {
background-image: url(http://illiweb.com/fa/wysiwyg/color_swatch.png);
}
#divsmilies {
background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/emotic10.png);
}
.main-content.chatbox {padding: 0px;}
#chatbox{
margin: 10px 0 10px 0;
border: 1px solid #DCE2EC;
border-bottom: 6px solid #DCE2EC;
background: #ebf0f3;
padding: 8px;
}
input[type="submit"] {
text-decoration: none;
border-width: 1px;
border-style: solid;
padding: 4px 10px;
cursor: pointer;
}
input[type="submit"] {
background: #212121 url(http://i.imgur.com/EaN6eQn.png) repeat-x top;
color: #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 0 #1fccff, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #1fccff, 0px 2px 3px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 0 #1fccff, 0px 2px 3px rgba(0,0,0,0.2);
border-color: #00a6c9;
}
/*crumbs*/
p.crumbs a {
color: #777!important;
font: normal 13px helvetica, arial, sans-serif;
}
/*Avatar on title*/
.lastpost-avatar img {
background: none repeat scroll 0 0 #FFF;
border: 1px solid #D5D5D5;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
height: 200px;
margin: 0 10px;
padding: 1px;
width: 180px;
border-radius: 0px!important;
}
/* Menu Dropdown */
#perfil_drop{
background: linear-gradient(#FFF, #EDEDED) repeat scroll 0px 0px transparent;
border: 0px none !important;
border-radius: 0px 0px 6px 6px;
box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.4);
color: #225985;
font-family: helvetica,arial,sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: 400;
overflow: hidden;
position: absolute;
right: 7.1%;
text-align: left;
top: 36px;
width: 360px;
z-index: 999;
}
.nav_c{
box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.58)!important;
}

.avat img {
background: none repeat scroll 0px 0px #FFF;
border: 1px solid #D5D5D5;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
height: 200px;
margin: 10px;
padding: 1px;
width: 150px;
}
#perfil_drop li {
float: right;
line-height: 22px;
white-space: nowrap;
width: 38%;
}
#perfil_drop li a {
color: #00569C;
text-decoration: none;
}
.menu_active {
background: #fff;
border-radius: 5px 5px 0 0;
color: #000!important;
}
.sceditor-container {
width: 120% !important;
height: 280px !important;
}
/* Quick Answers Avatar */
#quick-avatar img {
-border-radius: 100%;
-moz-border-radius: 100%;
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
-webkit-border-radius: 100%;
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
background: #fff;
border: 1px solid #d8d8d8;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
height: 50px;
padding: 2px;
width: 50px;
#stats {
background-color: #FFFFFF;
line-height: 150%;
padding: 0px;
}
.onlinemeet {
text-align: center;
font-family: Arial;
color: #616161;
font-weight: 900;
font-size: 16px;
padding: 5px;
background-color: #EEEEEE;
border: 1px solid #DADADA;
border-right: none;
border-left: none;
}
#classeperson {
margin-left: 15px;
color: #616161;
float: left;
font-family: Arial;
}
#onlinelist {
float: right;
border-top: none;
background-color: #FAFAFA;
border-left: 3px dashed #F8F8F8;
float: right;
font-family: Arial;
padding-left: 40px;
}
.legendaa {
margin-top: 88px;
border-top: 1px solid #D6D6D6;
border-bottom: 5px solid #ACACAC;
border-radius: 0 0 5px 5px;
text-align: center;
background-color: #E9E9E9;
padding: 15px;
}
#pun-info .main-content {
background-color: #FFF;
}
.BS_like{-moz-border-radius:2px;-webkit-border-radius:2px;background:#740a0e url(http://imgur.com/nzsWyYT.png) no-repeat;border:1px solid #63070a;border-radius:2px;color:#fff;cursor:pointer;display:inline-block;font-size:11px;line-height:22px;margin-right:4px;padding:0 7px 0 26px;text-shadow:rgba(0,0,0,0.2) 0 -1px 0}.BS_count{-moz-border-radius:2px;-webkit-border-radius:2px;background:#f4f4f4;border-radius:2px;padding:3px 10px}.BS_vote{float:right;margin:0 5px}.BS_done{display:none}
/* Inbox message */
#bs_full_inbox {
font-size: 13px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 18px;
margin-top: 15px;
display: none;
width: 450px;
background: #fff;
box-shadow: 0px 15px 110px rgba(0,0,0,0.2);
border-radius: 3px;
z-index: 200;
position: absolute;
}
#bs_full_inbox a {
color: #255b79;
text-decoration: none;
}
#bs_full_inbox a:hover {color: #cd3816;}
#bs_full_inbox:before {
border-style: solid;
border-width: 15px;
border-color: transparent transparent #fff;
bottom: 100%;
pointer-events: none;
left: 15px;
content: '';
display: block;
height: 0;
position: absolute;
width: 0;
z-index: 3;
}
.bs_inbox_header {
background: #fff url('http://i.imgur.com/sl0Efuz.png') repeat-x 0 0;
border-bottom: 1px solid #e0e0e0;
box-shadow: 0px 1px 6px rgba(0,0,0,0.07);
border-radius: 3px 3px 0px 0px;
padding: 10px;
line-height: 24px;
}
.bs_inbox_header .compose {
font-size: 12px;
line-height: 28px;
padding: 0 15px;
float: right;
background: #262e33;
color: #ffffff !important;
font-weight: 500;
text-align: center;
text-decoration: none;
text-shadow: none;
white-space: nowrap;
display: inline-block;
vertical-align: middle;
border-radius: 3px;
border: 1px solid rgba(0,0,0,0.1);
-webkit-transition: 0.1s all linear;
-moz-transition: 0.1s all linear;
-ms-transition: 0.1s all linear;
-o-transition: 0.1s all linear;
transition: 0.1s all linear;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-font-smoothing: antialiased;
}
.bs_inbox_header .compose:hover {
background-image: url('http://i.imgur.com/eaB5FHK.png');
background-repeat: repeat;
}
.bs_inbox_sectionHead {
font-size: 18px;
color: #333333;
line-height: 24px;
font-weight: 400;
display: inline-block;
margin: 0;
}
.bs_inbox_inner {
width: 100%;
display: table;
table-layout: auto;
position: relative;
border-collapse: separate;
border-spacing: 0;
list-style: none;
padding: 0;
margin: 0;
}
.bs_inbox_li {
width: 100%;
position: relative;
padding: 5px 3px;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #f5f5f5;
}
.bs_inbox_li:last-child {border-bottom: 0;}
.bs_inbox_li strong {font-weight: normal !important;}
.bs_inbox_item, .bs_user_p {
display: table-cell;
padding: 8px 10px;
}
.bs_inbox_item {color: #9c9c9c;}
.bs_inbox_item .topictitle {display: inherit;}
.bs_inbox_footer {
background: #fff url('http://i.imgur.com/sl0Efuz.png') repeat-x 0 0;
text-align: center;
padding: 10px;
line-height: 24px;
border-top: 1px solid #e0e0e0;
box-shadow: 0px -1px 6px rgba(0,0,0,0.07);
border-radius: 0px 0px 3px 3px;
}
.bs_inbox_photo {
background: #fff;
border: 1px solid #fff;
box-shadow: 0px 0px 0px 1px #e2e2e2;
padding: 0.5px;
vertical-align: middle;
line-height: 1px;
position: relative;
border-radius: 150px;
width: 34px;
height: 34px;
}
/* view topic */
.uix_usernameWrapper span.username .i_icon_online{margin-right:5px} .pun .post .user { float:left; margin-left:0!important; margin-top:0!important; padding-top:0!important; position:relative; width:160px!important; } .pun .postmain { background-color:#fbfbfb; border:1px solid #e2e2e2!important; -webkit-border-radius:4px; -moz-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; margin:16px auto 16px 0 !important; padding:8px; } .pun .post-entry { float:left; width:79%; padding:1em 1em 0; } .pun .post { border-color:none!important; border-style:none!important; border-width:0!important; } .postfoot { border-top:0 dashed!important; clear:both; margin-left:0!important; text-align:right; padding:.5em 1em; } .pun .posthead { float:left; background:none!important; border-bottom:0 dashed #ccc!important; } .user-basic-info img:first-child { -moz-border-radius:100%; -moz-box-shadow:0 2px 2px rgba(0,0,0,0.1); -webkit-border-radius:100%; -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1); background:#fff; border:1px solid #d8d8d8; border-radius:100%; box-shadow:0 2px 2px rgba(0,0,0,0.1); height:110px; width:110px; padding:2px; } .messageUserBlock .extraUserInfo div { border-bottom:1px dashed #e2e2e2; padding-top:5px; } .user .messageUserInfo .messageUserBlock h3.userText br { display:none; } .messageUserInfo { background-color:#FFF; float:left; width:140px; margin-left:5px; } .messageUserBlock { background-color:#FFF; border:1px solid #e2e2e2; -webkit-border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; position:relative; } .messageUserBlock div.avatarHolder { background-color:#FFF; -webkit-border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; -webkit-border-bottom-right-radius:0; -moz-border-radius-bottomright:0; -khtml-border-bottom-right-radius:0; border-bottom-right-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-radius-bottomleft:0; -khtml-border-bottom-left-radius:0; border-bottom-left-radius:0; text-align:center; position:relative; padding:8px; } .messageUserBlock div.avatarHolder .avatar { display:block; font-size:0; } .messageUserBlock h3.userText { background-color:#f0f0f0; border:0 solid #e2e2e2; border-top-width:1px; padding:8px; } .messageUserBlock a.username { font-weight:700; display:block; overflow:hidden; line-height:16px; } .messageUserBlock .userTitle { font-size:11px; display:block; } .messageUserBlock .uB:last-child { margin-bottom:0; } .uB.wp { -webkit-border-top-right-radius:0; -moz-border-radius-topright:0; -khtml-border-top-right-radius:0; border-top-right-radius:0; -webkit-border-top-left-radius:0; -moz-border-radius-topleft:0; -khtml-border-top-left-radius:0; border-top-left-radius:0; position:relative; } .messageUserBlock .uB { display:block; margin:5px -14px; } .uB { font-size:11px; background:transparent url(styles/uix/xenforo/gradients/form-button-white-25px.png) repeat-x top; border:1px solid transparent; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; text-align:center; background-image:none; -webkit-box-shadow:none; -moz-box-shadow:none; -khtml-box-shadow:none; box-shadow:none; padding:4px 5px; } .uB.wp span.ber { -webkit-border-top-left-radius:3px; -moz-border-radius-topleft:3px; -khtml-border-top-left-radius:3px; border-top-left-radius:3px; left:-1px; } .uB.wp span.aft { -webkit-border-top-right-radius:3px; -moz-border-radius-topright:3px; -khtml-border-top-right-radius:3px; border-top-right-radius:3px; right:-1px; } .uB.wp span { position:absolute; top:-4px; width:5px; height:4px; background-color:inherit; } .uB.bannerStaff { background-color:#fafafa; background:#6ba65e; color:#FFF; border-color:transparent; } .messageUserBlock .extraUserInfo { font-size:12px; background-color:#FFF; border:0 solid #e2e2e2; border-top-width:1px; -webkit-border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; -webkit-border-top-left-radius:0; -moz-border-radius-topleft:0; -khtml-border-top-left-radius:0; border-top-left-radius:0; -webkit-border-top-right-radius:0; -moz-border-radius-topright:0; -khtml-border-top-right-radius:0; border-top-right-radius:0; padding:4px 6px; } .messageUserBlock .extraUserInfo dl { margin:2px 0 0; } .messageUserBlock .arrow { position:absolute; top:10px; right:-10px; display:block; width:0; height:0; line-height:0; border:10px solid transparent; border-left-color:#e2e2e2; -moz-border-left-colors:#e2e2e2; border-right:none; _display:none; } .messageUserBlock .arrow span { position:absolute; top:-10px; left:-11px; display:block; width:0; height:0; line-height:0; border:10px solid transparent; border-left-color:#FFF; -moz-border-left-colors:#FFF; border-right:none; }@media only screen and (max-width: 1024px) and (min-width: 1000px){ .pun .post-entry { width: 75%!important; }}
.newmp_bs span.status {
display: none;
}

.newmp_bs a.topictitle {
color: #fff;
font-size: 12px;
}

.newmp_bs {
color: #fff;
display: inline-block;
}

.newmp_bs a {
font-size: 11px;
color: #F0F0F0;
}

/*****
Receive private messages
*****/
span#msg_header {
font-size : 12px;
text-transform : uppercase;
color : #F1F1F1;
}

.mpnew_targetcode {
position : fixed;
left : 40%;
top : 33%;
background : rgba(0, 0, 0, 0.Estilo cool;
border : 5px solid #000;
padding : 20px;
z-index : 999;
border-radius : 5px;
width : 280px;
height : 110px
}

.headermpnew {
font-size : 16px;
padding : 2px;
margin-top : -11px;
margin-bottom : 12px;
}

a#close_window {
float : right;
width : 5px;
height : 5px;
color : red;
font-size : 15px;
font-family : serif;
}

a.restantemp {
color : #ECECEC;
text-transform : uppercase;
font-size : 10px;
margin-top : 15px;
padding : 2px;
float : left;
margin-left : -1px;
}

.infomp {
padding : 2px;
font-size : 12px;
float : left;
}

.forabg {
position : fixed;
background : rgba(0, 0, 0, 0.4);
width : 100%;
height : 100%;
top : 0px;
z-index : 1;
}
/* TITLEBOX */

.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 #D6D6D6;
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
}
.titlebox dd{display:block}
.titlebox dava{float:left}
.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:#fff;
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 dava a img:hover{
-moz-box-shadow:0 2px 2px rgba(0,0,0,0.2);
-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);
border-color:#A1A1A1;
box-shadow:0 2px 2px rgba(0,0,0,0.2)
}
.ipsType_pagetitle a{font-size:23px;z-index:999}
.desc.lighter.blend_links{color:#a4a4a4;float:left;font-size:11px}
.desc.lighter,.desc.lighter.blend_links a{color:#A4A4A4}
.desc,.desc.blend_links a,p.posted_info{color:#777;font-size:12px}
.conect{display:inline-block;padding-left:5px}

.seguir{float:right;position:relative}
.seguir a{
-moz-border-radius:2px;
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0 1px 0;
-webkit-border-radius:2px;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0 1px 0;
background:#ececec url(http://i45.tinypic.com/2hrd3tg.png) repeat-x 0 0;
border:1px solid #d0d0d0;
border-radius:2px;
box-shadow:0 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0 1px 0;
color:#616161!important;
cursor:pointer;
display:inline-block;
font-size:11px;
height:24px;
line-height:24px;
padding:0 10px;
text-shadow:#fff 0 1px 0;
white-space:nowrap
}
.seguir a:hover{background-color:#f8f8f8;color:#4c4c4c}

/* FIM */
.posthead[id] + .postmain .entry-content div p:not(:empty) {
background: #ffebc8 url(http://imgur.com/PIQA4LA.png) no-repeat 6px 10px;
border: 1px solid #ecc272;
color: #ac6328;
font-family: "Trebuchet MS",tahoma,helvetica,arial,sans-serif;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: 700;
line-height: 18px;
margin-top: 15px;
padding: 8px 8px 8px 28px;
text-shadow: #fffaf1 0 1px 0;
}
.entry-content p:not(:empty) br {display: none;}
.pun fieldset, .pun img {
border: none;
}
ul#pun-legend, ul.pun-legend {
display: none;
}
/* Animate on Header by Eddye */
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}

.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}

.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}

60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}

75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}

90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}

100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}

60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}

75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}

90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}

100% {
-webkit-transform: none;
transform: none;
}
}

.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}

30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}

40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}

50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}

65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}

75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}

100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}

@keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}

30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}

40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}

50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}

65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}

75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}

100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}

.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
/* End Animate CSS on Header */
/* Ajax Mito */
#ajax_loading {background: #00c7e3;color: #fff;text-align: center;padding: 5px 0 8px;width: 8%;top: 37px;left: 46%;-moz-border-radius: 0 0 5px 5px;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;border-radius: 0 0 5px 5px;z-index: 999;position: fixed;-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);box-shadow: 0px 3px 5px rgba(0,0,0,0.2);opacity: 0.6;}
/*Font Awesome */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
font-family: 'FontAwesome';
font-style: normal;
font-weight: normal;
src: local('FontAwesome'), local('FontAwesome'), url(http://asusgames.esy.es/fonts/fontawesome-webfont.woff) format('woff');
}
/* ranks */
.rank{
background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,.1)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,.1)),color-stop(0.75,rgba(255,255,255,.1)),color-stop(0.75,transparent),to(transparent));
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.1)25%,transparent 25%,transparent 50%,rgba(255,255,255,.1)50%,rgba(255,255,255,.1)75%,transparent 75%,transparent);
background-image: -moz-linear-gradient(45deg,rgba(255,255,255,.1)25%,transparent 25%,transparent 50%,rgba(255,255,255,.1)50%,rgba(255,255,255,.1)75%,transparent 75%,transparent);
background-image: linear-gradient(45deg,rgba(255,255,255,.1)25%,transparent 25%,transparent 50%,rgba(255,255,255,.1)50%,rgba(255,255,255,.1)75%,transparent 75%,transparent);
background-size: 10px 10px;
padding: 3px;
width: 130px;
margin: 5px;
text-align: center;
text-shadow: #000 1px 1px 0;
color: #fff;
border-radius: 3px;
box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.5), rgba(0,0,0,.3) 0 1px 1px;
font: 13px 'Open Sans', Arial, sans-serif;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
cursor: default;
}
.stars{
height: 16px;
width: 31px;
margin: 5px 0 0 3px;
background: url('https://cdn1.iconfinder.com/data/icons/fatcow/16/star.png') repeat-x;
background-size: 10px;
float: left;
}
.admin{
background-color: #c70000;
}
.admin:before {
content: "\f000";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
}
.mod{
background-color: #009;
}
.co-admin{
background-color: #a2712b;
}
.co-admin .stars{
width: 20px;
}
.mod .stars{
width: 10px;
}
por RobervalL
em 01/05/15, 11:13 am
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Aumentar as dimensões do avatar
Respostas: 3
Visto: 240

Colocar imagem no fundo

Aqui está:
Spoiler:
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 .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.Estilo cool 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;
}
.user-basic-info a img {
max-width: 95px;
max-height: 95px;
border-radius: 2px;
}
.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.Estilo cool 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.Estilo cool 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.Estilo cool 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.Estilo cool 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.Estilo cool 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.Estilo cool 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://illiweb.com/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.Estilo cool 0px -1px 0px;
background: #161616;
border: 0;
}
.title-overview {
border-bottom: 1px solid #393939;
text-shadow: rgba(0, 0, 0, 0.Estilo cool 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.Estilo cool 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: 9px;
}
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: 50%;
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;
}
#pun-head {
position: relative!important;
}
#pun-intro{background:url(http://i38.servimg.com/u/f38/19/09/90/16/banner10.jpg)}
.pun .user-ident .username a {
float: right;
position: absolute;
margin: -13px 0px 0px 15px;
}
/*********RANK REPUTAÇÃO***********/
.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);
}
.pun tbody.statused span.status {
position: relative !important;
top: 15px !important;
}
p {
position: relative !important;
top: 5px !important;
}
div#desc-c {
position: relative !important;
top: 5px !important;
}
a.forumtitle {
position: relative !important;
top: 7px !important;
}
.tcl > .status {
margin-right: 14px !important;
}
h2.topic-title {
position: relative;
top: 9px;
left: -6px;
}
span#tipe-post {
position: relative;
top: 9px;/*- Quanto maior, mais irá para baixo *-/
}
.pun {
background: url(http://hitsk.in/t/18/71/38/i_background.png)!important;
}
por Stonay
em 14/04/15, 05:48 pm
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Colocar imagem no fundo
Respostas: 20
Visto: 1656

Como tira essa imagem no fundo do Menu?

EuficoLoko escreveu:Bom dia, Panic_xD:

Adicione em seu CSS:
Código:
#page-header .navbar ul.linklist.navlinks, a.mainmenu{color: black !important;background: none !important;
border: none !important;border-right: none !important;border-left: none !importanat;}

Agora para mudar a cor do menu, procure em seu CSS:
Código:
a.mainmenu {
  background: url(http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png) no-repeat scroll 100% 44% rgba(0,0,0,0);
  color: #FFF!important;

Terá alguns parâmetros após isso, mas o que queremos editar e a cor #FFF. (Troque pela do menu em Hexadecimal)

Abraços. Feliz


O senhor adicionou na CSS?
por EuficoLoko
em 10/04/15, 10:15 pm
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Como tira essa imagem no fundo do Menu?
Respostas: 20
Visto: 1623

Como tira essa imagem no fundo do Menu?

Bom dia, Panic_xD:

Adicione em seu CSS:
Código:
#page-header .navbar ul.linklist.navlinks, a.mainmenu{color: black !important;background: none !important;
border: none !important;border-right: none !important;border-left: none !importanat;}

Agora para mudar a cor do menu, procure em seu CSS:
Código:
a.mainmenu {
  background: url(http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png) no-repeat scroll 100% 44% rgba(0,0,0,0);
  color: #FFF!important;

Terá alguns parâmetros após isso, mas o que queremos editar e a cor #FFF. (Troque pela do menu em Hexadecimal)

Abraços. Feliz
por EuficoLoko
em 09/04/15, 08:57 am
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Como tira essa imagem no fundo do Menu?
Respostas: 20
Visto: 1623

Login em LightBox

Aqui está
Overall_header:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
<!-- BEGIN switch_compat_meta -->
<meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
<!-- END switch_compat_meta -->
<!-- BEGIN switch_canonical_url -->
<link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
<!-- END switch_canonical_url -->
{META_FAVICO}
{META}
{META_FB_LIKE}
<meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
{T_HEAD_STYLESHEET}
{CSS}
<link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
<link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
<script src="{JQUERY_PATH}" type="text/javascript"></script>
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

<!-- BEGIN switch_fb_login -->
<script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
<script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
<!-- END switch_fb_login -->

<!-- BEGIN switch_ticker -->
<link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
<script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
<!-- END switch_ticker -->

<!-- BEGIN switch_ticker_new -->
<script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[
/* Definir le sens de direction en fonction du panneau admin */
var tickerDirParam = "{switch_ticker.DIRECTION}";
var slid_vert = false;
var auto_dir = 'next';
var h_perso = parseInt({switch_ticker.HEIGHT});

switch( tickerDirParam )
{
case 'top' :
slid_vert = true;
break;

case 'left':
break;

case 'bottom':
slid_vert = true;
auto_dir = 'prev';
break;

case 'right':
auto_dir = 'prev';
break;

default:
slid_vert = true;
}

$(document).ready(function() {

var width_max = $('ul#fa_ticker_content').width();
var width_item = Math.floor(width_max / {switch_ticker.SIZE});

if (width_max > 0)
{
$('#fa_ticker_content').css('display','block');

$('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
if ($(this).width() > width_item)
{
var ratio = $(this).width() / width_item;
var new_height = Math.round($(this).height() / ratio);
$(this).height(new_height).width(width_item);
}
});

if (slid_vert)
{
var height_max = h_perso;

$('ul#fa_ticker_content li').each( function () {
if ($(this).height() > height_max)
{
height_max = $(this).height();
}
} );

$('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
$('ul#fa_ticker_content li').height(height_max);
}

$('#fa_ticker_content').jcarousel({
vertical: slid_vert,
wrap: 'circular',
auto: {switch_ticker.STOP_TIME},
auto_direction: auto_dir,
scroll: 1,
size: {switch_ticker.SIZE},
height_max: height_max,
animation: {switch_ticker.SPEED}
});
}
else
{
$('ul#fa_ticker_content li:not(:first)').css('display','none');
$('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
}
});
//]]>
</script>
<!-- END switch_ticker_new -->

<script type="text/javascript">
//<![CDATA[
jQuery().ready(function(){
<!-- BEGIN switch_enable_pm_popup -->
pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
if(pm != null) { pm.focus(); }
<!-- END switch_enable_pm_popup -->
<!-- BEGIN switch_report_popup -->
report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
if(report != null) { report.focus(); }
<!-- END switch_report_popup -->
<!-- BEGIN switch_ticker -->
$(window).load(function() {
Ticker.start({
height : {switch_ticker.HEIGHT},
spacing : {switch_ticker.SPACING},
speed : {switch_ticker.SPEED},
direction : '{switch_ticker.DIRECTION}',
pause : {switch_ticker.STOP_TIME}
});
});
<!-- END switch_ticker -->
});

<!-- BEGIN switch_login_popup -->
var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
<!-- END switch_login_popup -->

<!-- BEGIN switch_login_popup -->
$(document).ready( function() {
$(window).resize(function() {
var windowWidth = document.documentElement.clientWidth;
var popupWidth = $("#login_popup").width();
var mypopup = $("#login_popup");

$("#login_popup").css({
"left": windowWidth/2 - popupWidth/2
});
});
});
<!-- END switch_login_popup -->
//]]>
</script>
{GREETING_POPUP}
<!-- BEGIN switch_ticker_new -->
<style>
.jcarousel-skin-tango .jcarousel-item {
text-align:center;
width: 10px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-right: {switch_ticker.SPACING}px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
margin-bottom: {switch_ticker.SPACING}px;
}
</style>
<!-- END switch_ticker_new -->
{HOSTING_JS}
<!-- BEGIN google_analytics_code -->
<script type="text/javascript">
//<![CDATA[
var _gaq = _gaq || [];
_gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
_gaq.push(["_trackPageview"]);
_gaq.push(['_trackPageLoadTime']);

<!-- BEGIN google_analytics_code_bis -->
_gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
_gaq.push(['b._trackPageview']);
<!-- END google_analytics_code_bis -->

(function() {
var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
})();
//]]>
</script>
<!-- END google_analytics_code -->
</head>

<body>
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
<h1><img src="http://illiweb.com/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1>
<div class="content">
<p>
{hitskin_preview.L_THEME_SITE_PREVIEW}
<br />
<span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
</p>
</div>
</div>
<!-- END hitskin_preview -->

<!-- BEGIN switch_login_popup -->
<div id="login_popup" class="module main" style="z-index: 10000 !important;">
<div id="login_popup_title" class="main-head">
<div class="h3">{SITENAME}</div>
</div>
<div class="main-content">
{LOGIN_POPUP_MSG}
<div id="login_popup_buttons">
<form action="{S_LOGIN_ACTION}" method="get">
<input type="submit" class="button2" value="{L_LOGIN}" />
<input type="button" class="button2" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
<input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
</form>
</div>
</div>
</div>
<!-- END switch_login_popup -->

<a id="top" name="top" accesskey="t"></a>

<div class="minwidth_IE">
<div class="layout_IE">
<div class="container_IE">
<div class="pun">
<div id="pun-intro" class="clearfix">
<a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>

<!-- BEGIN switch_h1 -->
<div id="pun-title">{switch_h1.MAIN_SITENAME}</div>
<!-- END switch_h1 -->

<!-- BEGIN switch_desc -->
<p id="pun-desc">{switch_desc.SITE_DESCRIPTION}</p>
<!-- END switch_desc -->
</div>
<div id="pun-head">
<div id="pun-navlinks">
<ul class="clearfix">
<li>{GENERATED_NAV_BAR}</li>
</ul>
</div>
</div>

<!-- BEGIN switch_ticker_new -->
<div id="fa_ticker_block" style="padding-top:4px;">
<div class="module main">
<div class="main-content clearfix">
<div id="fa_ticker_container">
<ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display: none;width: 100%;">
<!-- BEGIN ticker_row -->
<li>{switch_ticker.ticker_row.ELEMENT}</li>
<!-- END ticker_row -->
</ul>
</div>
</div>
</div>
</div>
<!-- END switch_ticker_new -->

<!-- BEGIN switch_ticker -->
<div id="fa_ticker_block" style="padding-top:4px;">
<div class="module main">
<div class="main-content clearfix">
<div id="fa_ticker_container">
<div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
<div class="fa_ticker_content">
<!-- BEGIN ticker_row -->
<div>{switch_ticker.ticker_row.ELEMENT}</div>
<!-- END ticker_row -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END switch_ticker -->

<div id="page-body">
<div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
<div id="outer-wrapper">
<div id="wrapper">
<div id="container">
<div id="content">
<div id="{ID_LEFT}">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index1 -->
</div>
<div id="main">
<div id="main-content">

<!-- BEGIN html_validation -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<!-- END html_validation -->
<!-- #region sign_in_popup -->
<div id="document_modal" class="modal" style="display:none; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 10000; opacity: 0.4; background-color: #3E3E3E;"></div>
<div id="sign_in_popup_popup" style="display:none; z-index: 10001; top: 152px; left: 283.5px; position: fixed;" class="popupWrapper">
<div id="sign_in_popup_inner" class="popupInner" style="width: 600px; max-height: 641px;">
<div style="" class="ipbfs_login" id="inline_login_form">
<form id="login" method="post" action="/login.forum">
<h3>Iniciar Sessão</h3>

<div class="ipbfs_login_row">
<div class="ipbfs_login_col">
<span class="right desc lighter blend_links"><a href="/register" title="Registrar-se agora">Registar-se agora!</a></span>
<strong><label for="ips_username"></label></strong>
<div class="ipsField_content">
<input type="text" tabindex="1" size="30" placeholder="Nome de Usuáro" name="username" class="input_text ipbfs_login_input ipbfs_luser" id="ips_username">
</div>
</div>
<div class="ipbfs_login_col">
<span class="right desc lighter blend_links"><a href="/profile?mode=sendpassword" title="redordar contraseña">Esqueci minha senha!</a></span>
<strong><label for="ips_password"></label></strong>
<div class="ipsField_content">
<input type="password" tabindex="2" size="30" placeholder="Senha" name="password" class="input_text ipbfs_login_input ipbfs_lpassword" id="ips_password"><br>
</div>
</div>
</div>
<div class="clearfix">
<div class="ipbfs_login_col">
<input type="checkbox" class="input_check left" value="1" name="autologin" checked="checked" id="autologin">
<div style="padding-left: 20px;">
<label for="autologin">
<strong>Lembrar-me</strong>
<span style="display: block; padding-top: 5px;" class="desc lighter">Não é recomendado em computadores compartilhados.</span>
</label>
</div>
</div>
<div class="ipbfs_login_col">
<input type="checkbox" class="input_check left" value="1" name="anonymous" id="anonymous">
<div style="padding-left: 20px;">
<label for="anonymous">
<strong>Iniciar sessão de forma anônima</strong>
<span style="display: block; padding-top: 5px;" class="desc lighter">Não será visível na lista de usuários ativos.</span>
</label>
</div>
</div>
</div>
<div class="ipsForm_submit ipsForm_center clear" style="height: 29px;">
<input type="submit" name="login" value="Iniciar Sessão" class="input_submit">
<input name="redirect" type="hidden" value="" />
</div>
</form>
</div>
</div>
<div id="sign_in_popup_close" class="popupClose clickable">
<img alt="x" src="http://i78.servimg.com/u/f78/18/17/62/92/close_10.png" onclick="show_popup('sign_in_popup_popup');">
</div>
</div>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
$('#user_navigation #sign_in').attr('href', '#').attr('onclick', "show_popup('sign_in_popup_popup');");
/*
$('#user_navigation #sign_in').click(function() {
sign_in_popup();
});
*/
});
function show_popup(id) {
var $oObj = $('#'+id);
if ($oObj.css('display') == 'none') {
$oObj.add('#document_modal').fadeIn('slow');
$("input:text:eq(0):visible").focus();
} else {
$oObj.add('#document_modal').fadeOut('slow');
}
}
//]]>
</script>
<style type="text/css">
<!--
.popupWrapper {
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5) !important;
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.6);
padding: 8px !important;
border-radius: 5px !important;
}
.ipbfs_login .ipsForm_submit {
margin-top: 0;
}
.ipbfs_login .ipsBox_notice {
margin: 0;
}
.ipbfs_login .input_submit {
font-size: 13px;
}
#sign_in_popup_inner {
width: 680px !important;
}
.popupInner {
box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
overflow-x: hidden;
overflow-y: auto;
width: 500px;
}
.popupInner h3 {
border-bottom: 1px solid #d8d8d8;
text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.Estilo cool;
background:#eee url("http://i56.servimg.com/u/f56/17/97/98/69/highli12.png") repeat-x 0 0 ;
padding: 8px 10px 9px;
}
.border, .statistics, .post_block, .ipsComment, .popupInner, .no_messages, .poll_question ol, .ipsBox_container, .ipsFloatingAction, .column_view .post_body {
background: none repeat scroll 0 0 #fff;
}
.ipsBox_notice {
line-height: 1.6;
margin-bottom: 10px;
padding: 10px;
}
.ipsBox_notice, .ipsBox_highlight {
background: none repeat scroll 0 0 #F4FCFF;
border-bottom: 1px solid #CAE9F5;
}
.ipbfs_login_row {
overflow: hidden;
}
.ipbfs_login_row, .gallery_pane h2, .ipsBox_container .ipsType_pagetitle, .ipsType_sectiontitle, #index_stats .status_list:first-of-type li:first-child, .ipsList_data li:first-of-type, .ipsList_withminiphoto li:first-of-type, .ipsList_withmediumphoto li:first-of-type, .category_block table tr:nth-of-type(2) td {
border-top: 0 none;
}
#recentajaxcontent li, #idm_categories a, #index_stats .status_list li, #panel_files .file_listing li, #panel_screenshots #ss_linked li, .file_listing, #cart_totals td, div#member_filters li, #files li, .ipsType_sectiontitle, #order_review td, #package_details .package_info, .block_list li, .package_view_top, .member_entry, #help_topics li, .ipsBox_container .ipsType_pagetitle, .userpopup dl, #announcements td, .preview_info, .sideVerticalList li, fieldset.with_subhead ul, .ipsList_data li, .ipsList_withminiphoto li, .ipsList_withmediumphoto li, table.ipb_table td, .store_categories li, #mini_cart li, #index_stats div[id*="statusReply"], #ipg_category .ipg_category_row, .gallery_pane h2, .status_feedback li[id*="statusReply"], .ipsSideMenu ul li, .ipbfs_login_row, .ipbfs_login .clearfix, .articles .block-1, .articles .type-1x2x2 .article_row, #idm_category .idm_category_row, #category_list li a, .ipsComment {
border-bottom: 1px solid #E3E3E3;
border-top: 1px solid #fff;
}
.ipbfs_login_col {
float: left;
padding: 15px 10px;
width: 314px;
}
.desc.lighter, .desc.lighter.blend_links a {
color: #646464;
}
.desc, .desc.blend_links a, p.posted_info {
color: #898989;
font-size: 11px;
}
.right {
float: right;
}
.ipbfs_login_col a:hover {
text-decoration: underline;
}
.ipbfs_login_row label {
font-size: 1.15em;
}
input:-moz-placeholder {
color: #939393;
}
.ipbfs_luser {
background-image: url("http://i78.servimg.com/u/f78/18/17/62/92/user10.png") !important;
background-position: 7px 60% !important;
background-repeat: no-repeat !important;
}
.ipbfs_login_input {
font-size: 14px !important;
margin-top: 10px;
padding: 6px 0 6px 28px !important;
width: 284px;
}
.input_text, .ipsTagBox_wrapper, textarea {
background: none repeat scroll 0 0 #FCFCFC;
border: 1px solid #D4D4D4;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
color: #000;
padding: 6px;
text-shadow: #FFF 0px 1px 0px;
}
input, select, textarea {
font: 12px tahoma,helvetica,arial,sans-serif;
}
.ipbfs_lpassword {
background-image: url("http://i78.servimg.com/u/f78/18/17/62/92/key10.png");
background-position: 7px 60% !important;
background-repeat: no-repeat !important;
}
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
overflow: hidden;
visibility: hidden;
}
.left {
float: left;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
.ipsForm_center {
text-align: center !important;
}
.ipsForm_submit {
margin-top: 25px;
padding: 5px 10px;
text-align: right;
}
.clear {
clear: both;
}
#vnc_filter_popup_close, body#ipboard_body fieldset.submit, body#ipboard_body p.submit, .ipsForm_submit {
background: #e4e4e4 url('http://i56.servimg.com/u/f56/17/97/98/69/highli12.png') repeat-x 0 0;
border-top: 1px solid #d8d8d8;
}
.popupClose {
position: absolute;
right: 20px;
top: 20px;
}
.clickable {
cursor: pointer;
}
.input_submit, .ipsButton_secondary {
outline: medium none;
}
.input_submit {
background: #3c3c3c ;
border-color: #333;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.13) inset;
color: #FFF;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
border-radius: 3px;
}
.input_submit {
text-decoration: none;
border-width: 1px;
border-style: solid;
padding: 5px 12px;
cursor: pointer;
}
.pun h2, .pun h3, .pun input, .pun select, .pun th {
font-family: helvetica,arial,sans-serif !important;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: 300;
}
body {
color: #5a5a5a !important;
font: 11px tahoma,helvetica,arial,sans-serif !important;
}
-->
</style>
<!-- #endregion sign_in_popup -->
por timecraft24hrs
em 06/04/15, 03:53 pm
 
Buscar em: Questões resolvidas sobre códigos Javascript & jQuery
Tópico: Login em LightBox
Respostas: 13
Visto: 596

Como colocar legenda?

Olá novamente!

Perdão, eu esqueci de avisa-lo ao senhor que é necessário modificar a cor para a cor do grupo do seu fórum.

No código:
a[href*="/u"] span[style="color:COR_DO_SEU_GRUPO"] strong{position:relative}a[href*="/u"] span[style="color:COR_DO_SEU_GRUPO"] strong:hover:after{background-color:rgba(0,0,0,0.5);border-radius:5px;bottom:15px;color:#fff;content:"Suporte no atendimento aos usuários";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:-70px;padding:2px;position:absolute;white-space:nowrap;z-index:1}

Modifique o que destaquei para a cor do grupo do teu fórum em hexadecimal, penso eu que seja por hexadecimais assim como os demais são. Positivo

Até! Feliz
por Gaaratsu
em 10/03/15, 08:01 pm
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Como colocar legenda?
Respostas: 4
Visto: 261

Retirar tamanho padrão dos avatares

Olá @'Ripper,

Peço que procure por este código em sua folha de estilo CSS.
.pun .user .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.2);
background: #fff;
border: 1px solid #d5d5d5;
box-shadow: 0 2px 2px rgba(0,0,0,0.2);
max-height: 150px;
max-width: 300px;

padding: 1px;
}

O que está em negrito peço que remova.


Atenciosamente. Piscada
por First
em 07/03/15, 01:17 pm
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Retirar tamanho padrão dos avatares
Respostas: 17
Visto: 294

Criar menu personalizado

Para arrumar a questão do texto hover, troque por:
Código:
body{overflow-x: hidden !important}

#pun-navlinks{background-color:#141414;margin-left: -15px;width: 101%;position: relative;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjUwRTNGNUIzNDhBMjExRTI5MjY0Q0ZBRDcxOTYxNUNFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjUwRTNGNUI0NDhBMjExRTI5MjY0Q0ZBRDcxOTYxNUNFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTBFM0Y1QjE0OEEyMTFFMjkyNjRDRkFENzE5NjE1Q0UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTBFM0Y1QjI0OEEyMTFFMjkyNjRDRkFENzE5NjE1Q0UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6JCXrGAAAANElEQVR42mIwMrL6z8TAwPAXlfiDyvqNykIjfqGyiCB+4uL+JMUUNMvRCDSHo3nrL0CAAQBzOzIE69Ar8wAAAABJRU5ErkJggg==);background-repeat:repeat-x;color:#fff;display:block;font-family:Helvetica, Arial, Verdana, sans-serif;font-size:12px;font-weight:400;height:35px;line-height:30px;padding:5px 20px 13px;text-decoration:none}.mainmenu{color:#fff!important}.mainmenu,a.mainmenu:hover{text-decoration:none!important}
      #pun-navlinks {border-bottom: 3px solid red !important  ;}
     
.mainmenu:hover, .mainmenu{color:#fff!important;max-height: 10px !important;padding-bottom:17px !important;padding-top:13px;padding: 10px;}.mainmenu,a.mainmenu:hover{text-decoration:none!important}

li .mainmenu:hover {background:#fff;color:#000!important;}

Quanto ao efeito do hover, deseja como?
Na última linha:
Código:
li .mainmenu:hover {background:#fff;color:#000!important;}

E a linha do hover, podendo trocar a cor do background de #fff para a que o senhor desejar. A cor do texto de #000 para a que desejar. Etc..
por EuficoLoko
em 03/03/15, 04:36 pm
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Criar menu personalizado
Respostas: 29
Visto: 577

Hover sobre grupo e nick

Olá,

Senhor, eu já postei o código... mais vamos reformular para você entender, certo?

Hover sobre o nick
a[href*="/u"] span[style="color:#CC66CC"] strong:hover:after {
background-color: rgba(150,13,150,0.5);
border-radius: 5px;
bottom: 83px;
color: #fff;
content: "Suporte gráfico para os usuários";
display: inline-block;
font-size: 10px;
font-style: normal;
font-weight: 700;
left: 288px;
padding: 2px;
position: absolute;
white-space: nowrap;
z-index: 1;
}

#CC66CC -> Coloca a cor do grupo que deseja aplicar tal efeito.

Hover sobre o grupo
a[class="gensmall"][href="/g15-artmeiros"]:hover:after {
background-color: rgba(150,13,150,0.5);
border-radius: 5px;
bottom: 15px;
color: #fff;
content: "Suporte gráfico para os usuários";
display: inline-block;
font-size: 10px;
font-style: normal;
font-weight: 700;
left: -60px;
padding: 2px;
position: absolute;
white-space: nowrap;
z-index: 1;
}

15: Coloca o ID do grupo que deseja aplicar o efeito.
artmeiros: Coloca o nome do grupo em letras "minusculas".

Estes códigos devem ser aplicado na sua folha de estilo CSS, para isso peço que acede à:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores :seta2: Folha de estilo CSS


Resulta?


Atenciosamente! Piscada
por First
em 25/02/15, 12:25 pm
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Hover sobre grupo e nick
Respostas: 8
Visto: 504

Duvida ao Widget Flutuante

Saudações!

Substitua o teu código por este:
<div id="fdf_float" align="center">
<script type="text/javascript">
$(function(){
var horario = new Date();
var hora = horario.getMinutes();
if ((hora >= 50)){
$('#fdf_float:eq(1)').hide()
};
if ((hora >= 4)){
$('#closedfstc:eq(1)').show()
};
});
</script>
<style type="text/css">
#fdf_float a {
position: fixed;
bottom: 80px;
text-decoration: none;
right: 20px;
z-index: 3000;
}
a#caixflofstc {
position: fixed;
bottom: 10px;
line-height: 16px;
text-align: left;
right: 10px;
z-index: 1;
opacity: 0.8;
width: 360px;
height: 120px;
background: #cf3737;
color: #fff;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
padding: 10px;
text-decoration: none;
font-size: 11px;
font-family: Tahoma;
border: 1px solid #771b1b;
box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #f66c6c 0px 1px 0px;
border-radius: 3px;
}
a#caixflofstc:hover {
opacity: 1;
}
#caixflofstc strong {
font-family: "Trebuchet MS";
display: block;
font-size: 14px;
padding-bottom: 5px;
}
</style>
<a href="#" id="caixflofstc"><span id="closedfstc" style="float: right;">x</span>Conteúdo</a>
</div>


Veja os números "50" e "4" que destaquei em negrito. Aos 4 ele aparecerá, aos 50 desaparecerá. Assim sucessivamente e vice-versa! Piscada

Peguei de um outro código, prevejo que funcione! Vale lembra-lo que, ele é controlado por minutos, nos 4 ele aparece e nos 50 desaparece.

Até! Muito feliz
por Gaaratsu
em 22/02/15, 09:45 pm
 
Buscar em: Questões resolvidas sobre códigos Javascript & jQuery
Tópico: Duvida ao Widget Flutuante
Respostas: 7
Visto: 230

Dúvida sobre o código postado por luciano 98

Detalhes da dúvida


Versão do fórum : phpBB2
Nível de acesso : Membro
Navegador usado : Mozilla Firefox
Imagem :
Imagem da minha dúvida:

Membros afetados : Vários usuários, uns sim e outros não
Problema começou : Desde que tentei copiar o código
Endereço do fórum : http://ajuda.forumeiros.com/t44427-imagem-flutuante

Descrição do problema

<style>#nomeDiv2{z-index:1;width:200px;height:200px}#nomeDiv2 a{padding:5px;border:1px solid #000;text-decoration:none;background:#000;color:#fff}#nomeDiv2 a:hover{background:#fff;color:#000}</style><div style=position:fixed;bottom:0px;right:0px;z-index:1 id=bidf><a href="/t69-"><img src="http://aux.iconpedia.net/uploads/1302741749974481030.png"></a><br><div id=nomeDiv2><a href="#" onclick="jQuery('#bidf').hide();return false">Fechar</a></div></div>



( ficaria MUITO agradecido se alguém pudesse me passar esse código com um settimeout de uns 2 segundos) Desde já grato.
por tonyokoyama
em 01/02/15, 06:47 am
 
Buscar em: Questões resolvidas sobre HTML & BBCode
Tópico: Dúvida sobre o código postado por luciano 98
Respostas: 9
Visto: 487

[Resolvido] Categoria diferente

Não resultou, porem descobri aonde que ta o problema
Código:
.main .main-foot, .main .main-head {
background-color: #fff;

Nesta parte do #fff eu teria que mudar pra cor desejada, eu fiz isso aqui pra outra cor e deu certo.
Grato á todos, reputei todos.

@Resolvido
@Closed
por TheJokerGFR
em 29/01/15, 01:57 pm
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: [Resolvido] Categoria diferente
Respostas: 8
Visto: 183

Editar as estatísticas do fórum

Meu index_body

Spoiler:

<script type="text/javascript">//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){

if(typeof(_atc) == "undefined") {
_atc = { };
}

_atc.cwait = 0;
$('.addthis_button').mouseup(function(){
if ($('#at15s').css('display') == 'block') {
addthis_close();
}
});
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
try
{
var regId = parseInt(id, 10);
if( isNaN(regId) ) { regId = 0; }

if( regId > 0)
{
$('.post--' + id).toggle(0, function()
{
if( $(this).is(":visible") )
{
$('#hidden-title--' + id).html(hiddenMsgLabel.visible);
}
else
{
$('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
}
});
}
}
catch(e) { }

return false;
};

//]]>
</script>

<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
<ul>
<!-- BEGIN switch_plus_menu -->
<li>
<script type="text/javascript">//<![CDATA[
var url_favourite = '{switch_user_logged_in.U_FAVOURITE_JS_PLUS_MENU}';
var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
insert_plus_menu_new('f{FORUM_ID}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
//]]>
</script>
</li>
<!-- END switch_plus_menu -->
<li><a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;pub=forumotion">{L_SHARE}</a></li>
<li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
<li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
<!-- BEGIN watchtopic -->
<li>{S_WATCH_TOPIC}</li>
<!-- END watchtopic -->
</ul>
<p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
<p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->

<div class="pun-crumbs noprint">
<p class="crumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>{NAV_CAT_DESC}&nbsp;»&nbsp;
<strong><a href="{TOPIC_URL}" itemprop="url"><span itemprop="title">{TOPIC_TITLE}</span></a></strong>
<!-- BEGIN switch_twitter_btn -->
<span id="twitter_btn" style="margin-left: 6px; ">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</span>
<!-- END switch_twitter_btn -->
<!-- BEGIN switch_fb_likebtn -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like right" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false" style="top:-15px;"></div>
<!-- END switch_fb_likebtn -->
</p>
</div>

<div class="titlebox"><dd> <dava><div class="avatarredet"><a class="teste2" href="#"><img class="teste" alt="" src="http://r25.imgfast.net/users/2517/28/07/20/avatars/1-10.jpg"></a></div></dava><div itemscope="" itemtype="http://schema.org/Article" class="ipsBox_withphoto"><h1 itemprop="name" class="ipsType_pagetitle"><a href="{TOPIC_URL}" id="topictitletop">{TOPIC_TITLE}</a></h1><div class="desc lighter blend_links"><dts>Criado por </dts><span itemprop="creator"></span> <span itemprop="data_post"></span></div></div></div></dd></div>
<div class="main paged">
<div class="paged-head clearfix">
<h1>{TOPIC_TITLE}</h1>
<!-- BEGIN topicpagination -->
<p class="paging">{PAGINATION}</p>
<!-- END topicpagination -->
<p class="posting">


<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
<!-- END switch_user_authreply -->
</p>
</div>
{POLL_DISPLAY}
<div class="main-head clearfix">
<p class="h2">
<a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<a href="#bottom">{L_GOTO_DOWN}</a>&nbsp;&nbsp;
{L_MESSAGE} [{PAGE_NUMBER}]
</p>
</div>

<div class="main-content topic">
<!-- BEGIN postrow -->
<!-- BEGIN hidden -->
<p class="p-hidden">{postrow.hidden.MESSAGE}</p>
<!-- END hidden -->

<!-- BEGIN displayed -->

<div class="post post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
<a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -20px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>
<div class="postmain"{postrow.displayed.THANK_BGCOLOR}>
<div id="p{postrow.displayed.U_POST_ID}" class="posthead"{postrow.displayed.THANK_BGCOLOR}>
<h2>
<strong>{postrow.displayed.COUNT_POSTS}</strong>
{postrow.displayed.ONLINE_IMG} <h4 class="username">{postrow.displayed.POSTER_NAME} <span class="data-post">{postrow.displayed.POST_DATE_NEW}</span></h4>
</h2>
</div>

<div class="postbody"{postrow.displayed.THANK_BGCOLOR}>
<div class="user">
<div class="user-ident">
<div class="user-basic-info">
{postrow.displayed.POSTER_AVATAR}<br />
{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
</div>
</div>
<div class="user-info">
<!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
{postrow.displayed.POSTER_RPG}
</div>
</div>

<div class="post-entry">
<div class="entry-content">
<!-- BEGIN switch_vote_active -->
<div class="vote gensmall">
<!-- BEGIN switch_vote -->
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
<!-- END switch_vote -->

<!-- BEGIN switch_bar -->
<div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
<!-- BEGIN switch_vote_plus -->
<div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
<!-- END switch_vote_plus -->

<!-- BEGIN switch_vote_minus -->
<div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
<!-- END switch_vote_minus -->
</div>
<!-- END switch_bar -->

<!-- BEGIN switch_no_bar -->
<div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
<!-- END switch_no_bar -->

<!-- BEGIN switch_vote -->
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
<!-- END switch_vote -->
</div>
<!-- END switch_vote_active -->
<div>
<div>{postrow.displayed.MESSAGE}</div>
<!-- BEGIN switch_attachments -->
<dl class="attachbox">
<dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
<dd>
<!-- BEGIN switch_post_attachments -->
<dl class="file">
<dt>
<img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />

<!-- BEGIN switch_dl_att -->
<a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
<!-- END switch_dl_att -->

<!-- BEGIN switch_no_dl_att -->
{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
<!-- END switch_no_dl_att -->
</dt>

<!-- BEGIN switch_no_comment -->
<dd>
<em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
</dd>
<!-- END switch_no_comment -->

<!-- BEGIN switch_no_dl_att -->
<dd>
<em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
</dd>
<!-- END switch_no_dl_att -->

<dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
</dl>
<!-- END switch_post_attachments -->
</dd>
</dl>
<!-- END switch_attachments -->
<div class="clear"></div>
</div>
<p>
{postrow.displayed.EDITED_MESSAGE}
</p>
</div>
</div>
</div>

<!-- BEGIN switch_signature -->
<div class="sig-content">
{postrow.displayed.SIGNATURE_NEW}
</div>
<!-- END switch_signature -->

<div class="postfoot">
<div class="user-contact profile_{postrow.displayed.PROFILE_POSITION}">
{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
</div>
<div class="post-options profile_{postrow.displayed.PROFILE_POSITION}">
{postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
</div>
<div style="clear:both;"></div>
</div>
</div>
</div>
<!-- BEGIN first_post_br -->
</div>
<hr id="first-post-br" />
<div class="main-content topic">
<!-- END first_post_br -->
<!-- END displayed -->
<!-- END postrow -->
</div>

<div class="main-foot clearfix">
<p class="h2">
<a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<a href="#top">{L_BACK_TO_TOP}</a>&nbsp;&nbsp;
{L_MESSAGE} [{PAGE_NUMBER}]
</p>
<p class="options">
<input type="hidden" name="t" value="{TOPIC_ID}" />

<!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
<input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

<!-- BEGIN viewtopic_bottom -->
{S_TOPIC_ADMIN}
<!-- END viewtopic_bottom -->
</p>
</div>

<a name="bottomtitle"></a>

<div class="paged-foot clearfix">
<!-- BEGIN topicpagination -->
<p class="paging">{PAGINATION}</p>
<!-- END topicpagination -->
<p class="posting">
<!-- BEGIN switch_user_authpost -->
<a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>&nbsp;&nbsp;
<!-- END switch_user_authpost -->

<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
<!-- END switch_user_authreply -->
</p>
</div>

</div>

<div class="pun-crumbs">
<p class="crumbs">
<a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}&nbsp;»&nbsp;
<strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
</p>
</div>

<!-- BEGIN promot_trafic -->
<div class="main" id="ptrafic_close" style="display:none">
<div class="main-head clearfix">
<p class="h2">{PROMOT_TRAFIC_TITLE}</p>
<p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></p>
</div>
</div>
<div class="main" id="ptrafic_open" style="display:''">
<div class="main-head clearfix">
<p class="h2">{PROMOT_TRAFIC_TITLE}</p>
<p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></p>
</div>
<div class="main-content clearfix">
<!-- BEGIN link -->
»&nbsp;<a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
<!-- END link -->
</div>
</div>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<div class="main" id="forum_rules">
<div class="main-head clearfix">
<p class="h2">{L_FORUM_RULES}</p>
</div>
<table class="main-content frm">
<tr>
<!-- BEGIN switch_forum_rule_image -->
<td class="logo">
<img src="{RULE_IMG_URL}" alt="" />
</td>
<!-- END switch_forum_rule_image -->
<td class="rules entry-content">
{RULE_MSG}
</td>
</tr>
</table>
</div>
<!-- END switch_forum_rules -->

<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}
<!-- END switch_user_logged_in -->

<div id="pun-info" class="main">
<div class="main-content">
<div id="stats">
<p>{L_TABS_PERMISSIONS} <br />{S_AUTH_LIST}</p>
</div>
</div>
</div>

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.post-entry .entry-content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->

<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>


Minha Folha CSS

Spoiler:

html, body {
font: normal 13px helvetica, arial, sans-serif;
background-color: #d8dde8;
color: #5a5a5a;
}
.pun {
background: #fff;
padding: 10px 10px;
line-height: 120%;
-webkit-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
-moz-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
box-shadow: 0 5px 9px rgba(0,0,0,0.1);
}
.pun, .main_width {
margin: 0 auto;
width: 87%;
min-width: 960px;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
a:link {text-decoration: none;}
#pun-visit, .main-box, #pun-about, .pun .paged-foot, .pun .paged-head {
background-color: transparent;
border: 0px;
}
#pun-about {font-size: 0.8em;}
#pun-intro, #pun-navlinks, #pun-about form {display: none;}
/*header*/
#header_bar {
background: #323232 url(http://i78.servimg.com/u/f78/17/31/71/58/user_n10.png) repeat-x bottom;
padding: 0;
text-align: right;
}
#branding, #header_bar, #primary_nav {
min-width: 980px;
}
#user_navigation {
color: #9f9f9f;
font-size: 11px;
}
#user_link {
font-size: 12px;
color: white;
padding: 0 12px;
height: 36px;
line-height: 36px;
display: inline-block;
margin-right: 15px;
outline: 0;
}
#user_navigation {
overflow: visible;
}
#user_navigation .ipsList_inline li {
margin: 0;
}
.ipsList_inline > li:first-child {
margin-left: 0;
}
#user_navigation a {
color: #fff;
}
#user_navigation.not_logged_in {
height: 26px;
padding: 6px 0 4px;
}
#user_navigation #register_link {
background: #7BA60D;
color: white;
display: inline-block;
padding: 3px 8px;
border: 1px solid #7BA60D;
-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4);
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}
#user_link:hover, #notify_link:hover, #inbox_link:hover {
background-color: #323232;
}
#user_navigation #sign_in {
 margin-right: 8px;
}
#notify_link {
background: url(http://i78.servimg.com/u/f78/17/31/71/58/icon_n11.png) no-repeat top;
}
#inbox_link {
background: url(http://i78.servimg.com/u/f78/17/31/71/58/icon_i11.png) no-repeat top;
}
#notify_link, #inbox_link {
vertical-align: middle;
width: 18px;
height: 15px;
padding: 13px 24px 8px 12px;
position: relative;
}
.ipsList_inline > li {
display: inline-block;
margin: 0 3px;
}
ol, ul {
list-style: none;
}
.attach {float: right;}
/*branding*/
#branding {
background: #0F3854 url(http://i81.servimg.com/u/f81/17/45/75/97/brandi10.png) repeat-x;
border-bottom: 1px solid #1B3759;
min-height: 64px;
}
#logo {
display: inline;
}
.clickable {
 cursor: pointer;
}
#search {
margin: 20px 0;
}
#search_wrap {
position: relative;
background: #fff;
display: block;
padding: 0 26px 0 4px;
height: 26px;
line-height: 25px;
-moz-border-radius: 3px 4px 4px 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 3px;
border-radius: 3px 4px 4px 3px;
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
min-width: 230px;
}
#main_search {
margin-top: 5px;
font-size: 12px;
border: 0;
padding: 0;
color: #b0b0b0;
background: transparent;
width: 130px;
outline: 0;
}
#main_search:focus {
color: #5a5a5a;
}
input, select {
font: normal 13px helvetica,arial,sans-serif;
}
#search_options {
font-size: 10px;
height: 20px;
line-height: 20px;
margin: 3px 3px 3px 0;
padding: 0 6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #EAEAEA;
display: inline-block;
float: right;
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;
}
#search .submit_input {
background: #7BA60D url(http://i81.servimg.com/u/f81/17/45/75/97/search10.png) no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
border: 1px solid #7BA60D;
display: block;
width: 26px;
height: 26px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
}
#adv_search {
width: 16px;
height: 16px;
background: url(http://i81.servimg.com/u/f81/17/45/75/97/advanc10.png) no-repeat right 50%;
text-indent: -3000em;
display: inline-block;
margin: 4px 0 4px 4px;
}
fieldset {
border: 0px groove threedface;
}
/*navegação*/
#primary_nav {
background: #204066;
font-size: 13px;
padding: 4px 0 0 0;
}
#community_app_menu > li {
margin: 0px 3px 0 0;
}
#community_app_menu > li > a {
color: #c5d5e2;
background: #1c3b5f;
display: block;
padding: 6px 15px 8px;
text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
}
#community_app_menu > li > a:hover, #community_app_menu > li > a.menu_active {
background: #173455;
color: #fff;
}
#community_app_menu > li.active > a {
background: #fff;
color: #0b5794;
font-weight: bold;
margin-top: 0;
text-shadow: none;
}
#primary_nav #quickNavLaunch {
padding: 6px 8px 8px;
}
#quickNavLaunch span {
background: url(http://i78.servimg.com/u/f78/17/31/71/58/icon_q10.png) no-repeat top;
width: 13px;
height: 13px;
display: inline-block;
}
/*table*/
.collapsed {
opacity: 0.8;
}
.main .main-head.collapsed {
border-radius: 4px 4px 4px 4px;
opacity: 0.2;
}
.main .main-head, .main .main-foot {
background: #2c5687 url(http://i78.servimg.com/u/f78/17/31/71/58/mainti10.png) repeat-x top;
color: #fff;
padding: 10px 10px 11px;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: inset 0px 1px 0 #528cbc;
-moz-box-shadow: inset 0px 1px 0 #528cbc;
box-shadow: inset 0px 1px 0 #528cbc;
border-width: 1px 1px 0 1px;
border-color: #316897;
border-style: solid;
margin-top: 15px;
}
.main .main-foot {
margin-top: 0px;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-radius: 0 0 4px 4px;
}
.main .main-head .page-title h2 {
font-size: 16px;
font-weight: 300;
}
.pun .main-content {
 background: #ebf0f3;
 padding: 9px;
}
.pun table.table {
background: #fff;
border: 1px solid #dbe4ef;
}
.table .tc_icon {
padding: 10px 5px!important;
vertical-align: middle;
width: 30px;
}
.pun table.table .tc_forum {
height: 42px;
min-height: 24px;
}
.pun tbody.statused span.stats {
margin-right: 10px;
margin-left: -25px;
}
.pun tbody.statused span.status {
position: relative!important;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: white;
}
.pun table.table td.tc3 {
text-align: right;
width: 15%;
}
.pun table.table td {
background: white;
padding: 10px;
border: 0px;
border-bottom: 1px solid #f3f3f3;
}
.hierarchy {
font-size: 15px!important;
font-weight: 400!important;
}
/*lastpost*/
.mini_ava {
float: left;
}
.mini_ava img {
width: 30px;
height: 30px;
margin: 8px 5px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.mini_ava img:hover {
border-color: #a1a1a1;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}
/*module*/
.module .main-head {
font: normal 14px helvetica, arial, sans-serif;
color: #204066;
padding: 5px 10px;
background: #DBE2EC;
border: 0px;
border-radius: 0px;
-webkit-box-shadow: inset 0px 0px 0;
-moz-box-shadow: inset 0px 0px 0;
box-shadow: inset 0px 0px 0;
}
.module .main-content {background: #F7FBFC; border: 0px;}
/*stats*/
#onlinelist {background: white;border-top: 3px solid #d8d8d8;}
#onlinechat {background: white;border-top: 0px;}
#statistics {
margin: 0 auto !important;
text-align: center !important;
display: table;
background: none;
}
.statHide{display:none !important;}
.statsPers li span a {
text-decoration: none !important;
}
.statsPers li > span {
display: inline-block;
background: #e2e2e2;
color: #4a4a4a;
padding: 2px 6px;
font-weight: bold;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
margin-right: 3px;
}
.statsPers li {
float: left;
color:#4a4a4a;
margin: 2px 10px;
}
.statsPers {
list-style: none;
display: block;
margin: 0px auto;
width: 100%;
}
/*footer*/
#footer_utilities {
padding: 10px;
font-size: 11px;
position: relative;
}
#footer_utilities .ipsList_inline>li>a {
margin-right: 0px;
padding: 4px 10px;
}
#footer_utilities .ipsList_inline > li > a.rss_feed {padding: 0px;}
#footer_utilities a {color: #225985;}
#footer_utilities a:hover {color: #328586;}
#footer_utilities .ipsList_inline > li > a {
margin-right: 0px;
padding: 4px 10px;
}
#backtotop {
width: 24px;
height: 24px;
line-height: 20px;
left: 50%;
margin-left: -12px;
position: absolute;
display: inline-block;
background: #bdbdbd;
text-align: center;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
opacity: 0.4;
outline: 0;
}
#backtotop img {margin-top: 5px;}
#backtotop:hover{background:#af286d;color:#fff;opacity:1;}
#copyright {
color: #848484;
text-align: right;
text-shadow: 0px 1px 0px #fff;
}
#copyright a {
color: #848484;
}
/*post*/
.post h3 {
background: #D8DDE8;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-size: 16px;
}
span.post_id {
margin-left: 4px;
}
.post_date {
padding: 0 0 10px 0;
font-size: 12px;
color: #a4a4a4;
}
.desc.blend_links a {
font: normal 12px helvetica, arial, sans-serif;
color: #777777;
}
.post_id a img.small {
max-height: 12px;
margin-left: 3px;
margin-top: -2px;
opacity: 0.5;
}
.post_online {display: inline-block;}
.pun .post .user {
margin-left: -16em;
margin-top: -0.9em;
}
.pun .post {background: white;}
.pun .postmain {
background-color: white;
border-left: 0px;
margin-left: 14em;
}
.pun .post .user {
width: 155px;
font-size: 12px;
text-align: center;
line-height: 150%;
margin-left: -170px;
margin-top: -0.6em;
}
.pun .user .user-ident .user-basic-info {
 font-size: 11px;
 color: #a4a4a4;
 text-align: center;
 font-weight: normal;
}
.postfoot {
border-top: 0px;
margin-left: -14em;
}
/*user img*/
.user-basic-info a img {
height: 90px;
width: 90px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.user-basic-info a img:hover {
border-color: #A1A1A1;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}
/*quick reply*/
#pun-qpost {
 background: #ebf0f3;
 padding: 9px;
 padding-top: 1px;
}
#pun-qpost .main-head {
font: 300 26px/1.3 Helvetica, Arial, sans-serif;
color: #323232;
font-size: 18px;
background: white;
border-top: 1px solid #dbe4ef;
border-left: 1px solid #dbe4ef;
border-right: 1px solid #dbe4ef;
border-radius: 0px;
-webkit-box-shadow: inset 0px 0px 0;
-moz-box-shadow: inset 0px 0px 0;
box-shadow: inset 0px 0px 0;
}
#pun-qpost a.exthelp {display: none;}
.pun .frm-form, .main .main-content.frm {
background-color: white;
}
.pun .post {
 border: 1px solid #dbe4ef;
}
.pun .main-content {
 border: 1px solid #dbe4ef;
 border-top: 0px;
}
#pun-qpost .frm-buttons {
border-top: 0px;
text-align: right;
}
/*chatbox*/
#chatbox_header.main-head {
background: #2c5687 url(http://i78.servimg.com/u/f78/17/31/71/58/mainti10.png) repeat-x top;
padding: 6px 8px 6px;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: inset 0px 1px 0 #528cbc;
-moz-box-shadow: inset 0px 1px 0 #528cbc;
box-shadow: inset 0px 1px 0 #528cbc;
border-width: 1px 1px 0 1px;
border-color: #316897;
border-style: solid;
}
.chatbox-title, .chatbox-title a.chat-title {
color: #fff;
font-size: 13px;
font-weight: 300;
}
.chatbox-options {margin: .3em .3em .5em;}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: #fff;
}
#chatbox_members {
 top: 40px;
 border-right: 1px solid #ccc;
}
#chatbox p:first-child {
border-top: 1px solid #d5dde5;
}
#chatbox p {
background: #f1f6f9;
border-right: 1px solid #d5dde5;
border-left: 1px solid #d5dde5;
border-bottom: 1px solid #d5dde5;
line-height: 1.2em;
}
#chatbox_footer {
 padding-bottom: 6px;
 border-top: 1px solid #d5dde5;
 background: #f1f6f9;
}
#chatbox_footer .right {
 /*display: none !important;*/
 float: left;
}
#chatbox_messenger_form .right {margin-left: 8px;font-size:0}
input#message.post {
color: #5a5a5a;
border-width: 1px;
border-style: solid;
border-color: #848484 #c1c1c1 #e1e1e1 #c1c1c1;
background: #fff;
padding: 4px;
min-width: 395px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
#message, #submit_button {
margin-left: 15px;
}
.fontbutton {
background: #EFF1F3;
border-color: #DEE0E2;
color: #464646;
-moz-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
}
#divsmilies img + img{visibility:visible!important}
#chatbox_messenger_form div.right img{visibility:hidden}
#simple-wrap {
 background:white;
}
#divbold, #divcolor, #divitalic, #divsmilies, #divstrike, #divunderline {
background-position: center;
background-repeat: no-repeat;
}
#divbold {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-bold.png);
}
#divitalic {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-italic.png);
}
#divunderline {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-underline.png);
}
#divstrike {
background-image: url(http://cdn1.iconfinder.com/data/icons/bnw/16x16/actions/text_strike.png);
}
#divcolor {
background-image: url(http://illiweb.com/fa/wysiwyg/color_swatch.png);
}
#divsmilies {
background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/emotic10.png);
}
.main-content.chatbox {padding: 0px;}
#chatbox{
 margin: 10px 0 10px 0;
 border: 1px solid #DCE2EC;
 border-bottom: 6px solid #DCE2EC;
 background: #ebf0f3;
 padding: 8px;
}
input[type="submit"] {
text-decoration: none;
border-width: 1px;
border-style: solid;
padding: 4px 10px;
cursor: pointer;
}
input[type="submit"] {
background: #212121 url(http://i78.servimg.com/u/f78/17/31/71/58/topic_10.png) repeat-x top;
color: #fff;
-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);
border-color: #212121;
}
/*crumbs*/
p.crumbs a {
 color: #777!important;
 font: normal 13px helvetica, arial, sans-serif;
}
#rep_post {white-space: nowrap;margin: 6px 4px;float: right;}
#rep_post .bs_inline {list-style: none;}
#rep_post .bs_inline > li {display: inline-block;margin: 0 3px;}
#rep_post .bs_inline > li:first-child {margin-left: 0;}
#rep_post .bs_inline img {vertical-align: middle;}
#rep_post span img {cursor: pointer;}
#rep_post .reput_vote {
background-image: url('http://i.imgur.com/UGqTZqe.png');
background-repeat: repeat-x;
background-position: 0 1px;
font-size: 10px;
padding: 2px 10px !important;
color: #fff;
font-weight: bold;
display: inline-block;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
}
.reput_vote.positive {background-color: #8db13e;}
.reput_vote.zero {background-color: #6a6a6a;}
.cp_geral { width:340px; padding-top:50px; transition:all 150ms linear; } .cp_box { width:340px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); -moz-box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); left:-120px; top:-13px; background:#fff; z-index:999; position:absolute; transition:all 150ms linear; margin:50px; } .cp_capa { background:#263340 url(http://i.imgur.com/6AnKAdN.png) right no-repeat; height:105px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border-top-left-radius:10px; border-top-right-radius:10px; padding:5px 5px 0; } .cp_capa:before { content:""; display:inline-block; vertical-align:middle; margin-left:74px; width:0; height:0; position:absolute; top:-15px; border-left:15px solid transparent; border-right:15px solid transparent; border-bottom:15px solid #263340; } .cp_capa-avatar { -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; border:1px solid #d8d8d8; height:75px; width:75px; text-align:center; float:left; font-size:0; padding:7px; } .cp_capa-avatar img { -moz-border-radius:100%; -webkit-border-radius:100%; border:0 solid #d8d8d8; border-radius:100%; height:75px; width:75px; } .cp_capa-nick { width:215px; height:75px; float:left; padding:25px 0 0 15px; } .cp_capa-nick strong { color:#fff!important; font-size:25px; font-weight:400!important; display:block; } .cp_info { text-align:center; padding:10px; } .cp_info-botoes { height:60px; width:320px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; text-decoration:none; } .cp_info-botoes a { text-decoration:none; } .cp_info-botoes-post { background:#ecf0f1; width:85px; height:53px; -webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-bottomleft:10px; border-top-left-radius:10px; border-bottom-left-radius:10px; text-transform:uppercase; border-bottom:7px solid #bec3c7; float:left; } .cp_info-botoes-rep { background:#6bbd21; width:110px; height:53px; text-transform:uppercase; border-bottom:7px solid #68a72f; float:left; } .cp_info-botoes-rep strong { padding-top:8px; color:#fff; display:block; font-size:20px; } .cp_info-botoes-rep span { color:#fff; font-size:12px; } .cp_info-botoes-data strong { padding-top:8px; color:#666; display:block; font-size:15px; } .cp_info-botoes-data { background:#ecf0f1; width:125px; height:53px; -webkit-border-top-right-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomright:10px; border-top-right-radius:10px; border-bottom-right-radius:10px; text-transform:uppercase; border-bottom:7px solid #bec3c7; float:left; } .cp_info-botoes-post,.cp_info-botoes-rep,.cp_info-botoes-data { transition:all 150ms linear; } .cp_info-botoes-post:hover,.cp_info-botoes-rep:hover,.cp_info-botoes-data:hover { opacity:0.65; -moz-opacity:0.65; filter:alpha(opacity=65); } .cp_icones { background:#ecf0f1; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; color:#bec3c7; height:20px; padding:5px; } .cp_icones a { font-size:12px; text-decoration:none; color:#666; } .cp_mp,.cp_perfil { float:left; padding-left:10px; transition:all 150ms linear; } .cp_mp:hover { float:left; padding-left:10px; color:#c1392b; } .cp_mp:before { content:"\f003"; font-family:FontAwesome; padding:0 4px; } .cp_perfil:before { content:"\f007"; font-family:FontAwesome; padding:0 4px; } .cp_perfil:hover { padding-left:10px; color:#6bbd21; } .cp_mais { width:100%; } .cp_capa-avatar br,.span_capa-nick img,.span_capa-nick br { display:none; } .cp_capa-nick span,.span_capa-nick { color:#fff!important; font-size:12px; line-height:22px; font-weight:400!important; float:none!important} .cp_info-botoes-post strong { padding-top:8px; color:#666; display:block; font-size:20px; } .cp_info-botoes-post span,.cp_info-botoes-data span { color:#868585; font-size:11px; }
#bs_full_inbox {
font-size: 13px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 18px;
margin-top: 15px;
display: none;
width: 450px;
background: #fff;
box-shadow: 0px 15px 110px rgba(0,0,0,0.2);
border-radius: 3px;
z-index: 200;
position: absolute;
}
#bs_full_inbox a {
color: #255b79;
text-decoration: none;
}
#bs_full_inbox a:hover {color: #cd3816;}
#bs_full_inbox:before {
border-style: solid;
border-width: 15px;
border-color: transparent transparent #fff;
bottom: 100%;
pointer-events: none;
left: 15px;
content: '';
display: block;
height: 0;
position: absolute;
width: 0;
z-index: 3;
}
.bs_inbox_header {
background: #fff url('http://i.imgur.com/sl0Efuz.png') repeat-x 0 0;
border-bottom: 1px solid #e0e0e0;
box-shadow: 0px 1px 6px rgba(0,0,0,0.07);
border-radius: 3px 3px 0px 0px;
padding: 10px;
line-height: 24px;
}
.bs_inbox_header .compose {
font-size: 12px;
line-height: 28px;
padding: 0 15px;
float: right;
background: #262e33;
color: #ffffff !important;
font-weight: 500;
text-align: center;
text-decoration: none;
text-shadow: none;
white-space: nowrap;
display: inline-block;
vertical-align: middle;
border-radius: 3px;
border: 1px solid rgba(0,0,0,0.1);
-webkit-transition: 0.1s all linear;
-moz-transition: 0.1s all linear;
-ms-transition: 0.1s all linear;
-o-transition: 0.1s all linear;
transition: 0.1s all linear;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-font-smoothing: antialiased;
}
.bs_inbox_header .compose:hover {
background-image: url('http://i.imgur.com/eaB5FHK.png');
background-repeat: repeat;
}
.bs_inbox_sectionHead {
font-size: 18px;
color: #333333;
line-height: 24px;
font-weight: 400;
display: inline-block;
margin: 0;
}
.bs_inbox_inner {
width: 100%;
display: table;
table-layout: auto;
position: relative;
border-collapse: separate;
border-spacing: 0;
list-style: none;
padding: 0;
margin: 0;
}
.bs_inbox_li {
width: 100%;
position: relative;
padding: 5px 3px;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #f5f5f5;
}
.bs_inbox_li:last-child {border-bottom: 0;}
.bs_inbox_li strong {font-weight: normal !important;}
.bs_inbox_item, .bs_user_p {
display: table-cell;
padding: 8px 10px;
}
.bs_inbox_item {color: #9c9c9c;}
.bs_inbox_item .topictitle {display: inherit;}
.bs_inbox_footer {
background: #fff url('http://i.imgur.com/sl0Efuz.png') repeat-x 0 0;
text-align: center;
padding: 10px;
line-height: 24px;
border-top: 1px solid #e0e0e0;
box-shadow: 0px -1px 6px rgba(0,0,0,0.07);
border-radius: 0px 0px 3px 3px;
}
.bs_inbox_photo {
background: #fff;
border: 1px solid #fff;
box-shadow: 0px 0px 0px 1px #e2e2e2;
padding: 0.5px;
vertical-align: middle;
line-height: 1px;
position: relative;
border-radius: 150px;
width: 34px;
height: 34px;
}
#pwd_bad {
background-image: url('http://i.imgur.com/iIIhDFo.jpg') !important;
color: transparent !important;
}
#pwd_middle {
background-image: url('http://i.imgur.com/33vy9Vc.jpg') !important;
color: transparent !important;
}
#pwd_good {
background-image: url('http://i.imgur.com/74JBrB7.jpg') !important;
color: transparent !important;
}
#username_reg {
border:2px solid red!important;
}
#username_reg.okusername {
border:2px solid green!important;
}
.avat-miembro {
float: left;
}
.avat-miembro img {
width: 40px;
height: 40px;
padding: 1px;
margin: 0 5px;
border-radius: 10px
}
.aviso_normas {
background: none repeat scroll 0 0 #F0E8E0;
border: 1px solid #C00000;
font-family: Tahoma,Arial;
font-size: 11px;
height: 24px;
line-height: 24px;
margin-bottom: 3px;
text-align: center;
}
.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);
}
p.crumbs{background:url(http://i.imgur.com/hnd5gvU.png) repeat-x scroll 0 0 #E0E0E0;border:1px solid #D6D6D6;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,0.05);line-height:37px;margin-bottom:15px;overflow:hidden;text-shadow:0 1px 0 #FFF}.pun .crumbs a{background:url(http://i.imgur.com/w1Uh0Ax.png) no-repeat scroll 100% -1px transparent;color:#777;font:normal 11px tahoma,helvetica,arial,sans-serif;line-height:30px;padding:11px 17px 11px 4px}p.crumbs a:hover{background-position:100% -43px}
#pun-visit a[href="/search?search_id=unanswered"],a[href="/?mark=forums"],a[href="/search?search_id=unanswered"],a[href="/search?search_id=egosearch"], a[href="/search?search_id=newposts"]{display:none}
.linklist {
display: none !important;
}
.main-box{display:none}
.titlebox{background:#F3F3F3;border:1px solid #D6D6D6;border-radius:3px;box-shadow:rgba(228,228,228,0.99) 0 1px 3px inset;overflow:hidden;padding:10px;text-shadow:#fff 0 1px 0}.titlebox dd{display:block}.titlebox dava{float:left}.ipsBox_withphoto{float:left;margin-left:10px}.ipsType_pagetitle{color:#323232!important;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{background:#FFF;border:1px solid #D5D5D5;box-shadow:0 2px 2px rgba(0,0,0,0.1);float:left;height:52px!important;padding:1px;width:52px!important}
.paged-head h1 {
padding: 15px 0;
display: none!important;
}
.pun .posthead{background:#e3e3e3 url(http://i.imgur.com/EyC3BRU.png) repeat-x 0 0;border-bottom:1px solid #d2d2d2;border-top:1px solid #d2d2d2;font-size:13px;font-weight:400;height:36px;line-height:36px;margin-left:-14em;padding:0 10px;text-shadow:rgba(255,255,255,0.6) 0 1px 0}.pun .post .user{margin-top:20px}
span.data-post{margin-left:11%;font-size:10px}
.post_online {
display: inline-block;
height: 15px;
width: 51px;
}
por dalumpia
em 15/01/15, 11:57 am
 
Buscar em: Questões resolvidas sobre códigos Javascript & jQuery
Tópico: Editar as estatísticas do fórum
Respostas: 16
Visto: 665

Sombra nos Perfis

StaaL escreveu:Ola: Saudações

tenho um modo muito mais facil de alterar as cores do seu efeito


1° Passo
Vai em.
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão dos códigos JavaScript
e crie um novo JavaScript Utilize o sequinte code

Código:
$(function(){$('div.post:has("Administrador"), div.postmain:has(".admincriando")').css('box-shadow','-80px -70px 200px rgba(249, 68, 9, 0.45) inset')});


Seta Preste muita atenção
Onde esta Administrador Coloque o nome do rank
Onde esta admincriando Coloca nome do rank (utilize o mesmo nome do code abaixo)
Onde esta 249, 68, 9, 0.45 São as Cores que pode ser modificada um Exemplo Poderia ser #fff

2° Passo
Vai em.
Painel de controle Seta Usuarios e Grupos Seta administração dos ranks
Crie ou edita um rank  Editar
No Nome do rank Utilize esse code abaixo

Código:
<span class="admincriando">Administrador</span>

Seta Preste muita atenção
Onde esta admincriando Use o mesmo nome colocado no rank a cima
Onde esta Administrador Use um nome pra seu rank

e Salva

Alteração? Aguardo até by StaaL Café


Positivo OK Valeu pela ajuda ai de todos .
Consegui Positivo
por Tupac
em 24/12/14, 02:14 pm
 
Buscar em: Questões resolvidas sobre códigos Javascript & jQuery
Tópico: Sombra nos Perfis
Respostas: 13
Visto: 1772

Sombra nos Perfis

Ola: Saudações

tenho um modo muito mais facil de alterar as cores do seu efeito


1° Passo
Vai em.
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão dos códigos JavaScript
e crie um novo JavaScript Utilize o sequinte code

Código:
$(function(){$('div.post:has("Administrador"), div.postmain:has(".admincriando")').css('box-shadow','-80px -70px 200px rgba(249, 68, 9, 0.45) inset')});


Seta Preste muita atenção
Onde esta Administrador Coloque o nome do rank
Onde esta admincriando Coloca nome do rank (utilize o mesmo nome do code abaixo)
Onde esta 249, 68, 9, 0.45 São as Cores que pode ser modificada um Exemplo Poderia ser #fff

2° Passo
Vai em.
Painel de controle Seta Usuarios e Grupos Seta administração dos ranks
Crie ou edita um rank Editar
No Nome do rank Utilize esse code abaixo

Código:
<span class="admincriando">Administrador</span>

Seta Preste muita atenção
Onde esta admincriando Use o mesmo nome colocado no rank a cima
Onde esta Administrador Use um nome pra seu rank

e Salva

Alteração? Aguardo até by StaaL Café
por StaaL
em 24/12/14, 02:30 am
 
Buscar em: Questões resolvidas sobre códigos Javascript & jQuery
Tópico: Sombra nos Perfis
Respostas: 13
Visto: 1772

[TUTORIAL] Redes sociais flutuantes

Botões de redes sociais flutuantes

É possível adicionar ao widget um pequeno código, ao qual será possível ver os botões "Facebook Connect, +1 e Twitter". Neste tutorial vamos fazê-los flutuar no fórum de maneira prática, e só modificando pequenos valores.

--> Tutoriais, dicas e astúcias <--
Botões de rede sociais flutuantes


- Adicionar e modificar o CSS:
Esse código CSS pode ser aplicado tanto na folha de estilo CSS do fórum, como também em um widget, mensagem da home page, páginas HTML ou Javascripts se você desejar, mas é claro que há diferença entre os locais. Vamos aplicar de preferencia esse código na folha CSS.

Painel de controle ->> Visualização ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS ->>

(clique na imagem para aumentar)
Seta Ver o CSS da base do seu fórum - Permite o administrador conferir o estilo padrão do CSS do fórum. Mesmo se você tiver aplicado algum código CSS na folha de estilo, esse CSS base não será alterado. Ele mostra os códigos que personalizam seu fórum sem a necessidade do CSS adicional, que no caso serial a da folha de estilo.
Seta Procurar CSS - Com essa ferramenta, podemos fazer uma busca nos códigos existentes na folha de estilo CSS. Por exemplo, se você adicionou algum código na folha de estilo, e pelo fato dela ser muito grande você não estiver encontrando o código desejado, a partir do momento em que digitar o código no campo "Procurar CSS", o código será encontrado (se digitado corretamente).
Seta Desativar o CSS de base - Caso desabilite essa opção, o CSS base do seu fórum será desativado, deixando apenas o CSS da folha de estilo.
Seta Melhorar seu CSS - Com essa função ativa, a capacidade de carregamento da página é aumentada, facilitando a navegação nas páginas de seu fórum. Mas é importante lembrar que, para que a função funcione normalmente como prometida, você terá que adicionar o código correto na folha de estilo.


Vamos adicionar o seguinte código:
/* CSS das redes sociais flutuantes */
#pageshare
{position:fixed; bottom:87%; margin-left:-35px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

Azul: Altura dos botões de rede sociais.
Vermelho: Possibilita escolher o lado em que se posicione os botões, esquerdo ou direito. Lembre-se que, é possível adicionar valores negativos. Como no código CSS acima, o valor destacado em vermlho tem o valor negativo, sendo assim o quando mais o número for aumentado mais ele se posicionará na página.


- Adicionar código no widget:

Painel de controle ->> Módulos ->> Portal e Widgets ->> Gestão dos widgets do fórum ->>
Clique no botão "Criar um widget personalizado".

No campo "Fonte do widget" vamos adicionar o seguinte código:
<div id='pageshare'><div class='sbutton' id='fb'>
<a name="ttw_share" type="box_count" <iframe src="http://www.facebook.com/plugins/like.php?locale=pt_BR&amp;href=ENDEREÇO_DO_FORUM%2F&amp;send=false&amp;layout=box_count&amp;width=60&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=60" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:60px; height:60px;" allowtransparency="true"></iframe>

<iframe src="http://platform0.twitter.com/widgets/tweet_button.html?_=1311006182541&amp;count=vertical&amp;id=twitter_tweet_button_0&amp;lang=en&amp;original_referer=ENDEREÇO_DO_FORUM%2F&amp;text=TÍTULO_DA_PAGINA&amp;url=ENDEREÇO_DO_FORUM%2F" allowtransparency="true" frameborder="0" scrolling="no" class="twitter-share-button twitter-count-vertical" style="width: 55px; height: 62px; " title="Twitter For Websites: Tweet Button"></iframe>


<iframe src="http://www.facebook.com/plugins/like.php?locale=pt_BR&amp;ENDEREÇO_DO_FORUM%2F&amp;send=false&amp;layout=box_count&amp;width=60&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=60" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:60px; height:60px;" allowtransparency="true"></iframe>

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
</script><g:plusone size="tall"></g:plusone>
</a></div></div>


Logo quando adicionar, clique em Salvar.

Vamos arrastar o novo widget para coluna onde estão os outros widgtes do fórum. Para isso, segure com botão direito do mouse e leve-o até onde deseja.


Logo depois, salve as configurações da mudança e veja o resultado na página inicial do fórum.

  • O que seria os valores negativos no CSS?
    Diariamente em nossa vida, presenciamos contas de adição e subtração, nos códigos isso não é diferente. Para atrivuir-mos uma posição neste CSS, é necessário dar um valor númerico e isso pode levar a ferranenta que estamos montando para um local ou para outro. No caso do CSS apresentado acima, está com o valor negativo, pois assim o código vai reconhecer até aonde queremos que os botões sejam posicionados. Quando negativos, eles são movidos para o direita, e quando positivos são movidos para esquerda, isto é, quando atribuido o valor "position".

  • Como é que CSS reconheceu o código que adicionei?
    Em um formulário de postagens existe os campos de nome. Ou seja, "name=Z", isso quer dizer que o nome do código será "Z", logo se colocar-mos um CSS chamando o valor "Z" ele será modificado. No nosso do widget temos o código "<div id='pageshare'>" que determina o valor do CSS. No CSS temos o "#pageshare", quando existe algum código no fórum com o nome do ID de "pageshare" ele será modificado pelo CSS que aplicamos.

  • Onde posso ver o resultado?

  • Existe um vídeo tutorial?


    Melhor visualização no site do Youtube: http://youtu.be/Keb6dlnMsAA





© Fórum dos Fóruns


Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Botões de rede sociais flutuantes
por Dury
em 18/08/11, 09:25 pm
 
Buscar em: Widgets e módulos personalizados
Tópico: [TUTORIAL] Redes sociais flutuantes
Respostas: 0
Visto: 4925

Voltar ao Topo

Página 2 de 2 Anterior  1, 2

Ir para: