|
|
| Line 556: |
Line 556: |
| | /*.....................................*/ | | /*.....................................*/ |
| | | | |
| − | .scrollnav-custom {
| + | <!-- responsive nav button --> |
| − | margin-bottom: 0;
| + | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> |
| − | border-bottom: 0px solid rgba(255, 255, 255, 0.3);
| + | <span class="sr-only">Toggle navigation</span> |
| − | font-family: Tahoma, Geneva, sans-serif
| + | <span class="icon-bar"></span> |
| − | background-color: black;
| + | <span class="icon-bar"></span> |
| − | }
| + | <span class="icon-bar"></span> |
| − | .scrollnav-custom .scrollnav-toggle {
| + | </button> |
| − | color: white;
| + | |
| − | background-color: rgba(255, 255, 255, 0.2);
| + | |
| − | font-size: 12px;
| + | |
| − | }
| + | |
| − | .scrollnav-custom .scrollnav-toggle:focus,
| + | |
| − | .scrollnav-custom .scrollnav-toggle:active {
| + | |
| − | outline: none;
| + | |
| − | }
| + | |
| − | .scrollnav-custom .scrollnav-brand {
| + | |
| − | font-weight: 700;
| + | |
| − | }
| + | |
| − | .scrollnav-custom .scrollnav-brand img {
| + | |
| − | height: 40px;
| + | |
| − | }
| + | |
| − | .scrollnav-custom .scrollnav-brand:focus {
| + | |
| − | outline: none;
| + | |
| − | }
| + | |
| − | .scrollnav-custom a {
| + | |
| − | color: white;
| + | |
| − | }
| + | |
| − | .scrollnav-custom .nav li a {
| + | |
| − | -webkit-transition: background 0.3s ease-in-out;
| + | |
| − | -moz-transition: background 0.3s ease-in-out;
| + | |
| − | transition: background 0.3s ease-in-out;
| + | |
| − | }
| + | |
| − | .scrollnav-custom .nav li a:hover {
| + | |
| − | color: rgba(255, 255, 255, 0.8);
| + | |
| − | outline: none;
| + | |
| − | background-color: transparent;
| + | |
| − | }
| + | |
| − | .scrollnav-custom .nav li a:focus,
| + | |
| − | .scrollnav-custom .nav li a:active {
| + | |
| − | outline: none;
| + | |
| − | background-color: transparent;
| + | |
| − | }
| + | |
| − | .scrollnav-custom .nav li.active {
| + | |
| − | outline: none;
| + | |
| − | }
| + | |
| − | .scrollnav-custom .nav li.active a {
| + | |
| − | background-color: rgba(255, 255, 255, 0.3);
| + | |
| − | }
| + | |
| − | .scrollnav-custom .nav li.active a:hover {
| + | |
| − | color: white;
| + | |
| − | }
| + | |
| − | @media (min-width: 768px) {
| + | |
| − | .scrollnav-custom {
| + | |
| − | padding: 0;
| + | |
| − | letter-spacing: 1px;
| + | |
| − | background: black;
| + | |
| − | border-bottom: 1px solid rgba(255, 255, 255, 0.3);
| + | |
| − | }
| + | |
| − | }
| + | |
| − | .navbar-brand img {
| + | |
| − | height: 100%;
| + | |
| − | }
| + | |
| | .sponsor-section { | | .sponsor-section { |
| | background-color: white; | | background-color: white; |
