?
Path : /home/admin/public_html/old/templates/yoo_beyond_1.5.14/css/ |
Current File : /home/admin/public_html/old/templates/yoo_beyond_1.5.14/css/menus.css |
/* * YOOtheme CSS file * * @author yootheme.com * @copyright Copyright (C) 2007 YOOtheme Ltd. & Co. KG. All rights reserved. */ /* * topmenu */ div#topmenu ul { margin: 0px; padding: 0px; list-style: none; float: left; } div#topmenu li { margin: 0px; padding: 0px; float: left; display: block; } div#topmenu li a { height: 20px; padding: 0px 10px 0px 10px; background: url(../images/topmenu_item_bg.png) 0 4px no-repeat; float: left; display: block; position: relative; line-height: 17px; overflow: hidden; font-size: 85%; text-decoration: none; } div#topmenu li.item1 a { padding: 0px 10px 0px 0px; background: none; } div#topmenu a:link, div#topmenu a:visited { color: #C8C8C8; } div#topmenu a:hover { color: #ffffff; } /* * menu */ div#menu ul { margin: 0px; padding: 0px; list-style: none; float: left; } div#menu li { position: relative; margin: 0px; padding: 0px; display: block; float: left; } div#menu li a, #menu li span.separator { height: 35px; display: block; float: left; line-height: 35px; text-decoration: none; color: #000000; } div#menu li span { display: block; } div#menu li span { background-repeat: no-repeat; background-position: 95% 0px; } div#menu li a.current { color: #aa1428; } div#menu a:hover, div#menu span.separator:hover, div#menu span.sfhover, div#menu a.current:hover { color: #aa1428; } div#menu li.active { font-weight: bold; } div#menu li.active ul { font-weight: normal; } div#menu li.parent span.separator { cursor: pointer; } div#menu ul.menu { } div#menu li.level1 { margin-right: 5px; } div#menu a.level1 span, div#menu span.level1 span { padding: 0px 15px 0px 15px; } div#menu li.level1:hover, div#menu li.sfhover { background: url(../images/menu_tab_l.png) 0 0 no-repeat; } div#menu li.sfhover li.sfhover { background: none; } div#menu li:hover a.level1, div#menu li.sfhover a.level1, div#menu li:hover span.level1, div#menu li.sfhover span.level1 { background: url(../images/menu_tab_r.png) 100% 0 no-repeat; } div#menu li.active { background: url(../images/menu_tab_l.png) 0 0 no-repeat; } div#menu a.active, div#menu span.active { background: url(../images/menu_tab_r.png) 100% 0 no-repeat; } div#menu li.active li { background: none; } div#menu li li a.active { background: none; } div#menu ul.menu ul { position: absolute; top: 35px; left: -999em; width: 165px; padding: 0px 0px 10px 0px; background: url(../images/menu_dropdown_bg.png) 0 100% no-repeat; } div#menu li:hover ul, div#menu li.sfhover ul { left: 0px; z-index: 100; } div#menu li.level1 li { width: 100%; text-indent: 15px; } div#menu li.level1 li a, div#menu li.level1 li span.separator{ height: 25px; padding: 0px; margin: 0px 1px 0px 1px;; background: #ffffff url(../images/menu_level2_item.png) 100% 0 no-repeat; float: none; display: block; line-height: 25px; } div#menu li.level2 a.parent, div#menu li li.level2 span.parent { background: #ffffff url(../images/menu_level2_item_parent.png) 100% 0 no-repeat; } div#menu li ul ul { margin: -36px 0 0 164px; } div#menu li:hover ul ul, div#menu li.sfhover ul ul { border-top: 1px solid #C8C8C8; } div#menu li:hover ul ul, div#menu li.sfhover ul ul, div#menu li:hover ul ul ul, div#menu li.sfhover ul ul ul, div#menu li:hover ul ul ul ul, div#menu li.sfhover ul ul ul ul { left: -999em; } div#menu li li:hover ul, div#menu li li.sfhover ul, div#menu li li li:hover ul, div#menu li li li.sfhover ul, div#menu li li li li:hover ul, div#menu li li li li.sfhover ul { left: 0; z-index: 100; } /* * sub menu */ div#middle div.module_menu ul { margin: 0px; padding: 0px; overflow: hidden; list-style: none; background: #ffffff; } div#middle ul.menu li { margin: 0px; padding: 0px; display: block; } div#middle ul.menu li a, div#middle ul.menu li span.separator { height: 25px; display: block; line-height: 25px; text-decoration: none; color: #000000; } div#middle ul.menu li span { display: block; } div#middle ul.menu li span { background-repeat: no-repeat; background-position: 95% 0px; } div#middle ul.menu a.current { color: #aa1428; } div#middle ul.menu a:hover, div#middle ul.menu span.separator:hover, div#middle ul.menu span.sfhover, div#middle ul.menu a.current:hover { color: #aa1428; } div#middle ul.menu li.active { font-weight: bold; } div#middle ul.menu li.active li { font-weight: normal; } div#middle ul.menu li.parent span.separator { cursor: pointer; } div#middle ul.menu li.level1 { } div#middle ul.menu a.level1, div#middle ul.menu span.level1 { background: #ffffff url(../images/submenu_level1_item.png) 100% 0 no-repeat; text-indent: 15px; } div#middle ul.menu li.parent a.level1, div#middle ul.menu li.parent span.level1 { background: #ffffff url(../images/submenu_level1_item_parent.png) 100% 0 no-repeat; } div#middle ul.menu li.level2 { } div#middle ul.menu li.level2 a { height: 20px; line-height: 20px; } div#middle ul.menu a.level2 { background: #ffffff url(../images/submenu_level2_item.png) 100% 0 no-repeat; text-indent: 35px; } div#middle ul.menu a.level2 span { background: url(../images/submenu_level2_item_icon.png) 15px 2px no-repeat; } div#middle ul.menu li.level3 { } div#middle ul.menu a.level3 { background: #ffffff url(../images/submenu_level2_item.png) 100% 0 no-repeat; text-indent: 45px; } div#middle ul.menu a.level3 span { background: url(../images/submenu_level3_item_icon.png) 25px 2px no-repeat; } div#middle ul.menu li.level4 { } div#middle ul.menu a.level4 { background: #ffffff url(../images/submenu_level2_item.png) 100% 0 no-repeat; text-indent: 55px; } div#middle ul.menu a.level4 span { background: url(../images/submenu_level4_item_icon.png) 35px 2px no-repeat; }