m |
m |
||
Line 129: | Line 129: | ||
/************************************ Transparent Nav ***********************************************************************/ | /************************************ Transparent Nav ***********************************************************************/ | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
.navbar-purple { | .navbar-purple { | ||
background-color: #9b59b6; | background-color: #9b59b6; | ||
Line 269: | Line 197: | ||
background-color: #8e44ad; | background-color: #8e44ad; | ||
} | } | ||
+ | }.navbar-clear { | ||
+ | background-color: transparent; | ||
+ | border-color: #000000; | ||
} | } | ||
+ | .navbar-clear .navbar-brand { | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | .navbar-clear .navbar-brand:hover, | ||
+ | .navbar-clear .navbar-brand:focus { | ||
+ | color: #11999e; | ||
+ | } | ||
+ | .navbar-clear .navbar-text { | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | .navbar-clear .navbar-nav > li > a { | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | .navbar-clear .navbar-nav > li > a:hover, | ||
+ | .navbar-clear .navbar-nav > li > a:focus { | ||
+ | color: #11999e; | ||
+ | } | ||
+ | .navbar-clear .navbar-nav > .active > a, | ||
+ | .navbar-clear .navbar-nav > .active > a:hover, | ||
+ | .navbar-clear .navbar-nav > .active > a:focus { | ||
+ | color: #11999e; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | .navbar-clear .navbar-nav > .open > a, | ||
+ | .navbar-clear .navbar-nav > .open > a:hover, | ||
+ | .navbar-clear .navbar-nav > .open > a:focus { | ||
+ | color: #11999e; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | .navbar-clear .navbar-toggle { | ||
+ | border-color: #000000; | ||
+ | } | ||
+ | .navbar-clear .navbar-toggle:hover, | ||
+ | .navbar-clear .navbar-toggle:focus { | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | .navbar-clear .navbar-toggle .icon-bar { | ||
+ | background-color: #ffffff; | ||
+ | } | ||
+ | .navbar-clear .navbar-collapse, | ||
+ | .navbar-clear .navbar-form { | ||
+ | border-color: #ffffff; | ||
+ | } | ||
+ | .navbar-clear .navbar-link { | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | .navbar-clear .navbar-link:hover { | ||
+ | color: #11999e; | ||
+ | } | ||
+ | |||
+ | @media (max-width: 767px) { | ||
+ | .navbar-clear .navbar-nav .open .dropdown-menu > li > a { | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | .navbar-clear .navbar-nav .open .dropdown-menu > li > a:hover, | ||
+ | .navbar-clear .navbar-nav .open .dropdown-menu > li > a:focus { | ||
+ | color: #11999e; | ||
+ | } | ||
+ | .navbar-clear .navbar-nav .open .dropdown-menu > .active > a, | ||
+ | .navbar-clear .navbar-nav .open .dropdown-menu > .active > a:hover, | ||
+ | .navbar-clear .navbar-nav .open .dropdown-menu > .active > a:focus { | ||
+ | color: #11999e; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | } | ||
+ | |||
Line 367: | Line 364: | ||
if($(window).scrollTop() > 100) { | if($(window).scrollTop() > 100) { | ||
$(".navbar-clear").fadeOut(); | $(".navbar-clear").fadeOut(); | ||
− | $(".navbar- | + | $(".navbar-green").fadeIn(); |
} else if(width >= 768){ | } else if(width >= 768){ | ||
$(".navbar-clear").fadeIn(); | $(".navbar-clear").fadeIn(); | ||
− | $(".navbar- | + | $(".navbar-green").fadeOut(); |
} | } | ||
} | } | ||
Line 380: | Line 377: | ||
if(width < 768){ | if(width < 768){ | ||
$(".navbar-clear").fadeOut(); | $(".navbar-clear").fadeOut(); | ||
− | $(".navbar- | + | $(".navbar-green").fadeIn(); |
} else if(width >= 768){ | } else if(width >= 768){ | ||
if($(window).scrollTop() >= 100){ | if($(window).scrollTop() >= 100){ | ||
$(".navbar-clear").fadeOut(); | $(".navbar-clear").fadeOut(); | ||
− | $(".navbar- | + | $(".navbar-green").fadeIn(); |
}else if($(window).scrollTop() < 100) { | }else if($(window).scrollTop() < 100) { | ||
$(".navbar-clear").fadeIn(); | $(".navbar-clear").fadeIn(); | ||
− | $(".navbar- | + | $(".navbar-green").fadeOut(); |
} | } | ||
} | } |
Revision as of 23:25, 14 October 2016