Current date/time is Wed 14 Apr 2021, 08:00

Search found 3 matches for A4A4A4

signature problem and editor problem

hi there
u have a couple of problems in my forum
so i just installed a ips design and i'm facing 2 problems
#1
the signature is just not right
it always go under the poster profile of the topic
here's a screenshot
Topics tagged under a4a4a4 on The forum of the forums JogMh8G
https://i.imgur.com/JogMh8G.png

so i need it to be after the topic regardless of the poster info
and there was a topic in the forum for show/hide signature button
so if any1 knows where it is post the link plz

#2
the editor is just not right when i press on the new topic button
nd i need to place the smileys box under the editor and make the editor's size as wide as possible
as there's a blank space on the left
and here's a screenshot
Topics tagged under a4a4a4 on The forum of the forums FHpkQ5f


and here's my view topic template in case u need it to modify the sig
Spoiler:
<script type="text/javascript">//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
_atc.cwait = 0;
$('.addthis_button').mouseup(function(){
if ($('#at15s').css('display') == 'block') {
addthis_close();
}
});
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
try
{
var regId = parseInt(id, 10);
if( isNaN(regId) ) { regId = 0; }

if( regId > 0)
{
$('.post--' + id).toggle(0, function()
{
if( $(this).is(":visible") )
{
$('#hidden-title--' + id).html(hiddenMsgLabel.visible);
}
else
{
$('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
}
});
}
}
catch(e) { }

return false;
};

//]]>
</script>

<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
<ul>
<!-- BEGIN switch_plus_menu -->
<li>
<script type="text/javascript">//<![CDATA[
var url_favourite = '{switch_user_logged_in.U_FAVOURITE_JS_PLUS_MENU}';
var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
insert_plus_menu_new('f{FORUM_ID}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
//]]>
</script>
</li>
<!-- END switch_plus_menu -->
<li><a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;pub=forumotion">{L_SHARE}</a></li>
<li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
<li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
<!-- BEGIN watchtopic -->
<li>{S_WATCH_TOPIC}</li>
<!-- END watchtopic -->
</ul>
<p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
<p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->

<div class="pun-crumbs noprint">
<p class="crumbs">
<a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}
<!-- BEGIN switch_twitter_btn -->
<span id="twitter_btn" style="margin-left: 6px; ">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</span>
<!-- END switch_twitter_btn -->
<!-- BEGIN switch_fb_likebtn -->
<span id="fb_likebtn" style="margin-left: 6px; ">
<iframe src="https://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:auto; height:21px;" allowTransparency="true"></iframe>
</span>
<!-- END switch_fb_likebtn -->
</p>
</div>

<div class="paged-head clearfix">
<!-- BEGIN topicpagination -->
<p class="paging">{PAGINATION}</p>
<!-- END topicpagination -->
<p class="posting" style="float: right;">
<!-- BEGIN switch_user_authpost -->
<a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>&nbsp;&nbsp;
<!-- END switch_user_authpost -->

<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
<!-- END switch_user_authreply -->
</p>
</div>





<div class="main paged">

{POLL_DISPLAY}
<div class="maintitle">
<p class="h2">
<span class="filterb">{L_MESSAGE} ({PAGE_NUMBER})</span>
</p>
</div>

<div class="ipsBox">
<!-- BEGIN postrow -->
<!-- BEGIN hidden -->
<p class="p-hidden">{postrow.hidden.MESSAGE}</p>
<!-- END hidden -->

<!-- BEGIN displayed -->
<div id="p{postrow.displayed.U_POST_ID}" class="posthead"{postrow.displayed.THANK_BGCOLOR}>
<span style="float:right; font-size: 12px;"><a href="{postrow.displayed.POST_URL}">#{postrow.displayed.COUNT_POSTS}</a></span>
<h4 class="username"><span class="creator">{postrow.displayed.POSTER_NAME}</span> <span style="margin-left: 5px; margin-top: -3px;">{postrow.displayed.ONLINE_IMG}</span></h4>
</div>
<!-- BEGIN first_post_br -->
</div>
<hr id="first-post-br" />
<div class="ipsBox topic">
<!-- END first_post_br -->
<div class="post post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
<a name="{postrow.displayed.U_POST_ID}"></a>
<div class="postmain"{postrow.displayed.THANK_BGCOLOR}>

<div class="postbody"{postrow.displayed.THANK_BGCOLOR}>
<div class="user">
<div class="user-ident">
<h4 class="username" style="display: none">{postrow.displayed.POSTER_NAME}</h4>
<div class="user-basic-info">

<div id="Avatar_For_IPB">
{postrow.displayed.POSTER_AVATAR}
</div>
<br />
<div class="rangos">
{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
</div>
</div>
</div>

<div class="user-info">

<!-- BEGIN profile_field -->
<div class="matd">
<span class="ft">{postrow.displayed.profile_field.LABEL}</span>{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
</div>
<!-- END profile_field -->

{postrow.displayed.POSTER_RPG}
</div>
</div>

<div class="post-entry">
<div class="entry-content">
<p style="color: #a4a4a4; font-size: 12px;">Posted <span class="data-post">{postrow.displayed.POST_DATE_NEW}</span></p>
<div style="line-height: 50%;">&nbsp;</div>
<!-- BEGIN switch_vote_active -->
<div class="vote gensmall">
<!-- BEGIN switch_vote -->
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
<br/><br/><br/><!-- END switch_vote -->
<!-- BEGIN switch_bar -->
<div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
<!-- BEGIN switch_vote_plus -->
<p class="rep_highlight" style="background: none repeat scroll 0 0 #D5DEE5; border-radius: 5px 5px 5px 5px; color: #1D3652; float: right; font-size: 10px; font-weight: bold; margin: -15px -25px; padding: 5px; text-align: center;"> <img style="margin-bottom: 4px;" alt="*" src="https://i.servimg.com/u/f78/18/17/62/92/star_b10.png" /> <br/>POPULAR</p>
<!-- END switch_vote_plus -->
</div>
<!-- END switch_bar -->

</div>
<!-- END switch_vote_active -->
<div>
<div>{postrow.displayed.MESSAGE}</div>
<!-- BEGIN switch_attachments -->
<dl class="attachbox">
<dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
<dd>
<!-- BEGIN switch_post_attachments -->
<dl class="file">
<dt>
<img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />

<!-- BEGIN switch_dl_att -->
<a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
<!-- END switch_dl_att -->

<!-- BEGIN switch_no_dl_att -->
{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
<!-- END switch_no_dl_att -->
</dt>

<!-- BEGIN switch_no_comment -->
<dd>
<em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
</dd>
<!-- END switch_no_comment -->

<!-- BEGIN switch_no_dl_att -->
<dd>
<em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
</dd>
<!-- END switch_no_dl_att -->

<dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
</dl>
<!-- END switch_post_attachments -->
</dd>
</dl>
<!-- END switch_attachments -->
<div class="clear"></div>
</div>
<p class="edit">
{postrow.displayed.EDITED_MESSAGE}
</p>
</div>
</div>
</div>

<!-- BEGIN switch_signature -->
<div class="sig-content">
{postrow.displayed.SIGNATURE_NEW}
</div>
<!-- END switch_signature -->

<div class="postfoot">
<div class="user-contact profile_{postrow.displayed.PROFILE_POSITION}"><br/><br/>
{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
</div>
<div class="post-options profile_{postrow.displayed.PROFILE_POSITION}"><br/><br/>
{postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
</div>
<div style="clear:both;"></div>
</div>
</div>
</div>
<!-- END displayed -->
<!-- END postrow -->
</div>

<div class="main-foot clearfix">
<p class="h2">
<span class="filterb">{L_MESSAGE} ({PAGE_NUMBER})</span>
</p>
<p class="options">
<input type="hidden" name="t" value="{TOPIC_ID}" />

<!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
<input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

<!-- BEGIN viewtopic_bottom -->
{S_TOPIC_ADMIN}
<!-- END viewtopic_bottom -->
</p>
</div>

<a name="bottomtitle"></a>

</div>

<!-- BEGIN promot_trafic -->
<div class="main" id="ptrafic_close" style="display:none">
<div class="main-head clearfix">
<p class="h2">{PROMOT_TRAFIC_TITLE}</p>
<p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></p>
</div>
</div>
<div class="main" id="ptrafic_open" style="display:''">
<div class="main-head clearfix">
<p class="h2">{PROMOT_TRAFIC_TITLE}</p>
<p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></p>
</div>
<div class="main-content clearfix">
<!-- BEGIN link -->
»&nbsp;<a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
<!-- END link -->
</div>
</div>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<div class="main" id="forum_rules">
<div class="main-head clearfix">
<p class="h2">{L_FORUM_RULES}</p>
</div>
<table class="main-content frm">
<tr>
<!-- BEGIN switch_forum_rule_image -->
<td class="logo">
<img src="{RULE_IMG_URL}" />
</td>
<!-- END switch_forum_rule_image -->
<td class="rules entry-content">
{RULE_MSG}
</td>
</tr>
</table>
</div>
<!-- END switch_forum_rules -->

<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}
<!-- END switch_user_logged_in -->

<div id="pun-info" class="main">
<div class="main-content">
<div id="stats">
<p>{L_TABS_PERMISSIONS} <br />{S_AUTH_LIST}</p>
</div>
</div>
</div>

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.post-entry .entry-content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->

<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

<style>
#text_editor_controls {
margin: -10px 0 10px 210px !important;
float: right;
width: 80% !important;
}
.vote .vote-bar {
width: none;
border: none !important;
}
</style>


thnx in advance
by neos
on Mon 07 Mar 2016, 23:45
 
Search in: Garbage
Topic: signature problem and editor problem
Replies: 6
Views: 1126

How to get the frost Footer Forumotion uses

Zed is not dead, Cyan Color #05fff6

Serenity, Purple #9205ff

Ryoshi, Gold #fbbd01

Mizuko, Yellow #e1fb01

Fujin, Dark Blue #4517b8

Krow, Light Blue {not as light as Cyan} #2b3afe

those are the admin

For Mods

Kosovo, Red #d21515

Ean, Grey or white #a4a4a4
by Zed is Not Dead
on Thu 10 Sep 2015, 01:10
 
Search in: Scripts Problems Archives
Topic: How to get the frost Footer Forumotion uses
Replies: 37
Views: 2229

Mobile version background Error

Technical Details

Forum version : #PunBB
Position : Founder
Concerned browser(s) : Safari
Screenshot of problem : https://servimg.com/view/19241541/11
Who the problem concerns : All members
When the problem appeared : 14th June 2015
Forum link : http://www.PanBlaze.com/

Description of problem

CSS Code:


@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');
}
#pun-head {
display: none;
}
#pun-visit.clearfix {
display: none!important;
}
#pun-intro {
display: none;
}

.smalltext {
   font-size: 11px;
}
/*----------[Borrar Subrayados]------------*/
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---------------*/

.ipsType_small {
   font-size: 12px !important;
}

html, body {
   color: #555;
}
body {
   font: 13px helvetica,arial,sans-serif;

}
body {
   background: #EDEDED;
}
.main .main-head {
 margin-top: 8px!important;
}
.main .main-head.collapsed {
border-radius: 4px 4px 4px 4px;
opacity: .2;
}
body {
 font-famiy: Arial!important;
}
.pun-crumbs p {
color: #666;
font-size: 11px;
line-height: 1.5;
margin: 0;
}
.pun {
line-height: 130%;
padding: 5px;
margin: 0 auto;
min-width: 960px;
width: 70%!important;
}
/*header*/
#header_bar {
   background: none repeat scroll 0% 0% #141518;
   padding: 0px;
   text-align: right;
}
#branding, #header_bar, #primary_nav {
   min-width: 980px;
}

#limite, .main_width {
}
#limite, .main_width {
   margin: 0px auto;
   min-width: 960px;
}
#limite, .main_width {
   width: 70% !important;
}

#user_navigation {
   color: #9F9F9F;
   font-size: 11px;
}
#user_navigation.not_logged_in {
   height: 26px;
   padding: 6px 0px 4px;
}
#user_navigation a {
   color: #FFF;
   font-size: 11px;
}
#inbox_link {
   background: url('http://www.tibiaking.com/forum/public/style_images/gris/icon_inbox.png') no-repeat scroll center top transparent;
}
#inbox_link, #notify_link {
   height: 15px;
   padding: 11px 24px 8px 12px;
   position: relative;
   vertical-align: middle;
   width: 18px;
}
#notify_link {
   background: url('http://www.tibiaking.com/forum/public/style_images/gris/icon_notify.png') no-repeat scroll center top transparent;
   margin-right: 11px;
}
.ipsHasNotifications {
   background: none repeat scroll 0% 0% #CF2020;
   border-radius: 2px;
   box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.1) inset;
   color: rgb(255, 255, 255) !important;
   font-size: 9px;
   height: 12px;
   left: -5px;
   line-height: 12px;
   padding: 0px 4px;
   position: absolute;
   text-align: center;
   top: 4px;
}
#user_link_dd, .dropdownIndicator {
   background: url('http://www.tibiaking.com/forum/public/style_images/gris/header_dropdown.png') no-repeat scroll right center transparent;
   display: inline-block;
   height: 5px;
   margin: 1px 0px 1px 1px;
   width: 9px;
}
.right {
   float: right;
}
ol, ul {
   list-style: none outside none;
}

.ipsList_inline > li {
   display: inline-block;
   margin: 0px 3px;

}

.ipsList_inline > li:first-child {
   margin-left: 0px;
}
#header_bar {
   text-align: right;
}
#user_navigation a {
   color: #FFF;
}
.pun a:link , .ipsVerticalTabbed_tabs li a, .cancel, #footer .block li a:hover, .logoText a:hover {
   color: #AC1E37;
}
.pun a:hover {
   color: #555;
}
img, .input_check, .input_radio {
   vertical-align: middle;
}
fieldset, img {
   border: 0px none;
}
#user_navigation #register_link {
   background: none repeat scroll 0% 0% #DF4C2B;
   border-bottom: 4px solid #BE2F11;
   color: #FFF;
   display: inline-block;
   padding: 3px 8px;
}
#user_navigation #register_link {
     background-color: #BF2A45;
   border-bottom: 4px solid #AC1E37;
}


/*branding*/
#branding {
   background: none repeat scroll 0% 0% #28292D;
   min-height: 120px;
}
.logoText {
   font-weight: 300;
   font-size: 28px;
   color: #FFF;
   text-decoration: none;
   line-height: 120px;
}
.logoText a {
   color: #FFF;
}

#search {
   margin: 45px 0px;
}
.logoText a img {
     margin-top: 43px;
}
/*sarch*/
fieldset, img {
   border: 0px none;
}
.hide {
   display: none;
}
#adv_search {
   width: 16px;
   height: 16px;
   background: url('http://demo.themetent.com/public/style_images/flatten/advanced_search.png') no-repeat scroll right 50% transparent;
   text-indent: -3000em;
   display: inline-block;
   margin: 4px 0px 4px 4px;
}
#search_wrap {
   position: relative;
   background: none repeat scroll 0% 0% #FFF;
   display: block;
   padding: 0px 26px 0px 4px;
   height: 26px;
   line-height: 25px;
   border-width: 1px 1px 2px;
   border-style: solid;
   border-color: #F4F2F2;
   -moz-border-top-colors: none;
   -moz-border-right-colors: none;
   -moz-border-bottom-colors: none;
   -moz-border-left-colors: none;
   border-image: none;
   min-width: 230px;
}
#main_search {
   background: none repeat scroll 0px 0px transparent;
   border: 0px none;
   font-size: 13px !important;
   outline: 0px none;
   padding: 0px;
   width: 130px;
   margin-top: 5px;
}
#search_options {
   font-size: 10px;
   height: 20px;
   line-height: 20px;
   margin: 3px 3px 3px 0px;
   padding: 0px 6px;
   border-radius: 3px;
   background: none repeat scroll 0% 0% #EAEAEA;
   display: inline-block;
   float: right;
   max-width: 80px;
   text-overflow: ellipsis;
   overflow: hidden;
}
.clickable {
   cursor: pointer;
}
#search .submit_input {
   background: url('http://demo.themetent.com/public/style_images/flatten/search_icon.png') no-repeat scroll 50% center #ACACAC;
   text-indent: -3000em;
   padding: 0px;
   border: 0px none;
   display: block;
   width: 26px;
   height: 26px;
   position: absolute;
   right: 0px;
   top: 0px;
   bottom: 0px;
}
.maintitle, .buttonRegister, #primary_nav, .general_box h3, .pagination .pages li.active, .pagination .back a:hover, .pagination .forward a:hover, .ipsSideMenu ul li.active a, .ipsVerticalTabbed_tabs li a:hover, .cblock h3.draggable, .popupInner h3, body#ipboard_body fieldset.submit, body#ipboard_body p.submit, #user_navigation #register_link, #footer, #community_app_menu .mega, #more_apps_menucontentul li > a, #community_app_menu div li:hover > a {
   background-color: #BF2A45;
   border-bottom: 4px solid #AC1E37;
}
#primary_nav {
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
   font-size: 13px;
   padding: 4px 0px 0px;
}

#community_app_menu > li > a {
   color: #FFF;
   display: block;
   padding: 13px 15px;
   margin-top: -4px;
}
#community_app_menu .active > a, #more_apps_menucontentul .active > a, #community_app_menu .active:hover > a {
   background-color: rgba(0, 0, 0, 0.2) !important;

color: rgb(255, 255, 255) !important;
}

#community_app_menu > li {
   margin: 0px 3px 0px 0px;
   position: relative;
}
#community_app_menu > li > a {
   color: #FFF;
   display: block;
   padding: 13px 15px;
   margin-top: -4px;
}
#community_app_menu > li.active > a {
   color: #FFF;
   font-weight: bold;
   text-shadow: none;
}
#community_app_menu > li > a:hover {

   color: rgb(255, 255, 255) !important;
   background-color: rgba(0, 0, 0, 0.2) !important;
}
li.socialIcon a > img {
   opacity: 0.4;
   transition: all 0.5s ease-in-out 0s;
   padding: 5px!mportant;
   margin: 4px 3px!important;
}
li.socialIcon a > img:hover {
opacity: 1;
   padding: 5px!mportant;
   margin: 4px 3px!important;
}
/*index_box*/
.main .main-foot, .main .main-head {
     background-color: #BF2A45;
   border-bottom: 4px solid #AC1E37;
   color: #FFF;
   padding: 15px 15px 16px;
   font-size: 16px;
   font-weight: 300;
   text-align: center;
}
.main .main-foot:hover, .main .main-head:hover {
   background: none repeat scroll 0% 0% rgb(172, 172, 172) !important;
   border-bottom: 4px solid #979696;
}
.main .main-head .page-title {
   color: #FFF;
   font-size: 16px;
   font-weight: 300;
   text-align: center;
font-family: Arial;
}
.main .main-head .page-title h2 {
   color: #FFF;
   font-size: 16px;
   font-weight: 300;
   text-align: center;
font-family: Arial;
}
.main .main-head .page-title .h2 {
   color: #FFF;
   font-size: 16px;
   font-weight: 300;
   text-align: center;
font-family: Arial;
}
.pun table.table td.tcr {
   opacity: 0.5;
     -moz-transition: all 0.5s ease-in-out 0s;
   transition: all 0.5s ease-in-out 0s;
     -webkit-transition: all 0.5s ease-in-out 0s;
}
.pun table.table td.tcr:hover {
 opacity: 1;
}
.col_c_stats {
   color: rgb(45, 46, 46) !important;
   text-align: right;
}
.ipsType_small {
   font-size: 12px !important;
}
.mini_ava img:hover {
   border-color: #7D7D7D;

}
.mini_ava {
   float: left;
}
.mini_ava img {
   background: none repeat scroll 0% 0% #FFF;
   border: 1px solid #D5D5D5;
   box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
   height: 36px;
   margin: 0px 10px;
   padding: 1px;
   width: 36px;
}
.table tbody.statused tr td {
background: white;
border: 0;
font-size: 12px;
vertical-align: middle;
}
.pun .main-content {
   padding: 9px;
}
.pun .main-content {
   background: none repeat scroll 0% 0% #FFF;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
   border: transparent;
}

div#dert_to {
     margin-left: 30px;
}
span.escritorio {
   color: #777;
   font-size: 12px !important;
   line-height: 17px;
}
a.forumtitle {

   font-family: Arial;
   font-size: 15px;
   font-weight: 400;
   text-decoration: none;
}
.pun table.table th {
background-color: transparent;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: transparent;
}
/*topic_body*/
.pun .paged-foot, .pun .paged-head {
   background-color: transparent;
   border: 0;
   padding: 0.6em 1.3em 0.3em;
}

.post_block {
   color: #FFF;
   background: none repeat scroll 0% 0% #28292D;
   border-bottom: 4px solid #141518;
   padding: 0px 10px;
   height: 36px;
   line-height: 36px;
   font-weight: normal;
   font-size: 16px;
}
.post_block:hover {
   background: none repeat scroll 0% 0% rgb(172, 172, 172) !important;
   border-bottom: 4px solid #979696;
}
.post_block span.creator a {
   color: rgb(255, 255, 255) !important;
   font-weight: 100 !important;
}
.post_block span.creator a span {
   color: rgb(255, 255, 255) !important;
   font-weight: 100 !important;
}

.desc_post {
   color: #777;
   float: right;
   font-size: 11px;
   margin-right: 17px !important;
   margin-top: -28px;
   text-align: right;
}
.pun .posthead h2 {
   font-family: Arimo,sans-serif;
   font-size: 12px;
}
.pun .posthead {
   background: none repeat scroll 0% 0% transparent;
   border-bottom: 0px none;
   color: #A4A4A4;
   font-size: 12px !important;
   font-weight: 400;
   margin: 0px 10px 0px 0px;
   padding-top: 10px;
}
.pun .postmain {
   background: none repeat scroll 0% 0% #FFF;
   border-left: 0px none;
   height: 100%;
   margin: 0px 0px 0px 175px;
   padding-left: 12px;
   padding-right: 10px;
}
.pun .post .user {
   float: left;
   font-size: 12px;
   padding: 10px 30px;
   text-align: center;
   width: 150px;
}
.user-basic-info a img:hover {
   border-color: #7D7D7D;
}
.user-basic-info a img {
   background: none repeat scroll 0% 0% #FFF;
   border: 1px solid #D5D5D5;
   box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
   max-height: 90px;
   max-width: 90px;
   padding: 1px;
}
.pun .user .user-rank {
   font-size: 12px;
   line-height: 122%;
   margin-top: 6px;
}
.pun .user .user-info {
   color: #A4A4A4;
   font-size: 12px;
   line-height: 19px;
}
.postfoot {
border-bottom: 0;
border-top: 0;
clear: both;
margin-left: -15em;
padding: .5em 1em;
text-align: right;
}
.pun .post {
   background: none repeat scroll 0% 0% #FFF;
 border: 0;
}
 .pun .topic {
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.module.main {
   margin: 0px;
   margin-left: 11px !important;
}
/*widgets*/
#right .module.main .main-head {
   background: none repeat scroll 0px 0px #ACACAC;
   color: #FFF;
   font-family: helvetica,arial,sans-serif;
   font-size: 15px !important;
   font-style: normal;
   font-variant: normal;
   font-weight: 400;
   padding: 7px 12px;
   border-bottom: 2px solid #979696;
   text-align: left;
}
#right .module.main .main-head:hover {
     background: none repeat scroll 0% 0% #3D9E68!important;
border-bottom: 2px solid #3C855C;
}
/**footer**/
.block {
   float: left;
   width: auto;
   padding: 20px 60px 20px 0px;
}
.block h2 {
   color: #FFF;
   padding: 0px 10px 10px 0px;
   font-size: 12pt;
   font-weight: 300;
   border-bottom: 1px solid #F0F0F0;
}
.block li {
   padding-top: 10px;
   color: #FFF;
}
.block a {
   color: #FFF;
}
#footer_utilities {
   background: none repeat scroll 0% 0% #141518;
   padding: 14px;
   font-size: 11px;
   position: relative;
 height: auto!important
}
#footer_utilities .ipsList_inline > li > a {
   color: #FFF;
   margin-right: 0px;
   padding: 4px 10px;
}
#copyright {
   color: #FFF;
   text-align: right;
}
#copyright a {
   color: #FFF;
}

/*css widget stats*/
#stat_esxd .valor_xd {
   display: inline-block;
   background: none repeat scroll 0% 0% #E2E2E2;
   color: #4A4A4A;
   padding: 10px 15px;
   font-weight: bold;
   border-radius: 2px;
   margin: -10px 0px;
   float: right;
}
#stat_esxd li {
   margin-bottom: 10px;
   display: block;
   padding: 10px 0px;
}

.valor_xd a {
   color: #4A4A4A!important;
}
/*index_body*/
.statistics h3 {
   background: none repeat scroll 0% 0% #28292D;
   border-bottom: 4px solid #141518;
   font-size: 16px;
   font-weight: 300;
   padding: 15px 15px 16px;
   color: #FFF;
   margin: -10px -10px 10px;
}
.statistics {
   background: none repeat scroll 0% 0% #FFF;
   margin-top: 20px;
   padding: 10px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
   overflow: hidden;
}
.desc, .desc.blend_links a, p.posted_info {
   font-size: 12px;
   color: #777;
}
.statistics_head {
   font-size: 14px;
   font-weight: bold;
}
#pun-about {
   background-color: transparent;
   border: 0;
   line-height: 150%;
   padding: 0.6em 1em;
   text-align: right;
   font-size: 10px !important;
}
#pun-about #qjump {
   float: left;
   text-align: left;
   display: none;
}
#stats {
   background-color: transparent;
   line-height: 150%;
   padding: 0.6em 1em;
   font-weight: bold !important;
   font-size: 14px;
}
#onlinelist {
   background-color: transparent;
   padding: 0.6em 1em;
   border-top: 0;
}

/*CSS Botón para ir al Panel de administración*/
p#ir_a_pa > strong > a {
     display: inline-block;
   padding: 6px 12px;
   margin-bottom: 0px;
   font-size: 14px;
   font-weight: normal;
   line-height: 1.42857;
   text-align: center;
 vertical-align: middle;
   cursor: pointer;
 border: 1px solid;
   border-radius: 4px;
   color: #FFF;
   background-color: #BF2A45;
   border-color: #AC1E37;
}
p#ir_a_pa > strong > a:active {
 position: relative;
 top: 1px;
}
/*END CSS Botón para ir al Panel de administración*/

/*ranko*/
div#randam {
   inline-block;
   padding: 6px 12px;
   margin-bottom: 0px;
   font-size: 12px;
   font-weight: normal;
   line-height: 1.42857;
   text-align: center;
   white-space: nowrap;
   vertical-align: middle;

   display: inline-block;


   border: 1px solid transparent;
   border-radius: 4px;
   background-color: #D9534F;
   border-color: #D43F3A;
 color: white;
}
.pun .entry-content {
   overflow: hidden;
   padding-bottom: 0.8em;
   width: 100%;
   line-height: 1.6;
}

/*quotes*/
.postmain blockquote {
background-color: #fcfcfc;
border: 1px solid #e3e3e3;
padding: 10px;
color: #9f9f9f;
margin-bottom: 5px;
margin: 0;
}
.postmain cite, blockquote cite {
margin: -11px -11px 8px;
}
blockquote cite {
background: #f2f2f2 url('http://www.skinbox.net/demo/public/style_images/elegant/highlight.png') repeat-x 0 0;
border: 1px solid #e3e3e3;

font-size: 12px;
overflow-x: auto;
padding: 8px 10px;
color: #535353;
text-shadow: rgba(255,255,255,1) 0px 1px 0px;
}
.codebox {
background: #FCFCFC;
border: 1px solid #dde5ed;
font-size: 11px;
line-height: 170%;
overflow: auto;
padding: 5px;
margin-bottom: 5px;
margin: 0;
}
.codebox dd.cont_code {
max-height: 200px;
overflow: auto;
}
.codebox dt {
border-bottom: 0;
}
.codebox dd {
background-color: transparent;
margin: .5em;
padding: .5em;
}
td.tcr span a:empty:before {
color: #a4a4a4;
content: "No posts to view.";
cursor: default;
font-style: italic;
margin: 1px 0 4px 8px;
pointer-events: none;
text-align: center;
word-wrap: break-word;
}
/*widget stay conected*/
#links_sociales img, #links_sociales {
 display: inline-block;
opacity: 0.7;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
padding: 5px;
}
#links_sociales {
 padding: 0px;
}
#links_sociales:hover {
background: #D1D1D1;
}
#links_sociales img:hover {
 opacity: 1;
}
/*tabs*/
#tabs ul li a {
background-color: #fff;
border: 1px solid #DBDBDB;
float: left;
margin-bottom: -8px;
font-weight: 400;
line-height: 2em;
padding: 0 1em;
text-decoration: none;
color: #353535;
font-size: 12px;
}
#tabs ul li.activetab a {
background-color: #bf2a45!important;
border: 1px solid #831427!important;
color: #FFFFFF;
text-decoration: none;
}

/*edits por mindlezz xD*/
#profile-advanced-right .main-head .h3 em {
-moz-border-radius: 3px!important;
-webkit-border-radius: 3px!important;
background-color: #7ba60d!important;
background-image: url(https://i.imgur.com/EHGpChd.png)!important;
background-position: 0 -1px!important;
background-repeat: repeat-x!important;
border-radius: 3px!important;
color: #fff!important;
cursor: default!important;
font-size: 9px!important;
font-weight: 700!important;
height: 16px!important;
line-height: 16px!important;
padding: 3px 5px!important;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0!important;
text-transform: uppercase!important;
 cursor: pointer!important;
}
#profile-advanced-right .main-content.clearfix.center img:first-child {
width: 138px;
height: 138px;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}

/*END edits por mindlezz xD*/

/*css chatbox*/

#chatbox_header.main-head {
background-color: #BF2A45;
border-bottom: 4px solid #AC1E37;
box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
font-size: 13px;
padding: 4px 0 0;
color: white;
line-height: 9px;
}
#chatbox_members {
background: #FFFFFF;
border-right: 1px solid rgba(151, 150, 150, 0.28);
overflow: auto;
position: absolute;
}
.chatbox-title {
float: left;
font-family: Lato;
margin: 3px 0 0;
padding: 2px 5px 0;
width: 15em;
}
.chatbox-title, .chatbox-title a.chat-title {
color: #FFFFFF;
text-decoration: none;
}
#chatbox p span[style="color;"], #chatbox p span[style="color;"] {
background: rgba(250,250,210,0.07);
border-radius: 2px;
padding: 1px;
}
#chatbox p {
background: #FFF;
background-position: bottom;
border-top: solid 1px rgba(203, 203, 203, 0.28);
border-bottom: 1px solid rgba(252, 252, 252, 0.75);
color: #646464;
font-size: 11px;
line-height: 1.2em;
}
#chatbox p {
line-height: 1.2em;
}
.chatbox-options {
float: right;
list-style: none;
margin: 2px 0px 5px 0px;
color: white!important;
}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: #FFFFFF;
}
#chatbox_members .member-title.online {
background: #3D9E68!important;
color: #FFF;
border: 1px solid #3C855C;
border-top: 0;
font-size: 12px;
padding: .5em .25em;
text-align: center;
box-shadow: inset 0px 1px 2px rgba(255, 255, 255, 0.42);
font-weight: 100!important;
}
#chatbox_members .member-title.away {
background: #ACACAC!important;
color: #FFF;
border: 1px solid #979696;
border-top: 0;
font-size: 12px;
padding: .5em .25em;
text-align: center;
box-shadow: inset 0px 1px 2px rgba(255, 255, 255, 0.42);
font-weight: 100!important;
}
#chatbox_footer {
-webkit-box-shadow: inset rgba(255, 255, 255, 1) 0 0 0 1px;
background: #eee url(http://www.themefreak.net/demo/themes/Sleek/tcat.png) repeat-x;
border: solid 1px #cbcbcb;
display: block!important;
height: 32px;
left: 0;
padding: 0;
position: absolute;
right: 0;
}
#chatbox_messenger_form {
margin: 5px 20px 0;
}
#chatbox_messenger_form #message {
background: rgba(83,80,80,.Cool;
border: 0;
border-radius: 3px;
color: #fff;
padding: 2px 2px 2px 5px;
}
#chatbox_messenger_form #message {
box-shadow: inset rgba(248, 248, 248, 1) 0 0 0 1px;
background: rgba(255, 255, 255, 0.Cool;
border-radius: 3px;
color: #fff;
padding: 2px 2px 2px 5px;
border: 1px solid #E1E3E5!important;
}
#submit_button {
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
background: #28292d;
border-bottom: 2px solid #141518;
border-left: 0;
border-right: 0;
border-top: 0;
color: #fff;
display: inline-block;
font-size: 12px;
padding: 4px 6px;
white-space: nowrap;
}
#submit_button:hover {
 background: #acacac;
border-bottom: 2px solid #979696;
color: #fff;
}

#avatar img {
     max-width: 28px;
   margin: 4px;
   vertical-align: middle;
}
.logged_in {
     height: 35px;
}
#pun-visit, .main-box {
   background-color: transparent;
   border: 0;
   font-size: 11px;
 display: none;
}




Hi, I installed a theme and its working completely fine on Computer but not working properly on Mobile.

I tried replacing code to the orignal one then it was working fine but when i am updating new CSS Code, it seems error in bacground.

Humble request guys, can someone guide me with proper script for mobile version.

Regards
by DadyKing
on Mon 15 Jun 2015, 07:44
 
Search in: Garbage
Topic: Mobile version background Error
Replies: 4
Views: 7558

Back to top

Jump to: