1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79
| /*Nav
---------------------------------------*/
div#cat-nav {
clear: both;
float: left;
width: 700px;
margin: 40px 0 0 0;
}
.nav {
float: left;
line-height: 25px;
margin: 0 20px;
width: 100%;
}
.nav a {
display: block;
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
text-decoration: none;
text-shadow: 0 1px 0 #090909;
padding: 0 20px;
}
.nav a:hover { color: #fff; }
.nav li { float: left; }
.nav ul {
position: absolute;
left: -999em;
height: auto;
width: 200px;
font-weight: normal;
z-index: 999;
padding-bottom: 10px;
}
.nav ul a, .nav li a {
display: block;
position: relative;
}
.nav ul a {
font-weight: normal;
color: #FFFFFF;
text-shadow: none;
}
.nav li li {
width: 200px;
background: #245d8e;
}
.nav li li a {
margin: 0;
padding: 8px 10px 8px 20px;
width: 170px;
line-height: 20px;
}
.nav li ul ul { margin: -36px 0 0 200px; }
.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li:hover ul ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul, .nav li.sfhover ul ul ul ul { left: -999em; }
.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul, .nav li li li li.sfhover ul { left: auto; }
.nav li:hover, .nav li.sfhover, .nav .current_page_parent, .nav .current_page_ancestor, .nav .current-cat-parent, .nav .current-cat, .nav .current_page_item, .nav .current_page_item a, .nav .current-cat a {
color: #fff;
background: rgba(0,0,0,.1);
}
.nav li li:hover, .nav li li.sfhover, .nav li li.current_page_parent, .nav li li.current_page_ancestor, .nav li li.current-cat-parent, .nav li li.current-cat, .nav li li.current_page_item { background: #235079; }
/*Nav Arrows
--------------------*/
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; }
/* point right for anchors in subs */
.nav ul .sf-sub-indicator {
background-position: -10px 0;
right: 32px;
top: 12px;
}
.nav ul a > .sf-sub-indicator { background-position: 0 0; }
/* apply hovers to modern browsers */
.nav ul a:focus > .sf-sub-indicator, .nav ul a:hover > .sf-sub-indicator, .nav ul a:active > .sf-sub-indicator, .nav ul li:hover > a > .sf-sub-indicator, .nav ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; } |