@defaultWidth: 960px; /* HEADER */ @headerBgURL: url('../images/formitize/header_bg.png') repeat-x 0 0; @headerBgColour: #FFF; @headerBadgeFont: 1em; @headerCompanyColour: #10415B; @headerCompanyFont: 1.75em; @headerCompanyFontWeight: 600; @headerCompanyShadow: 0px 1px 2px rgba(255, 255, 255, 0.4); @headerTitleColour: #343434; @headerTitleFont: 1.375em; @headerTitleFontWeight: 400; @headerFont: normal 0.938em/1.5em 'Arimo', Arial, Sans-Serif; @headerFontColour: #000; @headerLinkColour: #000; @headerLinkHoverColour: #10415B; @logoURL: url('../images/formitize/badge.png') no-repeat left top; /* HEADER */ #header-container { background: @headerBgColour @headerBgURL; } #header { color: @headerFontColour; width: @defaultWidth; } #header a:link, #header a:visited, #header a:active { color: @headerLinkColour; } #header a:hover { color: @headerLinkHoverColour; } #logo { background: @logoURL; } #badge { font: @headerBadgeFont; } #company-name { color: @headerCompanyColour; font-size: @headerCompanyFont; font-weight: @headerCompanyFontWeight; text-shadow: @headerCompanyShadow; } #portal-title { color: @headerTitleColour; font-size: @headerTitleFont; font-weight: @headerTitleFontWeight; } /* NAVIGATION BAR */ .navbar-inner { background-color: #10415B !important; /* background color will be black for all browsers */ background-image: none !important; background-repeat: no-repeat !important; filter: none !important; min-height: 35px; } .navbar-inverse .navbar-inner { border: #10415B; } .navbar-inverse .brand, .navbar-inverse .nav > li > a { color: #fff; } .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { background-color: #10415B !important; } .navbar .nav > li > a { padding: 8px 15px; } #header { height: 110px; } #badge { margin: 14px 0 0 20px ;} #user-menu span { padding-top: 5px; }