|
|
| Line 176: |
Line 176: |
| | | | |
| | | | |
| − |
| |
| − |
| |
| − | /* 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;
| |
| − | }
| |
| | | | |
| | | | |
| Line 389: |
Line 290: |
| | * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE) | | * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE) |
| | */ | | */ |
| | + | |
| | + | |
| | + | (function($) { |
| | + | "use strict"; // Start of use strict |
| | + | |
| | + | |
| | + | // Offset for Main Navigation |
| | + | $('#mainNav').affix({ |
| | + | offset: { |
| | + | top: 100 |
| | + | } |
| | + | }) |
| | + | })(jQuery); // End of use strict |
| | | | |
| | | | |
