_black suffix on submenus provides black text on black

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
stuartiannaylor Friend

stuartiannaylor
Join date:
June 2010
Posts:
3
Downloads:
0
Uploads:
0

July 3, 2010 at 12:51 am #152248

Hi the top menus are perfect but the menu situated in the ‘left’ are invisible due to being black text on a black background.

I have been banging my head with the css file and can change the parent item colour but can’t seem to get the sub items to change.

Any help would be much appreciated.

Hey thanks for an excellent free template. When things get moving I will look into using one of your commercial ones.

micrantha Friend

micrantha
Join date:
May 2007
Posts:
465
Downloads:
0
Uploads:
6

Thanks:

6

Thanked:

158 times in 148 posts

July 4, 2010 at 10:20 am #348886

Hello,
Are you missing some lines in your file template.css?
In default template I see these lines:

/* text color for high contrast module */ div.module_black *, div.module_green *, div.module_blue *, div.module_red * { color: #fff !important; }

This gives white text color for black module, for toplevel and sublevel menu-items.

Regards,
Micrantha

stuartiannaylor Friend

stuartiannaylor
Join date:
June 2010
Posts:
3
Downloads:
0
Uploads:
0

July 4, 2010 at 1:45 pm #348899

/*
#————————————————————————
JA Purity II for Joomla 1.5
#————————————————————————
#Copyright (C) 2004-2009 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
#@license – GNU/GPL, http://www.gnu.org/copyleft/gpl.html
#Author: J.O.O.M Solutions Co., Ltd
#Websites: http://www.joomlart.com – http://www.joomlancers.com
#————————————————————————
*/

/* COMMON STYLE
——————————————————— */
body {
background: #fff;
color: #000;
font-family: “Segoe UI”, Arial, Helvetica, sans-serif;
line-height: 1.5;
}

body#bd { background: #fff; color: #333; }

body.fs1 { font-size: 10px; }
body.fs2 { font-size: 11px; }
body.fs3 { font-size: 12px; }
body.fs4 { font-size: 13px; }
body.fs5 { font-size: 14px; }
body.fs6 { font-size: 15px; }

/* Normal links —*/
a { color: #069; text-decoration: underline; }

a:hover, a:active, a:focus { color: #333; text-decoration: underline; }

/* Readon links —*/
a.readon {
background: url(../images/arrow.png) no-repeat 5px 48%;
border: 1px solid #F6F6F6;
font-weight: bold;
padding: 1px 5px 1px 14px;
text-decoration: none;
text-transform: uppercase;
}

a.readon:hover, a.readon:active, a.readon:focus { background-color: #fff; border: 1px solid #ccc; }

/* Content spacing —*/
.column p, .column pre, .column blockquote,
.column h1, .column h2, .column h3, .column h4, .column h5, .column h6,
.column ol, .column ul { margin: 15px 0; padding: 0; }

/* Headings & Titles —*/
h1 { font-size: 180%; }
h2 { font-size: 150%; }
h3 { font-size: 125%; }
h4 { font-size: 100%; text-transform: UPPERCASE; }
h5 { font-size: 100%; }

.contentheading, .componentheading, h1, h2, h3, h4, h5 {
font-family: “Segoe UI”, Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 1.2;
}

h1.componentheading, .componentheading { margin: 0; padding: 0 0 7px; }

.componentheading {
border-bottom: 1px solid #ccc;
font-size: 180%;
}

h2.contentheading, .contentheading { margin: 0; padding: 0 0 7px; }

.contentheading { font-size: 200%; }

.blog .contentheading { font-size: 125%; }

a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus { font-weight: bold; }

.category { font-size: 110%; font-weight: bold; }

/* Small text —*/
small, .small, .smalldark, .createby, .createdate, .modifydate, .img_caption, .contenttoc,
p.site-slogan, a.readon, .ja-navhelper, #ja-footer { font-size: 92%; }

small, .small { color: #999; }

.smalldark { text-align: left; }

/* List —*/
.column ul li {
background: url(../images/bullet.gif) no-repeat 20px 7px;
line-height: 160%;
margin-bottom: 5px;
overflow: hidden;
padding-left: 30px;
}

.column ol li { line-height: 180%; margin-left: 30px; }

/* Others —*/
th { font-weight: bold; padding: 5px; text-align: left; }

td { font-size: 100%; padding: 5px; }

fieldset { border: none; padding: 10px 5px; }

fieldset a { font-weight: bold; }

fieldset.input { padding: 0; }

hr {
border-bottom: 0;
border-left: 0;
border-right: 0;
border-top: 1px solid #ccc;
height: 1px;
}

/* FORM
——————————————————— */
form label { cursor: pointer; }

input, select, textarea, .inputbox {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 100%;
padding: 3px 5px;
}

.inputbox { background: #fff; border: 1px solid #ccc; }

.inputbox:hover, .inputbox:focus { background: #FFFFCC; }

.button {
background: url(../images/grad1.gif) repeat-x top #333;
border: 1px solid #333;
color: #ccc;
font-size: 85%;
padding: 3px 5px;
text-transform: uppercase;
}

.button:hover, .button:focus {
background: #333;
border: 1px solid #999;
color: #fff;
}

.checkbox { }

.radio { margin: 0 5px; }

/* Login —*/
.login_form fieldset { padding: 15px 0 0; }
.login_form fieldset p { margin: 0 0 5px; }

.login_form label {
font-weight: bold;
text-align: right;
display: block;
float: left;
width: 130px;
}

.login_form .inputbox { margin-left: 10px; width: 150px; }

.login_form .remember .inputbox {
width: 20px;
}

.login_form .button { margin-left: 140px; }

/* Register —*/
.form-register fieldset { padding: 0 0 10px; }

.form-register p { margin: 0 0 5px; }

.form-register p.form-des { margin: 15px 0; }

.form-register label {
font-weight: bold;
text-align: right;
display: block;
float: left;
width: 130px;
}

.form-register .inputbox { margin-left: 10px; width: 200px; }

.form-register .button { margin-left: 140px; }

/* User —*/
.user-details { padding: 10px 0; }

.user-details p { margin: 0 0 5px; }

.user-details label {
font-weight: bold;
text-align: right;
display: block;
float: left;
width: 130px;
}

.user-details .inputbox { margin-left: 10px; width: 200px; }

.user-details .button { margin-left: 140px; }

.user-details .paramlist .paramlist_key {
width: 130px !important;
padding: 0 0 5px !important;
}

.user-details .paramlist .paramlist_value {
padding: 0 0 5px !important;
}

.user-details .user_name span {
padding-left: 10px;
font-weight: bold;
}

/* Search —*/
form#searchForm {
border-top: 1px solid #ccc;
padding: 15px 0;
}

.searchintro {
border-bottom: 1px solid #ccc;
}

.results h4 {
text-transform: none;
font-size: 110%;
margin: 15px 0 0;
}

.results p { margin: 0 0 10px; }

/* Contact —*/
#component-contact address { font-style: normal; }

#component-contact #emailForm { border-top: 1px solid #ddd; padding-top: 15px; }

.contact_email { margin: 0 0 10px; }

.contact_email label { font-weight: bold; display: block; }

.contact_email_checkbox { margin: 15px 0; }

/* JOOMLA STYLE
——————————————————— */
/* Layout Deco —*/
.blog { }

.article_separator,
.leading_separator,
.row_separator,
.column_separator { display: none; }

.leading {
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
padding-top: 10px;
}

.article_row { padding-bottom: 10px; padding-top: 10px; }

.article_column { }

.column_separator { padding: 0 25px; }

/* Meta —*/
.article-tools {
background: #f6f6f6;
border: 1px solid #ddd;
clear: both;
color: #999;
display: block;
line-height: normal;
margin: 0 0 10px;
padding: 5px;
position: relative;
}

.article-meta { float: left; padding: 0; width: 70%; }

.article-section, .article-category { color: #999; }

.createby {
background: url(../images/icon-user.gif) no-repeat 0 2px;
padding: 3px 3px 3px 20px;
}

.createdate {
background: url(../images/icon-date.gif) no-repeat 0 2px;
padding: 3px 3px 3px 20px;
}

.modifydate { color: #999; display: block; margin: 10px 0; }

.contentdescription {
border-bottom: 1px solid #ccc;
display: block;
margin: 0 -15px;
padding: 10px 15px;
}

.contentdescription p { margin: 0; }

.buttonheading { float: right; }

.buttonheading img { border: 0; float: right; margin: 0 5px 0 0; }

/*Inline images —*/
img.caption { margin-top: 5px; }

.img_caption { color: #999; margin-bottom: 10px; }

.article-content img { margin: 5px; }

.img_caption img { margin: 5px 0 0; }

.img_caption p {
background: #333;
border-top: 1px solid #fff;
color: #ccc;
margin: 0;
padding: 1px 0;
text-align: center;
}

/* Tables —*/
.sectiontableheader {
background: #333;
border: 1px solid #ccc;
color: #fff;
padding: 5px;
}

.sectiontableheader a,
.sectiontableheader a:hover,
.sectiontableheader a:focus,
.sectiontableheader a:active { color: #fff; }

.sectiontableentry,
.sectiontableentry0,
.sectiontableentry1,
.sectiontableentry2 {
background: url(../images/dot2.gif) repeat-x bottom;
padding: 5px 5px 6px;
}

.sectiontableentry:hover,
.sectiontableentry0:hover,
.sectiontableentry1:hover,
.sectiontableentry2:hover { background-color: #fffff0; }

.sectiontableentry2 { background-color: #f6f6f6; }

table.contentpane, table.tablelist { width: 100%; }

table.contentpaneopen {
border: none;
border-collapse: collapse;
border-spacing: 0;
}

/* Content Toc */
table.contenttoc {
border: 1px solid #ddd;
float: right;
margin: 0 0 10px 12px;
padding: 0;
width: 30%;
}

table.contenttoc a { color: #333; }

table.contenttoc td { border-bottom: 1px dotted #ccc; padding: 5px 10px; }

table.contenttoc th {
background: #f6f6f6;
border-bottom: 1px solid #ddd;
padding: 5px 10px;
text-transform: uppercase;
}

/* Poll */
div.poll { padding: 15px 0; }

form#poll {
border-bottom: 1px dotted #ccc;
font-weight: bold;
margin-bottom: 10px;
padding-bottom: 10px;
}

dl.poll {
border-bottom: 1px dotted #ccc;
font-size: 92%;
margin-bottom: 10px;
padding-bottom: 10px;
}

dl.poll dt, dl.poll dd { float: left; }

dl.poll dt { clear: left; width: 100px; }

dl.poll dd { clear: right; }

table.pollstableborder {
border: none;
padding: 0;
text-align: left;
width: 100%;
}

table.pollstableborder img { vertical-align: baseline; }

table.pollstableborder td {
background: #f6f6f6;
border-bottom: 1px solid #ccc;
font-weight: bold;
padding: 5px !important;
}

table.pollstableborder tr.sectiontableentry0 td,
table.pollstableborder tr.sectiontableentry1 td { background: #fff; font-weight: normal; }

/* Search */
table.searchintro { padding: 10px 0; width: 100%; }

table.searchintro td { padding: 5px !important; }

/* Misc. */
table.contentpaneopen, table.contentpane, table.blog { width: 100%; }

/* Pagination —*/
ul.pagination { float: left; margin: 10px 0; width: 75%; }

ul.pagination li {
background: none;
display: inline;
margin: 0;
padding: 0;
overflow: hidden;
}

ul.pagination li span { padding: 0 5px; line-height: 20px; }

ul.pagination a {
background: #f6f6f6;
border: 1px solid #ccc;
color: #000;
line-height: 20px;
padding: 0 5px;
text-decoration: none;
}

ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
background: #069;
border: 1px solid #069;
color: #fff;
text-decoration: none;
}

.sortby { font-size: 92%; margin: 10px 0 5px; }

.sortby .filter, .sortby .display { float: left; width: 40%; }

.sortby .display { float: right; text-align: right; }

.pagenavbar { font-weight: bold; }

.pagenavcounter { margin: 15px 0 !important; text-align: center; }

.counter {
float: right;
line-height: 1;
margin: 15px 0 !important;
text-align: right;
width: 24%;
}

.counter span {
background: #069;
border: 1px solid #069;
color: #fff;
padding: 1px 5px;
}

.blog_more {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 15px 0 5px;
}

.blog_more h2 {
font-size: 115%;
margin: 0 0 5px;
text-transform: uppercase;
}

.blog_more ul li {
background: url(../images/bullet.gif) no-repeat 5px 6px;
padding-left: 15px;
}

div.back_button a,
div.back_button a:hover,
div.back_button a:active { display: block; margin: 10px 0; }

/* Messages —*/
#system-message { margin: 0 -15px 10px; }

#system-message dd.message ul,
#system-message dd.error ul,
#system-message dd.notice ul { margin: 0; padding: 0; }

#system-message dd.message ul li,
#system-message dd.error ul li,
#system-message dd.notice ul li {
background: none;
color: #fff;
margin: 0;
padding: 5px;
}

/* System Standard Messages */
#system-message dd.message ul { background: #069; border: 0; }

/* System Error Messages */
#system-message dd.error ul { background: #bf0000; border: 0; }

/* System Notice Messages */
#system-message dd.notice ul { background: #333; border: 0; }

/* Tooltips — */
.tool-tip {
background: #ffffcc;
border: 1px solid #D4D5AA;
float: left;
max-width: 300px;
padding: 5px;
z-index: 1000;
}

.tool-title {
background: url(../../system/images/selector-arrow.png) no-repeat;
font-size: 100%;
font-weight: bold;
margin: 0;
margin-top: -15px;
padding: 0;
padding-bottom: 5px;
padding-top: 15px;
}

.tool-text { font-size: 100%; margin: 0; }

.hasTip img { border: none; margin: 0 5px 0 0; }

.contentpaneopen_edit img { vertical-align: middle; }

/* MODULE STYLES
——————————————————— */
div.ja-moduletable h3, div.moduletable h3 {
background: url(../images/dot2.gif) repeat-x bottom;
color: #333;
font-size: 115%;
margin: 0 0 8px;
padding: 1px 0 8px;
text-transform: uppercase;
overflow: hidden;
}

div.moduletable_menu h3 { margin-bottom: 0; }

div.ja-moduletable, div.moduletable {
border-bottom: 1px solid #ccc;
margin-top: 8px;
margin-bottom: 15px;
padding: 0 0 20px;
position: relative;
}

/* Badge Module —*/
.badge {
height: 46px;
position: absolute;
right: 0;
top: 0;
width: 45px;
background-image: url(../images/icon-badge.png);
background-repeat: no-repeat;
}

.badge-hot .badge { background-position: 0 0; }
.badge-new .badge { background-position: 0 -46px; }
.badge-pick .badge { background-position: 0 -92px; }
.badge-top .badge { background-position: 0 -138px; }

/* Search Module —*/
#ja-search {
padding-left: 20px;
background: url(../images/icon-search.gif) no-repeat center left;
position: absolute;
bottom: 15px;
right: 15px;
}

#ja-search label { display: none; }

#ja-search .inputbox {
width: 200px;
border: 1px solid #333;
padding: 3px 5px;
color: #ccc;
background: #444;
font-size: 100%;
font-weight: bold;
}

#ja-search .inputbox:hover, #ja-search .inputbox:focus { }

#ja-search .button {
font-size: 100%;
font-weight: bold;
margin-left: 5px;
text-transform: none;
}

/* Login Module —*/
#form-login-username .inputbox,
#form-login-password .inputbox {
background-position: 5px center;
background-repeat: no-repeat;
font-weight: bold;
}

#form-login-username .inputbox, #form-login-password .inputbox { width: 90%; }

#form-login ul { margin: 0 !important; padding: 0; }

#form-login p { margin: 0 0 5px; }

#form-login .button { margin: 10px 0; }

/* Poll Module —*/
h4.poll-title { margin: 0; padding: 0; }

a.poll-result { font-size: 92%; text-transform: uppercase; }

form.poll .button { margin-right: 5px; }

/* Advertisement —*/
div.bannergroup_text div.banneritem_text { border-bottom: 1px dotted #ccc; padding: 5px 0; }

div.bannergroup_text div.banneritem_text a { font-weight: bold; }

div.bannergroup_text div.bannerheader,
div.bannergroup_text div.bannerfooter_text a { color: #999; font-size: 92%; }

div.bannergroup_text div.bannerfooter_text { padding: 5px 0 0; text-align: right; }

div.bannergroup { margin-bottom: 10px; }

/* Rounded Module — */
div.ja-module h3, div.module h3 {
border-bottom: 1px solid #ccc;
color: #7ba566;
font-size: 115%;
font-weight: bold;
margin: 0 -15px 10px;
padding: 8px 15px;
text-transform: uppercase;
}

div.ja-module, div.module { margin-bottom: 20px; position: relative; overflow: hidden; }

.ja-box-br {
background: url(../images/b-br.gif) no-repeat bottom right #fff;
}

.ja-box-bl {
background: url(../images/b-bl.gif) no-repeat bottom left;
}

.ja-box-tr {
background: url(../images/b-tr.gif) no-repeat top right;
}

.ja-box-tl {
background: url(../images/b-tl.gif) no-repeat top left;
padding: 0 15px 10px;
}

/* text */
div.module_text h3 {
clear: both;
display: block;
margin: 0 0 10px;
padding: 0;
overflow: hidden;
width: 100%;
border-bottom: 0;
}

div.module_text span {
clear: both;
display: block;
float: left;
font-weight: bold;
padding: 0 3px;
background: #fff;
}

div.module_text {
background: url(../images/bt-br.gif) no-repeat bottom right #f6f6f6;
}

div.module_text .ja-box-bl {
background: url(../images/bt-bl.gif) no-repeat bottom left;
}

div.module_text .ja-box-tr {
background: url(../images/bt-tr.gif) no-repeat top right;
}

div.module_text .ja-box-tl {
background: url(../images/bt-tl.gif) no-repeat top left;
}

/* Blank */
div.module_noborder,
div.module_noborder .ja-box-bl,
div.module_noborder .ja-box-tr,
div.module_noborder .ja-box-tl {
background: none;
padding: 0;
}

/* red */
div.module_red {
background: url(../images/br-br.gif) no-repeat bottom right #bf0000;
}

div.module_red .ja-box-bl {
background: url(../images/br-bl.gif) no-repeat bottom left;
}

div.module_red .ja-box-tr {
background: url(../images/br-tr.gif) no-repeat top right;
}

div.module_red .ja-box-tl {
background: url(../images/br-tl.gif) no-repeat top left;
}

/* blue */
div.module_blue {
background: url(../images/bb-br.gif) no-repeat bottom right #069;
}

div.module_blue .ja-box-bl {
background: url(../images/bb-bl.gif) no-repeat bottom left;
}

div.module_blue .ja-box-tr {
background: url(../images/bb-tr.gif) no-repeat top right;
}

div.module_blue .ja-box-tl {
background: url(../images/bb-tl.gif) no-repeat top left;
}

/* green */
div.module_green {
background: url(../images/bg-br.gif) no-repeat bottom right #7ba566;
}

div.module_green .ja-box-bl {
background: url(../images/bg-bl.gif) no-repeat bottom left;
}

div.module_green .ja-box-tr {
background: url(../images/bg-tr.gif) no-repeat top right;
}

div.module_green .ja-box-tl {
background: url(../images/bg-tl.gif) no-repeat top left;
}

/* black */
div.module_black {
background: url(../images/bl-br.gif) no-repeat bottom right #333;
}

div.module_black .ja-box-bl {
background: url(../images/bl-bl.gif) no-repeat bottom left;
}

div.module_black .ja-box-tr {
background: url(../images/bl-tr.gif) no-repeat top right;
}

div.module_black .ja-box-tl {
background: url(../images/bl-tl.gif) no-repeat top left;
}

/* text color for high contrast module */
div.module_black, div.module_green, div.module_blue, div.module_red { color: #fff; }

#ja-container div.module_black ul li a,
#ja-container div.module_green ul li a,
#ja-container div.module_blue ul li a,
#ja-container div.module_red ul li a {
color: #fff;
}

#ja-container div.module_black ul li a:hover,
#ja-container div.module_black ul li a:active,
#ja-container div.module_black ul li a:focus,
#ja-container div.module_green ul li a:hover,
#ja-container div.module_green ul li a:active,
#ja-container div.module_green ul li a:focus,
#ja-container div.module_blue ul li a:hover,
#ja-container div.module_blue ul li a:active,
#ja-container div.module_blue ul li a:focus,
#ja-container div.module_red ul li a:hover,
#ja-container div.module_red ul li a:active,
#ja-container div.module_red ul li a:focus {
color: #069;
}

#ja-container div.module_blue #form-login ul li a:hover,
#ja-container div.module_blue #form-login ul li a:active,
#ja-container div.module_blue #form-login ul li a:focus {
color: #7BA566;
}

#ja-container div.module_black h3,
#ja-container div.module_green h3,
#ja-container div.module_blue h3,
#ja-container div.module_red h3 {
color: #fff;
}

#ja-container div.module_blue ul.menu li.active > a,
#ja-container div.module_red ul.menu li.active > a {
color:#000 !important;
}

div.module_green div.bannergroup_text div.bannerheader,
div.module_green div.bannergroup_text div.bannerfooter_text a {
color: #ccc;
}

div.module_blue a {
color: #7BA566;
}

div.module_black .inputbox, div.module_green .inputbox, div.module_blue .inputbox, div.module_red .inputbox {
color: #333 !important;
}

/* Module list —*/
div.ja-moduletable ul, div.ja-module ul {
margin: 15px 0 0;
}

div.ja-moduletable ul li, div.ja-module ul li {
padding-left: 12px;
background-position: 2px 8px;
}

/* Collapsible h3 —*/
h3.show {
background: url(../images/icon-show.png) no-repeat 100% 60%;
cursor: pointer;
}

h3.hide {
background: url(../images/icon-hide.png) no-repeat 100% 60%;
cursor: pointer;
}

/* Uncomment the following lines if you want collapsible modules with badges still show arrows */
/*
.badge-hot h3.show,.badge-new h3.show,.badge-pick h3.show,.badge-top h3.show,
.badge-hot h3.hide,.badge-new h3.hide,.badge-pick h3.hide,.badge-top h3.hide {
background-position: 15px 60%;
text-indent: 15px;
}
*/

/* MAIN LAYOUT DIVS
——————————————————— */
.wrap { }
.main { }
.ja-box { padding-bottom: 10px; padding-top: 10px; }

#ja-wrapper { }

#ja-container {
background: url(../images/container-bg.gif) repeat-x top #fff;
position: relative;
z-index: 5;
border-bottom: 5px solid #ccc;
}

#ja-container .main { padding: 20px 0; min-height: 300px; }

/* 3 Columns – Classic Layout —*/
#ja-container.ja-l1r1 {}

/* Full */
#ja-container {}

/* Full left */
#ja-container.ja-r1 {}

/* Full right */
#ja-container.ja-l1 {}

/* Mass —*/
.ja-mass-top {}
.ja-mass-top .ja-moduletable, .ja-mass-top .ja-module { margin-left: 0; margin-right: 0; }

.ja-mass-bottom {}
.ja-mass-bottom .ja-moduletable, .ja-mass-bottom .ja-module { margin-left: 0; margin-right: 0; }

/* MAIN COLUMN
——————————————————— */
#ja-mainbody {}

#ja-main .inner { }

#ja-contentwrap { }

/* Content Top —*/
.ja-content-top { }
.ja-content-top .ja-moduletable, .ja-content-top .ja-module { margin-left: 0; margin-right: 0; }

/* Content Main —*/
.ja-content-main { }

/* Content Bottom —*/
.ja-content-bottom { }
.ja-content-bottom .ja-moduletable, .ja-content-bottom .ja-module { margin-left: 0; margin-right: 0; }

/* @end */

/* SIDE COLUMNS
——————————————————— */
.ja-colswrap { }

.ja-col { }

/* Left Columns —*/
#ja-left .ja-l2 { }

/* Right Columns —*/
#ja-right .ja-r2 { }

/* HEADER
——————————————————— */
#ja-header { background: #333; position: relative; z-index: 10; }

#ja-header .main {
background-color: #333;
background-position: top right;
background-repeat: no-repeat;
height: 80px;
}

h1.logo, div.logo-text h1 { font-size: 250%; line-height: 1;}

h1.logo, div.logo-text { float: left; z-index: 1; position: relative; }

/* Logo Image —*/
h1.logo { height: 79px; width: 207px; }

h1.logo a {
background: url(../images/logo.gif) no-repeat left;
display: block;
height: 79px;
width: 207px;
}

h1.logo a span { position: absolute; top: -1000px; }

/* Logo Text —*/
div.logo-text { margin-top: 8px; }

div.logo-text h1 a {
color: #ccc;
font-weight: bold;
letter-spacing: 1px;
text-decoration: none;
}

p.site-slogan {
background: #444;
color: #999;
display: block;
font-size: 85%;
letter-spacing: 1px;
margin: 8px 0 0;
padding: 0 5px;
text-align: center;
text-transform: uppercase;
}

/* Header mask —*/
.ja-headermask {
background: url(../images/header-mask.png) no-repeat top right;
display: block;
height: 80px;
position: absolute;
right: -1px;
top: 0;
width: 602px;
z-index: 0;
}

/* NAVIGATION
——————————————————— */
/* Main Nav —*/
#ja-mainnav {
background: url(../images/grad1-mask.png) repeat-x top #444;
border-top: 1px solid #666;
line-height: 1;
position: relative;
z-index: 11;
}

#ja-mainnav .main { font-size: 12px; }

span.has-image {
padding-left: 25px;
display: block;
overflow: hidden;
background-repeat: no-repeat;
background-position: left 2px;
}

span.menu-title { display: block; }

span.menu-desc {
display: block;
font-weight: normal;
font-size: 92%;
color: #999;
}

/* Sub Nav —*/
#ja-subnav { border-top: 1px solid #666; background: #333; position: relative; z-index: 9; }

#ja-subnav .main {
line-height: 1;
z-index: 10;
}

#ja-subnav ul {
background: #333;
overflow: hidden;
padding: 10px 0;
}

#ja-subnav ul.active { background: #333; }

#ja-subnav li {
background: none;
border-left: 1px dotted #999;
display: block;
float: left;
padding: 0 10px 0 11px;
}

#ja-subnav li.first-item { border-left: 0; }

#ja-subnav ul li a { color: #ccc; display: block; text-decoration: none; }

#ja-subnav ul li a:hover { color: #fff; }

#ja-subnav ul li.active a,
#ja-subnav ul li.active a:hover,
#ja-subnav ul li.active a:active,
#ja-subnav ul li.active a:focus {
color: #fff;
font-weight: bold;
text-decoration: underline;
}

#ja-subnav ul.active li a { color: #ccc; }

#ja-subnav ul.active li a:hover { color: #fff; }

#ja-subnav ul li.empty { visibility: hidden }

/* Sub Nav (lv2) —*/
#ja-subnav ul li ul {
background: #ddd;
border: 1px solid #ccc;
display: block;
height: auto;
left: -999em;
padding: 0;
position: absolute;
}

#ja-subnav ul li.hover ul {
display: block;
height: auto;
left: auto;
position: absolute;
margin-top: 3px;
margin-left: 5px;
}

#ja-subnav ul li.haschild a {
background: url(../images/arrow.png) no-repeat right center;
padding-right: 12px;
}

#ja-subnav ul li.haschild a:hover {
background: url(../images/arrow3.png) no-repeat right center;
}

#ja-subnav ul li.haschild li a, #ja-subnav ul li.hover li a { background: none; padding-right: 0; }

#ja-subnav ul li ul li {
border-bottom: 1px solid #ccc;
border-left: 0;
display: block;
float: none;
overflow: hidden;
padding: 5px;
text-align: left;
}

#ja-subnav ul li ul li a {
background-image: none !important;
border: 0 !important;
color: #333 !important;
font-weight: normal !important;
text-decoration: none !important;
}

#ja-subnav ul li ul li a span.menu-title { padding-top: 3px; padding-bottom: 3px; }

#ja-subnav ul li ul li a:hover {
background-image: none !important;
color: #069 !important;
text-decoration: underline !important;
}

#ja-subnav ul li ul li a.active {
color: #069; !important;
font-weight: bold !important;
}

/* Breadcrumbs —*/
.ja-navhelper { background: #f6f6f6; text-transform: uppercase; border-bottom: 1px solid #ccc; }
.ja-navhelper .main { padding: 5px 0; }

.ja-navhelper a { padding: 0 2px; color: #069; text-decoration: none; }
.ja-navhelper a:hover, .ja-navhelper a:active, .ja-navhelper a:focus { color: #fff; text-decoration: none; background-color: #069;}

.ja-breadcrums {
float: left;
margin-left: 10px;
margin-top: 2px;
width: 80%;
}

.ja-breadcrums strong { margin-right: 5px; }

.ja-breadcrums img { margin: 1px 5px; }

/* Extras —*/
.ja-links { float: right; margin-top: 2px; }

.ja-links li { background: none; padding: 0; display: inline; }

.ja-links li.top a {
background: url(../images/arrow2.png) no-repeat 5px center;
padding-left: 17px;
padding-right: 5px;
}

.ja-links li.top a:hover { background-color: #069; }

.ja-links li.layout-switcher a {
background: #069;
color: #fff;
text-decoration: none;
}

.ja-links li.layout-switcher a:hover { background: #666; color: #fff; text-decoration: none; }

.ja-links li.user-reset a {
background: #bf0000;
color: #fff;
text-decoration: none;
}

.ja-links li.user-reset a:hover { background: #666; color: #fff; text-decoration: none; }

/* Default Joomla! Menu —*/
#ja-container ul.menu { margin: 0; padding: 0; }

#ja-container ul.menu li {
background: none;
border-bottom: 1px dotted #ccc;
margin: 0;
overflow: hidden;
padding: 0;
}

#ja-container ul.menu li a {
color: #333;
display: block;
outline: none;
padding: 6px 0;
text-decoration: none;
text-indent: 5px;
}

#ja-container ul.menu li a:hover,
#ja-container ul.menu li a:active,
#ja-container ul.menu li a:focus { color: #069; background: #f6f6f6; }

#ja-container ul.menu li.active a { color: #069; font-weight: bold; }

#ja-container ul.menu li ul { margin: 0 0 0 10px; }

#ja-container ul.menu li li {
background: url(../images/arrow.png) no-repeat left 11px;
border-bottom: 0;
border-top: 1px dotted #ccc;
}

#ja-container ul.menu li li a {
color: #333 !important;
font-weight: normal !important;
text-indent: 10px;
}

#ja-container ul.menu li li a:hover,
#ja-container ul.menu li li a:active,
#ja-container ul.menu li li a:focus { color: #069 !important; background: none; }

#ja-container ul.menu li.active > a { color: #069 !important; font-weight: bold !important; }

#ja-container ul.menu span.separator { display: none; }

/* SPOTLIGHT
——————————————————— */
#ja-topsl .ja-box, #ja-botsl .ja-box {
padding: 0;
background: url(../images/dot3.gif) repeat-y right;
}

#ja-topsl .ja-box-right, #ja-botsl .ja-box-right,
#ja-topsl .ja-box-full, #ja-botsl .ja-box-full {
background: none;
}

#ja-topsl .ja-moduletable, #ja-botsl .ja-moduletable {
border-bottom: 0;
margin-bottom: 8px;
padding-bottom: 0;
}

#ja-topsl li, #ja-botsl li {
background-image: url(../images/bullet2.gif);
background-position: 1px 8px;
padding-left: 10px;
}

#ja-topsl ol li, #ja-botsl ol li { margin-left: 25px; padding: 0 !important; }

#ja-topsl ul, #ja-topsl p, #ja-topsl ol,
#ja-botsl ul, #ja-botsl p, #ja-botsl ol { padding: 0; margin: 0 !important; }

#ja-topsl a, #ja-botsl a {
color: #ccc;
text-decoration: none;
border-bottom: 1px dotted #ccc;
}

#ja-topsl a:hover, #ja-topsl a:active, #ja-topsl a:focus,
#ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus {
color: #fff;
text-decoration: none;
border-bottom: 1px solid #fff;
}

/* Top spotlight —*/
#ja-topsl {
border-top: 1px solid #666;
border-bottom: 1px solid #666;
background: #444;
color: #ccc;
}

#ja-topsl .main { padding: 10px 0; }

#ja-topsl h3 {
margin: 0 0 8px;
padding: 0;
color: #fff;
background: none;
}

/* Bot spotlight —*/
#ja-botsl {
background: #444;
color: #999;
}

#ja-botsl .main { padding: 10px 0; }

#ja-botsl .ja-moduletable, #ja-botsl .moduletable {
border-bottom: 0;
margin-bottom: 0;
}

#ja-botsl h3 {
margin: 0 0 8px;
padding: 0;
color: #fff;
background: none;
}

.ja-box-right .ja-moduletable, .ja-box-right .moduletable,
.ja-box-full .ja-moduletable, .ja-box-full .moduletable { border: 0 !important; background: 0 !important; }

/* FOOTER
——————————————————— */
#ja-footer {
background: url(../images/grad3.gif) repeat-x bottom #F6F6F6;
border-top: 1px solid #fff;
clear: both;
padding: 20px 0;
}

#ja-footer .main {
background: url(../images/dot1.gif) repeat-y 22% 0;
color: #666666;
padding: 0;
position: relative;
}

#ja-footer .inner { float: right; padding: 0; width: 75%; }

#ja-footer small { color: #666; font-size: 100%; }

/* Foot Links —*/
#ja-footer .ja-footnav {
float: right;
font-size: 100%;
margin: 0 0 10px;
overflow: hidden;
position: relative;
width: 75%;
}

.ja-footnav ul { float: left; line-height: normal; }

.ja-footnav li {
border-left: 1px solid #999;
display: block;
float: left;
padding: 0 10px;
}

.ja-footnav li a {
color: #666;
display: block;
font-weight: bold;
line-height: 1;
text-decoration: none;
text-transform: uppercase;
}

.ja-footnav li a:hover, .ja-footnav li a:active, .ja-footnav li a:focus { color: #333; }

.ja-footnav .ja-firstitem { border-left: 0; padding-left: 0; }

/* Copyright Info. —*/
.ja-copyright small { display: block; }

/* MISCELLANOUS
———————————————————– */
/* User Tools —*/
ul.ja-usertools-font {
font-size: 11px;
position: absolute;
top: 15px;
right: 20px;
}

ul.ja-usertools-font li, ul.ja-usertools-screen li {
padding: 0;
margin: 0;
display: inline;
background: none;
}

ul.ja-usertools-screen {
font-size: 11px;
position: absolute;
top: 15px;
right: 90px;
}

/* Others —*/
#ja-banner {
border-top: 1px solid #ccc;
margin: 0;
overflow: hidden;
padding-top: 15px;
text-align: center;
width: 100%;
}

div.ja-innerdiv {
border-bottom: 1px dotted #ccc;
clear: both;
margin-bottom: 10px;
padding-bottom: 12px;
}

div.ja-innerdiv h4 {
font-family: Arial, sans-serif;
font-size: 92%;
font-weight: normal;
margin: 5px 0;
padding: 0;
text-transform: uppercase;
}

.cufon-canvas { padding: 1px 0 3px; }

stuartiannaylor Friend

stuartiannaylor
Join date:
June 2010
Posts:
3
Downloads:
0
Uploads:
0

July 4, 2010 at 2:00 pm #348900

Dunno it is confusing me as yes as you see that is correct. I have the template set to left-main-right.round and on a new install on localhost it does the same. The top level menu’s are fine it’s just my the mainmenu in the left position with the _black module suffix. When the parent is selected its text is blue and the submenus go black but the submenu hover is blue.

Any idea’s?

Thanks
Stuart

micrantha Friend

micrantha
Join date:
May 2007
Posts:
465
Downloads:
0
Uploads:
6

Thanks:

6

Thanked:

158 times in 148 posts

July 5, 2010 at 8:17 am #348958

Sorry, I cannot reproduce your problem…

regards,
Micrantha

cansay Friend

cansay
Join date:
February 2010
Posts:
183
Downloads:
2
Uploads:
32

Thanks:

20

Thanked:

19 times in 1 posts

July 27, 2010 at 8:34 am #350865

Try and Scrool ind and out maybe.

CRTL & +

CRTL & –
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

This topic contains 6 replies, has 3 voices, and was last updated by cansay 14 years, 5 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum

Quick Navigation

Site navigation

_black suffix on submenus provides black text on black

stuartiannaylor

micrantha

stuartiannaylor

stuartiannaylor

micrantha

cansay

Important Notice :

Jump to forum

Categories