Skip to content

Instantly share code, notes, and snippets.

@jonhainstock
Last active February 26, 2021 22:16
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jonhainstock/5869244 to your computer and use it in GitHub Desktop.
Save jonhainstock/5869244 to your computer and use it in GitHub Desktop.
Harvest Inspired Bootstrap Navbar
.navbar-harvest .navbar-inner {
background: #f36c00;
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f68a28), color-stop(100%, #f36c00));
background: -webkit-linear-gradient(top, #f68a28,#f36c00);
background: -moz-linear-gradient(top, #f68a28,#f36c00);
background: -o-linear-gradient(top, #f68a28,#f36c00);
background: -ms-linear-gradient(top, #f68a28,#f36c00);
background: linear-gradient(top, #f68a28,#f36c00);
}
.navbar-harvest .navbar-inner .nav {
float: right;
}
.navbar-harvest .brand {
color: #fff;
text-shadow: none;
padding-top: 20px;
padding-bottom: 20px;
}
.navbar-harvest .navbar-inner .nav li a {
color: #fff;
padding-top: 20px;
padding-bottom: 20px;
text-shadow: none;
background: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: background 0.1s linear,opacity 0.1s linear;
-moz-transition: background 0.1s linear,opacity 0.1s linear;
-ms-transition: background 0.1s linear,opacity 0.1s linear;
-o-transition: background 0.1s linear,opacity 0.1s linear;
transition: background 0.1s linear,opacity 0.1s linear;
-webkit-font-smoothing: antialiased;
opacity: .9;
font-weight: 600;
}
.navbar-harvest .navbar-inner .nav li a:hover {
background: #f67d0f;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color: #fff;
opacity: 1;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment