/* #------------------------------------------------------------------------ # music - November 2011 template (for Joomla 1.6/1.7) # # Copyright (C) 2007-2011 Gavick.com. All Rights Reserved. # License: Copyrighted Commercial Software # Website: http://www.gavick.com # Support: support@gavick.com */ #gkMainMenu { border: 0px solid #ebebeb; padding: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position:relative; z-index:10000; } #gkMainMenu > div > ul { height: 42px; background: #7b9ef8; } #gkMainMenu > div > ul > li:first-child { margin-left: 0; } #gkMainMenu > div > ul > li { height: 42px; /*border-right: 1px solid #698ae0;*/ -webkit-transition: background 0.3s linear; -moz-transition: background 0.3s linear; transition: background 0.3s linear; text-indent: -1px; } #gkMainMenu > div > ul > li:hover, #gkMainMenu > div > ul > li:active, #gkMainMenu > div > ul > li:focus { /*background: #85a6fb;*/} #gkMainMenu > div > ul > li:hover > a, #gkMainMenu > div > ul > li:active > a, #gkMainMenu > div > ul > li:focus > a { color: #2581C0; } #gkMainMenu > div > ul > li > a { padding: 0 18px; display: block; height: 42px; line-height:45px; font-size: 18px; text-transform: uppercase; color: #666; /*text-shadow: 0 -1px 0 #5674c3; border-right: 1px solid #85a6fb;*/ } #gkMainMenu > div > ul > li.active { background: #85a6fb; } #gkMainMenu > div > ul > li.active > a { color: #2581C0; } #gkMainMenu > div > ul > li:first-child { margin-left: -18px; } #gkMainMenu > div > ul div.childcontent { padding-top: 12px; margin-top: -12px; background: transparent; } #gkMainMenu > div > ul div.childcontent-inner-wrap { background: #5273c8; border: 1px solid #6285de; border-top-color: #83a5fd } #gkMainMenu > div > ul div.childcontent-inner-wrap div.childcontent-inner-wrap { border-top-color: #6285de; } #gkMainMenu > div > ul div.childcontent-inner { overflow: hidden; padding-bottom: 6px; padding-top: 6px; } div.gk-menu > ul.level0 > li > .childcontent .gkcol { padding-bottom: 0; } #gkMainMenu > div > ul div.childcontent a, #gkMainMenu > div > ul div.childcontent span { font-size: 12px; color: #fff; } #gkMainMenu > div > ul div.childcontent li { margin: 5px 10px; padding: 0px 0; min-height: 22px; border-top: 1px solid #6285de; text-indent: 0px; } #gkMainMenu > div > ul div.childcontent li:first-child { border-top: none; } #gkMainMenu > div > ul div.childcontent li.group { padding: 0; margin: 0; height: auto; border: none!important; background: none } #gkMainMenu > div > ul div.childcontent li > a, #gkMainMenu > div > ul div.childcontent li > span { display:block; min-height: 24px; color:#989898; } #gkMainMenu > div > ul div.childcontent li.active > a, #gkMainMenu > div > ul div.childcontent li.active > span, #gkMainMenu > div > ul div.childcontent li:hover > a, #gkMainMenu > div > ul div.childcontent li:hover > span, #gkMainMenu > div > ul div.childcontent li > a:hover, #gkMainMenu > div > ul div.childcontent li > span:hover, #gkMainMenu > div > ul div.childcontent li.active > a > span, #gkMainMenu > div > ul div.childcontent li.active > span > span, #gkMainMenu > div > ul div.childcontent li:hover > a > span, #gkMainMenu > div > ul div.childcontent li:hover > span > span, #gkMainMenu > div > ul div.childcontent li > a:hover > span, #gkMainMenu > div > ul div.childcontent li > span:hover > span { color: #ccc!important; background: #6285de; } #gkMainMenu > div > ul div.childcontent .group-title { padding: 4px; background: transparent; margin: 15px 15px 2px 5px; text-transform: uppercase } #gkMainMenu > div > ul div.childcontent .group-title .menu-title { font-size: 17px; line-height: 22px; display: block; color: #fff; text-shadow: 0 -1px 0 #3f5ca8 } #gkMainMenu > div > ul div.childcontent .group-title .menu-desc { font-size: 12px; line-height: 12px; display: block; color: #e9efff; } #gkMainMenu .module p {font-size: 12px; line-height: 18px; } /* split menu */ #gkSubmenu { margin: 10px 0 40px 0; padding: 0 12px; } #gkSubmenu > div > ul { float: left; font-size: 12px; line-height: 32px!important; } #gkSubmenu > div > ul li { float: left; margin-right: 20px; text-transform: uppercase; font-size: 11px; font-weight: bold; color: #646464; line-height: 12px; } #gkSubmenu > div > ul li a { color: #646464; display:block; height: 32px; line-height: 32px; } #gkSubmenu > div > ul > li a:active, #gkSubmenu > div > ul > li a:focus, #gkSubmenu > div > ul > li a:hover { color: #fc764a; } #gkSubmenu > div > ul > li:first-child {} /* Sub Nav (lv2) */ #gkSubmenu ul li li { margin: 0 10px; padding: 4px 0; min-height: 32px; border-top: 1px solid #6285de; text-indent: 5px; float: none; clear: both; } #gkSubmenu ul li li:first-child { border-top: none; } #gkSubmenu ul li li > a { display:block; min-height: 24px; line-height: 32px; font-size: 12px; color: #fff; text-transform: none; font-weight: normal; } #gkSubmenu ul li li > a:hover, #gkSubmenu ul li li > a:hover > span { color: #fff!important; line-height: 32px; background: #6285de; } #gkSubmenu ul li ul, #gkSubmenu ul li ul ul, #gkSubmenu ul li ul ul ul { background: #5273c8; border: 1px solid #6285de; border-top-color: #83a5fd; position: relative; } #gkSubmenu ul li ul ul, #gkSubmenu ul li ul ul ul { border-top-color: #6285de; } #gkSubmenu ul>li.hover>ul { display:block; height:auto; left:auto; position:absolute; } #gkSubmenu ul ul { } #gkSubmenu > div > ul > ul { margin-left: -20px!important; } #gkSubmenu ul ul ul { display:none!important; left:-999px!important; } #gkSubmenu ul ul li:hover>ul { margin-left:180px!important; margin-top: -32px!important; left:0!important; display:block!important; } #gkSubmenu ul li:hover ul, #gkSubmenu ul li:hover ul ul, #gkSubmenu ul li:hover ul ul ul { left: auto; }