header menu first pass

public/less/admin/admin.less

@@ -3,6 +3,8 @@
 @import "./mixins";
 @import "./vars";
 
+@import "./header";
+
 @import "./general/dashboard";
 @import "./general/navigation";
 @import "./manage/categories";
@@ -21,7 +23,6 @@
 @import "./modules/checkboxes";
 
 .admin {
-	padding-top: 70px;
 	background: #fff;
 	font-size: 14px;
 

public/less/admin/bootstrap/variables.less

@@ -102,9 +102,9 @@
 @line-height-large:         1.3333333; // extra decimals for Win 8.1 Chrome
 @line-height-small:         1.5;
 
-@border-radius-base:        3px;
-@border-radius-large:       3px;
-@border-radius-small:       3px;
+@border-radius-base:        0px;
+@border-radius-large:       0px;
+@border-radius-small:       0px;
 
 //** Global color for active items (e.g., navs or dropdowns).
 @component-active-color:    #fff;

public/less/admin/header.less

@@ -0,0 +1,27 @@
+.header {
+	position: relative;
+	background: #333;
+	width: 100%;
+	height: 200px;
+	margin-bottom: 50px;
+
+	> ul {
+		list-style-type: none;
+		padding: 0px;
+		position: absolute;
+		bottom: 0px;
+		left: 50px;
+
+		> li {
+			float: left;
+			margin-right: 30px;
+
+			> a {
+				color: white;
+				font-size: 20px;
+				text-transform: uppercase;
+				text-decoration: none;
+			}
+		}
+	}
+}

public/less/admin/settings.less

@@ -1,6 +1,6 @@
 .settings {
 	.row {
-		margin-bottom: 15px;
+		margin-bottom: 30px;
 	}
 
 	.section-content {
@@ -12,4 +12,8 @@
 			padding-left: 20px;
 		}
 	}
+
+	[data-action="upload"][type="text"] {
+		width: 95%;
+	}
 }

src/views/admin/header.tpl

@@ -150,5 +150,58 @@
 				</div>
 			</div>
 		</nav>-->
+
+		<nav class="header">
+			<ul>
+				<li class="dropdown">
+					<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">General</a>
+					<ul class="dropdown-menu" role="menu">
+						<li><a href="#">Action</a></li>
+						<li><a href="#">Another action</a></li>
+						<li><a href="#">Something else here</a></li>
+						<li class="divider"></li>
+						<li><a href="#">Separated link</a></li>
+						<li class="divider"></li>
+						<li><a href="#">One more separated link</a></li>
+					</ul>
+				</li>
+				<li class="dropdown">
+					<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Settings</a>
+					<ul class="dropdown-menu" role="menu">
+						<li><a href="#">Action</a></li>
+						<li><a href="#">Another action</a></li>
+						<li><a href="#">Something else here</a></li>
+						<li class="divider"></li>
+						<li><a href="#">Separated link</a></li>
+						<li class="divider"></li>
+						<li><a href="#">One more separated link</a></li>
+					</ul>
+				</li>
+				<li class="dropdown">
+					<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Manage</a>
+					<ul class="dropdown-menu" role="menu">
+						<li><a href="#">Action</a></li>
+						<li><a href="#">Another action</a></li>
+						<li><a href="#">Something else here</a></li>
+						<li class="divider"></li>
+						<li><a href="#">Separated link</a></li>
+						<li class="divider"></li>
+						<li><a href="#">One more separated link</a></li>
+					</ul>
+				</li>
+				<li class="dropdown">
+					<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Appearance</a>
+					<ul class="dropdown-menu" role="menu">
+						<li><a href="#">Action</a></li>
+						<li><a href="#">Another action</a></li>
+						<li><a href="#">Something else here</a></li>
+						<li class="divider"></li>
+						<li><a href="#">Separated link</a></li>
+						<li class="divider"></li>
+						<li><a href="#">One more separated link</a></li>
+					</ul>
+				</li>
+			</ul>
+		</nav>
 		
 		<div class="container" id="content">

src/views/admin/settings/general.tpl

@@ -2,7 +2,7 @@
 
 
 <div class="row">
-	<div class="col-xs-2 settings-header">
+	<div class="col-xs-2">
 		Contents
 	</div>
 	<div class="col-xs-10">