Difference between revisions of "Template:British Columbia 2"

m
m
Line 35: Line 35:
  
 
/************************************ Green Nav *****************************************************************************/
 
/************************************ Green Nav *****************************************************************************/
 +
/************************************ #0f9347 Nav ***********************************************************************/
 
.navbar-green {
 
.navbar-green {
 
   background-color: #0f9347;
 
   background-color: #0f9347;
   border-color: transparent;  
+
   border-color: #0f9347;
   top: 14px; display: none;
+
   top: 14px;
 
   font-weight: bold;   
 
   font-weight: bold;   
 
  -webkit-box-shadow: 0px 10px 15px -5px rgba(0,0,0,0.75);
 
  -moz-box-shadow: 0px 10px 15px -5px rgba(0,0,0,0.75);
 
  box-shadow: 0px 10px 15px -5px rgba(0,0,0,0.75);
 
 
}
 
}
 
.navbar-green .navbar-brand {
 
.navbar-green .navbar-brand {
   color: #e4f9f5;
+
   color: #ffffff;
 
}
 
}
 
.navbar-green .navbar-brand:hover,
 
.navbar-green .navbar-brand:hover,
 
.navbar-green .navbar-brand:focus {
 
.navbar-green .navbar-brand:focus {
   color: #ecdbff;
+
   color: #30E3CA;
  background-color: transparent;
+
 
}
 
}
 
.navbar-green .navbar-text {
 
.navbar-green .navbar-text {
   color: #e4f9f5;
+
   color: #ffffff;
 
}
 
}
 
.navbar-green .navbar-nav > li > a {
 
.navbar-green .navbar-nav > li > a {
   color: #e4f9f5;
+
   color: #ffffff;
 
}
 
}
 
.navbar-green .navbar-nav > li > a:hover,
 
.navbar-green .navbar-nav > li > a:hover,
 
.navbar-green .navbar-nav > li > a:focus {
 
.navbar-green .navbar-nav > li > a:focus {
   color: #ecdbff;
+
   color: #30E3CA;
  background-color: transparent;
+
   background-color: #0f9347;
}
+
.navbar-green .navbar-nav > li > .dropdown-menu {
+
  background-color: #888888; border-color: transparent;
+
}
+
.navbar-green .navbar-nav > li > .dropdown-menu > li > a {
+
  color: #e4f9f5;
+
}
+
.navbar-green .navbar-nav > li > .dropdown-menu > li > a:hover,
+
.navbar-green .navbar-nav > li > .dropdown-menu > li > a:focus {
+
  color: #ecdbff;
+
}
+
.navbar-green .navbar-nav > li > .dropdown-menu > li > .divider {
+
  background-color: #40514e;
+
}
+
.navbar-green .navbar-nav .open .dropdown-menu > .active > a,
+
.navbar-green .navbar-nav .open .dropdown-menu > .active > a:hover,
+
.navbar-green .navbar-nav .open .dropdown-menu > .active > a:focus {
+
  color: #ecdbff;
+
   background-color: #40514e;
+
 
}
 
}
 
.navbar-green .navbar-nav > .active > a,
 
.navbar-green .navbar-nav > .active > a,
 
.navbar-green .navbar-nav > .active > a:hover,
 
.navbar-green .navbar-nav > .active > a:hover,
 
.navbar-green .navbar-nav > .active > a:focus {
 
.navbar-green .navbar-nav > .active > a:focus {
   color: #ecdbff;
+
   color: #30E3CA;
   background-color: #40514e;
+
   background-color: #0f9347;
 
}
 
}
 
.navbar-green .navbar-nav > .open > a,
 
.navbar-green .navbar-nav > .open > a,
 
.navbar-green .navbar-nav > .open > a:hover,
 
.navbar-green .navbar-nav > .open > a:hover,
 
.navbar-green .navbar-nav > .open > a:focus {
 
.navbar-green .navbar-nav > .open > a:focus {
   color: #ecdbff;
+
   color: #30E3CA;
   background-color: #40514e;
+
   background-color: #0f9347;
 
}
 
}
 
.navbar-green .navbar-toggle {
 
.navbar-green .navbar-toggle {
   border-color: transparent;
+
   border-color: #000000;
 
}
 
}
 
.navbar-green .navbar-toggle:hover,
 
.navbar-green .navbar-toggle:hover,
Line 103: Line 80:
 
}
 
}
 
.navbar-green .navbar-toggle .icon-bar {
 
.navbar-green .navbar-toggle .icon-bar {
   background-color: #ffffff;
+
   background-color: #0f9347;
 
}
 
}
 
.navbar-green .navbar-collapse,
 
.navbar-green .navbar-collapse,
 
.navbar-green .navbar-form {
 
.navbar-green .navbar-form {
   border-color: transparent;
+
   border-color: #ffffff;
 
}
 
}
 
.navbar-green .navbar-link {
 
.navbar-green .navbar-link {
   color: #e4f9f5;
+
   color: #ffffff;
 
}
 
}
 
.navbar-green .navbar-link:hover {
 
.navbar-green .navbar-link:hover {
   color: #ecdbff;
+
   color: #30E3CA;
 
}
 
}
  
 
@media (max-width: 767px) {
 
@media (max-width: 767px) {
 
   .navbar-green .navbar-nav .open .dropdown-menu > li > a {
 
   .navbar-green .navbar-nav .open .dropdown-menu > li > a {
     color: #e4f9f5;
+
     color: #ffffff;
    background-color: #0f9347;  
+
 
   }
 
   }
 
   .navbar-green .navbar-nav .open .dropdown-menu > li > a:hover,
 
   .navbar-green .navbar-nav .open .dropdown-menu > li > a:hover,
 
   .navbar-green .navbar-nav .open .dropdown-menu > li > a:focus {
 
   .navbar-green .navbar-nav .open .dropdown-menu > li > a:focus {
     color: #ecdbff;
+
     color: #30E3CA;
    background-color: #30E3CA; border-color: #0f9347;
+
 
   }
 
   }
 
   .navbar-green .navbar-nav .open .dropdown-menu > .active > a,
 
   .navbar-green .navbar-nav .open .dropdown-menu > .active > a,
 
   .navbar-green .navbar-nav .open .dropdown-menu > .active > a:hover,
 
   .navbar-green .navbar-nav .open .dropdown-menu > .active > a:hover,
 
   .navbar-green .navbar-nav .open .dropdown-menu > .active > a:focus {
 
   .navbar-green .navbar-nav .open .dropdown-menu > .active > a:focus {
     color: #ecdbff;
+
     color: #30E3CA;
     background-color: #40514e;
+
     background-color: #0f9347;
 
   }
 
   }
 
}
 
}
 +
  
  

Revision as of 07:48, 16 October 2016

Home