Ssccb12040 (Talk | contribs) |
|||
Line 10: | Line 10: | ||
color: #E4FDE1; | color: #E4FDE1; | ||
z-index: 100; | z-index: 100; | ||
− | transition: background-color 1s ease 0s; | + | transition: background-color 1s ease 0s; |
− | + | } | |
.navbar-default .navbar-brand { | .navbar-default .navbar-brand { | ||
margin-top: 10px; | margin-top: 10px; | ||
− | color: #E4FDE1; } | + | color: #E4FDE1; |
− | + | } | |
− | color: #cdf4c8; } | + | .navbar-default .navbar-brand:hover { |
+ | color: #cdf4c8; | ||
+ | } | ||
.navbar-default .navbar-nav > li > a { | .navbar-default .navbar-nav > li > a { | ||
color: #E4FDE1; | color: #E4FDE1; | ||
font-family: 'Athiti', sans-serif; | font-family: 'Athiti', sans-serif; | ||
font-size: 17px; | font-size: 17px; | ||
− | margin: 10px 5px 5px 5px; } | + | margin: 10px 5px 5px 5px; |
+ | } | ||
.navbar-default .navbar-nav > li > a:hover { | .navbar-default .navbar-nav > li > a:hover { | ||
− | color: #cdf4c8; } | + | color: #cdf4c8; |
+ | } | ||
.navbar-default .navbar-nav > li > a:focus { | .navbar-default .navbar-nav > li > a:focus { | ||
− | color: #cdf4c8; } | + | color: #cdf4c8; |
+ | } | ||
.navbar-default .navbar-nav > li > a:active { | .navbar-default .navbar-nav > li > a:active { | ||
− | color: #E4FDE1; } | + | color: #E4FDE1; |
+ | } | ||
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { | .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { | ||
background-color: transparent; | background-color: transparent; | ||
− | color: #cdf4c8; } | + | color: #cdf4c8; |
+ | } | ||
.navbar-default .navbar-nav .menus-dropdown { | .navbar-default .navbar-nav .menus-dropdown { | ||
− | position: relative; } | + | position: relative; |
− | + | } | |
− | + | .navbar-default .navbar-nav .menus-dropdown:hover .dropdown { | |
− | + | visibility: visible; | |
+ | opacity: 1; | ||
+ | } | ||
.navbar-default .navbar-nav .dropdown { | .navbar-default .navbar-nav .dropdown { | ||
position: absolute; | position: absolute; | ||
Line 48: | Line 57: | ||
transition: all 0.2s ease-in-out; | transition: all 0.2s ease-in-out; | ||
-webkit-transition: all 0.2s ease-in-out; | -webkit-transition: all 0.2s ease-in-out; | ||
− | -moz-transition: all 0.2s ease-in-out; } | + | -moz-transition: all 0.2s ease-in-out; |
− | + | } | |
− | + | .navbar-default .navbar-nav .dropdown li { | |
− | + | line-height: 30px; | |
− | + | float: none; | |
− | + | list-style: none; | |
− | + | } | |
− | + | .navbar-default .navbar-nav .dropdown a { | |
− | + | font-size: 17px; | |
− | + | font-family: 'Athiti', sans-serif; | |
− | + | font-weight: normal; | |
− | + | color: #020709; | |
− | + | text-decoration: none; | |
+ | } | ||
+ | .navbar-default .navbar-nav .dropdown a:hover { | ||
+ | color: #456990; | ||
+ | } | ||
.navbar-default .navbar-toggle { | .navbar-default .navbar-toggle { | ||
− | border-color: #028090; } | + | border-color: #028090; |
− | + | } | |
− | + | .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { | |
− | + | background-color: #490D40; | |
− | + | } | |
− | + | .navbar-default .navbar-toggle .icon-bar { | |
+ | color: #C57ED3; | ||
+ | background-color: #028090; | ||
+ | } | ||
.navbar-default .navbar-collapse.collapse.in ul { | .navbar-default .navbar-collapse.collapse.in ul { | ||
− | background-color: #490D40; } | + | background-color: #490D40; |
+ | } | ||
/* Solid class attached on scroll past first section */ | /* Solid class attached on scroll past first section */ | ||
Line 75: | Line 92: | ||
.navbar.solid { | .navbar.solid { | ||
background-color: rgba(228, 253, 225, 0.95); | background-color: rgba(228, 253, 225, 0.95); | ||
− | transition: background-color 1s ease 0s; } | + | transition: background-color 1s ease 0s; |
− | + | } | |
− | + | .navbar.solid .navbar-brand { | |
− | + | color: #028090; | |
− | + | transition: color 1s ease 0s; | |
− | + | } | |
− | + | .navbar.solid .navbar-nav > li > a { | |
+ | color: #028090; | ||
+ | transition: color 1s ease 0s; } | ||
/* Dropdown */ | /* Dropdown */ |
Revision as of 07:02, 10 August 2017