- developed PopUp menu for overview (Eugene)

git-svn-id: svn://svn.zabbix.com/trunk@3892 97f52cf1-0a1b-0410-bd0e-c28be96e8082

1 files changed, 72 insertions, 66 deletions

diff --git a/frontends/php/css.css b/frontends/php/css.css
index e23fe861..c538d0c9 100644
--- a/frontends/php/css.css
+++ b/frontends/php/css.css
@@ -278,13 +278,11 @@ table.screen_view tr td.right_bttm {	text-align: right;	vertical-align: bottom;
 
 table.tableinfo
 {
-	border-spacing:	1px; /* cellspacing */
-	background-color: #AAAAAA;
 	color: #000000;
 	width: 100%;
+	background-color: #AAAAAA;
+	border-spacing:	1px; /* cellspacing */
 	border-width: 0px;
-	border-style: solid;
-	border-color: #0B198C;
 }
 table.tableinfo tr td {
 	white-space: nowrap;
@@ -292,10 +290,8 @@ table.tableinfo tr td {
 	font-family:verdana, arial, helvetica, sans-serif;
 	font-size:8pt;
 	text-decoration: none;
-	border-width: 0px;
-	border-style: solid;
-	border-color: #0B198C;
 	text-align: left;
+	border-width: 0px;
 }
 table.tableinfo tr td.message {
 	text-align: center;
@@ -305,6 +301,7 @@ table.tableinfo tr.header td {
 	word-spacing:	0px;
 	font-weight: bold; 
 	background-color:#CCCCCC;
+	border-width: 0px;
 }
 table.tableinfo tr.vertical_header td {
 	padding-left: 0px;
@@ -317,7 +314,6 @@ table.tableinfo tr.vertical_header td {
 	font-weight: bold; 
 	background-color:#CCCCCC;
 	vertical-align:text-top;
-/*	vertical-align:text-bottom; /**/
 	text-align: center;
 	width: 20px;
 }
@@ -331,72 +327,43 @@ table.tableinfo tr.footer td {
 	color: #FFFFFF;
 	background: #5C7099 url(images/gradients/table_head2.gif) repeat-x top left;
 	background-color: #6d88ad;
-	border-color: #000000;
-	border-width:0px;
-	border-top-style: solid;
-	border-left-style: solid;
-	border-right-style: solid;
-	border-bottom-style: solid;
 	vertical-align: middle;
 	padding-right: 5px;
 	padding-left: 5px;
 }
-table.tableinfo tr.odd_row td		{	background-color: #DDDDDD; }
-table.tableinfo tr.odd_row:hover td 	{	background-color: #DDDDEE; }
+table.tableinfo tr.odd_row td		{	background-color: #DDDDDD; border: 1px #DDDDDD solid; }
+table.tableinfo tr.odd_row:hover td 	{	background-color: #DDDDEE; border: 1px #DDDDEE solid; }
 
-table.tableinfo tr.even_row td		{	background-color: #EEEEEE; }
-table.tableinfo tr.even_row:hover td 	{	background-color: #EEEEFE; }
+table.tableinfo tr.even_row td		{	background-color: #EEEEEE; border: 1px #EEEEEE solid; }
+table.tableinfo tr.even_row:hover td 	{	background-color: #EEEEFE; border: 1px #EEEEFE solid; }
 
 table.tableinfo tr td.center		{vertical-align: middle; text-align: center; }
 
-table.tableinfo tr td.disaster			{	background-color: #FF0000;	}
-table.tableinfo tr td.disaster_blink1		{	background: #FF0000 url(images/gradients/blink1.gif) repeat top left;	}
-table.tableinfo tr td.disaster_blink2 		{	background: #FF0000 url(images/gradients/blink2.gif) repeat top left;	}
-table.tableinfo tr:hover td.disaster		{	background-color: #FA0000;	}
-table.tableinfo tr:hover td.disaster_blink1	{	background: #FA0000 url(images/gradients/blink1.gif) repeat top left;	}
-table.tableinfo tr:hover td.disaster_blink2 	{	background: #FA0000 url(images/gradients/blink2.gif) repeat top left;	}
-
-table.tableinfo tr td.high		{	background-color: #FF8888;	}
-table.tableinfo tr td.high_blink1	{	background: #FF8888 url(images/gradients/blink1.gif) repeat top left;	}
-table.tableinfo tr td.high_blink2	{	background: #FF8888 url(images/gradients/blink2.gif) repeat top left;	}
-table.tableinfo tr:hover td.high	{	background-color: #FA8388;	}
-table.tableinfo tr:hover td.high_blink1	{	background: #FA8388 url(images/gradients/blink1.gif) repeat top left;	}
-table.tableinfo tr:hover td.high_blink2	{	background: #FA8388 url(images/gradients/blink2.gif) repeat top left;	}
-
-table.tableinfo tr td.average			{	background-color: #DDAAAA;	}
-table.tableinfo tr td.average_blink1		{	background: #DDAAAA url(images/gradients/blink1.gif) repeat top left;	}
-table.tableinfo tr td.average_blink2 		{	background: #DDAAAA url(images/gradients/blink2.gif) repeat top left;	}
-table.tableinfo tr:hover td.average		{	background-color: #D8A5AA;	}
-table.tableinfo tr:hover td.average_blink1	{	background: #D8A5AA url(images/gradients/blink1.gif) repeat top left;	}
-table.tableinfo tr:hover td.average_blink2 	{	background: #D8A5AA url(images/gradients/blink2.gif) repeat top left;	}
-
-table.tableinfo tr td.warning			{	background-color: #EFEFCC;	}
-table.tableinfo tr td.warning_blink1		{	background: #EFEFCC url(images/gradients/blink1.gif) repeat top left;	}
-table.tableinfo tr td.warning_blink2 		{	background: #EFEFCC url(images/gradients/blink2.gif) repeat top left;	}
-table.tableinfo tr:hover td.warning		{	background-color: #EAEACC;	}
-table.tableinfo tr:hover td.warning_blink1	{	background: #EAEACC url(images/gradients/blink1.gif) repeat top left;	}
-table.tableinfo tr:hover td.warning_blink2 	{	background: #EAEACC url(images/gradients/blink2.gif) repeat top left;	}
-
-table.tableinfo tr td.information		{	background-color: #CCE2CC;	}
-table.tableinfo tr td.information_blink1	{	background: #CCE2CC url(images/gradients/blink1.gif) repeat top left;	}
-table.tableinfo tr td.information_blink2 	{	background: #CCE2CC url(images/gradients/blink2.gif) repeat top left;	}
-table.tableinfo tr:hover td.information		{	background-color: #C7DDCC;	}
-table.tableinfo tr:hover td.information_blink1	{	background: #C7DDCC url(images/gradients/blink1.gif) repeat top left;	}
-table.tableinfo tr:hover td.information_blink2 	{	background: #C7DDCC url(images/gradients/blink2.gif) repeat top left;	}
-
-table.tableinfo tr td.unknown_trigger			{	background-color: #BCBCBC;	}
-table.tableinfo tr td.unknown_trigger_blink1		{	background: #BCBCBC url(images/gradients/blink1.gif) repeat top left;	}
-table.tableinfo tr td.unknown_trigger_blink2 		{	background: #BCBCBC url(images/gradients/blink2.gif) repeat top left;	}
-table.tableinfo tr:hover td.unknown_trigger		{	background-color: #BCBCBC;	}
-table.tableinfo tr:hover td.unknown_trigger_blink1	{	background: #BCBCBC url(images/gradients/blink1.gif) repeat top left;	}
-table.tableinfo tr:hover td.unknown_trigger_blink2	{	background: #BCBCBC url(images/gradients/blink2.gif) repeat top left;	}
-
-table.tableinfo tr td.normal			{	background-color: #AADDAA; }
-table.tableinfo tr td.normal_blink1		{	background: #AADDAA url(images/gradients/blink1.gif) repeat top left;	}
-table.tableinfo tr td.normal_blink2		{	background: #AADDAA url(images/gradients/blink2.gif) repeat top left;	}
-table.tableinfo tr:hover td.normal		{	background-color: #AADDAA;	}
-table.tableinfo tr:hover td.normal_blink1	{	background: #AADDAA url(images/gradients/blink1.gif) repeat top left;	}
-table.tableinfo tr:hover td.normal_blink2	{	background: #AADDAA url(images/gradients/blink2.gif) repeat top left;	}
+table.tableinfo tr td.disaster			{	background-color: #FF0000;	border: 1px #FF0000 solid; }
+table.tableinfo tr:hover td.disaster		{	background-color: #FA0000;	border: 1px #FA0000 solid; }
+table.tableinfo tr td.disaster:hover		{	cursor: pointer;		border: 1px #0C0CF0 dotted; }
+
+table.tableinfo tr td.high			{	background-color: #FF8888;	border: 1px #FF8888 solid; }
+table.tableinfo tr:hover td.high		{	background-color: #FA8388;	border: 1px #FA8388 solid; }
+table.tableinfo tr td.high:hover		{	cursor: pointer;		border: 1px #0C0CF0 dotted; }
+
+table.tableinfo tr td.average			{	background-color: #DDAAAA;	border: 1px #DDAAAA solid; }
+table.tableinfo tr:hover td.average		{	background-color: #D8A5AA;	border: 1px #D8A5AA solid; }
+table.tableinfo tr td.average:hover		{	cursor: pointer;		border: 1px #0C0CF0 dotted; }
+
+table.tableinfo tr td.warning			{	background-color: #EFEFCC;	border: 1px #EFEFCC solid; }
+table.tableinfo tr:hover td.warning		{	background-color: #EAEACC;	border: 1px #EAEACC solid; }
+table.tableinfo tr td.warning:hover		{	cursor: pointer;		border: 1px #0C0CF0 dotted; }
+
+table.tableinfo tr td.information		{	background-color: #CCE2CC;	border: 1px #CCE2CC solid; }
+table.tableinfo tr:hover td.information		{	background-color: #C7DDCC;	border: 1px #C7DDCC solid; }
+table.tableinfo tr td.information:hover		{	cursor: pointer;		border: 1px #0C0CF0 dotted; }
+
+table.tableinfo tr td.unknown_trigger		{	background-color: #BCBCBC;	border: 1px #BCBCBC solid; }
+table.tableinfo tr:hover td.unknown_trigger	{	background-color: #BCB7BC;	border: 1px #BCB7BC solid; }
+table.tableinfo tr td.unknown_trigger:hover	{	cursor: pointer; 		border: 1px #0C0CF0 dotted; }
+
+table.tableinfo tr td.normal			{	background-color: #AADDAA;	border: 1px #AADDAA solid; }
 
 /****** HEADER *********/
 
@@ -1053,6 +1020,45 @@ ul
 
 /************** END OF HINT BOX ************/
 
+/**************** POPUP MENU ***************/
+
+/* default menu item */
+.pum_o_item {
+	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
+	font-size: 12px;
+	text-decoration: none;
+	background-color: #ECECFF;
+	border: black 1px solid;
+	margin: 0px;
+}
+.pum_o_item:hover {
+	text-decoration: underline;
+	background-color: #FDFDFF;
+}
+.pum_i_item {
+	margin: 3px 0px 0px 8px;
+
+}
+
+/* menu group header */
+.pum_oheader { 
+	cursor: default;
+	text-decoration: none;
+	border: black 1px solid;
+	background: #5C7099 url(images/gradients/table_head2.gif) repeat-x top left;
+	margin: 0px;
+}
+.pum_oheader:hover { 
+	text-decoration: none;
+}
+.pum_iheader { 
+	color: #FFFFFF;
+	font-weight: bold;
+	margin: 3px 0px 0px 8px;
+}
+
+/************ END OF POPUP MENU ************/
+
 /************** COLOR PICKER ***************/
 
 #color_picker {