/* Start of CMSMS style sheet 'GrassStains : grassmenu' */ /* Horizontal menu for the CMS CSS Menu Module */ /* by Alexander Endresen */ /* The wrapper clears the floating elements of the menu */ #menuwrapper { } /* Set the width of the menu elements at second level. Leaving first level flexible. */ #primary-nav li li { width: 140px; } /* Unless you know what you do, do not touch this */ /******* top navigation *******/ #primary-nav ul { padding:0; margin:0; white-space: nowrap; font-size:8pt; color:#000; float:left; background: url(uploads/GrassStains/topnav_bg_grey.gif); list-style:none; } #primary-nav ul li { margin: 0 0 0 0; padding: 0 0 0 0; color: #000000; text-decoration:none; float: left; } #primary-nav a:hover{display:block; background: url(uploads/GrassStains/topnav_bg_green.gif); color: #ffffff; text-decoration:none; } #primary-nav{ list-style: none; margin: 0px; padding: 0px; } #primary-nav ul { list-style: none; margin: 0px; padding: 0px; } #primary-nav ul { position: absolute; top: auto; display: none; } #primary-nav ul ul { margin-top: 1px; margin-left: -1px; left: 100%; top: 0px; } #primary-nav li { margin-left: -1px; float: left; } #primary-nav li li { margin-left: 0px; margin-top: -1px; float: none; position: relative; } /* Styling the basic apperance of the menu elements */ #primary-nav li a { color:#000; display: block; padding: 4px 10px; text-decoration: none; border-right: 1px solid #C0C0C0; } #primary-nav li li a{ text-align:left; padding: 4px 10px; display: block; border-right:none; } /* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */ #primary-nav li.menuactive { } /* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */ #primary-nav ul li .menuparent, #primary-nav ul li .menuparent:hover{ background-image: url(modules/CSSSMenu/images/arrow.gif); background-position: center right; background-repeat: no-repeat; } /* Styling the apperance of menu items on hover */ #primary-nav li:hover, #rimary-nav li.menuh, #primary-nav ul li .menuparent:hover, #primary-nav ul li. menuparent li:hover{ background: url(uploads/GrassStains/topnav_bg_green.gif); } /* The magic - set to work for up to a 3 level menu, but can be increased unlimited */ #primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, #primary-nav li:hover ul ul ul, #primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul, #primary-nav li.menuparenth ul ul ul { display: none; } #primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, #primary-nav ul ul ul li:hover ul, #primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul, #primary-nav ul ul ul li.menuparenth ul { display: block; } /* IE Hacks */ #primary-nav li li { float: left; clear: both; } #primary-nav li li a { height: 1%; } /* End of 'GrassStains : grassmenu' */