Difference between revisions of "Template:British Columbia 2"

m
m
Line 129: Line 129:
  
 
/************************************ Transparent Nav ***********************************************************************/
 
/************************************ Transparent Nav ***********************************************************************/
.navbar-purple {
+
.navbar-clear {
  background-color: #9b59b6;
+
  border-color: #8e44ad;
+
}
+
.navbar-purple .navbar-brand {
+
  color: #ecf0f1;
+
}
+
.navbar-purple .navbar-brand:hover,
+
.navbar-purple .navbar-brand:focus {
+
  color: #ecdbff;
+
}
+
.navbar-purple .navbar-text {
+
  color: #ecf0f1;
+
}
+
.navbar-purple .navbar-nav > li > a {
+
  color: #ecf0f1;
+
}
+
.navbar-purple .navbar-nav > li > a:hover,
+
.navbar-purple .navbar-nav > li > a:focus {
+
  color: #ecdbff;
+
}
+
.navbar-purple .navbar-nav > .active > a,
+
.navbar-purple .navbar-nav > .active > a:hover,
+
.navbar-purple .navbar-nav > .active > a:focus {
+
  color: #ecdbff;
+
  background-color: #8e44ad;
+
}
+
.navbar-purple .navbar-nav > .open > a,
+
.navbar-purple .navbar-nav > .open > a:hover,
+
.navbar-purple .navbar-nav > .open > a:focus {
+
  color: #ecdbff;
+
  background-color: #8e44ad;
+
}
+
.navbar-purple .navbar-toggle {
+
  border-color: #8e44ad;
+
}
+
.navbar-purple .navbar-toggle:hover,
+
.navbar-purple .navbar-toggle:focus {
+
  background-color: #8e44ad;
+
}
+
.navbar-purple .navbar-toggle .icon-bar {
+
  background-color: #ecf0f1;
+
}
+
.navbar-purple .navbar-collapse,
+
.navbar-purple .navbar-form {
+
  border-color: #ecf0f1;
+
}
+
.navbar-purple .navbar-link {
+
  color: #ecf0f1;
+
}
+
.navbar-purple .navbar-link:hover {
+
  color: #ecdbff;
+
}
+
 
+
@media (max-width: 767px) {
+
  .navbar-purple .navbar-nav .open .dropdown-menu > li > a {
+
    color: #ecf0f1;
+
  }
+
  .navbar-purple .navbar-nav .open .dropdown-menu > li > a:hover,
+
  .navbar-purple .navbar-nav .open .dropdown-menu > li > a:focus {
+
    color: #ecdbff;
+
  }
+
  .navbar-purple .navbar-nav .open .dropdown-menu > .active > a,
+
  .navbar-purple .navbar-nav .open .dropdown-menu > .active > a:hover,
+
  .navbar-purple .navbar-nav .open .dropdown-menu > .active > a:focus {
+
    color: #ecdbff;
+
    background-color: #8e44ad;
+
  }
+
}.navbar-clear {
+
 
   background-color: transparent;
 
   background-color: transparent;
 
   border-color: #000000;
 
   border-color: #000000;
Line 393: Line 325:
 
</head>
 
</head>
 
<header>
 
<header>
   <nav class="navbar navbar-purple navbar-fixed-top">
+
   <nav class="navbar navbar-green navbar-fixed-top">
 
     <div class="container-fluid">
 
     <div class="container-fluid">
 
       <div class="navbar-header">
 
       <div class="navbar-header">

Revision as of 23:26, 14 October 2016

Home