From 335abb9abc58e651593253ba4b6c77b68adb0737 Mon Sep 17 00:00:00 2001 From: daniel Date: Fri, 25 Jan 2019 09:54:53 +0100 Subject: [PATCH] fixed error css Former-commit-id: d2be8c4cf4306cb51c9b3854cbe06d4c80119d8b --- pandora_console/include/styles/pandora.css | 437 ++++----------------- 1 file changed, 68 insertions(+), 369 deletions(-) diff --git a/pandora_console/include/styles/pandora.css b/pandora_console/include/styles/pandora.css index 54d67ededf..f42c64f70a 100644 --- a/pandora_console/include/styles/pandora.css +++ b/pandora_console/include/styles/pandora.css @@ -40,6 +40,8 @@ body { div#page { background: #fff; background-image: none; + clear: both; + width: auto; } body.pure { @@ -80,6 +82,7 @@ input[type="checkbox"] { select { padding: 2px 3px 3px 3px; vertical-align: middle; + border: 1px solid #ddd; } input.button { font-family: Arial, Sans-serif; @@ -94,13 +97,6 @@ input[type="button"] { cursor: pointer; } -select { - border: 1px solid #ddd; -} -checkbox { - padding: 4px; - border: 1px solid #eee; -} h1, h2, h3, @@ -228,22 +224,17 @@ div#db_ftxt { padding-top: 10px; } div#container { + width: 100%; 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; + max-width: 93%; + min-width: 93%; margin: 0px 0% 0px 0%; float: left; position: relative; @@ -444,21 +435,18 @@ h1#log_f { } div#error_login { - text-align: center; + text-align: left; 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; } @@ -471,142 +459,15 @@ div#login_f { 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 { width: 657px !important; height: 400px; border: none !important; - background-color: #fafafa; background: url(../../images/splash_error.png) no-repeat; + background-color: #fafafa; } #ver_num { @@ -618,13 +479,9 @@ input.login_password { text-align: center; } -input:-webkit-autofill { - #-webkit-box-shadow: 0 0 0px 1000px #ddd inset; -} /***********************/ /* END OF LOGIN STYLES */ /***********************/ - th > label { padding-top: 7px; } @@ -959,34 +816,6 @@ th { font-size: 7.5pt; letter-spacing: 0.3pt; } -tr.datos, -tr.datost, -tr.datosb, -tr.datos_id, -tr.datosf9 { - #background-color: #eaeaea; -} - -tr.datos2, -tr.datos2t, -tr.datos2b, -tr.datos2_id, -tr.datos2f9 { - #background-color: #f2f2f2; -} - -tr.datos:hover, -tr.datost:hover, -tr.datosb:hover, -tr.datos_id:hover, -tr.datosf9:hover, -tr.datos2:hover, -tr.datos2t:hover, -tr.datos2b:hover, -tr.datos2_id:hover, -tr.datos2f9:hover { - #background-color: #efefef; -} /* Checkbox styles */ td input[type="checkbox"] { @@ -1025,6 +854,7 @@ tr.disabled_row_user * { .bg { /* op menu */ background: #82b92e; + height: 20px; } .bg2 { @@ -1046,9 +876,6 @@ tr.disabled_row_user * { position: relative; width: 100%; } -.bg { - height: 20px; -} .bg2, .bg3, .bg4 { @@ -1142,8 +969,7 @@ td.datos2f9 { .redb, .greenb, td.datos_id, -td.datos2_id, -f9b { +td.datos2_id { font-weight: bold; } .p10 { @@ -1223,12 +1049,13 @@ div.title_line { #menu_tab_frame_view { display: block !important; border-bottom: 1px solid #80ba27; - /* float:left; */ margin-left: 0px !important; + margin-bottom: 20px; + padding-right: 0px; + width: 100%; + height: 31px; max-height: 31px; min-height: 31px; - padding-right: 28px; - width: 100%; } #menu_tab { @@ -1360,11 +1187,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; @@ -1455,7 +1277,6 @@ span.recon, span.wmi, span.prediction, span.plugin, -span.plugin, span.export, span.recon_server, span.wmi_server, @@ -1487,6 +1308,7 @@ span.nrmess { } .databox_color { padding-top: 5px; + background-color: #fafafa; } table.databox { @@ -1502,6 +1324,10 @@ table.databox { -webkit-border-radius: 0px; border-radius: 0px; border: 0px none #e2e2e2; + padding-left: 9px; + padding-right: 9px; + padding-top: 7px; + padding-bottom: 7px; } .databox > thead > tr > th, @@ -1511,9 +1337,6 @@ table.databox { font-weight: normal; color: #fff; } -.databox > td { - #border-bottom: 1px solid #e2e2e2; -} .databox > th * { color: #fff; @@ -1604,10 +1427,6 @@ table.rounded_cells td { -webkit-border-radius: 6px !important; border-radius: 6px !important; } - -.databox_color { - background-color: #fafafa; -} #head_l { float: left; margin: 0; @@ -1672,9 +1491,6 @@ div#main_pure { width: 98%; position: static; } -#table-agent-configuration radio { - margin-right: 40px; -} .ui-draggable { cursor: move; } @@ -1870,7 +1686,7 @@ div.pager input { } /* Steps style */ ol.steps { - margin-bottom: 15px; + margin-bottom: 70px; padding: 0; list-style-type: none; list-style-position: outside; @@ -1891,8 +1707,6 @@ ol.steps li.visited a { ol.steps li span { font-weight: normal; display: block; -} -ol.steps li span { color: #777; } ol.steps li.visited span { @@ -1918,10 +1732,8 @@ fieldset { fieldset legend { font-size: 1.1em; font-weight: bold; - #color: #3f4e2f; line-height: 20px; color: #3f3f3f; - #top: -2em; } fieldset .databox { @@ -1972,9 +1784,7 @@ a.add_action { vertical-align: middle; margin-left: 2px; } -div#steps_clean { - clear: both; -} + div#event_control { clear: right; } @@ -1991,7 +1801,6 @@ div#event_control { .ac_results ul { width: 100%; list-style-position: outside; - list-style: none; padding: 0; margin: 0; text-align: left; @@ -2093,57 +1902,14 @@ div.warn { } /* Pandora width style theme */ - -div#container { - width: 100%; -} -div#page { - width: auto; -} -div#main { - max-width: 93%; - min-width: 93%; -} - -ol.steps { - margin-bottom: 70px; -} div#steps_clean { display: none; -} - -#menu_tab_frame, -#menu_tab_frame_view { - width: 100%; - padding-right: 0px; - margin-left: 0px !important; - margin-bottom: 20px; - height: 31px; + clear: both; } div#events_list { float: left; width: 100%; } -span#logo_text1 { - font: bolder 3em Arial, Sans-serif; - letter-spacing: -2px; - color: #eee; -} -span#logo_text2 { - font: 3em Arial, Sans-serif; - letter-spacing: -2px; - color: #aaa; -} -div#logo_text3 { - text-align: right; - font: 2em Arial, Sans-serif; - letter-spacing: 6px; - color: #aaa; - font-weight: bold; - margin-top: 0px; - margin-left: 4px; - padding-top: 0px; -} .pagination { margin-top: 15px; margin-bottom: 5px; @@ -2172,11 +1938,6 @@ td.scwWeek { color: #111 !important; } -Today selector td.scwFoot { - background-color: #daedae; - color: #111; -} - td.scwFootDisabled { background-color: #000; color: #ffffff; @@ -2327,7 +2088,6 @@ div.cellBig { } /* Standard styles for status colos (groups, events, backgrounds...) */ - .opacity_cell { filter: alpha(opacity=80); -moz-opacity: 0.8; @@ -2346,20 +2106,12 @@ tr.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; } -tr.group_view_not_init, -.group_view_not_init, tr.group_view_not_init, .group_view_not_init { background-color: #5bb6e5; @@ -2466,10 +2218,7 @@ td.datos_orangef9 { .menu li.selected { font-weight: bold; -} - -ul.operation li a:hover { - #font-weight: bold; + box-shadow: inset 4px 0 #80ba27; } .menu_icon { @@ -2552,14 +2301,6 @@ ul.operation li a:hover { color: #fff; } -.menu li.selected { - box-shadow: inset 4px 0 #80ba27; -} - -li.links a:hover { - #font-weight: bold; -} - .is_submenu2 li { background-color: #ff0000; } @@ -2570,6 +2311,9 @@ li.links a:hover { .operation { background-color: #333 !important; + border-top-right-radius: 5px; + border-right-style: solid; + border-right-width: 0px; } .operation .selected { @@ -2585,16 +2329,6 @@ li.links a:hover { vertical-align: middle; } -#menu_tab li.separator { - /* Empty */ -} - -.operation { - border-top-right-radius: 5px; - border-right-style: solid; - border-right-width: 0px; -} - input#text-id_parent.ac_input, input, textarea, @@ -2613,7 +2347,9 @@ span#plugin_description { /*FOR TINYMCE*/ #tinymce { text-align: left; + padding-top: 20px; } + .visual_font_size_4pt, .visual_font_size_4pt > em, .visual_font_size_4pt > strong, @@ -2928,7 +2664,7 @@ span#plugin_description { .menu_sidebar { color: #111; background: #3f3f3f; - + margin: 0px; margin-left: 10px; padding-left: 0px; padding-right: 0px; @@ -2938,7 +2674,6 @@ span#plugin_description { font-size: 10px; border: 1px solid #000; position: absolute; - margin: 0; width: 400px; height: 260px; @@ -3118,9 +2853,7 @@ div.nodata_container { position: absolute; top: 0; right: 20px; - - #background-color: #fff; - #padding: 10px; + background: #f9faf9; } #rmf_data { @@ -3130,9 +2863,6 @@ div.nodata_container { top: 0; right: 20px; overflow: auto; - - #background-color: #fff; - #padding: 10px; } /* Subtab styles */ @@ -3221,6 +2951,7 @@ div#agent_wizard_subtabs { .agents_modules_table th { background: #3f3f3f; + border: 1px solid #e2e2e2; } .agents_modules_table th * { @@ -3317,7 +3048,6 @@ table.alert_escalation th img { } td.used_field { - #border: solid #6eb432; background: #6eb432 !important; color: #ffffff; font-weight: bold; @@ -3464,12 +3194,6 @@ div.div_groups_status { border-radius: 100px; } -.databox > tbody > tr > td { - padding-left: 9px; - padding-right: 9px; - padding-top: 7px; - padding-bottom: 7px; -} .databox.pies fieldset.tactical_set { width: 70% !important; height: 285px; @@ -3546,9 +3270,6 @@ div.div_groups_status { .agents_modules_table td { border: 1px solid #e2e2e2; } -.agents_modules_table th { - border: 1px solid #e2e2e2; -} .databox.filters, .databox.data, @@ -3645,14 +3366,14 @@ div.div_groups_status { } .title_um { - font-family: "open sans"; + font-family: sans-serif; font-size: 20px; color: #82b92e; text-align: center; } .text_um { - font-family: "open sans"; + font-family: sans-serif; font-size: 16px; padding-left: 80px; } @@ -3721,16 +3442,13 @@ div.div_groups_status { transform: rotate(270deg); width: 200px; height: 20px; + left: -92px; + top: 93px; position: relative; background: transparent !important; border: 0px !important; } -.vertical_range { - left: -92px; - top: 93px; -} - @media screen and (-webkit-min-device-pixel-ratio: 0) { /* Only for chrome */ @@ -3880,7 +3598,7 @@ div.simple_value > a > span.text p { } .DejaVuSerif-Bold { - font-family: DejaVuSerif-BoldFont; + font-family: "DejaVuSerif-BoldFont", serif; } @font-face { @@ -3889,7 +3607,7 @@ div.simple_value > a > span.text p { } .DejaVuSerif-BoldItalic { - font-family: DejaVuSerif-BoldItalicFont; + font-family: "DejaVuSerif-BoldItalicFont", cursive; } @font-face { @@ -3898,7 +3616,7 @@ div.simple_value > a > span.text p { } .DejaVuSerif-Italic { - font-family: DejaVuSerif-ItalicFont; + font-family: "DejaVuSerif-ItalicFont", cursive; } @font-face { @@ -3907,7 +3625,7 @@ div.simple_value > a > span.text p { } .DejaVuSerif { - font-family: DejaVuSerifFont; + font-family: "DejaVuSerifFont", serif; } @font-face { @@ -3916,7 +3634,7 @@ div.simple_value > a > span.text p { } .DejaVuSerifCondensed-Bold { - font-family: DejaVuSerifCondensed-BoldFont; + font-family: "DejaVuSerifCondensed-BoldFont", serif; } @font-face { @@ -3925,7 +3643,7 @@ div.simple_value > a > span.text p { } .DejaVuSerifCondensed-BoldItalic { - font-family: DejaVuSerifCondensed-BoldItalicFont; + font-family: "DejaVuSerifCondensed-BoldItalicFont", cursive; } @font-face { @@ -3934,7 +3652,7 @@ div.simple_value > a > span.text p { } .DejaVuSerifCondensed-Italic { - font-family: DejaVuSerifCondensed-ItalicFont; + font-family: "DejaVuSerifCondensed-ItalicFont", cursive; } @font-face { @@ -3943,7 +3661,7 @@ div.simple_value > a > span.text p { } .DejaVuSerifCondensed { - font-family: DejaVuSerifCondensedFont; + font-family: "DejaVuSerifCondensedFont", serif; } @font-face { @@ -3952,7 +3670,7 @@ div.simple_value > a > span.text p { } .FreeSans { - font-family: FreeSansFont; + font-family: "FreeSansFont", sans-serif; } @font-face { @@ -3961,7 +3679,7 @@ div.simple_value > a > span.text p { } .FreeSansBold { - font-family: FreeSansBoldFont; + font-family: "FreeSansBoldFont", sans-serif; } @font-face { @@ -3970,7 +3688,7 @@ div.simple_value > a > span.text p { } .smallfont { - font-family: smallfontFont; + font-family: "smallfontFont", serif; } @font-face { @@ -3999,7 +3717,7 @@ div.simple_value > a > span.text p { } .unicode { - font-family: unicodeFont; + font-family: "unicodeFont", monospace; } #alert_messages { @@ -4027,7 +3745,7 @@ div.simple_value > a > span.text p { .modalheadertext { color: white; position: relative; - font-family: Nunito; + font-family: "Nunito", serif; font-size: 13pt; top: 8px; } @@ -4040,7 +3758,7 @@ div.simple_value > a > span.text p { background-color: #82b92e; color: white; position: relative; - font-family: Nunito; + font-family: "Nunito", serif; font-size: 11pt; } .modalclosex { @@ -4107,7 +3825,7 @@ div.simple_value > a > span.text p { -o-transition-property: background-color, color; -o-transition-duration: 1s; color: #82b92e; - font-family: Nunito; + font-family: "Nunito", serif; font-size: 10pt; position: relative; top: 6px; @@ -4166,7 +3884,7 @@ div.simple_value > a > span.text p { -o-transition-property: background-color, color; -o-transition-duration: 1s; color: #fa5858; - font-family: Nunito; + font-family: "Nunito", serif; font-size: 10pt; position: relative; top: 6px; @@ -4224,7 +3942,7 @@ div.simple_value > a > span.text p { -o-transition-property: background-color, color; -o-transition-duration: 1s; color: #82b92e; - font-family: Nunito; + font-family: "Nunito", serif; font-size: 10pt; position: relative; top: 6px; @@ -4309,10 +4027,6 @@ div.simple_value > a > span.text p { border-width: 0px 0px 0px 0px; } -#tinymce { - padding-top: 20px; -} - #filter_event_status, #filter_event_severity, #filter_event_type { @@ -4453,6 +4167,7 @@ div.login_nick img, div.login_pass img { vertical-align: middle; margin: 3px; + width: 30px; } div.login_nick input, @@ -4492,11 +4207,6 @@ 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; @@ -4543,13 +4253,13 @@ div.text_banner_login span { span.span1 { font-size: 3vw; - font-family: "lato-thin"; + font-family: "lato-thin", sans-serif; color: white; } span.span2 { font-size: 3vw; - font-family: "lato-bolder"; + font-family: "lato-bolder", sans-serif; color: white; } @@ -4667,11 +4377,6 @@ div.button_message_alert_form input { font-size: 10pt; margin-right: 25px; } - -.ui-dialog .ui-dialog-titlebar { - background-color: #82b92e !important; -} - /* styles help pandora */ @@ -4690,25 +4395,25 @@ div#main_help_new_content { background: white; height: 100%; font-size: 12pt; - font-family: "lato-bolder"; + font-family: "lato-bolder", serif; } div#main_help_new_content h1 { - font-family: "lato-boldest"; + font-family: "lato-boldest", serif; font-size: 14pt; } div#main_help_new_content p { - font-family: "lato-bolder"; + font-family: "lato-bolder", serif; font-size: 12pt; } div#main_help_new_content b { - font-family: "lato-bolder"; + font-family: "lato-bolder", serif; font-size: 12pt; } div#main_help_new_content li { - font-family: "lato-bolder"; + font-family: "lato-bolder", serif; font-size: 12pt; } @@ -4720,6 +4425,7 @@ div#footer_help { /*center ui dialog center*/ .ui-dialog-titlebar .ui-icon-closethick { + background-image: url("../../images/icono_cerrar.png") !important; margin-top: -5px !important; } @@ -4879,8 +4585,8 @@ div#footer_help { } #is_favourite ul.container { display: flex; - flex-direction: row; flex-flow: row wrap; + flex-direction: row; align-content: center; justify-content: center; } @@ -4910,7 +4616,7 @@ div#footer_help { #is_favourite ul.container a li div.text { min-width: 50%; - font-family: Verdana; + font-family: sans-serif; font-size: 18px; color: #3f3f3f; text-align: center; @@ -4918,8 +4624,8 @@ div#footer_help { form ul.form_flex { display: flex; - flex-direction: row; flex-flow: row wrap; + flex-direction: row; align-content: center; justify-content: space-around; border: 1px solid #e2e2e2; @@ -4947,9 +4653,6 @@ form ul.form_flex li ul { display: flex; flex-direction: row; justify-content: space-around; -} - -form ul.form_flex li ul { flex-basis: 100%; } @@ -5106,9 +4809,6 @@ form ul.form_flex li ul li { flex-direction: column; } -#snmp_data { - background: #f9faf9; -} #snmp_data .databox { border: 0px; } @@ -5214,7 +4914,7 @@ div#dialog_messages table th:last-child { /* --- JQUERY-UI --- */ .ui-button-text-only .ui-button-text { - font-family: nunito; + font-family: "nunito", sans-serif; font-size: 9pt; color: #82b92e; } @@ -5232,9 +4932,10 @@ div#dialog_messages table th:last-child { padding: 0.4em 1em; height: 30px; position: relative; + background-color: #82b92e !important; } .ui-dialog .ui-dialog-title { - font-family: Nunito, sans-serif; + font-family: "Nunito", sans-serif; margin: 0.1em 0 !important; white-space: nowrap !important; width: 100% !important; @@ -5371,9 +5072,7 @@ div#dialog_messages table th:last-child { 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;