Profile forum layout glitch
Using Jamroom
In that screenshot, the General category counts is too far to the left, and the announcements thread has been visited several times but still shows as having new posts.
{jrCore_include template="meta.tpl"}
<body xmlns="http://www.w3.org/1999/html">
<a id="top"></a>
<div id="wrapper">
<div id="content">
<div class="outer mb8">
<div class="inner mb8 logo">
<div class="container">
{* Logo *}
<div class="row">
<div class="col5">
<div id="main_logo">
<a href="{$jamroom_url}">{jrCore_image image="logo.png" width="325" height="75" class="img_scale" alt=$_conf.jrCore_system_name style="max-width:325px;max-height:75px;"}</a>
</div>
</div>
<div class="col7 last">
<div class="top_ad">
{if $_conf.jrNova_ads_off != 'on'}
{if isset($_conf.jrNova_google_ads) && $_conf.jrNova_google_ads == 'on'}
<script type="text/javascript"><!--
google_ad_client = "{$_conf.jrNova_google_id}";
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = "468x60_as";
google_ad_type = "text_image";
google_ad_channel ="";
google_color_border = "CCCCCC";
google_color_bg = "CCCCCC";
google_color_link = "FF9900";
google_color_text = "333333";
google_color_url = "333333";
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
{elseif isset($_conf.jrNova_top_ad) && strlen($_conf.jrNova_top_ad) > 0}
{$_conf.jrNova_top_ad}
{else}
<a href="http://www.jamroom.net/" target="_blank"><img src="http://www.jamroom.net/media/img/jr_468x60_banner_1.gif" width="468" height="60" alt="Get Jamroom!" class="img_scale" style="max-width:468px;max-height:60px;"></a>
{/if}
{/if}
</div>
</div>
</div>
</div>
</div>
{* Menu *}
<div class="menu_inner">
<div id="menu_content">
<nav id="menu-wrap">
<ul class="xmenu">
{if $_conf.jrCore_maintenance_mode != 'on' || jrUser_is_master() || jrUser_is_admin()}
<li{if isset($selected) && $selected == 'home'} style="background-color:#F7DD4F;"{/if}><a href="{$jamroom_url}">{jrCore_lang skin=$_conf.jrCore_active_skin id="1" default="home"}</a></li>
{if jrCore_module_is_active('jrCharts')}
<li{if isset($selected) && $selected == 'charts'} style="background-color:#F7DD4F;"{/if}><a href="{$jamroom_url}/song_chart">{jrCore_lang skin=$_conf.jrCore_active_skin id="27" default="charts"}</a></li>
{/if}
<li{if isset($selected) && $selected == 'artists'} style="background-color:#F7DD4F;"{/if}><a href="{$jamroom_url}/artists">{jrCore_lang skin=$_conf.jrCore_active_skin id="12" default="artists"}</a></li>
<li{if isset($selected) && $selected == 'songs'} style="background-color:#F7DD4F;"{/if}><a href="{$jamroom_url}/songs">{jrCore_lang skin=$_conf.jrCore_active_skin id="13" default="songs"}</a></li>
{if jrCore_module_is_active('jrSoundCloud')}
<li{if isset($selected) && $selected == 'soundcloud'} style="background-color:#F7DD4F;"{/if}><a href="{$jamroom_url}/sound_cloud">{jrCore_lang skin=$_conf.jrCore_active_skin id="61" default="SoundCloud"}</a></li>
{/if}
<li{if isset($selected) && $selected == 'videos'} style="background-color:#F7DD4F;"{/if}><a href="{$jamroom_url}/videos">{jrCore_lang skin=$_conf.jrCore_active_skin id="14" default="videos"}</a></li>
{if jrCore_module_is_active('jrYouTube')}
<li{if isset($selected) && $selected == 'youtube'} style="background-color:#F7DD4F;"{/if}><a href="{$jamroom_url}/you_tube">{jrCore_lang skin=$_conf.jrCore_active_skin id="15" default="YouTube"}</a></li>
{/if}
{if jrCore_module_is_active('jrVimeo')}
<li{if isset($selected) && $selected == 'vimeo'} style="background-color:#F7DD4F;"{/if}><a href="{$jamroom_url}/vimeo_videos">{jrCore_lang skin=$_conf.jrCore_active_skin id="63" default="Vimeo"}</a></li>
{/if}
<li{if isset($selected) && $selected == 'events'} style="background-color:#F7DD4F;"{/if}><a href="{$jamroom_url}/concerts">{jrCore_lang skin=$_conf.jrCore_active_skin id="30" default="concerts"}</a></li>
{if isset($_conf.jrNova_member_quota) && $_conf.jrNova_member_quota > 0}
<li{if isset($selected) && $selected == 'members'} style="background-color:#F7DD4F;"{/if}><a href="{$jamroom_url}/members">{jrCore_lang skin=$_conf.jrCore_active_skin id="58" default="Members"}</a></li>
{/if}
{if jrCore_module_is_active('jrVimeo')}
<li{if isset($selected) && $selected == 'blogs'} style="background-color:#F7DD4F;"{/if}><a href="{$jamroom_url}/blogs">{jrCore_lang skin=$_conf.jrCore_active_skin id="93" default="Blogs"}</a></li>
{/if}
{* Add additional menu categories here *}
{* Add in Cart link if jrFoxyCart module is installed *}
{if jrCore_module_is_active('jrFoxyCart') && strlen($_conf.jrFoxyCart_api_key) > 0}
<li>
<a href="{$_conf.jrFoxyCart_store_domain}/cart?cart=view">{jrCore_lang skin=$_conf.jrCore_active_skin id="40" default="cart"}</a>
<span id="fc_minicart"><span id="fc_quantity"></span></span>
</li>
{/if}
{if jrCore_module_is_active('jrSearch')}
<li id="search_link"><a onclick="jrSearch_modal_form();" title="Site Search"><span class="capital">{jrCore_lang skin=$_conf.jrCore_active_skin id="24" default="search"}</span></a></li>
{/if}
{/if}
</ul>
<div id="menu_content_right">
<ul class="xmenu">
{if jrUser_is_logged_in()}
{if jrUser_is_admin()}
<li><a href="{$jamroom_url}/{jrCore_module_url module="jrCore"}/dashboard">{jrCore_lang skin=$_conf.jrCore_active_skin id="17" default="dashboard"}</a></li>
{/if}
{if jrUser_is_master()}
{jrCore_module_url module="jrCore" assign="core_url"}
{jrCore_get_module_index module="jrCore" assign="url"}
<li>
<a href="{$jamroom_url}/{$core_url}/admin/global">{jrCore_lang skin=$_conf.jrCore_active_skin id="26" default="ACP"}</a>
<ul>
<li>
<a href="{$jamroom_url}/{$core_url}/admin/tools">{jrCore_lang skin=$_conf.jrCore_active_skin id="65" default="System Tools"}</a>
<ul>
<li><a href="{$jamroom_url}/{$core_url}/{$url}">{jrCore_lang skin=$_conf.jrCore_active_skin id="78" default="Activity Logs"}</a></li>
<li><a href="{$jamroom_url}/{$core_url}/cache_reset">{jrCore_lang skin=$_conf.jrCore_active_skin id="79" default="Reset Cache"}</a></li>
<li><a href="{$jamroom_url}/{jrCore_module_url module="jrImage"}/cache_reset">{jrCore_lang skin=$_conf.jrCore_active_skin id="92" default="Reset Image Cache"}</a></li>
<li><a href="{$jamroom_url}/{$core_url}/integrity_check">{jrCore_lang skin=$_conf.jrCore_active_skin id="80" default="Integrity Check"}</a></li>
<li><a href="{$jamroom_url}/{$core_url}/system_check">{jrCore_lang skin=$_conf.jrCore_active_skin id="84" default="System Check"}</a></li>
<li><a href="{$jamroom_url}/{jrCore_module_url module="jrBanned"}/browse">{jrCore_lang skin=$_conf.jrCore_active_skin id="81" default="Banned Items"}</a></li>
<li><a href="{$jamroom_url}/{$core_url}/skin_menu">{jrCore_lang skin=$_conf.jrCore_active_skin id="82" default="Skin Menu Editor"}</a></li>
<li><a href="{$jamroom_url}/{jrCore_module_url module="jrSitemap"}/admin/tools">{jrCore_lang skin=$_conf.jrCore_active_skin id="83" default="Create Sitemap"}</a></li>
</ul>
</li>
<li>
{jrCore_module_url module="jrProfile" assign="purl"}
{jrCore_module_url module="jrUser" assign="uurl"}
<a href="{$jamroom_url}/{$purl}/admin/tools">{jrCore_lang skin=$_conf.jrCore_active_skin id="101" default="Users"}</a>
<ul>
<li><a href="{$jamroom_url}/{$purl}/quota_browser">{jrCore_lang skin=$_conf.jrCore_active_skin id="96" default="Profile Quota Browser"}</a></li>
<li><a href="{$jamroom_url}/{$purl}/browser">{jrCore_lang skin=$_conf.jrCore_active_skin id="99" default="Profile Browser"}</a></li>
<li><a href="{$jamroom_url}/{$uurl}/browser">{jrCore_lang skin=$_conf.jrCore_active_skin id="97" default="User Accounts"}</a></li>
<li><a href="{$jamroom_url}/{$uurl}/online">{jrCore_lang skin=$_conf.jrCore_active_skin id="100" default="Who's Online"}</a></li>
</ul>
</li>
<li>
<a href="{$jamroom_url}/{$core_url}/skin_admin/global/skin=jrNova">{jrCore_lang skin=$_conf.jrCore_active_skin id="102" default="Skin Settings"}</a>
<ul>
<li><a onclick="popwin('{$jamroom_url}/skins/{$_conf.jrCore_active_skin}/readme.html','readme',600,500,'yes');"> admin skin notes </a></li>
</ul>
</li>
</ul>
</li>
{/if}
{else}
{if $_conf.jrCore_maintenance_mode != 'on' && $_conf.jrUser_signup_on == 'on'}
<li><a href="{$jamroom_url}/{jrCore_module_url module="jrUser"}/signup"><span class="capital">{jrCore_lang skin=$_conf.jrCore_active_skin id="2" default="create"} {jrCore_lang skin=$_conf.jrCore_active_skin id="3" default="account"}</a></span></li>
{/if}
<li><a href="{$jamroom_url}/{jrCore_module_url module="jrUser"}/login"><span class="capital">{jrCore_lang skin=$_conf.jrCore_active_skin id="6" default="login"}</a></span></li>
{/if}
{if jrUser_is_logged_in()}
<li>
<a href="{$jamroom_url}/{jrUser_home_profile_key key="profile_url"}">{jrUser_home_profile_key key="profile_name"}</a>
<ul>
{jrCore_skin_menu template="menu.tpl" category="user"}
</ul>
</li>
{/if}
</ul>
</div>
</nav>
{* This is the search form - shows as a modal window when the search icon is clicked on *}
<div id="searchform" class="search_box" style="display:none;">
{jrSearch_form class="form_text" value="Search Site" style="width:70%"}
<div style="float:right;clear:both;margin-top:3px;">
<a class="simplemodal-close">{jrCore_icon icon="close" size="16"}</a>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
{if isset($spotlight) && $spotlight == 'yes'}
<div class="outer mb8">
<div class="inner" style="padding-left:0;">
{if isset($_conf.jrNova_spotlight_ids) && strlen($_conf.jrNova_spotlight_ids) > 0}
{if isset($_conf.jrNova_require_images) && $_conf.jrNova_require_images == 'on'}
{if isset($_conf.jrNova_artist_quota) && $_conf.jrNova_artist_quota > 0}
{jrCore_list module="jrProfile" order_by="_profile_id asc" limit="4" search1="_profile_id in `$_conf.jrNova_spotlight_ids`" search2="profile_active = 1" search3="profile_quota_id in `$_conf.jrNova_artist_quota`" template="index_spotlight_artist.tpl" require_image="profile_image"}
{else}
{jrCore_list module="jrProfile" order_by="_profile_id asc" limit="4" search1="_profile_id in `$_conf.jrNova_spotlight_ids`" search2="profile_active = 1" template="index_spotlight_artist.tpl" require_image="profile_image"}
{/if}
{else}
{if isset($_conf.jrNova_artist_quota) && $_conf.jrNova_artist_quota > 0}
{jrCore_list module="jrProfile" order_by="_profile_id asc" limit="4" search1="_profile_id in `$_conf.jrNova_spotlight_ids`" search2="profile_active = 1" search3="profile_quota_id in `$_conf.jrNova_artist_quota`" template="index_spotlight_artist.tpl"}
{else}
{jrCore_list module="jrProfile" order_by="_profile_id asc" limit="4" search1="_profile_id in `$_conf.jrNova_spotlight_ids`" search2="profile_active = 1" template="index_spotlight_artist.tpl"}
{/if}
{/if}
{else}
{if isset($_conf.jrNova_require_images) && $_conf.jrNova_require_images == 'on'}
{if isset($_conf.jrNova_artist_quota) && $_conf.jrNova_artist_quota > 0}
{jrCore_list module="jrProfile" order_by="_profile_id numerical_desc random" search1="profile_quota_id in `$_conf.jrNova_artist_quota`" limit="4" template="index_spotlight_artist.tpl" require_image="profile_image"}
{else}
{jrCore_list module="jrProfile" order_by="_profile_id numerical_desc random" limit="4" template="index_spotlight_artist.tpl" require_image="profile_image"}
{/if}
{else}
{if isset($_conf.jrNova_artist_quota) && $_conf.jrNova_artist_quota > 0}
{jrCore_list module="jrProfile" order_by="_profile_id numerical_desc random" search1="profile_quota_id in `$_conf.jrNova_artist_quota`" limit="4" template="index_spotlight_artist.tpl"}
{else}
{jrCore_list module="jrProfile" order_by="_profile_id numerical_desc random" limit="4" template="index_spotlight_artist.tpl"}
{/if}
{/if}
{/if}
</div>
</div>
{/if}
<div class="outer mb8">
{if !isset($no_inner_div)}
<div class="inner">
{/if}
<!-- end header.tpl -->
/* @title Inner Div */
/* @help This is the inner div */
.menu_inner {
background-color:#949799;
padding:0;
height:39px;
margin:0;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
#menu_content {
position:relative;
top:-12px;
padding:0;
margin:0;
}
#menu_content_right {
float:right;
padding:0;
margin-right:4px;
}
/* Main menu */
.xmenu, .xmenu ul {
margin: 0;
padding: 0;
list-style: none;
}
.xmenu {
margin: 0 auto;
}
.xmenu:before, .xmenu:after {
content: "";
display: table;
}
/*
.xmenu:after {
clear: both;
}
*/
.xmenu {
zoom:1;
}
.xmenu li {
float: left;
position: relative;
background:#C5C9CC;
padding:6px;
margin:3px 0 3px 4px;
outline:none;
border:none;
text-align:center;
text-transform:capitalize;
font-size:14px;
color:#000;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
color:#000;
}
.xmenu li:hover {
background:#F7DD4F;
}
.xmenu li:first-child {
border-right: 0;
}
.xmenu a {
float: left;
padding:0;
color: #000;
text-decoration: none;
}
.xmenu li:hover > a {
text-decoration: none;
}
*html .xmenu li a:hover { /* IE6 only */
color: #ccc;
text-decoration: none;
}
.xmenu li:hover > ul {
display: block;
}
/* Sub-menu */
.xmenu ul {
margin: 0;
_margin: 0; /*IE6 only*/
opacity: 0;
visibility: hidden;
position: absolute;
top: 30px;
left:-45px;
z-index: 99999;
background:transparent;
border:0;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.xmenu li:hover > ul {
opacity: 1;
visibility: visible;
margin: 0;
}
.xmenu ul ul {
top: 0;
left: -100px;
margin: 0;
_margin: 0; /*IE6 only*/
box-shadow: none;
}
.xmenu ul li {
float: none;
display: block;
right:35px;
border: 0;
margin:0\0/IE8+9;
_line-height: 0; /*IE6 only*/
box-shadow: 0 1px 0 #111, 0 2px 0 #666;
}
.xmenu ul li:last-child {
box-shadow: 0 1px 0 #111, 0 2px 0 #666;
}
.xmenu ul a {
padding:0;
_height: 10px; /*IE6 only*/
display: block;
white-space: nowrap;
float: none;
text-transform: capitalize;
}
.xmenu ul a:hover {
background-color: #F7DD4F;
color:#000;
}
.xmenu ul li:first-child > a {
border-radius: 3px;
}
.xmenu ul li:first-child > a:after {
content: '';
position: absolute;
right: 5px;
top: -6px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #465157;
}
.xmenu ul ul li:first-child a:after {
right: -6px;
top: 50%;
margin-top: -6px;
border-left: 6px solid #465157;
border-bottom: 6px solid transparent;
border-top: 6px solid transparent;
border-right:0;
}
.xmenu ul li:first-child a:hover:after {
border-bottom-color: #465157;
}
.xmenu ul ul li:first-child a:hover:after {
border-left-color: #465157;
border-bottom-color: #F7DD4F;
}
.xmenu ul li:last-child > a {
border-radius: 0 0 3px 3px;
}
#menu-trigger { /* Hide it initially */
visibility:hidden;
}
@media screen and (max-width: 768px) {
.menu_inner {
background-color:#949799;
padding:0;
height:50px;
}
#menu_content {
width:75%;
position:inherit;
top:0;
display:block;
float:none;
margin-left:auto; /* @ignore */
margin-right:auto; /* @ignore */
height:100%; /* @ignore */
padding:6px 15px 12px 15px;
}
#menu_content_right {
float:none;
margin-right:0;
}
#menu-wrap {
position: relative;
}
#menu-wrap * {
box-sizing: border-box;
}
#menu-trigger {
visibility:visible;
display: block; /* Show it now */
height: 36px;
line-height: 36px;
cursor: pointer;
padding: 0 0 0 35px;
border: 0;
color: #000;
font-weight: bold;
text-transform:capitalize;
background-color: #C5C9CC;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, -moz-linear-gradient(#C5C9CC, #CCC);
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, -webkit-linear-gradient(#C5C9CC, #CCC);
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, -o-linear-gradient(#C5C9CC, #CCC);
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, -ms-linear-gradient(#C5C9CC, #CCC);
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, linear-gradient(#C5C9CC, #CCC);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
}
#menu {
background-color:#465157;
margin: 0; padding: 10px;
position: absolute;
top: 40px;
width: 100%;
z-index: 1;
display: none;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
box-shadow: none;
}
#menu:after {
content: '';
position: absolute;
left: 25px;
top: -8px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #465157;
}
#menu ul {
position: static;
visibility: visible;
opacity: 1;
margin: 0;
background: none;
box-shadow: none;
}
#menu ul ul {
margin: 0 0 0 20px !important;
box-shadow: none;
}
#menu li {
position: static;
display: block;
float: none;
border: 0;
margin: 5px;
box-shadow: none;
}
#menu ul li{
background-color:transparent;
margin-left:0;
box-shadow: none;
}
#menu a{
display: block;
float: none;
padding: 0;
color: #000;
}
#menu a:hover{
color: #000;
}
#menu ul a{
padding: 0;
width: auto;
}
#menu ul a:hover{
background: none;
}
#menu ul li:first-child a:after,
#menu ul ul li:first-child a:after {
border: 0;
}
#menu ul li:last-child {
box-shadow:none;
}
}
/* iPad */
.no-transition {
transition: none;
opacity: 1;
visibility: visible;
display: none;
}
#menu li:hover > .no-transition {
display: block;
}
<img src="{$jamroom_url}/modules/jrCore/img/icons_black/plus.png" width="24" height="24">
<li><a href="{$jamroom_url}/{jrCore_module_url module="jrUser"}/login"><span class="capital">{jrCore_lang skin=$_conf.jrCore_active_skin id="6" default="login"}</a></span></li>
</span></a>
{if jrUser_in_quota(19)}
<li><a href="{$jamroom_url}/site">Mixposure site</a></li>
{/if}