update styles

2 files changed, 93 insertions, 36 deletions

diff --git a/src/usr/local/www/bootstrap/css/pfSense-dark.css b/src/usr/local/www/bootstrap/css/pfSense-dark.css
index b577b97..b57d78c 100644
--- a/src/usr/local/www/bootstrap/css/pfSense-dark.css
+++ b/src/usr/local/www/bootstrap/css/pfSense-dark.css
@@ -67,6 +67,14 @@ table.sortable-theme-bootstrap {
 	font-size: 22px;
 }
 
+.breadcrumb>li+li:before {
+    color: #9E9E9E;
+}
+
+ul.context-links li a {
+    color: #009688;
+}
+
 .nav>li>a {
     border-bottom: 5px solid #212121;
     color: #009688;
diff --git a/src/usr/local/www/bootstrap/css/pfSense.css b/src/usr/local/www/bootstrap/css/pfSense.css
index a4771b5..6218581 100644
--- a/src/usr/local/www/bootstrap/css/pfSense.css
+++ b/src/usr/local/www/bootstrap/css/pfSense.css
@@ -1,31 +1,14 @@
 @import url("/bootstrap/css/bootstrap.min.css");
 @import url("/bootstrap/glyphicons/glyphicons-halflings.css");
 
-h1 a:link{
-	color: #000000;
-	text-decoration: none !important;
-}
-
-h1.page-header {
-	display: none;
-}
-
-
-h1 a:visited { color: #000000; }
-h1 a:hover, h1 a:active { color: #000000; text-decoration: none !important; }
-
-.breadcrumb {
-	font-size: 22px;
-}
-
 html {
 	position: relative;
 	min-height: 100%;
 }
 
 body {
-	padding-top: 60px;
 	margin-bottom: 80px;
+	background-color: #FAFAFA;
 }
 
 body.no-menu #jumbotron {
@@ -50,10 +33,46 @@ a:hover {
 	text-decoration: none;
 }
 
-a.fa {
+a.fa, i.fa {
 	font-size: 18px;
 }
 
+h1 a:link{
+	color: #000000;
+	text-decoration: none !important;
+}
+
+h1.page-header {
+	display: none;
+}
+
+h1 a:visited { 
+	color: #000000;
+}
+
+h1 a:hover, h1 a:active { 
+	color: #000000; 
+	text-decoration: none !important; 
+}
+
+.container.fixed {
+	padding-top: 60px;
+}
+
+.breadcrumb {
+	font-size: 22px;
+	background-color: #E0E0E0;
+	margin-bottom: 10px;
+}
+
+.breadcrumb>li+li:before {
+	color: #B71C1C;
+}
+
+ul.context-links li a {
+	color: #B71C1C;
+}
+
 .ui-sortable-handle {
 	cursor: move;
 }
@@ -78,8 +97,8 @@ tr.disabled th {
 	margin-bottom: 10px;
 }
 
-.breadcrumb {
-	margin-bottom: 10px;
+ul.context-links li a {
+
 }
 
 /* navigation */
@@ -142,10 +161,28 @@ tr.disabled th {
 }
 /* end navigation */
 
+.panel {
+	margin-bottom: 10px;
+}
+
+.panel-default>.panel-heading {
+	color: #fff;
+	background-color: #424242;
+	letter-spacing: 1px;
+}
+
 .panel-heading {
 	padding: 5px 15px;
 }
 
+.panel-title {
+	font-size: 20px;
+}
+
+.panel-body {
+	padding: 0px;
+}
+
 #login .panel-heading {
 	padding: 10px 15px
 }
@@ -195,20 +232,6 @@ tr.disabled th {
 	padding: 0 12px;
 }
 
-.panel-default>.panel-heading {
-	color: #fff;
-	background-color: #424242;
-	letter-spacing: 1px;
-}
-
-.panel {
-	margin-bottom: 10px;
-}
-
-.panel-body {
-	padding: 0px;
-}
-
 .table {
 	margin-bottom: 0;
 }
@@ -399,6 +422,32 @@ form .btn + .btn {
 {
 	color: #337AB7;
 }
+
+.bg-primary {
+	color: #000;
+	background-color: #009688;
+}
+
+.bg-info {
+	color: #000;
+	background-color: #B0BEC5;
+}
+
+.bg-danger {
+	color: #000;
+	background-color: #EF9A9A;
+}
+
+.bg-warning {
+	color: #000;
+	background-color: #FFF9C4;
+}
+
+.bg-success {
+	color: #000;
+	background-color: #80CBC4;
+}
+
 /** icons are often used with onclick actions, so we need the cursor to change to a pointer */
 .icon-pointer
 {
@@ -465,7 +514,7 @@ textarea
  	}
  }
 
- @media (max-width: 992px) {
+ @media (max-width: 991px) {
 	/* change top navbar from horizontal to vertical */
     .navbar-header {
         float: none;