- [DEV-1] added new graph navigation-bar (Artem)

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

2 files changed, 554 insertions, 0 deletions

diff --git a/frontends/php/styles/bar.css b/frontends/php/styles/bar.css
new file mode 100644
index 00000000..058693d0
--- /dev/null
+++ b/frontends/php/styles/bar.css
@@ -0,0 +1,170 @@
+/* CSS Document */
+/*
+** ZABBIX
+** Copyright (C) 2000-2007 SIA Zabbix
+**
+** This program is free software; you can redistribute it and/or modify
+** it under the terms of the GNU General Public License as published by
+** the Free Software Foundation; either version 2 of the License, or
+** (at your option) any later version.
+**
+** This program is distributed in the hope that it will be useful,
+** but WITHOUT ANY WARRANTY; without even the implied warranty of
+** MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+** GNU General Public License for more details.
+**
+** You should have received a copy of the GNU General Public License
+** along with this program; if not, write to the Free Software
+** Foundation, Inc., 675 Mass Ave, Cambridge, MA 02139, USA.
+**
+*/
+div.scrollx{
+	overflow:auto;
+	height:18px;
+}
+
+div.scrolly{
+	overflow:auto;
+	width:20px;
+}
+
+div.sdi{
+	position:absolute;
+	right:	2px;
+	top:	2px;
+	width:	200px;
+	height: 100px;
+	border: red 1px solid;
+	overflow:auto;
+}
+
+img.bar_arrow{
+	display: none;
+	position: relative;
+	z-index: 10;
+}
+
+div#scroll{
+	position:absolute;
+/*	display:none; */
+	height:17px;
+}
+
+img#scroll_calendar{
+	position:absolute;
+	top: -12px;
+	left: 0px;
+}
+
+img#scroll_calendar:hover{
+	cursor: pointer;
+	position:absolute;
+	top: -12px;
+	left: 0px;
+}
+
+div#scrolltableft{
+	position:absolute;
+	top: -12px;
+	left: 18px;
+	font-family:Verdana, Arial, Helvetica, sans-serif;
+	font-size:10px;
+	font-weight:bold;
+/*	background-color:#FFF; */
+}
+
+div#scrolltabright{
+	position:absolute;
+	top: -12px;
+	right: 0px;
+	font-family:Verdana, Arial, Helvetica, sans-serif;
+	font-size:10px;	
+	font-weight:bold;
+/*	background-color:#FFF; */
+}
+
+div#scroll_left{
+	background-image: url(../images/general/bar/left.gif); 
+	background-repeat:no-repeat; 
+	width:17px; 
+	height: 17px; 
+	float: left;
+}
+
+div#scroll_right{
+	background-image: url(../images/general/bar/right.gif); 
+	background-repeat:no-repeat; 
+	width:17px; 
+	height: 17px; 
+	float: left;
+}
+
+div#scroll_middle{
+	background-image: url(../images/general/bar/bg.gif); 
+	height: 17px; 
+	float: left;
+}
+
+div#scroll_bar{
+	position: absolute; 
+	bottom: 0px; 
+	left: 17px;
+}
+
+div#arrow_l{
+	position:absolute;
+	bottom: 0px;
+	display:none;
+	background-image:url(../images/general/bar/arrow_l.gif); 
+	background-repeat:no-repeat; 
+	width: 12px; 
+	height:17px;
+}
+
+div#arrow_r{
+	position:absolute;
+	bottom: 0px;
+	display:none;
+	background-image:url(../images/general/bar/arrow_r.gif); 
+	background-repeat:no-repeat; 
+	width: 12px; 
+	height:17px;
+}
+
+div#bar_left{
+	background-image: url(../images/general/bar/bar_left.gif); 
+	background-repeat:no-repeat; 
+	width:2px; 
+	height: 17px; 
+	float: left;
+}
+
+div#bar_bg_l{
+	background-image: url(../images/general/bar/bar_bg.gif); 
+	width:26px; 
+	height: 17px; 
+	float: left;
+}
+
+div#bar_middle{
+	background-image: url(../images/general/bar/bar_middle.gif); 
+	background-repeat:no-repeat; 
+	width:8px; 
+	height: 17px; 
+	float: left;
+}
+
+div#bar_bg_r{
+	background-image: url(../images/general/bar/bar_bg.gif); 
+	width:26px; 
+	height: 17px; 
+	float: left;
+}
+
+div#bar_right{
+	background-image: url(../images/general/bar/bar_right.gif); 
+	background-repeat:no-repeat; 
+	width:2px; 
+	height: 17px; 
+	float: left;
+}
\ No newline at end of file
diff --git a/frontends/php/styles/gmenu.css b/frontends/php/styles/gmenu.css
new file mode 100644
index 00000000..d4c192e4
--- /dev/null
+++ b/frontends/php/styles/gmenu.css
@@ -0,0 +1,384 @@
+@charset "utf-8";
+/* CSS Document */
+img{
+	border: 0px;
+}
+
+img#gmenu_day_up{
+	position:absolute;
+	text-align:center;
+	top: 10px;
+	left: 28px;
+}
+img#gmenu_day_up:hover{
+	cursor:pointer;
+}
+
+img#gmenu_month_up{
+	position:absolute;
+	text-align:center;
+	top: 10px;
+	left: 100px;
+}
+img#gmenu_month_up:hover{
+	cursor:pointer;
+}
+
+
+img#gmenu_year_up{
+	position:absolute;
+	text-align:center;
+	top: 10px;
+	left: 152px;
+}
+img#gmenu_year_up:hover{
+	cursor:pointer;
+}
+
+
+img#gmenu_day_down{
+	position:absolute;
+	text-align:center;
+	top: 23px;
+	left: 28px;
+}
+
+img#gmenu_day_down:hover{
+	cursor:pointer;
+}
+
+img#gmenu_month_down{
+	position:absolute;
+	text-align:center;
+	top: 23px;
+	left: 100px;
+}
+img#gmenu_month_down:hover{
+	cursor:pointer;
+}
+
+img#gmenu_year_down{
+	position:absolute;
+	text-align:center;
+	top: 23px;
+	left: 152px;
+}
+img#gmenu_year_down:hover{
+	cursor:pointer;
+}
+
+img#gmenu_hour_up{
+	position:absolute;
+	text-align:center;
+	top: 10px;
+	left: 196px;
+}
+img#gmenu_hour_up:hover{
+	cursor:pointer;
+}
+
+img#gmenu_minute_up{
+	position:absolute;
+	text-align:center;
+	top: 10px;
+	left: 230px;
+}
+img#gmenu_minute_up:hover{
+	cursor:pointer;
+}
+
+img#gmenu_hour_down{
+	position:absolute;
+	text-align:center;
+	top: 23px;
+	left: 196px;
+}
+img#gmenu_hour_down:hover{
+	cursor:pointer;
+}
+
+img#gmenu_minute_down{
+	position:absolute;
+	text-align:center;
+	top: 23px;
+	left: 230px;
+}
+img#gmenu_minute_down:hover{
+	cursor:pointer;
+}
+
+img#gmenu_period_v_up{
+	position:absolute;
+	text-align:center;
+	top: 10px;
+	left: 82px;
+}
+img#gmenu_period_v_up:hover{
+	cursor:pointer;
+}
+
+img#gmenu_period_t_up{
+	position:absolute;
+	text-align:center;
+	top: 10px;
+	left: 154px;
+}
+img#gmenu_period_t_up:hover{
+	cursor:pointer;
+}
+
+img#gmenu_period_v_down{
+	position:absolute;
+	text-align:center;
+	top: 23px;
+	left: 82px;
+}
+img#gmenu_period_v_down:hover{
+	cursor:pointer;
+}
+
+img#gmenu_period_t_down{
+	position:absolute;
+	text-align:center;
+	top: 23px;
+	left: 154px;
+}
+img#gmenu_period_t_down:hover{
+	cursor:pointer;
+}
+
+a#gmenu_load:link{
+	position:absolute;
+	border:#666666 1px solid;
+	background-color:#FFFFFF;
+	text-align:center;
+	text-decoration:none;
+	color:#333333;
+	font-family:Arial, Helvetica, sans-serif;
+	font-size: 9px;
+	font-weight:bold;
+	top: 50px;
+	left: 175px;
+	width: 72px;
+}
+
+a#gmenu_load:visited{
+	position:absolute;
+	border:#666666 1px solid;
+	background-color:#FFFFFF;
+	text-align:center;
+	text-decoration:none;
+	color:#333333;
+	font-family:Arial, Helvetica, sans-serif;
+	font-size: 11px;
+	font-weight:bold;
+	top: 50px;
+	left: 175px;
+	width: 72px;
+}
+
+a#gmenu_load:hover{
+	position:absolute;
+	border:#666666 1px solid;
+	background-color:#CFCFCF;
+	text-align:center;
+	text-decoration:none;
+	color:#333333;
+	font-family:Arial, Helvetica, sans-serif;
+	font-size: 11px;
+	font-weight:bold;
+	top: 50px;
+	left: 175px;
+	width: 72px;
+}
+
+a#gmenu_load:active{
+	position:absolute;
+	border:#666666 1px solid;
+	background-color:#FFFFFF;
+	text-align:center;
+	text-decoration:none;
+	color:#333333;
+	font-family:Arial, Helvetica, sans-serif;
+	font-size: 11px;
+	font-weight:bold;
+	top: 50px;
+	left: 175px;
+	width: 72px;
+}
+
+a#gmenu_hide:link{
+	position:absolute;
+	border:#666666 1px solid;
+	background-color:#FFFFFF;
+	text-align:center;
+	text-decoration:none;
+	color:#333333;
+	font-family:Arial, Helvetica, sans-serif;
+	font-size: 11px;
+	font-weight:bold;
+	top: 72px;
+	left: 175px;
+	width: 72px;
+}
+
+a#gmenu_hide:visited{
+	position:absolute;
+	border:#666666 1px solid;
+	background-color:#FFFFFF;
+	text-align:center;
+	text-decoration:none;
+	color:#333333;
+	font-family:Arial, Helvetica, sans-serif;
+	font-size: 11px;
+	font-weight:bold;
+	top: 72px;
+	left: 175px;
+	width: 72px;
+}
+
+a#gmenu_hide:hover{
+	position:absolute;
+	border:#666666 1px solid;
+	background-color:#CFCFCF;
+	text-align:center;
+	text-decoration:none;
+	color:#333333;
+	font-family:Arial, Helvetica, sans-serif;
+	font-size: 11px;
+	font-weight:bold;
+	top: 72px;
+	left: 175px;
+	width: 72px;
+}
+
+a#gmenu_hide:active{
+	position:absolute;
+	border:#666666 1px solid;
+	background-color:#FFFFFF;
+	text-align:center;
+	text-decoration:none;
+	color:#333333;
+	font-family:Arial, Helvetica, sans-serif;
+	font-size: 11px;
+	font-weight:bold;
+	top: 72px;
+	left: 175px;
+	width: 72px;
+}
+
+div#gmenu{
+	position:absolute;
+	background-color:#EFEFFF;
+	border:#3333FF 1px solid;
+	width: 254px;
+	height: 94px;
+}
+
+
+div#gmenu_bsdate{
+	position: absolute;
+	border:1px #888888 dashed;
+	top: 3px;
+	left: 4px;
+	height: 38px;
+	width: 244px;
+}
+
+div#gmenu_period{
+	position: absolute;
+	border:1px #888888 dashed;
+	top: 50px;
+	left: 4px;
+	height: 38px;
+	width: 166px;
+}
+
+span#gmenu_day{
+	position:absolute;
+	text-align:center;;
+	font-family:Arial, Helvetica, sans-serif;
+	font-size: 11px;
+	border:#666666 1px solid;
+	top: 10px;
+	left: 6px;
+	width: 20px;
+}
+
+span#gmenu_month{
+	position:absolute;
+	text-align:center;
+	font-family:Arial, Helvetica, sans-serif;
+	font-size: 11px;
+	border:#666666 1px solid;
+	top: 10px;
+	left: 38px;
+	width: 60px;
+}
+
+span#gmenu_year{
+	position:absolute;
+	text-align:center;
+	font-family:Arial, Helvetica, sans-serif;
+	font-size: 11px;
+	border:#666666 1px solid;
+	top: 10px;
+	left: 110px;
+	width: 40px;
+}
+
+span#gmenu_hour{
+	position:absolute;
+	text-align:center;
+	font-family:Arial, Helvetica, sans-serif;
+	font-size: 11px;
+	border:#666666 1px solid;
+	top: 10px;
+	left: 174px;
+	width: 20px;
+}
+
+span#gmenu_minute{
+	position:absolute;
+	text-align:center;
+	font-family:Arial, Helvetica, sans-serif;
+	font-size: 11px;
+	border:#666666 1px solid;
+	top: 10px;
+	left: 208px;
+	width: 20px;
+}
+
+span#gmenu_period_desc{
+	position:absolute;
+	text-align:left;
+	font-weight:bold;
+	font-family:Arial, Helvetica, sans-serif;
+	font-size: 13px;
+	color:#3F3F3F;
+	top: 10px;
+	left: 6px;
+	width: 48px;
+}
+
+span#gmenu_period_value{
+	position:absolute;
+	text-align:center;
+	font-family:Arial, Helvetica, sans-serif;
+	font-size: 11px;
+	border:#666666 1px solid;
+	top: 10px;
+	left: 60px;
+	width: 20px;
+}
+
+span#gmenu_period_type{
+	position:absolute;
+	text-align:center;
+	font-family:Arial, Helvetica, sans-serif;
+	font-size: 11px;
+	border:#666666 1px solid;
+	top: 10px;
+	left: 100px;
+	width: 52px;
+}
\ No newline at end of file