From f5c96b7e5d778ee0c38c61d7d4e44fdce22ffaa7 Mon Sep 17 00:00:00 2001 From: "tatiana.llorente@artica.es" Date: Thu, 24 Jan 2019 11:10:49 +0100 Subject: [PATCH 1/3] New organization of CSS files - #3358 Former-commit-id: 8512adc7742eecb64db2b0ee539acfddd33406c2 --- pandora_console/extensions/agents_modules.php | 1 - pandora_console/extensions/module_groups.php | 2 +- pandora_console/general/login_page.php | 4 +- .../godmode/alerts/alert_list.builder.php | 2 +- .../godmode/alerts/alert_list.list.php | 2 +- .../godmode/gis_maps/configure_gis_map.php | 2 +- pandora_console/godmode/groups/group_list.php | 2 + .../reporting/visual_console_builder.data.php | 2 +- .../visual_console_builder.editor.php | 4 +- .../visual_console_builder.elements.php | 2 +- .../godmode/setup/setup_visuals.php | 2 +- pandora_console/include/chart_generator.php | 2 +- .../include/functions_networkmap.php | 2 +- .../include/functions_pandora_networkmap.php | 2 +- pandora_console/include/functions_ui.php | 4 +- .../include/functions_visual_map_editor.php | 2 +- .../include/styles/cluster_view.css | 146 + pandora_console/include/styles/common.css | 63 +- pandora_console/include/styles/countdown.css | 42 - pandora_console/include/styles/datepicker.css | 206 -- pandora_console/include/styles/dialog.css | 79 - pandora_console/include/styles/help.css | 54 - .../include/styles/js/calendar.css | 67 + .../include/styles/{ => js}/cluetip.css | 0 .../include/styles/{ => js}/color-picker.css | 0 .../styles/{ => js}/datatables.min.css | 0 .../{javascript => styles/js}/introjs.css | 0 .../include/styles/{ => js}/jquery-ui.min.css | 2 + .../include/styles/js/jquery-ui_custom.css | 254 ++ .../js}/jquery.contextMenu.css | 0 pandora_console/include/styles/login.css | 417 +++ pandora_console/include/styles/menu.css | 137 +- pandora_console/include/styles/pandora.css | 2515 +++++------------ .../include/styles/pandora_forms.css | 95 - .../include/styles/tooltipster-light.css | 12 - .../include/styles/tooltipster-noir.css | 12 - .../include/styles/tooltipster-punk.css | 12 - .../include/styles/tooltipster-shadow.css | 12 - .../include/styles/tooltipster.css | 274 -- .../operation/agentes/alerts_status.php | 2 +- .../operation/agentes/estado_monitores.php | 2 +- .../agentes/interface_traffic_graph_win.php | 2 +- .../operation/agentes/realtime_win.php | 2 +- .../operation/agentes/stat_win.php | 2 +- pandora_console/operation/events/events.php | 1 - .../operation/snmpconsole/snmp_view.php | 2 +- pandora_console/operation/tree.php | 3 + .../operation/visual_console/render_view.php | 1 - 48 files changed, 1802 insertions(+), 2651 deletions(-) create mode 100644 pandora_console/include/styles/cluster_view.css delete mode 100644 pandora_console/include/styles/countdown.css delete mode 100644 pandora_console/include/styles/datepicker.css delete mode 100644 pandora_console/include/styles/help.css create mode 100644 pandora_console/include/styles/js/calendar.css rename pandora_console/include/styles/{ => js}/cluetip.css (100%) rename pandora_console/include/styles/{ => js}/color-picker.css (100%) rename pandora_console/include/styles/{ => js}/datatables.min.css (100%) rename pandora_console/include/{javascript => styles/js}/introjs.css (100%) rename pandora_console/include/styles/{ => js}/jquery-ui.min.css (99%) create mode 100644 pandora_console/include/styles/js/jquery-ui_custom.css rename pandora_console/include/{javascript => styles/js}/jquery.contextMenu.css (100%) create mode 100644 pandora_console/include/styles/login.css delete mode 100644 pandora_console/include/styles/pandora_forms.css delete mode 100644 pandora_console/include/styles/tooltipster-light.css delete mode 100644 pandora_console/include/styles/tooltipster-noir.css delete mode 100644 pandora_console/include/styles/tooltipster-punk.css delete mode 100644 pandora_console/include/styles/tooltipster-shadow.css delete mode 100644 pandora_console/include/styles/tooltipster.css diff --git a/pandora_console/extensions/agents_modules.php b/pandora_console/extensions/agents_modules.php index 61675912c3..b7b80713a7 100644 --- a/pandora_console/extensions/agents_modules.php +++ b/pandora_console/extensions/agents_modules.php @@ -230,7 +230,6 @@ function mainAgentsModules() { // Floating menu - End ui_require_jquery_file('countdown'); - ui_require_css_file('countdown'); } if($config['pure'] != 1){ diff --git a/pandora_console/extensions/module_groups.php b/pandora_console/extensions/module_groups.php index 18ba051b60..bb72e17b8d 100644 --- a/pandora_console/extensions/module_groups.php +++ b/pandora_console/extensions/module_groups.php @@ -299,7 +299,7 @@ $sql = ui_print_info_message ( array('no_close'=>true, 'message'=> __('There are no defined groups or module groups') )); } - ui_require_css_file('cluetip'); + ui_require_css_file ('cluetip','include/styles/js/'); ui_require_jquery_file('cluetip'); ?> diff --git a/pandora_console/include/functions_networkmap.php b/pandora_console/include/functions_networkmap.php index 35c0763c45..a6e2bd8079 100644 --- a/pandora_console/include/functions_networkmap.php +++ b/pandora_console/include/functions_networkmap.php @@ -27,7 +27,7 @@ require_once ('functions_agents.php'); require_once($config['homedir'] . "/include/functions_modules.php"); require_once($config['homedir'] . "/include/functions_groups.php"); -ui_require_css_file ('cluetip'); +ui_require_css_file ('cluetip','include/styles/js/'); // Check if a node descends from a given node diff --git a/pandora_console/include/functions_pandora_networkmap.php b/pandora_console/include/functions_pandora_networkmap.php index 90d6ef3022..56394792fb 100644 --- a/pandora_console/include/functions_pandora_networkmap.php +++ b/pandora_console/include/functions_pandora_networkmap.php @@ -1518,7 +1518,7 @@ function show_networkmap($id = 0, $user_readonly = false, $nodes_and_relations = $networkmap['filter']['l2_network_interfaces'] = 1; echo ''; - ui_require_css_file("jquery.contextMenu", 'include/javascript/'); + ui_require_css_file("jquery.contextMenu", 'include/styles/js/'); echo ''; echo ''; echo '
'; diff --git a/pandora_console/include/functions_ui.php b/pandora_console/include/functions_ui.php index 8f6f5a35d8..aabad8f0f8 100755 --- a/pandora_console/include/functions_ui.php +++ b/pandora_console/include/functions_ui.php @@ -1458,11 +1458,11 @@ function ui_process_page_head ($string, $bitfield) { } // Add the jquery UI styles CSS -$config['css']['jquery-UI'] = "include/styles/jquery-ui.min.css"; +$config['css']['jquery-UI'] = "include/styles/js/jquery-ui.min.css"; // Add the dialog styles CSS $config['css']['dialog'] = "include/styles/dialog.css"; // Add the dialog styles CSS -$config['css']['dialog'] = "include/javascript/introjs.css"; +$config['css']['dialog'] = "include/styles/js/introjs.css"; //If skin's css files exists then add them if ($exists_css) { diff --git a/pandora_console/include/functions_visual_map_editor.php b/pandora_console/include/functions_visual_map_editor.php index 4b835d65fc..e59ae3b151 100755 --- a/pandora_console/include/functions_visual_map_editor.php +++ b/pandora_console/include/functions_visual_map_editor.php @@ -988,7 +988,7 @@ function visual_map_editor_print_item_palette($visualConsole_id, $background) { __('Click end point
of the line') . '
'; - ui_require_css_file ('color-picker'); + ui_require_css_file ('color-picker','include/styles/js/'); ui_require_jquery_file ('colorpicker'); ?> diff --git a/pandora_console/include/styles/cluster_view.css b/pandora_console/include/styles/cluster_view.css new file mode 100644 index 0000000000..fd13cc7d3e --- /dev/null +++ b/pandora_console/include/styles/cluster_view.css @@ -0,0 +1,146 @@ + +/* + * --------------------------------------------------------------------- + * - CLUSTER VIEW - + * --------------------------------------------------------------------- + */ +#main_cluster { + max-width:1770px; + margin:0 auto; +} + +.sub_cluster_1 { + width:400px; + float: left; + margin-left: 30px; + margin-bottom: 25px; + vertical-align: top; + border:1px solid #e7e9ea; + height:150px; +} + +.sub_cluster_2 { + width:833px; + float: left; + margin-left: 30px; + margin-bottom: 25px; + vertical-align: top; + border:1px solid #e7e9ea; + height:150px; +} + +.sub_cluster_header { + width:100%; + height: 30px; + background-color: #373737; + color:white; + text-align:center; + font-size: 9pt; + display: flex; + justify-content: center; + align-content: center; + flex-direction: column; +} + +.sub_cluster_body { + width:100%; + height: 120px; + background-color: #f9faf9; + display: flex; + justify-content: center; + align-content: center; + flex-direction: column; +} + +.sub_cluster_body_3 { + width:100%; + height: 120px; + background-color: #f9faf9; + overflow-y: scroll; +} + +#cluster_map { + border:1px solid lightgray; + width:900px; + height:500px; + float: left; + margin-bottom: 30px; +} + +#cluster_status_content { + width: 90%; + height:30px; + margin:0px auto; +} + +#cluster_status_bar { + width: 85%; + height:100%; + float:left; +} + +.status_animation { + width: 1%; + height:100%; + left:0%; + background-color: red; + position:relative; +} + +#cluster_status_button { + float:left; + width:10%; + margin-left:5%;; +} + +#last_contact_content{ + width: 90%; + height:60px; + margin:0px auto; +} + +#last_contact_clock { + width: 15%; + height:100%; + float:left; +} + +#last_contact_date { + float:left; + height:60px; + width:80%; + margin-left:5%; + text-align:center; + display: flex; + justify-content: center; + align-content: center; + flex-direction: column; +} + +#last_contact_date_text { + font-size:14pt; +} + + +.balanced_module_item { + float:left; + margin-top: 11.5px; + margin-left: 5%; + height: 25px; + width:90%; +} + +.module_icon { + float:left; + width:10%; +} + +.modal_module_list { + float:left; + width: 90%; + height:100%; + display: flex; + justify-content: center; + align-content: center; + flex-direction: column; +} \ No newline at end of file diff --git a/pandora_console/include/styles/common.css b/pandora_console/include/styles/common.css index f9e44e571f..d47513f4da 100644 --- a/pandora_console/include/styles/common.css +++ b/pandora_console/include/styles/common.css @@ -1,27 +1,3 @@ -/* Common useful styles */ -.invisible { - display: none; -} -.left { clear: left; float: left;} -.right { clear: right; float: right;} -.clear { clear:both; } -.top { - vertical-align: top; - margin-top: 0; - padding-top: 0; -} -img.left { - margin-right:1em; - margin-bottom:1.8em; -} -img.right { - margin-left:1em; - margin-bottom:1.8em; -} -.text-right { - text-align:right; -} - /* Debug styles */ pre.debug, div.backtrace { font-family: monospace !important; @@ -51,3 +27,42 @@ div.database_debug_title { padding: 5px; width: 95%; } + + +/* Common useful styles */ +.invisible { + display: none; +} +.left { clear: left; float: left;} +.right { clear: right; float: right;} +.clear { clear:both; } +.top { + vertical-align: top; + margin-top: 0; + padding-top: 0; +} +img.left { + margin-right:1em; + margin-bottom:1.8em; +} +img.right { + margin-left:1em; + margin-bottom:1.8em; +} +.text-right { + text-align:right; +} +.noshadow { + -moz-box-shadow: 0px !important; + -webkit-box-shadow: 0px !important; + box-shadow: 0px !important; +} +.center_align { + text-align: center; +} +.left_align { + text-align: left; +} +.right_align { + text-align: right; +} \ No newline at end of file diff --git a/pandora_console/include/styles/countdown.css b/pandora_console/include/styles/countdown.css deleted file mode 100644 index 80db0a2cf2..0000000000 --- a/pandora_console/include/styles/countdown.css +++ /dev/null @@ -1,42 +0,0 @@ -/* countdown styles */ -#countdown { - border: 1px dotted #990000; - width: 200px; - margin-bottom: 5px; -} -.countdown_row { - clear: both; - width: 200px; - text-align: center; -} -.countdown_show1 div { - width: 100%; -} -.countdown_show2 div { - width: 50%; -} -.countdown_show3 div { - width: 33%; -} -.countdown_show4 div { - width: 25%; -} -.countdown_show5 div { - width: 20%; -} -.countdown_show6 div { - width: 16%; -} -.countdown_show7 div { - width: 14%; -} -.countdown_section { - float: left; - font-size: 75% -} -.countdown_amount { - font-size: 200%; -} -.countdown_descr { - width: 200px; -} diff --git a/pandora_console/include/styles/datepicker.css b/pandora_console/include/styles/datepicker.css deleted file mode 100644 index 0242eef335..0000000000 --- a/pandora_console/include/styles/datepicker.css +++ /dev/null @@ -1,206 +0,0 @@ -/* Main Flora Style Sheet for jQuery UI ui-datepicker -#ui-datepicker-div, .ui-datepicker-inline { - font-family: Arial,Helvetica,sans-serif; - font-size: 14px; - padding: 0; - margin: 0; - background: #E0F4D7; - width: 185px; -} -#ui-datepicker-div { - display: none; - border: 1px solid #FF9900; - z-index: 10; -} -.ui-datepicker-inline { - float: left; - display: block; - border: 0; -} -.ui-datepicker-rtl { - direction: rtl; -} -.ui-datepicker-dialog { - padding: 5px !important; - border: 4px ridge #83C948 !important; -} -button.ui-datepicker-trigger { - width: 25px; -} -img.ui-datepicker-trigger { - margin: 2px; - vertical-align: middle; -} -.ui-datepicker-prompt { - float: left; - padding: 2px; - background: #E0F4D7; - color: #000; -} -*html .ui-datepicker-prompt { - width: 185px; -} -.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker { - clear: both; - float: left; - width: 100%; - color: #FFF; -} -.ui-datepicker-control { - background: #FF9900; - padding: 2px 0px; -} -.ui-datepicker-links { - background: #E0F4D7; - padding: 2px 0px; -} -.ui-datepicker-control, .ui-datepicker-links { - font-weight: bold; - font-size: 80%; - letter-spacing: 1px; -} -.ui-datepicker-links label { - padding: 2px 5px; - color: #888; -} -.ui-datepicker-clear, .ui-datepicker-prev { - float: left; - width: 34%; -} -.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev { - float: right; - text-align: right; -} -.ui-datepicker-current { - float: left; - width: 30%; - text-align: center; -} -.ui-datepicker-close, .ui-datepicker-next { - float: right; - width: 34%; - text-align: right; -} -.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next { - float: left; - text-align: left; -} -.ui-datepicker-header { - padding: 1px 0 3px; - background: #83C948; - text-align: center; - font-weight: bold; - height: 1.3em; -} -.ui-datepicker-header select { - background: #83C948; - color: #000; - border: 0px; - font-weight: bold; -} -.ui-datepicker { - background: #CCC; - text-align: center; - font-size: 100%; -} -.ui-datepicker a { - display: block; - width: 100%; -} -.ui-datepicker .ui-datepicker-title-row { - background: #B1DB87; - color: #000; -} -.ui-datepicker .ui-datepicker-days-row { - background: #FFF; - color: #666; -} -.ui-datepicker-week-col { - background: #B1DB87; - color: #000; -} -.ui-datepicker .ui-datepicker-days-cell { - color: #000; - border: 1px solid #DDD; -} -#ui-datepicker .ui-datepicker-days-cell a { - display: block; -} -.ui-datepicker .ui-datepicker-week-end-cell { - background: #E0F4D7; -} -.ui-datepicker-title-row .ui-datepicker-week-end-cell { - background: #B1DB87; -} -.ui-datepicker .ui-datepicker-days-cell-over { - background: #FFF; - border: 1px solid #777; -} -.ui-datepicker .ui-datepicker-unselectable { - color: #888; -} -.ui-datepicker-today { - background: #B1DB87 !important; -} -.ui-datepicker-current-day { - background: #83C948 !important; -} -.ui-datepicker-status { - background: #E0F4D7; - width: 100%; - font-size: 80%; - text-align: center; -} -#ui-datepicker-div a, .ui-datepicker-inline a { - cursor: pointer; - margin: 0; - padding: 0; - background: none; - color: #000; -} -.ui-datepicker-inline .ui-datepicker-links a { - padding: 0 5px !important; -} -.ui-datepicker-control a, .ui-datepicker-links a { - padding: 2px 5px !important; - color: #000 !important; -} -.ui-datepicker-title-row a { - color: #000 !important; -} -.ui-datepicker-control a:hover { - background: #FDD !important; - color: #333 !important; -} -.ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover { - background: #FFF !important; - color: #333 !important; -} -.ui-datepicker-multi .ui-datepicker { - border: 1px solid #83C948; -} -.ui-datepicker-one-month { - float: left; - width: 185px; -} -.ui-datepicker-new-row { - clear: left; -} -*/ -/* -.ui-datepicker-cover { - display: none; - display/**/: block; - position: absolute; - z-index: -1; - filter: mask(); - top: -4px; - left: -4px; - width: 193px; - height: 200px; -} - -.ui-datepicker-title * { - color: white; -} -*/ \ No newline at end of file diff --git a/pandora_console/include/styles/dialog.css b/pandora_console/include/styles/dialog.css index 220e1a4fb3..ad0bb56652 100644 --- a/pandora_console/include/styles/dialog.css +++ b/pandora_console/include/styles/dialog.css @@ -33,7 +33,6 @@ border-left: none !important; border-right: none !important; color: #FFFFFF !important; - #padding: 0.1em 1em !important; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; @@ -85,7 +84,6 @@ .ui-dialog .ui-dialog-content { margin: 12px !important; - #padding: 0.5em 1em !important; overflow: auto !important; -moz-border-left: 1px solid #A9A9A9 !important; @@ -150,7 +148,6 @@ .ui-dialog-content { overflow: auto !important; width: auto !important; - #height: auto !important; } .ui-dialog .ui-dialog-buttonpane { @@ -176,82 +173,6 @@ height: 22px; } -/* Dialog handle styles */ -/*Disabled*/ -/* -.ui-dialog .ui-resizable-n { - cursor: n-resize; - height: 6px; - width: 100%; - top: 0px; - left: 0px; - background: transparent url(images/dialog-n.gif) repeat scroll center top; -} - -.ui-dialog .ui-resizable-s { - cursor: s-resize; - height: 8px; - width: 100%; - bottom: 0px; - left: 0px; - background: transparent url(images/dialog-s.gif) repeat scroll center top; -} - -.ui-dialog .ui-resizable-e { - cursor: e-resize; - width: 7px; - right: 0px; - top: 0px; - height: 100%; - background: transparent url(images/dialog-e.gif) repeat scroll right center; -} - -.ui-dialog .ui-resizable-w { - cursor: w-resize; - width: 7px; - left: 0px; - top: 0px; - height: 100%; - background: transparent url(images/dialog-w.gif) repeat scroll right center; -} - -.ui-dialog .ui-resizable-se { - cursor: se-resize; - width: 9px; - height: 9px; - right: 0px; - bottom: 0px; - background: transparent url(images/dialog-se.gif); -} - -.ui-dialog .ui-resizable-sw { - cursor: sw-resize; - width: 9px; - height: 9px; - left: 0px; - bottom: 0px; - background: transparent url(images/dialog-sw.gif); -} - -.ui-dialog .ui-resizable-nw { - cursor: nw-resize; - width: 9px; - height: 29px; - left: 0px; - top: 0px; - background: transparent url(images/dialog-nw.gif); -} - -.ui-dialog .ui-resizable-ne { - cursor: ne-resize; - width: 9px; - height: 29px; - right: 0px; - top: 0px; - background: transparent url(images/dialog-ne.gif); -} -*/ - .ui-dialog .ui-button-dialog { cursor: pointer; margin: 0.5em 0.4em 0.5em 0; diff --git a/pandora_console/include/styles/help.css b/pandora_console/include/styles/help.css deleted file mode 100644 index 4edfeedbec..0000000000 --- a/pandora_console/include/styles/help.css +++ /dev/null @@ -1,54 +0,0 @@ -/* -// Pandora FMS - the Flexible Monitoring System -// ============================================= -// Copyright (c) 2004-2009 Artica Soluciones Tecnológicas S.L - -// 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; -} -h1, h2, h3 { - font: bold 1em Arial, Sans-serif; - text-transform: uppercase; - color: #675; - padding-bottom: 5px; - padding-top: 7px; -} -h1 { - font-size: 16px; -} -h2 { - font-size: 15px; -} -h3 { - font-size: 13px; -} -a { - color: #486787; - text-decoration: none; -} -dd.help_t1 {margin-left: 10px; margin-top: 6px; margin-bottom: 5px; font-size: 13px; font-weight: bold} -dd.help_t2 {margin-left: 28px; margin-top: 3px;} -dd.help_t3 {margin-left: 55px; margin-top: 4px;} -dd.help_t4 {margin-left: 92px; margin-top: 3px; margin-bottom: 2px;} -.ml15 {margin-left: 15px;} -.ml25 {margin-left: 25px;} -.ml35 {margin-left: 35px;} -.ml75 {margin-left: 75px;} -div.logo {float:left;} -div.toc {padding-left: 200px;} -div.rayah {border-top: 1px solid #708090; width: 100%;} -div.rayah2 {clear:both; border-top: 1px solid #708090; width: 100%; padding-bottom: 35px;} diff --git a/pandora_console/include/styles/js/calendar.css b/pandora_console/include/styles/js/calendar.css new file mode 100644 index 0000000000..973e502d8a --- /dev/null +++ b/pandora_console/include/styles/js/calendar.css @@ -0,0 +1,67 @@ +/* + * --------------------------------------------------------------------- + * - CALENDAR TOOLTIP - + * --------------------------------------------------------------------- + */ + +/* Calendar background */ +table.scw { + background-color: #82b92e; + border: 0 !important; + border-radius: 4px; +} + +/* Week number heading */ +td.scwWeekNumberHead { + color: #111; +} + +td.scwWeek { + color: #111 !important; +} + +/* Today selector */ +td.scwFootDisabled { + background-color: #000; + color: #FFFFFF; +} + +tfoot.scwFoot { + color: #111; +} + +.scwFoot :hover{ + color: #3F3F3F !important; +} + +table.scwCells { + background-color: #fff !important; + color: #3c3c3c !important; +} + +table.scwCells:hover { + background-color: #fff !important; +} + +td.scwCellsExMonth { + background-color: #eee !important; + color: #3c3c3c !important; +} + +td.scwCellsWeekend { + background-color: #3c3c3c !important; + color: #fff !important; + border: 0 !important; +} + +td.scwInputDate { + background-color: #777 !important; + color: #ffffff !important; + border: 0 !important; +} + +td.scwFoot { + background-color: #fff !important; + color: #3c3c3c !important; + border: 0 !important; +} diff --git a/pandora_console/include/styles/cluetip.css b/pandora_console/include/styles/js/cluetip.css similarity index 100% rename from pandora_console/include/styles/cluetip.css rename to pandora_console/include/styles/js/cluetip.css diff --git a/pandora_console/include/styles/color-picker.css b/pandora_console/include/styles/js/color-picker.css similarity index 100% rename from pandora_console/include/styles/color-picker.css rename to pandora_console/include/styles/js/color-picker.css diff --git a/pandora_console/include/styles/datatables.min.css b/pandora_console/include/styles/js/datatables.min.css similarity index 100% rename from pandora_console/include/styles/datatables.min.css rename to pandora_console/include/styles/js/datatables.min.css diff --git a/pandora_console/include/javascript/introjs.css b/pandora_console/include/styles/js/introjs.css similarity index 100% rename from pandora_console/include/javascript/introjs.css rename to pandora_console/include/styles/js/introjs.css diff --git a/pandora_console/include/styles/jquery-ui.min.css b/pandora_console/include/styles/js/jquery-ui.min.css similarity index 99% rename from pandora_console/include/styles/jquery-ui.min.css rename to pandora_console/include/styles/js/jquery-ui.min.css index 121f222ff1..86e93597f3 100644 --- a/pandora_console/include/styles/jquery-ui.min.css +++ b/pandora_console/include/styles/js/jquery-ui.min.css @@ -4,4 +4,6 @@ * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px * Copyright jQuery Foundation and other contributors; Licensed MIT */ +@import url(jquery-ui_custom.css); + .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} \ No newline at end of file diff --git a/pandora_console/include/styles/js/jquery-ui_custom.css b/pandora_console/include/styles/js/jquery-ui_custom.css new file mode 100644 index 0000000000..7908d6a9e3 --- /dev/null +++ b/pandora_console/include/styles/js/jquery-ui_custom.css @@ -0,0 +1,254 @@ + +@import url(calendar.css); + +/* --- JQUERY-UI --- */ +.ui-dialog .ui-dialog-titlebar { + background-color: #82b92e !important; +} + +/*center ui dialog center*/ +.ui-dialog-titlebar .ui-icon-closethick { + margin-top: -5px !important; +} +.ui-button-text-only .ui-button-text { + font-family: nunito; + font-size: 9pt; + color: #82B92E +} +.ui-datepicker .ui-datepicker-title *, .ui-datepicker th * { + color: white; +} +.ui-datepicker .ui-datepicker-title select, .ui-datepicker .ui-datepicker-title option { + color: #111 !important; +} +.ui-dialog .ui-dialog-titlebar { + display: inherit; + text-align: center; + padding: .4em 1em; + height: 30px; + position: relative; +} +.ui-dialog .ui-dialog-title { + font-family: Nunito, sans-serif; + margin: .1em 0 !important; + white-space: nowrap !important; + width: 100% !important; + overflow: hidden !important; + text-overflow: ellipsis !important; + font-size: 11pt; + position: relative; + top: 5px; + float: none !important; +} +.ui-dialog .ui-dialog-titlebar-close { + position: absolute !important; + right: 1em !important; + width: 21px !important; + margin: 0px 0 0 0 !important; + padding: 1px !important; + height: 20px !important; + bottom: 30% !important; + top: 20% !important; +} +.ui-dialog .ui-dialog-content { + position: relative !important; + border: 0; + padding: .5em 1em !important; + background: none !important; + overflow: auto !important; + margin-bottom: 1em; +} +.ui-dialog .ui-dialog-buttonpane { + text-align: left; + border-width: 1px 0 0 0; + background-image: none; + margin-top: .5em; + padding: .3em 1em .5em .4em; +} +.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { + float: right; +} +.ui-dialog .ui-dialog-buttonpane button { + margin: .5em 1em .5em 0 !important; + cursor: pointer !important; + background: white !important; + background-color: white !important; + border: 1px solid #82b92e !important; + height:30px !important; + width:90px !important; +} +.ui-widget-header .ui-icon { + background-image: url(../images/ui-icons_444444_256x240.png) !important; +} +.ui-icon, .ui-widget-content .ui-icon { + background-image: url(../images/ui-icons_444444_256x240.png) !important; +} +.ui-widget-content { + background: #ffffff url(../images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; +} +.ui-state-default, +.ui-widget-content .ui-state-default, +.ui-widget-header .ui-state-default { + margin-top: 3px; + border: 1px solid #d3d3d3 !important; + border-bottom:0 !important; + background: #e6e6e6 url(../images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x !important; + font-weight: normal !important; + color: #555555 !important; +} +.ui-corner-all, +.ui-corner-top, +.ui-corner-left, +.ui-corner-tl { + border-top-left-radius: 0 !important; +} +.ui-corner-all, +.ui-corner-top, +.ui-corner-right, +.ui-corner-tr { + border-top-right-radius: 0 !important; +} +.ui-corner-all, +.ui-corner-bottom, +.ui-corner-left, +.ui-corner-bl { + border-bottom-left-radius: 0 !important; +} +.ui-corner-all, +.ui-corner-bottom, +.ui-corner-right, +.ui-corner-br { + border-bottom-right-radius: 0 !important; +} +#ui-datepicker-div { + border-color: #B1B1B1; + background: #ffffff; +} +.ui-widget-header { + background: #B1B1B1 !important; + color: #ffffff !important; +} +.ui-datepicker-calendar th { + background-color: #3F3F3F; +} +.ui-dialog .ui-widget-header { + background-color: #82b92e; +} +.ui_tpicker_hour, +.ui_tpicker_minute, +.ui_tpicker_second, +.ui-slider-handle { + border: 1px solid #AAAAAA !important; +} +.ui-timepicker-div dd { + margin: 0px 15px 0px 15px ; +} +.ui-timepicker-div .ui-datepicker-title { + color: white; +} +.ui-datepicker-buttonpane button { + border-color: #B1B1B1 !important; +} +.ui-datepicker-buttonpane .ui-datepicker-current { + margin-left: 0.2em !important; +} +.ui-dialog .ui-widget-content { + border: 0px !important; +} +.ui-dialog { + box-shadow: 5px 5px 19px #4e4e4e; + border: 0px !important; + padding: 0 !important; +} +.ui-dialog-titlebar { + border: 0px !important; +} +.ui-dialog-titlebar .ui-icon-closethick, +.ui-dialog-titlebar .ui-state-default, +.ui-dialog-titlebar .ui-state-hover, +.ui-dialog-titlebar button { + background: transparent; + border: 0px; +} +.ui-dialog-titlebar .ui-icon-closethick { + background-image: url("../../../images/icono_cerrar.png") !important; +} +.ui-dialog-title { + color: #ffffff; + font-size: 9pt; +} +.ui-widget input, +.ui-widget select, +.ui-widget textarea, +.ui-widget button{ + font-family: Verdana,Arial,sans-serif !important; +} + +a.ui-button:active, .ui-button:active, +.ui-button.ui-state-active:hover, +.ui-state-focus .ui-widget-content, +.ui-state-focus .ui-widget-header, +.ui-state-focus .ui-button:hover, .ui-button:focus{ + background: transparent !important; + border: none !important; +} + +.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover{ + border: 1px solid #999999 !important; + border-bottom: 0 !important; + background: #dadada url(../images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x !important; +} + +.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{ + border: 1px solid #aaaaaa !important; + border-bottom: 0 !important; + background: #ffffff url(../images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x !important; + font-weight: normal !important; + color: #212121 !important; +} +.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{ + color: #212121 !important; +} + +ul.ui-front{ + z-index: 1000000 !important; + padding-right: 0px !important; +} + +ul.ui-front li{ + padding: 3px !important; +} + +ul.ui-front li:hover{ + background-color: #e1e3e1 !important; +} + +ul.ui-front li a.ui-menu-item-wrapper{ + background: transparent !important; + border: none !important; +} + +ul.ui-front li a.ui-menu-item-wrapper span{ + padding-left: 5px !important; +} + +ul.ui-front li a.ui-menu-item-wrapper:hover{ + text-decoration: none !important; +} + +input[type=submit].ui-button-dialog{ + margin: .5em 1em .5em 0 !important; + cursor: pointer !important; + background: white !important; + background-color: white !important; + color: #82b92e !important; + text-align: center !important; + border: 1px solid #82b92e !important; + height:30px !important; + width:90px !important; +} + + + + + diff --git a/pandora_console/include/javascript/jquery.contextMenu.css b/pandora_console/include/styles/js/jquery.contextMenu.css similarity index 100% rename from pandora_console/include/javascript/jquery.contextMenu.css rename to pandora_console/include/styles/js/jquery.contextMenu.css diff --git a/pandora_console/include/styles/login.css b/pandora_console/include/styles/login.css new file mode 100644 index 0000000000..fc7334ede2 --- /dev/null +++ b/pandora_console/include/styles/login.css @@ -0,0 +1,417 @@ +/* + * --------------------------------------------------------------------- + * - LOGIN STYLES - + * --------------------------------------------------------------------- + */ +h1#log_title { + font-size: 18px; + margin-bottom: 0px; + color: #FFF !important; + width:300px; +} + +div#log_msg { + display: none; +} + +div#error_buttons { + margin-top: 20px; +} + +div#error_buttons a{ + margin: 14px; +} + +#login_body { + /* Set rules to fill background */ + min-height: 100%; + min-width: 1200px; + width: 100%; + z-index: -9999; + position: absolute; + background-image: url("../../images/backgrounds/background_pandora_console_keys.jpg"); + background-repeat: repeat; +} + +/*@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/background_pandora_console_keys.jpg"); + background-repeat: repeat; + } +} +@media screen and (max-width: 1400px) { /* Specific to this particular image */ +/* #login_body { + background-image: url("../../images/backgrounds/background_pandora_console_keys.jpg"); + background-repeat: repeat; + } +} +@media screen and (max-width: 2000px) { /* Specific to this particular image */ +/* #login_body { + background-image: url("../../images/backgrounds/background_pandora_console_keys.jpg"); + background-repeat: repeat; + } +} +@media screen and (min-width: 2000px) { /* Specific to this particular image */ +/* #login_body { + background-image: url("../../images/backgrounds/background_pandora_console_keys.jpg"); + background-repeat: repeat; + } +}*/ + +p.log_in { + color: #FFF !important; + padding: 0px 10px; + width:300px; +} + +h1#log_f { + color: #c00; + border-bottom: 1px solid #c00; + padding-bottom: 3px; +} + +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-top: 10px; + margin-right: 7px; + text-align: center; + width: 20%; + float: right; +} + +div#login_f { + margin-top: 10px; + margin-bottom: 25px; +} + +#ver_num { + margin: 0px auto; + width: 100%; + position: absolute; + bottom: 10px; + color: #FFF; + text-align: center; +} + + + + +/* + * --------------------------------------------------------------------- + * - LOGIN PAGE - + * --------------------------------------------------------------------- + */ + +/* --- Login page - header --- */ +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; +} + +/* --- Login page - 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.20) !important; + 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.00) !important; + border:0px !important; + color:white !important; + border-radius: 0px; + width: 89%; + height: 40px; + font-size: 9pt; + padding: 0px !important; +} + +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 !important; + -webkit-text-fill-color: white !important; + 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) !important; + 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; + } +} + + +/* --- Login page - modal windows --- */ +div.content_alert{ + width: 98%; + margin-top: 20px; +} + +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.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 !important; + 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; +} \ No newline at end of file diff --git a/pandora_console/include/styles/menu.css b/pandora_console/include/styles/menu.css index 763604e51c..e751b3cb55 100644 --- a/pandora_console/include/styles/menu.css +++ b/pandora_console/include/styles/menu.css @@ -34,10 +34,7 @@ .menu li a { - /*background-color: inherit;*/ color: #FFFFFF; - /*font-weight: bold;*/ - /* This makes it so that the whole li is clickable */ text-decoration:none; } @@ -47,6 +44,7 @@ li:hover ul { display: block; } padding: 10.5px; margin-left: 0px; width: 100%; + color: #fff; } .menu li.subselected a{ @@ -247,3 +245,136 @@ ul li { ul li a:hover { color: #E2144A; } /* Hover Styles */ /*li ul li a { padding: 2px 5px; } Sub Menu Styles */ + + + +/* + * --------------------------------------------------------------------- + * - MAIN LEFT MENU and SUBMENU - + * --------------------------------------------------------------------- + */ +.menu li.selected { + 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: #585858 !important; +} +.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: #585858 !important; +} +.submenu_selected:hover{ + background-color: #585858 !important; +} +.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: #585858 !important; +} + +.menu li.selected { + box-shadow: inset 4px 0 #80BA27; +} +/* creo que no se usan +.is_submenu2 li { + background-color: #ff0000; +} + +.is_submenu2 { + background-color: #222222 !important; +} +*/ +.operation { + background-color: #333 !important; + border-top-right-radius: 5px; + border-right-style: solid; + border-right-width: 0px; +} + +.operation .selected { + background-color: #585858 !important; +} + +.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; +} + +.godmode, .menu_icon ul li{ + background-color: #222; +} +.operation .menu_icon ul li{ + background-color: #333; +} + +.godmode{ + border-top: 4px solid #777 !important; + padding-bottom: 4px !important; + border-bottom-right-radius: 5px; + border-right-style: solid; + border-right-width: 0px; +} \ No newline at end of file diff --git a/pandora_console/include/styles/pandora.css b/pandora_console/include/styles/pandora.css index ea6e92a956..d017455110 100644 --- a/pandora_console/include/styles/pandora.css +++ b/pandora_console/include/styles/pandora.css @@ -5,7 +5,7 @@ Description: The default Pandora FMS theme layout // Pandora FMS - http://pandorafms.com // ========================================================== -// Copyright (c) 2004-2011 Artica Soluciones Tecnológicas S.L +// Copyright (c) 2004-2019 Artica Soluciones Tecnológicas S.L // This program is free software; you can redistribute it and/or // modify it under the terms of the GNU General Public License @@ -21,9 +21,32 @@ Description: The default Pandora FMS theme layout */ /* Tree view styles */ -@import url(tree.css); -@import url(fixed-bottom-box.css); +/*@import url(tree.css); +@import url(fixed-bottom-box.css);*/ +/* + * --------------------------------------------------------------------- + * - GENERAL 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: 'lato-thin'; + src: url('../../fonts/Lato-Hairline.ttf'); +} +@font-face { + font-family: 'lato-bolder'; + src: url('../../fonts/Lato-Light.ttf'); +} +@font-face { + font-family: 'lato-boldest'; + src: url('../../fonts/Lato-Regular.ttf'); +} * { font-family: verdana, sans-serif; letter-spacing: 0.03pt; @@ -31,73 +54,33 @@ Description: The default Pandora FMS theme layout } svg * { font-size: 11pt; - } +} body { background-color: #FFF; margin: 0 auto; } - -div#page { - background: #FFF; - background-image: none; -} - -body.pure { - background-color: #fff; -} input, textarea { border: 1px solid #ddd; } -form { - margin-block-end: 0px -} - 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 !important; } - select { padding: 2px 3px 3px 3px; vertical-align: middle; -} -input.button { - font-family: Arial,Sans-serif; - border: 4px solid #ccc; - background: #fff; - 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; +input[type=submit], input[type=button] { + cursor: pointer; } h1, h2, h3, h4 { font-weight: bold; @@ -131,34 +114,337 @@ a:hover { color: #373737; text-decoration: underline; } +a:focus, input:focus, button:focus { + outline-width: 0; + outline: 0; +} +th > label { + padding-top: 7px; +} +input:disabled { + background-color: #DDD !important; +} +textarea:disabled { + background-color: #DDD !important; +} +select:disabled { + background-color: #DDD !important; +} +ul { + list-style-type: none; + padding-left: 0; + margin-left: 0; +} +code, pre { + font-family: courier, serif; +} +fieldset { + background-color:#F9FAF9; + border: 1px solid #E2E2E2; + padding:0.5em; + margin-bottom:20px; + position:relative; +} +fieldset legend { + font-size:1.1em; + font-weight:bold; + line-height: 20px; + color: #3F3F3F; +} +td input[type=checkbox]{ + padding: 10px; + margin-top: 2px; + display: table-cell; +} +input[type=image] { + border:0px; + background-color: transparent !important; +} +table, img { + border: 0px; +} +table pre{ + white-space: pre-wrap; +} +tr:first-child>th { + background-color: #373737; +} +th { + color: #fff; + background-color: #666; + font-size: 7.5pt; + letter-spacing: 0.3pt; +} + +/* --- Font ttf --- */ +@font-face +{ + font-family: 'DejaVuSerif-BoldFont'; + src: url('../fonts/DejaVuSerif-Bold.ttf') format('truetype'); +} + +.DejaVuSerif-Bold{ + font-family: DejaVuSerif-BoldFont; +} + +@font-face +{ + font-family: 'DejaVuSerif-BoldItalicFont'; + src: url('../fonts/DejaVuSerif-BoldItalic.ttf') format('truetype'); +} + +.DejaVuSerif-BoldItalic{ + font-family: DejaVuSerif-BoldItalicFont; +} + +@font-face +{ + font-family: 'DejaVuSerif-ItalicFont'; + src: url('../fonts/DejaVuSerif-Italic.ttf') format('truetype'); +} + +.DejaVuSerif-Italic{ + font-family: DejaVuSerif-ItalicFont; +} + +@font-face +{ + font-family: 'DejaVuSerifFont'; + src: url('../fonts/DejaVuSerif.ttf') format('truetype'); +} + +.DejaVuSerif{ + font-family: DejaVuSerifFont; +} + +@font-face +{ + font-family: 'DejaVuSerifCondensed-BoldFont'; + src: url('../fonts/DejaVuSerifCondensed-Bold.ttf') format('truetype'); +} + +.DejaVuSerifCondensed-Bold{ + font-family: DejaVuSerifCondensed-BoldFont; +} + +@font-face +{ + font-family: 'DejaVuSerifCondensed-BoldItalicFont'; + src: url('../fonts/DejaVuSerifCondensed-BoldItalic.ttf') format('truetype'); +} + +.DejaVuSerifCondensed-BoldItalic{ + font-family: DejaVuSerifCondensed-BoldItalicFont; +} + +@font-face +{ + font-family: 'DejaVuSerifCondensed-ItalicFont'; + src: url('../fonts/DejaVuSerifCondensed-Italic.ttf') format('truetype'); +} + +.DejaVuSerifCondensed-Italic{ + font-family: DejaVuSerifCondensed-ItalicFont; +} + +@font-face +{ + font-family: 'DejaVuSerifCondensedFont'; + src: url('../fonts/DejaVuSerifCondensed.ttf') format('truetype'); +} + +.DejaVuSerifCondensed{ + font-family: DejaVuSerifCondensedFont; +} + +@font-face +{ + font-family: 'FreeSansFont'; + src: url('../fonts/FreeSans.ttf') format('truetype'); +} + +.FreeSans{ + font-family: FreeSansFont; +} + +@font-face +{ + font-family: 'FreeSansBoldFont'; + src: url('../fonts/FreeSansBold.ttf') format('truetype'); +} + +.FreeSansBold{ + font-family: FreeSansBoldFont; +} + +@font-face +{ + font-family: 'smallfontFont'; + src: url('../fonts/smallfont.ttf') format('truetype'); +} + +.smallfont{ + font-family: smallfontFont; +} + +@font-face +{ + font-family: 'unicodeFont'; + src: url('../fonts/unicode.ttf') format('truetype'); +} + +@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'); +} +.unicode{ + font-family: unicodeFont; +} + +/* + * --------------------------------------------------------------------- + * - GLOBAL STYLES - + * --------------------------------------------------------------------- + */ +div#page { + background: #FFF; + background-image: none; + clear: both; + width: auto; +} + +body.pure { + background-color: #fff; +} + +div#container { + margin: 0 auto; + min-width: 960px; + text-align: left; + height: 100%; + background: #FFF; + width: 100%; +} + +div#main { + width: auto; + margin: 0px 0% 0px 0%; + float: left; + position: relative; + min-height: 850px; + margin-left:60px; + max-width: 93%; + min-width: 93%; +} + +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.button { + font-family: Arial,Sans-serif; + border: 4px solid #ccc; + background: #fff; + padding: 2px 3px; + margin: 10px 15px; +} + 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 !important; - width:300px; -} -div#log_msg { - display: none; -} -div#error_buttons { - margin-top: 20px; -} -div#error_buttons a{ - margin: 14px; + +.img_help { + cursor: help; } +#loading { + position:fixed; + width: 200px; + margin-left: 30%; + text-align:center; + top: 50%; + background-color: #999999; + padding: 20px; +} + +.tactical_set legend{ + text-align:left; + color: #3F3F3F; +} + +.tactical_set{ + background: #FFF; + border: 1px solid #E2E2E2; + margin-left: auto; + margin-right: auto; + width: auto; +} + +/* --- Botones --- */ +input.sub { + font-weight: normal; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; + font-size: 8pt; + background-color: #333 !important; + background-repeat: no-repeat !important; + background-position: 92% 3px !important; + color: white !important; + padding: 3px 3px 5px 12px; + border-color: #333; +} + +input.sub[disabled] { + color: #B4B4B4 !important; + background-color: #F3F3F3 !important; + border-color: #B6B6B6; + cursor: default; +} + +/* + * --------------------------------------------------------------------- + * - NO ACCESS PAGE - noaccess2.php - + * --------------------------------------------------------------------- + */ #noaccess { position: relative; margin-top:25px; @@ -199,7 +485,7 @@ div#error_buttons a{ float:left; } -div#activity{ +/*div#activity{ padding-top: 0px; padding-bottom: 18px; } @@ -221,30 +507,14 @@ div#db_f { 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: #FFF; -} -div#page { - width: 960px; - clear: both; -} -div#main { - width: auto; - margin: 0px 0% 0px 0%; - float: left; - position: relative; - min-height: 850px; - margin-left:60px; -} +}*/ + + +/* + * --------------------------------------------------------------------- + * - HELP DIALOG - login_help_dialog.php and pandora_help.php - + * --------------------------------------------------------------------- + */ div#main_help { width: 100%; } @@ -283,11 +553,6 @@ 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; @@ -301,6 +566,33 @@ div#main_help div.databox p{ text-align: justify; } +/* + * --------------------------------------------------------------------- + * - FOOTER - + * --------------------------------------------------------------------- + */ +a.footer, a.footer span{ + font-size: 9px; + color: white; +} + +div#foot { + font-size: 6pt !important; + border-top: solid 2px #222; + padding-top: 8px; + padding-bottom: 5px; + text-align: center; + background: #333333; + height: 30px; + clear: both; + width: auto; +} + +/* + * --------------------------------------------------------------------- + * - HEADER AND LEFT MENU STYLES - + * --------------------------------------------------------------------- + */ div#menu_container { -moz-border-top-right-radius: 6px; -webkit-border-top-right-radius: 6px; @@ -339,255 +631,12 @@ div#head { width: 100%; } -div#foot { - font-size: 6pt !important; - 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: 'lato-thin'; - src: url('../../fonts/Lato-Hairline.ttf'); -} -@font-face { - font-family: 'lato-bolder'; - src: url('../../fonts/Lato-Light.ttf'); -} -@font-face { - font-family: 'lato-boldest'; - src: url('../../fonts/Lato-Regular.ttf'); -} - - -#login_body { - /* Set rules to fill background */ - min-height: 100%; - min-width: 1200px; - 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/background_pandora_console_keys.jpg"); - background-repeat: repeat; - } -} -@media screen and (max-width: 1400px) { /* Specific to this particular image */ - #login_body { - background-image: url("../../images/backgrounds/background_pandora_console_keys.jpg"); - background-repeat: repeat; - } -} -@media screen and (max-width: 2000px) { /* Specific to this particular image */ - #login_body { - background-image: url("../../images/backgrounds/background_pandora_console_keys.jpg"); - background-repeat: repeat; - } -} -@media screen and (min-width: 2000px) { /* Specific to this particular image */ - #login_body { - background-image: url("../../images/backgrounds/background_pandora_console_keys.jpg"); - background-repeat: repeat; - } -} - -p.log_in { - color: #FFF !important; - padding: 0px 10px; - width:300px; -} - -h1#log_f { - color: #c00; - border-bottom: 1px solid #c00; - padding-bottom: 3px; -} - -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 !important; - border: 0px none; - background-image: url("../../images/input_go.png") !important; - padding-right: 25px !important; -} - -.login_page{ - height: 200px; - padding-top: 10%; - text-align: center; - width: 100%; - position: absolute; -} - -input.next_login { - padding-right: 12px !important; - padding-left: 12px !important; - height: 23px; - text-align: center; - font-weight: 600 !important; - letter-spacing: 0.5pt; - font-size: 12px !important; - border-radius: 3px !important; -} - -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 !important; - - letter-spacing: 0.3pt; -} - -input.login_user { - - color: #373737 !important; - padding-left: 8px; - width: 179px; - color: #222; - height: 18px; -} - -input.login_password { - - padding-left: 8px; - width: 179px; - color: #222; - height: 20px; -} -*/ -.databox_error { +/*.databox_error { width: 657px !important; height: 400px; border: none !important; @@ -595,63 +644,24 @@ input.login_password { 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 { +/*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 !important; - background-repeat: no-repeat !important; - background-position: 92% 3px !important; - - color: white !important; - padding: 3px 3px 5px 12px; - - border-color: #333; -} - -input.sub[disabled] { - color: #B4B4B4 !important; - background-color: #F3F3F3 !important; - border-color: #B6B6B6; - cursor: default; -} +/* + * --------------------------------------------------------------------- + * - VISUAL MAPS - + * --------------------------------------------------------------------- + */ input.vs_button_ghost{ background-color: transparent !important; border: 1px solid #82b92e; @@ -667,17 +677,6 @@ input.percentile, input.binary, input.camera, input.config, input.cancel, input.default, input.filter, input.pdf,input.spinn { padding-right: 30px; height: 23px; - -} - -input:disabled { - background-color: #DDD !important; -} -textarea:disabled { - background-color: #DDD !important; -} -select:disabled { - background-color: #DDD !important; } input.next { @@ -900,28 +899,12 @@ div#cont { overflow-x: hidden; } -.termframe{ +/*.termframe{ background-color: #80BA27 !important; -} +}*/ -table, img { - border: 0px; -} -table pre{ - white-space: pre-wrap; -} -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.datos, tr.datost, tr.datosb , tr.datos_id, tr.datosf9 { #background-color: #eaeaea; } @@ -935,19 +918,20 @@ 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; +}*/ + +/* + * --------------------------------------------------------------------- + * - REPORTS - + * --------------------------------------------------------------------- + */ +.agent_reporting { + margin: 5px; + padding: 5px; } -/* 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; +.report_table, .agent_reporting { + border: #CCC outset 3px; } td.datos3, td.datos3 * { @@ -962,14 +946,16 @@ td.datos4, td.datos4 * { color: white !important; } -td.datos_id { +/*td.datos_id { color: #1a313a; -} +}*/ +/* user list php */ tr.disabled_row_user * { color: grey; } +/* global syles */ .bg { /* op menu */ background: #82b92e; } @@ -1062,7 +1048,7 @@ tr.disabled_row_user * { color: #5AB7E5; font-weight: bold; } -.redb, .greenb, td.datos_id, td.datos2_id, f9b { +.redb, .greenb, td.datos_id, td.datos2_id { font-weight: bold; } .p10 { @@ -1130,15 +1116,21 @@ div.title_line { } +/* + * --------------------------------------------------------------------- + * - RIGHT MENU SECTION - + * --------------------------------------------------------------------- + */ #menu_tab_frame, #menu_tab_frame_view { display: block !important; border-bottom: 1px solid #80BA27; -/* float:left; */ - margin-left: 0px !important; max-height: 31px; min-height: 31px; - padding-right: 28px; width: 100%; + padding-right: 0px; + margin-left: 0px !important; + margin-bottom: 20px; + height: 31px; } #menu_tab { @@ -1155,28 +1147,6 @@ div.title_line { 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; @@ -1187,7 +1157,6 @@ div.title_line { } #menu_tab li.nomn_high a { - /*background: #82b92e;*/ color: #fff; } #menu_tab .mn li a { @@ -1197,12 +1166,8 @@ div.title_line { margin: 0px; } #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; @@ -1212,6 +1177,64 @@ div.title_line { min-width: 30px; height: 28px; } + + +/* --- Submenu --- */ +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 !important; +} + +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; +} + +.subsubmenu{ + position: absolute; + float: right; + z-index: 9999; + display: none; + margin-top: 5px !important ; + left: 0px !important; +} +.subsubmenu li{ + margin-top: 0px !important ; +} + +div#agent_wizard_subtabs { + position: absolute; + margin-left: 0px; + display: none; + padding-bottom: 3px; + z-index: 1000; +} + +.agent_wizard_tab:hover { + cursor: default; +} + + +/* + * --------------------------------------------------------------------- + * - SECTION TITLE LEFT (green background) - + * --------------------------------------------------------------------- + */ /* TAB TITLE */ #menu_tab_left { margin-left: 0px !important; @@ -1265,11 +1288,6 @@ div.title_line { height: 24px; } -#menu_tab_frame *, #menu_tab_frame_view *{ - #margin: 0px 0px 0px 0px !important; -} - - #menu_tab_left li a, #menu_tab_left li span { text-transform: uppercase; color: #fff; @@ -1280,6 +1298,8 @@ div.title_line { font-weight: bold; } + +/* span.users { background: url(../../images/group.png) no-repeat; } @@ -1343,10 +1363,12 @@ span.inventory_server { 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.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 { @@ -1359,8 +1381,14 @@ span.rmess, span.nrmess { margin-left: 14px; padding: 1px 0px 10px 30px; display: block; -} +}*/ + /* New styles for data box */ +/* + * --------------------------------------------------------------------- + * - TABLES - + * --------------------------------------------------------------------- + */ .databox, .databox_color, .databox_frame { margin-bottom: 5px; margin-top: 0px; @@ -1373,6 +1401,7 @@ span.rmess, span.nrmess { } .databox_color{ padding-top: 5px; + background-color: #fafafa; } table.databox { @@ -1395,9 +1424,6 @@ table.databox { font-weight: normal; color: #fff; } -.databox>td { - #border-bottom: 1px solid #E2E2E2; -} .databox>th * { color: #fff; @@ -1442,21 +1468,9 @@ table.databox { color: #333; } -.tactical_set legend{ - text-align:left; - color: #3F3F3F; -} - -.tactical_set{ - background: #FFF; - border: 1px solid #E2E2E2; - margin-left: auto; - margin-right: auto; - width: auto; -} /* For use in Netflow */ - +/* table.databox_grid { margin: 25px; } @@ -1471,8 +1485,9 @@ table.databox_grid>td { border-bottom: 1px solid #acacac; border-right: 1px solid #acacac; } +*/ - +/* events */ table.alternate tr:nth-child(odd) td{ background-color: #ffffff; } @@ -1487,10 +1502,7 @@ table.rounded_cells td { border-radius: 6px !important; } -.databox_color { - background-color: #fafafa; -} -#head_l { +/*#head_l { float: left; margin: 0; padding: 0; @@ -1505,8 +1517,8 @@ table.rounded_cells td { position: absolute; padding-top: 6px; padding-left: 12em; -} -span#logo_text1 { +}*/ +/*span#logo_text1 { font: bolder 3em Arial, Sans-serif; letter-spacing: -2px; color: #eee; @@ -1533,13 +1545,13 @@ div#logo_text3 { } .bt0 { border-top: 0px; -} +}*/ .action-buttons { text-align: right; } -#table-add-item select, #table-add-sla select { +/*#table-add-item select, #table-add-sla select { width: 180px; -} +}*/ /* end of classes for event priorities */ div#main_pure { @@ -1553,13 +1565,13 @@ div#main_pure { width: 98%; position: static; } -#table-agent-configuration radio { +/*#table-agent-configuration radio { margin-right: 40px; -} +}*/ .ui-draggable { cursor:move; } -#layout_trash_drop { +/*#layout_trash_drop { float: right; width: 300px; height: 180px; @@ -1571,26 +1583,10 @@ div#main_pure { #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 !important; @@ -1625,33 +1621,23 @@ div#main_pure { 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! important; } -code, pre { - font-family: courier, serif; -} select#template, select#action { width: 250px; } -#label-checkbox-matches_value, +/*#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 !important; -} +}*/ + +/* Modules */ table#simple{ padding: 30px; } @@ -1779,22 +1765,6 @@ ol.steps li.visited { color: #999 !important; } -fieldset { - background-color:#F9FAF9; - 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; } @@ -1962,19 +1932,6 @@ div.warn { min-height: 35px !important; } -/* 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; } @@ -1982,18 +1939,11 @@ div#steps_clean { display:none; } -#menu_tab_frame, #menu_tab_frame_view { - width: 100%; - padding-right: 0px; - margin-left: 0px !important; - margin-bottom: 20px; - height: 31px; -} div#events_list { float: left; width: 100%; } -span#logo_text1 { +/*span#logo_text1 { font: bolder 3em Arial, Sans-serif; letter-spacing: -2px; color: #eee; @@ -2012,7 +1962,7 @@ div#logo_text3 { margin-top: 0px; margin-left: 4px; padding-top: 0px; -} +}*/ .pagination { margin-top: 15px; margin-bottom: 5px; @@ -2023,77 +1973,9 @@ div#logo_text3 { vertical-align: middle; } -/*CALENDAR TOOLTIP STYLE*/ - -/* Calendar background */ -table.scw { - background-color: #82b92e; - border: 0 !important; - border-radius: 4px; -} - -/* Week number heading */ -td.scwWeekNumberHead { - color: #111; -} - -td.scwWeek { - color: #111 !important; -} - - Today selector -td.scwFoot { - background-color: #daedae; - color: #111; -} - -td.scwFootDisabled { - background-color: #000; - color: #FFFFFF; -} - -tfoot.scwFoot { - color: #111; -} - -.scwFoot :hover{ - color: #3F3F3F !important; -} - -table.scwCells { - background-color: #fff !important; - color: #3c3c3c !important; -} - -table.scwCells:hover { - background-color: #fff !important; -} - -td.scwCellsExMonth { - background-color: #eee !important; - color: #3c3c3c !important; -} - -td.scwCellsWeekend { - background-color: #3c3c3c !important; - color: #fff !important; - border: 0 !important; -} - -td.scwInputDate { - background-color: #777 !important; - color: #ffffff !important; - border: 0 !important; -} - -td.scwFoot { - background-color: #fff !important; - color: #3c3c3c !important; - border: 0 !important; -} - +/* TABLAS */ /* Cells divs to set individual styles with the table objects */ div.cellBold { width: 100%; @@ -2201,13 +2083,12 @@ div.cellBig { /* Standard styles for status colos (groups, events, backgrounds...) */ .opacity_cell { - filter:alpha(opacity=80); + filter:alpha(opacity=80); /* For IE8 and earlier */ -moz-opacity: 0.8; opacity: 0.8; -khtml-opacity: 0.8; } - tr.group_view_data, .group_view_data { color: #3F3F3F; } @@ -2217,9 +2098,6 @@ tr.group_view_crit, .group_view_crit { color: #fff; } -tr.group_view_norm, .group_view_norm, tr.group_view_normal, .group_view_normal { - #background-color: #ffffff; -} tr.group_view_ok, .group_view_ok { background-color: #80BA27; color: #fff; @@ -2294,137 +2172,8 @@ td.datos_greyf9, td.datos_bluef9, td.datos_greenf9, td.datos_redf9, td.datos_yel 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: #585858 !important; -} -.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: #585858 !important; -} -.submenu_selected:hover{ - background-color: #585858 !important; -} -.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: #585858 !important; -} - -.submenu_text { - color: #fff; -} - -.menu li.selected { - box-shadow: inset 4px 0 #80BA27; -} - -li.links a:hover { - #font-weight: bold; -} - -.is_submenu2 li { - background-color: #ff0000; -} - -.is_submenu2 { - background-color: #222222 !important; -} - -.operation { - background-color: #333 !important; -} - -.operation .selected { - background-color: #585858 !important; -} - -.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; - -} +/* global */ input#text-id_parent.ac_input, input, textarea, select { background-color: #ffffff !important; border: 1px solid #cbcbcb; @@ -2433,13 +2182,20 @@ input#text-id_parent.ac_input, input, textarea, select { border-radius: 3px; } +/* plugins */ span#plugin_description { font-size: 9px; } -/*FOR TINYMCE*/ + +/* + * --------------------------------------------------------------------- + * - TINYMCE - + * --------------------------------------------------------------------- + */ #tinymce { text-align: left; + padding-top:20px; } .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 !important; @@ -2554,7 +2310,12 @@ span#plugin_description { line-height: 36pt; } -/*SIDEBAR*/ + +/* + * --------------------------------------------------------------------- + * - LEFT SIDEBAR IN GRAPHS POPUP - stat_win.php - + * --------------------------------------------------------------------- + */ .menu_sidebar { color:#111; background: #3f3f3f; @@ -2614,7 +2375,7 @@ span#plugin_description { } /*Groupsview*/ - +/* .groupsview { border-spacing: 0px 4px; } @@ -2646,7 +2407,13 @@ span#plugin_description { -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; } +*/ +/* + * --------------------------------------------------------------------- + * - TIP (to show help) - + * --------------------------------------------------------------------- + */ a.tip { display: inline !important; cursor: help; @@ -2657,6 +2424,11 @@ a.tip>img { margin-right: 2px; } +/* + * --------------------------------------------------------------------- + * - SEARCH BOX in header - + * --------------------------------------------------------------------- + */ input.search_input { background: white url('../../images/input_zoom.png') no-repeat right; padding: 0px; @@ -2670,23 +2442,17 @@ input.search_input { color: #999; } -.vertical_fields td input, .vertical_fields td select { +/*.vertical_fields td input, .vertical_fields td select { margin-top: 8px !important; -} +}*/ a[id^='tgl_ctrl_']>img, a[id^='tgl_ctrl_']>b>img{ vertical-align:middle; } -.noshadow { - -moz-box-shadow: 0px !important; - -webkit-box-shadow: 0px !important; - box-shadow: 0px !important; -} - /* Images forced title */ -DIV.forced_title_layer { +div.forced_title_layer { display: block; text-decoration: none; position: absolute; @@ -2744,9 +2510,6 @@ div.nodata_container { position: absolute; top:0; right:20px; - - #background-color: #fff; - #padding: 10px; } #rmf_data { @@ -2756,50 +2519,10 @@ div.nodata_container { top:0; right:20px; overflow: auto; - - #background-color: #fff; - #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 !important; -} - -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; -} +/* service map */ #container_servicemap_legend { position: absolute; width: 200px; @@ -2820,6 +2543,7 @@ div#agent_wizard_subtabs { display: none; } +/* agent modules*/ .legend_square { width: 20px; padding-left: 20px; @@ -2940,7 +2664,6 @@ table.alert_escalation th img { td.used_field { - #border: solid #6EB432; background: #6EB432 !important; color: #FFFFFF; font-weight: bold; @@ -3010,24 +2733,18 @@ table#policy_modules td * { vertical-align: middle; } -.center_align { - text-align: center; -} -.left_align { - text-align: left; -} - -.right_align { - text-align: right; -} - -.saml_button { +/*.saml_button { float: left; position: fixed; vertical-align: middle; -} +}*/ +/* + * --------------------------------------------------------------------- + * - TACTICAL VIEW y TABLAS - + * --------------------------------------------------------------------- + */ .status_tactical{ width: 100%; margin-left: auto; @@ -3146,18 +2863,6 @@ div.div_groups_status{ background: none !important ; } -.subsubmenu{ - position: absolute; - float: right; - z-index: 9999; - display: none; - margin-top: 5px !important ; - left: 0px !important; -} -.subsubmenu li{ - margin-top: 0px !important ; -} - .agents_modules_table{ border: 1px solid #E2E2E2; border-spacing: 0px; @@ -3220,20 +2925,7 @@ div.div_groups_status{ text-align: left !important; } -.godmode, .menu_icon ul li{ - background-color: #222; -} -.operation .menu_icon ul li{ - background-color: #333; -} -.godmode{ - border-top: 4px solid #777 !important; - padding-bottom: 4px !important; - border-bottom-right-radius: 5px; - border-right-style: solid; - border-right-width: 0px; -} .green_title{ background-color: #82B92E; @@ -3311,7 +3003,7 @@ div.div_groups_status{ /* * --------------------------------------------------------------------- - * - Styles for the new networkmap - + * - Styles for the new networkmap - * --------------------------------------------------------------------- */ .zoom_controller { @@ -3325,8 +3017,6 @@ div.div_groups_status{ position: absolute; } - - .vertical_range { padding: 0; -webkit-transform: rotate(270deg); @@ -3337,9 +3027,7 @@ div.div_groups_status{ position: relative; background: transparent !important; border: 0px !important; -} -.vertical_range { left: -92px; top: 93px; } @@ -3354,7 +3042,7 @@ div.div_groups_status{ } } -.home_zoom { +/*.home_zoom { top: 310px; left: 10px; @@ -3444,8 +3132,13 @@ div.div_groups_status{ vertical-align: middle; margin: 1px; } +*/ -/* Visual map */ +/* + * --------------------------------------------------------------------- + * - VISUAL MAPS - + * --------------------------------------------------------------------- + */ div#vc-controls { position: fixed; top: 30px; @@ -3474,164 +3167,22 @@ div.simple_value > a > span.text p white-space: pre; } -/* Visual map */ - -/* jQuery dialog */ -.no-close .ui-dialog-titlebar-close { - display: none; -} -/* jQuery dialog */ +/* + * --------------------------------------------------------------------- + * - EVENTS - + * --------------------------------------------------------------------- + */ /* Image open dialog in group events by agents*/ #open_agent_groups { cursor: pointer; } -/*Font ttf */ -@font-face -{ - font-family: 'DejaVuSerif-BoldFont'; - src: url('../fonts/DejaVuSerif-Bold.ttf') format('truetype'); -} - -.DejaVuSerif-Bold{ - font-family: DejaVuSerif-BoldFont; -} - -@font-face -{ - font-family: 'DejaVuSerif-BoldItalicFont'; - src: url('../fonts/DejaVuSerif-BoldItalic.ttf') format('truetype'); -} - -.DejaVuSerif-BoldItalic{ - font-family: DejaVuSerif-BoldItalicFont; -} - -@font-face -{ - font-family: 'DejaVuSerif-ItalicFont'; - src: url('../fonts/DejaVuSerif-Italic.ttf') format('truetype'); -} - -.DejaVuSerif-Italic{ - font-family: DejaVuSerif-ItalicFont; -} - -@font-face -{ - font-family: 'DejaVuSerifFont'; - src: url('../fonts/DejaVuSerif.ttf') format('truetype'); -} - -.DejaVuSerif{ - font-family: DejaVuSerifFont; -} - -@font-face -{ - font-family: 'DejaVuSerifCondensed-BoldFont'; - src: url('../fonts/DejaVuSerifCondensed-Bold.ttf') format('truetype'); -} - -.DejaVuSerifCondensed-Bold{ - font-family: DejaVuSerifCondensed-BoldFont; -} - -@font-face -{ - font-family: 'DejaVuSerifCondensed-BoldItalicFont'; - src: url('../fonts/DejaVuSerifCondensed-BoldItalic.ttf') format('truetype'); -} - -.DejaVuSerifCondensed-BoldItalic{ - font-family: DejaVuSerifCondensed-BoldItalicFont; -} - -@font-face -{ - font-family: 'DejaVuSerifCondensed-ItalicFont'; - src: url('../fonts/DejaVuSerifCondensed-Italic.ttf') format('truetype'); -} - -.DejaVuSerifCondensed-Italic{ - font-family: DejaVuSerifCondensed-ItalicFont; -} - -@font-face -{ - font-family: 'DejaVuSerifCondensedFont'; - src: url('../fonts/DejaVuSerifCondensed.ttf') format('truetype'); -} - -.DejaVuSerifCondensed{ - font-family: DejaVuSerifCondensedFont; -} - -@font-face -{ - font-family: 'FreeSansFont'; - src: url('../fonts/FreeSans.ttf') format('truetype'); -} - -.FreeSans{ - font-family: FreeSansFont; -} - -@font-face -{ - font-family: 'FreeSansBoldFont'; - src: url('../fonts/FreeSansBold.ttf') format('truetype'); -} - -.FreeSansBold{ - font-family: FreeSansBoldFont; -} - -@font-face -{ - font-family: 'smallfontFont'; - src: url('../fonts/smallfont.ttf') format('truetype'); -} - -.smallfont{ - font-family: smallfontFont; -} - -@font-face -{ - font-family: 'unicodeFont'; - src: url('../fonts/unicode.ttf') format('truetype'); -} - -@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'); -} - -.unicode{ - font-family: unicodeFont; -} - +/* + * --------------------------------------------------------------------- + * - modal window and edit user - + * --------------------------------------------------------------------- + */ #alert_messages{ -moz-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; @@ -3710,11 +3261,11 @@ div.simple_value > a > span.text p .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; + 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; @@ -3722,49 +3273,57 @@ div.simple_value > a > span.text p -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; + 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; + 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-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; + 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-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; + 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; } .modaldeletebutton{ 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; + 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-left:45px; @@ -3772,87 +3331,108 @@ div.simple_value > a > span.text p -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-bottom:30px; - border-radius: 3px;width:90px;height:30px;background-color:white;border: 1px solid #FA5858; + border-radius: 3px; + width:90px; + height:30px; + background-color:white; + border: 1px solid #FA5858; } .modaldeletebuttontext{ 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:#FA5858;font-family:Nunito;font-size:10pt;position:relative;top:6px; + 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:#FA5858; + font-family:Nunito; + font-size:10pt; + position:relative;top:6px; } .modaldeletebutton:hover .modaldeletebuttontext { - transition-property: background-color, color; + 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; + 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; } .modaldeletebutton:hover { - transition-property: background-color, color; + 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:#FA5858; + 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:#FA5858; } .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; + 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; + 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-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; + 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-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; + 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; } - +/* update manager online */ #opacidad{ opacity:0; transition: opacity 3s; @@ -3887,6 +3467,8 @@ color:#82b92e;font-family:Nunito;font-size:10pt;position:relative;top:6px; font-size:18pt; } + +/* global */ .readonly{ background-color: #dedede !important; } @@ -3908,10 +3490,6 @@ color:#82b92e;font-family:Nunito;font-size:10pt;position:relative;top:6px; border-width:0px 0px 0px 0px; } -#tinymce{ - padding-top:20px; -} - #filter_event_status, #filter_event_severity, #filter_event_type { @@ -3965,321 +3543,12 @@ color:#82b92e;font-family:Nunito;font-size:10pt;position:relative;top:6px; border-bottom-style: solid; } -/* - 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.20) !important; - 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.00) !important; - border:0px !important; - color:white !important; - border-radius: 0px; - width: 89%; - height: 40px; - font-size: 9pt; - padding: 0px !important; -} - - -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 !important; - -webkit-text-fill-color: white !important; - 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) !important; - 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; - } -} - - -/*modal windows login*/ -div.content_alert{ - width: 98%; - margin-top: 20px; -} - -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.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 !important; - 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 !important; -} - -/* - styles help pandora -*/ + * --------------------------------------------------------------------- + * - HELP MODAL WINDOWS - pandora_help.php - + * --------------------------------------------------------------------- + */ div#main_help_new { text-align: center; @@ -4323,17 +3592,18 @@ div#footer_help{ padding: 10px; } -/*center ui dialog center*/ -.ui-dialog-titlebar .ui-icon-closethick { - margin-top: -5px !important; -} +/* EVENTS - /ajax/events.php */ /*view-agents lastest events for this agent*/ #div_all_events_24h{ padding: 4px; } -/*styles graph conteiner*/ +/* + * --------------------------------------------------------------------- + * - REPORTS - graph_container.php - + * --------------------------------------------------------------------- + */ .graph_conteiner_inside > .parent_graph{ width: 100% !important; } @@ -4354,15 +3624,16 @@ div#footer_help{ background-size: 120px 80px !important; } +/* + * --------------------------------------------------------------------- + * - WUX VIEW - + * --------------------------------------------------------------------- + */ #mssg_error_div{ color: red; font-size: 12px; } -/* -* View WUX -*/ - .wux_global_result_container{ width: 100%; margin-top: 30px; @@ -4574,150 +3845,8 @@ form ul.form_flex li ul li{ } -#main_cluster { - max-width:1770px; - margin:0 auto; -} - -.sub_cluster_1 { - width:400px; - float: left; - margin-left: 30px; - margin-bottom: 25px; - vertical-align: top; - border:1px solid #e7e9ea; - height:150px; - -} - -.sub_cluster_2 { - width:833px; - float: left; - margin-left: 30px; - margin-bottom: 25px; - vertical-align: top; - border:1px solid #e7e9ea; - height:150px; -} - -.sub_cluster_header { - width:100%; - height: 30px; - background-color: #373737; - color:white; - text-align:center; - font-size: 9pt; - display: flex; - justify-content: center; - align-content: center; - flex-direction: column; -} - -.sub_cluster_body { - width:100%; - height: 120px; - background-color: #f9faf9; - display: flex; - justify-content: center; - align-content: center; - flex-direction: column; -} - -.sub_cluster_body_3 { - width:100%; - height: 120px; - background-color: #f9faf9; - overflow-y: scroll; -} - -#cluster_map { - border:1px solid lightgray; - width:900px; - height:500px; - float: left; - margin-bottom: 30px; -} - -#cluster_status_content { - width: 90%; - height:30px; - margin:0px auto; -} - -#cluster_status_bar { - width: 85%; - height:100%; - float:left; -} - -.status_animation { - width: 1%; - height:100%; - left:0%; - background-color: red; - position:relative; -} - -#cluster_status_button { - float:left; - width:10%; - margin-left:5%;; -} - -#last_contact_content{ - width: 90%; - height:60px; - margin:0px auto; -} - - - -#last_contact_clock { - width: 15%; - height:100%; - float:left; -} - -#last_contact_date { - float:left; - height:60px; - width:80%; - margin-left:5%; - text-align:center; - display: flex; - justify-content: center; - align-content: center; - flex-direction: column; -} - -#last_contact_date_text { - font-size:14pt; -} - - -.balanced_module_item { - float:left; - margin-top: 11.5px; - margin-left: 5%; - height: 25px; - width:90%; -} - -.module_icon { - float:left; - width:10%; -} - -.modal_module_list { - float:left; - width: 90%; - height:100%; - display: flex; - justify-content: center; - align-content: center; - flex-direction: column; -} +/* snmp */ #snmp_data { background: #f9faf9; } @@ -4725,12 +3854,15 @@ form ul.form_flex li ul li{ border: 0px; } +/* library for graphs */ .yAxis.y1Axis > .tickLabel { white-space: nowrap; line-height: 1.05em!important; width: auto!important; } + +/* dialog */ .pandora_confirm_dialog .ui-dialog-buttonset { display: flex; width: 100%; @@ -4760,6 +3892,7 @@ form ul.form_flex li ul li{ background: #373737 !important; } +/* GIS MAP */ a.down_arrow { content: url("../../images/down.png"); max-width: 21px; @@ -4777,6 +3910,7 @@ tr:last-child > td > a.down_arrow, tr:first-child > td > a.up_arrow { visibility: hidden; } +/* system group status */ .group_modules_status_box>tbody>tr>td{ border-bottom: 1px solid #E2E2E2; border-collapse: collapse; @@ -4795,6 +3929,7 @@ tr:last-child > td > a.down_arrow, tr:first-child > td > a.up_arrow { line-height: 20px; } +/* extensions -> module groups */ .tooltip_counters h3{ font-size: 12pt; padding-bottom: 10px !important; @@ -4815,7 +3950,11 @@ tr:last-child > td > a.down_arrow, tr:first-child > td > a.up_arrow { margin-right: 5px; } -/* Message list popup */ +/* + * --------------------------------------------------------------------- + * - MESSAGE LIST POPUP - + * --------------------------------------------------------------------- + */ div#dialog_messages table th { text-align: left; } @@ -4824,236 +3963,10 @@ div#dialog_messages table th:last-child { text-align: right; } -/* --- JQUERY-UI --- */ -.ui-button-text-only .ui-button-text { - font-family: nunito; - font-size: 9pt; - color: #82B92E -} -.ui-datepicker .ui-datepicker-title *, .ui-datepicker th * { - color: white; -} -.ui-datepicker .ui-datepicker-title select, .ui-datepicker .ui-datepicker-title option { - color: #111 !important; -} -.ui-dialog .ui-dialog-titlebar { - display: inherit; - text-align: center; - padding: .4em 1em; - height: 30px; - position: relative; -} -.ui-dialog .ui-dialog-title { - font-family: Nunito, sans-serif; - margin: .1em 0 !important; - white-space: nowrap !important; - width: 100% !important; - overflow: hidden !important; - text-overflow: ellipsis !important; - font-size: 11pt; - position: relative; - top: 5px; - float: none !important; -} -.ui-dialog .ui-dialog-titlebar-close { - position: absolute !important; - right: 1em !important; - width: 21px !important; - margin: 0px 0 0 0 !important; - padding: 1px !important; - height: 20px !important; - bottom: 30% !important; - top: 20% !important; -} -.ui-dialog .ui-dialog-content { - position: relative !important; - border: 0; - padding: .5em 1em !important; - background: none !important; - overflow: auto !important; - margin-bottom: 1em; -} -.ui-dialog .ui-dialog-buttonpane { - text-align: left; - border-width: 1px 0 0 0; - background-image: none; - margin-top: .5em; - padding: .3em 1em .5em .4em; -} -.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { - float: right; -} -.ui-dialog .ui-dialog-buttonpane button { - margin: .5em 1em .5em 0 !important; - cursor: pointer !important; - background: white !important; - background-color: white !important; - border: 1px solid #82b92e !important; - height:30px !important; - width:90px !important; -} -.ui-widget-content { - background: #ffffff url(include/styles/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; -} -.ui-state-default, -.ui-widget-content .ui-state-default, -.ui-widget-header .ui-state-default { - margin-top: 3px; - border: 1px solid #d3d3d3 !important; - border-bottom:0 !important; - background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x !important; - font-weight: normal !important; - color: #555555 !important; -} -.ui-corner-all, -.ui-corner-top, -.ui-corner-left, -.ui-corner-tl { - border-top-left-radius: 0 !important; -} -.ui-corner-all, -.ui-corner-top, -.ui-corner-right, -.ui-corner-tr { - border-top-right-radius: 0 !important; -} -.ui-corner-all, -.ui-corner-bottom, -.ui-corner-left, -.ui-corner-bl { - border-bottom-left-radius: 0 !important; -} -.ui-corner-all, -.ui-corner-bottom, -.ui-corner-right, -.ui-corner-br { - border-bottom-right-radius: 0 !important; -} -#ui-datepicker-div { - border-color: #B1B1B1; - background: #ffffff; -} -.ui-widget-header { - background: #B1B1B1 !important; - color: #ffffff !important; -} -.ui-datepicker-calendar th { - background-color: #3F3F3F; -} -.ui-dialog .ui-widget-header { - background-color: #82b92e; -} -.ui_tpicker_hour, -.ui_tpicker_minute, -.ui_tpicker_second, -.ui-slider-handle { - border: 1px solid #AAAAAA !important; -} -.ui-timepicker-div dd { - margin: 0px 15px 0px 15px ; -} -.ui-timepicker-div .ui-datepicker-title { - color: white; -} -.ui-datepicker-buttonpane button { - border-color: #B1B1B1 !important; -} -.ui-datepicker-buttonpane .ui-datepicker-current { - margin-left: 0.2em !important; -} -.ui-dialog .ui-widget-content { - border: 0px !important; -} -.ui-dialog { - box-shadow: 5px 5px 19px #4e4e4e; - border: 0px !important; - padding: 0 !important; -} -.ui-dialog-titlebar { - border: 0px !important; -} -.ui-dialog-titlebar .ui-icon-closethick, -.ui-dialog-titlebar .ui-state-default, -.ui-dialog-titlebar .ui-state-hover, -.ui-dialog-titlebar button { - background: transparent; - border: 0px; -} -.ui-dialog-titlebar .ui-icon-closethick { - background-image: url("../../images/icono_cerrar.png") !important; -} -.ui-dialog-title { - color: #ffffff; - font-size: 9pt; -} -.ui-widget input, -.ui-widget select, -.ui-widget textarea, -.ui-widget button{ - font-family: Verdana,Arial,sans-serif !important; -} -a.ui-button:active, .ui-button:active, -.ui-button.ui-state-active:hover, -.ui-state-focus .ui-widget-content, -.ui-state-focus .ui-widget-header, -.ui-state-focus .ui-button:hover, .ui-button:focus{ - background: transparent !important; - border: none !important; +/* jQuery dialog */ +.no-close .ui-dialog-titlebar-close { + display: none; } +/* jQuery dialog */ -.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover{ - border: 1px solid #999999 !important; - border-bottom: 0 !important; - background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x !important; -} - -.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{ - border: 1px solid #aaaaaa !important; - border-bottom: 0 !important; - background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x !important; - font-weight: normal !important; - color: #212121 !important; -} -.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{ - color: #212121 !important; -} - -ul.ui-front{ - z-index: 1000000 !important; - padding-right: 0px !important; -} - -ul.ui-front li{ - padding: 3px !important; -} - -ul.ui-front li:hover{ - background-color: #e1e3e1 !important; -} - -ul.ui-front li a.ui-menu-item-wrapper{ - background: transparent !important; - border: none !important; -} - -ul.ui-front li a.ui-menu-item-wrapper span{ - padding-left: 5px !important; -} - -ul.ui-front li a.ui-menu-item-wrapper:hover{ - text-decoration: none !important; -} - -input[type=submit].ui-button-dialog{ - margin: .5em 1em .5em 0 !important; - cursor: pointer !important; - background: white !important; - background-color: white !important; - color: #82b92e !important; - text-align: center !important; - border: 1px solid #82b92e !important; - height:30px !important; - width:90px !important; -} -/* --- END - JQUERY-UI --- */ diff --git a/pandora_console/include/styles/pandora_forms.css b/pandora_console/include/styles/pandora_forms.css deleted file mode 100644 index 16e25e1396..0000000000 --- a/pandora_console/include/styles/pandora_forms.css +++ /dev/null @@ -1,95 +0,0 @@ -/* - -Author: The Pandora FMS team -Exclude css from visual styles -Description: Forms based on fieldset and labels to improve accesibility - -// Pandora FMS - the Flexible Monitoring System -// Copyright (c) 2004-2010 Artica Soluciones Tecnológicas S.L - -// 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. -*/ - -fieldset { - background-color:#fafafa; - border: 1px solid #f2f2f2; - padding:0.5em; - margin-top:0.5em; - margin-bottom:1em; - position:relative; -} -fieldset legend { - font-size:1.3em; - font-weight:bold; - color:#3f4e2f; - top:-2em; -} -fieldset label { - font-weight: bold; - display:block; - margin-right:1em; - margin-left:1em; - margin-bottom:1em; - width:25%; - float:left; -} -fieldset select, fieldset input { - position:relative; - right:1em; - margin-bottom:0.5em; -} -fieldset br { - clear:left; -} - -/*.pandora_form input.sub { - position:relative; - left:80%; -}*/ - -/*CALENDAR TOOLTIP STYLE*/ - -/* Calendar background */ -table.scw { - background-color: #daedae; -} - -/* Week number heading */ -td.scwWeekNumberHead { - color: #000; -} - -td.scwWeek { - color: #000 !important; -} - -/* Today selector */ -td.scwFoot { - background-color: #daedae; - color: #000; -} - -td.scwFootDisabled { - background-color: #000; - color: #FFFFFF; -} - -tfoot.scwFoot { - color: #000; -} - -.scwFoot :hover{ - color: #FFA500 !important; -} - - diff --git a/pandora_console/include/styles/tooltipster-light.css b/pandora_console/include/styles/tooltipster-light.css deleted file mode 100644 index 945aa699a1..0000000000 --- a/pandora_console/include/styles/tooltipster-light.css +++ /dev/null @@ -1,12 +0,0 @@ -.tooltipster-light { - border-radius: 5px; - border: 1px solid #cccccc; - background: #ededed; - color: #666666; -} -.tooltipster-light .tooltipster-content { - font-family: Arial, sans-serif; - font-size: 14px; - line-height: 16px; - padding: 8px 10px; -} \ No newline at end of file diff --git a/pandora_console/include/styles/tooltipster-noir.css b/pandora_console/include/styles/tooltipster-noir.css deleted file mode 100644 index fc695f507e..0000000000 --- a/pandora_console/include/styles/tooltipster-noir.css +++ /dev/null @@ -1,12 +0,0 @@ -.tooltipster-noir { - border-radius: 0px; - border: 3px solid #82B92E; - background: #fff; - color: #2c2c2c; -} -.tooltipster-noir .tooltipster-content { - font-family: 'Georgia', serif; - font-size: 14px; - line-height: 16px; - padding: 8px 10px; -} diff --git a/pandora_console/include/styles/tooltipster-punk.css b/pandora_console/include/styles/tooltipster-punk.css deleted file mode 100644 index 3c78973a7d..0000000000 --- a/pandora_console/include/styles/tooltipster-punk.css +++ /dev/null @@ -1,12 +0,0 @@ -.tooltipster-punk { - border-radius: 5px; - border-bottom: 3px solid #82B92E; - background: #ccc; - color: #fff; -} -.tooltipster-punk .tooltipster-content { - font-family: 'Courier', monospace; - font-size: 14px; - line-height: 16px; - padding: 8px 10px; -} diff --git a/pandora_console/include/styles/tooltipster-shadow.css b/pandora_console/include/styles/tooltipster-shadow.css deleted file mode 100644 index e869c5ecfc..0000000000 --- a/pandora_console/include/styles/tooltipster-shadow.css +++ /dev/null @@ -1,12 +0,0 @@ -.tooltipster-shadow { - border-radius: 5px; - background: #fff; - box-shadow: 0px 0px 14px rgba(0,0,0,0.3); - color: #2c2c2c; -} -.tooltipster-shadow .tooltipster-content { - font-family: 'Arial', sans-serif; - font-size: 14px; - line-height: 16px; - padding: 8px 10px; -} \ No newline at end of file diff --git a/pandora_console/include/styles/tooltipster.css b/pandora_console/include/styles/tooltipster.css deleted file mode 100644 index 66fd282f39..0000000000 --- a/pandora_console/include/styles/tooltipster.css +++ /dev/null @@ -1,274 +0,0 @@ -/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */ -.tooltipster-default { - border-radius: 5px; - border: 2px solid #000; - background: #4c4c4c; - color: #fff; -} - -/* Use this next selector to style things like font-size and line-height: */ -.tooltipster-default .tooltipster-content { - font-family: Arial, sans-serif; - font-size: 14px; - line-height: 16px; - padding: 8px 10px; - overflow: hidden; -} - -/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */ -.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border { - /* border-color: ... !important; */ -} - - -/* If you're using the icon option, use this next selector to style them */ -.tooltipster-icon { - cursor: help; - margin-left: 4px; -} - - - - - - - - -/* This is the base styling required to make all Tooltipsters work */ -.tooltipster-base { - padding: 0; - font-size: 0; - line-height: 0; - position: absolute; - left: 0; - top: 0; - z-index: 9999999; - pointer-events: none; - width: auto; - overflow: visible; -} -.tooltipster-base .tooltipster-content { - overflow: hidden; -} - - -/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */ -.tooltipster-arrow { - display: block; - text-align: center; - width: 100%; - height: 100%; - position: absolute; - top: 0; - left: 0; - z-index: -1; -} -.tooltipster-arrow span, .tooltipster-arrow-border { - display: block; - width: 0; - height: 0; - position: absolute; -} -.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span { - border-left: 8px solid transparent !important; - border-right: 8px solid transparent !important; - border-top: 8px solid; - bottom: -7px; -} -.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border { - border-left: 9px solid transparent !important; - border-right: 9px solid transparent !important; - border-top: 9px solid; - bottom: -7px; -} - -.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span { - border-left: 8px solid transparent !important; - border-right: 8px solid transparent !important; - border-bottom: 8px solid; - top: -7px; -} -.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { - border-left: 9px solid transparent !important; - border-right: 9px solid transparent !important; - border-bottom: 9px solid; - top: -7px; -} -.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border { - left: 0; - right: 0; - margin: 0 auto; -} -.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span { - left: 6px; -} -.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { - left: 5px; -} -.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span { - right: 6px; -} -.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border { - right: 5px; -} -.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border { - border-top: 8px solid transparent !important; - border-bottom: 8px solid transparent !important; - border-left: 8px solid; - top: 50%; - margin-top: -7px; - right: -7px; -} -.tooltipster-arrow-left .tooltipster-arrow-border { - border-top: 9px solid transparent !important; - border-bottom: 9px solid transparent !important; - border-left: 9px solid; - margin-top: -8px; -} -.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border { - border-top: 8px solid transparent !important; - border-bottom: 8px solid transparent !important; - border-right: 8px solid; - top: 50%; - margin-top: -7px; - left: -7px; -} -.tooltipster-arrow-right .tooltipster-arrow-border { - border-top: 9px solid transparent !important; - border-bottom: 9px solid transparent !important; - border-right: 9px solid; - margin-top: -8px; -} - - -/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */ - -.tooltipster-fade { - opacity: 0; - -webkit-transition-property: opacity; - -moz-transition-property: opacity; - -o-transition-property: opacity; - -ms-transition-property: opacity; - transition-property: opacity; -} -.tooltipster-fade-show { - opacity: 1; -} - -.tooltipster-grow { - -webkit-transform: scale(0,0); - -moz-transform: scale(0,0); - -o-transform: scale(0,0); - -ms-transform: scale(0,0); - transform: scale(0,0); - -webkit-transition-property: -webkit-transform; - -moz-transition-property: -moz-transform; - -o-transition-property: -o-transform; - -ms-transition-property: -ms-transform; - transition-property: transform; - -webkit-backface-visibility: hidden; -} -.tooltipster-grow-show { - -webkit-transform: scale(1,1); - -moz-transform: scale(1,1); - -o-transform: scale(1,1); - -ms-transform: scale(1,1); - transform: scale(1,1); - -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); - -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); - -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); - -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); - transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -} - -.tooltipster-swing { - opacity: 0; - -webkit-transform: rotateZ(4deg); - -moz-transform: rotateZ(4deg); - -o-transform: rotateZ(4deg); - -ms-transform: rotateZ(4deg); - transform: rotateZ(4deg); - -webkit-transition-property: -webkit-transform, opacity; - -moz-transition-property: -moz-transform; - -o-transition-property: -o-transform; - -ms-transition-property: -ms-transform; - transition-property: transform; -} -.tooltipster-swing-show { - opacity: 1; - -webkit-transform: rotateZ(0deg); - -moz-transform: rotateZ(0deg); - -o-transform: rotateZ(0deg); - -ms-transform: rotateZ(0deg); - transform: rotateZ(0deg); - -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1); - -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); - -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); - -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); - -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); - transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -} - -.tooltipster-fall { - top: 0; - -webkit-transition-property: top; - -moz-transition-property: top; - -o-transition-property: top; - -ms-transition-property: top; - transition-property: top; - -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); - -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); - -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); - -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); - transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -} -.tooltipster-fall-show { -} -.tooltipster-fall.tooltipster-dying { - -webkit-transition-property: all; - -moz-transition-property: all; - -o-transition-property: all; - -ms-transition-property: all; - transition-property: all; - top: 0px !important; - opacity: 0; -} - -.tooltipster-slide { - left: -40px; - -webkit-transition-property: left; - -moz-transition-property: left; - -o-transition-property: left; - -ms-transition-property: left; - transition-property: left; - -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); - -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); - -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); - -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); - transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -} -.tooltipster-slide.tooltipster-slide-show { -} -.tooltipster-slide.tooltipster-dying { - -webkit-transition-property: all; - -moz-transition-property: all; - -o-transition-property: all; - -ms-transition-property: all; - transition-property: all; - left: 0px !important; - opacity: 0; -} - - -/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */ -.tooltipster-content-changing { - opacity: 0.5; - -webkit-transform: scale(1.1, 1.1); - -moz-transform: scale(1.1, 1.1); - -o-transform: scale(1.1, 1.1); - -ms-transform: scale(1.1, 1.1); - transform: scale(1.1, 1.1); -} diff --git a/pandora_console/operation/agentes/alerts_status.php b/pandora_console/operation/agentes/alerts_status.php index 47b1a97318..7972eb568f 100755 --- a/pandora_console/operation/agentes/alerts_status.php +++ b/pandora_console/operation/agentes/alerts_status.php @@ -606,7 +606,7 @@ echo ''; enterprise_hook('close_meta_frame'); -ui_require_css_file('cluetip'); +ui_require_css_file ('cluetip','include/styles/js/'); ui_require_jquery_file('cluetip'); ?> diff --git a/pandora_console/operation/agentes/estado_monitores.php b/pandora_console/operation/agentes/estado_monitores.php index d3baf170e5..2e86317c30 100755 --- a/pandora_console/operation/agentes/estado_monitores.php +++ b/pandora_console/operation/agentes/estado_monitores.php @@ -317,7 +317,7 @@ ui_toggle($html_toggle, "; diff --git a/pandora_console/operation/agentes/interface_traffic_graph_win.php b/pandora_console/operation/agentes/interface_traffic_graph_win.php index 7346e90805..07bf136fd9 100644 --- a/pandora_console/operation/agentes/interface_traffic_graph_win.php +++ b/pandora_console/operation/agentes/interface_traffic_graph_win.php @@ -78,7 +78,7 @@ $interface_traffic_modules = array( <?php echo __('%s Interface Graph', get_product_name()) . ' (' .agents_get_alias($agent_id) . ' - ' . $interface_name; ?>) - + diff --git a/pandora_console/operation/agentes/realtime_win.php b/pandora_console/operation/agentes/realtime_win.php index 55a27c7c34..705eb03836 100644 --- a/pandora_console/operation/agentes/realtime_win.php +++ b/pandora_console/operation/agentes/realtime_win.php @@ -65,7 +65,7 @@ echo ' <?php echo __("%s Realtime Module Graph", get_product_name());?> - + diff --git a/pandora_console/operation/agentes/stat_win.php b/pandora_console/operation/agentes/stat_win.php index adb210dd70..520622a6f5 100644 --- a/pandora_console/operation/agentes/stat_win.php +++ b/pandora_console/operation/agentes/stat_win.php @@ -73,7 +73,7 @@ $alias = db_get_value ("alias","tagente","id_agente",$id_agent); <?php echo __("%s Graph", get_product_name()) . ' (' . $alias . ' - ' . $label; ?>) - + diff --git a/pandora_console/operation/events/events.php b/pandora_console/operation/events/events.php index 5f76201864..40048ebf53 100644 --- a/pandora_console/operation/events/events.php +++ b/pandora_console/operation/events/events.php @@ -508,7 +508,6 @@ else { // Floating menu - End ui_require_jquery_file('countdown'); - ui_require_css_file('countdown'); } // Error div for ajax messages diff --git a/pandora_console/operation/snmpconsole/snmp_view.php b/pandora_console/operation/snmpconsole/snmp_view.php index 8712406ed9..83b47a07ae 100755 --- a/pandora_console/operation/snmpconsole/snmp_view.php +++ b/pandora_console/operation/snmpconsole/snmp_view.php @@ -649,7 +649,7 @@ if (empty ($traps)) { ui_require_css_file('pandora_enterprise', ENTERPRISE_DIR . '/include/styles/'); ui_require_css_file('pandora_dashboard', ENTERPRISE_DIR . '/include/styles/'); - ui_require_css_file('cluetip'); + ui_require_css_file ('cluetip','include/styles/js/'); ui_require_jquery_file('countdown'); ui_require_javascript_file('pandora_dashboard', ENTERPRISE_DIR.'/include/javascript/'); diff --git a/pandora_console/operation/tree.php b/pandora_console/operation/tree.php index 6d6d1ace9e..768adccf6b 100755 --- a/pandora_console/operation/tree.php +++ b/pandora_console/operation/tree.php @@ -14,6 +14,9 @@ // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the // GNU General Public License for more details. +ui_require_css_file ('tree'); +ui_require_css_file ('fixed-bottom-box'); + global $config; $pure = get_parameter('pure', 0); diff --git a/pandora_console/operation/visual_console/render_view.php b/pandora_console/operation/visual_console/render_view.php index 88aa649ecf..748d78f1a3 100755 --- a/pandora_console/operation/visual_console/render_view.php +++ b/pandora_console/operation/visual_console/render_view.php @@ -191,7 +191,6 @@ if ($config['pure']) { // Floating menu - End ui_require_jquery_file('countdown'); - ui_require_css_file('countdown'); ?>