Newer
Older
/* $Id$ */
/* www.roopletheme.com */
/* another son of suckerfish...
http://www.htmldog.com/articles/suckerfish/dropdowns/
http://www.alistapart.com/articles/horizdropdowns
*/
margin-bottom: 0;
padding-bottom: 0;
}
#suckerfishmenu .block, #suckerfishmenu .box {
line-height: 30px;
background: #3f3f3f;
}
#suckerfishmenu ul.menu { /* top level ul */
padding: 0 0 0 0px;
list-style: none;
z-index: 100;
display: inline;
}
background: #3f3f3f;
color: #fff;
display: block;
padding: 0px 14px 0px 14px; /* padding between menu elements */
margin: 0;
text-decoration: none;
font-size: 95%;
font-weight: bold;
text-transform:uppercase;
}
#suckerfishmenu a:active,
#suckerfishmenu a:hover {
background: #757575;
text-decoration: none;
}
display: inline;
float: left;
margin: 0;
padding: 0;
height: 1%;
}
/* second-level lists */
padding: 0;
margin: 0;
list-style: none;
font-size:90%;
}
position: absolute;
width: 200px;
left: -999em; /* to hide menus because display: none isn't read by screen readers */
}
/* height: auto; */
float: left;
width: 200px;
}
#suckerfishmenu ul.menu li li a:link,
#suckerfishmenu ul.menu li li a:visited {
color: #efefef;
background: #757575;
width: 170px;
border-top: 1px solid #757575;
border-bottom: 1px solid #757575;
border-left: 1px solid #757575;
border-right: 1px solid #757575;
}
#suckerfishmenu ul.menu li li.expanded a {
background: #757575 url(../images/menu_arrow.png) 100% 50% no-repeat;
#suckerfishmenu ul.menu li li.expanded a:active,
#suckerfishmenu ul.menu li li.expanded a:hover {
background: #757575 url(../images/menu_arrow.png) 100% 50% no-repeat;
#suckerfishmenu ul.menu li ul a:active,
#suckerfishmenu ul.menu li ul a:hover {
background: #757575;
text-decoration: none;
color:#313131;
}
#suckerfishmenu ul.menu li li.expanded ul.menu a {
#suckerfishmenu ul.menu li li.expanded ul.menu a:active,
#suckerfishmenu ul.menu li li.expanded ul.menu a:hover {
#suckerfishmenu ul.menu li li.expanded ul.menu li.expanded a {
background: #757575 url(../images/menu_arrow.png) 100% 50% no-repeat;
#suckerfishmenu ul.menu li li.expanded ul.menu li.expanded a:active,
#suckerfishmenu ul.menu li li.expanded ul.menu li.expanded a:hover {
background: #757575 url(../images/menu_arrow.png) 100% 50% no-repeat;
color: #fff;
width: 200px;
line-height: 26px;
font-size: 95%;
}
#suckerfishmenu ul.menu li ul a:active,
#suckerfishmenu ul.menu li ul a:hover {
background: #757575;
text-decoration: none;
}
/* margin for pullouts */
#suckerfishmenu ul.menu li ul ul {
#suckerfishmenu ul.menu li:hover ul ul, #suckerfishmenu ul.menu li:hover ul ul ul, #suckerfishmenu ul.menu li.sfhover ul ul, #suckerfishmenu ul.menu li.sfhover ul ul ul {
#suckerfishmenu ul.menu li:hover ul, #suckerfishmenu ul.menu li li:hover ul, #suckerfishmenu ul.menu li li li:hover ul, #suckerfishmenu ul.menu li.sfhover ul, #suckerfishmenu ul.menu li li.sfhover ul, #suckerfishmenu ul.menu li li li.sfhover ul {
#suckerfishmenu ul.menu li ul ul ul{
#suckerfishmenu ul.menu ul li:hover ul ul, #suckerfishmenu ul.menu ul li:hover ul ul ul, #suckerfishmenu ul.menu ul li.sfhover ul ul, #suckerfishmenu ul.menu ul li.sfhover ul ul ul {
#suckerfishmenu ul.menu ul li:hover ul, #suckerfishmenu ul.menu ul li li:hover ul, #suckerfishmenu ul.menu ul li li li:hover ul, #suckerfishmenu ul.menu ul li.sfhover ul, #suckerfishmenu ul.menu ul li li.sfhover ul, #suckerfishmenu ul.menu ul li li li.sfhover ul {
#suckerfishmenu ul.menu li li.expanded ul.menu li.expanded ul.menu li a { background: #757575; }
#suckerfishmenu ul.menu li li.expanded ul.menu li.expanded ul.menu li a:active, #suckerfishmenu ul.menu li li.expanded ul.menu li.expanded ul.menu li a:hover {
background: #757575;}
#suckerfishmenu ul.menu li li.expanded ul.menu li ul.menu li.expanded a { background: #757575 url(../images/menu_arrow.png) 100% 50% no-repeat; }
#suckerfishmenu ul.menu li li.expanded ul.menu li ul.menu li.expanded a:active, #suckerfishmenu ul.menu li li.expanded ul.menu li ul.menu li.expanded a:hover {
background: #757575 url(../images/menu_arrow.png) 100% 50% no-repeat;}
#suckerfishmenu ul.menu li li.expanded ul.menu li ul.menu a { background: #757575; }
#suckerfishmenu ul.menu li li.expanded ul.menu li ul.menu a:active, #suckerfishmenu ul.menu li li.expanded ul.menu li ul.menu a:hover { background: #757575; }
#suckerfishmenu ul.menu li li.expanded ul.menu li ul.menu li.expanded li ul.menu li.expanded a { background: #757575 url(../images/menu_arrow.png) 100% 50% no-repeat; }
#suckerfishmenu ul.menu li li.expanded ul.menu li ul.menu li.expanded li ul.menu li.expanded a:active, #suckerfishmenu ul.menu li li.expanded ul.menu li ul.menu li.expanded li ul.menu li.expanded a:hover {
background: #757575 url(../images/menu_arrow.png) 100% 50% no-repeat;}
#suckerfishmenu ul.menu li li.expanded ul.menu li ul.menu li ul.menu a { background: #757575; }
#suckerfishmenu ul.menu li li.expanded ul.menu li ul.menu li ul.menu a:active, #suckerfishmenu ul.menu li li.expanded ul.menu li ul.menu li ul.menu a:hover { background: #757575; }