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
» Pivot Cinco
Hoje à(s) 10:03 pm por Dr.

» Transferir código para ModerNBB
Hoje à(s) 10:02 pm por Luiz

» Cyber-Designer
Hoje à(s) 10:02 pm por Dr.

» Neve para ModerNBB
Hoje à(s) 09:35 pm por Luiz

» Formulário de Resposta
Hoje à(s) 09:13 pm por iScroll

» Colocar efeito Glitter no nick aparencendo na categoria do forum
Hoje à(s) 09:07 pm por Luiz

» Ajustar Largura
Hoje à(s) 08:50 pm por Luiz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
iScroll
 
Gaaratsu
 
Daniel Yan
 
Ketholy
 
Shek
 
Eduardo Lima
 
ranzatti
 
cocas20
 
LucasPofahl
 

Quem está conectado
241 usuários online :: 14 usuários cadastrados, 1 Invisível e 226 Visitantes :: 2 Motores de busca

BlueJOkeR, Daniel Yan, Dr., EDU2010, EduardoMGP, Gaaratsu, iScroll, IsmaelS., Ketholy, Luiz, odelgado, ranzatti, Solkis, WizzardPT

[ Ver toda a lista ]


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

Modificar o tópico

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

Resolvido Modificar o tópico

Mensagem por Maori em 17/01/16, 12:41 pm

Detalhes da questão


Endereço do fórum: http://novaskinteste.forumeiros.com/
Versão do fórum: PunBB

Descrição


Boa Tarde!

Esse aqui é como esta o quadro de postagem do meu fórum http://prntscr.com/9r8ej4 , eu gostaria de fazer o seguinte. Na parte preta onde esta escrito meu nome e na frente onde esta postado a data, eu quero que ela "saia" e fique dessa maneira aqui Tópico

Quero o nome do tópico e o dia da postagem numa caixinha preta. E o nome de quem postou daquela maneira também, porém numa caixinha daquela cor mesmo. Bem em cima o avatar.
avatar

Maori
Usuário destaque

Masculino
Inscrito dia : 07/06/2014
Mensagens : 521
Pontos Ativos : 702

Ver perfil do usuário http://baixacidade.forumeiros.com

Resolvido Re: Modificar o tópico

Mensagem por Rafael em 17/01/16, 05:33 pm

Olá!

Irei precisar do seu viewtopic_body.

Até mais Feliz
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Modificar o tópico

Mensagem por Maori em 17/01/16, 05:56 pm

Aqui:
Código:
<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>
<script>
$(function(){
$('img[alt="Novo Tópico"]').remove();
$('img[alt="Este Tópico está bloqueado. Você não pode editar as mensagens ou responder."]').replaceWith('<span class="topic_buttons important">Este tópico está bloqueado</span>');
$('img[alt="Responder ao tópico"]').replaceWith('<span class="topic_buttons">Responder ao tópico</span>');
$('img[alt="Responder com citação"]').replaceWith('<span class="post_controls">Citar</span>');
$('img[alt="Editar/excluir esta mensagem"]').replaceWith('<span class="post_controls">Editar</span>');
$('img[alt="Excluir esta mensagem"]').replaceWith('<span class="post_controls">Deletar</span>');
$('img[alt="Ver o IP do Usuário"]').replaceWith('<span class="post_controls">Ver IP</span>');
$('img[src="http://illiweb.com/fa/subsilver/icon_multiquote_off_en.png"]').replaceWith('<span class="post_controls">Multi-Quote</span>');
$('img[alt="Enviar um alerta desta mensagem a um administrador ou moderador"]').replaceWith('<span class="post_controls report">Reportar</span>');
});
</script>
<script>
        jQuery(document).ready(function() {
          var url=$('.post:first .postmain .postbody .user .user-ident .user-basic-info a img').attr('src');
          $('.ipsUserPhoto').attr('src',url);
          var url2=jQuery('.post:first .postmain .postbody .user .user-ident .user-basic-info a').attr('href');
          jQuery('.teste2').attr('href',url2);
          var url3=jQuery('.post_username span a span strong').html();
          jQuery('span[itemprop="creator"]').html(url3);
          var url5=jQuery('abbr[itemprop="commentTime"]').html();
          jQuery('span[itemprop="dateCreated"]').html(url5);
        });
</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">
 <a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}&nbsp;»&nbsp;
 <strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</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="sb_titlebox">
<a href="#" class="ipsUserPhotoLink left">
<img src="http://r26.imgfast.net/users/2617/31/90/74/avatars/1-40.png" alt="Photo" class="ipsUserPhoto ipsUserPhoto_medium">
</a>
<div itemscope="" itemtype="http://schema.org/Article" class="ipsBox_withphoto">
<h1 itemprop="name" class="ipsType_pagetitle">
{TOPIC_TITLE}
</h1>
<div class="desc lighter blend_links">
Started by <span itemprop="creator"></span>, <span itemprop="dateCreated">{postrow.displayed.POST_DATE_NEW}</span>
</div>
<meta itemprop="interactionCount" content="UserComments:1">
</div>
</div>
<div class="main paged">
 <div class="paged-head 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>
 {POLL_DISPLAY}<div class="border">
 <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 -->
 <!-- BEGIN first_post_br -->
 </div>
 <hr id="first-post-br" />
 <div class="main-content topic">
 <!-- END first_post_br -->
 <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>
 <h3{postrow.displayed.THANK_BGCOLOR}>
<div class="post_username">
<span itemprop="creator name" class="author vcard" itemprop="name">{postrow.displayed.POSTER_NAME}</span>{postrow.displayed.ONLINE_IMG}
</div>
<div class="post_date">
Postado <abbr class="published" itemprop="commentTime">{postrow.displayed.POST_DATE_NEW}</abbr>
</div>
</h3>
                          <div class="postmain"{postrow.displayed.THANK_BGCOLOR}>
 <div class="postbody"{postrow.displayed.THANK_BGCOLOR}>
 <div class="user">
 <div class="user-ident">
 <div class="user-basic-info">
                                                                  <span class="photo-user">{postrow.displayed.POSTER_AVATAR}</span><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>
 <!-- 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>
  </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}">{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>
avatar

Maori
Usuário destaque

Masculino
Inscrito dia : 07/06/2014
Mensagens : 521
Pontos Ativos : 702

Ver perfil do usuário http://baixacidade.forumeiros.com

Resolvido Re: Modificar o tópico

Mensagem por Rafael em 18/01/16, 05:21 pm

Olá!

Acabei de reparar que irei precisar do seu CSS, igualmente.

Obrigado e até mais.


avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Modificar o tópico

Mensagem por Maori em 18/01/16, 08:49 pm

Magina, aqui está

Código:
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
}
.pun{
margin: 0 auto;
min-width: 980px;
max-width: 1300px;
width: 90%;
padding:0;
}
body {
background: #222;
color: #5a5a5a;
font: normal 11px tahoma,helvetica,arial,sans-serif;
position: relative;
padding-top: 120px;
padding-bottom: 12px;
}
#pun-intro,#pun-head{display:none}
ul#pun-legend, ul.pun-legend {
display: none;
}
#pun-about #qjump {
display: none;
}
/*branding*/
#branding {
background: url("http://i.imgur.com/y75XdvO.png") repeat;
background: rgba(20,20,20,0.9);
border-bottom: 1px solid #000;
border-bottom: 1px solid rgba(0,0,0,0.5);
-webkit-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
-moz-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
height: 110px;
position: fixed;
left: 0;
top: 0;
right: 0;
z-index: 999;
}
#branding .wrapper {
position: relative;
height: 100%;
z-index: 10;
}
#branding
.brandingBackground {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.6);
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out
}
.wrapper {
margin: 0 auto;
min-width: 980px;
max-width: 1300px;
width: 90%;
}
#logo {
float: left;
position: relative;
height: 100%;
z-index: 20;
}
.topic_buttons.important{
background: none repeat scroll 0% 0% #8B1515;
color: #FFF !important;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 3px rgba(128, 37, 37, 0.2), 0px 1px 0px rgba(189, 33, 33, 0.8) inset;
}
#logo
a.textLogo {
    color: #fff;
    line-height: 110px;
    padding: 0
    12px;
    font-size: 24px;
    font-family: "Lato","Trebuchet MS",Arial,Helvetica,sans-serif;
    display: block;
    text-decoration: none
}
a,.pun a,.pun a:visited,.pun a:link{
color: #222;
text-decoration: none;
}
a:hover,.pun a:hover{
color: #111;
text-decoration:none;
}
#logo img {
max-height: 100%;
vertical-align: top;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
fieldset, img {
border: 0;
}
/* Cor caixa de mensagens*/
.pun-privmsg li, .pun-privmsg a, .paging {
    color: #FFF !important;
}
/*Nova mensagem categoria*/
.status {
    margin-left: -51px !important;
}
/*nav*/
#primary_nav {
position: absolute;
right: 0;
top: 50%;
margin-top: -16px;
text-transform: uppercase;
font-family: "Lato";
font-size: 12px;
padding-left: 200px;
}
#community_app_menu {
float: right;
}
#community_app_menu>li {
margin: 0 1px 0 0;
position: relative;
}
#community_app_menu>li {
margin: 0 1px 0 0;
position: relative;
}
.ipsList_inline>li:first-child {
margin-left: 0;
}
.ipsList_inline>li {
display: inline-block;
margin: 0 3px;
}
.left {
float: left;
}
#community_app_menu>li>a {
color: #eee;
color: rgba(255,255,255,0.8);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: block;
outline: none;
padding: 0px 15px;
line-height: 32px;
height: 32px;
}
#community_app_menu>li>a:hover, #community_app_menu>li>a.menu_active {
background: url("http://i.imgur.com/y75XdvO.png") repeat;
background: rgba(255,255,255,0.1);
-webkit-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
-moz-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
color: #fff;
}
#primary_nav #nav_home a:before {
content: "\f015";
}
#primary_nav #nav_app_forums a:before {
content: "\f086";
}
#primary_nav #nav_app_members a:before {
content: "\f007";
}
#primary_nav #nav_app_calendar a:before {
content: "\f073";
}
#primary_nav #nav_app_downloads a:before {
content: "\f019";
}
#primary_nav #nav_app_blog a:before {
content: "\f02d";
}
#primary_nav #nav_app_nexus a:before {
content: "\f07a";
}
#primary_nav a:before {
content: "\f02b";
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: 7px;
font-size: 14px;
}
#community_app_menu>li.active>a {
background: url("http://i.imgur.com/y75XdvO.png") repeat;
background: rgba(255,255,255,0.2);
-webkit-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
-moz-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
color: #fff;
position: relative;
}
/*Menu Perfil*/
#tabs a:hover span {color:#000;}
#tabs a span {color:#000}
#tabs .activetab a span {color:#FFF;}
#tabs .activetab a:hover span {color:#000;}
/*gradient*/
#background {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
z-index: -1;
}
.animatedBackground #gradient {
-webkit-animation: slideBackground 140s infinite alternate;
-moz-animation: slideBackground 140s infinite alternate;
-ms-animation: slideBackground 140s infinite alternate;
-o-animation: slideBackground 140s infinite alternate;
animation: slideBackground 140s infinite alternate;
}
#gradient.applied {
background: url("http://i.imgur.com/uCBvirg.png");
background: -moz-linear-gradient(left, #b7422d 0%, #d18b4f 10%, #e0ca82 20%, #aac382 30%, #87af7b 40%, #4e9682 50%, #488c94 60%, #487394 70%, #785fb1 80%, #a35680 90%, #b7422d 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b7422d), color-stop(10%,#d18b4f), color-stop(20%,#e0ca82), color-stop(30%,#aac382), color-stop(40%,#87af7b), color-stop(50%,#4e9682), color-stop(60%,#488c94), color-stop(70%,#487394), color-stop(80%,#785fb1), color-stop(90%,#a35680), color-stop(100%,#b7422d));
background: -webkit-linear-gradient(left, #b7422d 0%, #d18b4f 10%, #e0ca82 20%, #aac382 30%, #87af7b 40%, #4e9682 50%, #488c94 60%, #487394 70%, #785fb1 80%, #a35680 90%, #b7422d 100%);
background: -o-linear-gradient(left, #b7422d 0%, #d18b4f 10%, #e0ca82 20%, #aac382 30%, #87af7b 40%, #4e9682 50%, #488c94 60%, #487394 70%, #785fb1 80%, #a35680 90%, #b7422d 100%);
background: -ms-linear-gradient(left, #b7422d 0%, #d18b4f 10%, #e0ca82 20%, #aac382 30%, #87af7b 40%, #4e9682 50%, #488c94 60%, #487394 70%, #785fb1 80%, #a35680 90%, #b7422d 100%);
background: linear-gradient(to right, #b7422d 0%, #d18b4f 10%, #e0ca82 20%, #aac382 30%, #87af7b 40%, #4e9682 50%, #488c94 60%, #487394 70%, #785fb1 80%, #a35680 90%, #b7422d 100%);
}
#gradient.applied.greyscale {
    background: #303030;
    background: -moz-linear-gradient(left, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1b1b1b), color-stop(50%,#5f5f5f), color-stop(100%,#1b1b1b));
    background: -webkit-linear-gradient(left, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
    background: -o-linear-gradient(left, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
    background: -ms-linear-gradient(left, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
    background: linear-gradient(to right, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
    background-size: 3800px auto
}
#background:after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
background: url("http://i68.tinypic.com/1z2emc8.jpg") no-repeat 50% 0%;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=15);
opacity: 0.15;
content: "";
}
#gradient {
background-repeat: repeat;
position: absolute;
top: 0;
bottom: 0;
left: 0;
height: 100%;
width: 20000px;
}
@-webkit-keyframes slideBackground {
    0% {
        -webkit-transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-100%);
        margin-left: 100%
    }
}

@-moz-keyframes slideBackground {
    0% {
        -moz-transform: translateX(0)
    }

    100% {
        -moz-transform: translateX(-100%);
        margin-left: 100%
    }
}

@-o-keyframes slideBackground {
    0% {
        -o-transform: translateX(0)
    }

    100% {
        -o-transform: translateX(-100%);
        margin-left: 100%
    }
}

@-ms-keyframes slideBackground {
    0% {
        -ms-transform: translateX(0)
    }

    100% {
        -ms-transform: translateX(-100%);
        margin-left: 100%
    }
}

@keyframes slideBackground {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100%);
        margin-left: 100%
    }
}
/*cat*/
.main .main-foot, .main .main-head {
background: url("http://i.imgur.com/y75XdvO.png") repeat;
background-image: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%);
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.6) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.6)));
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%);
background-image: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%);
background-image: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%);
box-shadow: inset rgba(0,0,0,0.2) 0px 0px 0px 1px;
color: #fff;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
padding: 20px;
font-size: 14px;
font-weight: 300;
-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;
overflow: hidden;
}
.main .main-head .page-title {
font-size: 14px;
font-weight: bold;
}
#pun-visit, .main-box {
display: none;
}
table {
    width: 100%
}

td {
    padding: 3px
}
thead {
display: none;
}
.pun table.table td {
background-color: #fff;
border-bottom: 1px solid rgba(0,0,0,0.1)!important;
border-top: 1px solid rgba(255,255,255,0.5)!important;
border:none;
padding:10px;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: #fff;
}
.pun .main-content {
background-color: #FFF;
border: 1px solid rgba(255, 255, 255, 0);
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
border-radius: 0 0 3px 3px;
}
.pun .main-content:after {
display: block;
content: "";
-moz-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px;
background: #fff;
height: 3px;
overflow: hidden;
}
/*widgets*/
.module .main-head {
text-shadow: rgba(255,255,255,1) 0px 1px 0px;
background: url("http://www.ipbfocus.com/skindemo/public/style_images/dispersion/transw40.png") repeat;
background: rgba(255, 255, 255, 1);
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,0.2)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%);
text-transform: uppercase;
font-family: "Lato";
font-weight: bold;
font-size: 100%;
color: #111;
padding: 15px;
}
.module.main {
margin: 5px auto!important;
border-radius: 3px;
-webkit-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px;
-moz-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px;
box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px;
}
#content-container div#main {
margin-right: 10px;
}
/*post*/
.post h3 {
border-top: 1px solid #111;
border-bottom: 1px solid #111;
text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
background: rgb(20,20,20);
background: rgba(20,20,20,0.9);
padding: 4px 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-size: 13px;
overflow: hidden;
}
.pun .postmain {
background: #fff;
border-left: none;
margin-left: 18em;
}
.pun .post .user {
text-align: center;
margin-top: 5px;
}
.user-basic-info a img:after {
content: "";
position: absolute;
z-index: 1;
top: 0px;
left: 0px;
right: 0;
bottom: 0;
-webkit-box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px;
-moz-box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px;
box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px;
pointer-events: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.user-basic-info a img {
display: inline-block;
width: 150px;
height: 220px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.pun .post {
border: none;
}
.pun .paged-foot, .pun .paged-head {
background: none;
border: none;
padding: 0 0 10px;
}
div.post_username {
float: left;
min-width: 177px;
font-weight: bold;
}
img.i_icon_online {
float: left;
padding: 15px 5px 5px 0;
}
div.post_date {
float: left;
color: #999;
float: left;
font-size: 11px;
font-weight: normal;
}
.pun .user .user-info {
color: #7a7a7a;
line-height: 1.8em;
}
.pun .user-ident .user-basic-info {
font-weight: normal;
}

.postfoot {
clear: both;
margin-left: -18em;
text-align: right;
background: #f7f7f7;
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.3)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
border-top: 1px solid #e0e0e0;
margin-top: 10px;
clear: both;
overflow: hidden;
}
.post_username span a span strong {
color: #fff!important;
}
.pun .postfoot .user-contact {
display: none;
}
.post_controls {
border-left: 0;
border-right: 1px solid #eaeaea;
color: #555;
border: 0;
border-left: 1px solid #eaeaea;
text-shadow: #fff 0px 1px 0px;
height: 25px;
line-height: 25px;
padding: 0 12px;
text-decoration: none;
}
.post-controls:hover {
background-color: #fff;
color: #333;
}
div.main-content.topic {
border-radius: 0!important;
}
div.main-foot.clearfix {
display: none;
}
.topic_buttons {
background: url("http://i.imgur.com/y75XdvO.png") repeat;
background: rgba(255,255,255,0.85);
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.15)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
color: #222;
text-shadow: #fff 0px 1px 0px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-size: 12px;
font-weight: bold;
line-height: 36px;
height: 36px;
padding: 0 20px;
text-align: center;
min-width: 70px;
display: inline-block;
cursor: pointer;
margin-top: 10px;
}
.topic_buttons .important{
background: #8b1515 !important;
color: #fff !important;
text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
}
.topic_buttons:hover {
background-color: rgba(255,255,255,0.95);
color: #111;
}
div.main-content.topic {
border-radius: 0!important;
border: none;
background: #fff;
}
.border {
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.border:after {
display: block;
content: "";
-moz-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px;
background: #fff;
height: 3px;
overflow: hidden;
}
input[type="submit"], input[type="reset"] {
background: #323232 url('http://i.imgur.com/N2SwKgg.png') repeat-x 0 0;
border-color: #2b2b2b;
color: #fff;
text-shadow: #2b2b2b 0px -1px 0px;
-moz-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
-webkit-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
text-decoration: none;
border-width: 1px;
border-style: solid;
padding: 4px 10px!important;
cursor: pointer;
border-radius: 2px;
}
#quick_reply .frm-buttons {
padding-left: 0;
border: none;
}
#quick_reply input {
float: right;
}
input[type="text"] {
padding: 6px;
border: 1px solid #d4d4d4;
background: #fcfcfc;
color: #9f9f9f;
text-shadow: #fff 0px 1px 0px;
-webkit-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
}
.main-content p.center {
color: red;
font-weight: bold;
margin-top: 10px;
}
/*Imagem Staff Online*/
.monAva img {
  height: 40px;
  width: 40px;
  margin-right: 5px;
  background: none repeat scroll 0 0 #FFF;
  border: 1px solid #d5d1c8;
  box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  padding: 1px;
}
#footer h1 {text-align:center;}
        ul#social {text-align:center;}
        #connect {text-align:center;}
        #other {text-align:center;}
.monAva img:hover {
  border: 1px solid black;
}
.myStaff a {
  display:inline-block;
  vertical-align:top;
  margin-top:.75em;
}
/*user*/
#backgroundToggle span.show {
display: block;
}
#backgroundToggle span {
background: url("http://i.imgur.com/y75XdvO.png") repeat;
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.65) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.65)));
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
border: 1px solid #111;
border: 1px solid rgba(0,0,0,0.5);
-webkit-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
-moz-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
height: 36px;
width: 36px;
display: none;
text-align: center;
cursor: pointer;
}
#backgroundToggle span:after {
content: "";
display: inline-block;
width: 16px;
height: 16px;
background: url("http://i.imgur.com/jF7Wdfz.png") no-repeat 0 0;
position: relative;
top: 10px;
}
#backgroundToggle span#enableColour:after {
background-position: 0 -16px;
}
#user_bar.withToggle {
margin-left: 44px;
}
#user_bar {
background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.65) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.65)));
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
border: 1px solid #111;
border: 1px solid rgba(0,0,0,0.5);
-webkit-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
-moz-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#user_navigation .ipsList_inline li {
margin: 0;
padding: 0;
float: left;
}
#user_navigation>ul>li {
border-right: 1px solid rgba(255,255,255,0.1);
}
#user_navigation {
float: left;
color: #9f9f9f;
font-size: 11px;
line-height: 36px;
height: 36px;
overflow: hidden;
}
#user_navigation a {
color: #fff;
float: left;
padding: 0 12px;
line-height: 36px;
outline: none;
height: 36px;
}
#user_navigation a:hover {
background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
background: rgba(0,0,0,0.3);
}
h4.forum_name {
font-size: 12px;
display: inline-block;
margin-left: 10px;
}
p.desc.forum_desc {
font-size: 11px;
color: #444;
padding-top: 5px;
margin-left: 10px;
}
.mod-text {
font-weight: normal;
margin-left: 10px;
}
ul.statsPers {
text-align: center;
list-style: none;
text-align: center;
color: #000;
text-shadow: rgba(0,0,0,0.3) 0px 1px 3px;
}
.statHide {
display: none;
}
.statsPers li {
display: inline-block;
margin-right: 20px;
}
.statHide {
display: none!important;
}
.statsPers li > span {
display: inline-block;
background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.65) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0.65)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
-webkit-box-shadow: rgba(0,0,0,0.15) 0px 1px 2px, inset rgba(255,255,255,0.8) 0px 1px 0px;
-moz-box-shadow: rgba(0,0,0,0.15) 0px 1px 2px, inset rgba(255,255,255,0.8) 0px 1px 0px;
box-shadow: rgba(0,0,0,0.15) 0px 1px 2px, inset rgba(255,255,255,0.8) 0px 1px 0px;
text-shadow: rgba(255,255,255,0.6) 0px 1px 0px;
color: #222;
padding: 3px 7px;
font-weight: bold;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-right: 3px;
}
.statistics {
margin: 20px 0 0 0;
padding: 8px;
line-height: 1.3;
overflow: hidden;
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #fafafa;
}
.statistics_head {
font-size: 11px;
font-weight: bold!Important;
margin: -8px -8px 8px -8px;
border-bottom: 1px solid rgba(0,0,0,0.08);
text-shadow: rgba(255,255,255,1) 0px 1px 0px;
background: rgba(255,255,255,0.4);
font-family: "Lato";
text-transform: uppercase;
padding: 15px;
color: #111;
}
p.statistics_brief.desc {
font-size: 11px;
color: #444;
}
#pun-about {
background: none;
border: none;
padding: 10px;
text-align: right;
line-height: 0;
margin-bottom: -20px;
}
#pun-about ul li a {
font-weight: normal;
color: #f0f0f0;
}
ul#stat_links {
line-height: 30px;
}
/*Painel de Controle*/
.center {text-align: left;}
/*big-foot*/
#footer {
background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.65) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.65)));
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
border: 1px solid #111;
border: 1px solid rgba(0,0,0,0.5);
color: #ddd;
-webkit-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
-moz-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-bottom: 10px;
width: 90%;
margin: auto;
}
.footerCol {
width: 14.2%;
font-size: 11px;
min-width: 125px;
float: left;
min-height: 180px;
vertical-align: top;
line-height: 25px;
padding: 15px 0 18px 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.footerCol h3 {
color: #fff;
font-weight: normal;
font-size: 13px;
line-height: 30px;
}
.footerCol h3 a {
color: #fff;
display: block;
}
ol, ul {
list-style: none;
}
.footerCol li a {
color: rgba(255,255,255,0.8);
display: block;
}
.footerCol li a:hover {
color: #fff;
}
.clear {
clear: both;
height: auto;
}
.pun-crumbs {
background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.65) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0.65)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
text-shadow: rgba(255,255,255,0.6) 0px 1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
line-height: 37px;
padding: 10px;
margin-bottom: 10px;
}
/*titlebox*/
.sb_titlebox {
background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.65) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0.65)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
text-shadow: rgba(255,255,255,0.6) 0px 1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 14px;
overflow: hidden;
}
.ipsUserPhoto {
width: 54px;
height: 54px;
-webkit-border-radius: 3px;
border-radius: 3px;
box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px;
}
.ipsBox_withphoto {
margin-left: 65px;
}
.ipsType_pagetitle, .ipsType_subtitle {
font: 300 26px/1.4 Helvetica,Arial,sans-serif;
color: #121212;
}
.ipbfs_titlebox .desc {
padding: 3px 0;
}
.desc.lighter, .desc.lighter.blend_links a {
color: #7a7a7a;
}
.desc, .desc.blend_links a, p.posted_info {
font-size: 11px;
color: #444;
}
/*Cor Painel de Controle*/
.painelcontrole a:link{
 color:#fff !important;
}
/*quote*/
blockquote cite {
font-size: 12px;
padding: 8px 10px;
border: none;
background: #f2f2f2 url('http://i.imgur.com/65o6AG5.png') repeat-x 0 0;
color: #535353;
text-shadow: rgba(255,255,255,1) 0px 1px 0px;
font-weight: bold;
margin-top: 5px;
overflow-x: auto;
clear: right;
margin: -5px -11px 5px!important;
}
.postmain blockquote {
padding: .5em 1em;
border: 1px solid #e3e3e3;
background: #fcfcfc;
color: #9f9f9f;
}
.codebox {
background: none;
border: none;
margin: 1em;
}
.codebox dt {
border: none;
padding: .25em;
}
div.spoiler_content.hidden {
background-color: #fcfcfc !important;
color: #000;
padding: 8px;
border: 1px solid #e3e3e3;
overflow: auto;
font-size: 11px;
line-height: 170%;
font-family: arial !important;
}
.codebox.spoiler dd {
background: none!important;
border: none!important;
padding: 0;
}
.codebox dd {
background-color: #fcfcfc !important;
color: #000;
padding: 8px;
border: 1px solid #e3e3e3;
overflow: auto;
font-size: 11px;
line-height: 170%;
font-family: monospace !important;
}
.codebox.spoiler dt {
display: inline-block;
font-size: 11px;
padding: 5px 10px;
border: none;
background: #f2f2f2 url('http://i.imgur.com/65o6AG5.png') repeat-x 0 0;
color: #535353;
text-shadow: rgba(255,255,255,1) 0px 1px 0px;
font-weight: bold;
margin-top: 5px;
overflow-x: auto;
clear: right;
margin-bottom: 5px;
border: 1px solid #e3e3e3;
}
#avatar img {
width: 34px;
height: 34px;
border-radius: 3px;
margin: 2px;
}
a#inbox_link.menu_active {
    background-position: bottom;
    background-color: #fff;
    color: #323232;
    text-shadow: none;
    position: relative;
    z-index: 10000
}

#notify_link,#inbox_link {
    vertical-align: middle;
    width: 20px;
    padding: 0px
    8px !important;
    position: relative
}
#inbox_link img, #notify_link img {
margin-top: 9px;
}
.entry-content img{
max-width: 100%;
}
.paging a{
background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.85);
color: #222;
text-shadow: 0px 1px 0px #FFF;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
border-radius: 3px;
display: inline-block;
padding: 3px 10px;
text-transform: uppercase;
font-size: 11px;
display: inline-block;
font-weight: normal;
}
.paging{margin: 10px;}
.paging a:hover{
background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.95);
}
.paging b{
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.6);
color: #FFF;
border-radius: 3px;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.7) inset, 0px 1px 0px rgba(255, 255, 255, 0.1);
padding: 3px 10px;
cursor: default;
padding: 3px 10px;
display: inline-block;
font-weight: normal;
padding: 3px 10px;
text-transform: lowercase;
font-size: 11px;
display: inline-block;
font-weight: normal;
}
.topic_buttons.important{
background: none repeat scroll 0% 0% #8B1515;
color: #FFF !important;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 3px rgba(128, 37, 37, 0.2), 0px 1px 0px rgba(189, 33, 33, 0.8) inset;
}
.pun .frm-form {
    background: transparent;
    border: none;
}
#tabs ul li a {
    float: left;
    text-decoration: none;
    background: -moz-linear-gradient(center top , rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.6) 100%) repeat scroll 0% 0% transparent;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset;
    color: #FFF;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
    padding:4px 10px!important;
    border:none!important;
    font-size: 14px;
    font-weight: 300;
    border-radius: 4px 4px 0px 0px;
    overflow: hidden;
}
#tabs ul li.activetab a {
    color: #F4F9FD;
    text-decoration: none;
    background-color: black;
}
.main-content.center img{
max-width: 250px;
}
avatar

Maori
Usuário destaque

Masculino
Inscrito dia : 07/06/2014
Mensagens : 521
Pontos Ativos : 702

Ver perfil do usuário http://baixacidade.forumeiros.com

Resolvido Re: Modificar o tópico

Mensagem por Rafael em 19/01/16, 05:31 pm

Olá!

Finalmente aqui está:

Seta CSS

Código:
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
}
.pun{
margin: 0 auto;
min-width: 980px;
max-width: 1300px;
width: 90%;
padding:0;
}
body {
background: #222;
color: #5a5a5a;
font: normal 11px tahoma,helvetica,arial,sans-serif;
position: relative;
padding-top: 120px;
padding-bottom: 12px;
}
#pun-intro,#pun-head{display:none}
ul#pun-legend, ul.pun-legend {
display: none;
}
#pun-about #qjump {
display: none;
}
/*branding*/
#branding {
background: url("http://i.imgur.com/y75XdvO.png") repeat;
background: rgba(20,20,20,0.9);
border-bottom: 1px solid #000;
border-bottom: 1px solid rgba(0,0,0,0.5);
-webkit-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
-moz-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
height: 110px;
position: fixed;
left: 0;
top: 0;
right: 0;
z-index: 999;
}
#branding .wrapper {
position: relative;
height: 100%;
z-index: 10;
}
#branding
.brandingBackground {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.6);
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out
}
.wrapper {
margin: 0 auto;
min-width: 980px;
max-width: 1300px;
width: 90%;
}
#logo {
float: left;
position: relative;
height: 100%;
z-index: 20;
}
.topic_buttons.important{
background: none repeat scroll 0% 0% #8B1515;
color: #FFF !important;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 3px rgba(128, 37, 37, 0.2), 0px 1px 0px rgba(189, 33, 33, 0.8) inset;
}
#logo
a.textLogo {
    color: #fff;
    line-height: 110px;
    padding: 0
    12px;
    font-size: 24px;
    font-family: "Lato","Trebuchet MS",Arial,Helvetica,sans-serif;
    display: block;
    text-decoration: none
}
a,.pun a,.pun a:visited,.pun a:link{
color: #222;
text-decoration: none;
}
a:hover,.pun a:hover{
color: #111;
text-decoration:none;
}
#logo img {
max-height: 100%;
vertical-align: top;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
fieldset, img {
border: 0;
}
/* Cor caixa de mensagens*/
.pun-privmsg li, .pun-privmsg a, .paging {
    color: #FFF !important;
}
/*Nova mensagem categoria*/
.status {
    margin-left: -51px !important;
}
/*nav*/
#primary_nav {
position: absolute;
right: 0;
top: 50%;
margin-top: -16px;
text-transform: uppercase;
font-family: "Lato";
font-size: 12px;
padding-left: 200px;
}
#community_app_menu {
float: right;
}
#community_app_menu>li {
margin: 0 1px 0 0;
position: relative;
}
#community_app_menu>li {
margin: 0 1px 0 0;
position: relative;
}
.ipsList_inline>li:first-child {
margin-left: 0;
}
.ipsList_inline>li {
display: inline-block;
margin: 0 3px;
}
.left {
float: left;
}
#community_app_menu>li>a {
color: #eee;
color: rgba(255,255,255,0.8);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: block;
outline: none;
padding: 0px 15px;
line-height: 32px;
height: 32px;
}
#community_app_menu>li>a:hover, #community_app_menu>li>a.menu_active {
background: url("http://i.imgur.com/y75XdvO.png") repeat;
background: rgba(255,255,255,0.1);
-webkit-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
-moz-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
color: #fff;
}
#primary_nav #nav_home a:before {
content: "\f015";
}
#primary_nav #nav_app_forums a:before {
content: "\f086";
}
#primary_nav #nav_app_members a:before {
content: "\f007";
}
#primary_nav #nav_app_calendar a:before {
content: "\f073";
}
#primary_nav #nav_app_downloads a:before {
content: "\f019";
}
#primary_nav #nav_app_blog a:before {
content: "\f02d";
}
#primary_nav #nav_app_nexus a:before {
content: "\f07a";
}
#primary_nav a:before {
content: "\f02b";
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: 7px;
font-size: 14px;
}
#community_app_menu>li.active>a {
background: url("http://i.imgur.com/y75XdvO.png") repeat;
background: rgba(255,255,255,0.2);
-webkit-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
-moz-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
color: #fff;
position: relative;
}
/*Menu Perfil*/
#tabs a:hover span {color:#000;}
#tabs a span {color:#000}
#tabs .activetab a span {color:#FFF;}
#tabs .activetab a:hover span {color:#000;}
/*gradient*/
#background {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
z-index: -1;
}
.animatedBackground #gradient {
-webkit-animation: slideBackground 140s infinite alternate;
-moz-animation: slideBackground 140s infinite alternate;
-ms-animation: slideBackground 140s infinite alternate;
-o-animation: slideBackground 140s infinite alternate;
animation: slideBackground 140s infinite alternate;
}
#gradient.applied {
background: url("http://i.imgur.com/uCBvirg.png");
background: -moz-linear-gradient(left, #b7422d 0%, #d18b4f 10%, #e0ca82 20%, #aac382 30%, #87af7b 40%, #4e9682 50%, #488c94 60%, #487394 70%, #785fb1 80%, #a35680 90%, #b7422d 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b7422d), color-stop(10%,#d18b4f), color-stop(20%,#e0ca82), color-stop(30%,#aac382), color-stop(40%,#87af7b), color-stop(50%,#4e9682), color-stop(60%,#488c94), color-stop(70%,#487394), color-stop(80%,#785fb1), color-stop(90%,#a35680), color-stop(100%,#b7422d));
background: -webkit-linear-gradient(left, #b7422d 0%, #d18b4f 10%, #e0ca82 20%, #aac382 30%, #87af7b 40%, #4e9682 50%, #488c94 60%, #487394 70%, #785fb1 80%, #a35680 90%, #b7422d 100%);
background: -o-linear-gradient(left, #b7422d 0%, #d18b4f 10%, #e0ca82 20%, #aac382 30%, #87af7b 40%, #4e9682 50%, #488c94 60%, #487394 70%, #785fb1 80%, #a35680 90%, #b7422d 100%);
background: -ms-linear-gradient(left, #b7422d 0%, #d18b4f 10%, #e0ca82 20%, #aac382 30%, #87af7b 40%, #4e9682 50%, #488c94 60%, #487394 70%, #785fb1 80%, #a35680 90%, #b7422d 100%);
background: linear-gradient(to right, #b7422d 0%, #d18b4f 10%, #e0ca82 20%, #aac382 30%, #87af7b 40%, #4e9682 50%, #488c94 60%, #487394 70%, #785fb1 80%, #a35680 90%, #b7422d 100%);
}
#gradient.applied.greyscale {
    background: #303030;
    background: -moz-linear-gradient(left, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1b1b1b), color-stop(50%,#5f5f5f), color-stop(100%,#1b1b1b));
    background: -webkit-linear-gradient(left, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
    background: -o-linear-gradient(left, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
    background: -ms-linear-gradient(left, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
    background: linear-gradient(to right, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
    background-size: 3800px auto
}
#background:after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
background: url("http://i68.tinypic.com/1z2emc8.jpg") no-repeat 50% 0%;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=15);
opacity: 0.15;
content: "";
}
#gradient {
background-repeat: repeat;
position: absolute;
top: 0;
bottom: 0;
left: 0;
height: 100%;
width: 20000px;
}
@-webkit-keyframes slideBackground {
    0% {
        -webkit-transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-100%);
        margin-left: 100%
    }
}

@-moz-keyframes slideBackground {
    0% {
        -moz-transform: translateX(0)
    }

    100% {
        -moz-transform: translateX(-100%);
        margin-left: 100%
    }
}

@-o-keyframes slideBackground {
    0% {
        -o-transform: translateX(0)
    }

    100% {
        -o-transform: translateX(-100%);
        margin-left: 100%
    }
}

@-ms-keyframes slideBackground {
    0% {
        -ms-transform: translateX(0)
    }

    100% {
        -ms-transform: translateX(-100%);
        margin-left: 100%
    }
}

@keyframes slideBackground {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100%);
        margin-left: 100%
    }
}
/*cat*/
.main .main-foot, .main .main-head {
background: url("http://i.imgur.com/y75XdvO.png") repeat;
background-image: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%);
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.6) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.6)));
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%);
background-image: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%);
background-image: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%);
box-shadow: inset rgba(0,0,0,0.2) 0px 0px 0px 1px;
color: #fff;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
padding: 20px;
font-size: 14px;
font-weight: 300;
-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;
overflow: hidden;
}
.main .main-head .page-title {
font-size: 14px;
font-weight: bold;
}
#pun-visit, .main-box {
display: none;
}
table {
    width: 100%
}

td {
    padding: 3px
}
thead {
display: none;
}
.pun table.table td {
background-color: #fff;
border-bottom: 1px solid rgba(0,0,0,0.1)!important;
border-top: 1px solid rgba(255,255,255,0.5)!important;
border:none;
padding:10px;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: #fff;
}
.pun .main-content {
background-color: #FFF;
border: 1px solid rgba(255, 255, 255, 0);
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
border-radius: 0 0 3px 3px;
}
.pun .main-content:after {
display: block;
content: "";
-moz-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px;
background: #fff;
height: 3px;
overflow: hidden;
}
/*widgets*/
.module .main-head {
text-shadow: rgba(255,255,255,1) 0px 1px 0px;
background: url("http://www.ipbfocus.com/skindemo/public/style_images/dispersion/transw40.png") repeat;
background: rgba(255, 255, 255, 1);
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,0.2)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%);
text-transform: uppercase;
font-family: "Lato";
font-weight: bold;
font-size: 100%;
color: #111;
padding: 15px;
}
.module.main {
margin: 5px auto!important;
border-radius: 3px;
-webkit-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px;
-moz-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px;
box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px;
}
#content-container div#main {
margin-right: 10px;
}
/*post*/
.post h3 {
border-top: 1px solid #111;
border-bottom: 1px solid #111;
text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
background: rgb(20,20,20);
background: rgba(20,20,20,0.9);
padding: 4px 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-size: 13px;
overflow: hidden;
}
.pun .postmain {
background: #fff;
border-left: none;
margin-left: 18em;
}
.pun .post .user {
text-align: center;
margin-top: 5px;
}
.user-basic-info a img:after {
content: "";
position: absolute;
z-index: 1;
top: 0px;
left: 0px;
right: 0;
bottom: 0;
-webkit-box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px;
-moz-box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px;
box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px;
pointer-events: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.user-basic-info a img {
display: inline-block;
width: 150px;
height: 220px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.pun .post {
border: none;
}
.pun .paged-foot, .pun .paged-head {
background: none;
border: none;
padding: 0 0 10px;
}
.post_username {
    border: 1px solid #DDD;
    border-radius: 3px;
    padding: 10px;
    background: #F7F7F7;
}
img.i_icon_online {
float: left;
padding: 15px 5px 5px 0;
}
div.post_date {
float: left;
color: #999;
float: left;
font-size: 11px;
font-weight: normal;
}
.pun .user .user-info {
color: #7a7a7a;
line-height: 1.8em;
}
.pun .user-ident .user-basic-info {
font-weight: normal;
}

.postfoot {
clear: both;
margin-left: -18em;
text-align: right;
background: #f7f7f7;
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.3)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
border-top: 1px solid #e0e0e0;
margin-top: 10px;
clear: both;
overflow: hidden;
}
.pun .postfoot .user-contact {
display: none;
}
.post_controls {
border-left: 0;
border-right: 1px solid #eaeaea;
color: #555;
border: 0;
border-left: 1px solid #eaeaea;
text-shadow: #fff 0px 1px 0px;
height: 25px;
line-height: 25px;
padding: 0 12px;
text-decoration: none;
}
.post-controls:hover {
background-color: #fff;
color: #333;
}
div.main-content.topic {
border-radius: 0!important;
}
div.main-foot.clearfix {
display: none;
}
.topic_buttons {
background: url("http://i.imgur.com/y75XdvO.png") repeat;
background: rgba(255,255,255,0.85);
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.15)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
color: #222;
text-shadow: #fff 0px 1px 0px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-size: 12px;
font-weight: bold;
line-height: 36px;
height: 36px;
padding: 0 20px;
text-align: center;
min-width: 70px;
display: inline-block;
cursor: pointer;
margin-top: 10px;
}
.topic_buttons .important{
background: #8b1515 !important;
color: #fff !important;
text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
}
.topic_buttons:hover {
background-color: rgba(255,255,255,0.95);
color: #111;
}
div.main-content.topic {
border-radius: 0!important;
border: none;
background: #fff;
}
.border {
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.border:after {
display: block;
content: "";
-moz-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px;
background: #fff;
height: 3px;
overflow: hidden;
}
input[type="submit"], input[type="reset"] {
background: #323232 url('http://i.imgur.com/N2SwKgg.png') repeat-x 0 0;
border-color: #2b2b2b;
color: #fff;
text-shadow: #2b2b2b 0px -1px 0px;
-moz-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
-webkit-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
text-decoration: none;
border-width: 1px;
border-style: solid;
padding: 4px 10px!important;
cursor: pointer;
border-radius: 2px;
}
#quick_reply .frm-buttons {
padding-left: 0;
border: none;
}
#quick_reply input {
float: right;
}
input[type="text"] {
padding: 6px;
border: 1px solid #d4d4d4;
background: #fcfcfc;
color: #9f9f9f;
text-shadow: #fff 0px 1px 0px;
-webkit-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
}
.main-content p.center {
color: red;
font-weight: bold;
margin-top: 10px;
}
/*Imagem Staff Online*/
.monAva img {
  height: 40px;
  width: 40px;
  margin-right: 5px;
  background: none repeat scroll 0 0 #FFF;
  border: 1px solid #d5d1c8;
  box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  padding: 1px;
}
#footer h1 {text-align:center;}
        ul#social {text-align:center;}
        #connect {text-align:center;}
        #other {text-align:center;}
.monAva img:hover {
  border: 1px solid black;
}
.myStaff a {
  display:inline-block;
  vertical-align:top;
  margin-top:.75em;
}
/*user*/
#backgroundToggle span.show {
display: block;
}
#backgroundToggle span {
background: url("http://i.imgur.com/y75XdvO.png") repeat;
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.65) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.65)));
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
border: 1px solid #111;
border: 1px solid rgba(0,0,0,0.5);
-webkit-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
-moz-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
height: 36px;
width: 36px;
display: none;
text-align: center;
cursor: pointer;
}
#backgroundToggle span:after {
content: "";
display: inline-block;
width: 16px;
height: 16px;
background: url("http://i.imgur.com/jF7Wdfz.png") no-repeat 0 0;
position: relative;
top: 10px;
}
#backgroundToggle span#enableColour:after {
background-position: 0 -16px;
}
#user_bar.withToggle {
margin-left: 44px;
}
#user_bar {
background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.65) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.65)));
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
border: 1px solid #111;
border: 1px solid rgba(0,0,0,0.5);
-webkit-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
-moz-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#user_navigation .ipsList_inline li {
margin: 0;
padding: 0;
float: left;
}
#user_navigation>ul>li {
border-right: 1px solid rgba(255,255,255,0.1);
}
#user_navigation {
float: left;
color: #9f9f9f;
font-size: 11px;
line-height: 36px;
height: 36px;
overflow: hidden;
}
#user_navigation a {
color: #fff;
float: left;
padding: 0 12px;
line-height: 36px;
outline: none;
height: 36px;
}
#user_navigation a:hover {
background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
background: rgba(0,0,0,0.3);
}
h4.forum_name {
font-size: 12px;
display: inline-block;
margin-left: 10px;
}
p.desc.forum_desc {
font-size: 11px;
color: #444;
padding-top: 5px;
margin-left: 10px;
}
.mod-text {
font-weight: normal;
margin-left: 10px;
}
ul.statsPers {
text-align: center;
list-style: none;
text-align: center;
color: #000;
text-shadow: rgba(0,0,0,0.3) 0px 1px 3px;
}
.statHide {
display: none;
}
.statsPers li {
display: inline-block;
margin-right: 20px;
}
.statHide {
display: none!important;
}
.statsPers li > span {
display: inline-block;
background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.65) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0.65)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
-webkit-box-shadow: rgba(0,0,0,0.15) 0px 1px 2px, inset rgba(255,255,255,0.8) 0px 1px 0px;
-moz-box-shadow: rgba(0,0,0,0.15) 0px 1px 2px, inset rgba(255,255,255,0.8) 0px 1px 0px;
box-shadow: rgba(0,0,0,0.15) 0px 1px 2px, inset rgba(255,255,255,0.8) 0px 1px 0px;
text-shadow: rgba(255,255,255,0.6) 0px 1px 0px;
color: #222;
padding: 3px 7px;
font-weight: bold;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-right: 3px;
}
.statistics {
margin: 20px 0 0 0;
padding: 8px;
line-height: 1.3;
overflow: hidden;
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #fafafa;
}
.statistics_head {
font-size: 11px;
font-weight: bold!Important;
margin: -8px -8px 8px -8px;
border-bottom: 1px solid rgba(0,0,0,0.08);
text-shadow: rgba(255,255,255,1) 0px 1px 0px;
background: rgba(255,255,255,0.4);
font-family: "Lato";
text-transform: uppercase;
padding: 15px;
color: #111;
}
p.statistics_brief.desc {
font-size: 11px;
color: #444;
}
#pun-about {
background: none;
border: none;
padding: 10px;
text-align: right;
line-height: 0;
margin-bottom: -20px;
}
#pun-about ul li a {
font-weight: normal;
color: #f0f0f0;
}
ul#stat_links {
line-height: 30px;
}
/*Painel de Controle*/
.center {text-align: left;}
/*big-foot*/
#footer {
background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.65) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.65)));
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
border: 1px solid #111;
border: 1px solid rgba(0,0,0,0.5);
color: #ddd;
-webkit-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
-moz-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-bottom: 10px;
width: 90%;
margin: auto;
}
.footerCol {
width: 14.2%;
font-size: 11px;
min-width: 125px;
float: left;
min-height: 180px;
vertical-align: top;
line-height: 25px;
padding: 15px 0 18px 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.footerCol h3 {
color: #fff;
font-weight: normal;
font-size: 13px;
line-height: 30px;
}
.footerCol h3 a {
color: #fff;
display: block;
}
ol, ul {
list-style: none;
}
.footerCol li a {
color: rgba(255,255,255,0.8);
display: block;
}
.footerCol li a:hover {
color: #fff;
}
.clear {
clear: both;
height: auto;
}
.pun-crumbs {
background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.65) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0.65)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
text-shadow: rgba(255,255,255,0.6) 0px 1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
line-height: 37px;
padding: 10px;
margin-bottom: 10px;
}
/*titlebox*/
.sb_titlebox {
background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.65) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0.65)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
text-shadow: rgba(255,255,255,0.6) 0px 1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 14px;
overflow: hidden;
}
.ipsUserPhoto {
width: 54px;
height: 54px;
-webkit-border-radius: 3px;
border-radius: 3px;
box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px;
}
.ipsBox_withphoto {
margin-left: 65px;
}
.ipsType_pagetitle, .ipsType_subtitle {
font: 300 26px/1.4 Helvetica,Arial,sans-serif;
color: #121212;
}
.ipbfs_titlebox .desc {
padding: 3px 0;
}
.desc.lighter, .desc.lighter.blend_links a {
color: #7a7a7a;
}
.desc, .desc.blend_links a, p.posted_info {
font-size: 11px;
color: #444;
}
/*Cor Painel de Controle*/
.painelcontrole a:link{
 color:#fff !important;
}
/*quote*/
blockquote cite {
font-size: 12px;
padding: 8px 10px;
border: none;
background: #f2f2f2 url('http://i.imgur.com/65o6AG5.png') repeat-x 0 0;
color: #535353;
text-shadow: rgba(255,255,255,1) 0px 1px 0px;
font-weight: bold;
margin-top: 5px;
overflow-x: auto;
clear: right;
margin: -5px -11px 5px!important;
}
.postmain blockquote {
padding: .5em 1em;
border: 1px solid #e3e3e3;
background: #fcfcfc;
color: #9f9f9f;
}
.codebox {
background: none;
border: none;
margin: 1em;
}
.codebox dt {
border: none;
padding: .25em;
}
div.spoiler_content.hidden {
background-color: #fcfcfc !important;
color: #000;
padding: 8px;
border: 1px solid #e3e3e3;
overflow: auto;
font-size: 11px;
line-height: 170%;
font-family: arial !important;
}
.codebox.spoiler dd {
background: none!important;
border: none!important;
padding: 0;
}
.codebox dd {
background-color: #fcfcfc !important;
color: #000;
padding: 8px;
border: 1px solid #e3e3e3;
overflow: auto;
font-size: 11px;
line-height: 170%;
font-family: monospace !important;
}
.codebox.spoiler dt {
display: inline-block;
font-size: 11px;
padding: 5px 10px;
border: none;
background: #f2f2f2 url('http://i.imgur.com/65o6AG5.png') repeat-x 0 0;
color: #535353;
text-shadow: rgba(255,255,255,1) 0px 1px 0px;
font-weight: bold;
margin-top: 5px;
overflow-x: auto;
clear: right;
margin-bottom: 5px;
border: 1px solid #e3e3e3;
}
#avatar img {
width: 34px;
height: 34px;
border-radius: 3px;
margin: 2px;
}
a#inbox_link.menu_active {
    background-position: bottom;
    background-color: #fff;
    color: #323232;
    text-shadow: none;
    position: relative;
    z-index: 10000
}

#notify_link,#inbox_link {
    vertical-align: middle;
    width: 20px;
    padding: 0px
    8px !important;
    position: relative
}
#inbox_link img, #notify_link img {
margin-top: 9px;
}
.entry-content img{
max-width: 100%;
}
.paging a{
background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.85);
color: #222;
text-shadow: 0px 1px 0px #FFF;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
border-radius: 3px;
display: inline-block;
padding: 3px 10px;
text-transform: uppercase;
font-size: 11px;
display: inline-block;
font-weight: normal;
}
.paging{margin: 10px;}
.paging a:hover{
background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.95);
}
.paging b{
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.6);
color: #FFF;
border-radius: 3px;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.7) inset, 0px 1px 0px rgba(255, 255, 255, 0.1);
padding: 3px 10px;
cursor: default;
padding: 3px 10px;
display: inline-block;
font-weight: normal;
padding: 3px 10px;
text-transform: lowercase;
font-size: 11px;
display: inline-block;
font-weight: normal;
}
.topic_buttons.important{
background: none repeat scroll 0% 0% #8B1515;
color: #FFF !important;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 3px rgba(128, 37, 37, 0.2), 0px 1px 0px rgba(189, 33, 33, 0.8) inset;
}
.pun .frm-form {
    background: transparent;
    border: none;
}
#tabs ul li a {
    float: left;
    text-decoration: none;
    background: -moz-linear-gradient(center top , rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.6) 100%) repeat scroll 0% 0% transparent;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset;
    color: #FFF;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
    padding:4px 10px!important;
    border:none!important;
    font-size: 14px;
    font-weight: 300;
    border-radius: 4px 4px 0px 0px;
    overflow: hidden;
}
#tabs ul li.activetab a {
    color: #F4F9FD;
    text-decoration: none;
    background-color: black;
}
.main-content.center img{
max-width: 250px;
}

Seta viewtopic_body

Código:
<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>
<script>
$(function(){
$('img[alt="Novo Tópico"]').remove();
$('img[alt="Este Tópico está bloqueado. Você não pode editar as mensagens ou responder."]').replaceWith('<span class="topic_buttons important">Este tópico está bloqueado</span>');
$('img[alt="Responder ao tópico"]').replaceWith('<span class="topic_buttons">Responder ao tópico</span>');
$('img[alt="Responder com citação"]').replaceWith('<span class="post_controls">Citar</span>');
$('img[alt="Editar/excluir esta mensagem"]').replaceWith('<span class="post_controls">Editar</span>');
$('img[alt="Excluir esta mensagem"]').replaceWith('<span class="post_controls">Deletar</span>');
$('img[alt="Ver o IP do Usuário"]').replaceWith('<span class="post_controls">Ver IP</span>');
$('img[src="http://illiweb.com/fa/subsilver/icon_multiquote_off_en.png"]').replaceWith('<span class="post_controls">Multi-Quote</span>');
$('img[alt="Enviar um alerta desta mensagem a um administrador ou moderador"]').replaceWith('<span class="post_controls report">Reportar</span>');
});
</script>
<script>
       jQuery(document).ready(function() {
         var url=$('.post:first .postmain .postbody .user .user-ident .user-basic-info a img').attr('src');
         $('.ipsUserPhoto').attr('src',url);
         var url2=jQuery('.post:first .postmain .postbody .user .user-ident .user-basic-info a').attr('href');
         jQuery('.teste2').attr('href',url2);
         var url3=jQuery('.post_username span a span strong').html();
         jQuery('span[itemprop="creator"]').html(url3);
         var url5=jQuery('abbr[itemprop="commentTime"]').html();
         jQuery('span[itemprop="dateCreated"]').html(url5);
       });
</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">
<a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}&nbsp;»&nbsp;
<strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</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="sb_titlebox">
<a href="#" class="ipsUserPhotoLink left">
<img src="http://r26.imgfast.net/users/2617/31/90/74/avatars/1-40.png" alt="Photo" class="ipsUserPhoto ipsUserPhoto_medium">
</a>
<div itemscope="" itemtype="http://schema.org/Article" class="ipsBox_withphoto">
<h1 itemprop="name" class="ipsType_pagetitle">
{TOPIC_TITLE}
</h1>
<div class="desc lighter blend_links">
Started by <span itemprop="creator"></span>, <span itemprop="dateCreated">{postrow.displayed.POST_DATE_NEW}</span>
</div>
<meta itemprop="interactionCount" content="UserComments:1">
</div>
</div>
<div class="main paged">
<div class="paged-head 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>
{POLL_DISPLAY}<div class="border">
<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 -->
<!-- BEGIN first_post_br -->
</div>
<hr id="first-post-br" />
<div class="main-content topic">
<!-- END first_post_br -->
<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>
<h3{postrow.displayed.THANK_BGCOLOR}>
<div class="post_date">
Postado <abbr class="published" itemprop="commentTime">{postrow.displayed.POST_DATE_NEW}</abbr>
</div>
</h3>
                         <div class="postmain"{postrow.displayed.THANK_BGCOLOR}>
<div class="postbody"{postrow.displayed.THANK_BGCOLOR}>
<div class="user">
<div class="post_username">
<span itemprop="creator name" class="author vcard" itemprop="name">{postrow.displayed.POSTER_NAME}</span>{postrow.displayed.ONLINE_IMG}
</div><br /><br />
<div class="user-ident">
<div class="user-basic-info">
                                                                 <span class="photo-user">{postrow.displayed.POSTER_AVATAR}</span><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>
<!-- 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>
 </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}">{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>

Até mais.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Modificar o tópico

Mensagem por Maori em 19/01/16, 09:51 pm

Oi, RafaelS

Obrigado, mas deu um probleminha aqui. A bolinha de "online" está para baixo, tem como centralizar ela ? http://prntscr.com/9sbax9
avatar

Maori
Usuário destaque

Masculino
Inscrito dia : 07/06/2014
Mensagens : 521
Pontos Ativos : 702

Ver perfil do usuário http://baixacidade.forumeiros.com

Resolvido Re: Modificar o tópico

Mensagem por Rafael em 23/01/16, 12:54 pm

Olá PaladinoS,

Flecha ajudeiros Troque o seu CSS por este:

Código:
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
}
.pun{
margin: 0 auto;
min-width: 980px;
max-width: 1300px;
width: 90%;
padding:0;
}
body {
background: #222;
color: #5a5a5a;
font: normal 11px tahoma,helvetica,arial,sans-serif;
position: relative;
padding-top: 120px;
padding-bottom: 12px;
}
#pun-intro,#pun-head{display:none}
ul#pun-legend, ul.pun-legend {
display: none;
}
#pun-about #qjump {
display: none;
}
/*branding*/
#branding {
background: url("http://i.imgur.com/y75XdvO.png") repeat;
background: rgba(20,20,20,0.9);
border-bottom: 1px solid #000;
border-bottom: 1px solid rgba(0,0,0,0.5);
-webkit-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
-moz-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
height: 110px;
position: fixed;
left: 0;
top: 0;
right: 0;
z-index: 999;
}
#branding .wrapper {
position: relative;
height: 100%;
z-index: 10;
}
#branding
.brandingBackground {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.6);
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out
}
.wrapper {
margin: 0 auto;
min-width: 980px;
max-width: 1300px;
width: 90%;
}
#logo {
float: left;
position: relative;
height: 100%;
z-index: 20;
}
.topic_buttons.important{
background: none repeat scroll 0% 0% #8B1515;
color: #FFF !important;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 3px rgba(128, 37, 37, 0.2), 0px 1px 0px rgba(189, 33, 33, 0.8) inset;
}
#logo
a.textLogo {
    color: #fff;
    line-height: 110px;
    padding: 0
    12px;
    font-size: 24px;
    font-family: "Lato","Trebuchet MS",Arial,Helvetica,sans-serif;
    display: block;
    text-decoration: none
}
a,.pun a,.pun a:visited,.pun a:link{
color: #222;
text-decoration: none;
}
a:hover,.pun a:hover{
color: #111;
text-decoration:none;
}
#logo img {
max-height: 100%;
vertical-align: top;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
fieldset, img {
border: 0;
}
/* Cor caixa de mensagens*/
.pun-privmsg li, .pun-privmsg a, .paging {
    color: #FFF !important;
}
/*Nova mensagem categoria*/
.status {
    margin-left: -51px !important;
}
/*nav*/
#primary_nav {
position: absolute;
right: 0;
top: 50%;
margin-top: -16px;
text-transform: uppercase;
font-family: "Lato";
font-size: 12px;
padding-left: 200px;
}
#community_app_menu {
float: right;
}
#community_app_menu>li {
margin: 0 1px 0 0;
position: relative;
}
#community_app_menu>li {
margin: 0 1px 0 0;
position: relative;
}
.ipsList_inline>li:first-child {
margin-left: 0;
}
.ipsList_inline>li {
display: inline-block;
margin: 0 3px;
}
.left {
float: left;
}
#community_app_menu>li>a {
color: #eee;
color: rgba(255,255,255,0.8);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: block;
outline: none;
padding: 0px 15px;
line-height: 32px;
height: 32px;
}
#community_app_menu>li>a:hover, #community_app_menu>li>a.menu_active {
background: url("http://i.imgur.com/y75XdvO.png") repeat;
background: rgba(255,255,255,0.1);
-webkit-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
-moz-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
color: #fff;
}
#primary_nav #nav_home a:before {
content: "\f015";
}
#primary_nav #nav_app_forums a:before {
content: "\f086";
}
#primary_nav #nav_app_members a:before {
content: "\f007";
}
#primary_nav #nav_app_calendar a:before {
content: "\f073";
}
#primary_nav #nav_app_downloads a:before {
content: "\f019";
}
#primary_nav #nav_app_blog a:before {
content: "\f02d";
}
#primary_nav #nav_app_nexus a:before {
content: "\f07a";
}
#primary_nav a:before {
content: "\f02b";
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: 7px;
font-size: 14px;
}
#community_app_menu>li.active>a {
background: url("http://i.imgur.com/y75XdvO.png") repeat;
background: rgba(255,255,255,0.2);
-webkit-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
-moz-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
color: #fff;
position: relative;
}
/*Menu Perfil*/
#tabs a:hover span {color:#000;}
#tabs a span {color:#000}
#tabs .activetab a span {color:#FFF;}
#tabs .activetab a:hover span {color:#000;}
/*gradient*/
#background {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
z-index: -1;
}
.animatedBackground #gradient {
-webkit-animation: slideBackground 140s infinite alternate;
-moz-animation: slideBackground 140s infinite alternate;
-ms-animation: slideBackground 140s infinite alternate;
-o-animation: slideBackground 140s infinite alternate;
animation: slideBackground 140s infinite alternate;
}
#gradient.applied {
background: url("http://i.imgur.com/uCBvirg.png");
background: -moz-linear-gradient(left, #b7422d 0%, #d18b4f 10%, #e0ca82 20%, #aac382 30%, #87af7b 40%, #4e9682 50%, #488c94 60%, #487394 70%, #785fb1 80%, #a35680 90%, #b7422d 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b7422d), color-stop(10%,#d18b4f), color-stop(20%,#e0ca82), color-stop(30%,#aac382), color-stop(40%,#87af7b), color-stop(50%,#4e9682), color-stop(60%,#488c94), color-stop(70%,#487394), color-stop(80%,#785fb1), color-stop(90%,#a35680), color-stop(100%,#b7422d));
background: -webkit-linear-gradient(left, #b7422d 0%, #d18b4f 10%, #e0ca82 20%, #aac382 30%, #87af7b 40%, #4e9682 50%, #488c94 60%, #487394 70%, #785fb1 80%, #a35680 90%, #b7422d 100%);
background: -o-linear-gradient(left, #b7422d 0%, #d18b4f 10%, #e0ca82 20%, #aac382 30%, #87af7b 40%, #4e9682 50%, #488c94 60%, #487394 70%, #785fb1 80%, #a35680 90%, #b7422d 100%);
background: -ms-linear-gradient(left, #b7422d 0%, #d18b4f 10%, #e0ca82 20%, #aac382 30%, #87af7b 40%, #4e9682 50%, #488c94 60%, #487394 70%, #785fb1 80%, #a35680 90%, #b7422d 100%);
background: linear-gradient(to right, #b7422d 0%, #d18b4f 10%, #e0ca82 20%, #aac382 30%, #87af7b 40%, #4e9682 50%, #488c94 60%, #487394 70%, #785fb1 80%, #a35680 90%, #b7422d 100%);
}
#gradient.applied.greyscale {
    background: #303030;
    background: -moz-linear-gradient(left, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1b1b1b), color-stop(50%,#5f5f5f), color-stop(100%,#1b1b1b));
    background: -webkit-linear-gradient(left, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
    background: -o-linear-gradient(left, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
    background: -ms-linear-gradient(left, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
    background: linear-gradient(to right, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
    background-size: 3800px auto
}
#background:after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
background: url("http://i68.tinypic.com/1z2emc8.jpg") no-repeat 50% 0%;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=15);
opacity: 0.15;
content: "";
}
#gradient {
background-repeat: repeat;
position: absolute;
top: 0;
bottom: 0;
left: 0;
height: 100%;
width: 20000px;
}
@-webkit-keyframes slideBackground {
    0% {
        -webkit-transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-100%);
        margin-left: 100%
    }
}

@-moz-keyframes slideBackground {
    0% {
        -moz-transform: translateX(0)
    }

    100% {
        -moz-transform: translateX(-100%);
        margin-left: 100%
    }
}

@-o-keyframes slideBackground {
    0% {
        -o-transform: translateX(0)
    }

    100% {
        -o-transform: translateX(-100%);
        margin-left: 100%
    }
}

@-ms-keyframes slideBackground {
    0% {
        -ms-transform: translateX(0)
    }

    100% {
        -ms-transform: translateX(-100%);
        margin-left: 100%
    }
}

@keyframes slideBackground {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100%);
        margin-left: 100%
    }
}
/*cat*/
.main .main-foot, .main .main-head {
background: url("http://i.imgur.com/y75XdvO.png") repeat;
background-image: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%);
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.6) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.6)));
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%);
background-image: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%);
background-image: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%);
box-shadow: inset rgba(0,0,0,0.2) 0px 0px 0px 1px;
color: #fff;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
padding: 20px;
font-size: 14px;
font-weight: 300;
-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;
overflow: hidden;
}
.main .main-head .page-title {
font-size: 14px;
font-weight: bold;
}
#pun-visit, .main-box {
display: none;
}
table {
    width: 100%
}

td {
    padding: 3px
}
thead {
display: none;
}
.pun table.table td {
background-color: #fff;
border-bottom: 1px solid rgba(0,0,0,0.1)!important;
border-top: 1px solid rgba(255,255,255,0.5)!important;
border:none;
padding:10px;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: #fff;
}
.pun .main-content {
background-color: #FFF;
border: 1px solid rgba(255, 255, 255, 0);
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
border-radius: 0 0 3px 3px;
}
.pun .main-content:after {
display: block;
content: "";
-moz-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px;
background: #fff;
height: 3px;
overflow: hidden;
}
/*widgets*/
.module .main-head {
text-shadow: rgba(255,255,255,1) 0px 1px 0px;
background: url("http://www.ipbfocus.com/skindemo/public/style_images/dispersion/transw40.png") repeat;
background: rgba(255, 255, 255, 1);
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,0.2)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%);
text-transform: uppercase;
font-family: "Lato";
font-weight: bold;
font-size: 100%;
color: #111;
padding: 15px;
}
.module.main {
margin: 5px auto!important;
border-radius: 3px;
-webkit-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px;
-moz-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px;
box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px;
}
#content-container div#main {
margin-right: 10px;
}
/*post*/
.post h3 {
border-top: 1px solid #111;
border-bottom: 1px solid #111;
text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
background: rgb(20,20,20);
background: rgba(20,20,20,0.9);
padding: 4px 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-size: 13px;
overflow: hidden;
}
.pun .postmain {
background: #fff;
border-left: none;
margin-left: 18em;
}
.pun .post .user {
text-align: center;
margin-top: 5px;
}
.user-basic-info a img:after {
content: "";
position: absolute;
z-index: 1;
top: 0px;
left: 0px;
right: 0;
bottom: 0;
-webkit-box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px;
-moz-box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px;
box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px;
pointer-events: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.user-basic-info a img {
display: inline-block;
width: 150px;
height: 220px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.pun .post {
border: none;
}
.pun .paged-foot, .pun .paged-head {
background: none;
border: none;
padding: 0 0 10px;
}
div.post_username {
float: left;
min-width: 177px;
font-weight: bold;
}
img.i_icon_online {
    padding-right: 8px;
    vertical-align: baseline;
}
div.post_date {
float: left;
color: #999;
float: left;
font-size: 11px;
font-weight: normal;
}
.pun .user .user-info {
color: #7a7a7a;
line-height: 1.8em;
}
.pun .user-ident .user-basic-info {
font-weight: normal;
}

.postfoot {
clear: both;
margin-left: -18em;
text-align: right;
background: #f7f7f7;
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.3)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
border-top: 1px solid #e0e0e0;
margin-top: 10px;
clear: both;
overflow: hidden;
}
.post_username span a span strong {
color: #fff!important;
}
.pun .postfoot .user-contact {
display: none;
}
.post_controls {
border-left: 0;
border-right: 1px solid #eaeaea;
color: #555;
border: 0;
border-left: 1px solid #eaeaea;
text-shadow: #fff 0px 1px 0px;
height: 25px;
line-height: 25px;
padding: 0 12px;
text-decoration: none;
}
.post-controls:hover {
background-color: #fff;
color: #333;
}
div.main-content.topic {
border-radius: 0!important;
}
div.main-foot.clearfix {
display: none;
}
.topic_buttons {
background: url("http://i.imgur.com/y75XdvO.png") repeat;
background: rgba(255,255,255,0.85);
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.15)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
color: #222;
text-shadow: #fff 0px 1px 0px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-size: 12px;
font-weight: bold;
line-height: 36px;
height: 36px;
padding: 0 20px;
text-align: center;
min-width: 70px;
display: inline-block;
cursor: pointer;
margin-top: 10px;
}
.topic_buttons .important{
background: #8b1515 !important;
color: #fff !important;
text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
}
.topic_buttons:hover {
background-color: rgba(255,255,255,0.95);
color: #111;
}
div.main-content.topic {
border-radius: 0!important;
border: none;
background: #fff;
}
.border {
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.border:after {
display: block;
content: "";
-moz-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px;
background: #fff;
height: 3px;
overflow: hidden;
}
input[type="submit"], input[type="reset"] {
background: #323232 url('http://i.imgur.com/N2SwKgg.png') repeat-x 0 0;
border-color: #2b2b2b;
color: #fff;
text-shadow: #2b2b2b 0px -1px 0px;
-moz-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
-webkit-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
text-decoration: none;
border-width: 1px;
border-style: solid;
padding: 4px 10px!important;
cursor: pointer;
border-radius: 2px;
}
#quick_reply .frm-buttons {
padding-left: 0;
border: none;
}
#quick_reply input {
float: right;
}
input[type="text"] {
padding: 6px;
border: 1px solid #d4d4d4;
background: #fcfcfc;
color: #9f9f9f;
text-shadow: #fff 0px 1px 0px;
-webkit-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
}
.main-content p.center {
color: red;
font-weight: bold;
margin-top: 10px;
}
/*Imagem Staff Online*/
.monAva img {
  height: 40px;
  width: 40px;
  margin-right: 5px;
  background: none repeat scroll 0 0 #FFF;
  border: 1px solid #d5d1c8;
  box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  padding: 1px;
}
#footer h1 {text-align:center;}
        ul#social {text-align:center;}
        #connect {text-align:center;}
        #other {text-align:center;}
.monAva img:hover {
  border: 1px solid black;
}
.myStaff a {
  display:inline-block;
  vertical-align:top;
  margin-top:.75em;
}
/*user*/
#backgroundToggle span.show {
display: block;
}
#backgroundToggle span {
background: url("http://i.imgur.com/y75XdvO.png") repeat;
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.65) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.65)));
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
border: 1px solid #111;
border: 1px solid rgba(0,0,0,0.5);
-webkit-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
-moz-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
height: 36px;
width: 36px;
display: none;
text-align: center;
cursor: pointer;
}
#backgroundToggle span:after {
content: "";
display: inline-block;
width: 16px;
height: 16px;
background: url("http://i.imgur.com/jF7Wdfz.png") no-repeat 0 0;
position: relative;
top: 10px;
}
#backgroundToggle span#enableColour:after {
background-position: 0 -16px;
}
#user_bar.withToggle {
margin-left: 44px;
}
#user_bar {
background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.65) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.65)));
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
border: 1px solid #111;
border: 1px solid rgba(0,0,0,0.5);
-webkit-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
-moz-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#user_navigation .ipsList_inline li {
margin: 0;
padding: 0;
float: left;
}
#user_navigation>ul>li {
border-right: 1px solid rgba(255,255,255,0.1);
}
#user_navigation {
float: left;
color: #9f9f9f;
font-size: 11px;
line-height: 36px;
height: 36px;
overflow: hidden;
}
#user_navigation a {
color: #fff;
float: left;
padding: 0 12px;
line-height: 36px;
outline: none;
height: 36px;
}
#user_navigation a:hover {
background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
background: rgba(0,0,0,0.3);
}
h4.forum_name {
font-size: 12px;
display: inline-block;
margin-left: 10px;
}
p.desc.forum_desc {
font-size: 11px;
color: #444;
padding-top: 5px;
margin-left: 10px;
}
.mod-text {
font-weight: normal;
margin-left: 10px;
}
ul.statsPers {
text-align: center;
list-style: none;
text-align: center;
color: #000;
text-shadow: rgba(0,0,0,0.3) 0px 1px 3px;
}
.statHide {
display: none;
}
.statsPers li {
display: inline-block;
margin-right: 20px;
}
.statHide {
display: none!important;
}
.statsPers li > span {
display: inline-block;
background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.65) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0.65)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
-webkit-box-shadow: rgba(0,0,0,0.15) 0px 1px 2px, inset rgba(255,255,255,0.8) 0px 1px 0px;
-moz-box-shadow: rgba(0,0,0,0.15) 0px 1px 2px, inset rgba(255,255,255,0.8) 0px 1px 0px;
box-shadow: rgba(0,0,0,0.15) 0px 1px 2px, inset rgba(255,255,255,0.8) 0px 1px 0px;
text-shadow: rgba(255,255,255,0.6) 0px 1px 0px;
color: #222;
padding: 3px 7px;
font-weight: bold;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-right: 3px;
}
.statistics {
margin: 20px 0 0 0;
padding: 8px;
line-height: 1.3;
overflow: hidden;
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #fafafa;
}
.statistics_head {
font-size: 11px;
font-weight: bold!Important;
margin: -8px -8px 8px -8px;
border-bottom: 1px solid rgba(0,0,0,0.08);
text-shadow: rgba(255,255,255,1) 0px 1px 0px;
background: rgba(255,255,255,0.4);
font-family: "Lato";
text-transform: uppercase;
padding: 15px;
color: #111;
}
p.statistics_brief.desc {
font-size: 11px;
color: #444;
}
#pun-about {
background: none;
border: none;
padding: 10px;
text-align: right;
line-height: 0;
margin-bottom: -20px;
}
#pun-about ul li a {
font-weight: normal;
color: #f0f0f0;
}
ul#stat_links {
line-height: 30px;
}
/*Painel de Controle*/
.center {text-align: left;}
/*big-foot*/
#footer {
background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.65) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.65)));
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
border: 1px solid #111;
border: 1px solid rgba(0,0,0,0.5);
color: #ddd;
-webkit-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
-moz-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-bottom: 10px;
width: 90%;
margin: auto;
}
.footerCol {
width: 14.2%;
font-size: 11px;
min-width: 125px;
float: left;
min-height: 180px;
vertical-align: top;
line-height: 25px;
padding: 15px 0 18px 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.footerCol h3 {
color: #fff;
font-weight: normal;
font-size: 13px;
line-height: 30px;
}
.footerCol h3 a {
color: #fff;
display: block;
}
ol, ul {
list-style: none;
}
.footerCol li a {
color: rgba(255,255,255,0.8);
display: block;
}
.footerCol li a:hover {
color: #fff;
}
.clear {
clear: both;
height: auto;
}
.pun-crumbs {
background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.65) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0.65)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
text-shadow: rgba(255,255,255,0.6) 0px 1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
line-height: 37px;
padding: 10px;
margin-bottom: 10px;
}
/*titlebox*/
.sb_titlebox {
background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.65) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0.65)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
text-shadow: rgba(255,255,255,0.6) 0px 1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 14px;
overflow: hidden;
}
.ipsUserPhoto {
width: 54px;
height: 54px;
-webkit-border-radius: 3px;
border-radius: 3px;
box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px;
}
.ipsBox_withphoto {
margin-left: 65px;
}
.ipsType_pagetitle, .ipsType_subtitle {
font: 300 26px/1.4 Helvetica,Arial,sans-serif;
color: #121212;
}
.ipbfs_titlebox .desc {
padding: 3px 0;
}
.desc.lighter, .desc.lighter.blend_links a {
color: #7a7a7a;
}
.desc, .desc.blend_links a, p.posted_info {
font-size: 11px;
color: #444;
}
/*Cor Painel de Controle*/
.painelcontrole a:link{
 color:#fff !important;
}
/*quote*/
blockquote cite {
font-size: 12px;
padding: 8px 10px;
border: none;
background: #f2f2f2 url('http://i.imgur.com/65o6AG5.png') repeat-x 0 0;
color: #535353;
text-shadow: rgba(255,255,255,1) 0px 1px 0px;
font-weight: bold;
margin-top: 5px;
overflow-x: auto;
clear: right;
margin: -5px -11px 5px!important;
}
.postmain blockquote {
padding: .5em 1em;
border: 1px solid #e3e3e3;
background: #fcfcfc;
color: #9f9f9f;
}
.codebox {
background: none;
border: none;
margin: 1em;
}
.codebox dt {
border: none;
padding: .25em;
}
div.spoiler_content.hidden {
background-color: #fcfcfc !important;
color: #000;
padding: 8px;
border: 1px solid #e3e3e3;
overflow: auto;
font-size: 11px;
line-height: 170%;
font-family: arial !important;
}
.codebox.spoiler dd {
background: none!important;
border: none!important;
padding: 0;
}
.codebox dd {
background-color: #fcfcfc !important;
color: #000;
padding: 8px;
border: 1px solid #e3e3e3;
overflow: auto;
font-size: 11px;
line-height: 170%;
font-family: monospace !important;
}
.codebox.spoiler dt {
display: inline-block;
font-size: 11px;
padding: 5px 10px;
border: none;
background: #f2f2f2 url('http://i.imgur.com/65o6AG5.png') repeat-x 0 0;
color: #535353;
text-shadow: rgba(255,255,255,1) 0px 1px 0px;
font-weight: bold;
margin-top: 5px;
overflow-x: auto;
clear: right;
margin-bottom: 5px;
border: 1px solid #e3e3e3;
}
#avatar img {
width: 34px;
height: 34px;
border-radius: 3px;
margin: 2px;
}
a#inbox_link.menu_active {
    background-position: bottom;
    background-color: #fff;
    color: #323232;
    text-shadow: none;
    position: relative;
    z-index: 10000
}

#notify_link,#inbox_link {
    vertical-align: middle;
    width: 20px;
    padding: 0px
    8px !important;
    position: relative
}
#inbox_link img, #notify_link img {
margin-top: 9px;
}
.entry-content img{
max-width: 100%;
}
.paging a{
background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.85);
color: #222;
text-shadow: 0px 1px 0px #FFF;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
border-radius: 3px;
display: inline-block;
padding: 3px 10px;
text-transform: uppercase;
font-size: 11px;
display: inline-block;
font-weight: normal;
}
.paging{margin: 10px;}
.paging a:hover{
background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.95);
}
.paging b{
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.6);
color: #FFF;
border-radius: 3px;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.7) inset, 0px 1px 0px rgba(255, 255, 255, 0.1);
padding: 3px 10px;
cursor: default;
padding: 3px 10px;
display: inline-block;
font-weight: normal;
padding: 3px 10px;
text-transform: lowercase;
font-size: 11px;
display: inline-block;
font-weight: normal;
}
.topic_buttons.important{
background: none repeat scroll 0% 0% #8B1515;
color: #FFF !important;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 3px rgba(128, 37, 37, 0.2), 0px 1px 0px rgba(189, 33, 33, 0.8) inset;
}
.pun .frm-form {
    background: transparent;
    border: none;
}
#tabs ul li a {
    float: left;
    text-decoration: none;
    background: -moz-linear-gradient(center top , rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.6) 100%) repeat scroll 0% 0% transparent;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset;
    color: #FFF;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
    padding:4px 10px!important;
    border:none!important;
    font-size: 14px;
    font-weight: 300;
    border-radius: 4px 4px 0px 0px;
    overflow: hidden;
}
#tabs ul li.activetab a {
    color: #F4F9FD;
    text-decoration: none;
    background-color: black;
}
.main-content.center img{
max-width: 250px;
}

Até mais.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Modificar o tópico

Mensagem por Maori em 23/01/16, 03:24 pm

Não deu certo! Bugou !

Por favor altere nesse CSS, pois já fiz algumas alterações!

Código:
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
}
.pun{
margin: 0 auto;
min-width: 980px;
max-width: 1300px;
width: 90%;
padding:0;
}
body {
background: #222;
color: #5a5a5a;
font: normal 11px tahoma,helvetica,arial,sans-serif;
position: relative;
padding-top: 120px;
padding-bottom: 12px;
}
#pun-intro,#pun-head{display:none}
ul#pun-legend, ul.pun-legend {
display: none;
}
#pun-about #qjump {
display: none;
}
/*Textbox Senha*/
 input.inputfield {
    width: 180px;
    padding: 6px;
    border: 1px solid #D4D4D4;
    background: #FCFCFC none repeat scroll 0% 0%;
    color: #9F9F9F;
    text-shadow: 0px 1px 0px #FFF;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1) inset;
}

fieldset.frm-set dl dt {
    margin-top: 7px;  /*ALTURA DO TEXTO LOGIN E SENHA*/
    text-align: right;  /*POSIÇÃO DO TEXTO LOGIN E SENHA*/
}
/*branding*/
#branding {
background: url("http://i.imgur.com/y75XdvO.png") repeat;
background: rgba(20,20,20,0.9);
border-bottom: 1px solid #000;
border-bottom: 1px solid rgba(0,0,0,0.5);
-webkit-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
-moz-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
height: 110px;
position: fixed;
left: 0;
top: 0;
right: 0;
z-index: 999;
}
#branding .wrapper {
position: relative;
height: 100%;
z-index: 10;
}
#branding
.brandingBackground {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.6);
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out
}
.wrapper {
margin: 0 auto;
min-width: 980px;
max-width: 1300px;
width: 90%;
}
#logo {
float: left;
position: relative;
height: 100%;
z-index: 20;
}
.topic_buttons.important{
background: none repeat scroll 0% 0% #8B1515;
color: #FFF !important;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 3px rgba(128, 37, 37, 0.2), 0px 1px 0px rgba(189, 33, 33, 0.8) inset;
}
#logo
a.textLogo {
    color: #fff;
    line-height: 110px;
    padding: 0
    12px;
    font-size: 24px;
    font-family: "Lato","Trebuchet MS",Arial,Helvetica,sans-serif;
    display: block;
    text-decoration: none
}
a,.pun a,.pun a:visited,.pun a:link{
color: #222;
text-decoration: none;
}
a:hover,.pun a:hover{
color: #111;
text-decoration:none;
}
#logo img {
max-height: 100%;
vertical-align: top;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
fieldset, img {
border: 0;
}
/* Cor caixa de mensagens*/
.pun-privmsg li, .pun-privmsg a, .paging {
    color: #FFF !important;
}
/*Nova mensagem categoria*/
.status {
    margin-left: -51px !important;
}
/*nav*/
#primary_nav {
position: absolute;
right: 0;
top: 50%;
margin-top: -16px;
text-transform: uppercase;
font-family: "Lato";
font-size: 12px;
padding-left: 200px;
}
#community_app_menu {
float: right;
}
#community_app_menu>li {
margin: 0 1px 0 0;
position: relative;
}
#community_app_menu>li {
margin: 0 1px 0 0;
position: relative;
}
.ipsList_inline>li:first-child {
margin-left: 0;
}
.ipsList_inline>li {
display: inline-block;
margin: 0 3px;
}
.left {
float: left;
}
#community_app_menu>li>a {
color: #eee;
color: rgba(255,255,255,0.8);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: block;
outline: none;
padding: 0px 15px;
line-height: 32px;
height: 32px;
}
#community_app_menu>li>a:hover, #community_app_menu>li>a.menu_active {
background: url("http://i.imgur.com/y75XdvO.png") repeat;
background: rgba(255,255,255,0.1);
-webkit-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
-moz-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
color: #fff;
}
#primary_nav #nav_home a:before {
content: "\f015";
}
#primary_nav #nav_app_forums a:before {
content: "\f086";
}
#primary_nav #nav_app_members a:before {
content: "\f007";
}
#primary_nav #nav_app_calendar a:before {
content: "\f073";
}
#primary_nav #nav_app_downloads a:before {
content: "\f019";
}
#primary_nav #nav_app_blog a:before {
content: "\f02d";
}
#primary_nav #nav_app_nexus a:before {
content: "\f07a";
}
#primary_nav a:before {
content: "\f02b";
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: 7px;
font-size: 14px;
}
#community_app_menu>li.active>a {
background: url("http://i.imgur.com/y75XdvO.png") repeat;
background: rgba(255,255,255,0.2);
-webkit-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
-moz-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
color: #fff;
position: relative;
}
/*Menu Perfil*/
#tabs a:hover span {color:#000;}
#tabs a span {color:#000}
#tabs .activetab a span {color:#FFF;}
#tabs .activetab a:hover span {color:#000;}
/*gradient*/
#background {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
z-index: -1;
}
.animatedBackground #gradient {
-webkit-animation: slideBackground 140s infinite alternate;
-moz-animation: slideBackground 140s infinite alternate;
-ms-animation: slideBackground 140s infinite alternate;
-o-animation: slideBackground 140s infinite alternate;
animation: slideBackground 140s infinite alternate;
}
#gradient.applied {
background: url("http://i.imgur.com/uCBvirg.png");
background: -moz-linear-gradient(left, #b7422d 0%, #d18b4f 10%, #e0ca82 20%, #aac382 30%, #87af7b 40%, #4e9682 50%, #488c94 60%, #487394 70%, #785fb1 80%, #a35680 90%, #b7422d 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b7422d), color-stop(10%,#d18b4f), color-stop(20%,#e0ca82), color-stop(30%,#aac382), color-stop(40%,#87af7b), color-stop(50%,#4e9682), color-stop(60%,#488c94), color-stop(70%,#487394), color-stop(80%,#785fb1), color-stop(90%,#a35680), color-stop(100%,#b7422d));
background: -webkit-linear-gradient(left, #b7422d 0%, #d18b4f 10%, #e0ca82 20%, #aac382 30%, #87af7b 40%, #4e9682 50%, #488c94 60%, #487394 70%, #785fb1 80%, #a35680 90%, #b7422d 100%);
background: -o-linear-gradient(left, #b7422d 0%, #d18b4f 10%, #e0ca82 20%, #aac382 30%, #87af7b 40%, #4e9682 50%, #488c94 60%, #487394 70%, #785fb1 80%, #a35680 90%, #b7422d 100%);
background: -ms-linear-gradient(left, #b7422d 0%, #d18b4f 10%, #e0ca82 20%, #aac382 30%, #87af7b 40%, #4e9682 50%, #488c94 60%, #487394 70%, #785fb1 80%, #a35680 90%, #b7422d 100%);
background: linear-gradient(to right, #b7422d 0%, #d18b4f 10%, #e0ca82 20%, #aac382 30%, #87af7b 40%, #4e9682 50%, #488c94 60%, #487394 70%, #785fb1 80%, #a35680 90%, #b7422d 100%);
}
#gradient.applied.greyscale {
    background: #303030;
    background: -moz-linear-gradient(left, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1b1b1b), color-stop(50%,#5f5f5f), color-stop(100%,#1b1b1b));
    background: -webkit-linear-gradient(left, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
    background: -o-linear-gradient(left, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
    background: -ms-linear-gradient(left, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
    background: linear-gradient(to right, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
    background-size: 3800px auto
}
#background:after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
background: url("http://i68.tinypic.com/1z2emc8.jpg") no-repeat 50% 0%;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=15);
opacity: 0.15;
content: "";
}
#gradient {
background-repeat: repeat;
position: absolute;
top: 0;
bottom: 0;
left: 0;
height: 100%;
width: 20000px;
}
@-webkit-keyframes slideBackground {
    0% {
        -webkit-transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-100%);
        margin-left: 100%
    }
}

@-moz-keyframes slideBackground {
    0% {
        -moz-transform: translateX(0)
    }

    100% {
        -moz-transform: translateX(-100%);
        margin-left: 100%
    }
}

@-o-keyframes slideBackground {
    0% {
        -o-transform: translateX(0)
    }

    100% {
        -o-transform: translateX(-100%);
        margin-left: 100%
    }
}

@-ms-keyframes slideBackground {
    0% {
        -ms-transform: translateX(0)
    }

    100% {
        -ms-transform: translateX(-100%);
        margin-left: 100%
    }
}

@keyframes slideBackground {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100%);
        margin-left: 100%
    }
}
/*cat*/
.main .main-foot, .main .main-head {
background: url("http://i.imgur.com/y75XdvO.png") repeat;
background-image: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%);
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.6) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.6)));
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%);
background-image: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%);
background-image: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%);
box-shadow: inset rgba(0,0,0,0.2) 0px 0px 0px 1px;
color: #fff;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
padding: 20px;
font-size: 14px;
font-weight: 300;
-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;
overflow: hidden;
}
.main .main-head .page-title {
font-size: 14px;
font-weight: bold;
}
#pun-visit, .main-box {
display: none;
}
table {
    width: 100%
}

td {
    padding: 3px
}
thead {
display: none;
}
.pun table.table td {
background-color: #fff;
border-bottom: 1px solid rgba(0,0,0,0.1)!important;
border-top: 1px solid rgba(255,255,255,0.5)!important;
border:none;
padding:10px;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: #fff;
}
.pun .main-content {
background-color: #FFF;
border: 1px solid rgba(255, 255, 255, 0);
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
border-radius: 0 0 3px 3px;
}
.pun .main-content:after {
display: block;
content: "";
-moz-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px;
background: #fff;
height: 3px;
overflow: hidden;
}
/*Barra cortada*/
td, th {padding:0px;}
/*Textbox senha*/
    input#password_reg.left.ltr {
          padding: 6px;
        border: 1px solid #d4d4d4;
        background: #fcfcfc;
        color: #9f9f9f;
        text-shadow: #fff 0px 1px 0px;
        -webkit-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
        -moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
        box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
    }
    fieldset.frm-set dl dt {text-align:center;}
/*widgets*/
.module .main-head {
text-shadow: rgba(255,255,255,1) 0px 1px 0px;
background: url("http://www.ipbfocus.com/skindemo/public/style_images/dispersion/transw40.png") repeat;
background: rgba(255, 255, 255, 1);
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,0.2)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%);
text-transform: uppercase;
font-family: "Lato";
font-weight: bold;
font-size: 100%;
color: #111;
padding: 15px;
}
.module.main {
margin: 5px auto!important;
border-radius: 3px;
-webkit-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px;
-moz-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px;
box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px;
}
#content-container div#main {
margin-right: 10px;
}
/*post*/
.post h3 {
border-top: 1px solid #111;
border-bottom: 1px solid #111;
text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
background: rgb(20,20,20);
background: rgba(20,20,20,0.9);
padding: 4px 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-size: 13px;
overflow: hidden;
}
.pun .postmain {
background: #fff;
border-left: none;
margin-left: 18em;
}
.pun .post .user {
text-align: center;
margin-top: 5px;
}
.user-basic-info a img:after {
content: "";
position: absolute;
z-index: 1;
top: 0px;
left: 0px;
right: 0;
bottom: 0;
-webkit-box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px;
-moz-box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px;
box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px;
pointer-events: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.user-basic-info a img {
display: inline-block;
width: 150px;
height: 220px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.pun .post {
border: none;
}
.pun .paged-foot, .pun .paged-head {
background: none;
border: none;
padding: 0 0 10px;
}
.post_username {
    border: 1px solid #DDD;
    border-radius: 3px;
    padding: 10px;
    background: #F7F7F7;
}
img.i_icon_online {
float: left;
padding: 15px 5px 5px 0;
}
div.post_date {
float: left;
color: #999;
float: left;
font-size: 11px;
font-weight: normal;
}
.pun .user .user-info {
color: #7a7a7a;
line-height: 1.8em;
}
.pun .user-ident .user-basic-info {
font-weight: normal;
}

.postfoot {
clear: both;
margin-left: -18em;
text-align: right;
background: #f7f7f7;
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.3)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
border-top: 1px solid #e0e0e0;
margin-top: 10px;
clear: both;
overflow: hidden;
}
.pun .postfoot .user-contact {
display: none;
}
.post_controls {
border-left: 0;
border-right: 1px solid #eaeaea;
color: #555;
border: 0;
border-left: 1px solid #eaeaea;
text-shadow: #fff 0px 1px 0px;
height: 25px;
line-height: 25px;
padding: 0 12px;
text-decoration: none;
}
.post-controls:hover {
background-color: #fff;
color: #333;
}
div.main-content.topic {
border-radius: 0!important;
}
div.main-foot.clearfix {
display: none;
}
.topic_buttons {
background: url("http://i.imgur.com/y75XdvO.png") repeat;
background: rgba(255,255,255,0.85);
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.15)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
color: #222;
text-shadow: #fff 0px 1px 0px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-size: 12px;
font-weight: bold;
line-height: 36px;
height: 36px;
padding: 0 20px;
text-align: center;
min-width: 70px;
display: inline-block;
cursor: pointer;
margin-top: 10px;
}
.topic_buttons .important{
background: #8b1515 !important;
color: #fff !important;
text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
}
.topic_buttons:hover {
background-color: rgba(255,255,255,0.95);
color: #111;
}
div.main-content.topic {
border-radius: 0!important;
border: none;
background: #fff;
}
.border {
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.border:after {
display: block;
content: "";
-moz-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px;
background: #fff;
height: 3px;
overflow: hidden;
}
input[type="submit"], input[type="reset"] {
background: #323232 url('http://i.imgur.com/N2SwKgg.png') repeat-x 0 0;
border-color: #2b2b2b;
color: #fff;
text-shadow: #2b2b2b 0px -1px 0px;
-moz-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
-webkit-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
text-decoration: none;
border-width: 1px;
border-style: solid;
padding: 4px 10px!important;
cursor: pointer;
border-radius: 2px;
}
#quick_reply .frm-buttons {
padding-left: 0;
border: none;
}
#quick_reply input {
float: right;
}
input[type="text"] {
padding: 6px;
border: 1px solid #d4d4d4;
background: #fcfcfc;
color: #9f9f9f;
text-shadow: #fff 0px 1px 0px;
-webkit-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
}
.main-content p.center {
color: red;
font-weight: bold;
margin-top: 10px;
}
/*Posição do ícone*/
.pun table .tdtopics .status {margin-left:-43px!important;}
/*Imagem Staff Online*/
.monAva img {
  height: 40px;
  width: 40px;
  margin-right: 5px;
  background: none repeat scroll 0 0 #FFF;
  border: 1px solid #d5d1c8;
  box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  padding: 1px;
}
#footer h1 {text-align:center;}
        ul#social {text-align:center;}
        #connect {text-align:center;}
        #other {text-align:center;}
.monAva img:hover {
  border: 1px solid black;
}
.myStaff a {
  display:inline-block;
  vertical-align:top;
  margin-top:.75em;
}
/*user*/
#backgroundToggle span.show {
display: block;
}
#backgroundToggle span {
background: url("http://i.imgur.com/y75XdvO.png") repeat;
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.65) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.65)));
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
border: 1px solid #111;
border: 1px solid rgba(0,0,0,0.5);
-webkit-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
-moz-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
height: 36px;
width: 36px;
display: none;
text-align: center;
cursor: pointer;
}
#backgroundToggle span:after {
content: "";
display: inline-block;
width: 16px;
height: 16px;
background: url("http://i.imgur.com/jF7Wdfz.png") no-repeat 0 0;
position: relative;
top: 10px;
}
#backgroundToggle span#enableColour:after {
background-position: 0 -16px;
}
#user_bar.withToggle {
margin-left: 44px;
}
#user_bar {
background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.65) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.65)));
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
border: 1px solid #111;
border: 1px solid rgba(0,0,0,0.5);
-webkit-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
-moz-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#user_navigation .ipsList_inline li {
margin: 0;
padding: 0;
float: left;
}
#user_navigation>ul>li {
border-right: 1px solid rgba(255,255,255,0.1);
}
#user_navigation {
float: left;
color: #9f9f9f;
font-size: 11px;
line-height: 36px;
height: 36px;
overflow: hidden;
}
#user_navigation a {
color: #fff;
float: left;
padding: 0 12px;
line-height: 36px;
outline: none;
height: 36px;
}
#user_navigation a:hover {
background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
background: rgba(0,0,0,0.3);
}
h4.forum_name {
font-size: 12px;
display: inline-block;
margin-left: 10px;
}
p.desc.forum_desc {
font-size: 11px;
color: #444;
padding-top: 5px;
margin-left: 10px;
}
.mod-text {
font-weight: normal;
margin-left: 10px;
}
ul.statsPers {
text-align: center;
list-style: none;
text-align: center;
color: #000;
text-shadow: rgba(0,0,0,0.3) 0px 1px 3px;
}
.statHide {
display: none;
}
.statsPers li {
display: inline-block;
margin-right: 20px;
}
.statHide {
display: none!important;
}
.statsPers li > span {
display: inline-block;
background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.65) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0.65)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
-webkit-box-shadow: rgba(0,0,0,0.15) 0px 1px 2px, inset rgba(255,255,255,0.8) 0px 1px 0px;
-moz-box-shadow: rgba(0,0,0,0.15) 0px 1px 2px, inset rgba(255,255,255,0.8) 0px 1px 0px;
box-shadow: rgba(0,0,0,0.15) 0px 1px 2px, inset rgba(255,255,255,0.8) 0px 1px 0px;
text-shadow: rgba(255,255,255,0.6) 0px 1px 0px;
color: #222;
padding: 3px 7px;
font-weight: bold;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-right: 3px;
}
.statistics {
margin: 20px 0 0 0;
padding: 8px;
line-height: 1.3;
overflow: hidden;
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #fafafa;
}
.statistics_head {
font-size: 11px;
font-weight: bold!Important;
margin: -8px -8px 8px -8px;
border-bottom: 1px solid rgba(0,0,0,0.08);
text-shadow: rgba(255,255,255,1) 0px 1px 0px;
background: rgba(255,255,255,0.4);
font-family: "Lato";
text-transform: uppercase;
padding: 15px;
color: #111;
}
p.statistics_brief.desc {
font-size: 11px;
color: #444;
}
#pun-about {
background: none;
border: none;
padding: 10px;
text-align: right;
line-height: 0;
margin-bottom: -20px;
}
#pun-about ul li a {
font-weight: normal;
color: #f0f0f0;
}
ul#stat_links {
line-height: 30px;
}
/*Painel de Controle*/
.center {text-align: left;}
/*big-foot*/
#footer {
background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.65) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.65)));
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
border: 1px solid #111;
border: 1px solid rgba(0,0,0,0.5);
color: #ddd;
-webkit-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
-moz-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-bottom: 10px;
width: 90%;
margin: auto;
}
.footerCol {
width: 14.2%;
font-size: 11px;
min-width: 125px;
float: left;
min-height: 180px;
vertical-align: top;
line-height: 25px;
padding: 15px 0 18px 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.footerCol h3 {
color: #fff;
font-weight: normal;
font-size: 13px;
line-height: 30px;
}
.footerCol h3 a {
color: #fff;
display: block;
}
ol, ul {
list-style: none;
}
.footerCol li a {
color: rgba(255,255,255,0.8);
display: block;
}
.footerCol li a:hover {
color: #fff;
}
.clear {
clear: both;
height: auto;
}
.pun-crumbs {
background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.65) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0.65)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
text-shadow: rgba(255,255,255,0.6) 0px 1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
line-height: 37px;
padding: 10px;
margin-bottom: 10px;
}
/*titlebox*/
.sb_titlebox {
background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.65) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0.65)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
text-shadow: rgba(255,255,255,0.6) 0px 1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 14px;
overflow: hidden;
}
.ipsUserPhoto {
width: 54px;
height: 54px;
-webkit-border-radius: 3px;
border-radius: 3px;
box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px;
}
.ipsBox_withphoto {
margin-left: 65px;
}
.ipsType_pagetitle, .ipsType_subtitle {
font: 300 26px/1.4 Helvetica,Arial,sans-serif;
color: #121212;
}
.ipbfs_titlebox .desc {
padding: 3px 0;
}
.desc.lighter, .desc.lighter.blend_links a {
color: #7a7a7a;
}
.desc, .desc.blend_links a, p.posted_info {
font-size: 11px;
color: #444;
}
/*Cor Painel de Controle*/
.painelcontrole a:link{
 color:#fff !important;
}
/*quote*/
blockquote cite {
font-size: 12px;
padding: 8px 10px;
border: none;
background: #f2f2f2 url('http://i.imgur.com/65o6AG5.png') repeat-x 0 0;
color: #535353;
text-shadow: rgba(255,255,255,1) 0px 1px 0px;
font-weight: bold;
margin-top: 5px;
overflow-x: auto;
clear: right;
margin: -5px -11px 5px!important;
}
.postmain blockquote {
padding: .5em 1em;
border: 1px solid #e3e3e3;
background: #fcfcfc;
color: #9f9f9f;
}
.codebox {
background: none;
border: none;
margin: 1em;
}
.codebox dt {
border: none;
padding: .25em;
}
div.spoiler_content.hidden {
background-color: #fcfcfc !important;
color: #000;
padding: 8px;
border: 1px solid #e3e3e3;
overflow: auto;
font-size: 11px;
line-height: 170%;
font-family: arial !important;
}
.codebox.spoiler dd {
background: none!important;
border: none!important;
padding: 0;
}
.codebox dd {
background-color: #fcfcfc !important;
color: #000;
padding: 8px;
border: 1px solid #e3e3e3;
overflow: auto;
font-size: 11px;
line-height: 170%;
font-family: monospace !important;
}
.codebox.spoiler dt {
display: inline-block;
font-size: 11px;
padding: 5px 10px;
border: none;
background: #f2f2f2 url('http://i.imgur.com/65o6AG5.png') repeat-x 0 0;
color: #535353;
text-shadow: rgba(255,255,255,1) 0px 1px 0px;
font-weight: bold;
margin-top: 5px;
overflow-x: auto;
clear: right;
margin-bottom: 5px;
border: 1px solid #e3e3e3;
}
#avatar img {
width: 34px;
height: 34px;
border-radius: 3px;
margin: 2px;
}
a#inbox_link.menu_active {
    background-position: bottom;
    background-color: #fff;
    color: #323232;
    text-shadow: none;
    position: relative;
    z-index: 10000
}

#notify_link,#inbox_link {
    vertical-align: middle;
    width: 20px;
    padding: 0px
    8px !important;
    position: relative
}
#inbox_link img, #notify_link img {
margin-top: 9px;
}
.entry-content img{
max-width: 100%;
}
.paging a{
background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.85);
color: #222;
text-shadow: 0px 1px 0px #FFF;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
border-radius: 3px;
display: inline-block;
padding: 3px 10px;
text-transform: uppercase;
font-size: 11px;
display: inline-block;
font-weight: normal;
}
.paging{margin: 10px;}
.paging a:hover{
background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.95);
}
.paging b{
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.6);
color: #FFF;
border-radius: 3px;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.7) inset, 0px 1px 0px rgba(255, 255, 255, 0.1);
padding: 3px 10px;
cursor: default;
padding: 3px 10px;
display: inline-block;
font-weight: normal;
padding: 3px 10px;
text-transform: lowercase;
font-size: 11px;
display: inline-block;
font-weight: normal;
}
.topic_buttons.important{
background: none repeat scroll 0% 0% #8B1515;
color: #FFF !important;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 3px rgba(128, 37, 37, 0.2), 0px 1px 0px rgba(189, 33, 33, 0.8) inset;
}
.pun .frm-form {
    background: transparent;
    border: none;
}
#tabs ul li a {
    float: left;
    text-decoration: none;
    background: -moz-linear-gradient(center top , rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.6) 100%) repeat scroll 0% 0% transparent;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset;
    color: #FFF;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
    padding:4px 10px!important;
    border:none!important;
    font-size: 14px;
    font-weight: 300;
    border-radius: 4px 4px 0px 0px;
    overflow: hidden;
}
#tabs ul li.activetab a {
    color: #F4F9FD;
    text-decoration: none;
    background-color: black;
}
.main-content.center img{
max-width: 250px;
}
avatar

Maori
Usuário destaque

Masculino
Inscrito dia : 07/06/2014
Mensagens : 521
Pontos Ativos : 702

Ver perfil do usuário http://baixacidade.forumeiros.com

Resolvido Re: Modificar o tópico

Mensagem por Rafael em 23/01/16, 04:04 pm

Olá!

Como pode não ter dado certo, eu sei o que faço amigo.
Agora me explique uma coisa, afinal qual é seu fórum?

http://baixacidade.forumeiros.com/ (apareceu ao clicar no do seu perfil)
http://novaskinteste.forumeiros.com/ (foi o que você indicou no ínicio do tópico)

Até mais.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Modificar o tópico

Mensagem por Maori em 23/01/16, 04:08 pm

Os dois amigo. Mas pedi suporte para o http://novaskinteste.forumeiros.com/
avatar

Maori
Usuário destaque

Masculino
Inscrito dia : 07/06/2014
Mensagens : 521
Pontos Ativos : 702

Ver perfil do usuário http://baixacidade.forumeiros.com

Resolvido Re: Modificar o tópico

Mensagem por Rafael em 23/01/16, 04:22 pm

Ok, tudo bem.

Troque o CSS para este:

Código:
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
}
.pun{
margin: 0 auto;
min-width: 980px;
max-width: 1300px;
width: 90%;
padding:0;
}
body {
background: #222;
color: #5a5a5a;
font: normal 11px tahoma,helvetica,arial,sans-serif;
position: relative;
padding-top: 120px;
padding-bottom: 12px;
}
#pun-intro,#pun-head{display:none}
ul#pun-legend, ul.pun-legend {
display: none;
}
#pun-about #qjump {
display: none;
}
/*Textbox Senha*/
 input.inputfield {
    width: 180px;
    padding: 6px;
    border: 1px solid #D4D4D4;
    background: #FCFCFC none repeat scroll 0% 0%;
    color: #9F9F9F;
    text-shadow: 0px 1px 0px #FFF;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1) inset;
}

fieldset.frm-set dl dt {
    margin-top: 7px;  /*ALTURA DO TEXTO LOGIN E SENHA*/
    text-align: right;  /*POSIÇÃO DO TEXTO LOGIN E SENHA*/
}
/*branding*/
#branding {
background: url("http://i.imgur.com/y75XdvO.png") repeat;
background: rgba(20,20,20,0.9);
border-bottom: 1px solid #000;
border-bottom: 1px solid rgba(0,0,0,0.5);
-webkit-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
-moz-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
height: 110px;
position: fixed;
left: 0;
top: 0;
right: 0;
z-index: 999;
}
#branding .wrapper {
position: relative;
height: 100%;
z-index: 10;
}
#branding
.brandingBackground {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.6);
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out
}
.wrapper {
margin: 0 auto;
min-width: 980px;
max-width: 1300px;
width: 90%;
}
#logo {
float: left;
position: relative;
height: 100%;
z-index: 20;
}
.topic_buttons.important{
background: none repeat scroll 0% 0% #8B1515;
color: #FFF !important;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 3px rgba(128, 37, 37, 0.2), 0px 1px 0px rgba(189, 33, 33, 0.8) inset;
}
#logo
a.textLogo {
    color: #fff;
    line-height: 110px;
    padding: 0
    12px;
    font-size: 24px;
    font-family: "Lato","Trebuchet MS",Arial,Helvetica,sans-serif;
    display: block;
    text-decoration: none
}
a,.pun a,.pun a:visited,.pun a:link{
color: #222;
text-decoration: none;
}
a:hover,.pun a:hover{
color: #111;
text-decoration:none;
}
#logo img {
max-height: 100%;
vertical-align: top;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
fieldset, img {
border: 0;
}
/* Cor caixa de mensagens*/
.pun-privmsg li, .pun-privmsg a, .paging {
    color: #FFF !important;
}
/*Nova mensagem categoria*/
.status {
    margin-left: -51px !important;
}
/*nav*/
#primary_nav {
position: absolute;
right: 0;
top: 50%;
margin-top: -16px;
text-transform: uppercase;
font-family: "Lato";
font-size: 12px;
padding-left: 200px;
}
#community_app_menu {
float: right;
}
#community_app_menu>li {
margin: 0 1px 0 0;
position: relative;
}
#community_app_menu>li {
margin: 0 1px 0 0;
position: relative;
}
.ipsList_inline>li:first-child {
margin-left: 0;
}
.ipsList_inline>li {
display: inline-block;
margin: 0 3px;
}
.left {
float: left;
}
#community_app_menu>li>a {
color: #eee;
color: rgba(255,255,255,0.8);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: block;
outline: none;
padding: 0px 15px;
line-height: 32px;
height: 32px;
}
#community_app_menu>li>a:hover, #community_app_menu>li>a.menu_active {
background: url("http://i.imgur.com/y75XdvO.png") repeat;
background: rgba(255,255,255,0.1);
-webkit-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
-moz-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
color: #fff;
}
#primary_nav #nav_home a:before {
content: "\f015";
}
#primary_nav #nav_app_forums a:before {
content: "\f086";
}
#primary_nav #nav_app_members a:before {
content: "\f007";
}
#primary_nav #nav_app_calendar a:before {
content: "\f073";
}
#primary_nav #nav_app_downloads a:before {
content: "\f019";
}
#primary_nav #nav_app_blog a:before {
content: "\f02d";
}
#primary_nav #nav_app_nexus a:before {
content: "\f07a";
}
#primary_nav a:before {
content: "\f02b";
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: 7px;
font-size: 14px;
}
#community_app_menu>li.active>a {
background: url("http://i.imgur.com/y75XdvO.png") repeat;
background: rgba(255,255,255,0.2);
-webkit-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
-moz-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
color: #fff;
position: relative;
}
/*Menu Perfil*/
#tabs a:hover span {color:#000;}
#tabs a span {color:#000}
#tabs .activetab a span {color:#FFF;}
#tabs .activetab a:hover span {color:#000;}
/*gradient*/
#background {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
z-index: -1;
}
.animatedBackground #gradient {
-webkit-animation: slideBackground 140s infinite alternate;
-moz-animation: slideBackground 140s infinite alternate;
-ms-animation: slideBackground 140s infinite alternate;
-o-animation: slideBackground 140s infinite alternate;
animation: slideBackground 140s infinite alternate;
}
#gradient.applied {
background: url("http://i.imgur.com/uCBvirg.png");
background: -moz-linear-gradient(left, #b7422d 0%, #d18b4f 10%, #e0ca82 20%, #aac382 30%, #87af7b 40%, #4e9682 50%, #488c94 60%, #487394 70%, #785fb1 80%, #a35680 90%, #b7422d 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b7422d), color-stop(10%,#d18b4f), color-stop(20%,#e0ca82), color-stop(30%,#aac382), color-stop(40%,#87af7b), color-stop(50%,#4e9682), color-stop(60%,#488c94), color-stop(70%,#487394), color-stop(80%,#785fb1), color-stop(90%,#a35680), color-stop(100%,#b7422d));
background: -webkit-linear-gradient(left, #b7422d 0%, #d18b4f 10%, #e0ca82 20%, #aac382 30%, #87af7b 40%, #4e9682 50%, #488c94 60%, #487394 70%, #785fb1 80%, #a35680 90%, #b7422d 100%);
background: -o-linear-gradient(left, #b7422d 0%, #d18b4f 10%, #e0ca82 20%, #aac382 30%, #87af7b 40%, #4e9682 50%, #488c94 60%, #487394 70%, #785fb1 80%, #a35680 90%, #b7422d 100%);
background: -ms-linear-gradient(left, #b7422d 0%, #d18b4f 10%, #e0ca82 20%, #aac382 30%, #87af7b 40%, #4e9682 50%, #488c94 60%, #487394 70%, #785fb1 80%, #a35680 90%, #b7422d 100%);
background: linear-gradient(to right, #b7422d 0%, #d18b4f 10%, #e0ca82 20%, #aac382 30%, #87af7b 40%, #4e9682 50%, #488c94 60%, #487394 70%, #785fb1 80%, #a35680 90%, #b7422d 100%);
}
#gradient.applied.greyscale {
    background: #303030;
    background: -moz-linear-gradient(left, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1b1b1b), color-stop(50%,#5f5f5f), color-stop(100%,#1b1b1b));
    background: -webkit-linear-gradient(left, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
    background: -o-linear-gradient(left, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
    background: -ms-linear-gradient(left, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
    background: linear-gradient(to right, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
    background-size: 3800px auto
}
#background:after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
background: url("http://i68.tinypic.com/1z2emc8.jpg") no-repeat 50% 0%;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=15);
opacity: 0.15;
content: "";
}
#gradient {
background-repeat: repeat;
position: absolute;
top: 0;
bottom: 0;
left: 0;
height: 100%;
width: 20000px;
}
@-webkit-keyframes slideBackground {
    0% {
        -webkit-transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-100%);
        margin-left: 100%
    }
}

@-moz-keyframes slideBackground {
    0% {
        -moz-transform: translateX(0)
    }

    100% {
        -moz-transform: translateX(-100%);
        margin-left: 100%
    }
}

@-o-keyframes slideBackground {
    0% {
        -o-transform: translateX(0)
    }

    100% {
        -o-transform: translateX(-100%);
        margin-left: 100%
    }
}

@-ms-keyframes slideBackground {
    0% {
        -ms-transform: translateX(0)
    }

    100% {
        -ms-transform: translateX(-100%);
        margin-left: 100%
    }
}

@keyframes slideBackground {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100%);
        margin-left: 100%
    }
}
/*cat*/
.main .main-foot, .main .main-head {
background: url("http://i.imgur.com/y75XdvO.png") repeat;
background-image: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%);
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.6) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.6)));
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%);
background-image: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%);
background-image: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%);
box-shadow: inset rgba(0,0,0,0.2) 0px 0px 0px 1px;
color: #fff;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
padding: 20px;
font-size: 14px;
font-weight: 300;
-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;
overflow: hidden;
}
.main .main-head .page-title {
font-size: 14px;
font-weight: bold;
}
#pun-visit, .main-box {
display: none;
}
table {
    width: 100%
}

td {
    padding: 3px
}
thead {
display: none;
}
.pun table.table td {
background-color: #fff;
border-bottom: 1px solid rgba(0,0,0,0.1)!important;
border-top: 1px solid rgba(255,255,255,0.5)!important;
border:none;
padding:10px;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: #fff;
}
.pun .main-content {
background-color: #FFF;
border: 1px solid rgba(255, 255, 255, 0);
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
border-radius: 0 0 3px 3px;
}
.pun .main-content:after {
display: block;
content: "";
-moz-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px;
background: #fff;
height: 3px;
overflow: hidden;
}
/*Barra cortada*/
td, th {padding:0px;}
/*Textbox senha*/
    input#password_reg.left.ltr {
          padding: 6px;
        border: 1px solid #d4d4d4;
        background: #fcfcfc;
        color: #9f9f9f;
        text-shadow: #fff 0px 1px 0px;
        -webkit-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
        -moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
        box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
    }
    fieldset.frm-set dl dt {text-align:center;}
/*widgets*/
.module .main-head {
text-shadow: rgba(255,255,255,1) 0px 1px 0px;
background: url("http://www.ipbfocus.com/skindemo/public/style_images/dispersion/transw40.png") repeat;
background: rgba(255, 255, 255, 1);
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,0.2)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%);
text-transform: uppercase;
font-family: "Lato";
font-weight: bold;
font-size: 100%;
color: #111;
padding: 15px;
}
.module.main {
margin: 5px auto!important;
border-radius: 3px;
-webkit-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px;
-moz-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px;
box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px;
}
#content-container div#main {
margin-right: 10px;
}
/*post*/
.post h3 {
border-top: 1px solid #111;
border-bottom: 1px solid #111;
text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
background: rgb(20,20,20);
background: rgba(20,20,20,0.9);
padding: 4px 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-size: 13px;
overflow: hidden;
}
.pun .postmain {
background: #fff;
border-left: none;
margin-left: 18em;
}
.pun .post .user {
text-align: center;
margin-top: 5px;
}
.user-basic-info a img:after {
content: "";
position: absolute;
z-index: 1;
top: 0px;
left: 0px;
right: 0;
bottom: 0;
-webkit-box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px;
-moz-box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px;
box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px;
pointer-events: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.user-basic-info a img {
display: inline-block;
width: 150px;
height: 220px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.pun .post {
border: none;
}
.pun .paged-foot, .pun .paged-head {
background: none;
border: none;
padding: 0 0 10px;
}
.post_username {
    border: 1px solid #DDD;
    border-radius: 3px;
    padding: 10px;
    background: #F7F7F7;
}
img.i_icon_online {
    padding-left: 8px;
    vertical-align: baseline;
}
div.post_date {
float: left;
color: #999;
float: left;
font-size: 11px;
font-weight: normal;
}
.pun .user .user-info {
color: #7a7a7a;
line-height: 1.8em;
}
.pun .user-ident .user-basic-info {
font-weight: normal;
}

.postfoot {
clear: both;
margin-left: -18em;
text-align: right;
background: #f7f7f7;
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.3)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
border-top: 1px solid #e0e0e0;
margin-top: 10px;
clear: both;
overflow: hidden;
}
.pun .postfoot .user-contact {
display: none;
}
.post_controls {
border-left: 0;
border-right: 1px solid #eaeaea;
color: #555;
border: 0;
border-left: 1px solid #eaeaea;
text-shadow: #fff 0px 1px 0px;
height: 25px;
line-height: 25px;
padding: 0 12px;
text-decoration: none;
}
.post-controls:hover {
background-color: #fff;
color: #333;
}
div.main-content.topic {
border-radius: 0!important;
}
div.main-foot.clearfix {
display: none;
}
.topic_buttons {
background: url("http://i.imgur.com/y75XdvO.png") repeat;
background: rgba(255,255,255,0.85);
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.15)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
color: #222;
text-shadow: #fff 0px 1px 0px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-size: 12px;
font-weight: bold;
line-height: 36px;
height: 36px;
padding: 0 20px;
text-align: center;
min-width: 70px;
display: inline-block;
cursor: pointer;
margin-top: 10px;
}
.topic_buttons .important{
background: #8b1515 !important;
color: #fff !important;
text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
}
.topic_buttons:hover {
background-color: rgba(255,255,255,0.95);
color: #111;
}
div.main-content.topic {
border-radius: 0!important;
border: none;
background: #fff;
}
.border {
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.border:after {
display: block;
content: "";
-moz-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px;
background: #fff;
height: 3px;
overflow: hidden;
}
input[type="submit"], input[type="reset"] {
background: #323232 url('http://i.imgur.com/N2SwKgg.png') repeat-x 0 0;
border-color: #2b2b2b;
color: #fff;
text-shadow: #2b2b2b 0px -1px 0px;
-moz-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
-webkit-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
text-decoration: none;
border-width: 1px;
border-style: solid;
padding: 4px 10px!important;
cursor: pointer;
border-radius: 2px;
}
#quick_reply .frm-buttons {
padding-left: 0;
border: none;
}
#quick_reply input {
float: right;
}
input[type="text"] {
padding: 6px;
border: 1px solid #d4d4d4;
background: #fcfcfc;
color: #9f9f9f;
text-shadow: #fff 0px 1px 0px;
-webkit-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
}
.main-content p.center {
color: red;
font-weight: bold;
margin-top: 10px;
}
/*Posição do ícone*/
.pun table .tdtopics .status {margin-left:-43px!important;}
/*Imagem Staff Online*/
.monAva img {
  height: 40px;
  width: 40px;
  margin-right: 5px;
  background: none repeat scroll 0 0 #FFF;
  border: 1px solid #d5d1c8;
  box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  padding: 1px;
}
#footer h1 {text-align:center;}
        ul#social {text-align:center;}
        #connect {text-align:center;}
        #other {text-align:center;}
.monAva img:hover {
  border: 1px solid black;
}
.myStaff a {
  display:inline-block;
  vertical-align:top;
  margin-top:.75em;
}
/*user*/
#backgroundToggle span.show {
display: block;
}
#backgroundToggle span {
background: url("http://i.imgur.com/y75XdvO.png") repeat;
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.65) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.65)));
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
border: 1px solid #111;
border: 1px solid rgba(0,0,0,0.5);
-webkit-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
-moz-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
height: 36px;
width: 36px;
display: none;
text-align: center;
cursor: pointer;
}
#backgroundToggle span:after {
content: "";
display: inline-block;
width: 16px;
height: 16px;
background: url("http://i.imgur.com/jF7Wdfz.png") no-repeat 0 0;
position: relative;
top: 10px;
}
#backgroundToggle span#enableColour:after {
background-position: 0 -16px;
}
#user_bar.withToggle {
margin-left: 44px;
}
#user_bar {
background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.65) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.65)));
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
border: 1px solid #111;
border: 1px solid rgba(0,0,0,0.5);
-webkit-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
-moz-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#user_navigation .ipsList_inline li {
margin: 0;
padding: 0;
float: left;
}
#user_navigation>ul>li {
border-right: 1px solid rgba(255,255,255,0.1);
}
#user_navigation {
float: left;
color: #9f9f9f;
font-size: 11px;
line-height: 36px;
height: 36px;
overflow: hidden;
}
#user_navigation a {
color: #fff;
float: left;
padding: 0 12px;
line-height: 36px;
outline: none;
height: 36px;
}
#user_navigation a:hover {
background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
background: rgba(0,0,0,0.3);
}
h4.forum_name {
font-size: 12px;
display: inline-block;
margin-left: 10px;
}
p.desc.forum_desc {
font-size: 11px;
color: #444;
padding-top: 5px;
margin-left: 10px;
}
.mod-text {
font-weight: normal;
margin-left: 10px;
}
ul.statsPers {
text-align: center;
list-style: none;
text-align: center;
color: #000;
text-shadow: rgba(0,0,0,0.3) 0px 1px 3px;
}
.statHide {
display: none;
}
.statsPers li {
display: inline-block;
margin-right: 20px;
}
.statHide {
display: none!important;
}
.statsPers li > span {
display: inline-block;
background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.65) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0.65)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
-webkit-box-shadow: rgba(0,0,0,0.15) 0px 1px 2px, inset rgba(255,255,255,0.8) 0px 1px 0px;
-moz-box-shadow: rgba(0,0,0,0.15) 0px 1px 2px, inset rgba(255,255,255,0.8) 0px 1px 0px;
box-shadow: rgba(0,0,0,0.15) 0px 1px 2px, inset rgba(255,255,255,0.8) 0px 1px 0px;
text-shadow: rgba(255,255,255,0.6) 0px 1px 0px;
color: #222;
padding: 3px 7px;
font-weight: bold;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-right: 3px;
}
.statistics {
margin: 20px 0 0 0;
padding: 8px;
line-height: 1.3;
overflow: hidden;
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #fafafa;
}
.statistics_head {
font-size: 11px;
font-weight: bold!Important;
margin: -8px -8px 8px -8px;
border-bottom: 1px solid rgba(0,0,0,0.08);
text-shadow: rgba(255,255,255,1) 0px 1px 0px;
background: rgba(255,255,255,0.4);
font-family: "Lato";
text-transform: uppercase;
padding: 15px;
color: #111;
}
p.statistics_brief.desc {
font-size: 11px;
color: #444;
}
#pun-about {
background: none;
border: none;
padding: 10px;
text-align: right;
line-height: 0;
margin-bottom: -20px;
}
#pun-about ul li a {
font-weight: normal;
color: #f0f0f0;
}
ul#stat_links {
line-height: 30px;
}
/*Painel de Controle*/
.center {text-align: left;}
/*big-foot*/
#footer {
background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.65) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.65)));
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
border: 1px solid #111;
border: 1px solid rgba(0,0,0,0.5);
color: #ddd;
-webkit-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
-moz-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-bottom: 10px;
width: 90%;
margin: auto;
}
.footerCol {
width: 14.2%;
font-size: 11px;
min-width: 125px;
float: left;
min-height: 180px;
vertical-align: top;
line-height: 25px;
padding: 15px 0 18px 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.footerCol h3 {
color: #fff;
font-weight: normal;
font-size: 13px;
line-height: 30px;
}
.footerCol h3 a {
color: #fff;
display: block;
}
ol, ul {
list-style: none;
}
.footerCol li a {
color: rgba(255,255,255,0.8);
display: block;
}
.footerCol li a:hover {
color: #fff;
}
.clear {
clear: both;
height: auto;
}
.pun-crumbs {
background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.65) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0.65)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
text-shadow: rgba(255,255,255,0.6) 0px 1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
line-height: 37px;
padding: 10px;
margin-bottom: 10px;
}
/*titlebox*/
.sb_titlebox {
background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.65) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0.65)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
text-shadow: rgba(255,255,255,0.6) 0px 1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 14px;
overflow: hidden;
}
.ipsUserPhoto {
width: 54px;
height: 54px;
-webkit-border-radius: 3px;
border-radius: 3px;
box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px;
}
.ipsBox_withphoto {
margin-left: 65px;
}
.ipsType_pagetitle, .ipsType_subtitle {
font: 300 26px/1.4 Helvetica,Arial,sans-serif;
color: #121212;
}
.ipbfs_titlebox .desc {
padding: 3px 0;
}
.desc.lighter, .desc.lighter.blend_links a {
color: #7a7a7a;
}
.desc, .desc.blend_links a, p.posted_info {
font-size: 11px;
color: #444;
}
/*Cor Painel de Controle*/
.painelcontrole a:link{
 color:#fff !important;
}
/*quote*/
blockquote cite {
font-size: 12px;
padding: 8px 10px;
border: none;
background: #f2f2f2 url('http://i.imgur.com/65o6AG5.png') repeat-x 0 0;
color: #535353;
text-shadow: rgba(255,255,255,1) 0px 1px 0px;
font-weight: bold;
margin-top: 5px;
overflow-x: auto;
clear: right;
margin: -5px -11px 5px!important;
}
.postmain blockquote {
padding: .5em 1em;
border: 1px solid #e3e3e3;
background: #fcfcfc;
color: #9f9f9f;
}
.codebox {
background: none;
border: none;
margin: 1em;
}
.codebox dt {
border: none;
padding: .25em;
}
div.spoiler_content.hidden {
background-color: #fcfcfc !important;
color: #000;
padding: 8px;
border: 1px solid #e3e3e3;
overflow: auto;
font-size: 11px;
line-height: 170%;
font-family: arial !important;
}
.codebox.spoiler dd {
background: none!important;
border: none!important;
padding: 0;
}
.codebox dd {
background-color: #fcfcfc !important;
color: #000;
padding: 8px;
border: 1px solid #e3e3e3;
overflow: auto;
font-size: 11px;
line-height: 170%;
font-family: monospace !important;
}
.codebox.spoiler dt {
display: inline-block;
font-size: 11px;
padding: 5px 10px;
border: none;
background: #f2f2f2 url('http://i.imgur.com/65o6AG5.png') repeat-x 0 0;
color: #535353;
text-shadow: rgba(255,255,255,1) 0px 1px 0px;
font-weight: bold;
margin-top: 5px;
overflow-x: auto;
clear: right;
margin-bottom: 5px;
border: 1px solid #e3e3e3;
}
#avatar img {
width: 34px;
height: 34px;
border-radius: 3px;
margin: 2px;
}
a#inbox_link.menu_active {
    background-position: bottom;
    background-color: #fff;
    color: #323232;
    text-shadow: none;
    position: relative;
    z-index: 10000
}

#notify_link,#inbox_link {
    vertical-align: middle;
    width: 20px;
    padding: 0px
    8px !important;
    position: relative
}
#inbox_link img, #notify_link img {
margin-top: 9px;
}
.entry-content img{
max-width: 100%;
}
.paging a{
background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.85);
color: #222;
text-shadow: 0px 1px 0px #FFF;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
border-radius: 3px;
display: inline-block;
padding: 3px 10px;
text-transform: uppercase;
font-size: 11px;
display: inline-block;
font-weight: normal;
}
.paging{margin: 10px;}
.paging a:hover{
background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.95);
}
.paging b{
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.6);
color: #FFF;
border-radius: 3px;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.7) inset, 0px 1px 0px rgba(255, 255, 255, 0.1);
padding: 3px 10px;
cursor: default;
padding: 3px 10px;
display: inline-block;
font-weight: normal;
padding: 3px 10px;
text-transform: lowercase;
font-size: 11px;
display: inline-block;
font-weight: normal;
}
.topic_buttons.important{
background: none repeat scroll 0% 0% #8B1515;
color: #FFF !important;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 3px rgba(128, 37, 37, 0.2), 0px 1px 0px rgba(189, 33, 33, 0.8) inset;
}
.pun .frm-form {
    background: transparent;
    border: none;
}
#tabs ul li a {
    float: left;
    text-decoration: none;
    background: -moz-linear-gradient(center top , rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.6) 100%) repeat scroll 0% 0% transparent;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset;
    color: #FFF;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
    padding:4px 10px!important;
    border:none!important;
    font-size: 14px;
    font-weight: 300;
    border-radius: 4px 4px 0px 0px;
    overflow: hidden;
}
#tabs ul li.activetab a {
    color: #F4F9FD;
    text-decoration: none;
    background-color: black;
}
.main-content.center img{
max-width: 250px;
}

Resultado:



Até mais.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Modificar o tópico

Mensagem por Maori em 23/01/16, 06:25 pm

Obrigado. Pode fechar
Desculpe qualquer coisa
avatar

Maori
Usuário destaque

Masculino
Inscrito dia : 07/06/2014
Mensagens : 521
Pontos Ativos : 702

Ver perfil do usuário http://baixacidade.forumeiros.com

Resolvido Re: Modificar o tópico

Mensagem por Rafael em 23/01/16, 06:31 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum