diff options
| author | osmiy <osmiy@97f52cf1-0a1b-0410-bd0e-c28be96e8082> | 2006-03-14 15:21:27 +0000 |
|---|---|---|
| committer | osmiy <osmiy@97f52cf1-0a1b-0410-bd0e-c28be96e8082> | 2006-03-14 15:21:27 +0000 |
| commit | 25036c9384fcec4d36f4cfc69fe2b86e4ef2c9c6 (patch) | |
| tree | 01e08dad83c7671bb8a19b9c40f2f786b033d99e /frontends/php/css.css | |
| parent | f35b829723124ac2c15defd1d5cce44b40b1c8ec (diff) | |
| download | zabbix-25036c9384fcec4d36f4cfc69fe2b86e4ef2c9c6.tar.gz zabbix-25036c9384fcec4d36f4cfc69fe2b86e4ef2c9c6.tar.xz zabbix-25036c9384fcec4d36f4cfc69fe2b86e4ef2c9c6.zip | |
- added "Data overview" for screens
- added "Triggers overview" for screens (Eugene)
- added blinking into Trigger overview (Eugene)
- added screen displaying in other screen (Eugene)
- improved Overview table header, vertical text added (Eugene)
- developed "ZABBIX Clock" module for screens (Eugene)
- developed "ZABBIX server info" module for screens (Eugene)
- developed "Triggers info" module for screens (Eugene)
- developed "Host info" module for screens (Eugene)
- improved screens displaying, added item alignment (Eugene)
- improved ZABBIX server report (Eugene)
- improved images configuration (Eugene)
- added onserver image resizing for thumbs by php (Eugene)
- developed acknowledges system (Eugene)
- added icons displaying for maps (Eugene)
- added maps displaying for maps (Eugene)
- improved maps (Eugene)
git-svn-id: svn://svn.zabbix.com/trunk@2699 97f52cf1-0a1b-0410-bd0e-c28be96e8082
Diffstat (limited to 'frontends/php/css.css')
| -rw-r--r-- | frontends/php/css.css | 694 |
1 files changed, 449 insertions, 245 deletions
diff --git a/frontends/php/css.css b/frontends/php/css.css index 6772a865..f8bf64d3 100644 --- a/frontends/php/css.css +++ b/frontends/php/css.css @@ -10,111 +10,138 @@ body line-height:16px; } -/********** FORM *************/ -form {margin: 0px} - -table.form +/**************** PAGE TABLE ****************/ +/* header */ +table.page_header { background-color: #FFFFFF; - color: #000000; - border: 0px solid #000000; - width: 50%; + border-color: #000000; + border-width:0px; + border-top-style: solid; + border-left-style: solid; + border-right-style: solid; + border-bottom-style: solid; + padding-right: 0px; + padding-left: 0px; + width: 100%; } - -td.form_row_l +table.page_header td.page_header_l { - padding-left: 5px; + vertical-align: middle; + padding: 0px; +} +table.page_header td.page_header_r +{ + vertical-align: middle; + text-align: right; + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 10pt; +} +/* footer */ +table.page_footer +{ + color: #FFFFFF; + background: #5C7099 url(images/gradients/table_head.gif) repeat-x top left; + border-color: #000000; + font-weight: bold; + border-width:0px; + border-top-style: solid; + border-left-style: solid; + border-right-style: solid; + border-bottom-style: solid; padding-right: 5px; - color: #000000; + padding-left: 5px; + width: 100%; +} +table.page_footer td.page_footer_l +{ font-family:verdana, arial, helvetica, sans-serif; font-size:10px; - border-color: #222255; - border-width:1px; - border-left-style: solid; height: 24px; - text-align: left; + text-align: center; } - -td.form_row_c +table.page_footer td.page_footer_r { - padding-left: 5px; - padding-right: 5px; - color: #000000; font-family:verdana, arial, helvetica, sans-serif; font-size:10px; - border-color: #222255; - border-width:1px; - border-right-style: solid; - border-left-style: solid; height: 24px; - text-align: center; + text-align: right; } -td.form_row_r -{ +/********** FORM TABLE *************/ +form {margin: 0px} + +table.formtable { + background-color: #FFFFFF; + color: #000000; + border: 0px solid #000000; + width: 50%; +} +table.formtable td { padding-left: 5px; padding-right: 5px; color: #000000; font-family:verdana, arial, helvetica, sans-serif; font-size:10px; - border-color: #222255; - border-width:1px; - border-right-style: solid; + border-width: 1px; height: 24px; - text-align: left; } - -td.form_row_first +table.formtable tr.form_odd_row td{ + text-decoration: none; + background-color:#D8D8D8; +} +table.formtable tr.form_even_row td{ + text-decoration: none; + background-color:#DFDFDF; +} +table.formtable td.form_row_first { background: #5C7099 url(images/gradients/table_head2.gif) repeat-x top left; color: #FFFFFF; - font-family:verdana, arial, helvetica, sans-serif; font-size:11px; font-weight: bold; - border-color: #222255; - border-width:1px; border-top-style: solid; border-left-style: solid; border-right-style: solid; border-bottom-style: solid; - height: 24px; + border-color: #222255; text-align: left; - padding-left: 5px; - padding-right: 5px; -} -tr.form_odd_row -{ - font-family:Verdana, Arial, Helvetica, sans-serif; - font-size:10pt; - text-decoration: none; - background-color:#D8D8D8; -} - -tr.form_even_row -{ - font-family:Verdana, Arial, Helvetica, sans-serif; - font-size:10pt; - text-decoration: none; - background-color:#DFDFDF; } -td.form_row_last -{ +table.formtable td.form_row_last { color: #FFFFFF; - font-family:verdana, arial, helvetica, sans-serif; - font-size:10px; background: #5C7099 url(images/gradients/table_head2.gif) repeat-x top left; - border-color: #222255; - border-width:1px; border-top-style: solid; border-left-style: solid; border-right-style: solid; border-bottom-style: solid; - height: 24px; + border-color: #222255; text-align: right; - padding-right: 5px; - padding-left: 5px; +} +table.formtable 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; +} +table.formtable 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; + text-align: center; +} +table.formtable 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; } -/* SCREEN TABLE */ +/************* SCREEN TABLE ***************/ table.screen_edit { background-color: #FFFFFF; @@ -122,13 +149,29 @@ table.screen_edit border: 1px outset #DDDDDD; } -td.screen_edit +table.screen_edit td { background-color: #FFFFFF; border: 1px inset #DDDDDD; text-align: center; vertical-align: middle; } +table.screen_edit td.def_def { text-align: center; vertical-align: middle; } +table.screen_edit td.def_top { text-align: center; vertical-align: top; } +table.screen_edit td.def_mdl { text-align: center; vertical-align: middle; } +table.screen_edit td.def_btm { text-align: center; vertical-align: bottom; } + +table.screen_edit td.left_top { text-align: left; vertical-align: top; } +table.screen_edit td.left_mdl { text-align: left; vertical-align: middle; } +table.screen_edit td.left_bttm { text-align: left; vertical-align: bottom; } + +table.screen_edit td.cntr_top { text-align: center; vertical-align: top; } +table.screen_edit td.cntr_mdl { text-align: center; vertical-align: middle; } +table.screen_edit td.cntr_bttm { text-align: center; vertical-align: bottom; } + +table.screen_edit td.right_top { text-align: right; vertical-align: top; } +table.screen_edit td.right_mdl { text-align: right; vertical-align: middle; } +table.screen_edit td.right_bttm { text-align: right; vertical-align: bottom; } table.screen_view { @@ -137,7 +180,7 @@ table.screen_view border: 1px #DDDDDD; } -td.screen_view +table.screen_view td { background-color: #FFFFFF; border: 1px #DDDDDD; @@ -145,8 +188,214 @@ td.screen_view vertical-align: middle; } +table.screen_view td.def_def { text-align: center; vertical-align: middle; } +table.screen_view td.def_top { text-align: center; vertical-align: top; } +table.screen_view td.def_mdl { text-align: center; vertical-align: middle; } +table.screen_view td.def_btm { text-align: center; vertical-align: bottom; } + +table.screen_view td.left_top { text-align: left; vertical-align: top; } +table.screen_view td.left_mdl { text-align: left; vertical-align: middle; } +table.screen_view td.left_bttm { text-align: left; vertical-align: bottom; } -td.sub_menu +table.screen_view td.cntr_top { text-align: center; vertical-align: top; } +table.screen_view td.cntr_mdl { text-align: center; vertical-align: middle; } +table.screen_view td.cntr_bttm { text-align: center; vertical-align: bottom; } + +table.screen_view td.right_top { text-align: right; vertical-align: top; } +table.screen_view td.right_mdl { text-align: right; vertical-align: middle; } +table.screen_view td.right_bttm { text-align: right; vertical-align: bottom; } + +/*************** Table Info **************/ + +table.tableinfo +{ + background-color: #AAAAAA; + color: #000000; + width: 100%; + border-width: 0px; + border-style: solid; + border-color: #0B198C; +} +table.tableinfo 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; +} +table.tableinfo td.message { + text-align: center; +} +table.tableinfo tr.header td { + white-space: nowrap; + word-spacing: nowrap; + font-weight: bold; + background-color:#CCCCCC; +} +table.tableinfo tr.vertical_header td { + padding: 0; + margin: 0; + white-space: nowrap; + word-spacing: nowrap; + font-weight: bold; + background-color:#CCCCCC; + vertical-align:text-top; +/* vertical-align:text-bottom; /**/ + text-align: center; + width: 20px; +} +table.tableinfo tr.header td { + white-space: nowrap; + word-spacing: nowrap; + font-weight: bold; + background-color:#CCCCCC; +} +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.even_row td { background-color: #EEEEEE; } +table.tableinfo tr.even_row:hover td { background-color: #EEEEFE; } + +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: #FF8888; } +table.tableinfo tr:hover td.high_blink1 { background: #FF8888 url(images/gradients/blink1.gif) repeat top left; } +table.tableinfo tr:hover td.high_blink2 { background: #FF8888 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.center {vertical-align: middle; text-align: center; } + +/****** HEADER *********/ + +table.header +{ + width: 100%; + 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.header td.header_l +{ + font-family:verdana, arial, helvetica, sans-serif; + font-size:10px; + text-align: left; + height: 24px; +} +table.header td.header_r +{ + font-family:verdana, arial, helvetica, sans-serif; + font-size:10px; + text-align: right; + height: 24px; +} + +/**************** Aknowledges ****************/ + +table.ack_msgs +{ + width: 70%; + background-color: #EEEEEE; + padding: 0px; + border: 0px solid; +} +table.ack_msgs tr.title { + height: 14px; + vertical-align: center; + color: #FFFFFF; + background: #5C7099 url(images/gradients/table_head2.gif) repeat-x top left; +} + +table.ack_msgs td.user{ + padding-left: 10px; + padding-right: 10px; + text-align: left; +} +table.ack_msgs td.time{ + padding-left: 10px; + padding-right: 10px; + text-align: center; + width: 150px; +} +table.ack_msgs tr.msg{ + height: 25px; + background-color: #F8F8F8; +} +table.ack_msgs tr.msg td{ + padding: 5px; + text-align: left; + vertical-align: top; + border: 1px dotted black; +} + +/**************** GRAPH ****************/ + +table.graph +{ + width: 100%; + text-align: center; +} + +/**************** MAP ****************/ + +table.map +{ + background-color: #CCCCCC; + width: 100%; + text-align: center; + border-width:0px; + padding-top: 1px; + padding-bottom: 5px; +} + +/************* MENU ************/ + +table.menu +{ + background-color: #FFFFFF; + color: #000000; + border: 0px solid #000000; +} + +table.menu td.sub_menu { color: #FFFFFF; font-family:verdana, arial, helvetica, sans-serif; @@ -164,7 +413,7 @@ td.sub_menu padding-left: 5px; } -td.horizontal_menu +table.menu td.horizontal_menu { color: #FFFFFF; font-family:verdana, arial, helvetica, sans-serif; @@ -180,7 +429,7 @@ td.horizontal_menu padding-left: 5px; } -td.horizontal_menu_n +table.menu td.horizontal_menu_n { background: #AAAAAA url(images/gradients/menu_not_active.gif) repeat-x top left; border-color: #AAAAAA; @@ -192,6 +441,137 @@ td.horizontal_menu_n padding-left: 5px; } +/**************** FORM ELEMENTS ****************/ +.biginput +{ + font-family: Verdana, Helvetica, Geneva; + font-size: 10px; + border: solid; + border-width: 1px; + border-color: gray; + background-color: white; +} +.biginput:focus { border-color: black; } +.biginput:hover { border-color: black; } + +.button +{ + font-family: Verdana, Helvetica, Geneva; + font-size: 10px; + border: solid; + border-width: 1px; + border-color: gray; + background: gray url(images/gradients/button.gif) repeat-x top left; +/* margin-right:5px; */ +} +.button:hover { text-decoration: underline; border-color: black; } + +/**************** TRIGGERS INFORMATION MODULE ****************/ +table.triggers_info { + width: 100%; + background-color: #FFFFFF; + border: 1px gray dotted; +} +table.triggers_info td { + border: 0px; + white-space: nowrap; + word-spacing: nowrap; + padding-left: 5px; + padding-right: 5px; + font-weight: bold; + color: #191970; + text-align: left; + font-family: Verdana, Helvetica, Geneva; + font-size: 11px; +} + +table.triggers_info td.header { + background: #5C7099 url(images/gradients/table_head2.gif) repeat-x top left; + color: #FFFFFF; +} +table.triggers_info td { + background-color: #CCCCCC; +} +table.triggers_info td.trok { + background-color: #99F099; +} +table.triggers_info td.dis { + background-color: #FF0000; +} +table.triggers_info td.high { + background-color: #FF8888; +} +table.triggers_info td.avg { + background-color: #DDAAAA; +} + +/**************** HOSTS INFORMATION MODULE ****************/ +table.hosts_info { + width: 100%; + background-color: #FFFFFF; + border: 1px gray dotted; +} +table.hosts_info td { + border: 0px; + white-space: nowrap; + word-spacing: nowrap; + padding-left: 5px; + padding-right: 5px; + font-weight: bold; + color: #191970; + text-align: left; + font-family: Verdana, Helvetica, Geneva; + font-size: 11px; +} + +table.hosts_info td.header { + background: #5C7099 url(images/gradients/table_head2.gif) repeat-x top left; + color: #FFFFFF; +} + +table.hosts_info td.avail +{ + background-color: #99F099; +} +table.hosts_info td.notav +{ + background-color: #F09999; +} +table.hosts_info td.uncn +{ + background-color: #CCCCCC; +} + +/**************** SERVER INFORMATION MODULE ****************/ +table.server_info { + width: 100%; + background-color: #EFEFEF; + border: 1px gray dotted; +} +table.server_info td { + border: 0px; + padding-left: 5px; + padding-right: 5px; + font-weight: bold; + text-align: left; + font-family: Verdana, Helvetica, Geneva; + font-size: 11px; + background-color: #EFEFEF; + white-space: nowrap; + word-spacing: nowrap; +} + +table.server_info td.header { + background: #5C7099 url(images/gradients/table_head2.gif) repeat-x top left; + color: #FFFFFF; +} +table.server_info tr.status td{ + white-space: nowrap; + word-spacing: nowrap; +} + +/**************** OTHERS ****************/ + span.divider{ color: #000000; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: normal;} a.highlight { font-family: Verdana, Arial, sans-serif; font-size:10px; font-weight: bold; } @@ -209,45 +589,6 @@ td,tr } td.center { text-align: center; } -td.table_message { text-align: center; } -tr.table_header -{ - font-family:verdana, arial, helvetica, sans-serif; - font-size:8pt; - font-weight: bold; - text-decoration: none; - background-color:#CCCCCC; -} -tr.table_footer -{ - color: #FFFFFF; - font-family:verdana, arial, helvetica, sans-serif; - font-size:8px; - 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; -} -tr.table_odd_row -{ - font-family:verdana, arial, helvetica, sans-serif; font-size:8pt; - text-decoration: none; background-color:#DDDDDD; -} -tr.table_odd_row:hover { background-color:#DDDDEE; } - -tr.table_even_row -{ - font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8pt; - text-decoration: none; background-color:#EEEEEE; -} -tr.table_even_row:hover { background-color:#EEEEFE; } A.enabled:link { color:#00AA00; text-decoration: none; } A.enabled:visited { color:#00AA00; text-decoration: none; } @@ -296,117 +637,7 @@ a.small_font font-size: 8pt; } -table.menu -{ - background-color: #FFFFFF; - color: #000000; - border: 0px solid #000000; -} - -table.header -{ - width: 100%; - 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; -} -td.header_l -{ - font-family:verdana, arial, helvetica, sans-serif; - font-size:10px; - text-align: left; - height: 24px; -} -td.header_r -{ - font-family:verdana, arial, helvetica, sans-serif; - font-size:10px; - text-align: right; - height: 24px; -} - -.tborder -{ - background-color: #AAAAAA; - color: #000000; - border: 0px solid #0B198C; - width: 100%; -} - -/**************** GRAPH ****************/ -table.graph -{ - width: 100%; - text-align: center; -} - -/**************** PAGE HEADER ****************/ -table.page_header -{ - background-color: #FFFFFF; - border-color: #000000; - border-width:0px; - border-top-style: solid; - border-left-style: solid; - border-right-style: solid; - border-bottom-style: solid; - padding-right: 0px; - padding-left: 0px; - width: 100%; -} -td.page_header_l -{ - vertical-align: middle; - padding: 0px; -} -td.page_header_r -{ - vertical-align: middle; - text-align: right; - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 10pt; -} - -/**************** PAGE FOOTER ****************/ -table.page_footer -{ - color: #FFFFFF; - background: #5C7099 url(images/gradients/table_head.gif) repeat-x top left; - border-color: #000000; - font-weight: bold; - border-width:0px; - border-top-style: solid; - border-left-style: solid; - border-right-style: solid; - border-bottom-style: solid; - padding-right: 5px; - padding-left: 5px; - width: 100%; -} -td.page_footer_l -{ - font-family:verdana, arial, helvetica, sans-serif; - font-size:10px; - height: 24px; - text-align: center; -} -td.page_footer_r -{ - font-family:verdana, arial, helvetica, sans-serif; - font-size:10px; - height: 24px; - text-align: right; -} A.footer { color:#CCCCCC; @@ -456,33 +687,6 @@ table.home img.top { vertical-align:text-top } img.bottom { vertical-align:text-bottom } -/**************** FORM ELEMENTS ****************/ -.biginput -{ - font-family: Verdana, Helvetica, Geneva; - font-size: 10px; - border: solid; - border-width: 1px; - border-color: gray; - background-color: white; -} -.biginput:focus { border-color: black; } -.biginput:hover { border-color: black; } - -.button -{ - font-family: Verdana, Helvetica, Geneva; - font-size: 10px; - border: solid; - border-width: 1px; - border-color: gray; - background: gray url(images/gradients/button.gif) repeat-x top left; -/* margin-right:5px; */ -} -.button:hover { text-decoration: underline; border-color: black; } - -/**************** OTHERS ****************/ - ul { margin-left: 0px; |
