/* Author: The Pandora FMS team Name: Black theme Description: The default Pandora FMS theme layout // Pandora FMS - http://pandorafms.com // ========================================================== // Copyright (c) 2004-2021 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. */ /* General styles */ body, div#page, #menu_tab_frame, #menu_tab_frame_view, #menu_tab_frame_view_bc, ul.subsubmenu li, input.search_input, .filters input, input#text-id_parent.ac_input, input, textarea, select, .edit_user_comments #textarea_comments, .discovery_textarea_input, .selection, button.sub, .select2-container .select2-selection--single, .select2-container .select2-selection--multiple { background-color: #111 !important; color: #fff !important; } div#head, #menu_tab li.nomn_high, #menu_tab li.nomn_high span, .white_table_graph_header, .white-box-content, fieldset, .databox.filters, table.databox, .legend_basic, .databox_color, .white_box, input.sub, .introjs-tooltip, button.sub, .bg_general, .show_result_interpreter, div#rules::after, table.agent_info_table thead > tr:first-child th, table.agent_info_table tr { background-color: #222 !important; color: #fff !important; } div#head, #menu_tabs { border-bottom: 1px solid #1a1a1a; } #menu_full { border-right: 1px solid #111; } .logo_green { background-color: #000; } #um-next:hover, #um-last:hover { border: 1px solid #888 !important; } #um-next, #um-last { background-color: #111 !important; color: #fff !important; font-weight: 500; border-radius: 5px; background-repeat: no-repeat; background-position: 92% 10px; padding-bottom: 10px; padding-top: 10px; padding-left: 15px; border: 1px solid #333 !important; cursor: pointer; font-family: inherit; font-size: 10pt; } .moduleIdBox, input[readonly] { background-color: #444 !important; color: #a2a2a2 !important; } .switch_radio_button label { background-color: #111; color: white; line-height: 1; text-align: center; padding: 7px 14px; margin-right: -1px; border: 1px solid #cbcbcb; border-radius: 4px; transition: all 0.1s ease-in-out; } .box-shadow { box-shadow: none; } select:disabled, textarea:disabled { background-color: #666; } .status_tactical, .tactical_set, .td-bg-white td, #top_btn:hover { background-color: transparent; } .agent_details_col, .white_table, .white_table tr:first-child > th, .white_table_graph_content { background-color: #222; color: #fff; } .notify, .notify h3 { color: #000; } .sort_arrow img { filter: brightness(4.5) contrast(3.5); } .default_container { font-weight: bold; background-color: #222; border: 1px solid #e2e2e2; margin-bottom: 4px; } table.widget_list tr.datos, table.widget_list tr.datos2, table.widget_list td.datos, table.widget_list td.datos2 { background-color: inherit; } /* Change inputs with autocomplete */ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px #111 inset !important; } input:-webkit-autofill { -webkit-text-fill-color: #fff !important; } /* messages */ .container, input.pure_full { background-color: #222; } .p-slider { background-color: #888; } .p-slider:before { background-color: #fff; box-shadow: 0px 3px 6px #494949; border: 1px solid #222; } .fileupload_form, #button-pure { background-color: #222 !important; } #drop_file { background-color: #444 !important; color: #fff !important; } ol.steps li.current { border-left: 5px solid #82b92e; background-color: #545454; } ol.steps li { background-color: #999; } ol.steps li.visited, ol.steps li.visited span, ol.steps li.visited a { color: #eaeaea; } /* White text */ a:not(.visual-console-item), label, #menu_tab_left li a, #menu_tab_left li span, fieldset legend, .tactical_set legend, #user-notifications-wrappe, #user_form *, h1, h2, h3, h4, .info_table, .info_table > tbody > tr > th, .info_table > thead > tr > th, .info_table > thead > tr > th a, .info_table > thead > tr > th > span, form.discovery label, .edit_user_labels, .input_label, .pagination, tr.group_view_data, .group_view_data, ol.steps li span, ol.steps li a { color: #fff; } /* Tabs icons change color */ /* menu.css */ .operation { background-color: #252525; } .godmode, #menu_full { background-color: #1a1a1a; } .button_collapse { background-color: #444; } .operation .selected, .godmode .selected, .menu_icon:hover { background-color: #080808; } .sub_subMenu { background-color: #343434; } /* footer */ div#foot { background: #222; } /* Overwrite inline styles */ .textodialogo td .white_important, .multi-select-container { color: #fff !important; } /* snmp */ #snmp_browser { background-color: #222 !important; } /* events.css */ table.table_modal_alternate tr:nth-child(odd) td { background-color: #222 !important; color: #fff; border-bottom: 1px solid #707070; border-top: 1px solid #707070; } table.table_modal_alternate tr:nth-child(even) td { background-color: #111 !important; color: #fff; border-bottom: 1px solid #707070; border-top: 1px solid #707070; } /* events.css */ table.black_table_modal_alternate tr:nth-child(odd) td { background-color: #222 !important; border-bottom: 1px solid #707070; border-top: 1px solid #707070; } table.black_table_modal_alternate tr:nth-child(even) td { background-color: #111 !important; border-bottom: 1px solid #707070; border-top: 1px solid #707070; } /* tables.css */ .info_table { background-color: #222; } .info_table > tbody > tr:nth-child(even) { background-color: #111; } .info_table tr:first-child > th, .info_table th { background-color: #222; color: #fff; } .info_table > tbody > tr:hover, .databox.data > tbody > tr:hover, .checkselected, .rowPair:hover, .rowOdd:hover { background-color: #555 !important; } .info_table .datos3, .datos3, .info_table .datos4, .datos4 { background-color: #444; color: #fff; } .table_action_buttons a[href] img, .table_action_buttons input[type="image"], .action_button_img { filter: brightness(4.5) contrast(50%); background-color: transparent !important; } a.pandora_pagination { color: #fff; } /* firts_task.css */ .new_task, div.new_task, div.new_task > div { background-color: #222; } /* events.css */ .filter_summary div { background: transparent; } /* webchat */ #chat_box, #userlist_box { background: #222 !important; } #chat_box > div span { color: #fff !important; } /* tree.css */ .node-content:hover { background-color: #222; } ul.tree-group li.tree-node div.node-content img:not(.module-status):not(.agent-status):not(.agent-alerts-fired) { filter: invert(100%); } /* login.css */ div.login_nick input, div.login_pass input { background-color: #111 !important; } /* user edit */ .edit_user_info_right input { border-bottom: 1px solid #5f5f5f; } #user-notifications-wrapper { color: #fff; } /* datatables */ table.dataTable tbody tr { background-color: #222; } table.dataTable span { color: #fff; } /* diagnostic info */ table#diagnostic_info { background-color: #111 !important; } table#diagnostic_info th { background-color: #444 !important; } table#diagnostic_info tbody td div { background-color: #222 !important; } /* agent view */ .buttons_agent_view { filter: brightness(2.5); } /* jquery custom */ .ui-dialog, .ui-widget-content { background-color: #222 !important; color: #fff; } .ui-widget-content, .ui-widget-content a { color: #fff !important; } .ui-widget-content.ui-autocomplete a { color: #333; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background-color: #222 !important; color: #fff !important; } #cancel_btn_dialog { background-color: red; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background-color: #111; color: #fff; } .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: #fff; } ul.ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header img { filter: brightness(2); } .ui-dialog .ui-dialog-buttonpane button { background-color: transparent; color: #fff; } /* notifications */ #notification-wrapper::before { border-bottom-color: #222 !important; color: #fff; } #notification-wrapper { background: #111; } .notification-item { background: #222; border: none; } pre, .notification-subtitle { color: #fff; } /* update_manager.css */ div#box_online * { color: #fff; } /* discovery.css */ #text_wizard { color: white; } /* news dialog */ #news_dialog #new_text { background: #222 !important; } /* ipam */ .tooltipster-content { background: #222 !important; } /* licence */ div#code_license_dialog div#code, div#form_activate_licence #code { margin-top: 20px; margin-bottom: 20px; border: 0px; background-color: #222; } .backgrund_primary_important { background-color: #111 !important; } .w16px { padding-left: 16px; padding-right: 16px; padding-top: 16px; } .sound_div_background { background-color: #222 !important; } /* * --------------------------------------------------------------------- * - RIGHT MENU SECTION - * --------------------------------------------------------------------- */ #menu_tab_frame, #menu_tab_frame_view, #menu_tab_frame_view_bc { /* display: flex; align-items: flex-end; justify-content: space-between; */ border-bottom: 1px solid #82b92e; /* width: 100%; padding-right: 0px; margin-bottom: 20px; height: 53px; box-sizing: border-box; */ background-color: #111 !important; } .info_box { background: #222 !important; box-shadow: 0px 0px 15px -10px #888; margin-top: 10px; margin-bottom: 10px; padding: 0px 5px 5px 10px; border-style: solid; border-width: 1px; width: 100%; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border-color: #707070; } input[type="submit"].submit-next:hover, button.submit-next.ui-button.ui-corner-all.ui-widget:hover, input[type="button"].submit-next:hover { background: #82b92e; } div.nf { background: url(../../images/information_alerts.png) no-repeat scroll 0 50% transparent; margin-left: 7px; padding: 8px 1px 6px 25px; } /*Font header feedback*/ form#modal_form_feedback { padding: 10px; } form#modal_form_feedback label { margin-bottom: 10px; color: white; font-weight: bold; font-size: 10pt; } form#modal_form_feedback input[type="email"] { background-color: transparent; border: none; border-radius: 0; border-bottom: 1px solid #ccc; font-weight: lighter; padding: 0px 0px 2px 0px; box-sizing: border-box; margin-bottom: 4px; } form#modal_form_feedback ul.wizard li { padding-bottom: 10px; padding-top: 10px; } form#modal_form_feedback ul.wizard li > label:not(.p-switch) { width: 250px; vertical-align: top; display: inline-block; } form#modal_form_feedback ul.wizard li > textarea { width: 600px; height: 15em; display: inline-block; } #categories_library .card_category a:hover { color: #82b92e; text-decoration: none; } #library_main_content div.library_main_category:hover { border: 1px solid #e2e2e2; background-color: #222; border-radius: 4px; padding: 19px; cursor: pointer; } #library_main_content div.library_main_category a:hover { color: white; } .textodialogo { margin-left: 0px; color: #333; padding: 20px; font-size: 9pt; } /* end of classes for event priorities */ div#main_pure { background-color: #111; text-align: left; margin-bottom: 25px; margin-top: 30px; margin-left: 10px; margin-right: 10px; height: 1000px; width: 98%; position: static; } div#main, div#container, body.pure { background-color: #111; } form ul.form_flex { display: flex; flex-flow: row wrap; flex-direction: row; align-content: center; justify-content: space-around; border: 1px solid #e2e2e2; border-radius: 5px; padding: 20px; background: #222 !important; } .invert_filter, .labels { filter: invert(100%); } .graph_conteiner_inside, .container_table, .second_background, .bg_color222 { background-color: #222; } .content-widget .container-center { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; width: 100%; } .container-layout { border-radius: 5px; border: 3px dashed #fff; background: #222; padding: 10px 0px 10px 0px; } .bullet .range.s0 { background-color: #222; fill: #222 !important; border-radius: 4px; } text { color: #fff !important; } .legendLabel { color: #fff; } .incident_table { position: absolute; top: 5px; right: 5px; font-size: smaller; color: white; } .cluetip-default { background-color: #111 !important; text-align: left; } .cluetip-default #cluetip-outer { position: relative; margin: 0; background-color: #222; } .cluetip-default h3 { margin: 0 0 5px; padding: 8px 10px 4px; font-size: 1.1em; font-weight: bold; background-color: #111 !important; color: #fff; } .cluetip-default h3#cluetip-title { display: none; height: 0px; margin: 0; padding: 0; color: #fff; } .cluetip-default #cluetip-title a { color: #fff; font-size: 0.95em; } .cluetip-default #cluetip-inner { padding: 10px; } .cluetip-default div#cluetip-close { text-align: right; margin: 0 5px 5px; color: #900; } .cluetip-default ul, .text_left { text-align: left !important; } .card { border: 1px solid #e2e2e2; background-color: #222; display: flex; flex-direction: column; padding: 0; border-radius: 4px; text-align: center; font-size: 16px; justify-content: center; } .card_link_button:hover { cursor: pointer; padding: 10px 20px; background-color: #eaeaea; color: #111; } .sidebar_library { min-width: 360px; margin-left: 50px; padding: 0px 0px 0px 30px; background-color: #222; border: 1px solid #e2e2e2; border-radius: 4px; } .category_link:hover { color: #82b92e; } #container_servicemap_legend { position: absolute; background: #222; margin-top: 10px; right: 2px; border: 1px solid #e2e2e2; border-radius: 5px; padding: 10px; opacity: 0.9; color: #fff; } .notification-subtitle_black { color: #000; } .no_invert_filter { filter: none; } input:disabled { background-color: #666; } #file_table_modal .create_folder, #file_table_modal .create_text_file, #file_table_modal .upload_file { width: 33%; border-top-left-radius: 4px; border-top-right-radius: 4px; margin-right: 2px; background-color: #222 !important; } div.criticity { width: 150px; height: 2em; color: black; text-align: center; border-radius: 5px; font-size: 0.8em; padding: 5px; margin: 0; display: table-cell; vertical-align: middle; } input[type="submit"].submit-next, button.submit-next.ui-button.ui-corner-all.ui-widget, input[type="button"].submit-next { color: #82b92e; border: 1px solid #82b92e; background-color: #222 !important; padding: 5px; font-size: 1.3em; margin: 0.5em 1em 0.5em 0; cursor: pointer; text-align: center; height: 30px; width: auto; min-width: 90px; } input[type="submit"].submit-cancel, button.submit-cancel.ui-button.ui-corner-all.ui-widget, button.submit-cancel { color: #fb4444; border: 1px solid #fb4444; background-color: #222 !important; padding: 5px; font-size: 1.3em; margin: 0.5em 1em 0.5em 0; cursor: pointer; text-align: center; height: 30px; width: auto; min-width: 90px; } input[type="submit"].submit-cancel:hover, button.submit-cancel.ui-button.ui-corner-all.ui-widget:hover, button.submit-cancel:hover { background: #fb4444; } .submit-next:hover { background: #82b92e; } div#dashboard-controls { position: fixed; z-index: 1; top: 10px; right: 10px; width: 600px; height: 70px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; background-color: #222; border-radius: 15px; padding: 10px; } .serviceap_show_bg { overflow: hidden; border: 1px solid #e2e2e2; background-color: #111; } .title_service_unstack, .title, .title_service_stack { font-size: 11px; text-align: center; text-anchor: middle; fill: #fff; color: #fff; } .tickLabel { color: #fff; } .integria_details_shadow { background-color: #222; border-bottom: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; border-top-left-radius: 5px; border-right: 1px solid #e2e2e2; border-top-right-radius: 5px; } div.integria_details_description textarea { width: 100%; background-color: #111; color: #fff; resize: vertical; } .grid-stack-item-content { color: #fff !important; } .widget-groups-status h1 a { font-size: 1.1em; font-weight: bold; line-height: 20px; color: #fff; letter-spacing: 0.03pt; text-decoration: none; text-transform: capitalize; } .widget_groups_status { background-color: #222; } .flot-text { color: #fff !important; } .table.group_modules_status_box tr td { letter-spacing: 0.03pt; font-size: 11pt; text-decoration: none; color: #fff !important; font-weight: bolder; text-align: justify; border-bottom: 0px; } .bg_222_important { background-color: #222 !important; } .networkconsole { width: 100%; height: 100%; position: relative; overflow: hidden; background-color: #111; } .fill_222 { fill: #222 !important; } .fill_fff { fill: #fff !important; } .module_graph_menu_header, .module_graph_menu_content { background-color: #222 !important; } .invert_filter_important { filter: invert(100%) !important; } fieldset { border-color: #707070; background-color: #222 !important; color: #fff !important; } input, textarea, select, .moduleIdBox, .selection { border-color: #707070; } .white_box, .white-box-content { border: 1px solid #707070; background-color: #222 !important; color: #fff !important; } .white_table_graph_header { border: 1px solid #707070; background-color: #222 !important; color: #fff !important; } .white_table_graph { background-color: #222 !important; } table.databox { border-color: #707070; background-color: #222 !important; color: #fff !important; } .info_table > tbody > tr { border-bottom: 1px solid #303030; background-color: #222 !important; color: #fff !important; } .status_tactical { border-color: #707070; background-color: #222 !important; color: #fff !important; } .status_tactical, .tactical_set { border-color: #707070; background-color: #222 !important; color: #fff !important; } li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab { border: 1px solid #707070; background-color: #222 !important; color: #fff !important; } .chartLegend { width: 100%; position: relative; height: 30px; } .chartLegend table { position: absolute; right: 0px; } .graph_container { width: 800px; margin: 20px auto; border-radius: 3px; } table.alternate tr:nth-child(2n + 1) td { background-color: #222; } table.alternate tr:nth-child(2n) td { background-color: #111; } .header_title { font-weight: 600; font-size: 10.5pt; color: #fff; } .header_subtitle { font-size: 10pt; color: #a0a0a0; font-weight: 300; } .new_task p, .new_task div { font-weight: initial; } .flot-base { background-color: #222; } li > input[type="number"], li > input[type="text"]:not(.search_input), li > input[type="email"], li > input[type="password"] { background-color: transparent; border: none; border-radius: 0; border-bottom: 1px solid #ccc; font-weight: inherit; padding: 0px 0px 2px 0px; box-sizing: border-box; margin-bottom: 4px; } a:hover { text-decoration: underline; color: #9b9b9b; font-weight: bold; } input.search_input { background-image: url("../../images/input_zoom.disabled.png"); } .agents_modules_table, .agents_modules_table td, .agents_modules_table th { border: 1px solid #707070; } .white-table-graph-content { width: auto; } ul.subsubmenu li { border-color: #707070 !important; border-style: solid; border-width: 1px; } a.pandora_pagination, .filter_summary > div, .border_bt, .pagination .page_number { border: 1px solid #707070 !important; } a.pandora_pagination { background-color: #111; } a.pandora_pagination:hover { background-color: #555 !important; } .dt-button.buttons-csv.buttons-html5 { filter: invert(100%); background-color: transparent; } .info_table.events > tbody > tr > td { border-bottom: 2px solid #707070; } .info_table tr th, .databox.data > tbody > tr > td { border-bottom: 1px solid #707070 !important; } .databox.data > tbody > tr > td:first-child { border-left: 1px solid; } .databox.data > tbody > tr > td:last-child, .header_table_inner { border-right: 1px solid #707070 !important; } .results-found, #result_items.agents_modules_table, .show_result_interpreter, #menu_tab li.nomn_high { background-color: #111 !important; color: #fff; } #graph_container { background-color: #111 !important; color: #fff; } #elasticsearch_editor, #elasticsearch_view { filter: invert(100%); } #header_table { padding-right: 35px; background-color: #222; } .legend_background { background-color: #222; color: #fff !important; } .bg_ccc { background-color: #50505050 !important; } .filter_none { filter: brightness(0) contrast(50%) !important; } input[type="image"] { background-color: transparent !important; } .databox_color { background-color: transparent !important; } .mono { font-family: source-code, mono, monospace; } * table about dialog */ .table-about { background-color: #222 !important; width: 100%; border-collapse: collapse; border-color: #222 !important; } .table-about th { background-color: #222 !important; width: 100%; } .table-about h1 { text-transform: none !important; font-size: 28px !important; color: white; margin-top: 34px; margin-left: 9px; } .table-about h2 { text-transform: none !important; font-size: 15px !important; margin-bottom: 5px; margin-left: 9px; color: #95a3bf; } .table-about h2 span { color: #95a3bf; font-size: large; font-weight: bolder; } .table-about p { color: white; font-size: 15px; font-weight: normal; margin: 7px; margin-left: 9px; } .table-about p span { color: white; font-size: 15px; font-weight: bold; margin: 9px; margin-left: 0px; } .table-about p.about-last-p { padding-bottom: 17px; } .table-about .about-last-tr { border-bottom: 1px solid #eaeaea; } .about-copyright-div { width: 100%; height: 100%; } p.trademark-copyright { width: 90%; color: #8a96a6; font-size: 13px; margin-top: 20px; margin-bottom: 0px; text-align: center !important; position: absolute; bottom: 0; } #about-tabs, #tab-general-view { padding-bottom: 0px; margin-bottom: 0px; } #about-tabs { overflow: hidden; } #tab-database { height: 80%; overflow: auto; } .action_buttons_background_mask { background-color: #222; border-top: 1px solid #82b92e; } button.buttonButton, button.submitButton { box-shadow: 0px 3px 6px #111; } button.buttonButton.secondary, button.submitButton.secondary { background-color: #999; color: #fff; border-color: #fff; } button.buttonButton.secondary:hover, button.submitButton.secondary:hover { color: #ddd !important; border-color: #ddd !important; } button.buttonButton.secondary > div, button.submitButton.secondary > div { background-color: #fff !important; } button.buttonButton.secondary:hover > div, button.submitButton.secondary:hover > div { background-color: #ddd !important; } .fixed_filter_bar { background-color: #222; } .section_table_title_line { background-color: #008d86; } .section_table_title { color: #008d86; } select[multiple] option:checked, select[multiple] option:active { background: #008d86; } .select2-results > .select2-results__options > .select2-results__option.select2-results__option--highlighted { background-color: #008d86; }