Perfil nos tópicos

Detalhes da questão

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

Descrição

Olá! Seria possivel deixar meu Perfil nos tópicos igual a este fórum?

Meu perfil / Titulo ta todo bugado: https://i.imgur.com/yn5GxeN.png

como eu quero meu perfil: https://i.imgur.com/r0rt13f.jpg

meu template 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://2img.net/i/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}&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&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} »
 <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>  
 <!-- 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> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a>  
 {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 -->
  <span class="post_field">{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}</span>{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> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a>  
 {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>  
 <!-- 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} »
 <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>


OBS: Em Relação ao RANK/REPUTAÇÃO não precisa
eu quero é mais a parte da modelagem é do titulo do tópico.

Olá!

Poderia me fornecer sua folha de estilos?

Até mais.

Ca está @Fraise

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;
}
/*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;
}
/*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("") 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/f11Y3Ue.jpg") 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: 123px;
height: 180px;
-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;
}
/*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: #fff;
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;
}
/*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;
}
/*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;
}
#tabs ul li.activetab a:hover {
background-color: hsl(0, 0%, 21%);
}
#tabs ul li.activetab a {
background-color: hsl(0, 0%, 21%);
background-image: url(http://i50.tinypic.com/9qky9y.png);
background-repeat: repeat-x;
border-color: hsl(0, 0%, 21%);
color: hsl(0, 100%, 100%);
text-decoration: none;
}
#tabs ul li.activetab a {
background-color: hsl(0, 0%, 21%);
border-color: hsl(0, 0%, 21%);
color: hsl(207, 69%, 97%);
text-decoration: underline;
}
#tabs ul li a {
background-color: hsl(0, 0%, 95%);
background-image: url(http://i50.tinypic.com/2rcpvd3.png);
background-repeat: repeat-x;
border-color: hsl(0, 0%, 76%);
border-left: 1px solid hsl(0, 0%, 80%);
border-top: 1px solid hsl(0, 0%, 80%);
color: hsl(0, 0%, 26%);
font-weight: 700;
margin-top: 10px;
}
.message {
background: #cde3a4 url('hhttp://i38.servimg.com/u/f38/17/31/71/58/highli11.png') repeat-x 0 0 !important;
padding: 10px;
border: 1px solid #a8c471;
text-shadow: rgba(255,255,255,0.55) 0px 1px 0px;
line-height: 1.6;
font-size: 12px;
-webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
}
.standalone.error, .standalone.error a, .standalone.error h2 {
color: #80001c;
}
.standalone.error {
background-color: #f3e3e6 !important;
border-color: #e599aa;
}
fieldset.submit {
background: #f3f5f6 url('http://i38.servimg.com/u/f38/17/31/71/58/highli11.png') repeat-x 0 1px;
padding: 15px 6px 15px 6px;
text-align: center;
}
.pun .user .user-ident .user-basic-info, .pun .user .user-info {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #FBFBFB url(http://i78.servimg.com/u/f78/17/96/03/52/highli10.png) repeat-x 0 0;
    border: 1px solid #D9DBDD;
    border-radius: 3px;
    padding: 3px;
}
.pun .user {
    width: 130px;
}
.postprofile {
   background: url(http://i18.servimg.com/u/f18/18/45/41/65/row10.png) repeat-x 0 0 #F6F6F6;
   border: 1px solid #DDD;
   border-radius: 3px;
   padding: 60px 3px 3px;
   position: relative;
   text-align: center;
}
.postprofile {
   border-color: #fff;
   border-left-style: solid;
   border-left-width: 1px;
   color: #666;
   display: inline;
   float: right;
   margin: 5px 0 0;
   min-height: 80px;
   position: relative;
   width: 22%;
   word-wrap: break-word;
}
div.post.online .postprofile:before {
   content: url('http://i18.servimg.com/u/f18/16/89/96/68/online15.png');
}
div.post .postprofile:before {
   content: url('http://i18.servimg.com/u/f18/16/89/96/68/offlin19.png');
   left: 0;
   position: absolute;
   right: 0;
   top: 25px;
   z-index: 2;
}
div.post.online .postprofile:after {
   border-color: #84C754;
}
div.post .postprofile:after {
   background: #2E3133;
   border-bottom: 4px solid #868686;
   content: ".";
   font-size: 0;
   height: 16px;
   left: 0;
   position: absolute;
   right: 0;
   top: 25px;
   z-index: 1;
}
.alert, .success, .information, .warn {
  padding: 15px;
  width: 85%;
  border: 1px solid;
  margin: 3px 0;
  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
  box-shadow: 1px 1px 2px rgba(0,0,0,.4);
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font: 13px "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.color-option {
display: inline-block !important;
width: 15px !important;  /* largura do ícone */
height: 15px !important;  /* altura do ícone */
border: 2px solid #fff !important;  /* borda branca à volta dos ícones */
margin: 3px !important;  /* espaço entre cada ícone */
box-shadow: 0 0 2px #778899;  /* sombra */
cursor: pointer !important;
}

.color-option span{
display: block !important;
width: 15px !important;  /* largura do ícone */
height: 15px !important;  /* altura do ícone */
}

.color-option, .color-option span {
border-radius: 2px;  /* arredondamento */  
}

.sceditor-dropdown.sceditor-color-picker {
width: 200px !important;  /* largura da paleta */
height: 100px !important;  /* altura da paleta */
padding: 5px !important;
border-radius: 5px !important;
}

   .sceditor-button-emoticon div {
        background: url(http://2img.net/i/fa/i/smiles/icon_smile.gif)!important;
        background-repeat: no-repeat!important
    }

    .sceditor-button-dailymotion div {
        background: url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/dailymotion.png)!important
    }

    .sceditor-button-flash div {
        background: url(http://2img.net/i/fa/wysiwyg/page_white_flash.png)!important
    }

    .sceditor-button-servimg div {
        background: url(http://2img.net/i/fa/wysiwyg/picture_save.png)!important
    }

    .sceditor-button-faspoiler div {
        background: url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/faspoiler.png)!important
    }

    .sceditor-button-fahide div {
        background: url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/fahide.png)!important
    }

    .sceditor-button-fascroll div {
        background: url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/scroll.png)!important
    }

    .sceditor-button-faupdown div {
        background: url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/updown.png)!important
    }

    .sceditor-button-fawow div {
        background: url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/wow.png)!important
    }

    .sceditor-button-farand div {
        background: url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/rand.png)!important
    }

    .sceditor-button-faroll div {
        background: url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/roll.png)!important
    }

    .sceditor-button-more div {
        background: url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/dotdotdot.png)!important
    }

    .sceditor-button.sceditor-button-font {
        background: url(http://i55.servimg.com/u/f55/18/17/62/92/fonte10.png) repeat scroll 0 0 rgba(0,0,0,0)!important;
        height: 18px;
        width: 77px
    }

    .sceditor-button.sceditor-button-font > div {
        display: none!important
    }

    .sceditor-button.sceditor-button-size {
        background: url(http://i55.servimg.com/u/f55/18/17/62/92/size10.png) no-repeat scroll 0 0 rgba(0,0,0,0)!important;
        height: 18px;
        width: 57px
    }

    .sceditor-button.sceditor-button-size > div {
        display: none!important
    }

    .sceditor-button.sceditor-button-color {
        margin-left: 5px!important;
        margin-right: 5px!important
    }

    #text_editor_controls {
        display: !important
    }

    .sceditor-container.ltr {
        background-color: #E4EBF2!important;
        border: 2px solid #D5DDE5!important;
        border-radius: 0!important;
        height: 200px;
        padding: 0 5px 21px 3px;
        width: auto!important
    }

    .sceditor-container iframe,.sceditor-container textarea {
        background: none repeat scroll 0 0 #FFF!important;
        border-color: #BBB #DDD #DDD #BBB !important;
        border-style: solid!important;
        border-width: 1px!important;
        height: 200px!important;
        margin: 0!important;
        width: 100%!important
    }

    #text_editor_textarea,#textarea_content iframe#text_editor_iframe {
        height: 200px!important;
        width: 100%!important
    }

    div.sceditor-group {
        background: none repeat scroll 0 0 rgba(0,0,0,0)!important;
        border-bottom: medium none!important;
        margin: 1px 5px 1px 0;
        padding: 1px
    }

    div.sceditor-toolbar {
        background: none repeat scroll 0 0 padding-box #E4EBF2!important;
        border-bottom-width: 0!important;
        padding: 3px 5px 2px!important
    }

    #smiley-box iframe {
        height: 230px
    }

    #smilies_categ {
        padding: 0
    }

    #smiley-box {
        border: 1px solid #DDD;
        display: none!important;
        margin: 5px 0!important;
        padding: 5px
    }

    #textarea_content dt {
        display: none
    }

    #textarea_content {
        width: 98%!important
    }
.sceditor-button:hover {
    background: #D5DDE5!important;
    box-shadow: none!important;
}
.sceditor-button:active,.sceditor-button .active{
background-color: #F0F0F0!important;
border: 1px solid #BBB!important;
opacity: 1!important;
padding: 2px 4px!important;
}
.sceditor-button .active:focus{
background-color: #86CAFF !important;
}
#profile-advanced-add a[href^="/profile?friend"] {
background: #8B5;
border-color: #693;
}

#profile-advanced-add a[href^="/profile?foe"] {
background: #E53;
border-color: #C31;
}
#profile-advanced-add a {
    height: auto !important;
    border: none;
    border-bottom: 2px solid #17A;
    border-radius: 3px;
    color: #FFF!important;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    line-height: normal!important;
    margin: 2px;
    padding: 6px 9px!important;
    transition: 300ms;
}
#profile-advanced-add a:hover {
    background: #333;
    border: none;
    border-bottom: 2px solid #111;
    color: #FFF;
}
.Administrador {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FF0000;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.moderador {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #9DD16D;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.designer {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #E0BD31;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.desenvolvedor{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #000000;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.alert, .success, .information, .warn {
  padding: 15px;
  width: 85%;
  border: 1px solid;
  margin: 3px 0;
  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
  box-shadow: 1px 1px 2px rgba(0,0,0,.4);
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font: 13px "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.alert > p, .success > p, .information > p, .warn > p {
  font-weight: bold;
  font-size: 14px;
}
.alert {
  background: #FAFFB2;
  border-color: #DBE08A;
  color: #AF8640;
}
.warn {
  background-color: #F2DEDE;
  border-color: #D3949E;
  color: #A94442;
}
.success {
  background-color: #DFF0D8;
  border-color: #A5D280;
  color: #3C763D;
}
.information {
  background-color: #ADDBF2;
  border-color: #5AB7CA;
  color: #31708F;
}

Você já fez uma alteração, ainda deseja?

Sim é claro @GSCode

Olá!

Reparei que alterou o estilo do perfil. Poderia me fornecer sua nova folha de estilos? E também, o endereço do fórum onde viu tal função.

Até mais.

Olá, @Fraise está aqui!

Code:

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;
}
/*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;
}
/*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("") 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/f11Y3Ue.jpg") 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: 123px;
height: 180px;
-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;
}
/*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: #fff;
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;
}
/*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;
}
/*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;
}
#tabs ul li.activetab a:hover {
background-color: hsl(0, 0%, 21%);
}
#tabs ul li.activetab a {
background-color: hsl(0, 0%, 21%);
background-image: url(http://i50.tinypic.com/9qky9y.png);
background-repeat: repeat-x;
border-color: hsl(0, 0%, 21%);
color: hsl(0, 100%, 100%);
text-decoration: none;
}
#tabs ul li.activetab a {
background-color: hsl(0, 0%, 21%);
border-color: hsl(0, 0%, 21%);
color: hsl(207, 69%, 97%);
text-decoration: underline;
}
#tabs ul li a {
background-color: hsl(0, 0%, 95%);
background-image: url(http://i50.tinypic.com/2rcpvd3.png);
background-repeat: repeat-x;
border-color: hsl(0, 0%, 76%);
border-left: 1px solid hsl(0, 0%, 80%);
border-top: 1px solid hsl(0, 0%, 80%);
color: hsl(0, 0%, 26%);
font-weight: 700;
margin-top: 10px;
}
.message {
background: #cde3a4 url('hhttp://i38.servimg.com/u/f38/17/31/71/58/highli11.png') repeat-x 0 0 !important;
padding: 10px;
border: 1px solid #a8c471;
text-shadow: rgba(255,255,255,0.55) 0px 1px 0px;
line-height: 1.6;
font-size: 12px;
-webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
}
.standalone.error, .standalone.error a, .standalone.error h2 {
color: #80001c;
}
.standalone.error {
background-color: #f3e3e6 !important;
border-color: #e599aa;
}
fieldset.submit {
background: #f3f5f6 url('http://i38.servimg.com/u/f38/17/31/71/58/highli11.png') repeat-x 0 1px;
padding: 15px 6px 15px 6px;
text-align: center;
}
.pun .user .user-ident .user-basic-info, .pun .user .user-info {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #FBFBFB url(http://i78.servimg.com/u/f78/17/96/03/52/highli10.png) repeat-x 0 0;
    border: 1px solid #D9DBDD;
    border-radius: 3px;
    padding: 3px;
}
.pun .user {
    width: 130px;
}
.postprofile {
  background: url(http://i18.servimg.com/u/f18/18/45/41/65/row10.png) repeat-x 0 0 #F6F6F6;
  border: 1px solid #DDD;
  border-radius: 3px;
  padding: 60px 3px 3px;
  position: relative;
  text-align: center;
}
.postprofile {
  border-color: #fff;
  border-left-style: solid;
  border-left-width: 1px;
  color: #666;
  display: inline;
  float: right;
  margin: 5px 0 0;
  min-height: 80px;
  position: relative;
  width: 22%;
  word-wrap: break-word;
}
div.post.online .postprofile:before {
  content: url('http://i18.servimg.com/u/f18/16/89/96/68/online15.png');
}
div.post .postprofile:before {
  content: url('http://i18.servimg.com/u/f18/16/89/96/68/offlin19.png');
  left: 0;
  position: absolute;
  right: 0;
  top: 25px;
  z-index: 2;
}
div.post.online .postprofile:after {
  border-color: #84C754;
}
div.post .postprofile:after {
  background: #2E3133;
  border-bottom: 4px solid #868686;
  content: ".";
  font-size: 0;
  height: 16px;
  left: 0;
  position: absolute;
  right: 0;
  top: 25px;
  z-index: 1;
}
.alert, .success, .information, .warn {
  padding: 15px;
  width: 85%;
  border: 1px solid;
  margin: 3px 0;
  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
  box-shadow: 1px 1px 2px rgba(0,0,0,.4);
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font: 13px "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.color-option {
display: inline-block !important;
width: 15px !important;  /* largura do ícone */
height: 15px !important;  /* altura do ícone */
border: 2px solid #fff !important;  /* borda branca à volta dos ícones */
margin: 3px !important;  /* espaço entre cada ícone */
box-shadow: 0 0 2px #778899;  /* sombra */
cursor: pointer !important;
}

.color-option span{
display: block !important;
width: 15px !important;  /* largura do ícone */
height: 15px !important;  /* altura do ícone */
}

.color-option, .color-option span {
border-radius: 2px;  /* arredondamento */ 
}

.sceditor-dropdown.sceditor-color-picker {
width: 200px !important;  /* largura da paleta */
height: 100px !important;  /* altura da paleta */
padding: 5px !important;
border-radius: 5px !important;
}

  .sceditor-button-emoticon div {
        background: url(http://2img.net/i/fa/i/smiles/icon_smile.gif)!important;
        background-repeat: no-repeat!important
    }

    .sceditor-button-dailymotion div {
        background: url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/dailymotion.png)!important
    }

    .sceditor-button-flash div {
        background: url(http://2img.net/i/fa/wysiwyg/page_white_flash.png)!important
    }

    .sceditor-button-servimg div {
        background: url(http://2img.net/i/fa/wysiwyg/picture_save.png)!important
    }

    .sceditor-button-faspoiler div {
        background: url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/faspoiler.png)!important
    }

    .sceditor-button-fahide div {
        background: url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/fahide.png)!important
    }

    .sceditor-button-fascroll div {
        background: url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/scroll.png)!important
    }

    .sceditor-button-faupdown div {
        background: url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/updown.png)!important
    }

    .sceditor-button-fawow div {
        background: url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/wow.png)!important
    }

    .sceditor-button-farand div {
        background: url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/rand.png)!important
    }

    .sceditor-button-faroll div {
        background: url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/roll.png)!important
    }

    .sceditor-button-more div {
        background: url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/dotdotdot.png)!important
    }

    .sceditor-button.sceditor-button-font {
        background: url(http://i55.servimg.com/u/f55/18/17/62/92/fonte10.png) repeat scroll 0 0 rgba(0,0,0,0)!important;
        height: 18px;
        width: 77px
    }

    .sceditor-button.sceditor-button-font > div {
        display: none!important
    }

    .sceditor-button.sceditor-button-size {
        background: url(http://i55.servimg.com/u/f55/18/17/62/92/size10.png) no-repeat scroll 0 0 rgba(0,0,0,0)!important;
        height: 18px;
        width: 57px
    }

    .sceditor-button.sceditor-button-size > div {
        display: none!important
    }

    .sceditor-button.sceditor-button-color {
        margin-left: 5px!important;
        margin-right: 5px!important
    }

    #text_editor_controls {
        display: !important
    }

    .sceditor-container.ltr {
        background-color: #E4EBF2!important;
        border: 2px solid #D5DDE5!important;
        border-radius: 0!important;
        height: 200px;
        padding: 0 5px 21px 3px;
        width: auto!important
    }

    .sceditor-container iframe,.sceditor-container textarea {
        background: none repeat scroll 0 0 #FFF!important;
        border-color: #BBB #DDD #DDD #BBB !important;
        border-style: solid!important;
        border-width: 1px!important;
        height: 200px!important;
        margin: 0!important;
        width: 100%!important
    }

    #text_editor_textarea,#textarea_content iframe#text_editor_iframe {
        height: 200px!important;
        width: 100%!important
    }

    div.sceditor-group {
        background: none repeat scroll 0 0 rgba(0,0,0,0)!important;
        border-bottom: medium none!important;
        margin: 1px 5px 1px 0;
        padding: 1px
    }

    div.sceditor-toolbar {
        background: none repeat scroll 0 0 padding-box #E4EBF2!important;
        border-bottom-width: 0!important;
        padding: 3px 5px 2px!important
    }

    #smiley-box iframe {
        height: 230px
    }

    #smilies_categ {
        padding: 0
    }

    #smiley-box {
        border: 1px solid #DDD;
        display: none!important;
        margin: 5px 0!important;
        padding: 5px
    }

    #textarea_content dt {
        display: none
    }

    #textarea_content {
        width: 98%!important
    }
.sceditor-button:hover {
    background: #D5DDE5!important;
    box-shadow: none!important;
}
.sceditor-button:active,.sceditor-button .active{
background-color: #F0F0F0!important;
border: 1px solid #BBB!important;
opacity: 1!important;
padding: 2px 4px!important;
}
.sceditor-button .active:focus{
background-color: #86CAFF !important;
}
#profile-advanced-add a[href^="/profile?friend"] {
background: #8B5;
border-color: #693;
}

#profile-advanced-add a[href^="/profile?foe"] {
background: #E53;
border-color: #C31;
}
#profile-advanced-add a {
    height: auto !important;
    border: none;
    border-bottom: 2px solid #17A;
    border-radius: 3px;
    color: #FFF!important;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    line-height: normal!important;
    margin: 2px;
    padding: 6px 9px!important;
    transition: 300ms;
}
#profile-advanced-add a:hover {
    background: #333;
    border: none;
    border-bottom: 2px solid #111;
    color: #FFF;
}
.Administrador {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FF0000;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.moderador {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #9DD16D;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.designer {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #E0BD31;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.desenvolvedor{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #000000;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.alert, .success, .information, .warn {
  padding: 15px;
  width: 85%;
  border: 1px solid;
  margin: 3px 0;
  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
  box-shadow: 1px 1px 2px rgba(0,0,0,.4);
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font: 13px "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.alert > p, .success > p, .information > p, .warn > p {
  font-weight: bold;
  font-size: 14px;
}
.alert {
  background: #FAFFB2;
  border-color: #DBE08A;
  color: #AF8640;
}
.warn {
  background-color: #F2DEDE;
  border-color: #D3949E;
  color: #A94442;
}
.success {
  background-color: #DFF0D8;
  border-color: #A5D280;
  color: #3C763D;
}
.information {
  background-color: #ADDBF2;
  border-color: #5AB7CA;
  color: #31708F;
}
a.gensmall[style="color: #FF0000"]:before {
  content: '\f013 \00A0';
  font-family: 'fontawesome';
}
a.gensmall[style="color: #C99241"]:before {
  content: '\f0ad \00A0';
  font-family: 'fontawesome';
}
a.gensmall[style="color: #4EA0CC"]:before {
  content: '\f1fc \00A0';
  font-family: 'fontawesome';
}
a.gensmall[style="color: #000000"]:before {
  content: '\f067 \00A0';
  font-family: 'fontawesome';
}
a.gensmall[style="color: #EB57BC"]:before {
  content: '\f007 \00A0';
  font-family: 'fontawesome';
}

Fórum onde vi: http://www.wasdev.in/

Olá,

Tente...

Código:

.pun .post .user {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #FBFBFB;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 3px;
    font-size: 12px;
    margin-bottom: 11px;
    margin-left: -17em;
    margin-top: -4em;
    position: relative;
    text-align: center;
    width: 170px
}

.pun .user .user-info {
    background: #F5F5F5;
    border-top: 1px solid rgba(0,0,0,0.15);
    color: #666;
    line-height: 1.8em;
    padding: 5px!important;
}
.post_username {
    background: #F5F5F5;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    color: #666;
    margin-bottom: 10px;
    margin-top: -20px;
    padding: 10px;
}

Cordialmente,
GSCode. 
Citações: @YouTube3

Olá amigo! Eu tinha feito um modelo igual à esse para meu fórum, bom, vou lhe deixar o código aqui, mas não retire os créditos, porfavor!

Faça o seguinte:
Retire todos os códigos passados a cima, e coloque esse no topo do seu CSS:

CÓDIGO:

Resultado:


Não vem com os botões, e ranks.

Espero ter lhe ajudado!!
Até logo

(Ele não vem com o título do tópico, desculpe, irei tentar fazer! )

Opá, @TheDarkPlay teria como botar essa parte:

print: https://i.imgur.com/8JH4ind.png

como ficou: https://i.imgur.com/vaAfQN8.png

@YouTube3

Olá novamente, o código que passei, já vem com o username em cima da imagem do perfil, Você está usando um template que força a utilização do username em outro local.

Espero ter lhe ajudado!!
Até logo

Obrigado pode fechar!

#Edit

Olá novamente! Irei deixar um modo de retirar o username daquele lugar e colocar do jeito que está na print.

Vamos lá!
Coloque o código seguinte em:
Painel de Controle -> Visualização -> Geral -> viewtopic_body

Código:

Depois disso, salve e publique!

Até logo!

#Edit
Vi sua mensagem agora , Se quiser continuar, é so falar!

Pode closar resolvido

#Edit