/* Author: The Pandora FMS team Name: Green "float window" Description: The default Pandora FMS theme layout // Pandora FMS - http://pandorafms.com // ========================================================== // Copyright (c) 2004-2011 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; } svg * { font-size: 11pt; } body { text-align: center; background-color: #555555; background-image: url(../../images/greyback.gif); margin: 0 auto; } #login_body { /* Set rules to fill background */ min-height: 100%; min-width: 1024px; /* Set up proportionate scaling */ width: 100%; height: auto; /* Set up positioning */ position: fixed; top: 0; left: 0; z-index: -999; } @media screen and (max-width: 1024px) { /* Specific to this particular image */ #login_body { left: 50%; margin-left: -512px; /* 50% */ } } body.pure { background-color: #fff; } input, textarea { border: 1px solid #ddd; } textarea { padding: 5px; min-height: 100px; width: 99%; } textarea.conf_editor { padding: 5px; width: 650px; height: 350px; } textarea.conf_error { background-image: url(../../images/err.png); background-repeat: no-repeat; background-position: top right; } input { padding: 2px 3px 4px 3px; } input.button { font-family: Arial,Sans-serif; border: 1px solid #ccc; background: #fff; padding: 2px 3px; margin: 10px 15px; } select { padding: 0px; border:1px solid #ddd; } checkbox { padding: 4px; border:1px solid #eee; } h1, h2, h3, h4 { font-weight: bold; font-size: 1em; font-family: Arial, Sans-serif; text-transform: uppercase; color: #3f4e2f; padding-bottom: 4px; padding-top: 7px; } h1 { font-size: 16px; } h2 { font-size: 15px; } h3 { font-size: 14px; } h4 { margin-bottom: 2px; padding-bottom: 0px; padding-top: 5px; font-size: 13px; color: #000; text-transform: none; } a { color: #000; text-decoration: none; } a:hover { color: #003a3a; text-decoration: underline; } a.white_bold { color: #eee; text-decoration: none; font-weight: bold; } a.white { color: #eee; text-decoration: none; } p.center { text-align: center; } h1#log { font-size: 18px; margin-bottom: 0px; color: #000; } h1#log_f { color: #c00; border-bottom: 1px solid #c00; padding-bottom: 3px; } div#login { margin: 0 auto; padding-top: 63px; width: 657px; border-left: solid 1px #000; border-top: solid 1px #000; border-bottom: solid 2px #000; border-right: solid 2px #000; font-size: 12px !important; } div#login_in, #login_f { margin: 0 auto 0 140px; width: 400px; } div#error_login { #margin: 0 auto; #margin-top: -10px; text-align: center; margin-top: 10px; margin-left: 5px; width: 70%; 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; } div#noaccess { width: 350px; padding-left: 40px; } div#activity{ padding-top: 18px; padding-bottom: 18px; } div#noa { float: right; padding-right: 50px; margin-top: 25px; } div#db_f { text-align: justify; margin: auto; padding: 0.5em; width: 55em; margin-top: 3em; } div#db_ftxt { float: right; padding-top: 10px; } div#container { margin: 0 auto; width: 960px; text-align: left; border-left: solid 2px #000; border-right: solid 2px #000; border-top: solid 2px #000; margin-top: 5px; background: #fff; } div#page { width: 960px; background: #fff; clear: both; border-bottom: solid 5px #80ab51; border-top: solid 5px #80ab51; } div#main { width: 785px; min-height: 500px; float: right; padding-left: 0px; padding-top: 0px; padding-bottom: 20px; margin-bottom: 25px; background-color: #fefefe; background-image: url(../../images/backgrounds/background4.jpg); margin-top: 0px; margin-left: 0px; margin-right: 0px; } div#main_help { width: 100%; padding-left: 0px; padding-top: 0px; background-color: #fefefe; background-image: url(../../images/backgrounds/background4.jpg); margin-top: 0px; margin-left: 0px; margin-right: 0px; } div#menu { width: 165px; float: left; } div#head { font-size: 8pt; width: 960px; height: 62px; padding-top: 1px; background: url(../../images/header.jpg); background-size: 100% !important; } div#foot { font-size: 7pt; border-top: solid 2px #000; padding-top: 5px; padding-bottom: 5px; text-align: center; background: #000; width: 960px; clear: both; } #ver { margin-bottom: 25px; } #bottom_logo { bottom: 0; height: 70px; margin: 0 auto 0 44%; overflow: hidden; position: fixed; } #ver_num { bottom: 0; height: 20px; right: 0; padding-right: 20px; overflow: hidden; position: fixed; color: #696969 } label { display: block; padding-top: 4px; font-weight: bold; text-align: left; } th > label { padding-top: 7px; } input.chk { margin-right: 0px; border: 0px none; height: 14px; } input.datos { background-color: #f5f5f5; } input.datos_readonly { background-color: #050505; } input.login { border: 0px none; background-color: #ebebeb; margin: 0px 0 8px 20px; width: 135px; height: 18px; } /* FF hack for login inputs */ @-moz-document url-prefix() { input.login{ margin: -2px 0 8px 20px !important; } } input.sub { font-weight: bold; border-bottom-color: #708090; border-right-color: #708090; /* These borders haven't made it yet in a valid standard First one is for Mozilla, second for Webkit (Safari, Konqueror), third one for IE7+ and valid CSS3. Percentage values are invalid here but .4em seems big enough */ -moz-border-radius: .4em; -webkit-border-radius: .4em; border-radius: .4em; font-size: 8pt; background-color: #e5e5e5; color: #000; } input.sub[disabled] { color: #aaa; } input.next, input.upd, input.ok, input.wand, input.delete, input.cog, input.target, input.search, input.copy, input.add, input.graph, input.percentile, input.binary, input.camera, input.config, input.cancel { padding-right: 21px; } input.delete_min, input.graph_min, input.percentile_min, input.percentile_item_min, input.binary_min, input.camera_min, input.config_min, input.label_min, input.icon_min { padding-right: 25px; } input.next { background: #e5e5e5 url(../../images/go.png) no-repeat 98% 2px; } input.upd { background: #e5e5e5 url(../../images/upd.png) no-repeat 98% 3px; } input.wand { background: #e5e5e5 url(../../images/wand.png) no-repeat 98% 3px; } input.search { background: #e5e5e5 url(../../images/zoom.png) no-repeat 98% 3px; } input.copy { background: #e5e5e5 url(../../images/copy.png) no-repeat 98% 3px; } input.ok { background: #e5e5e5 url(../../images/ok.png) no-repeat 98% 3px; } input.add { background: #e5e5e5 url(../../images/add.png) no-repeat 98% 3px; } input.cancel { background: #e5e5e5 url(../../images/cancel.png) no-repeat 98% 3px; } input.delete { background: #e5e5e5 url(../../images/cross.png) no-repeat 98% 3px; } input.cog { background: #e5e5e5 url(../../images/cog.png) no-repeat 98% 3px; } input.target { background: #e5e5e5 url(../../images/target.png) no-repeat 98% 3px; } input.graph { background: #e5e5e5 url(../../images/chart_curve.png) no-repeat 98% 3px; } input.percentile { background: #e5e5e5 url(../../images/chart_bar.png) no-repeat 98% 3px; } input.binary { background: #e5e5e5 url(../../images/binary.png) no-repeat 98% 3px; } input.camera { background: #e5e5e5 url(../../images/camera.png) no-repeat 98% 3px; } input.config { background: #e5e5e5 url(../../images/config.png) no-repeat 98% 3px; } input.delete_min { background: #e5e5e5 url(../../images/cross.png) no-repeat center; } input.delete_min[disabled] { background: #e5e5e5 url(../../images/cross.disabled.png) no-repeat center; } input.graph_min { background: #e5e5e5 url(../../images/chart_curve.png) no-repeat center; } input.graph_min[disabled] { background: #e5e5e5 url(../../images/chart_curve.disabled.png) no-repeat center; } input.percentile_min { background: #e5e5e5 url(../../images/chart_bar.png) no-repeat center; } input.percentile_min[disabled] { background: #e5e5e5 url(../../images/chart_bar.disabled.png) no-repeat center; } input.percentile_item_min { background: #e5e5e5 url(../../images/percentile_item.png) no-repeat center; } input.percentile_item_min[disabled] { background: #e5e5e5 url(../../images/percentile_item.disabled.png) no-repeat center; } input.binary_min { background: #e5e5e5 url(../../images/binary.png) no-repeat center; } input.binary_min[disabled] { background: #e5e5e5 url(../../images/binary.disabled.png) no-repeat center; } input.camera_min { background: #e5e5e5 url(../../images/camera.png) no-repeat center; } input.camera_min[disabled] { background: #e5e5e5 url(../../images/camera.disabled.png) no-repeat center; } input.config_min { background: #e5e5e5 url(../../images/config.png) no-repeat center; } input.config_min[disabled] { background: #e5e5e5 url(../../images/config.disabled.png) no-repeat center; } input.label_min { background: #e5e5e5 url(../../images/tag_red.png) no-repeat center; } input.label_min[disabled] { background: #e5e5e5 url(../../images/tag_red.disabled.png) no-repeat center; } input.icon_min { background: #e5e5e5 url(../../images/photo.png) no-repeat center; } input.icon_min[disabled] { background: #e5e5e5 url(../../images/photo.disabled.png) no-repeat center; } #toolbox { margin-top: 10px; } table, img { border: 0px; } th { color: #fff; background-color: #90b165; text-align:center; font-size: 7pt; } tr.datos, tr.datost, tr.datosb , tr.datos_id, tr.datosf9, tr.datos2, tr.datos2t, tr.datos2b, tr.datos2_id , tr.datos2f9 { background-color: #f9f9f9; } tr.datos:hover, tr.datost:hover, tr.datosb:hover, tr.datos_id:hover, tr.datosf9:hover, tr.datos2:hover, tr.datos2t:hover, tr.datos2b:hover, tr.datos2_id:hover, tr.datos2f9:hover { background-color: #efefef; } td.datos3 { background-color: #d4ddc6; } td.datos4 { /*Add !important because in php the function html_print_table write style in cell and this is style head.*/ text-align: center !important; background-color: #d4ddc6; } td.datos_id { color: #1a313a; } tr.rowPair { background-color: #fff; } tr.rowOdd { background-color: #EEEEEE; } tr.rowPair:hover { background-color: #E0E0E0; } tr.rowOdd:hover { background-color: #E0E0E0 } .bg { /* op menu */ background-color: #80ab51; } .bg2 { /* main page */ background-color: #e79b5d; } .bg3 { /* godmode */ background-color: #e79b5d; } .bg4 { /* links */ background-color: #5385bf; } .bg, .bg2, .bg3, .bg4 { position: relative; width: 100%; } .bg { height: 20px; } .bg2, .bg3, .bg4 { height: 17px; } .f10, #ip { font-size: 7pt; text-align: center; } .f9, .f9i, .f9b, .datos_greyf9, .datos_bluef9, .datos_greenf9, .datos_redf9, .datos_yellowf9, td.f9, td.f9i, td.datosf9, td.datos2f9 { font-size: 6.5pt; } .f9i, .redi { font-style: italic; } .tit { padding: 3px 1px; } .tit, .titb { font-weight: bold; color: #fff; text-align: center; } .suc, .error, .help { padding: 4px 1px 6px 30px; } .suc { color: #5a8629; background: url(../../images/suc.png) no-repeat 1px; } .error { background: url(../../images/err.png) no-repeat; } .help { background: url(../../images/help.png) no-repeat; } .red, .redb, .redi, .error { color: #c00; } .sep { margin-left: 30px; border-bottom: 1px solid #708090; width: 100%; } .orange { color: #ffa300; } .green { color: #5a8629; } .yellow { color: #F3C500; } .greenb { color: #00aa00; } .grey { color: #808080; font-weight: bold; } .redb, .greenb, td.datos_id, td.datos2_id, f9b { font-weight: bold; } .p10 { padding-top: 1px; padding-bottom: 0px; } .p21 { padding-top: 2px; padding-bottom: 1px; } .w120 { width: 120px; } .w130, #table-agent-configuration select { width: 130px; } .w135 { width: 135px; } .w155, #table_layout_data select { width: 155px; } .top, .top_red, .bgt, td.datost, td.datos2t { vertical-align: top; } .top_red { background: #ff0000; } .bot, .titb, td.datosb { vertical-align: bottom; } .msg { margin-top: 15px; text-align: justify; } ul.mn { list-style: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; line-height: 24px; } .gr { font-size: 10pt; font-weight: bold; } a.mn, .gr { font-family: Arial, Verdana, sans-serif, Helvetica; } div.nf { background: url(../../images/info.png) no-repeat scroll 0 50% transparent; color: #ac4444; margin-left: 7px; padding: 8px 1px 6px 25px; } div.title_line { background-color: #4e682c; height: 5px; width: 762px; } #menu_tab_frame, #menu_tab_frame_view { display: block !important; background:#e79b5d none repeat scroll 0 0; border-bottom:1px solid #778866; /* float:left; */ margin-left:-8px; min-height:25px; padding-right:8px; width:100%; } #menu_tab_frame_view { background: #9bc969; } #menu_tab .mn, #menu_tab ul, #menu_tab .mn ul { padding: 0px; list-style: none; margin: 0px; } #menu_tab .mn li { float: right; position: relative; } #menu_tab li a, #menu_tab a { background: #d4ddc6; padding: 3px 5px; color: #666; border-left: 2px solid #80AB51; font-weight: bold; line-height: 18px; } #menu_tab li.separator_view { background: #9BC969; padding: 4px; } #menu_tab li.separator { background: #e79b5d; padding: 4px; } #menu_tab li.nomn_high a { background: #799E48; color: #fff; } #menu_tab .mn li a { display: block; text-decoration: none; } #menu_tab li.nomn:hover a, #menu_tab li:hover ul a:hover { background: #799E48; color: #fff; } #menu_tab li:hover a { background: #b2b08a url("../../images/arrow.png") no-repeat right 3px; } #menu_tab li:hover ul a, #menu_tab .mn ul { background: #db6351; border-top: none; } /* TAB TITLE */ #menu_tab_left .mn, #menu_tab_left ul, #menu_tab_left .mn ul { color: #fff; font-weight: bold; padding: 0px 0px 0px 0px; list-style: none; margin: 0px 0px 0px 2px; } #menu_tab_left .mn li { float: left; position: relative; } #menu_tab_left li a, #menu_tab_left li span { /* text-transform: uppercase; */ background: #e79b5d; padding: 2px 5px 2px 5px; color: #fff; font-weight: bold; line-height: 18px; } #menu_tab_left .mn li a { display: block; text-decoration: none; } #menu_tab_left li.view a { background: #6a4; padding: 2px 10px 2px 10px; color: #fff; font-weight: bold; line-height: 18px; } span.users { background: url(../../images/group.png) no-repeat; } span.agents { background: url(../../images/bricks.png) no-repeat; } span.data { background: url(../../images/data.png) no-repeat; } span.alerts { background: url(../../images/bell.png) no-repeat; } span.time { background: url(../../images/hourglass.png) no-repeat; } span.net { background: url(../../images/network.png) no-repeat; } span.master { background: url(../../images/master.png) no-repeat; } span.wmi { background: url(../../images/wmi.png) no-repeat; } span.prediction { background: url(../../images/chart_bar.png) no-repeat; } span.plugin { background: url(../../images/plugin.png) no-repeat; } span.export { background: url(../../images/database_refresh.png) no-repeat; } span.snmp { background: url(../../images/snmp.png) no-repeat; } span.binary { background: url(../../images/binary.png) no-repeat; } span.recon { background: url(../../images/recon.png) no-repeat; } span.rmess { background: url(../../images/email_open.png) no-repeat; } span.nrmess { background: url(../../images/email.png) no-repeat; } span.recon_server { background: url(../../images/recon.png) no-repeat; } span.wmi_server { background: url(../../images/wmi.png) no-repeat; } span.export_server { background: url(../../images/server_export.png) no-repeat; } span.inventory_server { background: url(../../images/page_white_text.png) no-repeat; } span.web_server { background: url(../../images/world.png) no-repeat; } /* This kind of span do not have any sense, should be replaced on PHP code by a real img in code. They are not useful because insert too much margin around (for example, not valid to use in the table of server view */ span.users, span.agents, span.data, span.alerts, span.time, span.net, span.master, span.snmp, span.binary, span.recon, span.wmi, span.prediction, span.plugin, span.plugin, span.export, span.recon_server, span.wmi_server, span.export_server, span.inventory_server, span.web_server { margin-left: 4px; margin-top: 10px; padding: 4px 8px 12px 30px; display: block; } span.rmess, span.nrmess { margin-left: 14px; padding: 1px 0px 10px 30px; display: block; } /* New styles for data box */ .databox, .databox_color, .databox_frame { margin-bottom: 5px; margin-top: 5px; margin-left: 0px; border: 1px solid #f2f2f2; } .databox { background-color: #fafafa; } /* Style for login form */ .databox_login { #margin-top: 100px !important; width: 657px !important; height: 400px; #margin-bottom: 5px; #margin-top: 5px; #margin-left: 0px; border: none !important; background-color: #fafafa; background: url(../../images/splash_pandora.png) no-repeat; } /* Style for login form */ .databox_logout { width: 657px !important; height: 400px; border: none !important; background-color: #fafafa; background: url(../../images/splash_logout.png) no-repeat; } .databox_error { width: 657px !important; height: 400px; border: none !important; background-color: #fafafa; background: url(../../images/splash_error.png) no-repeat; } .databox_color { background-color: #fafafa; } #head_l { float: left; margin: 0; padding: 0; } #head_r { float: right; text-align: right; margin-right: 10px; padding-top: 0px; } #head_m { position: absolute; padding-top: 6px; padding-left: 12em; } span#logo_text1 { font: bolder 3em Arial, Sans-serif; letter-spacing: -2px; color: #eee; } span#logo_text2 { font: 3em Arial, Sans-serif; letter-spacing: -2px; color: #aaa; } div#logo_text3 { text-align: right; font: 2em Arial, Sans-serif; letter-spacing: 6px; color: #aaa; font-weight: bold; margin-top: 0px; margin-left: 4px; padding-top: 0px; } .bb0 { border-bottom: 0px; } .bt0 { border-top: 0px; } .action-buttons { text-align: right; } #table-add-item select, #table-add-sla select { width: 180px; } /* classes for event priorities. Sits now in functions.php */ .datos_green, .datos_greenf9 { background-color: #BBFFA4; } .datos_red, .datos_redf9 { background-color: #FFC0B5; } .datos_yellow, .datos_yellowf9 { background-color: #F4FFBF; } .datos_blue, .datos_bluef9 { background-color: #CDE2EA; } .datos_grey, .datos_greyf9 { background-color: #E4E4E4; } td.datos_greyf9, td.datos_bluef9, td.datos_greenf9, td.datos_redf9, td.datos_yellowf9 { padding: 5px 5px 5px 5px; } /* end of classes for event priorities */ div#main_pure { background-color: #fefefe; text-align: left; margin-bottom: 25px; margin-top: 10px; margin-left: 10px; margin-right: 10px; height: auto; width: 98%; position: absolute; } #table-agent-configuration radio { margin-right: 40px; } .ui-draggable { cursor:move; } #layout_trash_drop { float: right; width: 300px; height: 180px; background: #fff url("../../images/trash.png") no-repeat bottom left; } #layout_trash_drop div { display: block; } #layout_editor_drop { float: left; width: 300px; } .agent_reporting { margin: 5px; padding: 5px; } .report_table, .agent_reporting { border: #CCC outset 3px; } .img_help { cursor: help; } #loading { position:fixed; width: 200px; margin-left: 250px; text-align:center; top:300px; background-color: #999999; padding: 20px; } /* IE 7 Hack */ #editor { *margin-top: 10px !important; } /* big_data is used in tactical and logon_ok */ a.big_data { text-decoration: none; font: bold 2em Arial, Sans-serif; } .notify { background-color: #f7ffa5; text-align: center; font-weight: bold; padding: 8px; margin-left: -1%; width: 101%; z-index: -1; } .notify a { color: #003a3a; text-decoration: underline; } .listing { border-collapse: collapse; } .listing td { border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; } ul { list-style-type: none; padding-left: 0; margin-left: 0; } span.actions { margin-left: 30px; } .actions { min-width: 200px! important; } code, pre { font-family: courier, serif; } select#template, select#action { width: 250px; } #label-checkbox-matches_value, #label-checkbox-copy_modules, #label-checkbox-copy_alerts { display: inline; font-weight: normal; } input[type=image] { border:0px; } table#simple select#id_module_type, table#alert_search select#id_agent, table#alert_search select#id_group, table#network_component select#type { width: 200px; } table#simple select#select_snmp_oid, table#simple select#id_plugin, table#network_component select#id_plugin { width: 270px; } table#simple select#prediction_id_group, table#simple select#prediction_id_agent, table#simple select#prediction_module { width: 50%; display: block; } table#simple input#text-plugin_parameter, table#simple input#text-snmp_oid, table#source_table select, table#destiny_table select, table#target_table select, table#filter_compound_table select, table#filter_compound_table #text-search, table#delete_table select { width: 100%; } table#simple select#network_component_group, table#simple select#network_component { width: 90%; } table#simple span#component_group, table#simple span#component { width: 45%; font-style: italic; } table#simple label { display: inline; font-weight: normal; font-style: italic; } .clickable { cursor: pointer; } table#agent_list tr, table.alert_list tr { vertical-align: top; } .toggle { border-collapse: collapse;} .toggle td { border-left: 1px solid #D3D3D3;} ul.actions_list { list-style-image: url(../../images/arrow.png); list-style-position: inside; margin-top: 0; } div.loading { background-color: #FFF1A8; margin-left: auto; margin-right: auto; padding: 5px; text-align: center; font-style: italic; width: 95%; } div.loading img { float: right; } /* Tablesorter jQuery pager */ div.pager { margin-left: 10px; margin-top: 5px; } div.pager img{ position: relative; top: 4px; padding-left: 5px; } div.pager input { padding-left: 5px; } .pagedisplay { border: 0; width: 35px; } /* Steps style */ ol.steps { margin-bottom: 15px; padding: 0; list-style-type: none; list-style-position: outside; } ol.steps li { float: left; background-color: #efefef; padding: 5px; margin-left: 5px; width: 150px; } ol.steps li a { color: #000; } ol.steps li.visited a { color: #999; } ol.steps li span { font-weight: normal; display: block; } ol.steps li span { color: #777; } ol.steps li.visited span { color: #999; } ol.steps li.current { border-left: 5px solid #778866; margin-left: 0; font-weight: bold; background-color: #E9F3D2; } ol.steps li.visited { color: #999 !important; } fieldset { border: 2px solid #E9F3D2; padding: 0 0 0 10px; width: 90%; margin-bottom: 15px; } fieldset legend span, span#latest_value { font-style:italic; } span#latest_value span#value { font-style:normal; } form#filter_form { margin-bottom: 15px; } ul.action_list { margin: 0; list-style: none inside url(../../images/arrow.png); } ul.action_list li div { margin-left: 15px; } span.action_name { float: none; } div.actions_container { overflow:auto; width: 100%; max-height: 200px; } div.actions_container label { display: inline; font-weight: normal; font-style: italic; } a.add_action { clear: both; display: block; } /* timeEntry styles */ .timeEntry_control { vertical-align: middle; margin-left: 2px; } div#steps_clean { clear:both; } div#event_control { clear:right; } /* Autocomplete styles */ .ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; text-align: left; } .ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ /*width: 100%;*/ font: menu; font-size: 12px; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height: 16px; } .ac_loading { background: white url('../images/loading.gif') right center no-repeat; } .ac_over { background-color: #efefef; } span.ac_extra_field, span.ac_extra_field strong { font-style: italic; font-size: 9px; } div#pandora_logo_header { /* Put here your company logo (139x60 pixels) like this: */ /* background: url(../../images/MiniLogoArtica.jpg); */ background: url(../../images/pandora_logo_head.png); background-position: 0% 0%; width: 139px; height: 60px; float: left; } .disabled_module { color: #aaa; } div.warn { background: url(../../images/info.png) no-repeat; color: #ac4444; margin-top: 7px; padding: 2px 1px 6px 25px; } .menu li, .menu li.selected, .menu li.not_selected { display: block; min-height: 20px; border: 0px; margin-bottom: 1px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } /* Pandora width style theme */ div#container { width: 95%; } div#page { width: auto; } div#main { width: auto; float: none; padding-left: 0px; padding-top: 0px; padding-bottom: 20px; margin-left: 175px; margin-right: 20px; } div#head { width: auto; } div#foot { width: auto; } ol.steps { margin-bottom: 70px; } div#steps_clean { display:none; } #menu_tab_frame, #menu_tab_frame_view { width: 100%; padding-right: 28px; margin-left: -8px; } 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: 4px; } /*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; } /* Cells divs to set individual styles with the table objects */ div.cellBold { width:100%; height:100%; font-weight: bold; } div.cellCenter { width:100%; height:100%; text-align:center; } div.cellWhite { width:100%; height:100%; background: #fff; color: #000; } div.cellNormal { width:100%; height:100%; background: #008e00; color: #fff; } div.cellCritical { width:100%; height:100%; background: #cc0000; color: #fff; } div.cellWarning { width:100%; height:100%; background: #fce94f; color: #000; } div.cellUnknown { width:100%; height:100%; background: #babdb6; color: #000; } div.cellNotInit { width:100%; height:100%; background: #729fcf; color: #000; } div.cellAlert { width:100%; height:100%; background: #ffa300; color: #000; } div.cellBorder1 { width:100%; height:100%; border: 1px solid black; } div.cellBig { width:100%; height:100%; font-size: 18px; } .info_box { background: #EBEBEB; margin: 10px auto; padding: 5px; border: 1px solid #A8A8A8; width: 85% !important; -moz-box-shadow: 0px 2px 2px #010E1B !important; -webkit-box-shadow: 0px 2px 2px #010E1B !important; box-shadow: 0px 2px 2px #010E1B !important; } .info_box .title * { font-size: 10pt !important; font-weight: bolder; } .info_box .icon { width: 30px !important; text-align: center; }