but where do I exactly go to edit this?The upper navigation bar takes the colour of @primaryDark
The lower navigation bar @primaryLightish
The links @primaryLighter
but where do I exactly go to edit this?
.navTabs
{
@property "navTabs";
font-size: 11px;
background-color: @primaryDark;
padding: 0 25px;
border: 1px solid @primaryLightish;
border-bottom: 1px solid @primaryDarker;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
@property "/navTabs";
height: @headerTabHeight;
}
/* ---------------------------------------- */
/* unselected tab, popup closed */
.navTabs .navTab.PopupClosed .navLink
{
color: @primaryLighter;
}
.navTabs .navTab.PopupClosed:hover
{
background-color: @primaryMedium;
}
.navTabs .navTab.PopupClosed .navLink:hover
{
color: @textCtrlBackground;
}
/* ---------------------------------------- */
/* Second Row */
.navTabs .navTab.selected .tabLinks
{
@property "navTabSelected.background";
background: @primaryLightish url('@imagePath/xenforo/gradients/navigation-tab.png') repeat-x top;
@property "/navTabSelected.background";
width: 100%;
padding: 0;
border: none;
overflow: hidden; zoom: 1;
position: absolute;
left: 0px;
top: {xen:calc '@headerTabHeight + 2'}px;
height: @headerTabHeight;
background-position: 0px -@headerTabHeight;
*clear:expression(style.width = document.getElementById('navigation').offsetWidth + 'px', style.clear = "none", 0);
}
.navTabs .navTab.selected .tabLinks a
{
@property "navTabLink";
font-size: 11px;
color: @textCtrlBackground;
padding: 1px 10px;
display: block;
@property "/navTabLink";
line-height: {xen:calc '@headerTabHeight - 6'}px;
}
.navTabs .navTab.selected .tabLinks a:hover,
.navTabs .navTab.selected .tabLinks a:focus
{
@property "navTabLinkHover";
color: @primaryDark;
text-decoration: none;
background-color: @primaryLighterStill;
padding: 0 9px;
border: 1px solid @primaryLight;
border-radius: 5px;
text-shadow: 1px 1px 0px @primaryLightest;
outline: 0;
@property "/navTabLinkHover";
}
We use essential cookies to make this site work, and optional cookies to enhance your experience.