From 9163f725eda92e59f021b3172a86dfe03e027ffa Mon Sep 17 00:00:00 2001 From: Tatiana Llorente Date: Mon, 1 Jul 2019 16:57:33 +0200 Subject: [PATCH 01/10] Created black theme - #4194 --- pandora_console/extras/pandora_diag.php | 2 +- pandora_console/include/functions_ui.php | 14 +- pandora_console/include/styles/pandoraPDF.css | 2 + .../include/styles/pandora_black.css | 4365 +---------------- pandora_console/index.php | 9 +- 5 files changed, 189 insertions(+), 4203 deletions(-) diff --git a/pandora_console/extras/pandora_diag.php b/pandora_console/extras/pandora_diag.php index f3b11177d1..9258a3be42 100644 --- a/pandora_console/extras/pandora_diag.php +++ b/pandora_console/extras/pandora_diag.php @@ -362,7 +362,7 @@ if ($console_mode == 1) { true ); - echo ""; + echo "
"; echo "'; } diff --git a/pandora_console/include/functions_ui.php b/pandora_console/include/functions_ui.php index ef8089ac3a..33603c8072 100755 --- a/pandora_console/include/functions_ui.php +++ b/pandora_console/include/functions_ui.php @@ -1755,6 +1755,12 @@ function ui_process_page_head($string, $bitfield) // Add the dialog styles CSS. $config['css']['dialog'] = 'include/styles/js/introjs.css'; + // If the theme is the default, we don't load it twice. + if ($config['style'] !== 'pandora') { + // It loads the last of all. + $config['css']['theme'] = 'include/styles/'.$config['style'].'.css'; + } + // If skin's css files exists then add them. if ($exists_css) { foreach ($skin_styles as $filename => $name) { @@ -1766,10 +1772,10 @@ function ui_process_page_head($string, $bitfield) // User style should go last so it can rewrite common styles. $config['css'] = array_merge( [ - 'common' => 'include/styles/common.css', - 'menu' => 'include/styles/menu.css', - 'tables' => 'include/styles/tables.css', - $config['style'] => 'include/styles/'.$config['style'].'.css', + 'common' => 'include/styles/common.css', + 'menu' => 'include/styles/menu.css', + 'tables' => 'include/styles/tables.css', + 'general' => 'include/styles/pandora.css', ], $config['css'] ); diff --git a/pandora_console/include/styles/pandoraPDF.css b/pandora_console/include/styles/pandoraPDF.css index 37d527c30b..5bb0e15174 100644 --- a/pandora_console/include/styles/pandoraPDF.css +++ b/pandora_console/include/styles/pandoraPDF.css @@ -1,4 +1,6 @@ /** + * Exclude css from visual styles + * * Extension to manage a list of gateways and the node address where they should * point to. * diff --git a/pandora_console/include/styles/pandora_black.css b/pandora_console/include/styles/pandora_black.css index 8e2d756e0c..e2a4f41602 100644 --- a/pandora_console/include/styles/pandora_black.css +++ b/pandora_console/include/styles/pandora_black.css @@ -21,4242 +21,217 @@ Description: The default Pandora FMS theme layout // Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. */ -/* Tree view styles */ -@import url(tree.css); - -* { - font-family: verdana, sans-serif; - letter-spacing: 0.03pt; - font-size: 8pt; - color: #fff; -} -svg * { - font-size: 11pt; -} -body { - background-color: #5b5b5b; - margin: 0 auto; -} - -div#page { - background: #5b5b5b; - background-image: none; -} - -body.pure { - background-color: #5b5b5b; -} -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; - vertical-align: middle; -} - -input[type="checkbox"] { - display: inline; -} - -select { - padding: 2px 3px 3px 3px; - vertical-align: middle; -} -input.button { - font-family: Arial, Sans-serif; - border: 4px solid #ccc; - background: #5b5b5b; - padding: 2px 3px; - margin: 10px 15px; -} - -input[type="submit"], -input[type="button"] { - cursor: pointer; -} - -select { - 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: #fff; - padding-bottom: 4px; - padding-top: 7px; -} -h1 { - font-size: 16px; -} -h2 { - font-size: 15px; -} -h3 { - font-size: 14px; -} -h4 { - margin-bottom: 10px; - font-size: 13px; - color: #fff; - text-transform: none; -} -a { - color: #fff; - text-decoration: none; -} -a:hover { - color: #fff; - text-decoration: underline; -} -a.white_bold { - color: #eee; - text-decoration: none; - font-weight: bold; -} -a.white { - color: #eee; - text-decoration: none; -} -p.center { - text-align: center; -} -h1#log_title { - font-size: 18px; - margin-bottom: 0px; - color: #fff; - width: 300px; -} -div#log_msg { - display: none; -} -div#error_buttons { - margin-top: 20px; -} -div#error_buttons a { - margin: 14px; -} - -#noaccess { - position: relative; - margin-top: 25px; - left: 15px; - padding-top: 5px; - background-color: #5b5b5b; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} - -#noaccess-title { - color: #fff; - font-weight: bold; - padding-top: 5px; - margin-left: 5px; - background: none repeat scroll 0% 0% #82b92e; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; - text-align: center; -} - -#noaccess-text { - font-size: 12px; - text-align: justify; - padding-top: 25px; - padding-right: 50px; - float: right; -} - -#noaccess-image { - position: relative; - left: 10px; - top: 10px; - float: left; -} - -div#activity { - padding-top: 0px; - 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; - min-width: 960px; - text-align: left; - #border-left: solid 2px #000; - #border-right: solid 2px #000; - #border-top: solid 2px #000; - #margin-top: 5px; - height: 100%; - background: #5b5b5b; -} -div#page { - width: 960px; - clear: both; -} -div#main { - width: auto; - margin: 0px 2% 0px 0%; - float: right; - position: relative; - min-height: 850px; -} -div#main_help { - width: 100%; - padding-left: 0px; - padding-top: 0px; - background-color: #5b5b5b; - margin-top: 0px; - margin-left: 0px; - margin-right: 0px; - border-radius: 10px; -} -div#main_help div.databox, -.license_databox { - background: F3F3F3; - -moz-border-radius: 8px; - -webkit-border-radius: 8px; - border-radius: 8px; - border: 0px; - padding-left: 25px; - padding-right: 25px; - margin-top: 10px; - -moz-box-shadow: -1px 1px 6px #aaa; - -webkit-box-shadow: -1px 1px 6px #aaa; - box-shadow: -1px 1px 6px #aaa; -} - -div#main_help div.databox h1 { - padding-bottom: 0px; - margin-bottom: 0px; - font-weight: bold; - font-family: sans-serif, verdana; -} - -div#main_help div.databox h3, -div#main_help div.databox h2 { - color: #6eb432; - font-family: sans-serif, verdana; -} - -div#main_help div.databox h3 { - font-size: 12px; -} - -div#main_help a.footer, -div#main_help span { - color: #999; -} - -a.footer, -a.footer span { - font-size: 9px; - color: white; -} - -div#main_help div.databox hr { - width: 100%; - border: 0px; - height: 1px; - background-color: #222; - margin: 0px; -} - -div#main_help div.databox p { - line-height: 15px; - text-align: justify; -} - -div#menu_container { - -moz-border-top-right-radius: 6px; - -webkit-border-top-right-radius: 6px; - border-top-right-radius: 6px; - z-index: 1010; - width: 40px; - height: 100%; -} - -div#menu { - width: 45px; - float: left; - z-index: 2000; - position: absolute; -} - -div#head { - font-size: 8pt; - width: 100%; - height: 60px; - padding-top: 0px; - margin-bottom: 20px; - border-bottom-style: solid; - border-bottom-width: 3px; - border-color: #82b92e; - min-width: 882px; - background-color: #333; - color: white; - background-image: url("../../images/header_f2b.jpg"); -} - -.fixed_header { - z-index: 9999; - position: fixed; - left: 0; - top: 0; - width: 100%; -} - -div#foot { - font-size: 6pt; - border-top: solid 2px #222; - padding-top: 8px; - padding-bottom: 5px; - text-align: center; - background: #333333; - height: 30px; - clear: both; - width: auto; -} -#ver { - margin-bottom: 25px; -} - -/****************/ -/* LOGIN STYLES */ -/****************/ - -@font-face { - font-family: "Nunito"; - font-style: normal; - font-weight: 400; - src: local("Nunito-Regular"), url(../../fonts/nunito.woff) format("woff"); -} - -@font-face { - font-family: "roboto"; - src: url("../../fonts/roboto.woff2") format("woff2"); -} - -@font-face { - font-family: "opensans"; - src: url("../../fonts/opensans.woff2") format("woff2"); -} - -@font-face { - font-family: "lato"; - src: url("../../fonts/lato.woff2") format("woff2"); -} - -@font-face { - font-family: "leaguegothic"; - src: url("../../fonts/leaguegothic.woff") format("woff"); -} - -#login_body { - /* Set rules to fill background */ - min-height: 100%; - min-width: 1024px; - width: 100%; - z-index: -9999; - position: absolute; -} - -@media screen and (max-width: 1024px) { - /* Specific to this particular image */ - #login_body { - left: 50%; - margin-left: -512px; /* 50% */ - } -} -@media screen and (max-width: 1100px) { - /* Specific to this particular image */ - #login_body { - background-image: url("../../images/backgrounds/fondo_madera_bn_1100.jpg"); - background-repeat: repeat; - background-position: center center; - } -} -@media screen and (max-width: 1400px) { - /* Specific to this particular image */ - #login_body { - background-image: url("../../images/backgrounds/fondo_madera_bn_1400.jpg"); - background-repeat: repeat; - background-position: center center; - } -} -@media screen and (max-width: 2000px) { - /* Specific to this particular image */ - #login_body { - background-image: url("../../images/backgrounds/fondo_madera_bn_2000.jpg"); - background-repeat: repeat; - background-position: center center; - } -} -@media screen and (min-width: 2000px) { - /* Specific to this particular image */ - #login_body { - background-image: url("../../images/backgrounds/fondo_madera_bn_2500.jpg"); - background-repeat: repeat; - background-position: center center; - } -} - -p.log_in { - color: #fff; - padding: 0px 10px; - width: 300px; -} -h1#log_f { - color: #c00; - border-bottom: 1px solid #c00; - padding-bottom: 3px; -} -div#login { - border-width: 2px 2px 2px 2px; - border-style: solid; - border-color: #000; - font-size: 12px; -} -div#login_in, -#login_f { - /*margin: 0 auto 0 140px; - width: 400px;*/ -} - -.databox_login, -.databox_logout { - border-radius: 5px; - height: 200px; -} - -#login_inner { - width: 100%; - height: 100%; - border-radius: 5px; - /* Browser without multibackground support */ - background-color: #373737; -} -#login_outer { - border-radius: 11px; - background-color: #000; - width: 500px; - color: #fff; - margin: 0px auto; -} - -.version_login { - transform: rotate(36deg); - /* Old browser support */ - -ms-transform: rotate(36deg); /* IE */ - -moz-transform: rotate(36deg); /* FF */ - -o-transform: rotate(36deg); /* Opera */ - -webkit-transform: rotate(36deg); /* Safari and Chrome */ - - float: right; - margin-top: 18px; - width: 80px; - height: 0px; - border-right: 13px solid transparent; - border-left: 25px solid transparent; - border-bottom: 18px solid #82b92e; - left: 16px; - position: relative; -} - -#login_outer * { - font-family: Nunito, "Arial Rounded MT", Arial, Helvetica, sans-serif; - font-weight: bold; -} -.login_border { - border-right: 1px solid #fff; - text-align: center; -} -table#login_layout { - width: 100%; - height: 160px; - position: absolute; -} - -div#error_login { - text-align: center; - margin-top: 5px; - margin-left: 5px; - width: 75%; - float: right; - text-align: left; - top: 100px; -} - -div#error_login_icon { - #margin: 0 auto; - margin-top: 10px; - margin-right: 7px; - text-align: center; - #margin-left: 20px; - width: 20%; - float: right; -} - -div#login_f { - margin-top: 10px; - margin-bottom: 25px; -} - -a:focus, -input:focus, -button:focus { - utline-width: 0; - outline: 0; -} - -/*DIV.login_links { - margin: 10px 0px 0px; - color: #FFF; - text-align: center; -} - -DIV.login_links>a { - color: #FFF; -} - -DIV.login_button{ - text-align:right; - width: 100%; - margin-top: 15px; -} - -DIV.login_button>input{ - background-color: #373737; - border: 0px none; - background-image: url("../../images/input_go.png"); - padding-right: 25px; -} - -.login_page{ - height: 200px; - padding-top: 10%; - text-align: center; - width: 100%; - position: absolute; -} - -input.next_login { - padding-right: 12px; - padding-left: 12px; - height: 23px; - text-align: center; - font-weight: 600; - letter-spacing: 0.5pt; - font-size: 12px; - border-radius: 3px; -} - -DIV.login_nick, DIV.login_pass { - text-align:left; - padding-left: 15px; - margin-top: 10px; -} - -DIV.login_nick>input, DIV.login_pass>input { - height: 20px; - border-radius:0px; - margin-left: 10px; -} - -DIV.login_nick>input:focus,DIV.login_pass>input:focus { - outline-width: 0px; - border-color: #82b92e; - background-color: #82b92e; - font-size: 12px; - height: 20px; - box-shadow: 0px 0px 3px 3px #82b92e; -} - -DIV.login_nick>img, DIV.login_pass>img { - vertical-align: middle; -} - -DIV.login_links a { - letter-spacing: 0.8pt; -} - -DIV.login_links a:first-child { - margin-right: 5px; -} - -DIV.login_links a:last-child { - margin-left: 5px; -} - -DIV.login_nick_text { - text-align: left; - margin-bottom: 3px; - width: 191px; - margin: 5px 0px; - font-size: 12px; - letter-spacing: 0.4pt; -} - -DIV.login_pass_text { - text-align: left; - width: 191px; - margin: 13px 0px 5px 0px; - font-size: 12px; - letter-spacing: 0.4pt; -} - -DIV.login_pass { -} - -input.login { - border: 0px none; - margin: 0px 0px; - width: 135px; - height: 18px; - font-weight: 100; - - letter-spacing: 0.3pt; -} - -input.login_user { - - color: #373737; - padding-left: 8px; - width: 179px; - color: #222; - height: 18px; -} - -input.login_password { - - padding-left: 8px; - width: 179px; - color: #222; - height: 20px; -} -*/ - -.databox_error { - width: 657px; - height: 400px; - border: none; - background-color: #fafafa; - background: url(../../images/splash_error.png) no-repeat; -} - -#ver_num { - margin: 0px auto; - width: 100%; - position: absolute; - bottom: 10px; - color: #fff; - text-align: center; -} - -input:-webkit-autofill { - #-webkit-box-shadow: 0 0 0px 1000px #ddd inset; -} -/***********************/ -/* END OF LOGIN STYLES */ -/***********************/ - -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.sub { - font-weight: normal; - - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - border-radius: 2px; - - font-size: 8pt; - - background-color: #333; - background-repeat: no-repeat; - background-position: 92% 3px; - - color: white; - padding: 3px 3px 5px 12px; - - border-color: #333; -} - -input.sub[disabled] { - color: #b4b4b4; - background-color: #f3f3f3; - border-color: #b6b6b6; - cursor: default; -} - -input.next, -input.upd, -input.ok, -input.wand, -input.delete, -input.cog, -input.target, -input.search, -input.copy, -input.add, -input.graph, -input.percentile, -input.binary, -input.camera, -input.config, -input.cancel, -input.default, -input.filter, -input.pdf { - padding-right: 30px; - height: 23px; -} - -input.next { - background-image: url(../../images/input_go.png); -} -input.upd { - background-image: url(../../images/input_update.png); -} -input.wand { - background-image: url(../../images/input_wand.png); -} -input.wand:disabled { - background-image: url(../../images/input_wand.disabled.png); -} -input.search { - background-image: url(../../images/input_zoom.png); -} -input.search:disabled { - background-image: url(../../images/input_zoom.disabled.png); -} -input.ok { - background-image: url(../../images/input_tick.png); -} -input.ok:disabled { - background-image: url(../../images/input_tick.disabled.png); -} -input.add { - background-image: url(../../images/input_add.png); -} -input.add:disabled { - background-image: url(../../images/input_add.disabled.png); -} -input.cancel { - background-image: url(../../images/input_cross.png); -} -input.cancel:disabled { - background-image: url(../../images/input_cross.disabled.png); -} -input.delete { - background-image: url(../../images/input_delete.png); -} -input.delete:disabled { - background-image: url(../../images/input_delete.disabled.png); -} -input.cog { - background-image: url(../../images/input_cog.png); -} -input.cog:disabled { - background-image: url(../../images/input_cog.disabled.png); -} -input.config { - background-image: url(../../images/input_config.png); -} -input.config:disabled { - background-image: url(../../images/input_config.disabled.png); -} -input.filter { - background-image: url(../../images/input_filter.png); -} -input.filter:disabled { - background-image: url(../../images/input_filter.disabled.png); -} -input.pdf { - background-image: url(../../images/input_pdf.png); -} -input.pdf:disabled { - background-image: url(../../images/input_pdf.disabled.png); -} -input.camera { - background-image: url(../../images/input_camera.png); -} - -#toolbox #auto_save { - padding-top: 5px; -} - -#toolbox { - margin-top: 13px; -} -input.visual_editor_button_toolbox { - padding-right: 15px; - padding-top: 10px; - margin-top: 5px; -} -input.delete_min { - background: #fefefe url(../../images/cross.png) no-repeat center; -} -input.delete_min[disabled] { - background: #fefefe url(../../images/cross.disabled.png) no-repeat center; -} -input.graph_min { - background: #fefefe url(../../images/chart_curve.png) no-repeat center; -} -input.graph_min[disabled] { - background: #fefefe url(../../images/chart_curve.disabled.png) no-repeat - center; -} -input.percentile_min { - background: #fefefe url(../../images/chart_bar.png) no-repeat center; -} -input.percentile_min[disabled] { - background: #fefefe url(../../images/chart_bar.disabled.png) no-repeat center; -} -input.percentile_item_min { - background: #fefefe url(../../images/percentile_item.png) no-repeat center; -} -input.percentile_item_min[disabled] { - background: #fefefe url(../../images/percentile_item.disabled.png) no-repeat - center; -} -input.binary_min { - background: #fefefe url(../../images/binary.png) no-repeat center; -} -input.binary_min[disabled] { - background: #fefefe url(../../images/binary.disabled.png) no-repeat center; -} -input.camera_min { - background: #fefefe url(../../images/camera.png) no-repeat center; -} -input.camera_min[disabled] { - background: #fefefe url(../../images/camera.disabled.png) no-repeat center; -} -input.config_min { - background: #fefefe url(../../images/config.png) no-repeat center; -} -input.config_min[disabled] { - background: #fefefe url(../../images/config.disabled.png) no-repeat center; -} -input.label_min { - background: #fefefe url(../../images/tag_red.png) no-repeat center; -} -input.label_min[disabled] { - background: #fefefe url(../../images/tag_red.disabled.png) no-repeat center; -} -input.icon_min { - background: #fefefe url(../../images/photo.png) no-repeat center; -} -input.icon_min[disabled] { - background: #fefefe url(../../images/photo.disabled.png) no-repeat center; -} -input.box_item { - background: #fefefe url(../../images/box_item.png) no-repeat center; -} -input.box_item[disabled] { - background: #fefefe url(../../images/box_item.disabled.png) no-repeat center; -} -input.line_item { - background: #fefefe url(../../images/line_item.png) no-repeat center; -} -input.line_item[disabled] { - background: #fefefe url(../../images/line_item.disabled.png) no-repeat center; -} -input.copy_item { - background: #fefefe url(../../images/copy_visualmap.png) no-repeat center; -} -input.copy_item[disabled] { - background: #fefefe url(../../images/copy_visualmap.disabled.png) no-repeat - center; -} -input.grid_min { - background: #fefefe url(../../images/grid.png) no-repeat center; -} -input.grid_min[disabled] { - background: #fefefe url(../../images/grid.disabled.png) no-repeat center; -} -input.save_min { - background: #fefefe url(../../images/file.png) no-repeat center; -} -input.save_min[disabled] { - background: #fefefe url(../../images/file.disabled.png) no-repeat center; -} -input.service_min { - background: #fefefe url(../../images/box.png) no-repeat center; -} -input.service_min[disabled] { - background: #fefefe url(../../images/box.disabled.png) no-repeat center; -} - -input.group_item_min { - background: #fefefe url(../../images/group_green.png) no-repeat center; -} -input.group_item_min[disabled] { - background: #fefefe url(../../images/group_green.disabled.png) no-repeat - center; -} - -div#cont { - position: fixed; - max-height: 320px; - overflow-y: auto; - overflow-x: hidden; -} - -.termframe { - background-color: #82b92e; -} - -table, -img { - border: 0px; -} - -tr:first-child > th { - background-color: #373737; -} - -th { - color: #fff; - background-color: #666; - font-size: 7.5pt; - letter-spacing: 0.3pt; -} -tr.datos, -tr.datost, -tr.datosb, -tr.datos_id, -tr.datosf9 { - #background-color: #eaeaea; -} - -tr.datos2, -tr.datos2t, -tr.datos2b, -tr.datos2_id, -tr.datos2f9 { - #background-color: #f2f2f2; -} - -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; -} - -/* Checkbox styles */ -td input[type="checkbox"] { - /* Double-sized Checkboxes */ - -ms-transform: scale(1.3); /* IE */ - -moz-transform: scale(1.3); /* FF */ - -o-transform: scale(1.3); /* Opera */ - -webkit-transform: scale(1.3); /* Safari and Chrome */ - padding: 10px; - margin-top: 2px; - display: table-cell; -} - -td.datos3, -td.datos3 * { - background-color: #666; - color: white; -} - -td.datos4, -td.datos4 * { - /*Add because in php the function html_print_table write style in cell and this is style head.*/ - text-align: center; - background-color: #666; - color: white; -} - -td.datos_id { - color: #1a313a; -} - -tr.disabled_row_user * { - color: grey; -} - -.bg { - /* op menu */ - background: #82b92e; -} - -.bg2 { - /* main page */ - background-color: #0a160c; -} -.bg3 { - /* godmode */ - background: #666666; -} -.bg4 { - /* links */ - background-color: #989898; -} -.bg, -.bg2, -.bg3, -.bg4 { - position: relative; - width: 100%; -} -.bg { - height: 20px; -} -.bg2, -.bg3, -.bg4 { - height: 18px; -} -.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: 6px 0px; - height: 14px; -} -.tit, -.titb { - font-weight: bold; - color: #fff; - text-align: center; -} - -.suc * { - color: #5a8629; -} - -.info * { - color: #006f9d; -} - -.error * { - color: #f85858; -} - -.warning * { - color: #f3b200; -} - -.help { - background: url(../../images/help.png) no-repeat; -} -.red, -.redb, -.redi, -.error { - color: #c00; -} - -.sep { - margin-left: 30px; - border-bottom: 1px solid #708090; - width: 100%; -} -.orange { - color: #fd7304; -} -.green { - color: #5a8629; -} -.yellow { - color: #f3c500; -} -.greenb { - color: #00aa00; -} -.grey { - color: #808080; - font-weight: bold; -} -.blue { - color: #5ab7e5; - 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: 15px; -} -.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 scroll 0 50% transparent; - margin-left: 7px; - padding: 8px 1px 6px 25px; -} -div.title_line { - background-color: #4e682c; - height: 5px; - width: 762px; -} - -.alpha50 { - filter: alpha(opacity=50); - -moz-opacity: 0.5; - opacity: 0.5; - -khtml-opacity: 0.5; -} - +div#page, #menu_tab_frame, -#menu_tab_frame_view { - display: block; - border-bottom: 1px solid #82b92e; - /* float:left; */ - margin-left: 0px; - max-height: 31px; - min-height: 31px; - padding-right: 28px; - width: 100%; -} - -#menu_tab { - margin: 0px 0px 0px 0px; -} - -#menu_tab .mn, -#menu_tab ul, -#menu_tab .mn ul { - padding: 0px; - list-style: none; - margin: 0px 0px 0px 0px; -} -#menu_tab .mn li { - float: right; - position: relative; - margin: 0px 0px 0px 0px; -} -/* -#menu_tab li a, #menu_tab a { - padding: 2px 0px; - font-weight: bold; - line-height: 18px; - margin-left: 3px; - margin-right: 0px; - - -moz-border-top-right-radius: 5px; - -webkit-border-top-right-radius: 5px; - border-top-right-radius: 5px; - - -moz-border-top-left-radius: 5px; - -webkit-border-top-left-radius: 5px; - border-top-left-radius: 5px; -} - -#menu_tab li>form { - padding-left: 7px; - padding-top: 4px; -} -*/ - -#menu_tab li.separator_view { - padding: 4px; -} - -#menu_tab li.separator { - padding: 4px; -} - -#menu_tab li.nomn_high a { - /*background: #82b92e;*/ - color: #fff; -} -#menu_tab .mn li a { - display: block; - text-decoration: none; - padding: 0px; - margin: 0px; - height: 21px; - width: 21px; -} -#menu_tab li.nomn:hover a, -#menu_tab li:hover ul a:hover { - /*background: #82b92e;*/ - color: #fff; -} -#menu_tab li:hover a { - /*background: #b2b08a url("../../images/arrow.png") no-repeat right 3px;*/ -} - -#menu_tab li.nomn { - min-width: 30px; - height: 28px; -} -#menu_tab li.nomn_high { - min-width: 30px; - height: 28px; -} -/* TAB TITLE */ -#menu_tab_left { - margin-left: 0px; -} - -#menu_tab_left .mn, -#menu_tab_left ul, -#menu_tab_left .mn ul { - background-color: #000; - color: #fff; - font-weight: bold; - padding: 0px 0px 0px 0px; - list-style: none; - margin: 0px 0px 0px 0px; -} -#menu_tab_left .mn li { - float: left; - position: relative; - height: 26px; - max-height: 26px; -} -#menu_tab_left li a, -#menu_tab_left li span { - /* text-transform: uppercase; */ - padding: 0px 0px 0px 0px; - color: #fff; - font-size: 8.5pt; - font-weight: bold; - line-height: 20px; -} -#menu_tab_left .mn li a { - display: block; - text-decoration: none; -} -#menu_tab_left li.view a { - padding: 2px 10px 2px 10px; - color: #fff; - font-weight: bold; - line-height: 18px; - display: none; -} - -#menu_tab_left li.view { - background: #82b92e; - max-width: 40%; - min-width: 20%; - padding: 5px 5px 0px; - text-align: center; - -moz-border-top-right-radius: 3px; - -webkit-border-top-right-radius: 3px; - border-top-right-radius: 3px; - - -moz-border-top-left-radius: 3px; - -webkit-border-top-left-radius: 3px; - border-top-left-radius: 3px; - margin-left: 0px; - overflow-y: hidden; -} - -#menu_tab_left li.view img.bottom { - width: 24px; - height: 24px; -} - -#menu_tab_frame *, -#menu_tab_frame_view * { - #margin: 0px 0px 0px 0px; -} - -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; -} -span.recon_server { - background: url(../../images/recon.png) no-repeat; -} -span.wmi_server { - background: url(../../images/wmi.png) no-repeat; -} -span.export_server { - background: url(../../images/server_export.png) no-repeat; -} -span.inventory_server { - background: url(../../images/page_white_text.png) no-repeat; -} -span.web_server { - background: url(../../images/world.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, -span.recon_server, -span.wmi_server, -span.export_server, -span.inventory_server, -span.web_server { - 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: 5px; - margin-top: 0px; - margin-left: 0px; - border: 1px solid #e2e2e2; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - border-radius: 4px; -} -.databox_color { - padding-top: 5px; -} - -table.databox { - background-color: #5b5b5b; - border-spacing: 0px; - -moz-box-shadow: 0px 0px 0px #ddd; - -webkit-box-shadow: 0px 0px 0px #ddd; - box-shadow: 0px 0px 0px #ddd; -} - -.databox td { - -moz-border-radius: 0px; - -webkit-border-radius: 0px; - border-radius: 0px; - border: 0px none #e2e2e2; -} - -.databox th { - padding: 9px 7px; - font-weight: normal; - color: #fff; -} -.databox td { - #border-bottom: 1px solid #e2e2e2; -} - -.databox th * { - color: #fff; -} - -.databox th input, -.databox th textarea, -.databox th select, -.databox th select option { - color: #222; -} - -.tabletitle { - color: #333; -} - -.tactical_set legend { - text-align: left; - color: #fff; -} - -.tactical_set { - background: #5b5b5b; - border: 1px solid #e2e2e2; - margin-left: auto; - margin-right: auto; - width: auto; -} - -/* For use in Netflow */ - -table.databox_grid { - margin: 25px; -} - -table.databox_grid th { - font-size: 12px; -} - -table.databox_grid td { - padding: 6px; - margin: 4px; - border-bottom: 1px solid #acacac; - border-right: 1px solid #acacac; -} - -table.alternate tr:nth-child(odd) td { - background-color: #5b5b5b; -} -table.alternate tr:nth-child(even) td { - background-color: #e4e5e4; -} - -table.rounded_cells td { - padding: 4px 4px 4px 10px; - -moz-border-radius: 6px; - -webkit-border-radius: 6px; - border-radius: 6px; -} - -.databox_color { - background-color: #fafafa; -} -#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: 6px; - padding-left: 12em; -} -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; -} - -/* end of classes for event priorities */ -div#main_pure { - background-color: #fefefe; - text-align: left; - margin-bottom: 25px; - margin-top: 30px; - margin-left: 10px; - margin-right: 10px; - height: 1000px; - width: 98%; - position: static; -} -#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: 30%; - text-align: center; - top: 50%; - background-color: #999999; - padding: 20px; -} -/* IE 7 Hack */ -#editor { - *margin-top: 10px; -} -/* big_data is used in tactical and logon_ok */ -.big_data { - text-decoration: none; - font: bold 2em Arial, Sans-serif; -} - -.med_data { - text-decoration: none; - font: bold 1.5em Arial, Sans-serif; -} - -.notify { - background-color: #f7ffa5; - text-align: center; - font-weight: bold; - padding: 8px; - margin: 0px 0px 0px 0px; - z-index: -1; -} - -.notify a { - color: #003a3a; - text-decoration: underline; -} - -.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; -} -.actions { - min-width: 200px; -} -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; - background-color: transparent; -} -table#simple select#id_module_type, -table#alert_search select#id_agent, -table#alert_search select#id_group, -table#network_component select#type { - width: 200px; -} -table#simple select#select_snmp_oid, -table#simple select#id_plugin, -table#network_component select#id_plugin { - width: 270px; -} -table#simple select#prediction_id_group, -table#simple select#prediction_id_agent, -table#simple select#prediction_module { - width: 50%; - display: block; -} -table#simple input#text-plugin_parameter, -table#simple input#text-snmp_oid, -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; -} -table#simple label { - display: inline; - font-weight: normal; - font-style: italic; -} -.clickable { - cursor: pointer; -} -table#agent_list tr, -table.alert_list tr { - vertical-align: top; -} -.toggle { - border-collapse: collapse; -} -.toggle td { - border-left: 1px solid #d3d3d3; -} - -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: outside; -} -ol.steps li { - float: left; - background-color: #efefef; - padding: 5px; - margin-left: 5px; - width: 150px; -} -ol.steps li a { - color: #111; -} -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 #778866; - margin-left: 0; - font-weight: bold; - background-color: #e9f3d2; -} -ol.steps li.visited { - color: #999; -} - -fieldset { - background-color: #5b5b5b; - border: 1px solid #e2e2e2; - padding: 0.5em; - margin-bottom: 20px; - position: relative; -} -fieldset legend { - font-size: 1.1em; - font-weight: bold; - #color: #3f4e2f; - line-height: 20px; - color: #3f3f3f; - #top: -2em; -} - -fieldset .databox { - border: 0px solid; -} - -fieldset.databox { - padding: 14px; -} - -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 circle; -} -ul.action_list li div { - margin-left: 15px; -} -span.action_name { - float: none; -} -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; -} - -/* Autocomplete styles */ -.ac_results { - padding: 0px; - border: 1px solid black; - background-color: white; - overflow: hidden; - z-index: 99999; -} - -.ac_results ul { - width: 100%; - list-style-position: outside; - list-style: none; - padding: 0; - margin: 0; - text-align: left; -} - -.ac_results li { - margin: 0px; - padding: 2px 5px; - cursor: default; - display: block; - /* - if width will be 100% horizontal scrollbar will apear - when scroll mode will be used - */ - /*width: 100%;*/ - font: menu; - font-size: 12px; - /* - it is very important, if line-height not setted or setted - in relative units scroll will be broken in firefox - */ - line-height: 16px; -} - -.ac_loading { - background: white url("../images/loading.gif") right center no-repeat; -} - -.ac_over { - background-color: #efefef; -} -span.ac_extra_field, -span.ac_extra_field strong { - font-style: italic; - font-size: 9px; -} - -div#pandora_logo_header { - /* Put here your company logo (139x60 pixels) like this: */ - /* background: url(../../images/MiniLogoArtica.jpg); */ - background: url(../../images/pandora_logo_head.png); - background-position: 0% 0%; - width: 139px; - height: 60px; - float: left; -} - -#header_table img { - margin-top: 0px; -} - -.autorefresh_disabled { - cursor: not-allowed; -} - -a.autorefresh { - padding-right: 8px; -} - -#refrcounter { - color: white; -} - -#combo_refr select { - margin-right: 8px; -} - -.disabled_module { - color: #aaa; -} -div.warn { - background: url(../../images/info.png) no-repeat; - margin-top: 7px; - padding: 2px 1px 6px 25px; -} - -.submenu_not_selected { - transition-property: background-color; - transition-duration: 0.5s; - transition-timing-function: ease-out; - -webkit-transition-property: background-color; - -webkit-transition-duration: 0.5s; - -webkit-transition-timing-function: ease-out; - -moz-transition-property: background-color; - -moz-transition-duration: 0.5s; - -moz-transition-timing-function: ease-out; - -o-transition-property: background-color; - -o-transition-duration: 0.5s; - -o-transition-timing-function: ease-out; - font-weight: normal; -} - -/* Submenus havent borders */ -.submenu_not_selected, -.submenu_selected, -.submenu2 { - border: 0px; - min-height: 35px; -} - -/* Pandora width style theme */ - -div#container { - width: 100%; -} -div#page { - width: auto; -} -div#main { - max-width: 93%; - min-width: 93%; -} - -ol.steps { - margin-bottom: 70px; -} -div#steps_clean { - display: none; -} - -#menu_tab_frame, -#menu_tab_frame_view { - width: 100%; - padding-right: 0px; - margin-left: 0px; - margin-bottom: 20px; - height: 31px; -} -div#events_list { - float: left; - width: 100%; -} -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; -} -.pagination { - margin-top: 15px; - margin-bottom: 5px; -} -.pagination * { - margin-left: 0px; - margin-right: 0px; - vertical-align: middle; -} - -/*CALENDAR TOOLTIP STYLE*/ - -/* Calendar background */ -table.scw { - background-color: #82b92e; - border: 0; - border-radius: 4px; -} - -/* Week number heading */ -td.scwWeekNumberHead { - color: #111; -} - -td.scwWeek { - color: #111; -} - -Today selector td.scwFoot { - background-color: #daedae; - color: #111; -} - -td.scwFootDisabled { - background-color: #000; - color: #ffffff; -} - -tfoot.scwFoot { - color: #111; -} - -.scwFoot :hover { - color: #3f3f3f; -} - -table.scwCells { - background-color: #5b5b5b; - color: #3c3c3c; -} - -table.scwCells:hover { - background-color: #5b5b5b; -} - -td.scwCellsExMonth { - background-color: #eee; - color: #3c3c3c; -} - -td.scwCellsWeekend { - background-color: #3c3c3c; - color: #fff; - border: 0; -} - -td.scwInputDate { - background-color: #777; - color: #ffffff; - border: 0; -} - -td.scwFoot { - background-color: #5b5b5b; - color: #3c3c3c; - border: 0; -} - -/* Cells divs to set individual styles with the table objects */ -div.cellBold { - width: 100%; - height: 100%; - font-weight: bold; -} - -div.cellRight { - width: 100%; - height: 100%; - text-align: right; -} - -div.cellCenter { - width: 100%; - height: 100%; - text-align: center; -} - -div.cellWhite { - width: 100%; - height: 100%; - background: #5b5b5b; - color: #111; -} - -div.cellNormal { - width: 100%; - height: 100%; - background: #6eb432; - color: #fff; -} - -div.cellCritical { - width: 100%; - height: 100%; - background: #f85858; - color: #fff; -} - -div.cellWarning { - width: 100%; - height: 100%; - background: #ffea59; - color: #111; -} - -div.cellUnknown { - width: 100%; - height: 100%; - background: #aaaaaa; - color: #ffffff; -} - -div.cellNotInit { - width: 100%; - height: 100%; - background: #4a83f3; - color: #ffffff; -} - -div.cellAlert { - width: 100%; - height: 100%; - background: #ff8800; - color: #111; -} - -div.cellBorder1 { - width: 100%; - height: 100%; - border: 1px solid #666; -} - -div.cellBig { - width: 100%; - height: 100%; - font-size: 18px; -} - -.info_box { - background: #5b5b5b; - margin-top: 10px; - margin-bottom: 10px; - padding: 0px 5px 5px 10px; - border-color: #e2e2e2; - border-style: solid; - border-width: 1px; - width: 100%; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - border-radius: 4px; -} - -.info_box .title * { - font-size: 10pt; - font-weight: bolder; -} - -.info_box .icon { - width: 30px; - text-align: center; -} - -/* Standard styles for status colos (groups, events, backgrounds...) */ - -.opacity_cell { - filter: alpha(opacity=80); - -moz-opacity: 0.8; - opacity: 0.8; - -khtml-opacity: 0.8; -} - -tr.group_view_data, -.group_view_data { - color: #3f3f3f; -} - -tr.group_view_crit, -.group_view_crit { - background-color: #e63c52; - color: #fff; -} - -tr.group_view_norm, -.group_view_norm, -tr.group_view_normal, -.group_view_normal { - #background-color: #5b5b5b; -} -tr.group_view_ok, -.group_view_ok { - background-color: #82b92e; - color: #fff; -} - -tr.group_view_not_init, -.group_view_not_init, -tr.group_view_not_init, -.group_view_not_init { - background-color: #5bb6e5; - color: #fff; -} - -tr.group_view_warn, -.group_view_warn, -tr.group_view_warn.a, -a.group_view_warn, -tr.a.group_view_warn { - background-color: #f3b200; - color: #3f3f3f; -} - -a.group_view_warn { - color: #f3b200; -} - -tr.group_view_alrm, -.group_view_alrm { - background-color: #ffa631; - color: #fff; -} - -tr.group_view_unk, -.group_view_unk { - background-color: #b2b2b2; - color: #fff; -} - -/* classes for event priorities. Sits now in functions.php */ -.datos_green, -.datos_greenf9, -.datos_green a, -.datos_greenf9 a, -.datos_green * { - background-color: #82b92e; - color: #fff; -} -.datos_red, -.datos_redf9, -.datos_red a, -.datos_redf9 a, -.datos_red * { - background-color: #e63c52; - color: #fff; -} - -.datos_yellow, -.datos_yellowf9, -.datos_yellow * { - background-color: #f3b200; - color: #111; -} - -a.datos_blue, -.datos_bluef9, -.datos_blue, -.datos_blue * { - background-color: #4ca8e0; - color: #fff; -} - -.datos_grey, -.datos_greyf9, -.datos_grey * { - background-color: #999999; - color: #fff; -} - -.datos_pink, -.datos_pinkf9, -.datos_pink * { - background-color: #fdc4ca; - color: #111; -} - -.datos_brown, -.datos_brownf9, -.datos_brown * { - background-color: #a67c52; - color: #fff; -} - -.datos_orange, -.datos_orangef9, -.datos_orange * { - background-color: #f7931e; - color: #111; -} - -td.datos_greyf9, -td.datos_bluef9, -td.datos_greenf9, -td.datos_redf9, -td.datos_yellowf9, -td.datos_pinkf9, -td.datos_brownf9, -td.datos_orangef9 { - padding: 5px 5px 5px 5px; -} - -.menu li.selected { - font-weight: bold; -} - -ul.operation li a:hover { - #font-weight: bold; -} - -.menu_icon { - transition-property: background-color; - transition-duration: 0.5s; - transition-timing-function: ease-out; - -webkit-transition-property: background-color; - -webkit-transition-duration: 0.5s; - -webkit-transition-timing-function: ease-out; - -moz-transition-property: background-color; - -moz-transition-duration: 0.5s; - -moz-transition-timing-function: ease-out; - -o-transition-property: background-color; - -o-transition-duration: 0.5s; - -o-transition-timing-function: ease-out; -} - -.menu_icon:hover { - transition-property: background-color; - transition-duration: 0.5s; - transition-timing-function: ease-out; - -webkit-transition-property: background-color; - -webkit-transition-duration: 0.5s; - -webkit-transition-timing-function: ease-out; - -moz-transition-property: background-color; - -moz-transition-duration: 0.5s; - -moz-transition-timing-function: ease-out; - -o-transition-property: background-color; - -o-transition-duration: 0.5s; - -o-transition-timing-function: ease-out; - background-color: #b1b1b1; -} -.submenu_not_selected:hover { - transition-property: background-color; - transition-duration: 0.5s; - transition-timing-function: ease-out; - -webkit-transition-property: background-color; - -webkit-transition-duration: 0.5s; - -webkit-transition-timing-function: ease-out; - -moz-transition-property: background-color; - -moz-transition-duration: 0.5s; - -moz-transition-timing-function: ease-out; - -o-transition-property: background-color; - -o-transition-duration: 0.5s; - -o-transition-timing-function: ease-out; - background-color: #b1b1b1; -} - -.submenu_selected:hover { - background-color: #b1b1b1; -} - -.sub_subMenu { - transition-property: background-color; - transition-duration: 0.5s; - transition-timing-function: ease-out; - -webkit-transition-property: background-color; - -webkit-transition-duration: 0.5s; - -webkit-transition-timing-function: ease-out; - -moz-transition-property: background-color; - -moz-transition-duration: 0.5s; - -moz-transition-timing-function: ease-out; - -o-transition-property: background-color; - -o-transition-duration: 0.5s; -} -.sub_subMenu:hover { - transition-property: background-color; - transition-duration: 0.5s; - transition-timing-function: ease-out; - -webkit-transition-property: background-color; - -webkit-transition-duration: 0.5s; - -webkit-transition-timing-function: ease-out; - -moz-transition-property: background-color; - -moz-transition-duration: 0.5s; - -moz-transition-timing-function: ease-out; - -o-transition-property: background-color; - -o-transition-duration: 0.5s; - background-color: #b1b1b1; -} - -.submenu_text { - color: #fff; -} - -.menu li.selected { - box-shadow: inset 4px 0 #b1b1b1; -} - -li.links a:hover { - #font-weight: bold; -} - -.is_submenu2 li { - background-color: #ff0000; -} - -.is_submenu2 { - background-color: #222222; -} - -.operation { - background-color: #333; -} - -.operation .selected { - background-color: #b1b1b1; -} - -.menu li, -.menu .li.not_selected { - border-radius: 0px 0px 0px 0px; - display: block; - min-height: 35px; - border-bottom: 0px none #424242; - vertical-align: middle; -} - -#menu_tab li.separator { - /* Empty */ -} - -.operation { - border-top-right-radius: 5px; - border-right-style: solid; - border-right-width: 0px; -} - +#menu_tab_frame_view, +#menu_tab_frame_view_bc, +input.search_input, +.filters input, input#text-id_parent.ac_input, input, textarea, -select { - background-color: #5b5b5b; - border: 1px solid #cbcbcb; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; -} - -span#plugin_description { - font-size: 9px; -} - -/*FOR TINYMCE*/ -#tinymce { - text-align: left; -} -.visual_font_size_4pt, -.visual_font_size_4pt > em, -.visual_font_size_4pt > strong, -.visual_font_size_4pt > strong > span, -.visual_font_size_4pt > span, -.visual_font_size_4pt > strong > em, -.visual_font_size_4pt > em > strong, -.visual_font_size_4pt em span, -.visual_font_size_4pt span em { - font-size: 4pt; - line-height: 4pt; -} -.visual_font_size_6pt, -.visual_font_size_6pt > em, -.visual_font_size_6pt > strong, -.visual_font_size_6pt > strong > span, -.visual_font_size_6pt > span, -.visual_font_size_6pt > strong > em, -.visual_font_size_6pt > em > strong, -.visual_font_size_6pt em span, -.visual_font_size_6pt span em { - font-size: 6pt; - line-height: 6pt; -} -.visual_font_size_8pt, -.visual_font_size_8pt > em, -.visual_font_size_8pt > strong, -.visual_font_size_8pt > strong > span, -.visual_font_size_8pt > span, -.visual_font_size_8pt > strong > em, -.visual_font_size_8pt > em > strong, -.visual_font_size_8pt em span, -.visual_font_size_8pt span em { - font-size: 8pt; - line-height: 8pt; -} -.visual_font_size_10pt, -.visual_font_size_10pt > em, -.visual_font_size_10pt > strong, -.visual_font_size_10pt > strong > em, -.visual_font_size_10pt > em > strong, -.visual_font_size_10pt em span, -.visual_font_size_10pt span em { - font-size: 10pt; - line-height: 10pt; -} -.visual_font_size_12pt, -.visual_font_size_12pt > em, -.visual_font_size_12pt > strong, -.visual_font_size_12pt > strong > em, -.visual_font_size_12pt > em > strong, -.visual_font_size_12pt em span, -.visual_font_size_12pt span em { - font-size: 12pt; - line-height: 12pt; -} -.visual_font_size_14pt, -.visual_font_size_14pt > em, -.visual_font_size_14pt > strong, -.visual_font_size_14pt > strong > span, -.visual_font_size_14pt > span, -.visual_font_size_14pt > strong > em, -.visual_font_size_14pt > em > strong, -.visual_font_size_14pt em span, -.visual_font_size_14pt span em { - font-size: 14pt; - line-height: 14pt; -} -.visual_font_size_18pt, -.visual_font_size_18pt > em, -.visual_font_size_18pt > strong, -.visual_font_size_18pt > strong > span, -.visual_font_size_18pt > span, -.visual_font_size_18pt > strong > em, -.visual_font_size_18pt > em > strong, -.visual_font_size_18pt em span, -.visual_font_size_18pt span em { - font-size: 18pt; - line-height: 18pt; -} -.visual_font_size_24pt, -.visual_font_size_24pt > em, -.visual_font_size_24pt > strong, -.visual_font_size_24pt > strong > span, -.visual_font_size_24pt > span, -.visual_font_size_24pt > strong > em, -.visual_font_size_24pt > em > strong, -.visual_font_size_24pt em span, -.visual_font_size_24pt span em { - font-size: 24pt; - line-height: 24pt; -} -.visual_font_size_28pt, -.visual_font_size_28pt > em, -.visual_font_size_28pt > strong, -.visual_font_size_28pt > strong > span, -.visual_font_size_28pt > span, -.visual_font_size_28pt > strong > em, -.visual_font_size_28pt > em > strong, -.visual_font_size_28pt em span, -.visual_font_size_28pt span em { - font-size: 28pt; - line-height: 28pt; -} -.visual_font_size_36pt, -.visual_font_size_36pt > em, -.visual_font_size_36pt > strong, -.visual_font_size_36pt > strong > span, -.visual_font_size_36pt > span, -.visual_font_size_36pt > strong > em, -.visual_font_size_36pt > em > strong, -.visual_font_size_36pt em span, -.visual_font_size_36pt span em { - font-size: 36pt; - line-height: 36pt; -} -.visual_font_size_48pt, -.visual_font_size_48pt > em, -.visual_font_size_48pt > strong, -.visual_font_size_48pt > strong > span, -.visual_font_size_48pt > span, -.visual_font_size_48pt > strong > em, -.visual_font_size_48pt > em > strong, -.visual_font_size_48pt em span, -.visual_font_size_48pt span em { - font-size: 48pt; - line-height: 48pt; -} -.visual_font_size_60pt, -.visual_font_size_60pt > em, -.visual_font_size_60pt > strong, -.visual_font_size_60pt > strong > span, -.visual_font_size_60pt > span, -.visual_font_size_60pt > strong > em, -.visual_font_size_60pt > em > strong, -.visual_font_size_60pt em span, -.visual_font_size_60pt span em { - font-size: 60pt; - line-height: 60pt; -} -.visual_font_size_72pt, -.visual_font_size_72pt > em, -.visual_font_size_72pt > strong, -.visual_font_size_72pt > strong > span, -.visual_font_size_72pt > span, -.visual_font_size_72pt > strong > em, -.visual_font_size_72pt > em > strong, -.visual_font_size_72pt em span, -.visual_font_size_72pt span em { - font-size: 72pt; - line-height: 72pt; -} -.visual_font_size_84pt, -.visual_font_size_84pt > em, -.visual_font_size_84pt > strong, -.visual_font_size_84pt > strong > span, -.visual_font_size_84pt > span, -.visual_font_size_84pt > strong > em, -.visual_font_size_84pt > em > strong, -.visual_font_size_84pt em span, -.visual_font_size_84pt span em { - font-size: 84pt; - line-height: 84pt; -} - -.visual_font_size_96pt, -.visual_font_size_96pt > em, -.visual_font_size_96pt > strong, -.visual_font_size_96pt > strong > span, -.visual_font_size_96pt > span, -.visual_font_size_96pt > strong > em, -.visual_font_size_96pt > em > strong, -.visual_font_size_96pt em span, -.visual_font_size_96pt span em { - font-size: 96pt; - line-height: 96pt; -} - -.visual_font_size_116pt, -.visual_font_size_116pt > em, -.visual_font_size_116pt > strong, -.visual_font_size_116pt > strong > span, -.visual_font_size_116pt > span, -.visual_font_size_116pt > strong > em, -.visual_font_size_116pt > em > strong, -.visual_font_size_116pt em span, -.visual_font_size_116pt span em { - font-size: 116pt; - line-height: 116pt; -} - -.visual_font_size_128pt, -.visual_font_size_128pt > em, -.visual_font_size_128pt > strong, -.visual_font_size_128pt > strong > span, -.visual_font_size_128pt > span, -.visual_font_size_128pt > strong > em, -.visual_font_size_128pt > em > strong, -.visual_font_size_128pt em span, -.visual_font_size_128pt span em { - font-size: 128pt; - line-height: 128pt; -} - -.visual_font_size_140pt, -.visual_font_size_140pt > em, -.visual_font_size_140pt > strong, -.visual_font_size_140pt > strong > span, -.visual_font_size_140pt > span, -.visual_font_size_140pt > strong > em, -.visual_font_size_140pt > em > strong, -.visual_font_size_140pt em span, -.visual_font_size_140pt span em { - font-size: 140pt; - line-height: 140pt; -} - -.visual_font_size_154pt, -.visual_font_size_154pt > em, -.visual_font_size_154pt > strong, -.visual_font_size_154pt > strong > span, -.visual_font_size_154pt > span, -.visual_font_size_154pt > strong > em, -.visual_font_size_154pt > em > strong, -.visual_font_size_154pt em span, -.visual_font_size_154pt span em { - font-size: 154pt; - line-height: 154pt; -} - -.visual_font_size_196pt, -.visual_font_size_196pt > em, -.visual_font_size_196pt > strong, -.visual_font_size_196pt > strong > span, -.visual_font_size_196pt > span, -.visual_font_size_196pt > strong > em, -.visual_font_size_196pt > em > strong, -.visual_font_size_196pt em span, -.visual_font_size_196pt span em { - font-size: 196pt; - line-height: 196pt; -} - -.resize_visual_font_size_8pt, -.resize_visual_font_size_8pt > em, -.resize_visual_font_size_8pt > strong, -.resize_visual_font_size_8pt > strong > span, -.resize_visual_font_size_8pt > span, -.resize_visual_font_size_8pt > strong > em, -.resize_visual_font_size_8pt > em > strong, -.visual_font_size_8pt em span, -.visual_font_size_8pt span em { - font-size: 4pt; - line-height: 4pt; -} -.resize_visual_font_size_14pt, -.resize_visual_font_size_14pt > em, -.resize_visual_font_size_14pt > strong, -.resize_visual_font_size_14pt > strong > span, -.resize_visual_font_size_14pt > span, -.resize_visual_font_size_14pt > strong > em, -.resize_visual_font_size_14pt > em > strong, -.visual_font_size_14pt em span, -.visual_font_size_14pt span em { - font-size: 7pt; - line-height: 7pt; -} -.resize_visual_font_size_24pt, -.resize_visual_font_size_24pt > em, -.resize_visual_font_size_24pt > strong, -.resize_visual_font_size_24pt > strong > span, -.resize_visual_font_size_24pt > span, -.resize_visual_font_size_24pt > strong > em, -.resize_visual_font_size_24pt > em > strong, -.visual_font_size_14pt em span, -.visual_font_size_14pt span em { - font-size: 12pt; - line-height: 12pt; -} -.resize_visual_font_size_36pt, -.resize_visual_font_size_36pt > em, -.resize_visual_font_size_36pt > strong, -.resize_visual_font_size_36pt > strong > span, -.resize_visual_font_size_36pt > span, -.resize_visual_font_size_36pt > strong > em, -.resize_visual_font_size_36pt > em > strong, -.visual_font_size_36pt em span, -.visual_font_size_36pt span em { - font-size: 18pt; - line-height: 18pt; -} -.resize_visual_font_size_72pt, -.resize_visual_font_size_72pt > em, -.resize_visual_font_size_72pt > strong, -.resize_visual_font_size_72pt > strong > span, -.resize_visual_font_size_72pt > span, -.resize_visual_font_size_72pt > strong > em, -.resize_visual_font_size_72pt > em > strong, -.visual_font_size_72pt em span, -.visual_font_size_72pt span em { - font-size: 36pt; - line-height: 36pt; -} - -/*SIDEBAR*/ -.menu_sidebar { - color: #111; - background: #3f3f3f; - - margin-left: 10px; - padding-left: 0px; - padding-right: 0px; - padding-top: 10px; - text-align: left; - font-family: arial, sans-serif, verdana; - font-size: 10px; - border: 1px solid #000; - position: absolute; - margin: 0; - width: 400px; - height: 260px; - - -moz-box-shadow: 0px 4px 4px #010e1b; - -webkit-box-shadow: 0px 4px 4px #010e1b; - box-shadow: 0px 4px 4px #010e1b; - - filter: alpha(opacity=97); - -moz-opacity: 0.97; - opacity: 0.97; -} - -.menu_sidebar_radius_left { - -moz-border-top-left-radius: 8px; - -webkit-border-top-left-radius: 8px; - border-top-left-radius: 8px; - - -moz-border-bottom-left-radius: 8px; - -webkit-border-bottom-left-radius: 8px; - border-bottom-left-radius: 8px; - - border-right: 0px solid #000; -} - -.menu_sidebar_radius_right { - -moz-border-top-right-radius: 8px; - -webkit-border-top-right-radius: 8px; - border-top-right-radius: 8px; - -moz-border-bottom-right-radius: 8px; - -webkit-border-bottom-right-radius: 8px; - border-bottom-right-radius: 8px; -} - -.menu_sidebar_outer { - margin-left: 3px; - background: #ececec; - width: 100%; - text-align: center; - -moz-border-radius: 6px; - -webkit-border-radius: 6px; - border-radius: 6px; - padding: 8px; -} - -/*Groupsview*/ - -.groupsview { - border-spacing: 0px 4px; -} - -.groupsview tr { - background-color: #666; -} - -.groupsview th { - font-size: 12px; - padding: 5px; -} - -.groupsview td.first, -.groupsview th.first { - -moz-border-top-left-radius: 10px; - -webkit-border-top-left-radius: 10px; - border-top-left-radius: 10px; - - -moz-border-bottom-left-radius: 10px; - -webkit-border-bottom-left-radius: 10px; - border-bottom-left-radius: 10px; -} - -.groupsview td.last, -.groupsview th.last { - -moz-border-top-right-radius: 10px; - -webkit-border-top-right-radius: 10px; - border-top-right-radius: 10px; - -moz-border-bottom-right-radius: 10px; - -webkit-border-bottom-right-radius: 10px; - border-bottom-right-radius: 10px; -} - -a.tip { - display: inline; - cursor: help; -} - -a.tip > img { - margin-left: 2px; - margin-right: 2px; -} - -input.search_input { - background: white url("../../images/input_zoom.png") no-repeat right; - padding: 0px; - padding-left: 5px; - margin: 0; - width: 80%; - height: 19px; - margin-bottom: 5px; - margin-left: 2px; - padding-right: 25px; - color: #999; -} - -.vertical_fields td input, -.vertical_fields td select { - margin-top: 8px; -} - -a[id^="tgl_ctrl_"] > img, -a[id^="tgl_ctrl_"] > b > img { - vertical-align: middle; -} - -.noshadow { - -moz-box-shadow: 0px; - -webkit-box-shadow: 0px; - box-shadow: 0px; -} - -/* Images forced title */ - -div.forced_title_layer { - display: block; - text-decoration: none; - position: absolute; - z-index: 100000; - border: 1px solid #708090; - background-color: #666; +select, +.edit_user_comments #textarea_comments, +.discovery_textarea_input { + background-color: #111; color: #fff; - padding: 4px 5px; - font-weight: bold; - font-size: small; - font-size: 11px; - /* IE 8 */ - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=9)"; - /* Netscape */ - -moz-opacity: 0.9; - opacity: 0.9; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; -} - -/* Graphs styles */ - -div.legend > div { - pointer-events: none; /* Allow to click the graphs below */ - opacity: 0.65; -} - -div.nodata_text { - padding: 5px 12px 0px 68px; - font-weight: bold; - color: #c1c1c1; - text-transform: uppercase; - display: table-cell; - vertical-align: middle; - text-align: left; -} - -div.nodata_container { - width: 150px; - height: 100px; - background-repeat: no-repeat; - background-position: center; - margin: auto auto; - display: table; -} - -#snmp_data { - width: 40%; - position: absolute; - top: 0; - right: 20px; - - #background-color: #5b5b5b; - #padding: 10px; -} - -#rmf_data { - width: 40%; - height: 80%; - position: absolute; - top: 0; - right: 20px; - overflow: auto; - - #background-color: #5b5b5b; - #padding: 10px; -} - -/* Subtab styles */ - -ul.subsubmenu { - border-bottom-right-radius: 5px; - border-bottom-left-radius: 5px; - -moz-border-bottom-right-radius: 5px; - -moz-border-bottom-left-radius: 5px; - -webkit-border-bottom-right-radius: 5px; - -webkit-border-bottom-left-radius: 5px; - - background: #ececec; -} - -ul.subsubmenu li { - background-color: #ececec; - font-weight: bold; - text-decoration: none; - font-size: 14px; - border-color: #e2e2e2; - border-style: solid; - border-width: 1px; -} - -ul.subsubmenu li a { - padding: 0px 10px 5px; -} - -div#agent_wizard_subtabs { - position: absolute; - margin-left: 0px; - display: none; - padding-bottom: 3px; - z-index: 1000; -} - -.agent_wizard_tab:hover { - cursor: default; -} - -#container_servicemap_legend { - position: absolute; - width: 200px; - background: #5b5b5b; - margin-top: 10px; - right: 2px; - border: 1px solid #e2e2e2; - border-radius: 5px; - padding: 10px; - opacity: 0.9; -} - -#container_servicemap_legend table { - text-align: left; -} - -.legend_square { - width: 20px; - padding-left: 20px; - padding-right: 10px; -} - -.legend_square_simple { - padding-left: 0px; - padding-right: 10px; - padding-bottom: 3px; -} -.legend_square div, -.legend_square_simple div { - width: 20px; - height: 20px; - border-radius: 3px; -} - -.legend_basic { - background: #f4f4f4; - margin-top: 10px; - border-radius: 5px; - padding: 10px; -} - -.agents_modules_table th { - background: #3f3f3f; -} - -.agents_modules_table th * { - color: #ffffff; -} - -/* - * LOAD_ENTERPRISE.PHP - */ -#code_license_dialog { - padding: 50px; - padding-top: 10px; -} -#code_license_dialog #logo { - margin-bottom: 20px; - text-align: center; -} -#code_license_dialog, -#code_license_dialog * { - font-size: 14px; -} -#code_license_dialog ul { - padding-left: 30px; - list-style-image: url("../../images/input_tick.png"); -} -#code_license_dialog li { - margin-bottom: 12px; -} - -#code_license_dialog #code { - font-weight: bolder; - font-size: 20px; - border: 1px solid #dddddd; - padding: 5px; - text-align: center; - -moz-border-radius: 8px; - -webkit-border-radius: 8px; - border-radius: 8px; -} - -#code_license_dialog a { - text-decoration: underline; -} - -/* GRAPHS CSS */ - -.parent_graph { - position: relative; -} - -.menu_graph, -.timestamp_graph { - position: absolute; -} - -.menu_graph { - -moz-border-top-right-radius: 6px; - -webkit-border-top-right-radius: 6px; - border-top-right-radius: 6px; - -moz-border-top-left-radius: 6px; - -webkit-border-top-left-radius: 6px; - border-top-left-radius: 6px; -} - -.legend_graph { - margin: 0px; - padding: 0px; - text-align: left; -} - -.legendColorBox * { - font-size: 0px; - padding: 0px 4px; - overflow: visible; -} - -/* GIS CSS */ - -.olLayerDiv { - z-index: 102; -} - -/* Alert view */ - -table.alert_days th, -table.alert_time th { - height: 30px; - vertical-align: middle; -} - -table.alert_escalation th img { - width: 18px; -} - -td.used_field { - #border: solid #6eb432; - background: #6eb432; - color: #ffffff; - font-weight: bold; -} - -td.overrided_field { - color: #666; -} - -td.unused_field { - color: #888; -} - -td.empty_field { - background: url("../../images/long_arrow.png") no-repeat 100% center; -} - -#table_macros textarea { - width: 96%; -} - -/* Policies styles */ - -table#policy_modules td * { - display: inline; -} - -.context_help_title { - font-weight: bolder; - text-align: left; -} -.context_help_body { - text-align: left; -} - -#left_column_logon_ok { - width: 750px; - float: left; -} - -#news_board { - min-width: 530px; -} - -#right_column_logon_ok { - width: 350px; - float: right; - margin-right: 20px; -} - -#clippy_head_title { - font-weight: bold; - background: #82b92e; - color: #ffffff; - margin-top: -15px; - margin-left: -15px; - margin-right: -15px; - padding: 5px; - margin-bottom: 10px; - border-top-left-radius: 2px; - border-top-right-radius: 2px; -} - -.clippy_body { - color: black; -} - -#dialog-double_auth-container { - width: 100%; - text-align: center; - vertical-align: middle; -} - -.center_align { - text-align: center; -} - -.left_align { - text-align: left; -} - -.status_tactical { - width: 100%; - margin-left: auto; - margin-right: auto; - background-color: #5b5b5b; - padding: 10px; - border: 1px solid #e2e2e2; - margin-top: 5%; - text-align: left; -} - -.status_tactical img { - border: 3px solid #000; - border-radius: 100px; -} - -#sumary { - color: #fff; - margin: 15px; - padding: 10px 30px; - font-size: 20px; - font-weight: bold; - height: 66px; - width: 191px; - border-radius: 2px; -} - -.databox.data td { - border-bottom: 1px solid #e2e2e2; -} - -.databox .search { - margin-top: 0px; -} - -.databox.data td.progress_bar img { - border: 3px solid #000; - border-radius: 100px; -} - -.databox td { - padding-left: 9px; - padding-right: 9px; - padding-top: 7px; - padding-bottom: 7px; -} -.databox.pies fieldset.tactical_set { - width: 70%; - height: 285px; -} - -.difference { - border-left-width: 2px; - border-left-style: solid; - border-right-width: 2px; - border-right-style: solid; - border-color: #e2e2e2; -} - -#title_menu { - color: #fff; - float: right; - width: 70%; - letter-spacing: 0pt; - font-size: 8pt; - white-space: pre-wrap; -} - -.no_hidden_menu { - background-position: 11% 50%; -} - -#menu_tab li.nomn, -#menu_tab li.nomn_high { - background-color: #ececec; - padding-right: 3px; - padding-left: 3px; - font-weight: bold; - text-decoration: none; - font-size: 14px; - border-color: #e2e2e2; - border-style: solid; - border-width: 1px; - margin-top: -10px; } +div#head, #menu_tab li.nomn_high, -#menu_tab li.nomn_high span { +#menu_tab li.nomn_high span, +.info_box, +.white_table_graph_header, +.white-box-content, +fieldset, +.databox.filters, +table.databox, +.legend_basic, +.databox_color, +.white_box { + background-color: #222 !important; color: #fff; - background-color: #5b5b5b; } +/* Tabs icons change color */ #menu_tab li.nomn img, #menu_tab li img { - margin-top: 3px; - margin-left: 3px; + filter: invert(100%); } -#menu_tab li.tab_operation a, -#menu_tab a.tab_operation { - background: none; +/* White text */ +a, +#menu_tab_left li a, +#menu_tab_left li span, +fieldset legend, +.tactical_set legend, +#user-notifications-wrappe, +#user_form *, +h1, +h2, +h3, +h4, +.info_table > tbody > tr > th, +.info_table > thead > tr > th, +.info_table > thead > tr > th a, +.info_table > thead > tr > th > span, +form.discovery label, +.edit_user_labels, +.input_label { + color: #fff; } -.subsubmenu { - position: absolute; - float: right; - z-index: 9999; - display: none; - margin-top: 6px; - left: 0px; -} -.subsubmenu li { - margin-top: 0px; +/* Overwrite inline styles */ +.textodialogo td { + color: #fff !important; } -.agents_modules_table { - border: 1px solid #e2e2e2; - border-spacing: 0px; -} -.agents_modules_table td { - border: 1px solid #e2e2e2; -} -.agents_modules_table th { - border: 1px solid #e2e2e2; +.box-shadow { + box-shadow: none; } -.databox.filters, -.databox.data, -.databox.profile_list { - margin-bottom: 20px; +select:disabled, +textarea:disabled { + background-color: #666; } -.databox.filters td { - padding: 10px; - padding-left: 20px; -} -.databox.profile_list td { - padding: 4px 1px; - padding-left: 5px; - border-bottom: 1px solid #e2e2e2; -} -.databox.profile_list a.tip > img { - margin: 0px; +.status_tactical, +.tactical_set, +.td-bg-white td { + background-color: transparent; } -.databox.filters td > img, -.databox.filters td > div > a > img, -.databox.filters td > span > img, -.databox.filters td > span > a > img, -.databox.filters td > a > img { - vertical-align: middle; - margin-left: 5px; -} -.databox.data td > img, -.databox.data th > img, -.databox.data td > div > a > img, -.databox.data td > span > img, -.databox.data td > span > a > img, -.databox.data td > a > img, -.databox.data td > form > a > img { - vertical-align: middle; +/* tables */ +.info_table { + background-color: #222; } -.databox.filters td > a > img { - vertical-align: middle; +.info_table > tbody > tr:nth-child(even) { + background-color: #111; } -.databox.data td > input[type="checkbox"] { - margin: 0px; +.info_table tr:first-child > th, +.info_table th { + background-color: #222; + color: #fff; } -.databox_color td { - padding-left: 10px; +.info_table > tbody > tr:hover, +.databox.data > tbody > tr:hover, +.rowPair:hover, +.rowOdd:hover { + background-color: #555 !important; /* porque tables.css se carga depues.... */ } -.databox.agente td > div > canvas { - width: 100%; - text-align: left; +.info_table .datos3, +.datos3, +.info_table .datos4, +.datos4 { + background-color: #666; + color: #fff; } -.databox.agente td > div.graph { - width: 100%; - text-align: left; +.agent_details_col, +.white_table, +.white_table tr:first-child > th, +.white_table_graph_content { + background-color: #222; + color: #fff; +} + +/* action buttons in tables */ +.action_buttons a[href] img, +.action_buttons input[type="image"], +.action_button_img { + filter: brightness(2.5) contrast(50%); +} + +/* fix cosas generales */ +.notify, +.notify h3 { + color: #000; +} + +/* firts_task.css */ +.new_task, +div.new_task_cluster, +div.new_task_cluster > div { + background-color: #222; +} + +/* webchat */ +#chat_box, +#userlist_box { + background: #222 !important; +} + +/* tree.css */ +.node-content:hover { + background-color: #222; +} + +ul.tree-group + li.tree-node + div.node-content + img:not(.module-status):not(.agent-status):not(.agent-alerts-fired) { + filter: brightness(2); +} + +/* login.css */ +div.login_nick input, +div.login_pass input { + background-color: #fff !important; +} + +/* user edit */ +.edit_user_info_right input { + border-bottom: 1px solid #5f5f5f; +} + +/* datatables */ +table.dataTable tbody tr { + background-color: #222; +} + +table.dataTable span { + color: #fff; +} + +/* diagnostic info */ +table#diagnostic_info { + background-color: #111 !important; +} + +table#diagnostic_info tbody td div { + background-color: #222 !important; +} + +/* agent view */ +.agent_details_graph div#status_pie { + background: #fff; + border-radius: 5px; +} + +/* menu.css */ +.operation { + background-color: #252525; } .godmode, -.menu_icon ul li { - background-color: #222; -} -.operation .menu_icon ul li { - background-color: #333; -} - -.godmode { - border-top: 4px solid; - padding-bottom: 4px; - border-bottom-right-radius: 5px; - border-right-style: solid; - border-right-width: 0px; -} - -.green_title { - background-color: #82b92e; - font-weight: normal; - text-align: center; -} - -.dashboard { - top: 23px; -} - -.dashboard li a { - width: 158px; -} - -.text_subDashboard { - float: left; - margin-top: 5%; - margin-left: 3%; -} - -/* The items with the class 'spinner' will rotate */ -/* Not supported on IE9 and below */ -.spinner { - -webkit-animation: spinner 2s infinite linear; - animation: spinner 2s infinite linear; -} - -@-webkit-keyframes spinner { - 0% { - -ms-transform: rotate(0deg); /* IE */ - -moz-transform: rotate(0deg); /* FF */ - -o-transform: rotate(0deg); /* Opera */ - -webkit-transform: rotate(0deg); /* Safari and Chrome */ - transform: rotate(0deg); - } - 100% { - -ms-transform: rotate(359deg); /* IE */ - -moz-transform: rotate(359deg); /* FF */ - -o-transform: rotate(359deg); /* Opera */ - -webkit-transform: rotate(359deg); /* Safari and Chrome */ - transform: rotate(359deg); - } -} - -@keyframes spinner { - 0% { - -ms-transform: rotate(0deg); /* IE */ - -moz-transform: rotate(0deg); /* FF */ - -o-transform: rotate(0deg); /* Opera */ - -webkit-transform: rotate(0deg); /* Safari and Chrome */ - transform: rotate(0deg); - } - 100% { - -ms-transform: rotate(359deg); /* IE */ - -moz-transform: rotate(359deg); /* FF */ - -o-transform: rotate(359deg); /* Opera */ - -webkit-transform: rotate(359deg); /* Safari and Chrome */ - transform: rotate(359deg); - } -} - -#alert_messages { - -moz-border-bottom-right-radius: 5px; - -webkit-border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; - border-bottom-left-radius: 5px; - z-index: 3; - position: fixed; - width: 750px; - max-width: 750px; - min-width: 750px; - top: 20%; - background: white; -} -.modalheader { - text-align: center; - width: 100%; - height: 37px; - left: 0px; - background-color: #82b92e; -} -.modalheadertext { - color: white; - position: relative; - font-family: Nunito; - font-size: 13pt; - top: 8px; -} -.modalclosex { - cursor: pointer; - display: inline; - float: right; - margin-right: 10px; - margin-top: 10px; -} -.modalcontent { - color: black; - background: white; -} -.modalcontentimg { - float: left; - margin-left: 30px; - margin-top: 30px; - margin-bottom: 30px; -} -.modalcontenttext { - float: left; - text-align: justify; - color: #666; - font-size: 9.5pt; - line-height: 13pt; - margin-top: 30px; - width: 430px; - margin-left: 30px; -} - -.modalcontenttext > p { - color: black; -} -.modalcontenttext > p > a { - color: black; -} - -.modalokbutton { - transition-property: background-color, color; - transition-duration: 1s; - transition-timing-function: ease-out; - -webkit-transition-property: background-color, color; - -webkit-transition-duration: 1s; - -o-transition-property: background-color, color; - -o-transition-duration: 1s; - cursor: pointer; - text-align: center; - margin-right: 45px; - float: right; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - margin-bottom: 30px; - border-radius: 3px; - width: 90px; - height: 30px; - background-color: white; - border: 1px solid #82b92e; -} -.modalokbuttontext { - transition-property: background-color, color; - transition-duration: 1s; - transition-timing-function: ease-out; - -webkit-transition-property: background-color, color; - -webkit-transition-duration: 1s; - -o-transition-property: background-color, color; - -o-transition-duration: 1s; - color: #82b92e; - font-family: Nunito; - font-size: 10pt; - position: relative; - top: 6px; -} - -.modalokbutton:hover { - transition-property: background-color, color; - transition-duration: 1s; - transition-timing-function: ease-out; - -webkit-transition-property: background-color, color; - -webkit-transition-duration: 1s; - -o-transition-property: background-color, color; - -o-transition-duration: 1s; - background-color: #82b92e; -} - -.modalokbutton:hover .modalokbuttontext { - transition-property: background-color, color; - transition-duration: 1s; - transition-timing-function: ease-out; - -webkit-transition-property: background-color, color; - -webkit-transition-duration: 1s; - -o-transition-property: background-color, color; - -o-transition-duration: 1s; - color: white; -} -.modalgobutton { - transition-property: background-color, color; - transition-duration: 1s; - transition-timing-function: ease-out; - -webkit-transition-property: background-color, color; - -webkit-transition-duration: 1s; - -o-transition-property: background-color, color; - -o-transition-duration: 1s; - cursor: pointer; - text-align: center; - margin-right: 15px; - margin-bottom: 30px; - float: right; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - width: 240px; - height: 30px; - background-color: white; - border: 1px solid #82b92e; -} -.modalgobuttontext { - transition-property: background-color, color; - transition-duration: 1s; - transition-timing-function: ease-out; - -webkit-transition-property: background-color, color; - -webkit-transition-duration: 1s; - -o-transition-property: background-color, color; - -o-transition-duration: 1s; - color: #82b92e; - font-family: Nunito; - font-size: 10pt; - position: relative; - top: 6px; -} - -.modalgobutton:hover { - transition-property: background-color, color; - transition-duration: 1s; - transition-timing-function: ease-out; - -webkit-transition-property: background-color, color; - -webkit-transition-duration: 1s; - -o-transition-property: background-color, color; - -o-transition-duration: 1s; - background-color: #82b92e; -} - -.modalgobutton:hover .modalgobuttontext { - transition-property: background-color, color; - transition-duration: 1s; - transition-timing-function: ease-out; - -webkit-transition-property: background-color, color; - -webkit-transition-duration: 1s; - -o-transition-property: background-color, color; - -o-transition-duration: 1s; - color: white; -} - -#opacidad { - opacity: 0.5; - z-index: 1; - width: 100%; - height: 100%; - position: absolute; - left: 0px; - top: 0px; -} - -.textodialogo { - margin-left: 0px; - color: black; - font-size: 9pt; -} - -.cargatextodialogo { - max-width: 58.5%; - width: 58.5%; - min-width: 58.5%; - float: left; - margin-left: 0px; - font-size: 18pt; - padding: 20px; - text-align: center; -} - -.cargatextodialogo b { - color: black; -} -.cargatextodialogo p { - color: black; -} - -.cargatextodialogo b { - color: black; -} -.cargatextodialogo a { - color: black; -} - -.cargatextodialogo > div { - color: black; -} - -.cargatextodialogo p, -.cargatextodialogo b, -.cargatextodialogo a { - font-size: 18pt; -} - -#toolbox > input { - border-width: 0px 1px 0px 0px; - border-color: lightgray; -} - -#toolbox > input.service_min { - border-width: 0px 0px 0px 0px; -} - -#toolbox > input.grid_min { - border-width: 0px 0px 0px 0px; -} -#tinymce { - padding-top: 20px; -} - -.rowPair:hover, -.rowOdd:hover { - background-color: #6e6e6e; -} -.databox.data > tbody > tr:hover { - background-color: #6e6e6e; -} -.checkselected { - background-color: #eee; -} - -#login_help_dialog * { - color: #222222; -} - -.introjs-tooltip * { - color: #222222; -} - -.dd_widget_content * { - color: #222222; -} - -#dialog_add_new_widget * { - color: #222222; -} - -.widget_configuration_form table tbody tr td:first-child { - color: #222222; -} - -.widget_configuration_form .container * { - color: #222222; -} -.widget_configuration_form b { - color: #222222; -} - -form[action="index.php?sec=estado&sec2=godmode/agentes/planned_downtime.list"] - * { - color: #222222; -} - -form[action="index.php?sec=estado&sec2=godmode/agentes/planned_downtime.list"] - input { - color: white; -} - -form[action="index.php?sec=estado&sec2=godmode/agentes/planned_downtime.list"] - select { - color: white; -} -.notify { - color: black; -} -.notify * { - color: black; -} -#login_logout * { - color: #222222; -} - -/*modal windows login*/ -div.content_alert { - width: 98%; - margin-top: 20px; +#menu_full { + background-color: #1a1a1a; } -div.icon_message_alert { - float: left; - width: 25%; - text-align: center; -} - -div.icon_message_alert img { - width: 85px; -} - -div.content_message_alert { - width: 75%; - float: right; -} - -div.content_message_alert * { - color: black; -} - -div.text_message_alert { - width: 100%; - margin-top: 10px; -} - -div.text_message_alert h1 { - margin: 0px; -} - -div.text_message_alert p { - margin: 0px; - font-size: 10.3pt; - line-height: 14pt; -} - -div.button_message_alert { - width: 100%; -} - -div.button_message_alert input { - float: right; - width: 87px; - height: 33px; - color: #82b92e; - border: 1px solid #82b92e; - font-weight: bold; - margin-right: 20px; - margin-top: 20px; - font-size: 10pt; -} - -div.form_message_alert { - width: 90%; - clear: both; - padding-top: 20px; - padding-left: 40px; -} - -div.form_message_alert ul li { - display: inline-block; - padding: 10px; -} - -div.form_message_alert ul li input { - border: none; - background-color: #dadada; - border-radius: 0px; - height: 17px; - width: 145px; - padding-left: 5px; -} - -div.form_message_alert ul li label { - font-size: 10pt; - padding-right: 20px; -} - -div.form_message_alert h4 { - margin: 0px; - margin-bottom: 10px; -} - -div.button_message_alert_form input { - float: right; - width: 87px; - height: 33px; - color: #82b92e; - border: 1px solid #82b92e; - font-weight: bold; - font-size: 10pt; - margin-right: 25px; -} - -.ui-dialog .ui-dialog-titlebar { - background-color: #82b92e; -} - -/* - styles header login -*/ -div#header_login { - width: 100%; - height: 65px; - background-color: rgba(255, 255, 255, 0.06); -} - -div#icon_custom_pandora { - float: left; - margin-top: 5px; - margin-left: 4%; -} - -div#list_icon_docs_support { - float: right; - margin-top: 8px; - margin-right: 4%; -} - -div#list_icon_docs_support ul { - margin-top: 5px; -} - -div#list_icon_docs_support ul li { - display: inline-block; - color: white; - vertical-align: middle; - margin-right: 5px; - font-size: 10pt; -} - -li#li_margin_left { - margin-left: 30px; -} - -/* - styles login form -*/ - -div.container_login { - margin-top: 10%; - margin-left: 5%; - margin-right: 5%; -} - -div.login_page { - width: 35%; - min-height: 600px; - float: left; -} - -div.login_page form { - border-right: 1px solid #868686; - padding-top: 30px; - padding-bottom: 50px; - min-width: 400px; - max-height: 600px; -} - -div.login_logo_icon { - margin-bottom: 40px; - text-align: center; -} - -div.login_logo_icon img { - margin: 0 auto; - width: 150px; -} -div.login_double_auth_code, -div.login_nick, -div.login_pass { - margin: 0 auto; - width: 70%; - height: 40px; - background-color: rgba(255, 255, 255, 0.2); - margin-bottom: 25px; - min-width: 260px; -} - -div.login_nick img, -div.login_pass img { - vertical-align: middle; - margin: 3px; -} - -div.login_nick input, -div.login_pass input { - background-color: rgba(255, 255, 255, 0); - border: 0px; - color: white; - border-radius: 0px; - width: 89%; - height: 40px; - font-size: 9pt; - padding: 0px; -} - -div.login_nick input:focus, -div.login_pass input:focus { - outline: none; -} - -div.login_nick input:-webkit-autofill, -div.login_nick input:-webkit-autofill:hover, -div.login_nick input:-webkit-autofill:focus, -div.login_nick input:-webkit-autofill:active, -div.login_pass input:-webkit-autofill, -div.login_pass input:-webkit-autofill:hover, -div.login_pass input:-webkit-autofill:focus, -div.login_pass input:-webkit-autofill:active { - transition: background-color 10000s ease-in-out 0s; - -webkit-box-shadow: 0 0 0px 0px transparent inset; - -webkit-text-fill-color: white; - border: 0px; - width: 89%; -} - -div.login_nick input::-webkit-input-placeholder, -div.login_pass input::-webkit-input-placeholder { - color: white; -} - -div.login_pass img, -div.login_nick img { - width: 30px; -} - -div.login_pass div, -div.login_nick div { - float: left; - width: 11%; -} - -div.login_button { - margin: 0 auto; - width: 70%; - height: 40px; - background-color: rgb(25, 25, 25); - border: 1px solid white; - min-width: 260px; -} - -div.login_button input { - width: 100%; - background-color: rgb(25, 25, 25); - text-align: center; - border: 0px; - border-radius: 0px; - height: 40px; - padding: 0px; - font-size: 9pt; - color: white; -} - -div.login_data { - width: 65%; - min-height: 600px; - float: left; -} - -div.text_banner_login { - width: 100%; - margin-bottom: 60px; - color: white; - text-align: center; -} - -div.text_banner_login span { - width: 100%; -} - -span.span1 { - font-size: 3vw; - font-family: "lato-thin"; - color: white; -} - -span.span2 { - font-size: 3vw; - font-family: "lato-bolder"; - color: white; -} - -div.img_banner_login { - width: 100%; - text-align: center; -} - -div.img_banner_login img { - max-width: 70%; - min-width: 70%; - max-height: 50%; - min-height: 50%; -} - -@media all and (max-width: 1200px) { - span.span1 { - font-size: 30pt; - } - span.span2 { - font-size: 30pt; - } -} - -.new_task p, -.new_task h3, -.new_task h2, -.new_task a, -.new_task strong { - color: #222222; -} -.item p { - color: #222222; +.button_collapse { + background-color: #444; } -.item span { - color: #222222; +.operation .selected, +.godmode .selected, +.menu_icon:hover { + background-color: #080808; } -.widget_config_advice, -.widget_config_advice * { - color: black; +/* footer */ +div#foot { + background: #222; } diff --git a/pandora_console/index.php b/pandora_console/index.php index 3c95074171..58c5998b87 100755 --- a/pandora_console/index.php +++ b/pandora_console/index.php @@ -1214,14 +1214,17 @@ echo "\n\n"; // Values from PHP to be recovered from JAVASCRIPT require 'include/php_to_js_values.php'; - +// if ($config['style'] !== 'pandora') { ?>
".__('Pandora status info').'