SFBPC – Navigation Bar – FriendBurst Blog

SFBPC – Navigation Bar

February 17, 2011 · shan1

CSS

Navigation Bar

Navigation Bar – Background Color:

div#header ul#main_nav {
background-image: none;
background-color: #00ffff;
}

Navigation Bar – Left Text Color:

div#header ul#main_nav li a {
color: #000000;
}

Navigation Bar – Left Hover Colors:

div#header ul#main_nav li:hover a {
background-color: #00ff00;
color: #fffffff;
}

Navigation Bar – Right Text Color:

div#header div#right_nav ul li a {
color: #000000;
}

Navigation Bar – Right Hover Colors:

div#header div#right_nav ul li:hover a {
background-color: #00ff00;
color: #ffffff;
}

Navigation Bar – Left Dropdown Colors:

div#header ul#main_nav li ul li a {
background-color: #ff00ff !important;
color: #000000 !important;
}

Navigation Bar – Left Dropdown Hover Colors:

div#header ul#main_nav li ul li a:hover {
background-color: #00ff00 !important;
color: #ffffff !important;
}

Navigation Bar – Right Dropdown Colors:

div#header div#right_nav ul li ul li a {
background-color: #ff00ff !important;
color: #000000 !important;
}

Navigation Bar – Right Dropdown Hover Colors:

div#header div#right_nav ul li ul li a:hover {
background-color: #00ff00 !important;
color: #ffffff !important;
}

Navigation Bar – Remove “Explore” Dropdown Icons:

div#header ul#main_nav li ul li a {
background-image: none !important;
padding-left: 10px !important;
}

Navigation Bar – New Mail Notification Colors:

*Change colors as needed.

div#header ul#main_nav .js_new_message {
background-color: #bb0000;
border: 1px solid #000000;
color: #ffffff;
}