|
|
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"> |