Banner forum

por Davi_Ezequiel1 19.06.16 6:13

Detalhes da questão

Endereço do fórum: http://brasiworldadventure.forumais.com/
Versão do fórum: PunBB

Descrição

como coloco banner no meu forum em cima do MENU https://i.imgur.com/aB5bq8c.png

Igual a esse https://i.imgur.com/awEhGIt.png

por while 19.06.16 18:33

Olá, é proibido o UP em menos de 24 horas amigo.
Quanto sua questão, necessito do template chamado: overall_header
E também da imagem que você deseja por na logo.
Até mais.

por Davi_Ezequiel1 19.06.16 18:36

Código:: http://i.imgur.com/i33P7uj.jpg

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 World Adventure.</a> </div>  <div id="primary_nav" class="clearfix"> <ul class="ipsList_inline" id="community_app_menu"> <li id="nav_home" class="left"><a href="http://mundorpgsamp.forumais.com/" title="Homepage" rel="home">Home</a></li> <li id="nav_app_forums" class="left active"><a href="http://mundorpgsamp.forumais.com/forum" title="Go to Forums">Forum</a></li> <li id="nav_app_members" class="left "><a href="http://mundorpgsamp.forumais.com/memberlist" title="Go to Members">Membros</a></li> <li id="nav_app_calendar" class="left "><a href="http://mundorpgsamp.forumais.com/calendar" title="Go to Calendar">Calendario</a></li> <li id="nav_app_downloads" class="left "><a href="http://mundorpgsamp.forumais.com/f10-downloads" title="Go to Downloads">Downloads</a></li> <li id="nav_app_blog" class="left "><a href="http://unidadesamp.blogspot.com.br/" title="Go to Blogs">Blogs</a></li> <li id="nav_app_nexus" class="left "><a href="http://mundorpgsamp.forumais.com/f31-compra-informcoes-de-vip" title="Go to Store">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="Entrar"></a></li> <li><a href="/login?logout">Sair</a></li>   <li><span class="services"> <a href="/#"><img src="https://lh6.googleusercontent.com/-8MLrE65qnNI/VDP2e2vEKCI/AAAAAAAAIMc/ErcIqDPto70/s16-no/facebook.png" alt="Entrar usando facebook"></a> </span> <a href="/login" title="Sign In" id="sign_in"><img src="http://i.imgur.com/0ns7zBy.png" alt=""> Entrar</a> </li> <li> <a href="/register" title="Create Account" id="register_link"><img src="http://i.imgur.com/W4pPjOe.png" alt=""> Registrar-Se</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 while 19.06.16 19:08

Olá, troque o overall_header por este:

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 class="logooo"><img src="http://i.imgur.com/i33P7uj.jpg"></div> <div id="logo"> <a href="/forum" title="Go to community index" rel="home" accesskey="1" class="textLogo">Brasil World Adventure.</a> </div>  <div id="primary_nav" class="clearfix"> <ul class="ipsList_inline" id="community_app_menu"> <li id="nav_home" class="left"><a href="http://mundorpgsamp.forumais.com/" title="Homepage" rel="home">Home</a></li> <li id="nav_app_forums" class="left active"><a href="http://mundorpgsamp.forumais.com/forum" title="Go to Forums">Forum</a></li> <li id="nav_app_members" class="left "><a href="http://mundorpgsamp.forumais.com/memberlist" title="Go to Members">Membros</a></li> <li id="nav_app_calendar" class="left "><a href="http://mundorpgsamp.forumais.com/calendar" title="Go to Calendar">Calendario</a></li> <li id="nav_app_downloads" class="left "><a href="http://mundorpgsamp.forumais.com/f10-downloads" title="Go to Downloads">Downloads</a></li> <li id="nav_app_blog" class="left "><a href="http://unidadesamp.blogspot.com.br/" title="Go to Blogs">Blogs</a></li> <li id="nav_app_nexus" class="left "><a href="http://mundorpgsamp.forumais.com/f31-compra-informcoes-de-vip" title="Go to Store">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="Entrar"></a></li> <li><a href="/login?logout">Sair</a></li>   <li><span class="services"> <a href="/#"><img src="https://lh6.googleusercontent.com/-8MLrE65qnNI/VDP2e2vEKCI/AAAAAAAAIMc/ErcIqDPto70/s16-no/facebook.png" alt="Entrar usando facebook"></a> </span> <a href="/login" title="Sign In" id="sign_in"><img src="http://i.imgur.com/0ns7zBy.png" alt=""> Entrar</a> </li> <li> <a href="/register" title="Create Account" id="register_link"><img src="http://i.imgur.com/W4pPjOe.png" alt=""> Registrar-Se</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>

Agora me passe sua folha de estilo css, por gentileza (para deixar igual a imagem de como queres)
Até mais.

por Davi_Ezequiel1 20.06.16 2:39

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("http://i.imgur.com/O22XJGG.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: #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; }

por Davi_Ezequiel1 21.06.16 5:49

por Sennior 22.06.16 13:07

Boas!

Troque teu CSS pelo abaixo:

Código:: div#branding { margin-top: 16pc!important; }body.collapseHeader.animatedBackground.toggleBackgroundColours { margin-top: 250px!important; }.logooo { position: relative!important; top: -236px!important; left: 7pc!important; }@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("http://i.imgur.com/O22XJGG.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: #FFF; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3); padding:4px 10px!important; border:none!important; font-size: 14px; font-weight: 300; border-radius: 4px 4px 0px 0px; overflow: hidden; } #tabs ul li.activetab a { color: #F4F9FD; text-decoration: none; background-color: black; } .main-content.center img{ max-width: 250px; }

Até mais.

por Sennior 27.06.16 18:27

Questão abandonada pelo autor, mas considerada resolvida por ter solução para o problema.
Tópico marcado como Resolvido e movido para Questões resolvidas.

Banner forum

Banner forum

Detalhes da questão

Descrição

Re: Banner forum

Re: Banner forum

Re: Banner forum

Re: Banner forum

Re: Banner forum

Re: Banner forum

Re: Banner forum