Wolę sam tego nie robić bo jeszcze coś zepsuje.
To jest cały NAVBAR
Kod:
/* NAVBAR */
.navbar {
position:relative;
height: {vb:math {vb:math {vb:stylevar navbar_tab_border.borderWidth} + {vb:stylevar navbar_tab_size.height}} + {vb:stylevar navbar_menu_height}};
background:{vb:stylevar navbar_background};
margin:{vb:stylevar navbar_margin};
color:{vb:stylevar navbar_color};
font:{vb:stylevar navbar_font};
border:{vb:stylevar navbar_border};
-moz-border-radius-bottom{vb:stylevar left}:{vb:stylevar border_radius};
-moz-border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius};
-webkit-border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
-webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
}
.navbar a { color:{vb:stylevar navbar_link_color}; }
.navbar a:hover { color:{vb:stylevar navbar_linkhover_color}; }
.navtabs {
background:{vb:stylevar navbar_tab_background};
padding: {vb:stylevar navbar_tab_padding};
height: {vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units};
}
.navtabs li:first-child {
border-{vb:stylevar left}: {vb:stylevar navbar_tab_border};
}
.navtabs ul {
/* height: {vb:stylevar popupmenu_height}; */
position:absolute;
top:{vb:math {vb:stylevar navbar_tab_size.height} + {vb:stylevar navbar_tab_padding.paddingTop}}{vb:stylevar navbar_tab_size.units};
{vb:stylevar left}:0px;
width:100%;
border-top:{vb:stylevar navbar_tab_border};
-moz-border-radius-bottom{vb:stylevar left}:{vb:stylevar border_radius};
-moz-border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius};
-webkit-border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
-webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
margin-{vb:stylevar right}:-{vb:stylevar navbar_tab_size.width}{vb:stylevar navbar_tab_size.units};
/* This is to fix RTL menu issue under Opera */
direction:ltr;
}
.navtabs li {
float:{vb:stylevar left};
border-{vb:stylevar right}: {vb:stylevar navbar_tab_border};
}
.navtabs ul li:first-child {
margin-{vb:stylevar left}: 20px;
border-{vb:stylevar left}: 0;
}
#navtabs .popupmenu ul li:first-child {
margin-{vb:stylevar left}: 0px;
}
.navtabs ul li {
border-{vb:stylevar right}: 0;
position: relative;
}
.navtabs li a {
height:{vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units};
line-height:{vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units};
padding:0 {vb:stylevar padding};
}
.navtabs li a.navtab {
border-top: {vb:stylevar navbar_tab_bevel};
border-{vb:stylevar left}: {vb:stylevar navbar_tab_bevel};
display:block;
background:{vb:stylevar navbar_tab_background};
min-width:{vb:math {vb:stylevar navbar_tab_size.width} - 2 * {vb:stylevar padding}};
width:auto !important;
width:{vb:math {vb:stylevar navbar_tab_size.width} - 2 * {vb:stylevar padding}};
text-align:center;
color: {vb:stylevar navbar_tab_color};
font:{vb:stylevar navbar_tab_font};
text-decoration:none;
line-height:{vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units};
}
.navtabs li a.navtab:hover {
background:{vb:stylevar navbar_tab_selected_background} 0 -{vb:stylevar navbar_tab_selected_top_height};
color:{vb:stylevar navbar_tab_selected_color};
}
.navtabs li.selected {
height:{vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units};
color:{vb:stylevar navbar_tab_selected_color};
}
.navtabs li.selected a.navtab {
color:{vb:stylevar navbar_tab_selected_color};
background:{vb:stylevar navbar_tab_selected_background};
position:relative;
top:-{vb:stylevar navbar_tab_selected_top_height};
padding-top:{vb:stylevar navbar_tab_selected_top_height};
z-index:10;
}
.navtabs li.selected li a,
.navbar_advanced_search li a {
text-decoration:none;
font:{vb:stylevar navbar_font};
line-height: {vb:stylevar navbar_menu_height};
}
.navtabs li.selected li a {
color:{vb:stylevar navbar_link_color};
padding:{vb:math {vb:stylevar padding}/5} {vb:math {vb:stylevar padding}/2};
}
.navtabs li.selected ul.popupbody a {
line-height: {vb:stylevar popupmenu_height};
}
.navbar_advanced_search li {
height: {vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units};
display:block;
clear:both;
}
.navbar_advanced_search li a {
color:{vb:stylevar navbar_link_color};
}
.navbar_advanced_search li a:hover {
color:{vb:stylevar navbar_linkhover_color};
text-decoration:{vb:stylevar linkhover_textDecoration};
}
.navtabs li.selected li a:hover {
color:{vb:stylevar navbar_linkhover_color};
text-decoration:{vb:stylevar linkhover_textDecoration};
}
.navtabs li.selected .popupbody li a {
text-indent: 0;
color: {vb:stylevar navbar_popupmenu_link_color};
background: {vb:stylevar navbar_popupmenu_link_background};
padding:{vb:stylevar popup_padding.paddingTop}{vb:stylevar popup_padding.units} {vb:stylevar padding};
}
.navtabs li.selected .popupbody li a:hover {
color: {vb:stylevar navbar_popupmenu_link_hover_color};
background: {vb:stylevar navbar_popupmenu_link_hover_background};
}
.navtabs li.selected li a.popupctrl {
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border:solid {vb:stylevar navbar_tab_border.borderWidth}{vb:stylevar navbar_tab_border.units} transparent;
background:transparent url({vb:stylevar imgdir_misc}/arrow.png) no-repeat {vb:stylevar right} center;
padding-{vb:stylevar right}:15px;
color: {vb:stylevar navbar_link_color};
}
.toplinks .notifications a.popupctrl {
padding-top: 3px;
padding-bottom: 3px;
padding-{vb:stylevar left}: 4px;
padding-{vb:stylevar right}: 15px;
background: {vb:stylevar toplinks_hilite_background.backgroundColor} url({vb:stylevar imgdir_misc}/arrow.png) {vb:stylevar right} center no-repeat ;
-moz-border-radius-bottom{vb:stylevar left}: {vb:stylevar border_radius};
-moz-border-radius-bottom{vb:stylevar right}: {vb:stylevar border_radius};
-webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
-webkit-border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
}
.toplinks .nonotifications a.popupctrl {
padding-top: 3px;
padding-bottom: 3px;
padding-{vb:stylevar left}: 4px;
padding-{vb:stylevar right}: 15px;
background: transparent url({vb:stylevar imgdir_misc}/arrow.png) no-repeat {vb:stylevar right} center;
}
.toplinks .notifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl.active , .toplinks .notifications a.popupctrl.active{
padding-top: 3px;
padding-bottom: 3px;
padding-{vb:stylevar left}: 4px;
padding-{vb:stylevar right}: 15px;
background: {vb:stylevar toplinks_hilite_background.backgroundColor} url({vb:stylevar imgdir_misc}/arrow.png) no-repeat {vb:stylevar right} center;
}
.toplinks .notifications a.popupctrl:hover {
padding-top: 3px;
}
.navtabs li.selected li:hover a.popupctrl {
border-color:{vb:stylevar navbar_background.backgroundColor};
background-color:{vb:stylevar navbar_tab_background.backgroundColor};
text-decoration:none;
}
.navtabs li.selected li:hover a.popupctrl.active,
.navtabs li.selected li a.popupctrl.active {
border-color:{vb:stylevar navbar_tab_background.backgroundColor};
background-color:{vb:stylevar navbar_tab_background.backgroundColor};
color:{vb:stylevar navbar_link_color};
border-radius: 3px 3px 0px 0px;
text-decoration:none;
}
.navtabs .popupbody {
border: 1px solid {vb:stylevar navbar_tab_background.backgroundColor};
background: {vb:stylevar navbar_tab_background.backgroundColor};
width: auto;
}
.navtabs .popupbody li {
float:none;
border-top: 1px solid {vb:stylevar navbar_tab_background.backgroundColor};
}
#navtabs .popupmenu ul, #navtabs .popupmenu ul li a {
height: auto;
}
.nonotifications div.popupbody {
min-width: 170px;
width: auto !important;
width: 170px;
background: {vb:stylevar navbar_tab_background.backgroundColor};
border: 1px solid {vb:stylevar navbar_tab_background.backgroundColor};
}
.nonotifications .popupbody p {
color: {vb:stylevar navbar_popupmenu_link_color};
background: {vb:stylevar navbar_popupmenu_link_background};
text-align: {vb:stylevar left};
border-top: 1px solid {vb:stylevar navbar_tab_background.backgroundColor};
padding: 0;
text-indent: {vb:math {vb:stylevar padding}/2};
line-height: {vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units};
display:block;
}
.toplinks .nonotifications .popupbody a {
color: {vb:stylevar navbar_popupmenu_link_color};
background: {vb:stylevar navbar_popupmenu_link_background};
float: none;
clear: none;
padding: 0 {vb:math {vb:stylevar padding}/2};
margin-{vb:stylevar left}: 0;
text-align: {vb:stylevar left};
line-height: {vb:stylevar popupmenu_height};
}
.toplinks .nonotifications .popupbody a:hover {
color: {vb:stylevar navbar_popupmenu_link_hover_color};
background:{vb:stylevar navbar_popupmenu_link_hover_background};
text-decoration: {vb:stylevar linkhover_textDecoration};
padding: 0 {vb:math {vb:stylevar padding}/2};
}
.globalsearch {
position:absolute;
width:180px;
{vb:stylevar right}: {vb:math {vb:stylevar padding}*2};
top: {vb:stylevar navbar_tab_padding.paddingTop}{vb:stylevar navbar_tab_padding.units};
float: {vb:stylevar right};
clear: {vb:stylevar left};
text-align:{vb:stylevar right};
line-height: 1.0em;
display:block;
}
.navbar_search {
position:relative;
width: {vb:math {vb:stylevar navbar_tab_bevel}+179};
{vb:stylevar right}: -{vb:math {vb:math {vb:stylevar padding}*2}-{vb:stylevar navbar_tab_bevel}+1};
display:block;
}
.navbar_search input {
font-size: {vb:math {vb:stylevar font.fontSize}-1}{vb:stylevar font.units};
vertical-align:middle;
padding: 1px;
border:{vb:stylevar input_border};
}
.globalsearch .textboxcontainer {
height: {vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units};
border-{vb:stylevar left}:{vb:stylevar navbar_tab_border};
display:inline-block;
float: {vb:stylevar left};
text-align:center;
}
.globalsearch .textboxcontainer span {
border-top: {vb:stylevar navbar_tab_bevel};
border-{vb:stylevar left}: {vb:stylevar navbar_tab_bevel};
display: inline-block;
height: {vb:math {vb:stylevar navbar_tab_size.height}-4}{vb:stylevar navbar_tab_size.units};
padding-{vb:stylevar left}: 2px;
padding-{vb:stylevar right}: 2px;
padding-top: 3px;
margin-bottom: 1px;
width: 147px;
}
.globalsearch input.textbox {
width: 120px;
}
.toplinks form input.loginbutton {
font-size: {vb:math {vb:stylevar font.fontSize}-2}{vb:stylevar font.units};
padding: 0 {vb:math {vb:stylevar padding}/2};
border:solid 1px {vb:stylevar heavy_border.borderColor};
}
.globalsearch .buttoncontainer {
height: {vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units};
border-{vb:stylevar left}:{vb:stylevar navbar_tab_border};
display:inline-block;
border-{vb:stylevar right}:{vb:stylevar navbar_tab_border};
width: 25px;
overflow: hidden;
float: {vb:stylevar right};
}
.globalsearch .buttoncontainer span{
border-top: {vb:stylevar navbar_tab_bevel};
border-{vb:stylevar left}: {vb:stylevar navbar_tab_bevel};
height: {vb:math {vb:stylevar navbar_tab_size.height}-3}{vb:stylevar navbar_tab_size.units};
padding-{vb:stylevar left}: 4px;
padding-top: {vb:math {vb:math {vb:stylevar navbar_tab_size.height}-21}/2}{vb:stylevar navbar_tab_size.units};
display:inline-block;
}
.globalsearch .searchbutton {
border: 0;
padding: 0;
width: 22px;
margin-top: -2px;
margin-{vb:stylevar left}: -2px;
}
/*************************************************/
/* BREADCRUMB */
.breadcrumb .navbit {
float:{vb:stylevar left};
background-image:url({vb:stylevar imgdir_misc}/navbit-arrow-{vb:stylevar right}.png);
background-position:{vb:stylevar right} center;
background-repeat:no-repeat;
padding-{vb:stylevar right}:10px;
padding-{vb:stylevar left}:3px;
}
.breadcrumb .navbit:first-child {
padding-{vb:stylevar left}:0;
}
.breadcrumb .navbit.lastnavbit {
background: transparent;
}
.breadcrumb .navbit.lastnavbit span {
float:{vb:stylevar left};
background: transparent;
padding-{vb:stylevar right}:10px;
padding-{vb:stylevar left}:3px;
}
.breadcrumb .navbit > a, .breadcrumb .lastnavbit > span {
display:block;
padding:2px 4px;
float:{vb:stylevar left};
background-color:transparent;
border:1px solid transparent;
-moz-border-radius:{vb:stylevar border_radius};
-webkit-border-radius:{vb:stylevar border_radius};
border-radius:{vb:stylevar border_radius};
}
.breadcrumb .navbit a {
text-decoration:none;
}
.breadcrumb hr {
display:none;
}