настройка меню - Joomla 2.5: Шаблоны, разметка и макеты вывода

.current { color:blue} 

<?php
/**
 * @package		Joomla.Site
 * @subpackage	mod_menu
 * @copyright	Copyright (C) 2005 - 2012 Open Source Matters, Inc. All rights reserved.
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
 */

// No direct access.
defined('_JEXEC') or die;

// Note. It is important to remove spaces between elements.
?>

<ul class="menu<?php echo $class_sfx;?>"<?php
	$tag = '';
	if ($params->get('tag_id')!=NULL) {
		$tag = $params->get('tag_id').'';
		echo ' id="'.$tag.'"';
	}
?>>
<?php
foreach ($list as $i => &$item) :
	$class = 'item-'.$item->id;
	if ($item->id == $active_id) {
		$class .= ' current';
	}

	if (in_array($item->id, $path)) {
		$class .= ' active';
	}
	elseif ($item->type == 'alias') {
		$aliasToId = $item->params->get('aliasoptions');
		if (count($path) > 0 && $aliasToId == $path[count($path)-1]) {
			$class .= ' active';
		}
		elseif (in_array($aliasToId, $path)) {
			$class .= ' alias-parent-active';
		}
	}

	if ($item->deeper) {
		$class .= ' deeper';
	}

	if ($item->parent) {
		$class .= ' parent';
	}

	if (!empty($class)) {
		$class = ' class="'.trim($class).'"';
	}

	echo '<li'.$class.'>';

	// Render the menu item.
	switch ($item->type) :
		case 'separator':
		case 'url':
		case 'component':
			require JModuleHelper::getLayoutPath('mod_menu', 'default_'.$item->type);
			break;

		default:
			require JModuleHelper::getLayoutPath('mod_menu', 'default_url');
			break;
	endswitch;

	// The next item is deeper.
	if ($item->deeper) {
		echo '<ul>';
	}
	// The next item is shallower.
	elseif ($item->shallower) {
		echo '</li>';
		echo str_repeat('</ul></li>', $item->level_diff);
	}
	// The next item is on the same level.
	else {
		echo '</li>';
	}
endforeach;
?></ul>

			$class .= ' active';
		}
		elseif (in_array($aliasToId, $path)) {
			$class .= ' alias-parent-active';

.active {
color: red!important; //пробуйте в начале без !important
}

li.item-148 current active  {  color: #333 !important  ;} 

li.item-148 current active  {  color: #333 !important  ;} 

body { line-height:1.8; min-height:100%; color: #777; background: #eee; padding-top: -100px; }
a { text-decoration: none; color: #333; }
  a:hover,
a:active,
a:focus { color: #e9403b;}  
h1, h2, h3, h4, h5 { font-weight: normal; color: #333 }
h1 { font-size:380% }
h2 { font-size:350% }
h3 { font-size:135% }
h4 { font-size:110% }
h5 { font-size:100% }
ul { list-style:none; }
ul li { line-height:2.6; }
p { margin: 0.5em 0 }
/* Containers */

#gkPage { background: #fff; -moz-box-shadow: 0 0 6px #c1c1c1; -webkit-box-shadow: 0 0 6px #c1c1c1; box-shadow: 0 0 6px #c1c1c1; }
#gkPageWrap { padding: 0px 35px 35px 35px; }
#gkPageWrap + #gkBottomBlock { margin-top: -15; }
#gkContent > div {  position: relative;  top: 0px;  margin-bottom: -7px !important ; line-height: 1.8; background: #fff}
#gkBottomBlock { margin: 0 35px; border-top: 1px solid #e5e5e5; padding: 8px 0; overflow: hidden; }
#gkNewsletter { float: left; width:  49%; }
#gkSocial {  float: right;  width: 49%; }
#gkNewsletter + #gkSocial { border-left: 1px solid #e5e5e5; }
#gkComponent {   line-height: 1.5; }

/* Page top */
#gkPageTopWrap { overflow: hidden; margin-bottom: -25px; }
#gkTopNav,
#gkButtons { float: right; margin-top: 11px; margin-left: 30px; }
#gkButtons + #gkTopNav { margin-right: -30px!important; }
#gkTopNav li,
#gkButtons a {    float: left; padding: 0 15px; border-left: 1px solid #ebeaea; font-size: 12px; line-height: 12px; }
#gkTopNav li:first-child { border-left: none; }
#gkTopNav li a,
#gkButtons a { color: #333; }
#gkTopNav li a:hover,
#gkButtons a:hover {  color: #000; }
 
#gkSearch { position: relative;  top: 8px; float: right; margin-top: 2px; margin-left: 30px; }
#gkSearch #mod-search-searchword { width: 178px; height: 18px; padding: 5px 10px; border: 1px solid #ebeaea; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #fff url('../images/search.png') no-repeat right center; }
#btnCart { float: right; height: 23px; margin-top: 11px; border-left: 1px solid #303030; width: 50px; background: transparent url('../images/cart.png') no-repeat center top; line-height:9px; font-size: 10px; font-weight: bold; text-indent: 37px; color: #e9403b; }
.dark #btnCart { width: 35px; background-position: right top; }
#btnCart:hover { background-position: center bottom; cursor: pointer; }
.dark #btnCart:hover { background-position: right bottom; }

/* Logo  */
h1#gkLogo {    width: 269px; height: 50px; float: left; }
h1#gkLogo a img { display: block; height: 50px; margin: 0; width:269px; top: 0; left:0; }
h1#gkLogo a.cssLogo { background: url('../images/logo_light.png') no-repeat 0 0; display: block; height: 50px; margin: 0; text-indent: -999em; width:269px; top: 0; left:0; z-index: 1001; }

h1.gkLogo.text { width: auto; float: left; margin: 0; }
h1.gkLogo.text a { display: block; font-size: 24px; line-height: 35px; font-weight:normal; text-indent: 0; float: left; }
h1.gkLogo.text a { padding: 0; width: auto!important; }
h1.gkLogo.text a > span { color: #000; padding: 0 7px; display: block; font-size: 24px; line-height: 35px; float: left; }
h1.gkLogo.text .gkLogoSlogan { font-size: 11px!important; line-height: 35px; color: #111!important; margin: 0 0 0 8px; height: 45px; display: block; float:left; }
/* Page top - dark */
#gkPageTop.dark { margin: -39px -35px 0 -35px; padding: 39px 35px 0 35px; background: #151515; }
#gkPageTop.dark h1#gkLogo a.cssLogo { background-image: url('../images/logo_dark.png')!important; }
#gkPageTop.dark h1.gkLogo.text a > span { color: #fff; }
#gkPageTop.dark h1.gkLogo.text .gkLogoSlogan { color: #eee!important; }
#gkPageTop.dark #gkTopNav li,
#gkPageTop.dark #gkButtons a { border-left: 1px solid #343434; font-weight: bold; }
#gkPageTop.dark #gkTopNav li:first-child { border-left: none; }
#gkPageTop.dark #gkTopNav li a,
#gkPageTop.dark #gkButtons a { color: #999; }
#gkPageTop.dark #gkTopNav li a:hover,
#gkPageTop.dark #gkButtons a:hover { color: #eee; }
 #gkPageTop.dark #gkMainMenu > div > ul > li > a { font-size: 14px; } 
#gkPageTop.dark #gkMainMenu > div > ul > li:first-child > a {   padding-left: 0px; }  
#gkPageTop.dark #gkSearch #mod-search-searchword { border: 1px solid #151515; }

/* Suffix header */
#gkHeader {  position: relative;  top : -70px!important;  right : -730px ; margin: 20px 0 0 0; overflow: hidden; }
#gkHeader1 {  float: left; }
#gkHeader2 { float: right; }
.nospace #gkHeader2 { float: left; }
#gkHeader .box {   border-radius: 3px;   background-color: #ffffff  !important; position: relative;   top : 0px!important;  right : 0px;}
#gkHeader .box_menu,
#gkHeader .box_text { margin-top: 20px!important; }
#gkHeader .box:first-child,
#gkHeader .box_menu:first-child,
#gkHeader .box_text:first-child,
#gkHeader.nospace .box,
#gkHeader.nospace .box_menu,
#gkHeader.nospace .box_text { margin-top: 0!important; }

/* standard breadcrumb */
#gkBreadcrumb { overflow: hidden; border-top: 1px solid #eee;  border-bottom: 1px solid #eee;   cursor: pointer; margin: 0 0 10px !important; padding: 5px 16px; }
#gkBreadcrumb > div {   padding: 0; }
#gkBreadcrumb .breadcrumbs { width: auto; float: left; font-size: 12px; color: #333;  }
#gkBreadcrumb .breadcrumbs li.separator { display: block; float: left;  width: 6px; margin: 0 10px; background: url('../images/bullet.png') no-repeat 50% 50%; text-indent: -99999em; }
#gkBreadcrumb .breadcrumbs > ul { margin-left: 0; padding: 0; }
#gkBreadcrumb .breadcrumbs > ul > li { float: left; width: auto; clear: none;  }

#gkBreadcrumb .breadcrumbs > ul > li a { color: #666}
#gkBreadcrumb .breadcrumbs > ul > li a:hover { color: #333}

/* tools */
#gkTools { float: right; }
#gkTools a { display: block; float: left; width: 11px; height: 9px; margin: 12px 0 0 3px; text-indent: -99999em; background: transparent url('../images/font_size.png') no-repeat -44px 0; }
a#gkToolsReset { background-position: -24px 0; margin-left: 6px }
a#gkToolsDec { background-position: 0 0 }
/* bottom */
#gkBottomWrap { position: relative; top: -20px; background: #111; -moz-box-shadow: 0 0 6px #c1c1c1; -webkit-box-shadow: 0 0 6px #c1c1c1; box-shadow: 0 0 6px #c1c1c1; }
#gkBottom1 > div,
#gkBottom2 > div {  padding-bottom: 10px; padding-top: -20px; padding-left: 780px; }

/* footer */
#gkFooterWrap { padding-bottom: 0px; font-size: 11px; text-shadow: 0 1px #fff; overflow: hidden; }
#gkFooterWrap a { }
#gkFooterWrap a:hover { }
#gkCopyrights span { float: right; line-height: 14px; }
#gkFooterNav { float: left; }
#gkFooterNav li { display: inline; margin-left: 16px; line-height: 11px; }
#gkFooterNav li:first-child { margin: 0; padding: 0; }
#gkStyleArea { clear: both; float: right; margin-top: 2px; }
#gkFrameworkLogo { display: block; width: 140px; height: 42px; background: url('../images/framework-logo.png') no-repeat 0 0; text-indent: -9999em; margin: 36px auto 0; padding-bottom: 40px; opacity: 0.3; clear: both; }

/* Suffixes */
 


.box,
.box_menu,
.box_text { overflow: hidden; margin-top:20px; }
.box:first-child,
.box_menu:first-child,
.box_text:first-child { margin-top: 0!important; }
.box > div,
.box_menu > div,
.box_text > div { overflow: hidden; }
.box_content { padding: 0; overflow: hidden; color:#555; font-size:13px; line-height:1.2; }
.box li,
.box_text li { line-height: 24px; font-size: 12px; font-weight:bold; padding-left: 24px;   }
.box li a,
.box_text li a { text-decoration: none; }
.box a,
.box_text a { text-decoration: underline; }

/*--- default */
.box > div > h3.header,
.box_menu > div > h3.header,
.box_text > div > h3.header { font-size: 14px; font-weight: normal; background: transparent url('../images/bullet.png') no-repeat 2px 8px;  text-transform: uppercase;  margin-bottom: 10px; }
.box > div > h3.header > span,
.box_menu > div > h3.header > span,
.box_text > div > h3.header > span { background: #fff; padding-right: 12px; }

 /* suffix color */
.box.color > div > h3.header,
.box_menu.color > div > h3.header,
.box_text.color > div > h3.header,
.box.bor2.color > div > h3.header,
.box_menu.bor2.color > div > h3.header,
.box_text.bor2.color > div > h3.header { color: #e9403b; }
.box.color a,
.box_menu.color a,
.box_text.color a,
.box.bor2.color a,
.box_menu.bor2.color a,
.box_text.bor2.color a,
.box.color li a:active,
.box.color li a:focus,
.box.color li a:hover,
.box_menu.color li a:active,
.box_menu.color li a:focus,
.box_menu.color li a:hover,
.box_text.color li a:active,
.box_text.color li a:focus,
.box_text.color li a:hover,
.box.bor2.color li a:active,
.box.bor2.color li a:focus,
.box.bor2.color li a:hover,
.box_menu.bor2.color li a:active,
.box_menu.bor2.color li a:focus,
.box_menu.bor2.color li a:hover,
.box_text.bor2.color li a:active,
.box_text.bor2.color li a:focus,
.box_text.bor2.color li a:hover {  color: #e9403b; }
.box.color li a,
.box_menu.color li a,
.box_text.color li a,
.box.bor2.color li a,
.box_menu.bor2.color li a,
.box_text.bor2.color li a,
.box.color a:active,
.box.color a:focus,
.box.color a:hover,
.box_menu.color a:active,
.box_menu.color a:focus,
.box_menu.color a:hover,
.box_text.color a:active,
.box_text.color a:focus,
.box_text.color a:hover,
.box.bor2.color a:active,
.box.bor2.color a:focus,
.box.bor2.color a:hover,
.box_menu.bor2.color a:active,
.box_menu.bor2.color a:focus,
.box_menu.bor2.color a:hover,
.box_text.bor2.color a:active,
.box_text.bor2.color a:focus,
.box_text.bor2.color a:hover { color: #333 ; } 

/* suffix _menu */
.box_menu { background: #eee; padding: 3px;  }
.box_menu > div { padding: 20px 20px 10px; background: #fff; border: 1px solid #e5e5e5}
.box_menu > div > h3.header { margin-bottom: 14px;}
.box_menu ul { margin: 0}
.box_menu ul li { border-top: 1px solid #eee; background: url('../images/bullet.png') no-repeat 0 13px; padding-left: 24px}

.box_menu ul li li { margin-left: -24px; padding-left: 44px; background-position: 20px 13px}

/* suffix bor2 */
.box.bor2 > div > h3.header,
.box_menu.bor2 > div > h3.header,
.box_text.bor2 > div > h3.header { border-bottom:1px solid #d5d5d5; font-size: 12px; background: transparent; }
/* suffix bor2 color */
.box.bor2.color > div > h3.header,
.box_menu.bor2.color > div > h3.header,
.box_text.bor2.color > div > h3.header { border-bottom:1px solid #e9403b; }
/* suffix italic */
.box.italic > div > h3.header,
.box_menu.italic > div > h3.header,
.box_text.italic > div > h3.header { border-bottom:none; font-style: italic; font-size: 12px; background: transparent; font-family: Georgia, serif; }
/* suffix bor2 italic */
.box.bor2.italic > div > h3.header,
.box_menu.bor2.italic > div > h3.header,
.box_text.bor2.italic > div > h3.header { border-bottom:1px solid #d5d5d5; font-style: italic; font-size: 12px; background: transparent; font-family: Georgia, serif; }
/* suffix bor3 */
.box.bor3 > div > h3.header,
.box_menu.bor3 > div > h3.header,
.box_text.bor3 > div > h3.header { font-size: 18px; font-weight: normal; text-transform: uppercase; background: transparent url('../images/border2.png') repeat-x 0 center;   margin-bottom: 10px; }
/* suffix bor4 */
.box.bor4 > div > h3.header,
.box_menu.bor4 > div > h3.header,
.box_text.bor4 > div > h3.header { font-size: 12px; font-weight: normal; text-transform: uppercase; background: transparent url('../images/border3.png') repeat-x 0 center; margin-bottom: 10px; text-align: center; }
.box.bor4 > div > h3.header > span,
.box_menu.bor4 > div > h3.header > span,
.box_text.bor4 > div > h3.header > span { background: #fff; padding: 0 12px; display: inline; }
/* suffix light */
.box.light { padding: 18px; background: #fbfbfb; border: 1px solid #eeebeb; }
.box.light > div > h3.header { background: transparent; font-size: 12px; }
.box.light > div > h3.header > span { background: transparent; }
/* suffix yellow */
.box.yellow { padding: 18px; background: #fffef4; border: 1px solid #eae8cc; }
.box.yellow > div > h3.header { background: transparent; font-size: 12px; }
.box.yellow > div > h3.header > span { background: transparent; }
/* suffix dark */
.box.dark { padding: 18px; background: #000; border: 1px solid #000; color: #999; }
.box.dark > div > h3.header { background: transparent; font-size: 12px; color: #fff; }
.box.dark > div > h3.header > span { background: transparent; }
.box.dark a { color: #fff; }
.box.dark a:hover { color: #aaa; }
/* - clear */
.box.clear,
.box.clear > div,
.box.clear > div > .box_content { padding: 0 !important; background: none !important; border: none !important; margin: 0!important; }
.box.clear > div > h3 { display: none; }
/* bottom modules */
#gkBottomWrap h3.header { color: #fff; background: transparent; }
#gkBottomWrap h3.header > span { background: transparent; }
#gkBottomWrap .box_content { color: #999; }
#gkBottomWrap a { color: #fff; }
#gkBottomWrap a:hover,
#gkBottomWrap a:active,
#gkBottomWrap a:focus {  color: #bbb; }

/* popup */
#gkPopupOverlay,
#gkPopupLogin,
#gkPopupRegister,
#gkPopupCart { display: none; overflow: hidden; width: 520px; margin-left: -260px; position: fixed; z-index: 1000002; left: 50%; top: 50%; background: #fff; border-radius:3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 1px 1px 6px #666; -webkit-box-shadow: 1px 1px 6px #666; -moz-box-shadow: 1px 1px 6px #666; }
#gkPopupLogin { width: 600px; margin-left: -300px; }
.gkPopupWrap { padding: 25px; margin: 4px; }
#gkPopupOverlay { width: 100%; height: 100%; position: fixed; z-index:1000001; top:0; left:0; background:#000; opacity:0.3; filter:alpha(opacity=33); margin-left:0; }
.gkPopupWrap h3 { font-size: 26px; border-bottom: 1px solid #e7e7e7; margin: 0 0 20px; }
.gkPopupWrap h3 small { font: normal 12px Arial, Helvetica, sans-serif !important; }
.gkPopupWrap h3 small a { text-decoration: underline }
.gkPopupWrap h4 { font-size: 18px; margin: 0 0 12px; }
.gkPopupWrap ul li { }
#gkPopupLogin fieldset { padding: 0!important; }
#gkPopupLogin fieldset label { font-size: 12px}
#gkFBLogin { float: left; width: 45%; }
#gkFBLogin p { line-height: 18px; margin: 14px 0 20px }
#gkFBLogin + #login-form,
#gkFBLogin + #com-login-form { float: left; width: 45%; margin-left: 4%; padding-left: 30px; border-left: 1px solid #e7e7e7 }
#form-login-remember { margin: 30px 0 4px; }
#form-login-remember label { color: #777; font-size: 11px; font-weight: normal; vertical-align: top; }
#login-form ul { border-top: 1px solid #E7E7E7; margin: 42px 0 0; padding: 2px 0 0; }
#login-form ul li { float: left; font-size: 11px; }
#login-form ul li:first-child { margin-right: 10px; }
#login-form ul li a { text-decoration: underline }
label#jform_spacer-lbl { font-size: 11px; font-weight: normal; color: #666 }
.logout-button .login-greeting { float: left; margin-right: 32px; font-size: 14px; }
#gkPopupRegister dl dt:first-child { font-size: 10px; display:block; width:100%; }
#gkPopupRegister dt { float: left; width: 35%; clear: both; }
#gkPopupRegister dt,
#gkPopupRegister dd { line-height: 41px; height: 41px; }
#gkPopupRegister legend { display: none; }
#member-registration fieldset { padding: 0 0 24px }
#member-registration label { padding: 0 0 0 2px; font-size: 12px; }
#member-registration > div { line-height: 30px;}
#member-registration > div > button { margin-right: 12px;}
#member-registration > div a { text-decoration: underline }
#gkPopupLogin input[type="text"],
#gkPopupLogin input[type="password"] { clear: both; display:block; width: 220px; }
#gkPopupRegister input[type="text"],
#gkPopupRegister input[type="password"] { width: 250px; }

/* mobile switcher fix */
#gkCopyrights > a { line-height: 1.0; font-weight: bold; padding-left: 30px; }

/* modalbox */
#sbox-window { background: #fff; border-radius:3px!important; -webkit-border-radius: 3px!important; -moz-border-radius: 3px!important; box-shadow: 1px 1px 6px #666!important; -webkit-box-shadow: 1px 1px 6px #666!important; -moz-box-shadow: 1px 1px 6px #666!important; }
#sbox-window #sbox-btn-close { display: none; }
/* cbox modal */
#cboxTopLeft,
#cboxTopCenter,
#cboxTopRight,
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxBottomLeft,
#cboxBottomCenter,
#cboxBottomRight { display: none; }
#cboxContent { background: #fff; border-radius:3px!important; -webkit-border-radius: 3px!important; -moz-border-radius: 3px!important; box-shadow: 1px 1px 6px #666!important; -webkit-box-shadow: 1px 1px 6px #666!important; -moz-box-shadow: 1px 1px 6px #666!important; padding: 30px!important; }
#cboxOverlay { background: #000!important; opacity: 0.45!important; filter: alpha(opacity=45)!important; }
#cboxClose { margin: 5px; }
#colorbox { z-index: 1000002!important; }

li.item-148 .current .active