- changed IT Services interface (Artem)

 - added class CTree
 - added Javascript class for Cookies management

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

1 files changed, 165 insertions, 0 deletions

diff --git a/frontends/php/css.css b/frontends/php/css.css
index 010acf7b..274e4cf8 100644
--- a/frontends/php/css.css
+++ b/frontends/php/css.css
@@ -89,6 +89,7 @@ table.formtable {
 	border: 0px solid #000000;
 	width: 50%;
 }
+
 table.formtable tr td {
 	padding-left: 5px;
 	padding-right: 5px;
@@ -170,6 +171,109 @@ table.formtable tr td.form_row_r { /* right cell */
 	text-align: left;
 }
 
+td.form_row_l_simple { /* left cell simple */
+	border-color:	#222255;
+	text-align:	left;
+	white-space:	nowrap;
+	word-spacing:	0px;
+	width:		50%;
+}
+
+td.form_row_r_simple { /* right cell simple */
+	border-color: #222255;
+	text-align: left;
+}
+/*-------------- <SERVICES> -----------------*/
+
+table.formlongtable {
+	background-color: #FFFFFF;
+	color: #000000;
+	border: 0px solid #000000;
+	width: 99%;
+}
+
+table.formlongtable tr td {
+	padding-left: 5px;
+	padding-right: 5px;
+	color: #000000;
+        font-family:verdana, arial, helvetica, sans-serif;
+        font-size:10px;
+	border-width: 1px;
+	height: 24px;
+	white-space: nowrap;
+	word-spacing:	0px;
+}
+
+table.formlongtable tr.new {
+	text-decoration: none;
+	background-color: #E0F0E0;
+}
+
+table.formlongtable tr.edit {
+	text-decoration: none;
+	background-color: #F0F0E0;
+}
+table.formlongtable tr.form_odd_row td{
+	text-decoration: none;
+	background-color:#D8D8D8;
+}
+table.formlongtable tr.form_even_row td{
+	text-decoration: none;
+	background-color:#DFDFDF;
+}
+table.formlongtable tr td.form_row_first
+{
+	background: #5C7099 url(images/gradients/table_head2.gif) repeat-x top left;
+	color: #FFFFFF;
+        font-size:11px;
+	font-weight: bold;
+	border-top-style: solid;
+	border-left-style: solid;
+	border-right-style: solid;
+	border-bottom-style: solid;
+	border-color: #222255;
+	text-align: left;
+}
+table.formlongtable tr td.form_row_last {
+	color: #FFFFFF;
+	background: #5C7099 url(images/gradients/table_head2.gif) repeat-x top left;
+	border-top-style: solid;
+	border-left-style: solid;
+	border-right-style: solid;
+	border-bottom-style: solid;
+	border-color: #222255;
+	text-align: right;
+}
+table.formlongtable tr td.form_row_l { /* left cell */
+	border-left-style:	solid;
+	border-top-style:	none;
+	border-right-style:	none;
+	border-bottom-style:	none;
+	border-color:	#222255;
+	text-align:	left;
+	white-space:	nowrap;
+	word-spacing:	0px;
+	width:		30%;
+}
+table.formlongtable tr td.form_row_c { /* center cell */
+	border-right-style: solid;
+	border-left-style: solid;
+	border-top-style: none;
+	border-bottom-style: none;
+	border-color: #222255;
+	color: inherit;
+	text-align: center;
+}
+table.formlongtable tr td.form_row_r { /* right cell */
+	border-right-style: solid;
+	border-top-style: none;
+	border-left-style: none;
+	border-bottom-style: none;
+	border-color: #222255;
+	text-align: left;
+}
+
+/*-------------- </SERVICES> -----------------*/
 /************ HISTORY LOG TABLE ***********/
 table.log_history_table {
 /*	background-color: #AAAAAA; */
@@ -286,6 +390,67 @@ table.screen_view tr td.right_top {	text-align: right;	vertical-align: top;		}
 table.screen_view tr td.right_mdl {	text-align: right;	vertical-align: middle;		}
 table.screen_view tr td.right_bttm {	text-align: right;	vertical-align: bottom;		}
 
+/*************** Table Tree **************/
+table.tabletree .treeheader{
+	border: 1px #000000 solid;
+	background-color: #CCCCCC;
+}
+
+table.tabletree .imgnode:hover{
+	cursor: pointer;
+}
+
+table.tabletree
+{
+	border: #AAAAAA 1px solid;
+	empty-cells:show;
+	color: #000000;
+	width: 100%;
+	background-color: #AAAAAA;
+}
+
+table.tabletree tr td {
+	white-space: nowrap;
+	word-spacing:	0px;
+	font-family:verdana, arial, helvetica, sans-serif;
+	font-size:8pt;
+	text-decoration: none;
+	text-align: left;
+	border-width: 0px;
+	padding-top: 0px;
+	padding-bottom: 0px;
+	height: 18px;
+}
+
+table.tabletree tr.header td {
+	white-space: nowrap;
+	word-spacing:	0px;
+	font-weight: bold; 
+	background-color:#CCCCCC;
+	border-width: 0px;
+}
+
+table.tabletree tr.footer td {
+	color: #FFFFFF;
+	background: #5C7099 url(images/gradients/table_head2.gif) repeat-x top left;
+	background-color: #6d88ad;
+	vertical-align: middle;
+	padding-right: 5px;
+	padding-left: 5px;
+}
+
+table.tabletree tr.odd_row td			{	background-color: #EEEEEE;}
+table.tabletree tr.odd_row:hover td		{	background-color: #DFDFDF;}
+
+table.tabletree tr.even_row td			{	background-color: #EEEEEE;}
+table.tabletree tr.even_row:hover td		{	background-color: #DFDFDF;}
+
+.tdtree{
+	width: 22px;
+	height: 18px;
+	text-align: left;
+}
+/*****************************************/
 /*************** Table Info **************/
 
 table.tableinfo