Line 56: | Line 56: | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
/* | /* | ||
Line 175: | Line 175: | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /* Header Navbar */ | ||
+ | |||
+ | .navbar-default { | ||
+ | background-color: white; | ||
+ | border-color: rgba(34, 34, 34, 0.05); | ||
+ | font-family: OpenSans, 'Helvetica Neue', Arial, sans-serif; | ||
+ | -webkit-transition: all 0.35s; | ||
+ | -moz-transition: all 0.35s; | ||
+ | transition: all 0.35s; | ||
+ | } | ||
+ | |||
+ | .navbar-default .navbar-header .navbar-brand { | ||
+ | color:#222222; | ||
+ | font-family: 'Open Sans', sans-serif, 'Helvetica Neue', Arial, sans-serif; | ||
+ | font-weight: 700; | ||
+ | text-transform: uppercase; | ||
+ | } | ||
+ | |||
+ | .navbar-default .navbar-header .navbar-brand:hover, | ||
+ | .navbar-default .navbar-header .navbar-brand:focus { | ||
+ | color: #222222; | ||
+ | } | ||
+ | |||
+ | .navbar-default .nav > li > a, | ||
+ | .navbar-default .nav > li > a:focus { | ||
+ | text-transform: uppercase; | ||
+ | font-weight: 700; | ||
+ | font-size: 13px; | ||
+ | color: #222222; | ||
+ | } | ||
+ | |||
+ | .navbar-default .nav > li > a:hover, | ||
+ | .navbar-default .nav > li > a:focus:hover { | ||
+ | color: #c0392b; | ||
+ | } | ||
+ | |||
+ | .navbar-default .nav > li.active > a, | ||
+ | .navbar-default .nav > li.active > a:focus { | ||
+ | color: #222222 !important; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | .navbar-default .nav > li.active > a:hover, | ||
+ | .navbar-default .nav > li.active > a:focus:hover { | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | @media (min-width: 768px) { | ||
+ | .navbar-default { | ||
+ | background-color: transparent; | ||
+ | border-color: rgba(255, 255, 255, 0.3); | ||
+ | } | ||
+ | .navbar-default .navbar-header .navbar-brand { | ||
+ | color: rgba(255, 255, 255, 0.7); | ||
+ | } | ||
+ | .navbar-default .navbar-header .navbar-brand:hover, | ||
+ | .navbar-default .navbar-header .navbar-brand:focus { | ||
+ | color: white; | ||
+ | } | ||
+ | .navbar-default .nav > li > a, | ||
+ | .navbar-default .nav > li > a:focus { | ||
+ | color: rgba(255, 255, 255, 0.7); | ||
+ | } | ||
+ | .navbar-default .nav > li > a:hover, | ||
+ | .navbar-default .nav > li > a:focus:hover { | ||
+ | color: white; | ||
+ | } | ||
+ | .navbar-default.affix { | ||
+ | background-color: white; | ||
+ | border-color: rgba(34, 34, 34, 0.05); | ||
+ | } | ||
+ | .navbar-default.affix .navbar-header .navbar-brand { | ||
+ | color: #222222; | ||
+ | font-size: 18px; | ||
+ | } | ||
+ | .navbar-default.affix .navbar-header .navbar-brand:hover, | ||
+ | .navbar-default.affix .navbar-header .navbar-brand:focus { | ||
+ | color: #222222; | ||
+ | } | ||
+ | .navbar-default.affix .nav > li > a, | ||
+ | .navbar-default.affix .nav > li > a:focus { | ||
+ | color: #222222; | ||
+ | } | ||
+ | .navbar-default.affix .nav > li > a:hover, | ||
+ | .navbar-default.affix .nav > li > a:focus:hover { | ||
+ | color: #222222; | ||
+ | } | ||
+ | } | ||
+ | #mainNav { | ||
+ | margin-top:30px; | ||
+ | transition:background-color .52s ease | ||
+ | } | ||
+ | |||
+ | |||
+ | ul.nav li.dropdown:hover > ul.dropdown-menu { | ||
+ | display: block; | ||
+ | } | ||
Revision as of 19:51, 6 July 2016