A Dark Navbar Stylesheet addon made by Matiboux for Bootstrap CSS

dark-navbar.css

/*\
|*|  -----------------------------
|*|  --- [  Dark Navbar CSS  ] ---
|*|  --- [    v. 17.02-01    ] ---
|*|  -----------------------------
|*|  Built as a Bootstrap v3.3.7 addon
|*|  
|*|  A Dark Navbar Stylesheet addon made by Matiboux for Bootstrap CSS.
|*|  Created and developed by Mathieu Guérin – aka Matiboux.
|*|  
|*|  Dark Navbar CSS Github Gist: https://gist.github.com/matiboux/0917ba95320132d3fbc212838d8563f1/
|*|  
|*|  Include the Bootstrap CSS before this stylesheet.
|*|  Use this SQL template if you want to use a MySQL database with the framework.
|*|  
|*|  --- --- ---
|*|  
|*|  Changelog for v17.02-01:
|*|  - Just uploading what I got.
|*|    but I disabled the extra things
|*|  
|*|  To do:
|*|  - .disabled item class support
|*|  
|*|  --- --- ---
|*|  
|*|  MIT License
|*|  
|*|  Copyright (c) 2016-2017 Mathieu Guérin (aka Matiboux)
|*|  
|*|    Permission is hereby granted, free of charge, to any person obtaining a copy
|*|    of this software and associated documentation files (the "Software"), to deal
|*|    in the Software without restriction, including without limitation the rights
|*|    to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|*|    copies of the Software, and to permit persons to whom the Software is
|*|    furnished to do so, subject to the following conditions:
|*|    
|*|    The above copyright notice and this permission notice shall be included in all
|*|    copies or substantial portions of the Software.
|*|    
|*|    THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|*|    IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|*|    FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|*|    AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|*|    LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|*|    OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|*|    SOFTWARE.
\*/

/** Navbar */
.navbar {
	background: #202630;
	margin-bottom: 0;
}
.navbar .navbar-nav > .dropdown > .dropdown-menu {
	background: #353b44;
}
.navbar .navbar-toggle .icon-bar {
	background-color: #fff;
}
/*@media (min-width: 768px) {
	.navbar .navbar-nav > .active:before {
		font: normal normal normal 14px/1 FontAwesome;
		margin-top: 28px;
		margin-left: 14px;
		color: #497799;
		font-size: 36px;
		content: "\f0d8";
		position: absolute;
		z-index: 1;
	}
	.navbar .navbar-nav > .active.icon-white:before {
		color: #fff;
	}
	.navbar .navbar-nav > .active.icon-grey:before {
		color: #eee;
	}
}*/
.navbar-brand,
.navbar-brand:hover,
.navbar-brand:focus,
.navbar .navbar-nav > li > a,
.navbar .navbar-nav > .dropdown > .dropdown-menu > li > a {
	font-weight: 700;
	color: #fff;
}
.navbar .navbar-nav > .dropdown > .dropdown-menu > li > a {
	font-weight: 500;
}
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus,
.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:hover,
.navbar .navbar-nav > .active > a:focus,
.navbar .navbar-nav > .open > a,
.navbar .navbar-nav > .open > a:focus,
.navbar .navbar-nav > .open > a:hover {
	background: #353b44;
}
.navbar .navbar-nav > .no-overlay > a:hover,
.navbar .navbar-nav > .no-overlay > a:focus,
.navbar .navbar-nav > .no-overlay.active > a,
.navbar .navbar-nav > .no-overlay.active > a:hover,
.navbar .navbar-nav > .no-overlay.active > a:focus,
.navbar .navbar-nav > .no-overlay.open > a,
.navbar .navbar-nav > .no-overlay.open > a:focus,
.navbar .navbar-nav > .no-overlay.open > a:hover {
	background: #202630;
}
.navbar .navbar-nav > .dropdown > .dropdown-menu > li > a:hover,
.navbar .navbar-nav > .dropdown > .dropdown-menu > li > a:focus,
.navbar .navbar-nav > .dropdown > .dropdown-menu > .active > a,
.navbar .navbar-nav > .dropdown > .dropdown-menu > .active > a:hover,
.navbar .navbar-nav > .dropdown > .dropdown-menu > .active > a:focus {
	background: #484e56;
}
.navbar .navbar-nav > .dropdown > .dropdown-menu > .no-overlay > a:hover,
.navbar .navbar-nav > .dropdown > .dropdown-menu > .no-overlay > a:focus,
.navbar .navbar-nav > .dropdown > .dropdown-menu > .no-overlay.active > a,
.navbar .navbar-nav > .dropdown > .dropdown-menu > .no-overlay.active > a:hover,
.navbar .navbar-nav > .dropdown > .dropdown-menu > .no-overlay.active > a:focus {
	background: #353b44;
}
.navbar .navbar-nav > .no-overlay > a,
.navbar .navbar-nav > .no-overlay > a:hover,
.navbar .navbar-nav > .no-overlay > a:focus {
	background: #202630;
}
.navbar .navbar-nav > .dropdown > .dropdown-menu > .divider {
	background: #484e56;
}

.navbar .navbar-nav .form-group,
.navbar .navbar-nav .form-group > *,
.navbar .navbar-nav .checkbox,
.navbar .navbar-nav .radio {
	margin-top: 10px;
	margin-bottom: 10px;
}
.navbar .navbar-nav .form-group:first-child,
.navbar .navbar-nav .form-group > *:first-child,
.navbar .navbar-nav .checkbox:first-child,
.navbar .navbar-nav .radio:first-child {
	margin-top: 0;
}
.navbar .navbar-nav .form-group:last-child,
.navbar .navbar-nav .form-group > *:last-child,
.navbar .navbar-nav .checkbox:last-child,
.navbar .navbar-nav .radio:last-child {
	margin-bottom: 0;
}

/*.navbar .avatar {
	position: absolute;
	width: 30px;
	height: 30px;
	margin-top: -5px;
}
.navbar .avatar + * {
	margin-left: 40px;
}
@media (min-width: 768px) {
	.navbar .avatar {
		width: 40px;
		height: 40px;
		margin-top: -10px;
	}
	.navbar .avatar + * {
		margin-left: 50px;
	}

}*/