/* ################################### HORIZONTAL / poziome / gorne */ .fshmenu, .fshmenu ul { margin:0;padding:0;list-style:none; } .fshmenu ul { top:22px;display:none;position:absolute;left:-1px;width:142px; } .fshmenu ul ul { top:-1px;margin-top:0;left:140px; } /* following submenus */ .fshmenu li { float:left;display:block;position:relative;background:transparent;color:#053;text-align:center; font-weight:bold;font-size:11px;font-family:Tahoma,sans-serif;line-height:12px; } /* CMT#1 */ .fshmenu ul li { float:none;margin:0;margin-bottom:-1px;background:#888;text-align:left;font-weight:normal; /* CMT#2 */ font-size:11px;font-family:Tahoma,sans-serif;border:1px solid #fff;color:#fff; } .fshmenu ul>li:last-child { margin-bottom:1px; /* Mozilla fix */ } .fshmenu a, .fshmenu div.noclickable { display:block;margin:0;padding:5px 2px 0 2px;color:#fff;text-decoration:none; } /* { display:block;margin:0;padding: 5px 3px 3px 3px;color:#053;text-decoration:none; }*/ .fshmenu .menudouble { padding-top:8px; } /* for doubleline titles */ .fshmenu ul li a { display:block;margin:0;padding:5px;color:#fff;text-decoration:none; } .fshmenu ul li a:hover, .fshmenu ul li a.highlighted:hover, .fshmenu ul li a:focus, .fshmenu ul li a.highlighted { color:#ff9;background:transparent; } .fshmenu a:hover, .fshmenu a.highlighted:hover, .fshmenu a:focus, .fshmenu a.highlighted /* 'hover' is mouseover */ { color:#E77817;background:transparent; } .fshmenu li.menuseparator { height:22px;width:1px;background:#fff; float:left;display:block;position:relative; } .fshmenu a { float:left; } /* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */ .fshmenu ul a { float:none; } /* \*/ .fshmenu a { float: none; } /* */ .fshmenu a .subind { display:none; } /* CMT#3 */ .fshmenu ul a .subind { display:block;float:right;font-size:8px;letter-spacing:-2px } /* CMT#4 */ *:first-child+html .fshmenu ul li { float:left;width:100%; } * html .fshmenu ul li { float:left;height:1%; } * html .fshmenu ul a { height:1%; } /* ################################### VERTICAL / pionowe / boczne */ .fsvmenu { background:#145029 url(img/bg_menu.jpg) left top repeat-y;} .fsvmenu, .fsvmenu ul { width:200px;list-style:none;margin:0;padding:0; } .fsvmenu ul { left: 200px;display:none;position:absolute;top:1px; } /* first-submenus CMT#1 */ .fsvmenu li ul { width:150px;background:#1C723A;padding:0;margin:0; } /* following submenus */ .fsvmenu ul ul { left: 150px;display:none;position:absolute;top:0;} .fsvmenu li { position:relative;border:0;background:transparent;margin-bottom:0;padding:1px 0 0 0; }/*all menu items CMT#2*/ .fsvmenu ul>li:last-child { margin-bottom:0; } /* Mozilla fix */ .fsvmenu a { display:block;padding:5px 5px 5px 40px;text-decoration:none;color:#fff;margin:0; }/*links inside the menu height:19px; */ .fsvmenu li ul a, .fsvmenu li li { padding:0;margin:0; } /*for the arrows*/ .fsvmenu li li a { padding:5px;border-bottom:1px solid #fff;border-left:1px solid #fff; } .fsvmenu a:hover, .fsvmenu a.highlighted:hover, .fsvmenu a:focus { color:#fff;background:#145029; } /* MOUSEOVER */ .fsvmenu a.highlighted { color:#fff;background:#0E4321; } /* Parent to visible menus 1E6035 */ /* arrows + CMT#3*/ .fsvmenu a .subind, .fsvmenu a .subind-opera, .fsvmenu a .subind-main, .fsvmenu a .subind-main-opera { float:right;border:0;width:6px;height:5px; } .fsvmenu a .subind { margin: 4px; } .fsvmenu a .subind-opera { padding:4px; } .fsvmenu a .subind-main { margin: 4px; } .fsvmenu a .subind-main-opera { padding:4px; } .fsvmenu .menuseparator,.fsvmenu .menuseparator img { display:none; } /*.menuseparator { width:200px;padding:0;margin:0;background-color:#fff; }*/ *:first-child+html .fsvmenu li { float:left;width:100%; } /*CMT#4*/ * html .fsvmenu li { height:23px;float:left;padding:0; } /* */ * html .fsvmenu a { height:23px;margin-top:1px;padding:4px 0 0 40px; } * html .fsvmenu .menuseparator { display:block; } /* dontDEL */ * html .fsvmenu a .subind { margin:4px; } * html .fsvmenu a .subind-main { margin:5px; } /* If you want diffrent background colors for diffrent children, use #childnr, where nr is the number of the child (parent is child0); for example this lines will change color of FIRST child: .fsvmenu a#child1{background-color:#fff;} */ /*If there is an image, alter the line below, and comment line above*/ /** html .menuseparator li {height:6px;margin:0;padding:0;}*/ /* End Hacks */ /* Here's a demo stylesheet used to format a menu and its content. Feel free to alter the menu layout however you want! All you have to do is ensure the script has the correct CSS property name (like 'visibility' or 'display') that changes to show/hide menus. If you want to extend this layout, one good resource for UL/LI formatting is: http://www.alistapart.com/articles/taminglists/ Alternatively, you can use any other CSS dropdown layout instead. More here: http://www.alvit.de/css-showcase/ Consult your favourite CSS reference for customising fonts/borders/etc. Otherwise, you can just change the #RGB border/background colours where suitable to customise for your site -- easy :). */ /* CMT#1 Submenus (