/* * ------------------------------------------------------------------------ * LeoBeauty template for joomla 1.7 * ------------------------------------------------------------------------ * Copyright leotheme.com. All Rights Reserved. * @license GNU / GPL2 http://www.gnu.org/licenses/gpl-2.0.html * Author: leotheme.com * Websites: http://www.leotheme.com * ------------------------------------------------------------------------ */ /* COMMON STYLE --------------------------------------------------------- */ .ja-megamenu a { color: #fff ; } .ja-megamenu ul.level0 { background: url(../images/default/boder-menu.png) repeat-y scroll left top ; display: inline-block; float:left; } .ja-megamenu ul.level0 > li.mega { } .ja-megamenu ul.level0 > li.mega.haschild-over > a span.menu-title, .ja-megamenu ul.level0 > li.mega.haschild > a span.menu-title { margin-left: 8px; } .ja-megamenu ul.level0 > li.mega { background: url(../images/default/boder-menu.png) repeat-y right top scroll; line-height: 39px; height: 39px; padding-right:2px; } .ja-megamenu ul.level0 > li.haschild-over > a.over, .ja-megamenu ul.level0 > li.over > a, .ja-megamenu ul.level0 > li.active > a.active{ background: url(../images/default/menu-hover.png) repeat left top scroll; } .ja-megamenu ul.level0 > li.mega.haschild-over { } .ja-megamenu ul.level0 li.mega.haschild-over a.mega { } .ja-megamenu ul.level0 li.mega.haschild-over ul.level1 li a.mega { } .ja-megamenu ul.level0 > li.mega > a.mega { line-height: 39px; height: 39px; padding: 0 1px; text-transform: uppercase; text-shadow: 0 -1px 0 #450123; } .ja-megamenu ul.level0 li.mega a span.menu-title{ padding: 0 12px; } /* lv - 1 and below -----------------------------------*/ /* Styling ---*/ .ja-megamenu ul.level1 li.mega { margin: 0; padding-bottom: 0px; } .ja-megamenu ul.level1 li.first { border-top: 0; } .ja-megamenu ul.level1 li.mega a.mega { border-bottom: 1px dotted #fd266d; } .ja-megamenu ul.level1 li.mega.last a.mega { background: none; } /* CHILD CONTENT -----------------------------------*/ .ja-megamenu .childcontent-inner { background: #de0451; border-left: 1px solid #b6043e; border-bottom: 1px solid #b6043e; border-right: 1px solid #b6043e; border-radius: 0 0 6px 6px ; } .ja-megamenu .level1 .childcontent-inner { border: 1px solid #b6043e; border-radius: 6px ; } .ja-megamenu .childcontent .ja-moduletable { color: #333; } .ja-megamenu .childcontent .ja-moduletable h3 { background: none; border-bottom: 1px dotted #fd266d; text-transform: uppercase; } .ja-megamenu ul.level1 li.mega:hover, .ja-megamenu ul.level1 li.active { background: none; } .ja-megamenu ul.level1 li.mega a.mega { padding: 8px 15px; } /* Grouped --- */ .ja-megamenu .group-title { border-bottom: 2px solid #fd266d; } .ja-megamenu .group-title > a { border-bottom: none !important; } .ja-megamenu .group-title .menu-title { color: #fff; font-size: 18px; } .ja-megamenu .group-title .menu-desc { color: #999; padding: 5px 0; font-family: Arial, Helvetica, sans-serif; } .ja-megamenu ul.level1 li.mega a.over, .ja-megamenu ul.level1 li.mega a.active { color: #ccc; } .ja-megamenu ul.level1 li:hover .childcontent { left: 90%; width: 100%; } .ja-megamenu ul.level1 li.active:hover .childcontent { left: -999px; } .ja-megamenu ul.level1 li:hover .childcontent { left: 90%; } #ja-mainnav ul.megamenu.level1 li a { position: relative; z-index: 9999; } @media (max-width: 600px ) { .ja-megamenu ul.level0 li.mega.haschild-over a.mega { font-size: 15px !important; line-height: 19px !important; } }