diff --git a/app/assets/stylesheets/application.css.sass b/app/assets/stylesheets/application.css.sass --- a/app/assets/stylesheets/application.css.sass +++ b/app/assets/stylesheets/application.css.sass @@ -33,6 +33,75 @@ //@import bootstrap3-switch @import bootstrap-toggle +//bootstrap navbar color (from) +$bgDefault : #19197b +$bgHighlight : #06064b +$colDefault : #8e8eb4 +$colHighlight : #ffffff +$dropDown : false +.navbar-default + background-color: $bgDefault + border-color: $bgHighlight + .navbar-brand + color: $colDefault + &:hover, &:focus + color: $colHighlight + .navbar-text + color: $colDefault + .navbar-nav + > li + > a + color: $colDefault + &:hover, &:focus + color: $colHighlight + @if $dropDown + > .dropdown-menu + background-color: $bgDefault + > li + > a + color: $colDefault + &:hover, &:focus + color: $colHighlight + background-color: $bgHighlight + > .divider + background-color: $bgHighlight + @if $dropDown + .open .dropdown-menu > .active + > a, > a:hover, > a:focus + color: $colHighlight + background-color: $bgHighlight + > .active + > a, > a:hover, > a:focus + color: $colHighlight + background-color: $bgHighlight + > .open + > a, > a:hover, > a:focus + color: $colHighlight + background-color: $bgHighlight + .navbar-toggle + border-color: $bgHighlight + &:hover, &:focus + background-color: $bgHighlight + .icon-bar + background-color: $colDefault + .navbar-collapse, + .navbar-form + border-color: $colDefault + .navbar-link + color: $colDefault + &:hover + color: $colHighlight +@media (max-width: 767px) + .navbar-default .navbar-nav .open .dropdown-menu + > li > a + color: $colDefault + &:hover, &:focus + color: $colHighlight + > .active + > a, > a:hover, > a:focus + color: $colHighlight + background-color: $bgHighlight + .secondnavbar top: 50px @@ -61,7 +130,7 @@ //font-family: Tahoma, "sans-serif" margin: 10px padding: 10px - padding-top: 100px + padding-top: 40px input