/* #------------------------------------------------------------------------ # memovie - February 2010 (for Joomla 1.5) # # Copyright (C) 2007-2010 Gavick.com. All Rights Reserved. # License: Copyrighted Commercial Software # Website: http://www.gavick.com # Support: support@gavick.com #------------------------------------------------------------------------ # Based on T3 Framework #------------------------------------------------------------------------ # 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 #------------------------------------------------------------------------ /* * Menu */ .gk_menu, .gk-megamenu, .gk-megamenu>li, .gk-megamenu>ul>li, .gk-megamenu>li>a, .gk-megamenu>ul>li>a, .gk_menu>li, .gk_menu>ul>li, .gk_menu>li>a, .gk_menu>ul>li>a{padding:0; margin:0; border:0} .gk_menu>ul, .gk-megamenu{border-top:1px solid #3a5676} #gk-splitmenu, #gksdl-mainnav{overflow:hidden; border-bottom:1px solid #3e5978} .gk-megamenu ul.level0>li, .gk_menu>li, .gk_menu>ul>li{padding:7px 20px; border-top:1px solid #3a5676; position:relative; top:-1px; background:transparent url('../images/style1/menu_bullet.png') no-repeat 100% 0} .gk_menu li.active a{color:#b10000} .gk-megamenu ul.level0>li>a .gk_menu>li>a, .gk_menu>ul>li>a{overflow:hidden; color:#ccc} .gk-megamenu ul.level0>li>a>span, .gk_menu>li>a>span, .gk_menu>ul>li>a>span{display:block; height:13px; line-height:13px; font-weight:normal; color:#fff; text-transform:uppercase; text-shadow:1px 1px 1px #333; font-size:79%; font-weight:bold} .gk-megamenu ul.level0>li>a>span.menu-desc, .gk_menu>li>a>span.menu-desc, .gk_menu>ul>li>a>span.menu-desc{height:14px; line-height:14px; color:#a5c0dc} .gk-megamenu ul.level0>li li span.menu-desc, .gk_menu>li li span.menu-desc, .gk_menu>ul>li li span.menu-desc{display:none!important} ul.level0>li.mega>.mega>span.menu-desc, .gk_menu>li>a>span.menu-desc, .gk_menu>ul>li>a>span.menu-desc{display:block; background:none!important; font-weight:normal; font-size:60%} .gk_menu li ul{color:#ccc!important; border:1px solid #e4e4e4!important; background:#eee!important; padding:16px!important} .gk_menu li li>ul{margin-top:-25px!important} #gksdl-subnav ul{width:auto} .gk_menu li ul li{height:25px!important; line-height:25px!important; margin:5px 0 0 0!important; border:0!important} .gk_menu li ul span{display:block} .gk_menu li ul a{border:0!important; color:#3b3b3b!important; font-weight:bold!important; display:block!important; width:100%; height:24px!important; line-height:24px!important; padding:0 7px!important; font-size:65%!important; text-transform:uppercase!important; background:#484848 url('../images/style1/submenu_bg.png') no-repeat 0 top!important} .gk_menu li ul a:hover{background-position:right bottom!important; background-color:#b80000!important; color:#fff!important} .gk-megamenu>ul.level0>li:hover, .gk-megamenu>ul.level0>li.active, .gk_menu>li:hover, .gk_menu>li.active, .gk_menu>ul>li:hover, .gk_menu>ul>li.active{border-top:1px solid #233140; position:relative; top:-1px} .gk_menu li a.active, .gk_menu li a.active:hover, .gk_menu li a.active:active, .gk_menu li a.active:focus, .gk_menu ul li a.active, .gk_menu ul li a.active:hover, .gk_menu ul li a.active:active, .gk_menu ul li a.active:focus{background:none !important; color:#b10000; font-weight:bold} /* only megamenu */ .gk-megamenu a.mega{color:#ccc} .gk-megamenu a.mega:hover{color:#fff} .gk-megamenu ul.level1 li.mega a.mega{border:0; color:#3b3b3b; font-weight:bold; display:block; height:25px; line-height:25px; padding:0 7px; font-size:65%; text-transform:uppercase; margin:5px 0 0 0; background:#484848 url('../images/style1/submenu_bg.png') no-repeat 0 top} .gk-megamenu ul.level1 li.mega a.mega:hover{background-position:right bottom; color:#fff} .gk-megamenu .childcontent-inner-wrap{color:#3b3b3b!important; border:1px solid #e4e4e4!important; background:#eee!important; padding:16px!important} .gk-megamenu .childcontent .gk-moduletable a:hover, .gk-megamenu .childcontent .gk-moduletable a:focus, .gk-megamenu .childcontent .gk-moduletable a:active{color:#fff; text-decoration:none} .gk-megamenu .childcontent .gk-moduletable a{color:#3b3b3b; text-decoration:none; border-bottom:1px dotted #ccc} .gk-megamenu .childcontent .gk-moduletable{color:#ccc; border-bottom:0; line-height:1.5; margin:10px 0; padding:0} .gk-megamenu .childcontent .gk-moduletable h3{background:none; color:#fff; border-bottom:1px dotted #444; margin-left:10px; margin-right:10px; text-indent:5px; text-transform:none} .gk-megamenu .group .moduletable h3, .gk-megamenu .group-title .menu-title{color:#fff; text-transform:uppercase; font-weight:bold; height:25px; line-height:25px; margin:0 3px; padding:0 8px!important; background:#484848 url('../images/style1/submenu_bg.png') no-repeat right bottom!important} .gk-megamenu .group .moduletable h3{color:#3b3b3b; margin:10px 9px; font-size:65%!important; background:#fff url('../images/style1/submenu_bg.png') no-repeat 0 bottom!important} .gk-megamenu .group-title .menu-desc{color:#777; font-size:80%; padding-left:0 !important; height:10px; line-height:15px} .gk-megamenu .group .moduletable h3{background:none; font-size:80%; padding:10px 0} /* * Main Nav */ #gk-mainnav{line-height:1; position:relative; z-index:99; background:transparent url('../images/style1/menu_bg.png') repeat-x 0 0; font-size:120%} /* * Sub Nav */ #gk-subnav{position:relative; height:32px; z-index:99; background:#727b83; margin:0 4px; font-size:90%; border-top:1px solid #6c747c} #gk-subnav .menu-desc{display:none!important} #gk-subnav .main{line-height:1; z-index:100} #gk-subnav ul{background:none; overflow:hidden; height:32px; line-height:32px; padding:0 0 0 8px} #gk-subnav ul.active{background:none} #gk-subnav li{display:block; float:left; padding:0 0 0 11px; height:32px; line-height:32px} #gk-subnav ul li a span{border-left:1px solid #87919a; padding-left:10px} #gk-subnav ul li:first-child a span{border-left:none; padding-left:0} #gk-subnav li.first-item{border-left:0; background:none!important} #gk-subnav ul li a{color:#fff; display:block; text-decoration:none; text-transform:uppercase} #gk-subnav ul li.active a, #gk-subnav ul li.active a:hover, #gk-subnav ul li.active a:active, #gk-subnav ul li.active a:focus{color:#fff!important} #gk-subnav ul ul li{font-size:120%} #gk-subnav ul.active li a{color:#fff} #gk-subnav ul.active li a:hover, ul#gk-subnav>li a:hover, #gk-subnav ul li a:hover{color:#2d353c} #gk-subnav ul li.empty{visibility:hidden} /* * Sub Nav (lv2) */ #gk-subnav ul ul li a span{border:none; padding-left:6px} #gk-subnav ul li ul{display:block; height:auto; left:-999em; padding:0; position:absolute; width:200px} #gk-subnav ul li.hover ul{display:block; height:auto; left:auto; position:absolute; margin-top:3px; margin-left:5px} #gk-subnav ul li.haschild a:hover{background:none} #gk-subnav ul li.haschild li a, #gk-subnav ul li.hover li a{background:none; padding-right:0} #gk-subnav ul li ul{color:#ccc; border:1px solid #e4e4e4; background:#eee; padding:16px} #gk-subnav ul li ul li{border:none; display:block; float:none; overflow:hidden; padding:0; text-align:left} #gk-subnav ul li li a span{padding-left:6px!important} #gk-subnav ul li ul li a{border:0!important; color:#3b3b3b!important; font-weight:bold!important; display:block!important; width:100%; height:25px!important; line-height:25px!important; font-size:75%!important; text-transform:uppercase!important; background:#484848 url('../images/style1/submenu_bg.png') no-repeat 0 top!important} #gk-subnav ul li ul li a:hover{background-position:right bottom!important; color:#fff!important} #gk-subnav ul li ul li a.active{background-position:0 top!important} /* * gk_stuff.css ------------------------------------------------------------------------ */ .gk_menu>ul, .gk-megamenu { border-top:1px solid #3a5676 } #gk-splitmenu, #gksdl-mainnav { overflow:hidden; border-bottom:1px solid #3e5978 } .gk-megamenu ul.level0>li, .gk_menu>li, .gk_menu>ul>li { border-top:1px solid #3a5676; background:transparent url('../images/style1/menu_bullet.png') no-repeat 100% 0 } .gk-megamenu ul.level0>li>a>span, .gk_menu>li>a>span, .gk_menu>ul>li>a>span { text-shadow:1px 1px 1px #333; } .gk-megamenu ul.level0>li>a>span.menu-desc, .gk_menu>li>a>span.menu-desc, .gk_menu>ul>li>a>span.menu-desc { color:#a5c0dc } ul.level0>li.mega>.mega>span.menu-desc, .gk_menu>li>a>span.menu-desc, .gk_menu>ul>li>a>span.menu-desc { background:none!important } .gk_menu li ul { color:#ccc!important; border:1px solid #e4e4e4!important; background:#eee!important } .gk_menu li ul li { border:0!important } .gk_menu li ul a { border:0!important; color:#3b3b3b!important; background:#484848 url('../images/style2/submenu_bg.png') no-repeat 0 top!important } .gk_menu li ul a:hover { background-position:right bottom!important; background-color:#b80000!important; color:#fff!important } .gk-megamenu>ul.level0>li:hover, .gk-megamenu>ul.level0>li.active, .gk_menu>li:hover, .gk_menu>li.active, .gk_menu>ul>li:hover, .gk_menu>ul>li.active { border-top:1px solid #233140 } .gk_menu li a.active, .gk_menu li a.active:hover, .gk_menu li a.active:active, .gk_menu li a.active:focus, .gk_menu ul li a.active, .gk_menu ul li a.active:hover, .gk_menu ul li a.active:active, .gk_menu ul li a.active:focus { background:none !important; color:#b10000 } #gk-mainnav { background:transparent url('../images/style1/menu_bg.png') repeat-x 0 0 } .gk_menu li ul a { background:#484848 url('../images/style1/submenu_bg.png') no-repeat 0 top!important } .gk-megamenu ul.level1 li.mega a.mega { background:#484848 url('../images/style1/submenu_bg.png') no-repeat 0 top } .gk-megamenu .group-title .menu-title { background:#484848 url('../images/style1/submenu_bg.png') no-repeat right bottom!important } .gk-megamenu .group .moduletable h3 { background:#fff url('../images/style1/submenu_bg.png') no-repeat 0 bottom!important } #gk-subnav ul li ul li a { background:#484848 url('../images/style1/submenu_bg.png') no-repeat 0 top!important } #gk-subnav { background:#727b83; border-top:1px solid #6c747c } #gk-subnav ul li a span { border-left:1px solid #87919a } #gk-subnav li.first-item { background:none!important } #gk-subnav ul li a { color:#fff; display:block; text-decoration:none; text-transform:uppercase } #gk-subnav ul li a:hover { color:#2d353c } */ .gk-megamenu { margin: 0; padding: 0; } .gk-megamenu a { text-decoration: none; } /* * lv - 0 */ .gk-megamenu ul.level0 { float: left; } .gk-megamenu ul.level0 li.mega { display: block; float: left; } .gk-megamenu ul.level0>li.mega>a.mega { display: block; } .gk-megamenu ul.level0>li.mega>a.mega span { display: block;} .gk-megamenu ul.level0>li.mega .has-image { padding: 0 0 0 16px!important; display: block; background-repeat: no-repeat; background-position: left 15px; } .gk-megamenu ul.level0 li.mega span.menu-title { display: block; } .gk-megamenu ul.level0 li.mega a img { float: left; padding-right: 5px; } .gk-megamenu ul.level0>li.active a, ul.level0>li.active:hover a { } /* * lv - 1 and below */ .gk-megamenu li.mega .childcontent { display: block; height: auto; position: absolute; } ul.level0>li>.childcontent { margin:8px 0 0 -20px; } .gk-megamenu li.mega .childcontent, .gk-megamenu li.haschild-over li.mega .childcontent, .gk-megamenu li.mega li.haschild-over li.mega .childcontent, .gk-megamenu li.mega li.mega li.haschild-over li.mega .childcontent, .gk-megamenu li.mega li.mega li.mega li.haschild-over li.mega .childcontent, .gk-megamenu li.mega li.mega li.mega li.mega li.haschild-over li.mega .childcontent { left: -999em; /*hide the menu*/ } .gk-megamenu li.haschild-over .childcontent, .gk-megamenu li.mega li.haschild-over .childcontent, .gk-megamenu li.mega li.mega li.haschild-over .childcontent, .gk-megamenu li.mega li.mega li.mega li.haschild-over .childcontent, .gk-megamenu li.mega li.mega li.mega li.mega li.haschild-over .childcontent, .gk-megamenu li.mega li.mega li.mega li.mega li.mega li.haschild-over .childcontent { left: auto; /*show on parent:hover*/ } .gk-megamenu li.mega .right, .gk-megamenu li.haschild-over li.mega .right, .gk-megamenu li.mega li.haschild-over li.mega .right, .gk-megamenu li.mega li.mega li.haschild-over li.mega .right, .gk-megamenu li.mega li.mega li.mega li.haschild-over li.mega .right, .gk-megamenu li.mega li.mega li.mega li.mega li.haschild-over li.mega .right { right: auto; /*hide the menu*/ } .gk-megamenu li.haschild-over .right { right: 0; /*show on parent:hover*/ } .gk-megamenu li.mega li.haschild-over .right, .gk-megamenu li.mega li.mega li.haschild-over .right, .gk-megamenu li.mega li.mega li.mega li.haschild-over .right, .gk-megamenu li.mega li.mega li.mega li.mega li.haschild-over .right, .gk-megamenu li.mega li.mega li.mega li.mega li.mega li.haschild-over .right { right: 12em; /*show on parent:hover*/ } .gk-megamenu ul.level1 li.mega { float: none; } .gk-megamenu ul.level1 .childcontent { margin: -2em 0 0 160px; } /* * Columns */ .gk-megamenu .megacol { float: left; } .gk-megamenu .megacol:first-child>ul { padding:0; } .gk-megamenu .megacol>ul{ padding:0 0 0 16px; } /* * Styling */ .gk-megamenu ul.level1 li.mega { } .gk-megamenu ul.level1 li.first { } .gk-megamenu ul.level1 li.mega:first-child { margin:0; } .gk-megamenu ul.level1 li.mega a.mega span.menu-title { background: none; padding: 0; } .gk-megamenu ul.level1 li.haschild { padding: 0; } .gk-megamenu ul.level1 li.over, ul.level1 li.haschild-over { } .gk-megamenu ul.level1 li.group { background: none; } /* * CHILD CONTENT */ .gk-megamenu .childcontent { z-index: 999; } .gk-megamenu .childcontent .gk-moduletable .gk-box-ct { padding: 0 5px; } .gk-megamenu .childcontent .gk-moduletable ul:first-child { margin-top: 0 !important; } .gk-megamenu .childcontent .gk-moduletable li { } /* * Grouped */ .gk-megamenu .group { } .gk-megamenu .group-title { } .gk-megamenu .group-title a, .group-title a:hover{background:none!important; } .gk-megamenu .group-content .gk-moduletable, .group-content ul.megamenu { margin: 10px; /* Group-content's gutter*/ } /* * reset */ .gk-megamenu .childcontent ul.megamenu .gk-moduletable { padding: 0; } .gk-megamenu .childcontent ul.megamenu .gk-moduletable h3 { margin-left: 0; margin-right: 0; } .group .moduletable{padding-left:10px!important;} .group .moduletable h3{margin-left:0px!important;}