Added Alias popup description for firewall rules.

4 files changed, 186 insertions, 3 deletions

diff --git a/usr/local/www/themes/metallic/all.css b/usr/local/www/themes/metallic/all.css
index 442430f..3848c7f 100644
--- a/usr/local/www/themes/metallic/all.css
+++ b/usr/local/www/themes/metallic/all.css
@@ -4,6 +4,67 @@ html, body, td, th, input, select {
 	font-size: 0.9em;
 }
 
+/* DOM Tooltip CSS definitions */
+div.niceTitle
+{
+	background-color: #333333;
+	color: #FFFFFF;
+	font-weight: bold;
+	font-size: 13px;
+	font-family: "Trebuchet MS", sans-serif;
+	width: 220px;
+	left: 0;
+	top: 0;
+	padding: 4px;
+	position: absolute;
+	text-align: left;
+	z-index: 20;
+	-moz-border-radius: 0 10px 10px 10px;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=87);
+	-moz-opacity: .87;
+	-khtml-opacity: .87;
+	opacity: .87;
+}
+div.niceTitle h1
+{
+  background: #990000;
+  border-bottom: 1px dotted #FFFFFF;
+	font-weight: bold;
+	font-size: 13px;
+	font-family: "Trebuchet MS", sans-serif;
+	margin: 3px;
+  padding-top: 1px;
+  padding-bottom: 1px;
+  padding-left: 3px;
+  text-align: left;
+	left: 0;
+	top: 0;
+  -moz-border-radius: 0 8px 0 0;
+  -moz-opacity: 1;
+}
+div.niceTitle .contents
+{
+	margin: 0;
+	padding: 0 3px;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
+	-moz-opacity: 1;
+	-khtml-opacity: 1;
+	opacity: 1;
+}
+div.niceTitle p
+{
+  background: #FFFFFF;
+  border: 1px solid #990000;
+	color: #000000;
+	font-size: 11px;
+	font-family: "Trebuchet MS", sans-serif;
+	padding: 5px;
+	margin: 3px;
+	text-align: left;
+	-moz-opacity: 1;
+  -moz-border-radius: 0 0 8px 8px;
+}
+
 body {
 	background-color: #333333;
 	margin: 5px auto;
diff --git a/usr/local/www/themes/nervecenter/all.css b/usr/local/www/themes/nervecenter/all.css
index dad15c6..91f3847 100644
--- a/usr/local/www/themes/nervecenter/all.css
+++ b/usr/local/www/themes/nervecenter/all.css
@@ -20,11 +20,10 @@ div.niceTitle
 {
 	background-color: #333333;
 	color: #FFFFFF;
-  border-bottom: 1px dotted #FFFFFF;
 	font-weight: bold;
 	font-size: 13px;
 	font-family: "Trebuchet MS", sans-serif;
-	width: 250px;
+	width: 220px;
 	left: 0;
 	top: 0;
 	padding: 4px;
@@ -68,7 +67,8 @@ div.niceTitle p
   background: #FFFFFF;
   border: 1px solid #990000;
 	color: #000000;
-	font-size: 9px;
+	font-size: 11px;
+	font-family: "Trebuchet MS", sans-serif;
 	padding: 5px;
 	margin: 3px;
 	text-align: left;
diff --git a/usr/local/www/themes/pfsense-dropdown/all.css b/usr/local/www/themes/pfsense-dropdown/all.css
index 4fa8c3b..608b6f8 100644
--- a/usr/local/www/themes/pfsense-dropdown/all.css
+++ b/usr/local/www/themes/pfsense-dropdown/all.css
@@ -13,6 +13,67 @@ form input {
 	font-size: 1.1em;
 }
 
+/* DOM Tooltip CSS definitions */
+div.niceTitle
+{
+	background-color: #333333;
+	color: #FFFFFF;
+	font-weight: bold;
+	font-size: 13px;
+	font-family: "Trebuchet MS", sans-serif;
+	width: 220px;
+	left: 0;
+	top: 0;
+	padding: 4px;
+	position: absolute;
+	text-align: left;
+	z-index: 20;
+	-moz-border-radius: 0 10px 10px 10px;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=87);
+	-moz-opacity: .87;
+	-khtml-opacity: .87;
+	opacity: .87;
+}
+div.niceTitle h1
+{
+  background: #990000;
+  border-bottom: 1px dotted #FFFFFF;
+	font-weight: bold;
+	font-size: 13px;
+	font-family: "Trebuchet MS", sans-serif;
+	margin: 3px;
+  padding-top: 1px;
+  padding-bottom: 1px;
+  padding-left: 3px;
+  text-align: left;
+	left: 0;
+	top: 0;
+  -moz-border-radius: 0 8px 0 0;
+  -moz-opacity: 1;
+}
+div.niceTitle .contents
+{
+	margin: 0;
+	padding: 0 3px;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
+	-moz-opacity: 1;
+	-khtml-opacity: 1;
+	opacity: 1;
+}
+div.niceTitle p
+{
+  background: #FFFFFF;
+  border: 1px solid #990000;
+	color: #000000;
+	font-size: 11px;
+	font-family: "Trebuchet MS", sans-serif;
+	padding: 5px;
+	margin: 3px;
+	text-align: left;
+	-moz-opacity: 1;
+  -moz-border-radius: 0 0 8px 8px;
+}
+
 body {
 	background-color: #ffffff;
 }
diff --git a/usr/local/www/themes/pfsense/all.css b/usr/local/www/themes/pfsense/all.css
index bad8a62..13d7b58 100644
--- a/usr/local/www/themes/pfsense/all.css
+++ b/usr/local/www/themes/pfsense/all.css
@@ -13,6 +13,67 @@ form input {
 	font-size: 1.1em;
 }
 
+/* DOM Tooltip CSS definitions */
+div.niceTitle
+{
+	background-color: #333333;
+	color: #FFFFFF;
+	font-weight: bold;
+	font-size: 13px;
+	font-family: "Trebuchet MS", sans-serif;
+	width: 220px;
+	left: 0;
+	top: 0;
+	padding: 4px;
+	position: absolute;
+	text-align: left;
+	z-index: 20;
+	-moz-border-radius: 0 10px 10px 10px;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=87);
+	-moz-opacity: .87;
+	-khtml-opacity: .87;
+	opacity: .87;
+}
+div.niceTitle h1
+{
+  background: #990000;
+  border-bottom: 1px dotted #FFFFFF;
+	font-weight: bold;
+	font-size: 13px;
+	font-family: "Trebuchet MS", sans-serif;
+	margin: 3px;
+  padding-top: 1px;
+  padding-bottom: 1px;
+  padding-left: 3px;
+  text-align: left;
+	left: 0;
+	top: 0;
+  -moz-border-radius: 0 8px 0 0;
+  -moz-opacity: 1;
+}
+div.niceTitle .contents
+{
+	margin: 0;
+	padding: 0 3px;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
+	-moz-opacity: 1;
+	-khtml-opacity: 1;
+	opacity: 1;
+}
+div.niceTitle p
+{
+  background: #FFFFFF;
+  border: 1px solid #990000;
+	color: #000000;
+	font-size: 11px;
+	font-family: "Trebuchet MS", sans-serif;
+	padding: 5px;
+	margin: 3px;
+	text-align: left;
+	-moz-opacity: 1;
+  -moz-border-radius: 0 0 8px 8px;
+}
+
 body {
 	background-color: #ffffff;
 }