Reset Menu w Canvas 5

Canvas 5 wykonany przez WooThemes przyniosł dużo zmian na czele z responsywnoscią szablonu.

Niestety dosyć dużo pozmieniało się w głównej nawigacji, co zaczęło mnie doprowadzać do szału, bo wszędzie są ramki, cienie, tła.

Dlatego przygotowałem trochę kodu, który mniej więcej resetuje ustawienia elementów nawigacji i pozwala dodać do nich swoje style.

Oto wersja 0.2 kodu (aktualizacja 12 listopada 2012):

[css]

#navigation {
background: none repeat scroll 0 0 transparent;
border: 0 none;
box-shadow: none;
margin: 0;
}

#navigation ul.nav {
margin: 0;
}

#navigation ul li:first-child, #navigation ul li:first-child a {
border-radius: 0;
-webkit-border-radius: 0;
}

#navigation ul.nav > li {
border: 0 none !important;
padding: 0;
}
#navigation ul.nav > li a:hover {
background: none repeat scroll 0 0 transparent !important;
}
#navigation ul.nav > li:hover {
background: none repeat scroll 0 0 transparent !important;
}
#navigation ul.nav li a {
display: inline !important;
padding: 0 !important;
text-shadow: none;
}
#navigation ul.nav li.current_page_item a, #navigation ul.nav li.current_page_parent a, #navigation ul.nav li.current-menu-ancestor a, #navigation ul.nav li.current-cat a, #navigation ul.nav li.current-menu-item a {
background: none repeat scroll 0 0 transparent !important;
}

[/css]