Nova Typo

SteveX
@ultrajam
12 years ago
2,589 posts

In the Nova skin settings help for Auto Play:

"Enabling this option will turn on your players auto playe feature."

--
¯\_(ツ)_/¯ Education, learning resources, TEL, AR/VR/MR, CC licensed content, panoramas, interactive narrative, sectional modules (like jrDocs), lunch at Uni of Bristol. Get in touch if you share my current interests or can suggest better :)
updated by @ultrajam: 12/13/13 07:57:34PM

SteveX
@ultrajam
12 years ago
2,589 posts

Also, the spotlight ids help reads:

"Enter the 6 artist ID's you want to show in top spotlight section."

I can only see 4 artists in the top spotlight when 6 ids are set. Not sure if that is a typo or if 6 artists should show.

And the Featured Artists, Songs and Videos help says 3 will show, but I see 4.

"Note: Enter up to 3 ID's separated by a comma. ie. 1,2,3. If left blank the Featured Artist tab will show 3 random artists."

--
¯\_(ツ)_/¯ Education, learning resources, TEL, AR/VR/MR, CC licensed content, panoramas, interactive narrative, sectional modules (like jrDocs), lunch at Uni of Bristol. Get in touch if you share my current interests or can suggest better :)
updated by @ultrajam: 10/21/13 02:55:50AM

@douglas
12 years ago
2,807 posts

Thanks Steve,

I've got this fixed and will add it to GIT, Brian will have to update the files here.

--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos

SteveX
@ultrajam
12 years ago
2,589 posts

Line 153 of jrNova header.tpl has an incorrectly nested tag:

                            <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>

It should be:

</span></a>

--
¯\_(ツ)_/¯ Education, learning resources, TEL, AR/VR/MR, CC licensed content, panoramas, interactive narrative, sectional modules (like jrDocs), lunch at Uni of Bristol. Get in touch if you share my current interests or can suggest better :)
updated by @ultrajam: 11/02/13 06:05:21AM

@douglas
12 years ago
2,807 posts

Thanks Steve, I'll get that fixed up.

--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos

SteveX
@ultrajam
12 years ago
2,589 posts

Line 147 of Nova index.tpl, the image tag needs an alt attribute to pass validation:

<img src="{$jamroom_url}/modules/jrCore/img/icons_black/plus.png" width="24" height="24">

--
¯\_(ツ)_/¯ Education, learning resources, TEL, AR/VR/MR, CC licensed content, panoramas, interactive narrative, sectional modules (like jrDocs), lunch at Uni of Bristol. Get in touch if you share my current interests or can suggest better :)

SteveX
@ultrajam
12 years ago
2,589 posts

There is a div in the main menu which doesn't pass validation - divs aren't valid within a list outside of list items.

I've "fixed" this (quick fix, not looked at the media queries, not tested across browsers) by doing the following:
Split the mainmenu into two lists with class="xmenu", the div id="menu_content_right" wraps the second list.
Changed the core_menu.css to use .xmenu rather than #menu
Commented out .xmenu:after clear: both;

Nova header.tpl

{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');">&nbsp;&nbsp;admin skin notes&nbsp;&nbsp;</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"}&nbsp;{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 -->

core_menu.css:

/* @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;
}

--
¯\_(ツ)_/¯ Education, learning resources, TEL, AR/VR/MR, CC licensed content, panoramas, interactive narrative, sectional modules (like jrDocs), lunch at Uni of Bristol. Get in touch if you share my current interests or can suggest better :)
updated by @ultrajam: 11/02/13 06:47:55AM

@douglas
12 years ago
2,807 posts

Thanks Steve,

I'm actually in the process of reworking the Nova skin so I'll get this fixed up.

--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos

Nova Typo

Tags