style updates

2 files changed, 79 insertions, 27 deletions

diff --git a/src/usr/local/www/bootstrap/css/pfSense-dark.css b/src/usr/local/www/bootstrap/css/pfSense-dark.css
index 766a52c..b577b97 100644
--- a/src/usr/local/www/bootstrap/css/pfSense-dark.css
+++ b/src/usr/local/www/bootstrap/css/pfSense-dark.css
@@ -42,10 +42,6 @@ table.sortable-theme-bootstrap {
 	background-color: #212121 !important;
 }
 
-.navbar {
-	background-color: #000;
-}
-
 .dropdown-menu {
 	background-color: #000;
 	opacity: .93;
@@ -72,9 +68,7 @@ table.sortable-theme-bootstrap {
 }
 
 .nav>li>a {
-    padding: 14px 20px 10px 20px;
     border-bottom: 5px solid #212121;
-    border-radius: 0;
     color: #009688;
 }
 
@@ -97,7 +91,6 @@ table.sortable-theme-bootstrap {
 
 .nav-tabs>li>a {
 	border-bottom: 5px solid #212121;
-	margin-bottom: 1px;
 }
 
 .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li>a:hover {
@@ -106,14 +99,11 @@ table.sortable-theme-bootstrap {
 	border-top: 1px solid #212121;
 	border-bottom: 5px solid #009688;
 	background-color: #212121;
-	margin-bottom: 0;
 	color: #009688;
-	box-shadow: none;
 }
 
 .nav-tabs {
     border-bottom: 1px solid #009688;
-    margin-bottom: 15px;
 }
 
 /* common button colors */
@@ -309,10 +299,6 @@ a.list-group-item .list-group-item-heading, .list-group-item .list-group-item-he
 	background-color: #80CBC4;
 }
 
-a.fa {
-	font-size: 20px;
-}
-
 .icon-embed-btn
 {
 	color: white;
@@ -329,4 +315,8 @@ button.close {
     border: 1px solid #6D4C41;
     border-radius: 5px;
     box-shadow: 1px 1px 1px #6D4C41;
+}
+
+textarea {
+    color: #212121;
 }
\ No newline at end of file
diff --git a/src/usr/local/www/bootstrap/css/pfSense.css b/src/usr/local/www/bootstrap/css/pfSense.css
index d7876e7..a4771b5 100644
--- a/src/usr/local/www/bootstrap/css/pfSense.css
+++ b/src/usr/local/www/bootstrap/css/pfSense.css
@@ -28,10 +28,6 @@ body {
 	margin-bottom: 80px;
 }
 
-.navbar-brand {
-	padding-top: 3px;
-}
-
 body.no-menu #jumbotron {
 	padding: 100px 0;
 	background-image: linear-gradient(to bottom,#3c3c3c 0,#222 100%)
@@ -50,6 +46,14 @@ body#index .icons {
 	float: right;
 }
 
+a:hover {
+	text-decoration: none;
+}
+
+a.fa {
+	font-size: 18px;
+}
+
 .ui-sortable-handle {
 	cursor: move;
 }
@@ -63,20 +67,12 @@ tr.disabled th {
 	border: 1px solid #ddd;
 }
 
-.nav-pills {
-	margin-bottom: 20px;
-}
-
 /** Content structure */
 .table-responsive {
 	clear: both;
 	margin-bottom: 0px;
 }
 
-.navbar {
-	margin-bottom: 10px;
-}
-
 .page-header {
 	padding-bottom: 4px;
 	margin-bottom: 10px;
@@ -86,6 +82,66 @@ tr.disabled th {
 	margin-bottom: 10px;
 }
 
+/* navigation */
+.navbar {
+	margin-bottom: 10px;
+}
+
+.navbar-inverse {
+	background-color: #000000;
+}
+
+.navbar-brand {
+	padding-top: 3px;
+}
+
+.nav>li>a {
+    padding: 14px 19px 10px 19px;
+    border-bottom: 5px solid #ffffff;
+    border-radius: 0;
+    color: #B71C1C;
+}
+
+.nav>li>a:focus, .nav>li>a:hover {
+    border-bottom: 5px solid #B71C1C;
+    background-color: #f5f5f5;
+}
+
+.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav li.open>a, .nav li.open>a:focus, .nav-pills>li.active>a:hover {
+    border-bottom: 5px solid #B71C1C;
+    color: #B71C1C;
+    background-color: #ffffff;
+}
+
+.navbar-nav >li>a {
+	border-bottom: 5px solid #000000;
+}
+
+.nav-tabs>li>a {
+	border-bottom: 5px solid #ffffff;
+	margin-bottom: 1px;
+}
+
+.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li>a:hover {
+	border-left: 1px solid #ffffff;
+	border-right: 1px solid #ffffff;
+	border-top: 1px solid #ffffff;
+	border-bottom: 5px solid #B71C1C;
+	margin-bottom: 0;
+	color: #B71C1C;
+	box-shadow: none;
+}
+
+.nav-tabs {
+    border-bottom: 1px solid #B71C1C;
+    margin-bottom: 15px;
+}
+
+.nav-pills {
+	margin-bottom: 20px;
+}
+/* end navigation */
+
 .panel-heading {
 	padding: 5px 15px;
 }
@@ -397,13 +453,19 @@ form .btn + .btn {
 /* All pfSense textareas benefit from using a fixed width font **/
 textarea
 {
-	font-family:	consolas,monaco,roboto mono,liberation mono,courier;
+	font-family: monospace;
 	font-size: 12px;
 	-moz-tab-size: 4;
 	-o-tab-size: 4;
 }
 
 @media (max-width: 1200px) {
+	.nav>li>a {
+    	padding: 14px 9px 10px 9px;
+ 	}
+ }
+
+ @media (max-width: 992px) {
 	/* change top navbar from horizontal to vertical */
     .navbar-header {
         float: none;