Skip to content

Instantly share code, notes, and snippets.

@jonhainstock

jonhainstock/simple-navbar.css

Last active February 26, 2021 22:16
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jonhainstock/5869232 to your computer and use it in GitHub Desktop.
Save jonhainstock/5869232 to your computer and use it in GitHub Desktop.
Download ZIP
Simple Inspired Bootstrap Navbar
Raw
simple-navbar.css
.navbar-simple .brand {
padding-top: 15px;
padding-bottom: 15px;
}
.navbar-simple .navbar-inner {
background: #fff;
filter: none !important;
box-shadow: 0 2px 15px rgba(0,0,0,0.25);
-moz-box-shadow: 0 2px 15px rgba(0,0,0,0.25);
-webkit-box-shadow: 0 2px 15px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.2);
}
.navbar-simple .navbar-inner .nav {
float: right;
}
.navbar-simple .navbar-inner .nav li a {
background: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color: #777;
font-size: 13px;
padding-top: 15px;
padding-bottom: 15px;
font-weight: 600;
}
.navbar-simple .navbar-inner .nav li a:hover {
background: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color: #bf3604;
}
.navbar-simple .navbar-inner .nav li.active a {
color: #bf3604;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment