From: <sy...@us...> - 2007-11-14 15:41:14
|
Update of /cvsroot/tikiwiki/tiki/css In directory sc8-pr-cvs10.sourceforge.net:/tmp/cvs-serv19731/css Modified Files: Tag: BRANCH-1-10 cssmenu.css Added Files: Tag: BRANCH-1-10 cssmenu_horiz.css cssmenu_vert.css Log Message: [mod]suckerfish menus: {menu id=1 css=y type=horiz}, {menu id=1 css=y type=vert} - styles are very rudimentatry - {menu id=1 css=y} is broken --- NEW FILE: cssmenu_horiz.css --- {* $Header: /cvsroot/tikiwiki/tiki/css/Attic/cssmenu_horiz.css,v 1.1.2.1 2007/11/14 15:41:14 sylvieg Exp $ *} .cssmenu_horiz, .cssmenu_horiz ul { /* all lists */ padding: 0; margin: 0; list-style: none; line-height: 1; } .cssmenu_horiz a { display: block; width: 10em; text-decoration : none; } .cssmenu_horiz li { /* all list items */ float: left; border-bottom: 1px solid gray; width: 10em; /* width needed or else Opera goes nuts */ } .cssmenu_horiz li.menuSection1, .cssmenu_horiz li.menuSection2, .cssmenu_horiz li.menuSection3 { background: url('../pics/icons/arrow_small.png') right no-repeat; } .cssmenu_horiz li ul { /* second-level lists */ position: absolute; width: 10em; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ } .cssmenu_horiz li ul ul { /* third-and-above-level lists */ margin: -1em 0 0 10em; } .cssmenu_horiz li:hover ul ul, .cssmenu_horiz li:hover ul ul ul, .cssmenu_horiz li.sfhover ul ul, .cssmenu_horiz li.sfhover ul ul ul { left: -999em; } .cssmenu_horiz li:hover ul, .cssmenu_horiz li li:hover ul, .cssmenu_horiz li li li:hover ul, .cssmenu_horiz li.sfhover ul, .cssmenu_horiz li li.sfhover ul, .cssmenu_horiz li li li.sfhover ul { /* lists nested under hovered list items */ left: auto; } --- NEW FILE: cssmenu_vert.css --- {* $Header: /cvsroot/tikiwiki/tiki/css/Attic/cssmenu_vert.css,v 1.1.2.1 2007/11/14 15:41:15 sylvieg Exp $ *} .cssmenu_vert, .cssmenu_vert ul { /* all lists */ padding: 0; margin: 0; list-style: none; float : left; width : 11em; } .cssmenu_vert li { /* all list items */ position : relative; float : left; line-height : 1.25em; margin-bottom : -1px; width: 11em; } .cssmenu_vert li ul { /* second-level lists */ position : absolute; left: -999em; margin-left : 11.05em; margin-top : -1.35em; } .cssmenu_vert li ul ul { /* third-and-above-level lists */ left: -999em; } .cssmenu_vert li a { width: 11em; w\idth : 10em; display : block; font-weight : bold; text-decoration : none; background-color : white; border : 1px solid gray; padding : 0 0.5em; } .cssmenu_vert li a:hover { color : white; background-color : gray; } .cssmenu_vert li:hover ul ul, .cssmenu_vert li:hover ul ul ul, .cssmenu_vert li.sfhover ul ul, .cssmenu_vert li.sfhover ul ul ul { left: -999em; } .cssmenu_vert li:hover ul, .cssmenu_vert li li:hover ul, .cssmenu_vert li li li:hover ul, .cssmenu_vert li.sfhover ul, .cssmenu_vert li li.sfhover ul, .cssmenu_vert li li li.sfhover ul { /* lists nested under hovered list items */ left: auto; } Index: cssmenu.css =================================================================== RCS file: /cvsroot/tikiwiki/tiki/css/cssmenu.css,v retrieving revision 1.2 retrieving revision 1.2.2.1 diff -u -d -r1.2 -r1.2.2.1 --- cssmenu.css 13 Jan 2007 12:02:54 -0000 1.2 +++ cssmenu.css 14 Nov 2007 15:41:15 -0000 1.2.2.1 @@ -1,3 +1,4 @@ +{* $Header$ *} .cssmenu { z-index : 1000 !important; width : 100%; @@ -8,7 +9,7 @@ margin : 0; padding : 0; } -.cssmenu a, .cssmenu h2 { +.cssmenu a, .cssmenu .menuSection { display : block; border : 1px solid #bbb; border-bottom : 0; @@ -16,17 +17,17 @@ padding : 1px 3px; } .cssmenu ul li ul li:last-child a, -.cssmenu ul:last-child li h2 { +.cssmenu ul:last-child li .menuSection { border-bottom : 1px solid #bbb; } -.cssmenu h2 { +.cssmenu .menuSection { font-weight : bold; font-size : 1em; background-image : url('../pics/icons/arrow_small.png'); background-position : right; background-repeat : no-repeat; } -.cssmenu h2 img { +.cssmenu .menuSection img { padding-right : 5px; } .cssmenu ul li a { @@ -39,7 +40,7 @@ .cssmenu a { text-decoration : none; } -.cssmenu a:hover, .cssmenu h2:hover { +.cssmenu a:hover, .cssmenu .menuSection:hover { cursor : pointer; color : #000; background-color : #ddd; |