Menu bar on forum - problem

by SNooPy89 April 13th 2016, 12:58 am

Technical Details

Forum version : #PunBB
Position : Administrator
Concerned browser(s) : Google Chrome
Screenshot of problem : https://i.servimg.com/u/f86/15/52/82/43/menu_b10.jpg
Who the problem concerns : All members
When the problem appeared : after install new skin
Forum link : http://cacak.forumi.biz/

Description of problem

I installed new skin on my forum, but I have problem. Menu bar isn't on correctly place. Can samone help me? Thanks!

by **TheCrow** April 13th 2016, 2:01 am

Hello,

How is it supposed to be?

by SNooPy89 April 13th 2016, 8:59 am

Like this

Menu bar on forum - problem Cf1ce5492b8e

by Take Notes April 13th 2016, 12:28 pm

I am still confused.

by SNooPy89 April 13th 2016, 1:56 pm

Why? It is not possible to look menu bar on my forum now looks. Maybe, it looks different, but now is horrible... Is it some errors in the code? How can I check this? I wrote ''like this'' or something like...

by Van-Helsing April 13th 2016, 2:22 pm

Hello,
It seems that you haven't substitute the default overall_header template from your skin which you have installed. Please check your skin files and find the overall_header template. Open it and copy the template code in your forum's overall_header template and then submit it and publish it(Green Cross) in templates list.

by SNooPy89 April 13th 2016, 2:33 pm

I done it, but problem is still there bwi

by **Ape** April 13th 2016, 3:50 pm

Have you made any change to your templates ?

If yes try the following step:
ACP Menu bar on forum - problem Arrow110

Display tab Menu bar on forum - problem Arrow110

Templates

General

Force the default templates : YES then save.
look at your forum and see if that fixed it then if it has then we know its your templates that is messing it up and then we can work on that part for you.

by Van-Helsing April 13th 2016, 4:44 pm

Hello,
I found the skin's overall_header, replace it with the following overall_header template:

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}> <head> <title>{SITENAME_TITLE}{PAGE_TITLE}</title> <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" /> <meta http-equiv="content-script-type" content="text/javascript" /> <meta http-equiv="content-style-type" content="text/css" />  <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 href="http://fonts.googleapis.com/css?family=Carrois+Gothic" rel="stylesheet" type="text/css" /> <link href="http://fonts.googleapis.com/css?family=Signika:400,300" rel="stylesheet" type="text/css" /> <link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css' /> <link href='http://fonts.googleapis.com/css?family=Magra' rel='stylesheet' type='text/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[ /* 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[ $(document).ready(function(){  pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400'); 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}'); report.focus();   ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {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>  <script type="text/javascript" src="http://tinyurl.com/var-fa"></script> </head> <body>  <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 class="minwidth_IE"> <div class="layout_IE"> <div class="container_IE"> <div class="pun"> <div class="pun-intro-main"> <div id="header_bar" class="clearfix"> <div id="user_navigation" class="not_logged_in"> <ul class="ipsList_inline right">  <li><a href="/login">Sign In</a></li>  <li id="changebgapp"></li>  <li id="reg_link"><a href="/register">Create an Account</a></li>  </ul> </div> </div> <div id="pun-intro" class="clearfix"> <a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a> <div id="pun-navlinks"> <ul class="clearfix"> <li><a href="/forum">Forum</a></li> <li><a href="/faq">Faq</a></li> <li><a href="/memberlist">Members</a></li>  <li><a href="/login">Log In</a></li> <li><a href="/register">Register</a></li>   <li><a href="/profile?mode=editprofile">Profile</a></li> <li><a href="/privmsg?folder=inbox">Messages</a></li> <li><a href="/login?logout">Log Out</a></li>  <li><a href="/search" onclick="showhide(document.getElementById('search_ipb')); return false;"><img src="http://i.imgur.com/aqii2fI.png" class="sprite icon_nav_search" /></a></li> </ul> </div> <div id="search_ipb" style="display:none;top: 53px; left: -3px;"><form method="get" action="/search"> <input type="text" name="search_keywords" style="width: 230px;" value="search..." onclick="if (this.value == 'search...') this.value = '';" onblur="if (this.value == '') this.value = 'search...';"/> <input type="submit" value="Pretrazi" onclick="document.searchform.google.value='';"/> </form></div> </div> <div class="maxtitleforum">  <div id="pun-title">{switch_h1.MAIN_SITENAME}</div>   <p id="pun-desc">{switch_desc.SITE_DESCRIPTION}</p>  </div></div> <div id="breadcrumb" class="clearfix"> <div class="main_width"> <div class="crumb left"> <a href="/"><span>{switch_h1.MAIN_SITENAME}</span></a> </div> <div class="social_media"> <div class="social_links" id="icon_face"> <a target="_blank" href="#"></a> </div> <div class="social_links" id="icon_twitter"> <a target="_blank" href="#"></a> </div> <div class="social_links" id="icon_plusg"> <a target="_blank" href="#"></a> </div></div> </div> </div> <div id="page-body">  <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="{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>

then publish it and save it.

by SNooPy89 April 13th 2016, 9:52 pm

APE wrote:Have you made any change to your templates ?

If yes try the following step:
ACP Display tab Templates General Force the default templates : YES then save.
look at your forum and see if that fixed it then if it has then we know its your templates that is messing it up and then we can work on that part for you.

I done it, but forum looks same..

I installed skin again and I put code which van_helsing wrote, but I still have problem (now is different problem):

Link of my forum to see (black rectangle)

by Van-Helsing April 13th 2016, 10:25 pm

Hello,
I can't see any black rectangle just a big space. To fix it go to ACP(Admin Control Panel) > Display > Pictures and Colors > Colors > CSS Stylesheet

and find this code:

Code:: #pun-logo { float: left; }

and replace it with the following:

Code:: #pun-logo { float: left; height: 5px; }

after that find the following code:

Code:: #pun-intro { background-color: #296fa5; background-image: url(http://2img.net/i/fa/empty.gif); background-repeat: repeat-x; border-bottom: 1px solid #296fa5; margin: 0; padding: 1.5em 1em 1em; text-align: left; }

and replace it with this code

Code:: #pun-intro { background-color: transparent; background-image: url(http://2img.net/i/fa/empty.gif); background-repeat: repeat-x; border-bottom: 1px solid #296fa5; margin: 0; padding: 1.5em 1em 1em; text-align: left; }

then press submit.

The result must be looks like this:

Menu bar on forum - problem 9289g5k

by **SLGray** April 13th 2016, 10:40 pm

Did you publish the modified template?

by SNooPy89 April 13th 2016, 10:51 pm

Yes, I published template.

I removed black rectangle, I don't know how...

I don't find this code (#pun-logo ...#pun intro...) on my css. This is css of my forum

Code:: a{-moz-transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; -o-transition: all 500ms ease 0s; -ms-transition: all 500ms ease 0s;} body { background: #F4F4F6; color: #5A5A5A; font: normal 13px "Helvetica", helvetica, arial, sans-serif; } .main .main-foot, .main .main-head { color: white; padding: 15px 13px 16px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6); border-radius: 4px 4px 0 0; box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.2); border: 0; background: white url(http://i.imgur.com/wa5siQH.jpg); } #pun-desc { color: #CCC; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); line-height: 25px; font-size: 12pt; } .maxtitleforum #pun-title { font-size: 30px; padding-bottom: 5px; color: white; text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3); font-family: 'Armata', sans-serif; } #pun-intro { width: 70%; margin:auto; min-width: 975px; padding: 0px; } .maxtitleforum { color: white; margin: 45px auto auto auto; width: 70%; min-width: 975px; } .pun { margin: auto; padding: 0px; width: 100%; } .pun-intro-main { box-shadow: inset 0 -5px 0 rgba(0, 0, 0, 0.5); background: white url(http://i.imgur.com/wa5siQH.jpg); } #pun-intro { clear: both; height: 76px; line-height: 70px; background: -moz-linear-gradient(top, rgba(26, 26, 26, 0.44) 0%, rgba(0, 0, 0, 0.44) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(26, 26, 26, 0.44)), color-stop(100%,rgba(0, 0, 0, 0.44))); background: -webkit-linear-gradient(top, rgba(26, 26, 26, 0.44) 0%,rgba(0, 0, 0, 0.44) 100%); background: -o-linear-gradient(top, rgba(26, 26, 26, 0.44) 0%,rgba(0, 0, 0, 0.44) 100%); background: -ms-linear-gradient(top, rgba(26, 26, 26, 0.44) 0%,rgba(0, 0, 0, 0.44) 100%); background: linear-gradient(to bottom, rgba(26, 26, 26, 0.44) 0%,rgba(0, 0, 0, 0.44) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#701a1a1a', endColorstr='#70000000',GradientType=0 ); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 6px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 6px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 6px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; position: relative; border: 0px; } #breadcrumb { background: url(http://i.imgur.com/Lzq2mdm.png); height: 78px; clear: both; overflow: hidden; text-shadow: 0 1px 0 white; box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.05) inset, inset 0 1px 0 white; -moz-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.05) inset, inset 0 1px 0 #fff; -webkit-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.05) inset, inset 0 1px 0 white; line-height: 75px; } #breadcrumb .main_width { width: 70%; min-width: 975px; margin: auto; } .pun-intro-main #pun-navlinks ul li a { font-family: 'Fjalla One', sans-serif; color: white; font-size: 11pt; text-decoration: none; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6); padding: 25px 12px 32px 12px; margin: 0em; } .pun-intro-main #pun-navlinks ul li a:hover { background: black; background: rgba(0, 0, 0, 0.37); color: white; } #page-body { background: white; padding: 15px 15px 10px; box-shadow: 0 1px 2px #DBDBDB; margin: auto auto 35px auto; min-width: 975px; width: 70%; overflow: hidden;} .crumb.left a { text-decoration: none; font-size: 20px!important;} .crumb.left a span ,.crumb.left a span h1{ color: #585858; font-size: 20px!important; font-family: 'Signika' arial; font-weight: normal!important; } .pun table.table td { border-bottom: 1px solid #E1E1E1; border-top: 1px solid white; background-color: #FBFBFB!important; border-width: 1px 0px 1px 0px; color: #AAA; font-family: Helvetica, helvetica, arial, sans-serif; font-size: 12px; } .pun table.table td:hover { color: #454545; } .pun .main-content_board_index table.table { background: white; border: 1px solid #DDD; border-collapse: separate; } .main-content_board_index { padding: 9px; background: #E5E4E3; } /*----------[Linkovi]------------*/ a {text-decoration: none;} a:link {text-decoration: none;} a:hover {text-decoration: none!important;} a.forumtitle {text-decoration: none;} a.forumtitle:hover {text-decoration: none!important;} a.topictitle {text-decoration: none;} a.topictitle:hover {text-decoration: none!important;} /*----------------FIN---------------*/ .module.main .main-head { background-position: -650px -25px !important; } #pun-about a { font-family: helvetica; color: #EEE; font-size: 12px; text-shadow: 1px 1px 0 #5F5F5F; } #pun-about form { display: none; } #pun-about { background: none; border: none; min-width: 985px; width: 70%; margin: auto; } #pun-foot { box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.2); background: white url(http://i.imgur.com/wa5siQH.jpg); position: absolute; width: 100%;} .main-head .page-title h2 ,.module.main .main-head .h3 ,.main .main-head .page-title{ font-family: 'Carrois Gothic', sans-serif; font-size: 18px; } a.forumtitle { font-size: 16px; text-shadow: 0 0 1px #AAA; font-weight: normal!important; font-family: 'Carrois Gothic', sans-serif; } .tcl.tdtopics a.topictitle { font-size: 15px; font-family: 'Carrois Gothic', sans-serif; font-weight: normal; color: #0F0F0F; } #lit { display: inline-block; text-align: right; margin-right: 10px; } .datepostur { background: #EEE; border-radius: 2px; display: inline-block; margin-bottom: 13px; color: #AAA !important; font-size: 11px !important; padding: 3px 10px; font: normal 13px "Helvetica", helvetica, arial, sans-serif; } .pun .main-content_board_index .post { background: #EDEDED; border: 1px solid #DDD; border-bottom: 0px solid transparent; } .pun .posthead { background: #F1F1F1; padding: 0 10px; height: 33px; line-height: 32px; font-weight: normal; text-shadow: 0 1px 0 white; border-bottom: 1px solid #DDD; } .pun .postmain { background-color: #FBFBFB; border-left: 1px solid #DDD; margin-left: 13em; } .pun .post .user { margin-top: 0px; width: 12em; margin-left: -13em; text-align: center; } .postfoot { margin: 0em; border-top: 0px; } #userpost strong { float: left; } .user-basic-info a img { background: white; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); width: 90px; height: 90px; margin-bottom: 5px; } .social_media a { height: 33px; width: 32px; display: block; margin-right: 10px; position: relative; top: 20px; float: right; } #icon_plusg a:hover { background: url(http://i.imgur.com/yePnDmA.png) -64px 33px; } #icon_plusg a { background: url(http://i.imgur.com/yePnDmA.png) -64px 0; } #icon_twitter a { background: url(http://i.imgur.com/yePnDmA.png) -32px 0; } #icon_twitter a:hover { background: url(http://i.imgur.com/yePnDmA.png) -32px 33px; } #icon_face a { background: url(http://i.imgur.com/yePnDmA.png) 0 0; } #icon_face a:hover { background: url(http://i.imgur.com/yePnDmA.png) 0 33px; } #pun-navlinks { position: absolute; right: 0px; } .sprite.icon_nav_search { background: url(http://i.imgur.com/agUZ8N6.png) no-repeat -32px -15px; height: 22px; width: 22px; position: relative; top: 5px; } #search_ipb input[type="submit"] { background: #222 url(http://i.imgur.com/5Ja1HOo.png) no-repeat 50%; text-indent: -3000em; padding: 0; border: 1px solid #111 !important; width: 26px; height: 32px; border-radius: 0 2px 2px 0; box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.1); cursor: pointer; } #search_ipb input[type="text"] { border-radius: 4px 0px 0px 4px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); width: 230px; font: normal 13px helvetica,arial,sans-serif; border: none; padding: 7px; } #search_ipb { float: right; background: #111; background: rgba(0, 0, 0, 0.7); -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); padding: 10px; margin-top: 75px; margin-right: 10px;} .reply_form_topic { padding: 9px; background: #E5E4E3; } .reply_form_topic #pun-qpost { padding: 10px; margin: 0em; background: white; } .reply_form_topic .main-head.clearfix { font-family: 'Carrois Gothic', sans-serif; font-size: 18px; background: none!important; box-shadow: none; padding: 10px; color: black; text-shadow: 0 0 1px white; } .pun .reply_form_topic .main-content.frm { border: 0px; } .reply_form_topic #quick_reply .frm-set { padding: 0px 5px 0px 3px !important; border: 2px solid #D5DDE5 !important; background-color: #E4EBF2 !important; background-image: none !important; margin: 0em; } .reply_form_topic #text_editor_controls { margin: 10px; width: 100%!important; } .reply_form_topic button.button2, .reply_form_topic input.button2 { background: transparent; border: 0px; padding: 4px 5px; border-radius: 2px; color: #383838; box-shadow: none; } .reply_form_topic button.button2:hover, .reply_form_topic input.button2:hover { background: #CFDAE0; border: 0px; } .reply_form_topic #textarea_content dl dt { display: none; } .reply_form_topic .dd-textarea { margin: 0em; } .reply_form_topic .options { display: none; } #text_editor_controls { margin: 10px; } .pun .frm div.posting-block dd.frm-textarea { margin-left: 0em; } .pun .frm .frm-buttons input, input[type="button"], input[type="reset"], input[type="submit"] { background: #212121 url(http://i.imgur.com/DNa2Rhl.png) repeat-x top; color: white; border-radius: 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); border: 1px solid #222; padding: 4px 10px; cursor: pointer; font-weight: 500; } .main-content.topic { background: whiteSmoke; } #reply-avatar img { background: white; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); height: 50px; width: 50px; margin: 10px; border: 1px solid #B9B9B9; padding: 2px; border-radius: 2px; } #reply-avatar { float: left; } #quick_reply .frm-buttons { margin: 5px; text-align: right; border: none; } button.button2, input.button2 { background: whiteSmoke; padding: 3px 4px; border: 1px solid #D5D5D5; border-radius: 2px; cursor: pointer; color: #6B6B6B;} fieldset.frm-set dl dd { margin-left: auto; } input[type="text"], #text_editor_textarea { padding: 3px; border: 1px solid #DADADA; border-radius: 3px; } #header_bar { position: relative; width: 70%; min-width: 975px; margin: auto; } #user_navigation { height: 28px; margin: 33px 0 6px; text-align: right; min-width: 569px; float: right; } .ipsList_inline.right li a { font: normal 15px 'Carrois Gothic', sans-serif; color: #EEE; text-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 2px;} .ipsList_inline.right li { display: inline; margin: 2px 7px; } #reg_link { background: rgba(0, 0, 0, 0.7); color: white; display: inline-block; padding: 6px 10px; border: 0; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 2px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 2px 4px rgba(0, 0, 0, 0.2); text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .ipsList_inline.right { list-style: none; } /* -----------------[Background Selector ]-----------------*/ #custom_background { background-color: white; box-shadow: inset 0 1px 0 white, 0 1px 3px rgba(0, 0, 0, 0.16); border: 1px solid #D1D1D1; color: white; position: relative; padding: 15px 0px 15px 15px; overflow: hidden;} #custom_background span { -moz-transition: all .2s ease-in-out 0; background: none no-repeat scroll 50% 50% #000; border-radius: 3px; box-shadow: 0 1px 7px #000 inset, 0 1px 0 rgba(255,255,255,0.05), 0 0 1px rgba(255,255,255,0.35); cursor: pointer; display: block; float: left; height: 90px; margin: 5px; width: 140px; } #custom_background span:hover { filter: alpha(opacity=0.5); -khtml-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; } #nav_background {cursor: pointer;} #toggle_background { margin-bottom: 20px; } /* Thumb slike previewa */ #bg1 {background: url(http://i.imgur.com/wa5siQH.jpg) no-repeat -1006px -250px!important;} #bg2 {background: url(http://i.imgur.com/sdi00up.jpg) no-repeat -625px -450px!important;} #bg3 {background: url(http://i.imgur.com/yhhf7Rt.jpg) no-repeat 0 0!important;} #bg4 {background: url(http://i.imgur.com/0RcFxB5.jpg) no-repeat -655px -450px!important;} #bg5 {background: url(http://i.imgur.com/SKOXqoO.jpg) no-repeat -792px -142px!important;} #bg6 {background: url(http://i.imgur.com/EYGZIPq.jpg) no-repeat -655px -450px!important;} #bg7 {background: url(http://i.imgur.com/g75ZMGV.jpg) no-repeat 0 0!important;} #bg8 {background: url(http://i.imgur.com/SurCBhb.jpg) no-repeat 0 0!important;} /* Pozadine*/ .bg1 {background: white url(http://i.imgur.com/wa5siQH.jpg)!important;} .bg2 {background: white url(http://i.imgur.com/sdi00up.jpg)!important;} .bg3 {background: white url(http://i.imgur.com/yhhf7Rt.jpg)!important;} .bg4 {background: white url(http://i.imgur.com/0RcFxB5.jpg)!important;} .bg5 {background: white url(http://i.imgur.com/SKOXqoO.jpg)!important;} .bg6 {background: white url(http://i.imgur.com/EYGZIPq.jpg)!important;} .bg7 {background: white url(http://i.imgur.com/g75ZMGV.jpg)!important;} .bg8 {background: white url(http://i.imgur.com/SurCBhb.jpg)!important;} /* -----------------Background Selector-----------------*/ #fullcred a:hover { color: white; } #fullcred a { display: block; font: normal 15px 'Carrois Gothic', sans-serif; -moz-transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; -o-transition: all 500ms ease 0s; -ms-transition: all 500ms ease 0s; text-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 2px; color: #948F8F; color: rgba(255, 255, 255, 0.4); } #fullcred { float: left; text-align: left; } #topdes:hover { background: rgba(0, 0, 0, 0.5) url("http://i.imgur.com/90ulAas.png")no-repeat center center; } #topdes { width: 24px; height: 24px; display: block; background: rgba(0, 0, 0, 0.2) url("http://i.imgur.com/90ulAas.png")no-repeat center center; border-radius: 5px; margin: auto; cursor: pointer; text-align: center; } #estadisticas-IPB { text-align: center; } #estadisticas-IPB .stat-bloque { display: inline-block; margin-right: 10px; } #estadisticas-IPB span { display: inline-block; background: #E2E2E2; color: #4A4A4A; padding: 2px 6px; font-weight: bold; border-radius: 2px; margin: 2px; } .board_statistics { margin: 20px 0 0 0; padding: 10px 0; border-top: 3px solid #D8D8D8; } .board_statistics h2 { font-size: 14px; font-weight: bold; margin: 4px 0; } .expand { background: url(http://i.imgur.com/gLCLWtW.png) no-repeat -94px -24px; text-indent: -3000em; width: 41px; height: 24px; display: block; outline: 0; opacity: 0.4; -moz-transition: all 0ms ease 0s; -webkit-transition: all 0ms ease 0s; -o-transition: all 0ms ease 0s; -ms-transition: all 0ms ease 0s; position: relative; top: -20px; float: right; right: 10px; cursor: pointer; } .contract { background: url(http://i.imgur.com/gLCLWtW.png) no-repeat -94px 0; text-indent: -3000em; width: 41px; height: 24px; display: block; outline: 0; opacity: 0.4; -moz-transition: all 0ms ease 0s; -webkit-transition: all 0ms ease 0s; -o-transition: all 0ms ease 0s; -ms-transition: all 0ms ease 0s; position: relative; top: -20px; float: right; right: 10px; cursor: pointer;} .expand:hover ,.contract:hover{opacity: 9;}