[+] Helper form WIP

admin-dev/themes/default/css/admin-theme.sass

@@ -1,16 +1,15 @@
-@import "_bootstrap.scss"
-@import "_font-awesome.scss"
-@import "_toggle-switch.scss"
+@import "bootstrap/variables"
+@import "bootstrap"
+@import "font-awesome"
+@import "toggle-switch"
 
 html, body
 	height: 100%
-	background: #EEEEEE
 
 body.fixed-top
 	position: relative
 	top: 56px
 	margin-bottom: 50px
-	font-family: 'Open Sans', sans-serif
 
 #main
 	position: relative
@@ -21,13 +20,13 @@ body.fixed-top
 	float: left
 	width: 1280px
 	min-height: 100%
-	padding: 20px 20px 90px 20px
+	padding: 10px 20px 90px
 	margin: 0 0 0 240px
 	border-left: 2px solid black
 	background-color: white
 
 .page-sidebar
-	top: 65px
+	top: 56px
 	position: fixed
 	width: 240px
 	> ul
@@ -119,7 +118,7 @@ body.fixed-top
 		margin-bottom: 5px
 
 #menu .maintab > a [class^="icon-"], #menu .maintab > a [class*=" icon-"]
-	font-size: 18px
+	font-size: 22px
 	border-radius: 35px
 	height: 30px
 	width: 30px
@@ -129,9 +128,9 @@ body.fixed-top
 	line-height: 30px
 
 label span.label-tooltip
-	color: #0086CE
+	color: $brand-primary
 	text-decoration: none
-	border-bottom: dashed 1px #647858
+	border-bottom: dotted 1px $brand-primary
 
 label.required:before
 	content: '*'
@@ -141,6 +140,9 @@ label.required:before
 //variables 
 $icon-color: #7A0928
 
+.icon-AdminDashboard
+	@extend .icon-dashboard
+	background-color: adjust-hue($icon-color, -20)
 .icon-AdminCatalog
 	@extend .icon-book
 	background-color: adjust-hue($icon-color, 20)
@@ -175,7 +177,6 @@ $icon-color: #7A0928
 	@extend .icon-bar-chart
 	background-color: adjust-hue($icon-color, 220)
 
-
 .navbar-inner
 	box-shadow: none!important
 	.input-append
@@ -188,10 +189,14 @@ $icon-color: #7A0928
 	padding: 2px 5px !important
 	font-size: 11px
 	margin-right: 3px
+	border-bottom: 3px solid darken($brand-primary,10%)
+	position: relative
 	&:hover
-		color: #3D89CC
-		border-color: #3D89CC
+		color: $brand-primary
+		border-color: $brand-primary
 		background-color: white !important
+		border-bottom: 1px solid darken($brand-primary,10%)
+		top: 2px
 
 [class^="process-icon-"], [class*=" process-icon-"]
 	height: 32px
@@ -202,7 +207,7 @@ $icon-color: #7A0928
 	font-family: FontAwesome
 	font-weight: normal
 	font-style: normal
-	font-size: 30px
+	font-size: 25px
 	line-height: 32px
 	text-decoration: inherit
 	-webkit-font-smoothing: antialiased
@@ -253,36 +258,34 @@ $icon-color: #7A0928
 
 .page-head
 	position: relative
-	padding: 5px 5px 0 20px
-	min-height: 63px
+	padding: 4px 5px 0 20px
+	min-height: 65px
 	margin-bottom: 20px
-	background: #EEEEEE
-	.page-title 
+	background: lighten($brand-primary,30%)
+	border-bottom: 3px solid $brand-primary
+	h2.page-title 
 		margin: 0
 		float: left
 		padding: 0
 		font-size: 20px
-		line-height: 55px
-		color: #272822
-		font-weight: 300
+		line-height: 60px
+		color: $brand-primary
 		text-transform: uppercase
-		font-family: 'Ubuntu', sans-serif
-
+	.btn-toolbar
+		margin: 0
+		.nav-tabs
+			margin: 0
+		.nav-tabs > li > a
+			color: #333
+			> .active > a, > .active > a:hover
+				color: #3399ff
+				background: #f5f5f5
+		
 .page-bar
 	float: right
 	padding: 0
 	height: 68px
 
-.btn-toolbar
-	margin: 0
-	.nav-tabs
-		margin: 0
-	.nav-tabs > li > a
-		color: #333
-		> .active > a, > .active > a:hover
-			color: #3399ff
-			background: #f5f5f5
-
 /////////////////////// WIP DRAFT
 //form
 select.input-tiny,
@@ -358,3 +361,7 @@ input[type="text"].filter, input[type="password"].filter, select.filter
 form .alert
 	clear: both
 
+#notifs_icon_wrapper i
+	font-size: 1.5em
+	color: white
+