From 2ddbea117c65487a045798dadc0c3429e57b13ad Mon Sep 17 00:00:00 2001
From: juanmanuelr <noreply@pandorafms.org>
Date: Mon, 16 Apr 2012 11:24:47 +0000
Subject: [PATCH] 2012-04-16 Juan Manuel Ramon <juanmanuel.ramon@artica.es>
* include/styles/dialog.css
include/styles/pandora.css
operation/system_alert.php
include/functions_config.php
general/login_page.php: Modified style in UM license advises, also
modified style in system alerts dialog.
* include/functions_ui.php: Modified function ui_print_message to
allow force the style.
* include/styles/pandora_legacy.css: New css style with Pandora old
style "legacy". New style has 100% page width.
* images/spinner.gif
images/spinner.png: Added new spinners with transparency.
git-svn-id: https://svn.code.sf.net/p/pandora/code/trunk@5982 c3f86ba8-e40f-0410-aaad-9ba5e7f4b01f
---
pandora_console/ChangeLog | 18 +
pandora_console/images/spinner.gif | Bin 673 -> 1737 bytes
pandora_console/images/spinner.png | Bin 266 -> 730 bytes
pandora_console/include/functions_config.php | 20 +-
pandora_console/include/functions_ui.php | 7 +-
pandora_console/include/styles/dialog.css | 10 +-
pandora_console/include/styles/pandora.css | 24 +-
.../include/styles/pandora_legacy.css | 1491 +++++++++++++++++
pandora_console/operation/system_alert.php | 2 +-
9 files changed, 1545 insertions(+), 27 deletions(-)
create mode 100644 pandora_console/include/styles/pandora_legacy.css
diff --git a/pandora_console/ChangeLog b/pandora_console/ChangeLog
index a85c10069b..5147d3e73a 100644
--- a/pandora_console/ChangeLog
+++ b/pandora_console/ChangeLog
@@ -1,3 +1,21 @@
+2012-04-16 Juan Manuel Ramon <juanmanuel.ramon@artica.es>
+
+ * include/styles/dialog.css
+ include/styles/pandora.css
+ operation/system_alert.php
+ include/functions_config.php
+ general/login_page.php: Modified style in UM license advises, also
+ modified style in system alerts dialog.
+
+ * include/functions_ui.php: Modified function ui_print_message to
+ allow force the style.
+
+ * include/styles/pandora_legacy.css: New css style with Pandora old
+ style "legacy". New style has 100% page width.
+
+ * images/spinner.gif
+ images/spinner.png: Added new spinners with transparency.
+
2012-04-16 Juan Manuel Ramon <juanmanuel.ramon@artica.es>
* extensions/update_license_info.php: Added view to show UM license
diff --git a/pandora_console/images/spinner.gif b/pandora_console/images/spinner.gif
index f2a1bc0c6f545e20e631a96e8e92f9822e75d046..1560b646cff2cc4fd292d7fdb6f7adc7eb484b4a 100644
GIT binary patch
literal 1737
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
D?d&fs
literal 673
zcmZ?wbhEHb6krfw_{6~Q|Nnmm28Kh24mmkF0U1e2Nli^nlO|14{3qpHl$uzQnxasi
zS(2fUn3Y(Olb@KPmzkHA&!G5|g@FsGT=74*pKD04vtxj(k)8oFBTz^Oh=E26FfcG1
zbL_hF&)}42ws10s6^G;;cE1^EoUR)U5A70}d2pLv!jVIT7j&Z~EblI3x0K*v_sV|m
z0W=b9G$XP(CLnYCdK49;TX=SFc-G}o=oA=|U?{1O;Nu!CwW3C5Yw7*Bi4yD$3fCnb
zwK+>}QdQ9sf*QnxY>*kpE+b{_Q;sJloS71)&(@kO!}mqf@1v(v;*8Y=G9S3kY~Cw#
zY=t&c<XiDSjLnDnjaH^e&EL-gHHsP8D4^exRJBhTwM~38CoI0Tdl_e|A`gq9OM9Y>
z;3~JK4HxB^lY(MD+sYeQ=t%XSSW;x^1M?dTvN=W^yNcAcy`HCte31C;)5xP%b~qs>
zDP&4(%TBqBNGHwnryK;B<zCvzA65gK6Eq2C3@frRK<6kNnqVpZxa9esTk{MgkIOtz
z)N|T4_f+_rMTR_V+#<z^yEmAApUT*1uz|C4_xxN<FPJ%O$mRf@bLZa&PQjaVLStt!
zzPnXeFg2m$ZsMG~CevCS-HsZFOh}l$jggn-kb}T%!-hlG&P{|F!;WDLFy>dMI$fEg
xd0mc!<FG>C@j^ZpLxYv4HmnPfI0THYuv<%+6iSmMn&w3dPGDfL1|=LY008wP(boU~
diff --git a/pandora_console/images/spinner.png b/pandora_console/images/spinner.png
index c5715387ce049b7b6ddea0eecabb3ed98593dff9..f88983b334812819beee19c0c4cdc35de9054567 100644
GIT binary patch
delta 717
zcmV;;0y6!I0@?+T8Gi!+001a04^sdD00DDSM?wIu&K&6g00DPUOjJex|Nj600Myjf
zl$4ZUU|>K%Ktx1DZf<U(qN3c~+@z$WBqSs#C@3&6Fg7+eK0ZEbYHGT=x*QxFa&mI)
z?CkFD?!v;tii(O*P*7f8UcSD*(9qC2Iyx2>7L1IHs;a77Tz_1Ae0<{K;)aHX4h{}z
zXlR_AoMvWbwzjrLMn(z>3b3%SmX?+n7#Icy2I%PM^z`(2czA?_g!cCKf`WpmsHpn-
z`uzO-z`(%D%F6io_}13euCA`|@bJ>o(&Xgi-rnBM&d$ch#=N||;Nalc*x2&&^4i+k
zdU|@aw6wCavVTlWOj1%(T3T9SVq!u<LOeV?#KgpQc6Kr{GV1E;Dk>_Dj*eJZSS&0o
z9v&W`prB4pP7)Flh=_<}WMninG|0%v%*@Q@=H|G#xPE?ql9H01o}N}#R*;a8N=iyd
zNJt_gBBrLM5D*Xy3=FKStONuEnwpv>CMFaV6gW6IbboYoE-o$z2ncX+a3CNcR8&-K
zY;1slfYE1xd;kCd0d!JMQvg8b*k%9#00Cl4M??UK1szBL000SaNLh0L01FcU01FcV
z0GgZ_00007bV*G`2iyb;3nwUOjG{{b001I%MObu0Z*6U5Zgc=ca%Ew3Wn>_CX>@2H
zVQOJ`Y=3WIWG-oLW^Xa{hOGbq0HH}lK~xyiV_?7r%+0ObL`B`qV0^0(Gh;WABo`N3
z2wzQ9U)0#l+)BjNS_H&*<kho+$b>lB83QS0EkBrEPB9lC>8+v-6A*E>1d`k_Aus_m
zuVf&}qYD?Xk_RbHkJNw(xI_s8$yDxAn1G;;BSw&9@{TBk@WsSAz`FATN{j++-5hfi
z#ib!K+6w+zKE846a)~g#?i_}a>f##qSbYuvmU$R5sG^qG00000NkvXXu0mjf{%JRL
delta 249
zcmV<V00#fs1&RWY8Gi-<001BJ|6u?C00eVFNmK|32nc)#WQYI&0KrK_K~y-6?UUgN
z!ypiazmyJ;5gZ{41P)y!3uK4vkOdqia0@uXjgSqlKZ?P&w6x@J9|%wM&i9_$xjScY
zIaU2{aBrZho>KCZlB??PR}y1%zyXgjy1VnsIBns&EXy%z`Es}D>Pu8r&p87yO%vld
zcF&t@M(x^RA?J*lVP<UG_Ht4iaLccigb*;Zhk{ZH0K+i6wQwj95kd%v2qHo)u4rYq
zynFW>*LC%M-vQ|Ro_U^MGI_A@j4Hd7^3lQ#$&+;DeTBoV00000NkvXXu0mjfYjbUs
diff --git a/pandora_console/include/functions_config.php b/pandora_console/include/functions_config.php
index 69002b049a..2167322dcf 100644
--- a/pandora_console/include/functions_config.php
+++ b/pandora_console/include/functions_config.php
@@ -633,14 +633,14 @@ function config_check (){
$config["alert_cnt"]++;
$_SESSION["alert_msg"] .= ui_print_error_message(
array('message' => __('Default password for "Admin" user has not been changed.').'</h3>'.'<p>'.__('Please change the default password because is a common vulnerability reported.'),
- 'no_close' => true), '', true);
+ 'no_close' => true, 'force_style' => 'color: #000000 !important'), '', true);
}
if (!is_writable ("attachment")){
$config["alert_cnt"]++;
$_SESSION["alert_msg"] .= ui_print_error_message(
array('message' => __('Attachment directory is not writable by HTTP Server').'</h3>'.'<p>'.__('Please check that the web server has write rights on the {HOMEDIR}/attachment directory'),
- 'no_close' => true), '', true);
+ 'no_close' => true, 'force_style' => 'color: #000000 !important'), '', true);
}
// Get remote file dir.
@@ -651,7 +651,7 @@ function config_check (){
$config["alert_cnt"]++;
$_SESSION["alert_msg"] .= ui_print_error_message(
array('message' => __('Remote configuration directory is not writtable for the console').' - $remote_config',
- 'no_close' => true), '', true);
+ 'no_close' => true, 'force_style' => 'color: #000000 !important'), '', true);
}
$remote_config_conf = $remote_config . "/conf";
@@ -659,7 +659,7 @@ function config_check (){
$config["alert_cnt"]++;
$_SESSION["alert_msg"] .= ui_print_error_message(
array('message' => __('Remote configuration directory is not writtable for the console').' - $remote_config',
- 'no_close' => true), '', true);
+ 'no_close' => true, 'force_style' => 'color: #000000 !important'), '', true);
}
$remote_config_col = $remote_config . "/collections";
@@ -667,7 +667,7 @@ function config_check (){
$config["alert_cnt"]++;
$_SESSION["alert_msg"] .= ui_print_error_message(
array('message' => __('Remote configuration directory is not writtable for the console').' - $remote_config',
- 'no_close' => true), '', true);
+ 'no_close' => true, 'force_style' => 'color: #000000 !important'), '', true);
}
}
@@ -680,7 +680,7 @@ function config_check (){
$_SESSION["alert_msg"] .= ui_print_error_message(
array('title' => __('Too much files in your tempora/attachment directory'),
'message' => __("There are too much files in attachment directory. This is not fatal, but you should consider cleaning up your attachment directory manually"). " ( $filecount ". __("files") . " )",
- 'no_close' => true), '', true);
+ 'no_close' => true, 'force_style' => 'color: #000000 !important'), '', true);
}
// Check database maintance
@@ -698,7 +698,7 @@ function config_check (){
$_SESSION["alert_msg"] .= ui_print_error_message(
array('title' => __("Database maintance problem"),
'message' => __('Your database is not well maintained. Seems that it have more than 48hr without a proper maintance. Please review Pandora FMS documentation about how to execute this maintance process (pandora_db.pl) and enable it as soon as possible'),
- 'no_close' => true), '', true);
+ 'no_close' => true, 'force_style' => 'color: #000000 !important'), '', true);
}
$fontpath = db_get_value_filter('value', 'tconfig', array('token' => 'fontpath'));
@@ -707,7 +707,7 @@ function config_check (){
$_SESSION["alert_msg"] .= ui_print_error_message(
array('title' => __("Default font doesnt exist"),
'message' => __('Your defined font doesnt exist or is not defined. Please check font parameters in your config'),
- 'no_close' => true), '', true);
+ 'no_close' => true, 'force_style' => 'color: #000000 !important'), '', true);
}
global $develop_bypass;
@@ -717,7 +717,7 @@ function config_check (){
$_SESSION["alert_msg"] .= ui_print_error_message(
array('title' => __("Developer mode is enabled"),
'message' => __('Your Pandora FMS has the "develop_bypass" mode enabled. This is a developer mode and should be disabled in a production system. This value is written in the main index.php file'),
- 'no_close' => true), '', true);
+ 'no_close' => true, 'force_style' => 'color: #000000 !important'), '', true);
}
//pandora_update_manager_login();
@@ -727,7 +727,7 @@ function config_check (){
$_SESSION["alert_msg"] .= ui_print_info_message(
array('title' => __("New update of Pandora Console"),
'message' => __('There is a new update please go to menu operation and into extensions go to Update Manager for more details.'),
- 'no_close' => true), '', true);
+ 'no_close' => true, 'force_style' => 'color: #000000 !important'), '', true);
}
}
}
diff --git a/pandora_console/include/functions_ui.php b/pandora_console/include/functions_ui.php
index 3f7d502055..6d3e250639 100644
--- a/pandora_console/include/functions_ui.php
+++ b/pandora_console/include/functions_ui.php
@@ -135,7 +135,7 @@ function printSmallFont ($string, $return = true) {
/**
* Prints a generic message between tags.
*
- * @param mixed The string message or array ('title', 'message', 'icon', 'no_close') to be displayed
+ * @param mixed The string message or array ('title', 'message', 'icon', 'no_close', 'force_style') to be displayed
* @param string the class to user
* @param string Any other attributes to be set for the tag.
* @param bool Whether to output the string or return it
@@ -151,6 +151,7 @@ function ui_print_message ($message, $class = '', $attributes = '', $return = fa
$text_message = '';
$icon_image = '';
$no_close_bool = false;
+ $force_style = '';
if (is_array($message)) {
if (!empty($message['title']))
$text_title = $message['title'];
@@ -160,6 +161,8 @@ function ui_print_message ($message, $class = '', $attributes = '', $return = fa
$icon_image = $message['icon'];
if (!empty($message['no_close']))
$no_close_bool = $message['no_close'];
+ if (!empty($message['force_style']))
+ $force_style = $message['force_style'];
}
else {
$text_message = $message;
@@ -198,7 +201,7 @@ function ui_print_message ($message, $class = '', $attributes = '', $return = fa
$id = 'info_box_' . uniqid();
$output = '<table cellspacing="0" cellpadding="0" id="' . $id . '" ' . $attributes . '
- class="info_box ' . $class . '" >
+ class="info_box ' . $class . '" style="' . $force_style . '">
<tr>
<td class="icon">' . html_print_image($icon_image, true) . '</td>
<td class="title"><b>' . $text_title . '</b></td>
diff --git a/pandora_console/include/styles/dialog.css b/pandora_console/include/styles/dialog.css
index fa7d4f7509..c42c252c59 100644
--- a/pandora_console/include/styles/dialog.css
+++ b/pandora_console/include/styles/dialog.css
@@ -2,7 +2,7 @@
/* This file skins dialog */
.ui-dialog {
- background: #D3D3D3 !important;
+ background: none repeat scroll 0 0 #D3D3D3 !important;
border: 1px solid #DDDDDD !important;
color: #333333 !important;
padding: 0.2em !important;
@@ -17,6 +17,7 @@
box-shadow: 0px 5px 5px #010E1B !important;
}
+
.ui-dialog .ui-dialog-titlebar {
background: url(../../images/ui_title.png) repeat-x scroll !important;
#height: 15px !important;
@@ -57,7 +58,7 @@
background: url(images/dialog-titlebar-close.png) no-repeat !important;
position: absolute !important;
top: 2px;
- right: 17px !important;
+ right: 5px !important;
cursor: default !important;
}
@@ -72,7 +73,6 @@
.ui-dialog .ui-dialog-titlebar-close-hover {
color: #000000 !important;
}
-
.ui-dialog .ui-dialog-titlebar-close:hover span {
display: none !important;
@@ -100,7 +100,7 @@
#height: 80% !important;
#width: 98% !important;
margin: 0 auto !important;
- background: #EEEEEE !important;
+ background: #FFFFFF !important;
position: relative !important;
}
@@ -214,7 +214,7 @@
.ui-dialog .ui-button-dialog {
background: #F6F6F6;
border: 1px solid #CCCCCC;
- color: #696969;
+ color: #696969 !important;
font-weight: bold;
outline: medium none;
cursor: pointer;
diff --git a/pandora_console/include/styles/pandora.css b/pandora_console/include/styles/pandora.css
index f02d5587ce..55884fa10a 100644
--- a/pandora_console/include/styles/pandora.css
+++ b/pandora_console/include/styles/pandora.css
@@ -32,7 +32,7 @@ body {
text-align: center;
background-color: #555555;
background-image: url(../../images/greyback.gif);
-
+ margin: 0 auto;
}
#login_body {
@@ -163,6 +163,7 @@ div#login {
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;
@@ -172,10 +173,12 @@ div#error_login {
#margin: 0 auto;
#margin-top: -10px;
text-align: center;
- margin-top: 30px;
+ margin-top: 10px;
margin-left: 5px;
- width: 73%;
- float: left;
+ width: 70%;
+ float: right;
+ text-align: left;
+ top: 100px;
}
div#error_login_icon {
@@ -220,10 +223,10 @@ 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;
+ #border-left: solid 2px #000;
+ #border-right: solid 2px #000;
+ #border-top: solid 2px #000;
+ #margin-top: 5px;
background: #fff;
}
div#page {
@@ -1308,7 +1311,7 @@ div.warn {
/* Pandora width style theme */
div#container {
- width: 95%;
+ width: 100%;
}
div#page {
width: auto;
@@ -1482,6 +1485,9 @@ div.cellBig {
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 * {
diff --git a/pandora_console/include/styles/pandora_legacy.css b/pandora_console/include/styles/pandora_legacy.css
new file mode 100644
index 0000000000..2326a85fa1
--- /dev/null
+++ b/pandora_console/include/styles/pandora_legacy.css
@@ -0,0 +1,1491 @@
+/*
+
+Author: The Pandora FMS team
+Name: Legacy theme
+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);
+}
+
+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;
+}
diff --git a/pandora_console/operation/system_alert.php b/pandora_console/operation/system_alert.php
index 576519c827..e02e593a78 100644
--- a/pandora_console/operation/system_alert.php
+++ b/pandora_console/operation/system_alert.php
@@ -2,7 +2,7 @@
// TODO: Poner esto resizable y dragable: http://jqueryui.com/demos/dialog
-echo "<div style='margin-top: 30px; width: 550px; margin-left: 50px'>";
+echo "<div style='margin-top: 10px; width: 100%; height: 250px; overflow: auto; margin-left: 0px; text-align: left;'>";
echo $_SESSION["alert_msg"];
echo "</div>";