/*------------------------------------------------------------------------ # JA Teline II 1.0 - April, 2008 # ------------------------------------------------------------------------ # Copyright (C) 2004-2008 J.O.O.M Solutions Co., Ltd. All Rights Reserved. # @license - Copyrighted Commercial Software # Author: J.O.O.M Solutions Co., Ltd # Websites: http://www.joomlart.com - http://www.joomlancers.com -------------------------------------------------------------------------*/ /* Son of Suckerfish Dropdowns --------------------------------------------------------- Originally developed by Patrick Griffiths and Dan Webb http://www.htmldog.com/articles/suckerfish/dropdowns/ --------------------------------------------------------- NOTE: After a deep research, we decide to divide this CSS into 2 parts. The first part will define the layout. The second part will define the visual look for this menu. ---------------------------------------------------------*/ #ja-cssmenu { margin: 0; /* all lists */ padding: 0; border-bottom: 2px solid #03c9c3; } #ja-cssmenu ul { margin: 0; /* all lists */ padding: 0; } #ja-cssmenu li { margin: 0; /* all list items */ padding: 0; float: left; display: block; background: #FFE6B9; cursor: pointer; font-size: 10pt; } #ja-cssmenu li ul { width: 16.4em; position: absolute; /* second-level lists */ z-index: 99; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ height: auto; w\idth: 15.9em; } #ja-cssmenu li ul ul { margin: -2em 0 0 15em; /* third-and-above-level lists */ } #ja-cssmenu li li { padding: 0 1em 0 0; margin: 0; width: 14.9em; } #ja-cssmenu ul a { width: 14.8em; w\idth: 10.8em; } #ja-cssmenu li:hover ul ul, #ja-cssmenu li:hover ul ul ul, #ja-cssmenu li.sfhover ul ul, #ja-cssmenu li.havechildsfhover ul ul, #ja-cssmenu li.havechild-activesfhover ul ul, #ja-cssmenu li.activesfhover ul ul, #ja-cssmenu li.sfhover ul ul ul, #ja-cssmenu li.havechildsfhover ul ul ul, #ja-cssmenu li.havechild-activesfhover ul ul ul, #ja-cssmenu li.activesfhover ul ul ul { left: -999em; } /* This "unhides" the sub-menus (left: -999em is what hides them) */ #ja-cssmenu li:hover ul, #ja-cssmenu li li:hover ul, #ja-cssmenu li li li:hover ul, #ja-cssmenu li.sfhover ul, #ja-cssmenu li.havechildsfhover ul, #ja-cssmenu li.havechild-activesfhover ul, #ja-cssmenu li.activesfhover ul, #ja-cssmenu li li.sfhover ul, #ja-cssmenu li li.havesubchildsfhover ul, #ja-cssmenu li li.havesubchild-activesfhover ul, #ja-cssmenu li li.activesfhover ul, #ja-cssmenu li li li.sfhover ul, #ja-cssmenu li li li.havesubchildsfhover ul, #ja-cssmenu li li li.havesubchild-activesfhover ul, #ja-cssmenu li li li.activesfhover ul { left: auto; } /* STYLING THE MENU -----------------------------------*/ /* 1st level */ #ja-cssmenu li a { display: block; text-decoration: none; padding: 4px 8px 3px; color: #000; font-size: 96%; text-transform: none; border: 1px solid #FFFFFF; border-bottom: none; font-weight:bold; } #ja-cssmenu li a:hover, #ja-cssmenu li a:active, #ja-cssmenu li a:focus { color:#fff; } #ja-cssmenu li:hover, #ja-cssmenu li.sfhover, #ja-cssmenu li.havechildsfhover, #ja-cssmenu li.havechild-activesfhover { color: #333333; background: #778899; } #ja-cssmenu li a.active, #ja-cssmenu li a.active:hover, #ja-cssmenu li a.active:active, #ja-cssmenu li a.active:focus { color: #FFFFFF; background: #03c9c3; } /* 2nd level and above */ #ja-cssmenu li ul { border: 1px solid #666666; border-top: 5px solid #666666; background: #666666; } #ja-cssmenu li ul li { border-bottom: 1px solid #555555; border-right: none; background: none; } #ja-cssmenu li ul a { border: none; margin: 0; padding: 5px 10px; line-height: normal; background: none; color: #FFFFFF; font-weight: normal; font-size: 92%; } #ja-cssmenu li.havesubchild, #ja-cssmenu li.havesubchild-active { background: url(../../images/arrow3.png) no-repeat 94% 50%; } #ja-cssmenu li ul a:hover, #ja-cssmenu li ul a:active, #ja-cssmenu li ul a:focus, #ja-cssmenu ul li:hover, #ja-cssmenu ul li.sfhover, #ja-cssmenu ul li.havesubchildsfhover, #ja-cssmenu ul li.havesubchild-activesfhover, #ja-cssmenu ul ul li:hover, #ja-cssmenu ul ul li.sfhover, #ja-cssmenu ul ul li.havesubchildsfhover, #ja-cssmenu ul ul li.havesubchild-activesfhover { background: #999999; color: #FFFFFF; } #ja-cssmenu ul li a.active, #ja-cssmenu ul li a.active:hover, #ja-cssmenu ul li a.active:active, #ja-cssmenu ul li a.active:focus { background: none !important; color: #FFFFFF; font-weight: bold; text-decoration: underline; } /*menu sub ----------------------------------------------------------------------------------------------------------------- */ #ja-cssmenu_sub { margin: 0; /* all lists */ padding: 0; } #ja-cssmenu_sub ul { margin: 0; /* all lists */ padding: 0; } #ja-cssmenu_sub li { margin: 0; /* all list items */ padding: 0; float: left; display: block; background: #ffffff; /*color:#356389;*/ cursor: pointer; } #ja-cssmenu_sub li ul { width: 16.4em; position: absolute; /* second-level lists */ z-index: 99; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ height: auto; w\idth: 15.9em; } #ja-cssmenu_sub li ul ul { margin: -2em 0 0 15em; /* third-and-above-level lists */ } #ja-cssmenu_sub li li { padding: 0 1em 0 0; margin: 0; width: 14.9em; } #ja-cssmenu_sub ul a { width: 14.8em; w\idth: 10.8em; } #ja-cssmenu_sub li:hover ul ul, #ja-cssmenu_sub li:hover ul ul ul, #ja-cssmenu_sub li.sfhover ul ul, #ja-cssmenu_sub li.havechildsfhover ul ul, #ja-cssmenu_sub li.havechild-activesfhover ul ul, #ja-cssmenu_sub li.activesfhover ul ul, #ja-cssmenu_sub li.sfhover ul ul ul, #ja-cssmenu_sub li.havechildsfhover ul ul ul, #ja-cssmenu_sub li.havechild-activesfhover ul ul ul, #ja-cssmenu_sub li.activesfhover ul ul ul { left: -999em; } /* This "unhides" the sub-menus (left: -999em is what hides them) */ #ja-cssmenu_sub li:hover ul, #ja-cssmenu_sub li li:hover ul, #ja-cssmenu_sub li li li:hover ul, #ja-cssmenu_sub li.sfhover ul, #ja-cssmenu_sub li.havechildsfhover ul, #ja-cssmenu_sub li.havechild-activesfhover ul, #ja-cssmenu_sub li.activesfhover ul, #ja-cssmenu_sub li li.sfhover ul, #ja-cssmenu_sub li li.havesubchildsfhover ul, #ja-cssmenu_sub li li.havesubchild-activesfhover ul, #ja-cssmenu_sub li li.activesfhover ul, #ja-cssmenu_sub li li li.sfhover ul, #ja-cssmenu_sub li li li.havesubchildsfhover ul, #ja-cssmenu_sub li li li.havesubchild-activesfhover ul, #ja-cssmenu_sub li li li.activesfhover ul { left: auto; } /* STYLING THE MENU -----------------------------------*/ /* 1st level */ #ja-cssmenu_sub li a { display: block; text-decoration: none; padding: 4px 10px 3px; color: #06706d; font-size: 112%; text-transform: none; border: 1px solid #FFFFFF; border-bottom: none; font-weight:bold; } #ja-cssmenu_sub li a.active { color: #FFFFFF; background: #03c9c3; } #ja-cssmenu_sub li a.active:hover, #ja-cssmenu_sub li a.active:active, #ja-cssmenu_sub li a.active:focus { color: #FFFFFF; background: #666666; } #ja-cssmenu_sub li a:hover, #ja-cssmenu_sub li a:active, #ja-cssmenu_sub li a:focus { color:#ffffff; background:#666666; } #ja-cssmenu_sub li:hover, #ja-cssmenu_sub li.sfhover, #ja-cssmenu_sub li.havechildsfhover, #ja-cssmenu_sub li.havechild-activesfhover { color: #ffffff; background:#666666; } /* 2nd level and above */ #ja-cssmenu_sub li ul { border: 1px solid #666666; background: #666666; } #ja-cssmenu_sub li ul li { border-bottom: 1px solid #555555; border-right: none; /*background: none;*/ background:#666666; } #ja-cssmenu_sub li ul a { border: none; margin: 0; padding: 5px 10px; line-height: normal; background: none; color: #ffffff; font-weight: normal; font-size: 92%; } #ja-cssmenu_sub li.havesubchild, #ja-cssmenu_sub li.havesubchild-active { background: url(../../images/arrow3.png) no-repeat 94% 50%; } #ja-cssmenu_sub li ul a:hover, #ja-cssmenu_sub li ul a:active, #ja-cssmenu_sub li ul a:focus, #ja-cssmenu_sub ul li:hover, #ja-cssmenu_sub ul li.sfhover, #ja-cssmenu_sub ul li.havesubchildsfhover, #ja-cssmenu_sub ul li.havesubchild-activesfhover, #ja-cssmenu_sub ul ul li:hover, #ja-cssmenu_sub ul ul li.sfhover, #ja-cssmenu_sub ul ul li.havesubchildsfhover, #ja-cssmenu_sub ul ul li.havesubchild-activesfhover { background:#666666; color: #03c9c3; } #ja-cssmenu_sub ul li a.active, #ja-cssmenu_sub ul li a.active:hover, #ja-cssmenu_sub ul li a.active:active, #ja-cssmenu_sub ul li a.active:focus { background: none !important; color: #FFFFFF; font-weight: bold; text-decoration: underline; } .menu_li_narancs a { background: #f8d4a5; } .menu_li_zold a { background: #c4dbad; } .menu_li_sarga a { background: #f8e7b1; } .menu_li_feher a { background: #fff; } .menu_li_kek a { background: #aad2de; } .menu_li_rozsa a { background: #dab1cf; } .menu_li_cimlap a { background: #f8d4a5; } .menu_li_hirek a { background: #fde5b7; } .menu_li_sport a { background: #f8e7b1; } .menu_li_hirekkomment a { background: #dae8cf; } .menu_li_szoljbe a { background: #c4dbad; } .menu_li_blog a { background: #c8ddbc; } .menu_li_prog a { background: #aad2de; } .menu_li_ingatlan a { background: #b7d2db; } .menu_li_apro a { background: #b3d3de; } .menu_li_terkep a { background: #dbb2d0; } .menu_li_idojaras a { background: #e5bad9; } .menu_li_kapcs a { background: #dab1cf; } /*apro css*/ #ja-cssmenu-apro { margin: 0; /* all lists */ padding: 0; border-bottom: 2px solid #03c9c3; } #ja-cssmenu-apro ul { margin: 0; /* all lists */ padding: 0; } #ja-cssmenu-apro li { margin: 0; /* all list items */ padding: 0; float: left; display: block; background: #ffffff; cursor: pointer; font-size: 9pt; } #ja-cssmenu-apro li ul { width: 16.4em; position: absolute; /* second-level lists */ z-index: 99; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ height: auto; w\idth: 15.9em; } #ja-cssmenu-apro li ul ul { margin: -2em 0 0 15em; /* third-and-above-level lists */ } #ja-cssmenu-apro li li { padding: 0 1em 0 0; margin: 0; width: 14.9em; } #ja-cssmenu-apro ul a { width: 14.8em; w\idth: 10.8em; } #ja-cssmenu-apro li:hover ul ul, #ja-cssmenu-apro li:hover ul ul ul, #ja-cssmenu-apro li.sfhover ul ul, #ja-cssmenu-apro li.havechildsfhover ul ul, #ja-cssmenu-apro li.havechild-activesfhover ul ul, #ja-cssmenu-apro li.activesfhover ul ul, #ja-cssmenu-apro li.sfhover ul ul ul, #ja-cssmenu-apro li.havechildsfhover ul ul ul, #ja-cssmenu-apro li.havechild-activesfhover ul ul ul, #ja-cssmenu-apro li.activesfhover ul ul ul { left: -999em; } /* This "unhides" the sub-menus (left: -999em is what hides them) */ #ja-cssmenu-apro li:hover ul, #ja-cssmenu-apro li li:hover ul, #ja-cssmenu-apro li li li:hover ul, #ja-cssmenu-apro li.sfhover ul, #ja-cssmenu-apro li.havechildsfhover ul, #ja-cssmenu-apro li.havechild-activesfhover ul, #ja-cssmenu-apro li.activesfhover ul, #ja-cssmenu-apro li li.sfhover ul, #ja-cssmenu-apro li li.havesubchildsfhover ul, #ja-cssmenu-apro li li.havesubchild-activesfhover ul, #ja-cssmenu-apro li li.activesfhover ul, #ja-cssmenu-apro li li li.sfhover ul, #ja-cssmenu-apro li li li.havesubchildsfhover ul, #ja-cssmenu-apro li li li.havesubchild-activesfhover ul, #ja-cssmenu-apro li li li.activesfhover ul { left: auto; } /* STYLING THE MENU -----------------------------------*/ /* 1st level */ #ja-cssmenu-apro li a { display: block; text-decoration: none; padding: 4px 8px 3px; color: #000; font-size: 96%; text-transform: none; border: 0px solid #FFFFFF; border-bottom: none; font-weight:bold; } #ja-cssmenu-apro li a:hover, #ja-cssmenu-apro li a:active, #ja-cssmenu-apro li a:focus { color:#fff; } #ja-cssmenu-apro li:hover, #ja-cssmenu-apro li.sfhover, #ja-cssmenu-apro li.havechildsfhover, #ja-cssmenu-apro li.havechild-activesfhover { color: #333333; background: #666666; } #ja-cssmenu-apro li a.active, #ja-cssmenu-apro li a.active:hover, #ja-cssmenu-apro li a.active:active, #ja-cssmenu-apro li a.active:focus { color: #FFFFFF; background: #03c9c3; } /* 2nd level and above */ #ja-cssmenu-apro li ul { border: 1px solid #666666; border-top: 5px solid #666666; background: #666666; margin:0 0 0 1px; } #ja-cssmenu-apro li ul li { border-bottom: 1px solid #555555; border-right: none; background: none; } #ja-cssmenu-apro li ul a { border: none; margin: 0; padding: 5px 10px; line-height: normal; background: none; color: #FFFFFF; font-weight: normal; font-size: 92%; } #ja-cssmenu-apro li.havesubchild, #ja-cssmenu-apro li.havesubchild-active { background: url(../../images/arrow3.png) no-repeat 94% 50%; } #ja-cssmenu-apro li ul a:hover, #ja-cssmenu-apro li ul a:active, #ja-cssmenu-apro li ul a:focus, #ja-cssmenu-apro ul li:hover, #ja-cssmenu-apro ul li.sfhover, #ja-cssmenu-apro ul li.havesubchildsfhover, #ja-cssmenu-apro ul li.havesubchild-activesfhover, #ja-cssmenu-apro ul ul li:hover, #ja-cssmenu-apro ul ul li.sfhover, #ja-cssmenu-apro ul ul li.havesubchildsfhover, #ja-cssmenu-apro ul ul li.havesubchild-activesfhover { background: #666666; color: #03c9c3; } #ja-cssmenu-apro ul li a.active, #ja-cssmenu-apro ul li a.active:hover, #ja-cssmenu-apro ul li a.active:active, #ja-cssmenu-apro ul li a.active:focus { background: none !important; color: #FFFFFF; font-weight: bold; text-decoration: underline; }