diff --git a/pandora_console/ChangeLog b/pandora_console/ChangeLog index ffac103187..95a587be4c 100644 --- a/pandora_console/ChangeLog +++ b/pandora_console/ChangeLog @@ -1,3 +1,19 @@ +2009-05-29 Esteban Sanchez + + * include/functions_menu.php: Added menu_icon class. + + * include/styles/menu.css: Split background style for menu icons. + Recovered menu colors. + + * include/styles/pandora.css: Added body.pure element. + + * include/styles/pandora_blackmetal.css, + include/styles/pandora_black.css: Improve to reuse pandora.css + + * include/functions_ui.php: Use pure class on body element + on process_page_body(). Better comment when creating the css array on + process_page_head(). + 2009-05-28 Esteban Sanchez * godmode/reporting/map_builder.php: Replaced exit with return. Use diff --git a/pandora_console/include/functions_menu.php b/pandora_console/include/functions_menu.php index 3e82cff03e..9a98ad8cce 100644 --- a/pandora_console/include/functions_menu.php +++ b/pandora_console/include/functions_menu.php @@ -43,7 +43,7 @@ function print_menu (&$menu) { } $submenu = false; - $classes = array (); + $classes = array ('menu_icon'); if (isset ($main["sub"])) { $classes[] = 'has_submenu'; $submenu = true; diff --git a/pandora_console/include/functions_ui.php b/pandora_console/include/functions_ui.php index a710c6dd34..502ac906e7 100644 --- a/pandora_console/include/functions_ui.php +++ b/pandora_console/include/functions_ui.php @@ -612,7 +612,7 @@ function process_page_head ($string, $bitfield) { $config['css'] = array (); } - //User style should go last because it could rewrite common styles + //User style should go last so it can rewrite common styles $config['css'] = array_merge (array ( "common" => "include/styles/common.css", "menu" => "include/styles/menu.css", @@ -723,11 +723,7 @@ function process_page_body ($string, $bitfield) { } // Show custom background - if ($config["pure"] == 0) { - $output = ''; - } else { - $output = ''; //Don't enforce a white background color. Let user style sheet do that - } + $output = ''; if (!empty ($config["compact_header"])) { require_once ($config["homedir"]."/include/htmlawed.php"); diff --git a/pandora_console/include/styles/menu.css b/pandora_console/include/styles/menu.css index 1834996955..9a1eb1657b 100644 --- a/pandora_console/include/styles/menu.css +++ b/pandora_console/include/styles/menu.css @@ -80,85 +80,90 @@ .menu li.submenu_selected a { font-weight: bold; } -.menu li.links { - background: url(../../images/link.png) no-repeat 4px 8px; - border-width: 1px 0 0 1px; - border-style: solid; - border-color: #dadbdc; + +.menu .menu_icon, .menu li.links { + background-color: #E9F3D2; + background-position: 4px 4px; + background-repeat: no-repeat; } +.menu li.links { + background-image: url(../../images/link.png); + background-position: 4px 8px; +} /* Icons specified here */ #icon_oper-dashboard { - background: url(../../images/house.png) no-repeat 4px 4px; + background-image: url(../../images/house.png); } #icon_oper-agents { - background: url(../../images/bricks.png) no-repeat 4px 4px; + background-image: url(../../images/bricks.png); } #icon_oper-servers { - background: url(../../images/server.png) no-repeat 4px 4px; + background-image: url(../../images/server.png); } #icon_oper-incidents { - background: url(../../images/book_edit.png) no-repeat 4px 4px; + background-image: url(../../images/book_edit.png); } #icon_oper-events { - background: url(../../images/lightning_go.png) no-repeat 4px 4px; + background-image: url(../../images/lightning_go.png); } /* users */ #icon_oper-users { - background: url(../../images/group.png) no-repeat 4px 4px; + background-image: url(../../images/group.png); } /* trap console */ #icon_oper-snmpc, #icon_god-snmpc { - background: url(../../images/computer_error.png) no-repeat 4px 4px; + background-image: url(../../images/computer_error.png); } #icon_oper-messages { - background: url(../../images/email.png) no-repeat 4px 4px; + background-image: url(../../images/email.png); } #icon_oper-reporting { - background: url(../../images/reporting.png) no-repeat 4px 4px; + background-image: url(../../images/reporting.png); } #icon_oper-visualc { - background: url(../../images/monitor.png) no-repeat 4px 4px; + background-image: url(../../images/monitor.png); } #icon_oper-extensions, #icon_god-extensions { - background: url(../../images/extensions.png) no-repeat 4px 4px; + background-image: url(../../images/extensions.png); } /* Godmode images */ #icon_god-agents { - background: url(../../images/god1.png) no-repeat 4px 4px; + background-image: url(../../images/god1.png); } #icon_god-modules { - background: url(../../images/brick.png) no-repeat 4px 4px; + background-image: url(../../images/brick.png); } #icon_god-alerts { - background: url(../../images/god2.png) no-repeat 4px 4px; + background-image: url(../../images/god2.png); } #icon_god-dbmaint { - background: url(../../images/god8.png) no-repeat 4px 4px; + background-image: url(../../images/god8.png); } #icon_god-users { - background: url(../../images/god3.png) no-repeat 4px 4px; + background-image: url(../../images/god3.png); } #icon_god-reporting { - background: url(../../images/reporting_edit.png) no-repeat 4px 4px; + background-image: url(../../images/reporting_edit.png); } #icon_god-profiles { - background: url(../../images/god4.png) no-repeat 4px 4px; + background-image: url(../../images/god4.png); } #icon_god-servers { - background: url(../../images/god5.png) no-repeat 4px 4px; + background-image: url(../../images/god5.png); } #icon_god-audit { - background: url(../../images/god6.png) no-repeat 4px 4px; + background-image: url(../../images/god6.png); } #icon_god-setup { - background: url(../../images/god7.png) no-repeat 4px 4px; + background-image: url(../../images/god7.png); } #icon_god-policies { - background: url(../../images/policies.png) no-repeat 4px 4px; + background-image: url(../../images/policies.png); } #icon_oper-inventory { - background: url(../../images/page_white_text.png) no-repeat 4px 4px; + background-image: url(../../images/page_white_text.png); } + diff --git a/pandora_console/include/styles/pandora.css b/pandora_console/include/styles/pandora.css index 7d848553e2..1ceb590274 100644 --- a/pandora_console/include/styles/pandora.css +++ b/pandora_console/include/styles/pandora.css @@ -27,6 +27,10 @@ Description: The default Pandora FMS theme layout } body { text-align: center; + background-color: #555555; +} +body.pure { + background-color: #fff; } input, textarea { border: 1px solid #ddd; @@ -209,20 +213,6 @@ div#head { background: url(../../images/header.jpg); border-bottom: solid 2px #555; } -/* - -div#head { - font-size: 8pt; - width: 960px; - height: 60px; - background: url(../../images/enterprise_header.png); - background-color: #020202; - background-repeat: repeat-x; - background-attachment: scroll; - background-position: 0% 0%; - border-bottom: solid 2px #000; -} -*/ div#foot { font-size: 7pt; diff --git a/pandora_console/include/styles/pandora_black.css b/pandora_console/include/styles/pandora_black.css index 5a85cd805d..62ba7d7070 100644 --- a/pandora_console/include/styles/pandora_black.css +++ b/pandora_console/include/styles/pandora_black.css @@ -28,567 +28,90 @@ Description: A theme with a dark style // Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. */ -@import url(op.css); -@import url(god.css); -@import url(link.css); -@import url(tip.css); -* { - font-family: verdana, sans-serif; - font-size: 8pt; -} -body { - text-align: center; +@import url(pandora.css); + +body, body.pure { color: #EEE; + background-color: #000; } -td { - color: #EEE; -} -input, textarea { - border: 1px solid #ddd; - font: verdana, sans-serif; - font-size: 8pt; -} -textarea { - padding: 5px; - height: 100px; - font-family: verdana, sans-serif; - font-size: 8pt; -} -input { - padding: 2px 3px 4px 3px; -} -input.button { - margin: 0; - font: bold, Arial, Sans-serif; - border: 1px solid #ccc; - background: #fff; - padding: 2px 3px; - margin: 10px 15px; -} -select { - padding: 0px; - border:1px solid #ddd; - font-family: verdana, sans-serif; - font-size: 8pt; -} -checkbox { - padding: 4px; - border:1px solid #eee; -} -h1, h2, h3 { - font: bold 1em Arial, Sans-serif; - text-transform: uppercase; +h1, h2, h3, h4 { color: #BBB; - padding-bottom: 5px; - padding-top: 7px; -} -h1 { - font-size: 16px; -} -h2 { - font-size: 15px; -} -h3 { - font-size: 13px; } a { color: #ddd; - text-decoration: none; } a:hover { color: #CCC; - text-decoration: underline; } -a.white_bold { - color: #DDD; - text-decoration: none; - font-weight: bold; -} -a.white { - color: #CCC; - text-decoration: none; -} -p.center { - text-align: center; } h1#log { - font-size: 18px; - margin-bottom: 0px; color: #FFF; } -h1#log_f { - color: #f00; - border-bottom: 1px solid #f00; - padding-bottom: 3px; -} -div#login { - margin: 0 auto; - margin-top: 200px; - width: 460px; - border-left: solid 1px #000; - border-top: solid 1px #000; - border-bottom: solid 2px #000; - border-right: solid 2px #000 -} -div#login_in, #login_f { - margin: 0 auto; - width: 400px; -} -div#login_f { - margin-top: 10px; - margin-bottom: 25px; -} -div#noaccess { - width: 350px; - padding-left: 40px; -} -div#activity{ - padding-top: 18px; - padding-bottom: 18px; -} -div#noa { - float: right; - padding-right: 50px; - margin-top: 25px; -} -div#db_f { - text-align: justify; - margin: auto; - padding: 0.5em; - width: 55em; - margin-top: 3em; -} -div#db_ftxt { - float: right; - padding-top: 10px; -} -div#container { - margin: 0 auto; - width: 960px; - text-align: left; - border-left: solid 2px #000; - border-right: solid 2px #000; - border-top: solid 2px #000; - margin-top: 5px; +div#container, div#page, div#main, div#head { + background-image: none; + background-color: #000; } div#page { - width: 960px; - background: #000; - clear: both; border-bottom: solid 5px #001E40; border-top: solid 5px #001E40; } -div#main { - background: #000; - width: 780px; - min-height: 500px; - float: right; - padding-left: 0px; - padding-top: 0px; - padding-bottom: 20px; - margin-bottom: 25px; - margin-top: 0px; - margin-left: 0px; - margin-right: 0px; -} -div#menu { - width: 155px; - float: left; -} -div#page>div#menu { - width: 157px; -} -div#head { - font-size: 8pt; - width: 960px; - height: 60px; - background: #000; -} div#foot { - font-size: 7pt; - margin-top: solid 2px #000; - padding-top: 5px; - padding-bottom: 5px; - text-align: center; - background: #960003; - width: 960px; - clear: both; -} -#ver { - margin-bottom: 25px; -} -#ip { - margin-top: 10px; - margin-bottom: 5px; -} -label { - display: block; - float: left; - padding-top: 4px; -} -th > label { - padding-top: 7px; + background-color: #960003; } input:hover { background-color: #d4dccd; } -input.chk {margin-right: 0px; - border: 0px none; - height: 14px; -} -input.datos { - background-color: #f5f5f5; -} -input.datos_readonly { - background-color: #050505; -} input.login { - border-color: #786; background-color: #000; - margin: 2px 0 8px; - width: 90px; -} -input.sub { - font-weight: bold; - border-bottom-color: #708090; - border-right-color: #708090; - -moz-border-radius: 5%; - font-size: 8pt; -} -input.next { - padding-right: 21px; - background: #e5e5e5 url(../../images/go.png) no-repeat right 2px; -} -input.upd { - padding-right: 21px; - background: #e5e5e5 url(../../images/upd.png) no-repeat right 3px; -} -input.wand { - padding-right: 21px; - background: #e5e5e5 url(../../images/wand.png) no-repeat right 3px; -} -input.delete { - padding-right: 21px; - background: #e5e5e5 url(../../images/cross.png) no-repeat right 3px; -} -input.search { - padding-right: 21px; - background: #e5e5e5 url(../../images/zoom.png) no-repeat right 3px; -} -input.copy { - padding-right: 21px; - background: #e5e5e5 url(../../images/copy.png) no-repeat right 3px; -} -input.ok { - padding-right: 21px; - background: #e5e5e5 url(../../images/ok.png) no-repeat right 3px; -} -table, img { - border: 0px; } th { background-color: #041D3D; } -td.datos, td.datost, td.datosb , td.datos_id, td.datosf9 { +tr.datos, tr.datost, tr.datosb , tr.datos_id, +tr.datosf9, tr.datos2, tr.datos2t, +tr.datos2b, tr.datos2_id , tr.datos2f9 { background-color: #020E1D; } -td.datos2, td.datos2t, td.datos2b, td.datos2_id , td.datos2f9 { +tr.datos:hover, tr.datost:hover, tr.datosb:hover, tr.datos_id:hover, +tr.datosf9:hover, tr.datos2:hover, tr.datos2t:hover, +tr.datos2b:hover, tr.datos2_id:hover, tr.datos2f9:hover { background-color: #02152A; } td.datos3 { - background-color: #1E1E1E; + background-color: #1e1e1e; } td.datos_id { - color: #fff; -} -td.datos_jus, td.datos2_jus { - text-align: justify; -} -.bg { /* op menu */ - background-color: #786; -} -.bg2 { /* main page */ - background-color: #d84437; -} -.bg3 { /* godmode */ - background-color: #d84437; -} -.bg4 { /* links */ - background-color: #5385bf; -} -.bg, .bg2, .bg3, .bg4 { - position: relative; - height: 20px; - width: 100%; -} -.f10, #ip { - font-size: 7pt; - text-align: center; -} -.f9, .f9i, .f9b, td.f9, td.f9i, td.datosf9, td.datos2f9 { - font-size: 6pt; -} -.f9i, .redi { - font-style: italic; -} -.jus { - text-align: justify; - width: 700px; -} -.tit { - padding-top: 3px; -} -.tit, .titb { - font-weight: bold; - color: #fff; - text-align: center; -} -.suc { - color: #5a8629; - background: url(../../images/suc.png) no-repeat 1px; - padding: 4px 1px 6px 30px; -} -.error { - background: url(../../images/error.png) no-repeat; - padding: 4px 1px 6px 30px; -} -.red , .redb, .redi, .error { - color: #f00; -} -.sep { - margin-left: 30px; - border-bottom: 1px solid #708090; - width: 100%; -} -.green { - color: #5a8629; -} -.greenb { - color: #00aa00; -} -.grey { - color: #808080; - font-weight: bold; -} -.redb, .greenb, td.datos_id, td.datos2_id, f9b { - font-weight: bold; -} -.p10 { - padding-top: 1px; - padding-bottom: 0px; -} -.p21 { - padding-top: 2px; - padding-bottom: 1px; -} -.w120 { - width: 120px; -} -.w130 { - width: 130px; -} -.w135 { - width: 135px; -} -.w155 { - width: 155px; -} -.top, .top_red, .bgt, td.datost, td.datos2t { - vertical-align: top; -} -.top_red { - background: #ff0000; -} -.bot, .titb, td.datosb { - vertical-align: bottom; -} -.msg { - margin-top: 15px; - text-align: justify; -} -ul.mn { - list-style: none; - padding: 0px 0px 0px 0px; - margin: 0px 0px 0px 0px; - line-height: 24px; -} -.gr { - font-size: 10pt; - font-weight: bold; -} -a.mn, .gr { - font-family: Arial, Verdana, sans-serif, Helvetica; -} -div.nf { - background: url(../../images/info.png) no-repeat; - color: #ac4444; - margin-left: 7px; - padding: 2px 1px 6px 25px; + color: #1a313a; } div.title_line { background-color: #000; - height: 5px; - width: 762px; -} -#menu_tab_frame { - background: #D84437; - width: 805px; - min-height: 22px; - padding-left: 0x; - margin-left: -25px; - float:left; - border-bottom: 1px solid #778866; -} -#menu_tab_frame_view { - background: #66AA44; - width: 805px; - min-height: 22px; - padding-left: 0x; - margin-left: -25px; - float:left; - border-bottom: 1px solid #778866; -} - - -#menu_tab .mn, #menu_tab ul, #menu_tab .mn ul { - padding: 0px; - list-style: none; - margin: 0px; -} -#menu_tab .mn li { - float: right; - position: relative; } #menu_tab li a, #menu_tab li.nomn a { background: #082C43; - padding: 2px 10px 2px 10px; color: #CFCFCF; border-left: 1px solid #000; - font-weight: bold; - line-height: 18px; } #menu_tab li.nomn_high a { background: #799E48; color: #fff; - padding: 2px 10px 2px 10px; border-left: 2px solid #778866; - font-weight: bold; - line-height: 18px; } - -#menu_tab .mn li a { - display: block; - text-decoration: none; -} -#menu_tab li.nomn:hover a, -#menu_tab li:hover ul a:hover { - background: #62606a; +#menu_tab li.nomn:hover a, #menu_tab li:hover ul a:hover { + background-color: #62606a; } #menu_tab li:hover a { - background: #62606a url("../images/arrow.png") no-repeat right 3px; + background-color: #62606a; } #menu_tab li:hover ul a, #menu_tab .mn ul { - background: #62606a; - border-top: none; + background-color: #62606a; } -/* TAB TITLE */ -#menu_tab_left .mn, #menu_tab_left ul, #menu_tab_left .mn ul { - padding: 0px 0px 0px 0px; - list-style: none; - margin: 0px 0px 0px -20px; -} -#menu_tab_left .mn li { - float: left; - position: relative; -} -#menu_tab_left li a { - background: #400027; - padding: 2px 10px 2px 10px; - color: #fff; - font-weight: bold; - line-height: 18px; -} -#menu_tab_left .mn li a { - display: block; - text-decoration: none; +#menu_tab_left li a, #menu_tab_left li span { + background-color: #400027; } #menu_tab_left li.view a { - background: #0B315B; - padding: 2px 10px 2px 10px; - color: #fff; - font-weight: bold; - line-height: 18px; + background-color: #0B315B; } -span.users { - background: url(../../images/group.png) no-repeat; -} -span.agents { - background: url(../../images/bricks.png) no-repeat; -} -span.data { - background: url(../../images/data.png) no-repeat; -} -span.alerts { - background: url(../../images/bell.png) no-repeat; -} -span.time { - background: url(../../images/hourglass.png) no-repeat; -} -span.net { - background: url(../../images/network.png) no-repeat; -} -span.master { - background: url(../../images/master.png) no-repeat; -} -span.wmi { - background: url(../../images/wmi.png) no-repeat; -} -span.prediction { - background: url(../../images/chart_bar.png) no-repeat; -} -span.plugin { - background: url(../../images/plugin.png) no-repeat; -} -span.export { - background: url(../../images/database_refresh.png) no-repeat; -} -span.snmp { - background: url(../../images/snmp.png) no-repeat; -} -span.binary { - background: url(../../images/binary.png) no-repeat; -} -span.recon { - background: url(../../images/recon.png) no-repeat; -} -span.rmess { - background: url(../../images/email_open.png) no-repeat; -} -span.nrmess { - background: url(../../images/email.png) no-repeat; -} - -/* This kind of span do not have any sense, should be replaced on PHP code -by a real img in code. They are not useful because insert too much margin around -(for example, not valid to use in the table of server view */ - -span.users, span.agents, span.data, span.alerts, span.time, span.net, -span.master, span.snmp, span.binary, span.recon { - margin-left: 4px; - margin-top: 10px; - padding: 4px 8px 12px 30px; - display: block; -} -span.rmess, span.nrmess { - margin-left: 14px; - padding: 1px 0px 10px 30px; - display: block; -} -/* New styles for data box */ .databox, .databox_color, .databox_frame { - margin-bottom: 15px; - margin-top: 5px; - margin-left: 0px; border: 1px solid #071924; } .databox { @@ -598,158 +121,51 @@ span.rmess, span.nrmess { .databox_color { border-left: 4px solid #071924; } -#head_l { - float: left; - margin: 0; - padding: 0; -} -#head_r { - float: right; - text-align: right; - margin-right: 10px; - padding-top: 0px; -} -#head_m { - position: absolute; - padding-top: 7px; - padding-left: 210px; -} -span#logo_text1 { - font: bolder 3em Arial, Sans-serif; - letter-spacing: -2px; - color: #eee; -} -span#logo_text2 { - font: 3em Arial, Sans-serif; - letter-spacing: -2px; - color: #aaa; -} - -div#logo_text3 { - text-align: right; - font: 2em Arial, Sans-serif; - letter-spacing: 6px; - color: #aaa; - font-weight: bold; - margin-top: 0px; - margin-left: 4px; - padding-top: 0px: -} - -.bb0 { - border-bottom: 0px; -} -.bt0 { - border-top: 0px; -} - -.action-buttons { - text-align: right; -} - -#table-add-item select, #table-add-sla select { - width: 180px; -} - -/* classes for event priorities. Sits now in functions.php */ -.datos_green, .datos_greenf9 { - background-color: #BBFFA4; -} - -.datos_red, .datos_redf9 { - background-color: #FFC0B5; -} - -.datos_yellow, .datos_yellowf9 { - background-color: #F4FFBF; -} - -.datos_blue, .datos_bluef9 { - background-color: #CDE2EA; -} - -.datos_grey, .datos_greyf9 { - background-color: #E4E4E4; -} - -.datos_greyf9, .datos_bluef9, .datos_greenf9, .datos_redf9, .datos_yellowf9 { - font-size: 6.5pt; -} - -td.datos_greyf9, td.datos_bluef9, td.datos_greenf9, td.datos_redf9, td.datos_yellowf9 { - padding: 5px 5px 5px 5px; -} -/* end of classes for event priorities */ - div#main_pure { background-color: #000; - text-align: left; - margin-bottom: 25px; - margin-top: 10px; - margin-left: 10px; - margin-right: 10px; +} +div.loading { + background-color: #BFBFBF; } - -td.big_data { - font-size: 2em; - font-weight: bold; -} - -a.big_data { - text-decoration: none; font: bold 1em Arial, Sans-serif; -} - -#layout_trash_drop { - float: right; - width: 300px; - height: 180px; - background: #fff url("../../images/trash.png") no-repeat bottom left; -} - -#table-agent-configuration radio { - margin-right: 40px; -} - -.ui-draggable { - cursor:move; -} - -#layout_trash_drop { - float: right; -} - -div#pandora_logo_header { - background: url(../../images/pandora_logo_head.png); - background-position: 0% 0%; - width: 139px; - height: 60px; - float: left; +/* Steps */ +ol.steps li { + background-color: #4D4D4D; +} +ol.steps li.current { + border-left: 5px solid #CACACA; + background-color: #BFBFBF; +} +ol.steps li.visited { + color: #999 !important; } +/* Menus */ .menu li a { background-color: #000; color: #CCC; } - .submenu li a { - background-color: #000; + background-color: #505050; color: #CCC; } +.menu li.submenu_selected a { + background-color: #9c9c9c; + color: #222; +} .menu li.selected { background-color: #333 !important; } - -} .menu li.links { border-color: #333; } - .submenu li a { border-color: #333; } - .menu { border-color: #333; } +.menu .menu_icon, .menu li.links { + background-color: #000; +} diff --git a/pandora_console/include/styles/pandora_blackmetal.css b/pandora_console/include/styles/pandora_blackmetal.css index ee0420aafc..85732fdbca 100644 --- a/pandora_console/include/styles/pandora_blackmetal.css +++ b/pandora_console/include/styles/pandora_blackmetal.css @@ -2,926 +2,76 @@ Author: The Pandora FMS team Name: Black Metal theme -Description: Default theme used in Enterprise version +Description: A theme with a variable width layout + +// Pandora FMS - the Free monitoring system +// ======================================== +// Copyright (c) 2009 Artica Soluciones Tecnologicas, info@artica.es +// Copyright (c) 2009 Esteban Sanchez, +// +// 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; version 2 +// 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., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. */ -* { - font-family: verdana, sans-serif; - font-size: 8pt; -} -body { - text-align: center; -} -input, textarea { - border: 1px solid #ddd; -} - -textarea { - padding: 5px; - min-height: 100px; - width: 99%; -} -textarea.conf_editor { - padding: 5px; - width: 650px; - height: 350px; -} -textarea.conf_error { - background-image: url(../../images/err.png); - background-repeat: no-repeat; - background-position: top right; -} -input { - padding: 2px 3px 4px 3px; -} -input.button { - font-family: Arial,Sans-serif; - border: 1px solid #ccc; - background: #fff; - padding: 2px 3px; - margin: 10px 15px; -} -select { - padding: 0px; - border:1px solid #ddd; -} -checkbox { - padding: 4px; - border:1px solid #eee; -} -h1, h2, h3, h4 { - font-weight: bold; - font-size: 1em; - font-family: Arial, Sans-serif; - text-transform: uppercase; - color: #000; - padding-bottom: 4px; - padding-top: 7px; -} -h1 { - font-size: 16px; -} -h2 { - font-size: 15px; -} -h3 { - font-size: 14px; -} -h4 { - margin-bottom: 2px; - padding-bottom: 0px; - padding-top: 5px; - font-size: 13px; - color: #000; -} -a { - color: #486787; - text-decoration: none; -} -a:hover { - color: #003a3a; - text-decoration: underline; -} -a.white_bold { - color: #eee; - text-decoration: none; - font-weight: bold; -} -a.white_grey_bold { - color: #999; - text-decoration: none; - font-weight: bold; -} -a.white { - color: #eee; - text-decoration: none; -} -p.center { - text-align: center; -} -h1#log { - font-size: 18px; - margin-bottom: 0px; - color: #000; -} -h1#log_f { - color: #f00; - border-bottom: 1px solid #f00; - padding-bottom: 3px; -} -div#login { - margin: 0 auto; - margin-top: 200px; - width: 460px; - border-left: solid 1px #000; - border-top: solid 1px #000; - border-bottom: solid 2px #000; - border-right: solid 2px #000; -} -div#login_in, #login_f { - margin: 0 auto; - width: 400px; -} -div#login_f { - margin-top: 10px; - margin-bottom: 25px; -} -div#noaccess { - width: 350px; - padding-left: 40px; -} -div#activity{ - padding-top: 18px; - padding-bottom: 18px; -} -div#noa { - float: right; - padding-right: 50px; - margin-top: 25px; -} -div#db_f { - text-align: justify; - margin: auto; - padding: 0.5em; - width: 55em; - margin-top: 3em; -} -div#db_ftxt { - float: right; - padding-top: 10px; -} -div#container { - margin: 0 auto; - width: 960px; - text-align: left; - border-left: solid 2px #000; - border-right: solid 2px #000; - border-top: solid 2px #000; - margin-top: 5px; - background: #fff; -} -div#page { - width: 960px; - background: #fff; - clear: both; - border-bottom: solid 5px #000; - border-top: solid 5px #000; -} -div#main { - width: 785px; - min-height: 500px; - float: right; - padding-left: 0px; - padding-top: 0px; - padding-bottom: 20px; - margin-bottom: 25px; - background-color: #fefefe; - background-image: url(../../images/backgrounds/background4.jpg); - margin-top: 0px; - margin-left: 0px; - margin-right: 0px; -} -div#menu { - width: 165px; - float: left; -} +@import url(pandora_width.css); div#pandora_logo_header { -/* Put here your company logo (139x60 pixels) like this: */ -/* background: url(../../images/xxxxx.png); */ - - background: url(../../images/MiniLogoArtica.jpg); - background-position: 0% 0%; +/* Put here your company logo */ + background: url(../../images/MiniLogoArtica.jpg); width: 83px; height: 31px; - float: left; +} + +h1, h2, h3, h4 { + color: #000; +} + +div#page { + border-bottom: solid 5px #000; + border-top: solid 5px #000; } div#head { font-size: 8pt; - width: 960px; - height: 60px; background: url(../../images/black_header.png); background-color: #000; background-repeat: repeat-x; background-position: 0% 0%; border-bottom: solid 2px #000; } -div#foot { - font-size: 7pt; - border-top: solid 2px #000; - padding-top: 5px; - padding-bottom: 5px; - text-align: center; - background: #000; - width: 960px; - clear: both; -} -#ver { - margin-bottom: 25px; -} -#ip { - margin-top: 10px; - margin-bottom: 5px; -} -label { - display: block; - padding-top: 4px; - font-weight: bold; - text-align: left; -} -th > label { - padding-top: 7px; -} -input.chk {margin-right: 0px; - border: 0px none; - height: 14px; -} -input.datos { - background-color: #f5f5f5; -} -input.datos_readonly { - background-color: #050505; -} -input.login { - border-color: #000; - background-color: #f5f5f5; - margin: 2px 0 8px; - width: 90px; -} -input.sub { - font-weight: bold; - border-bottom-color: #708090; - border-right-color: #708090; - /* These borders haven't made it yet in a valid standard - First one is for Mozilla, second for Webkit (Safari, Konqueror), third one for IE7+ and valid CSS3. - Percentage values are invalid here but .4em seems big enough */ - -moz-border-radius: .4em; - -webkit-border-radius: .4em; - border-radius: .4em; - font-size: 8pt; - background-color: #e5e5e5; - color: #000; -} -input.next, input.upd, input.ok, input.wand, input.delete, input.search, -input.copy, input.add { - padding-right: 21px; -} -input.next { - background: #e5e5e5 url(../../images/go.png) no-repeat right 2px; -} -input.upd { - background: #e5e5e5 url(../../images/upd.png) no-repeat right 3px; -} -input.wand { - background: #e5e5e5 url(../../images/wand.png) no-repeat right 3px; -} -input.delete { - background: #e5e5e5 url(../../images/cross.png) no-repeat right 3px; -} -input.search { - background: #e5e5e5 url(../../images/zoom.png) no-repeat right 3px; -} -input.copy { - background: #e5e5e5 url(../../images/copy.png) no-repeat right 3px; -} -input.ok { - background: #e5e5e5 url(../../images/ok.png) no-repeat right 3px; -} -input.add { - background: #e5e5e5 url(../../images/add.png) no-repeat right 3px; -} -table, img { - border: 0px; -} -th { - color: #fff; + +th, .bg { background-color: #555; - text-align:center; -} -tr.datos, tr.datost, tr.datosb , tr.datos_id, -tr.datosf9, tr.datos2, tr.datos2t, -tr.datos2b, tr.datos2_id , tr.datos2f9 { - background-color: #f9f9f9; -} -tr.datos:hover, tr.datost:hover, tr.datosb:hover, tr.datos_id:hover, -tr.datosf9:hover, tr.datos2:hover, tr.datos2t:hover, -tr.datos2b:hover, tr.datos2_id:hover, tr.datos2f9:hover { - background-color: #efefef; -} -td.datos3 { - background-color: #d4ddc6; -} -td.datos_id { - color: #1a313a; -} -.bg { /* op menu */ - background-color: #555; -} -.bg2 { /* main page */ - background-color: #d84437; -} -.bg3 { /* godmode */ - background-color: #d84437; -} -.bg4 { /* links */ - background-color: #5385bf; -} -.bg, .bg2, .bg3, .bg4 { - position: relative; - width: 100%; -} -.bg { - height: 20px; -} -.bg2, .bg3, .bg4 { - height: 17px; -} -.f10, #ip { - font-size: 7pt; - text-align: center; -} -.f9, .f9i, .f9b, .datos_greyf9, .datos_bluef9, .datos_greenf9, .datos_redf9, .datos_yellowf9, td.f9, td.f9i, td.datosf9, td.datos2f9 { - font-size: 6.5pt; -} -.f9i, .redi { - font-style: italic; -} -.tit { - padding: 3px 1px; -} -.tit, .titb { - font-weight: bold; - color: #fff; - text-align: center; -} -.suc, .error, .help { - padding: 4px 1px 6px 30px; -} -.suc { - color: #5a8629; - background: url(../../images/suc.png) no-repeat 1px; -} -.error { - background: url(../../images/err.png) no-repeat; -} -.help { - background: url(../../images/help.png) no-repeat; -} -.red, .redb, .redi, .error { - color: #f00; } -.sep { - margin-left: 30px; - border-bottom: 1px solid #708090; - width: 100%; -} -.green { - color: #5a8629; -} -.yellow { - color: #F3C500; -} -.greenb { - color: #00aa00; -} -.grey { - color: #808080; - font-weight: bold; -} -.redb, .greenb, td.datos_id, td.datos2_id, f9b { - font-weight: bold; -} -.p10 { - padding-top: 1px; - padding-bottom: 0px; -} -.p21 { - padding-top: 2px; - padding-bottom: 1px; -} -.w120 { - width: 120px; -} -.w130, #table-agent-configuration select { - width: 130px; -} -.w135 { - width: 135px; -} -.w155, #table_layout_data select { - width: 155px; -} -.top, .top_red, .bgt, td.datost, td.datos2t { - vertical-align: top; -} -.top_red { - background: #ff0000; -} -.bot, .titb, td.datosb { - vertical-align: bottom; -} -.msg { - margin-top: 15px; - text-align: justify; -} -ul.mn { - list-style: none; - padding: 0px 0px 0px 0px; - margin: 0px 0px 0px 0px; - line-height: 24px; -} -.gr { - font-size: 10pt; - font-weight: bold; -} -a.mn, .gr { - font-family: Arial, Verdana, sans-serif, Helvetica; -} -div.nf { - background: url(../../images/info.png) no-repeat; - color: #ac4444; - margin-left: 7px; - padding: 2px 1px 6px 25px; -} -div.title_line { - background-color: #4e682c; - height: 5px; - width: 762px; -} #menu_tab_frame, #menu_tab_frame_view { - background:#D84437 none repeat scroll 0 0; border-bottom:1px solid #000; - float:left; - margin-left:-8px; - min-height:25px; - padding-right:8px; - width:100%; -} -#menu_tab_frame_view { - background: #66AA44; -} -#menu_tab .mn, #menu_tab ul, #menu_tab .mn ul { - padding: 0px; - list-style: none; - margin: 0px; -} -#menu_tab .mn li { - float: right; - position: relative; } + #menu_tab li a, #menu_tab a { - background: #d4ddc6; - padding: 3px 5px; - color: #333; border-left: 2px solid #000; - font-weight: bold; - line-height: 19px; -} -#menu_tab li.nomn_high a { - background: #799E48; - color: #fff; -} -#menu_tab .mn li a { - display: block; - text-decoration: none; -} -#menu_tab li.nomn:hover a, #menu_tab li:hover ul a:hover { - background: #799E48; - color: #fff; -} -#menu_tab li:hover a { - background: #b2b08a url("../images/arrow.png") no-repeat right 3px; -} -#menu_tab li:hover ul a, #menu_tab .mn ul { - background: #db6351; - border-top: none; -} -/* TAB TITLE */ -#menu_tab_left .mn, #menu_tab_left ul, #menu_tab_left .mn ul { - color: #fff; - font-weight: bold; - padding: 0px 0px 0px 0px; - list-style: none; - margin: 0px 0px 0px 2px; -} -#menu_tab_left .mn li { - float: left; - position: relative; -} -#menu_tab_left li a, #menu_tab_left li span { - text-transform: uppercase; - background: #d84437; - padding: 2px 5px 2px 5px; - color: #fff; - font-weight: bold; - line-height: 18px; -} -#menu_tab_left .mn li a { - display: block; - text-decoration: none; -} -#menu_tab_left li.view a { - background: #6a4; - padding: 2px 10px 2px 10px; - color: #fff; - font-weight: bold; - line-height: 18px; -} -span.users { - background: url(../../images/group.png) no-repeat; -} -span.agents { - background: url(../../images/bricks.png) no-repeat; -} -span.data { - background: url(../../images/data.png) no-repeat; -} -span.alerts { - background: url(../../images/bell.png) no-repeat; -} -span.time { - background: url(../../images/hourglass.png) no-repeat; -} -span.net { - background: url(../../images/network.png) no-repeat; -} -span.master { - background: url(../../images/master.png) no-repeat; -} -span.wmi { - background: url(../../images/wmi.png) no-repeat; -} -span.prediction { - background: url(../../images/chart_bar.png) no-repeat; -} -span.plugin { - background: url(../../images/plugin.png) no-repeat; -} -span.export { - background: url(../../images/database_refresh.png) no-repeat; -} -span.snmp { - background: url(../../images/snmp.png) no-repeat; -} -span.binary { - background: url(../../images/binary.png) no-repeat; -} -span.recon { - background: url(../../images/recon.png) no-repeat; -} -span.rmess { - background: url(../../images/email_open.png) no-repeat; -} -span.nrmess { - background: url(../../images/email.png) no-repeat; -} -/* This kind of span do not have any sense, should be replaced on PHP code -by a real img in code. They are not useful because insert too much margin around -(for example, not valid to use in the table of server view */ -span.users, span.agents, span.data, span.alerts, span.time, span.net, -span.master, span.snmp, span.binary, span.recon, span.wmi, span.prediction, -span.plugin, span.plugin, span.export { - margin-left: 4px; - margin-top: 10px; - padding: 4px 8px 12px 30px; - display: block; -} -span.rmess, span.nrmess { - margin-left: 14px; - padding: 1px 0px 10px 30px; - display: block; -} -/* New styles for data box */ -.databox, .databox_color, .databox_frame { - margin-bottom: 15px; - margin-top: 5px; - margin-left: 0px; - border: 1px solid #f2f2f2; -} -.databox { - background-color: #fafafa; } .databox_color { + border-left: 0px; } -#head_l { - float: left; - margin: 0; - padding: 0; -} #head_r { - float: right; - text-align: right; - margin-right: 10px; padding-top: 5px; } -#head_m { - position: absolute; - padding-top: 6px; - padding-left: 12em; -} -span#logo_text1 { - font: bolder 2.5em Arial, Sans-serif; - letter-spacing: -2px; - color: #eee; - text-align: right; -} -span#logo_text2 { - font: 2.5em Arial, Sans-serif; - letter-spacing: -2px; - color: #aaa; - text-align: right; -} -div#logo_text3 { - text-align: right; - font: 2em Arial, Sans-serif; - letter-spacing: 6px; - color: #aaa; - font-weight: bold; - margin-top: 0px; - margin-left: 4px; - padding-top: 0px: -} -.bb0 { - border-bottom: 0px; -} -.bt0 { - border-top: 0px; -} -.action-buttons { +span#logo_text1, span#logo_text2 { + font: bolder 2.5em Arial, Sans-serif; text-align: right; } -#table-add-item select, #table-add-sla select { - width: 180px; -} -/* classes for event priorities. Sits now in functions.php */ -.datos_green, .datos_greenf9 { - background-color: #BBFFA4; -} -.datos_red, .datos_redf9 { - background-color: #FFC0B5; -} -.datos_yellow, .datos_yellowf9 { - background-color: #F4FFBF; -} -.datos_blue, .datos_bluef9 { - background-color: #CDE2EA; -} -.datos_grey, .datos_greyf9 { - background-color: #E4E4E4; -} -td.datos_greyf9, td.datos_bluef9, td.datos_greenf9, td.datos_redf9, td.datos_yellowf9 { - padding: 5px 5px 5px 5px; -} -/* end of classes for event priorities */ -div#main_pure { - background-color: #fefefe; - text-align: left; - margin-bottom: 25px; - margin-top: 10px; - margin-left: 10px; - margin-right: 10px; -} -#table-agent-configuration radio { - margin-right: 40px; -} -.ui-draggable { - cursor:move; -} -#layout_trash_drop { - float: right; - width: 300px; - height: 180px; - background: #fff url("../../images/trash.png") no-repeat bottom left; -} -#layout_trash_drop div { - display: block; -} -#layout_editor_drop { - float: left; - width: 300px; -} -.agent_reporting { - margin: 5px; - padding: 5px; -} -.report_table, .agent_reporting { - border: #CCC outset 3px; -} -.img_help { - cursor: help; -} -#loading { - position:fixed; - width: 200px; - margin-left: 250px; - text-align:center; - top:300px; - background-color: #999999; - padding: 20px; -} -/* big_data is used in tactical and logon_ok */ -a.big_data { - text-decoration: none; font: bold 2em Arial, Sans-serif; -} -.notify { - background-color: #f7ffa5; - text-align: center; - font-weight: bold; - padding: 8px; -} -.listing { - border-collapse: collapse; -} -.listing td { - border-bottom: 1px solid #CCCCCC; - border-top: 1px solid #CCCCCC; -} -ul { - list-style-type: none; - padding-left: 0; - margin-left: 0; -} -span.actions { - margin-left: 30px; -} -code, pre { - font-family: courier, serif; -} -select#template, select#action { - width: 250px; -} -#label-checkbox-matches_value, -#label-checkbox-copy_modules, -#label-checkbox-copy_alerts { - display: inline; - font-weight: normal; -} -input[type=image] { - border:0px; -} -table#simple select#id_module_type, -table#alert_search select#id_agent, -table#alert_search select#id_group { - width: 200px; -} -table#simple select#select_snmp_oid, -table#simple select#id_plugin { - width: 270px; -} -table#simple input#text-plugin_parameter, -table#simple input#text-snmp_oid, -table#simple select#prediction_module, -table#source_table select, -table#destiny_table select, -table#target_table select, -table#filter_compound_table select, -table#filter_compound_table #text-search, -table#delete_table select { - width: 100%; -} -table#simple select#network_component_group, -table#simple select#network_component { - width: 90%; -} -table#simple span#component_group, -table#simple span#component { - width: 45%; - font-style: italic; -} -.clickable { - cursor: pointer; -} -table#agent_list tr, table.alert_list tr { - vertical-align: top; -} -ul.actions_list { - list-style-image: url(../../images/arrow.png); - list-style-position: inside; - margin-top: 0; -} -div.loading { - background-color: #FFF1A8; - margin-left: auto; - margin-right: auto; - padding: 5px; - text-align: center; - font-style: italic; - width: 95%; -} -div.loading img { - float: right; -} -/* Tablesorter jQuery pager */ -div.pager { - margin-left: 10px; - margin-top: 5px; -} -div.pager img{ - position: relative; - top: 4px; - padding-left: 5px; -} -div.pager input { - padding-left: 5px; -} -.pagedisplay { - border: 0; - width: 35px; -} -/* Steps style */ -ol.steps { - margin-bottom: 15px; - padding: 0; - list-style-type: none; - list-style-position: outline; -} -ol.steps li { - float: left; - background-color: #efefef; - padding: 5px; - margin-left: 5px; - width: 150px; -} -ol.steps li a { - color: #000; -} -ol.steps li.visited a { - color: #999; -} -ol.steps li span { - font-weight: normal; - display: block; -} -ol.steps li span { - color: #777; -} -ol.steps li.visited span { - color: #999; -} ol.steps li.current { border-left: 5px solid #000; - margin-left: 0; - font-weight: bold; - background-color: #E9F3D2; -} -ol.steps li.visited { - color: #999 !important; -} - -fieldset { - border: 2px solid #E9F3D2; - padding: 0 0 0 10px; - width: 90%; - margin-bottom: 15px; -} -fieldset legend span, -span#latest_value { - font-style:italic; -} -span#latest_value span#value { - font-style:normal; -} -form#filter_form { - margin-bottom: 15px; -} -ul.action_list { - margin: 0; - list-style: none inside url(../../images/arrow.png); -} -ul.action_list li div { - margin-left: 15px; -} -span.action_name { - float: left; -} -div.actions_container { - overflow:auto; - width: 100%; - max-height: 200px; -} -div.actions_container label { - display: inline; - font-weight: normal; - font-style: italic; -} -a.add_action { - clear: both; - display: block; -} - -/* timeEntry styles */ -.timeEntry_control { - vertical-align: middle; - margin-left: 2px; -} -div#steps_clean { - clear:both; -} -div#event_control { - clear:right; }