#kmnav { width: 100%; height: 40px; background:#645546; } #kmnav ul { padding-left: 10px; } #kmnav li { display: inline; list-style: none; } #kmnav li a { margin-left: 5px; font-size: 13px; text-decoration: none; color: #f2f2f2; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; padding: 5px; outline: 0; position: relative; top: 12px; } #kmnav li a:hover, #main-nav li a.active { background: #514539; } #kmnav .selected { background: #900 !important; } |
<div id="kmnav"> |
<style>#kmnav li .red a {color: #FF9966; }</style><span class="red"> |
</span> |
</div> |
<!-- select the current tab --> <script type="text/javascript"> $(function(){ var path = location.pathname.substring(1); if ( path ) $('#kmnav a[href$="' + path + '"]').attr('class', 'selected'); $('#kmnav2 a[href$="' + path + '"]').attr('class', 'selected'); }); </script> |