Add colors to the separator bars

2 files changed, 36 insertions, 0 deletions

diff --git a/src/usr/local/www/bootstrap/css/pfSense-BETA.css b/src/usr/local/www/bootstrap/css/pfSense-BETA.css
index 9332b81..1d21bb5 100644
--- a/src/usr/local/www/bootstrap/css/pfSense-BETA.css
+++ b/src/usr/local/www/bootstrap/css/pfSense-BETA.css
@@ -3,4 +3,20 @@
 /*** Experimental Changes Go Here ***/
 .panel-title {
 	font-size: 16px;
+}
+
+.separator-red {
+	bgcolor: red;
+}
+
+.separator-green {
+	bgcolor: green;
+}
+
+.separator-blue {
+	bgcolor: blue;
+}
+
+.separator-orange {
+	bgcolor: orange;
 }
\ 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 fde1e66..c44abe1 100644
--- a/src/usr/local/www/bootstrap/css/pfSense.css
+++ b/src/usr/local/www/bootstrap/css/pfSense.css
@@ -781,3 +781,23 @@ ul.tree li .over{
         max-height: none !important;
     }
 }
+/* These colors style the separator bars that may be added to firewall rules and NAT rules*/
+tr .separator-red {
+	background-color: #ff9999;
+    color: #4d0000;
+}
+
+.separator-green {
+	background-color: #79d379;
+    color: #0d260d;
+}
+
+.separator-blue {
+	background-color: #cce5ff;
+    color: #002699;
+}
+
+.separator-orange {
+	background-color: #ffcc00;
+    color: #1a1400;
+}
\ No newline at end of file