Difference between revisions of "Template:British Columbia 2"

m
m
Line 129: Line 129:
  
 
/************************************ Transparent Nav ***********************************************************************/
 
/************************************ Transparent Nav ***********************************************************************/
.navbar-clear {
 
  background-color: transparent;
 
  border-color: transparent;
 
  top: 14px;
 
}
 
.navbar-clear .navbar-brand {
 
  color: #e4f9f5;
 
}
 
.navbar-clear .navbar-brand:hover,
 
.navbar-clear .navbar-brand:focus {
 
  color: #0f00ff;
 
}
 
.navbar-clear .navbar-text {
 
  color: #e4f9f5;
 
}
 
.navbar-clear .navbar-nav > li > a {
 
  color: #e4f9f5;
 
}
 
.navbar-clear .navbar-nav > li > a:hover,
 
.navbar-clear .navbar-nav > li > a:focus {
 
  color: #0f00ff;
 
}
 
.navbar-clear .navbar-nav > .active > a,
 
.navbar-clear .navbar-nav > .active > a:hover,
 
.navbar-clear .navbar-nav > .active > a:focus {
 
  color: #0f00ff;
 
  background-color: transparent;
 
}
 
.navbar-clear .navbar-nav > .open > a,
 
.navbar-clear .navbar-nav > .open > a:hover,
 
.navbar-clear .navbar-nav > .open > a:focus {
 
  color: #0f00ff;
 
  background-color: transparent;
 
}
 
.navbar-clear .navbar-toggle {
 
  border-color: transparent;
 
}
 
.navbar-clear .navbar-toggle:hover,
 
.navbar-clear .navbar-toggle:focus {
 
  background-color: transparent;
 
}
 
.navbar-clear .navbar-toggle .icon-bar {
 
  background-color: #e4f9f5;
 
}
 
.navbar-clear .navbar-collapse,
 
.navbar-clear .navbar-form {
 
  border-color: #e4f9f5;
 
}
 
.navbar-clear .navbar-link {
 
  color: #e4f9f5;
 
}
 
.navbar-clear .navbar-link:hover {
 
  color: #0f00ff;
 
}
 
 
@media (max-width: 767px) {
 
  .navbar-clear .navbar-nav .open .dropdown-menu > li > a {
 
    color: #e4f9f5;
 
  }
 
  .navbar-clear .navbar-nav .open .dropdown-menu > li > a:hover,
 
  .navbar-clear .navbar-nav .open .dropdown-menu > li > a:focus {
 
    color: #0f00ff;
 
  }
 
  .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: #0f00ff;
 
    background-color: transparent;
 
  }
 
}
 
 
/*****************Purple nav for testing*******************************/
 
 
.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-purple").fadeIn();
+
         $(".navbar-green").fadeIn();
 
     } else if(width >= 768){
 
     } else if(width >= 768){
 
         $(".navbar-clear").fadeIn();
 
         $(".navbar-clear").fadeIn();
         $(".navbar-purple").fadeOut();
+
         $(".navbar-green").fadeOut();
 
     }
 
     }
 
}
 
}
Line 380: Line 377:
 
     if(width < 768){
 
     if(width < 768){
 
         $(".navbar-clear").fadeOut();
 
         $(".navbar-clear").fadeOut();
         $(".navbar-purple").fadeIn();
+
         $(".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-purple").fadeIn();
+
             $(".navbar-green").fadeIn();
 
         }else if($(window).scrollTop() < 100) {
 
         }else if($(window).scrollTop() < 100) {
 
             $(".navbar-clear").fadeIn();
 
             $(".navbar-clear").fadeIn();
             $(".navbar-purple").fadeOut();
+
             $(".navbar-green").fadeOut();
 
         }
 
         }
 
     }
 
     }

Revision as of 23:25, 14 October 2016

Home