Notificação de nova MP

por Japis Br 13.06.17 3:15

Detalhes da questão

Endereço do fórum: http://brasilcitylife.livreforum.com/forum
Versão do fórum: PunBB

Descrição

Gostaria de um código que mostrasse sobre o botão de mensagem privada, numerais com cores determinadas para indicar quantas mensagens novas tem, vi alguns tutoriais porém nenhum código esta dando resultado tentei recentemente usar isto:

Css

Código:: [data-counter]::after { background: #FFF none repeat scroll 0% 0% padding-box; height: 5px; content: attr(data-counter); position: absolute; padding: 2px 4px 9px; border-radius: 2px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5), 0px 1px 4px rgba(0, 0, 0, 0.4), 0px 0px 1px rgba(0, 0, 0, 0.21) inset, 0px 10px 0px rgba(255, 255, 255, 0.11) inset; font: 800 9px "Helvetica Neue",sans-serif; color: #FBA700; text-decoration: none; margin-left: -44.9%; margin-top: 14px; }

Js

Código:: $(function(e) { var mp = document.getElementById('i_icon_mini_new_message');if(!mp) return; var mps = $(mp).attr("alt").match(/[0-9]+/); $('a[href^="./privmsg?folder=inbox"]').attr('data-counter', ''+mps+''); });

Era para ter este efeito :
Notificação de nova MP 257hf2w

Link do tutorial:

https://ajuda.forumeiros.com/t107165-notificacao-de-mensagem-privada?highlight=notifica%E7%E3o+de+mp

por Japis Br 13.06.17 15:56

por Japis Br 14.06.17 2:45

Alguém ?

por Harleen 14.06.17 2:53

Atenção!

Você não pode fazer UP's antes de se completar 24 horas desde a última mensagem deste tópico! Por este motivo, nós pedimos que leia as regras do setor de suporte e principalmente a do Fórum dos Fóruns para não cometer novos erros!
Regras do FdF | Regras do Setor de Suporte

Sobre sua questão, leia esse tópico e veja se lhe ajuda
Flecha ajudeiros

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

por Japis Br 15.06.17 1:56

Alguém poderia me ajudar ?

por Harleen 15.06.17 2:07

Boa noite, me envie o seu overall_header e o CSS que está usando.

Até mais

por Shek 15.06.17 2:37

Japis Br escreveu:Alguém poderia me ajudar ?

Boa noite.

Japis, como você pode "pedir ajuda" se não nos disse se o tópico indicado pela Harleen funciona ou não? Você poderia explicar, por favor, se o assunto indicado não lhe ajuda com a dúvida? Se não, seja específico para que possamos fazer algo. Feliz

Até mais.

por Japis Br 15.06.17 4:05

Não consegui postar aqui todo meu css ele é muito grande e pelo fato de postar o overall_header não consegui pelo tamanho autorizado:

css que influencia na mp

Código:: [data-counter]::after { background: #FFF none repeat scroll 0% 0% padding-box; height: 5px; content: attr(data-counter); position: absolute; padding: 2px 4px 9px; border-radius: 2px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5), 0px 1px 4px rgba(0, 0, 0, 0.4), 0px 0px 1px rgba(0, 0, 0, 0.21) inset, 0px 10px 0px rgba(255, 255, 255, 0.11) inset; font: 800 9px "Helvetica Neue",sans-serif; color: #FBA700; text-decoration: none; margin-left: -44.9%; margin-top: 14px; }

Overall_Header

Código:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}> <head> <link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> <title>{SITENAME_TITLE}{PAGE_TITLE}</title> <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" /> <meta http-equiv="content-script-type" content="text/javascript" /> <meta http-equiv="content-style-type" content="text/css" />  <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />   <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />  {META_FAVICO} {META} {META_FB_LIKE} <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" /> {T_HEAD_STYLESHEET} {CSS} <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" /> <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" /> <script src="{JQUERY_PATH}" type="text/javascript"></script> <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>  <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script> <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>   <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" /> <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>   <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script> <script type="text/javascript">//<![CDATA[ /* Definir le sens de direction en fonction du panneau admin */ var tickerDirParam = "{switch_ticker.DIRECTION}"; var slid_vert = false; var auto_dir = 'next'; var h_perso = parseInt({switch_ticker.HEIGHT}); switch( tickerDirParam ) { case 'top' : slid_vert = true; break; case 'left': break; case 'bottom': slid_vert = true; auto_dir = 'prev'; break; case 'right': auto_dir = 'prev'; break; default: slid_vert = true; } $(document).ready(function() { var width_max = $('ul#fa_ticker_content').width(); var width_item = Math.floor(width_max / {switch_ticker.SIZE}); if (width_max > 0) { $('#fa_ticker_content').css('display','block'); $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () { if ($(this).width() > width_item) { var ratio = $(this).width() / width_item; var new_height = Math.round($(this).height() / ratio); $(this).height(new_height).width(width_item); } }); if (slid_vert) { var height_max = h_perso; $('ul#fa_ticker_content li').each( function () { if ($(this).height() > height_max) { height_max = $(this).height(); } } ); $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto'); $('ul#fa_ticker_content li').height(height_max); } $('#fa_ticker_content').jcarousel({ vertical: slid_vert, wrap: 'circular', auto: {switch_ticker.STOP_TIME}, auto_direction: auto_dir, scroll: 1, size: {switch_ticker.SIZE}, height_max: height_max, animation: {switch_ticker.SPEED} }); } else { $('ul#fa_ticker_content li:not(:first)').css('display','none'); $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center'); } }); //]]> </script>  <script type="text/javascript"> //<![CDATA[ jQuery().ready(function(){  pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400'); if(pm != null) { pm.focus(); }   report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}'); if(report != null) { report.focus(); }   $(window).load(function() { Ticker.start({ height : {switch_ticker.HEIGHT}, spacing : {switch_ticker.SPACING}, speed : {switch_ticker.SPEED}, direction : '{switch_ticker.DIRECTION}', pause : {switch_ticker.STOP_TIME} }); });  });  var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;   $(document).ready( function() { $(window).resize(function() { var windowWidth = document.documentElement.clientWidth; var popupWidth = $("#login_popup").width(); var mypopup = $("#login_popup"); $("#login_popup").css({ "left": windowWidth/2 - popupWidth/2 }); }); });  //]]> </script> {GREETING_POPUP}  <style> .jcarousel-skin-tango .jcarousel-item { text-align:center; width: 10px; } .jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: {switch_ticker.SPACING}px; } .jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: {switch_ticker.SPACING}px; } </style>  {HOSTING_JS}  <script type="text/javascript"> //<![CDATA[ var _gaq = _gaq || []; _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]); _gaq.push(["_trackPageview"]); _gaq.push(['_trackPageLoadTime']);  _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']); _gaq.push(['b._trackPageview']);  (function() { var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true; ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s); })(); //]]> </script>  </head> <script> var headerHeight = 110; var minHeaderHeight = 45; var maxScrollAmount = headerHeight - minHeaderHeight; $(window).scroll(function() { var amountScrolled = $(window).scrollTop(); var newHeight = headerHeight - amountScrolled; if (($(window).scrollTop() >= 0) && ($(window).scrollTop() <= maxScrollAmount)){ $('.collapseHeader .brandingBackground').css('opacity', '0'); $('.collapseHeader #branding').css('height', newHeight + 'px'); $('.collapseHeader #logo a').css('line-height', newHeight + 'px'); } else if ($(window).scrollTop() > maxScrollAmount) { $('.collapseHeader .brandingBackground').css('opacity', '1'); $('.collapseHeader #branding').css('height', minHeaderHeight + 'px'); $('.collapseHeader #logo a').css('line-height', minHeaderHeight + 'px'); } }); </script> <body class=" collapseHeader animatedBackground toggleBackgroundColours"> <div id="background"><div id="gradient" class="applied" style="background-position: -13175px 0px;"></div></div>  <div id="hitskin_preview" style="display: block;"> <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1> <div class="content"> <p> {hitskin_preview.L_THEME_SITE_PREVIEW} <br /> <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span> </p> </div> </div>   <div id="login_popup" class="module main"> <div id="login_popup_title" class="main-head"> <div class="h3">{SITENAME}</div> </div> <div class="main-content"> {LOGIN_POPUP_MSG} <div id="login_popup_buttons"> <form action="{S_LOGIN_ACTION}" method="get"> <input type="submit" class="button2" value="{L_LOGIN}" /> <input type="button" class="button2" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" /> <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" /> </form> </div> </div> </div>  <a id="top" name="top" accesskey="t"></a> <div id="branding"><div class="wrapper clearfix"> <div id="logo"> <a href="/forum" title="Go to community index" rel="home" accesskey="1" class="textLogo">Brasil City Life - Samp Host - </a> </div>  <div id="primary_nav" class="clearfix"> <ul class="ipsList_inline" id="community_app_menu"> <li id="nav_home" class="left"><a href="/forum" title="Inicio" rel="home">Início</a></li> <li id="nav_app_forums" class="left active"><a href="/f4-regras" target="_blank" title="Fórum">Regras</a></li> <li id="nav_app_members" class="left "><a href="/memberlist" target="_blank" title="Ver Lista De Membros">Membros</a></li> <li id="nav_app_calendar" class="left "><a href="/h16-" target="_blank" title="Ouvir a Urrarox">Rádio</a></li> <li id="nav_app_downloads" class="left "><a href="/f9-downloads-e-utilitarios" target="_blank" title="Ver Downloads Do Fórum">Downloads</a></li> <li id="nav_app_blog" class="left "><a href="http://samphost.com.br/" target="_blank" title="Samp Host O Melhor Hospedeiro De Samp !">Hospedagem</a></li> <li id="nav_app_nexus" class="left "><a href="/h11-" target="_blank" title="Veja a Loja Do servidor">Loja</a></li> </ul> </div> </div></div>  <div class="clearfix wrapper"> <div id="backgroundToggle" class="left clearfix"> <span id="enableColour" title="Enable colorful background" class="show"></span> <span id="enableGrey" title="Enable greyscale background"></span> </div> <div id="user_bar" class="withToggle clearfix"> <div id="user_navigation" class="not_logged_in"> <ul class="ipsList_inline">  <li><a href="/profile?mode=editprofile" title="Editar Perfil"/> <script> jQuery(document).ready(function(){ jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) { link = jQuery('.frm dl dd img', data).attr('src'); if(link){ jQuery('#avatar').html('<center><img src="'+link+'" alt="" /></center>'); }else{ jQuery('#avatar').html(''); } }); }); </script> <div id="avatar"><center></center></div> <li><a class="profilename" href="/profile?mode=editprofile" class="USERNAME">Perfil</a></li> <li><a data-clicklaunch="getInboxList" id="inbox_link" href="/privmsg?folder=inbox" title="Private Message"><img src="http://i56.servimg.com/u/f56/17/97/98/69/yymnyc10.png" alt=""></a></li> <li><a id="notify_link" href="/search?search_id=watchsearch" title="Notifications"><img src="http://i56.servimg.com/u/f56/17/97/98/69/gyfvip11.png" alt=""></a></li> <li><a href="/login?logout">Sair</a></li>   <li><span class="services"> <a href="/#"><img src="http://i.imgur.com/XHoJFe9.png" alt="Log in with Facebook"></a> </span> <a href="/login" title="Entrar no fórum" id="sign_in"><img src="http://i.imgur.com/0ns7zBy.png" alt=""> Logar</a> </li> <li> <a href="/register" title="Criar Uma Conta No Fórum" id="register_link"><img src="http://i.imgur.com/W4pPjOe.png" alt=""> Criar Conta</a> </li>  </ul> </div> </div> </div> <div class="minwidth_IE"> <div class="layout_IE"> <div class="container_IE"> <div class="pun"> <div id="pun-intro" class="clearfix"> <a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>  <div id="pun-title">{switch_h1.MAIN_SITENAME}</div>   <p id="pun-desc">{switch_desc.SITE_DESCRIPTION}</p>  </div> <div id="pun-head"> <div id="pun-navlinks"> <ul class="clearfix"> <li>{GENERATED_NAV_BAR}</li> </ul> </div> </div>  <div id="fa_ticker_block" style="padding-top:4px;"> <div class="module main"> <div class="main-content clearfix"> <div id="fa_ticker_container"> <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display: none;width: 100%;">  <li>{switch_ticker.ticker_row.ELEMENT}</li>  </ul> </div> </div> </div> </div>   <div id="fa_ticker_block" style="padding-top:4px;"> <div class="module main"> <div class="main-content clearfix"> <div id="fa_ticker_container"> <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;"> <div class="fa_ticker_content">  <div>{switch_ticker.ticker_row.ELEMENT}</div>  </div> </div> </div> </div> </div> </div>  <div id="page-body"> <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}> <div id="outer-wrapper"> <div id="wrapper"> <div id="container"> <div id="content"> <div id="{ID_LEFT}">  {giefmod_index1.MODVAR}  <div style="height:{SPACE_ROW}px"></div>   </div> <div id="main"> <div id="main-content">  </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </body> </html>

por Harleen 15.06.17 19:20

Olá, crie uma conta e poste aqui entre as tag hide

Até mais

P.S. se preferir dê uma olhada nesses tópicos, não é igual a da imagem, mas tem ótimos efeitos
https://ajuda.forumeiros.com/t92434-caixa-de-mensagem#628008
https://ajuda.forumeiros.com/t105233-notificacao-quando-chegar-mensagem-privada#733241

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'.

por Japis Br 15.06.17 22:48

Harleen escreveu:Olá, crie uma conta e poste aqui entre as tag hide

Até mais

P.S. se preferir dê uma olhada nesses tópicos, não é igual a da imagem, mas tem ótimos efeitos
https://ajuda.forumeiros.com/t92434-caixa-de-mensagem#628008
https://ajuda.forumeiros.com/t105233-notificacao-quando-chegar-mensagem-privada#733241

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'.

Css:

Código:: //mp [data-counter]::after { background: #FFF none repeat scroll 0% 0% padding-box; height: 5px; content: attr(data-counter); position: absolute; padding: 2px 4px 9px; border-radius: 2px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5), 0px 1px 4px rgba(0, 0, 0, 0.4), 0px 0px 1px rgba(0, 0, 0, 0.21) inset, 0px 10px 0px rgba(255, 255, 255, 0.11) inset; font: 800 9px "Helvetica Neue",sans-serif; color: #FBA700; text-decoration: none; margin-left: -44.9%; margin-top: 14px; } //mpp a[href^="/u"] span[style^="color:#FF0000"] { text-shadow:0px 0px 9px #000; background: transparent url(http://i.imgur.com/e1Oatcu.gif); } a[href^="/u"] span[style^="color:#FFBF00"] { text-shadow:0px 0px 9px #999966; background: transparent url(http://i.imgur.com/e1Oatcu.gif); } a[href^="/u"] span[style^="color:#05AD5C"] { text-shadow:0px 0px 9px #9933ff; background: transparent url(http://i.imgur.com/e1Oatcu.gif); } ::-webkit-scrollbar-track-piece{ background: #000 } ::-webkit-scrollbar-thumb:vertical{ background:#33cccc; border-radius: 5px } ::-webkit-scrollbar-corner{ background: #e6e6e6 } ::-webkit-scrollbar{ -webkit-border-radius: 5ex; background: #000000; height: 5px; width: 5px } ::-webkit-scrollbar-thumb{ -webkit-border-radius: 5px; -webkit-box-shadow: 0 6px 7px rgba(0,0,0,0.75); background: #00e6b8 } input#submit_button { height: 30px; width: auto; } a[href="/admin/index.forum?part=admin&tid=2d9e1bd5ed0967726bc689aad0123f42"] { display : none; } a[href="/u30"] { background: url(http://i.imgur.com/6EHq3rY.gif); } a[href="/u0000"] { background: url(http://www.animateit.net/data/media/april2014/9999.gif); } a[href="/u000"] { background: url(http://rs257.pbsrc.com/albums/hh234/tfm448/Snow411.gif~c200); } a[href="/admin"] { background: url(https://media.giphy.com/media/58rS5b7UcZ2Vi/giphy.gif); } a[href="/u-"]{ text-shadow:0px 0px 9px #000; background: transparent url(http://i.imgur.com/e1Oatcu.gif); } a[href="/u35"]{ text-shadow:0px 0px 9px #ff3333; background: transparent url(http://i.imgur.com/e1Oatcu.gif); } a[href="/u30"]{ text-shadow:0px 0px 9px #000; background: transparent url(http://i.imgur.com/e1Oatcu.gif); } a[href="/u38"]{ text-shadow:0px 0px 9px #000; background: transparent url(http://i.imgur.com/e1Oatcu.gif); } /******STAFF ONLINE**********/ .monAva img { height: 40px; width: 40px; margin-right: 5px; background: none repeat scroll 0 0 #FFF; border: 1px solid #d5d1c8; box-shadow: 0 2px 2px rgba(0,0,0,0.1); padding: 1px; } .monAva img:hover { border: 1px solid black; } .myStaff a { display:inline-block; vertical-align:top; margin-top:.75em; } /*******FIM STAFF ONLINE********/ @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; 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("https://images3.alphacoders.com/589/thumb-1920-589031.jpg") no-repeat 50% 0%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=15); opacity: 0.15; content: ""; } #gradient { background-repeat: repeat; position: absolute; top: 0; bottom: 0; left: 0; height: 100%; width: 20000px; } @-webkit-keyframes slideBackground { 0% { -webkit-transform: translateX(0) } 100% { -webkit-transform: translateX(-100%); margin-left: 100% } } @-moz-keyframes slideBackground { 0% { -moz-transform: translateX(0) } 100% { -moz-transform: translateX(-100%); margin-left: 100% } } @-o-keyframes slideBackground { 0% { -o-transform: translateX(0) } 100% { -o-transform: translateX(-100%); margin-left: 100% } } @-ms-keyframes slideBackground { 0% { -ms-transform: translateX(0) } 100% { -ms-transform: translateX(-100%); margin-left: 100% } } @keyframes slideBackground { 0% { transform: translateX(0) } 100% { transform: translateX(-100%); margin-left: 100% } } /*cat*/ .main .main-foot, .main .main-head { background: url("http://i.imgur.com/y75XdvO.png") repeat; background-image: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%); background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.6) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.6))); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%); background-image: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%); background-image: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%); box-shadow: inset rgba(0,0,0,0.2) 0px 0px 0px 1px; color: #fff; text-shadow: rgba(0,0,0,0.3) 0px -1px 0px; padding: 20px; font-size: 14px; font-weight: 300; -moz-border-radius: 4px 4px 0 0; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border-radius: 4px 4px 0 0; overflow: hidden; } .main .main-head .page-title { font-size: 14px; font-weight: bold; } #pun-visit, .main-box { display: none; } table { width: 100% } td { padding: 3px } thead { display: none; } .pun table.table td { background-color: #fff; border-bottom: 1px solid rgba(0,0,0,0.1)!important; border-top: 1px solid rgba(255,255,255,0.5)!important; border:none; padding:10px; } .pun .main table td.tc2, .pun .main table td.tc3 { background-color: #fff; } .pun .main-content { background-color: #FFF; border: 1px solid rgba(255, 255, 255, 0); -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px; -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px; box-shadow: rgba(0,0,0,0.2) 0px 1px 3px; border-radius: 0 0 3px 3px; } .pun .main-content:after { display: block; content: ""; -moz-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; background: #fff; height: 3px; overflow: hidden; } /*widgets*/ .module .main-head { text-shadow: rgba(255,255,255,1) 0px 1px 0px; background: url("http://www.ipbfocus.com/skindemo/public/style_images/dispersion/transw40.png") repeat; background: rgba(255, 255, 255, 1); background-image: -moz-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,0.2))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%); text-transform: uppercase; font-family: "Lato"; font-weight: bold; font-size: 100%; color: #111; padding: 15px; } .module.main { margin: 5px auto!important; border-radius: 3px; -webkit-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px; -moz-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px; box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px; } #content-container div#main { margin-right: 10px; } /*post*/ .post h3 { border-top: 1px solid #111; border-bottom: 1px solid #111; text-shadow: rgba(0,0,0,0.6) 0px -1px 0px; background: rgb(20,20,20); background: rgba(20,20,20,0.9); padding: 4px 10px; height: 36px; line-height: 36px; font-weight: normal; font-size: 13px; overflow: hidden; } .pun .postmain { background: #fff; border-left: none; margin-left: 18em; } .pun .post .user { text-align: center; margin-top: 5px; } .user-basic-info a img:after { content: ""; position: absolute; z-index: 1; top: 0px; left: 0px; right: 0; bottom: 0; -webkit-box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px; -moz-box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px; box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px; pointer-events: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .user-basic-info a img { display: inline-block; width: 94px; height: 94px; -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: #e60505; 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; }

por Harleen 15.06.17 23:56

Altere insira esse JavaScript em todas as páginas

Código:: $(function() { var mp = document.getElementById('i_icon_mini_new_message'); if (!mp) return; var mps = $(mp).attr("alt").match(/[0-9]+/); $('a[href^="/privmsg?folder=inbox"]').attr('data-counter', '' + mps + ''); });

Resultado http://prntscr.com/fkajt8

por Japis Br 16.06.17 3:28

Harleen escreveu:Altere insira esse JavaScript em todas as páginas
Código:
$(function() { var mp = document.getElementById('i_icon_mini_new_message'); if (!mp) return; var mps = $(mp).attr("alt").match(/[0-9]+/); $('a[href^="/privmsg?folder=inbox"]').attr('data-counter', '' + mps + ''); });

Resultado http://prntscr.com/fkajt8

Não resultou Triste

por Harleen 16.06.17 4:53

Experimente desativar (não excluir) os scripts ativos, e também widgets e veja se não tem algum causando conflito.

Editado

@Japis Br não há necessidade disso, foi falta de atenção minha, perdão, troque o CSS por esse

Código:: /** Avido de Mp **/ [data-counter]:after { background: transparent none repeat scroll 0% 0% padding-box; height: 5px; content: attr(data-counter); position: absolute; padding: 2px 4px 9px; border-radius: 2px; font: 800 9px "Helvetica Neue",sans-serif; color: #FBA700; text-decoration: none; margin-left: -44.9%; margin-top: -8px; } /** Aviso de Mp - fim **/ a[href^="/u"] span[style^="color:#FF0000"] { text-shadow:0px 0px 9px #000; background: transparent url(http://i.imgur.com/e1Oatcu.gif); } a[href^="/u"] span[style^="color:#FFBF00"] { text-shadow:0px 0px 9px #999966; background: transparent url(http://i.imgur.com/e1Oatcu.gif); } a[href^="/u"] span[style^="color:#05AD5C"] { text-shadow:0px 0px 9px #9933ff; background: transparent url(http://i.imgur.com/e1Oatcu.gif); } ::-webkit-scrollbar-track-piece{ background: #000 } ::-webkit-scrollbar-thumb:vertical{ background:#33cccc; border-radius: 5px } ::-webkit-scrollbar-corner{ background: #e6e6e6 } ::-webkit-scrollbar{ -webkit-border-radius: 5ex; background: #000000; height: 5px; width: 5px } ::-webkit-scrollbar-thumb{ -webkit-border-radius: 5px; -webkit-box-shadow: 0 6px 7px rgba(0,0,0,0.75); background: #00e6b8 } input#submit_button { height: 30px; width: auto; } a[href="/admin/index.forum?part=admin&tid=2d9e1bd5ed0967726bc689aad0123f42"] { display : none; } a[href="/u30"] { background: url(http://i.imgur.com/6EHq3rY.gif); } a[href="/u0000"] { background: url(http://www.animateit.net/data/media/april2014/9999.gif); } a[href="/u000"] { background: url(http://rs257.pbsrc.com/albums/hh234/tfm448/Snow411.gif~c200); } a[href="/admin"] { background: url(https://media.giphy.com/media/58rS5b7UcZ2Vi/giphy.gif); } a[href="/u-"]{ text-shadow:0px 0px 9px #000; background: transparent url(http://i.imgur.com/e1Oatcu.gif); } a[href="/u35"]{ text-shadow:0px 0px 9px #ff3333; background: transparent url(http://i.imgur.com/e1Oatcu.gif); } a[href="/u30"]{ text-shadow:0px 0px 9px #000; background: transparent url(http://i.imgur.com/e1Oatcu.gif); } a[href="/u38"]{ text-shadow:0px 0px 9px #000; background: transparent url(http://i.imgur.com/e1Oatcu.gif); } /******STAFF ONLINE**********/ .monAva img { height: 40px; width: 40px; margin-right: 5px; background: none repeat scroll 0 0 #FFF; border: 1px solid #d5d1c8; box-shadow: 0 2px 2px rgba(0,0,0,0.1); padding: 1px; } .monAva img:hover { border: 1px solid black; } .myStaff a { display:inline-block; vertical-align:top; margin-top:.75em; } /*******FIM STAFF ONLINE********/ @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; 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("https://images3.alphacoders.com/589/thumb-1920-589031.jpg") no-repeat 50% 0%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=15); opacity: 0.15; content: ""; } #gradient { background-repeat: repeat; position: absolute; top: 0; bottom: 0; left: 0; height: 100%; width: 20000px; } @-webkit-keyframes slideBackground { 0% { -webkit-transform: translateX(0) } 100% { -webkit-transform: translateX(-100%); margin-left: 100% } } @-moz-keyframes slideBackground { 0% { -moz-transform: translateX(0) } 100% { -moz-transform: translateX(-100%); margin-left: 100% } } @-o-keyframes slideBackground { 0% { -o-transform: translateX(0) } 100% { -o-transform: translateX(-100%); margin-left: 100% } } @-ms-keyframes slideBackground { 0% { -ms-transform: translateX(0) } 100% { -ms-transform: translateX(-100%); margin-left: 100% } } @keyframes slideBackground { 0% { transform: translateX(0) } 100% { transform: translateX(-100%); margin-left: 100% } } /*cat*/ .main .main-foot, .main .main-head { background: url("http://i.imgur.com/y75XdvO.png") repeat; background-image: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%); background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.6) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.6))); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%); background-image: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%); background-image: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%); box-shadow: inset rgba(0,0,0,0.2) 0px 0px 0px 1px; color: #fff; text-shadow: rgba(0,0,0,0.3) 0px -1px 0px; padding: 20px; font-size: 14px; font-weight: 300; -moz-border-radius: 4px 4px 0 0; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border-radius: 4px 4px 0 0; overflow: hidden; } .main .main-head .page-title { font-size: 14px; font-weight: bold; } #pun-visit, .main-box { display: none; } table { width: 100% } td { padding: 3px } thead { display: none; } .pun table.table td { background-color: #fff; border-bottom: 1px solid rgba(0,0,0,0.1)!important; border-top: 1px solid rgba(255,255,255,0.5)!important; border:none; padding:10px; } .pun .main table td.tc2, .pun .main table td.tc3 { background-color: #fff; } .pun .main-content { background-color: #FFF; border: 1px solid rgba(255, 255, 255, 0); -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px; -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px; box-shadow: rgba(0,0,0,0.2) 0px 1px 3px; border-radius: 0 0 3px 3px; } .pun .main-content:after { display: block; content: ""; -moz-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; background: #fff; height: 3px; overflow: hidden; } /*widgets*/ .module .main-head { text-shadow: rgba(255,255,255,1) 0px 1px 0px; background: url("http://www.ipbfocus.com/skindemo/public/style_images/dispersion/transw40.png") repeat; background: rgba(255, 255, 255, 1); background-image: -moz-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,0.2))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%); text-transform: uppercase; font-family: "Lato"; font-weight: bold; font-size: 100%; color: #111; padding: 15px; } .module.main { margin: 5px auto!important; border-radius: 3px; -webkit-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px; -moz-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px; box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px; } #content-container div#main { margin-right: 10px; } /*post*/ .post h3 { border-top: 1px solid #111; border-bottom: 1px solid #111; text-shadow: rgba(0,0,0,0.6) 0px -1px 0px; background: rgb(20,20,20); background: rgba(20,20,20,0.9); padding: 4px 10px; height: 36px; line-height: 36px; font-weight: normal; font-size: 13px; overflow: hidden; } .pun .postmain { background: #fff; border-left: none; margin-left: 18em; } .pun .post .user { text-align: center; margin-top: 5px; } .user-basic-info a img:after { content: ""; position: absolute; z-index: 1; top: 0px; left: 0px; right: 0; bottom: 0; -webkit-box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px; -moz-box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px; box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px; pointer-events: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .user-basic-info a img { display: inline-block; width: 94px; height: 94px; -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: #e60505; 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; }

por Japis Br 16.06.17 5:19

Só um probleminha, o número esta "Bugando"

Notificação de nova MP Zy6krcg

por Harleen 16.06.17 5:26

Nessa parte do código, vá alterando o

Código:: margin-top: -8px;

Até que fique na posição desejada.

por Japis Br 16.06.17 15:18

Muito obrigado querido (a) administrador (a) você me ajudou muito ^^ thanks

por Harleen 16.06.17 15:20

Não há de quê, sou apenas uma ajudeira Muito feliz

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

Hitskin.com

Notificação de nova MP