mirror of
https://github.com/pandorafms/pandorafms.git
synced 2025-07-31 01:35:36 +02:00
2013-04-23 Sergio Martin <sergio.martin@artica.es>
* include/styles/dialog.css include/styles/images/dialog-titlebar-close.png include/styles/pandora.css include/ajax/events.php include/functions_events.php images/event_responses_col.png images/interrogant.png general/pandora_help.php general/footer.php general/login_page.php general/logon_ok.php: Change the help screens and the modal windows visual style to new design. Little fixes to support metaconsole login and some visual changes git-svn-id: https://svn.code.sf.net/p/pandora/code/trunk@8035 c3f86ba8-e40f-0410-aaad-9ba5e7f4b01f
This commit is contained in:
zarzuelo
parent
ed0426d757
commit
835df83df1
@ -1,3 +1,20 @@
|
|||||||
|
2013-04-23 Sergio Martin <sergio.martin@artica.es>
|
||||||
|
|
||||||
|
* include/styles/dialog.css
|
||||||
|
include/styles/images/dialog-titlebar-close.png
|
||||||
|
include/styles/pandora.css
|
||||||
|
include/ajax/events.php
|
||||||
|
include/functions_events.php
|
||||||
|
images/event_responses_col.png
|
||||||
|
images/interrogant.png
|
||||||
|
general/pandora_help.php
|
||||||
|
general/footer.php
|
||||||
|
general/login_page.php
|
||||||
|
general/logon_ok.php: Change the help screens and
|
||||||
|
the modal windows visual style to new design.
|
||||||
|
Little fixes to support metaconsole login and
|
||||||
|
some visual changes
|
||||||
|
|
||||||
2013-04-23 Miguel de Dios <miguel.dedios@artica.es>
|
2013-04-23 Miguel de Dios <miguel.dedios@artica.es>
|
||||||
|
|
||||||
* include/functions_ui.php, include/javascript/pandora_modules.js:
|
* include/functions_ui.php, include/javascript/pandora_modules.js:
|
||||||
|
|||||||
@ -26,10 +26,10 @@ if (! file_exists ($config["homedir"] . $license_file)) {
|
|||||||
$license_file = 'general/license/pandora_info_en.html';
|
$license_file = 'general/license/pandora_info_en.html';
|
||||||
}
|
}
|
||||||
|
|
||||||
echo '<a class="white_bold" target="_blank" href="' . $config["homeurl"] . $license_file. '">';
|
echo '<a class="white_bold footer" target="_blank" href="' . $config["homeurl"] . $license_file. '">';
|
||||||
echo sprintf(__('Pandora FMS %s - Build %s', $pandora_version, $build_version));
|
echo sprintf(__('Pandora FMS %s - Build %s', $pandora_version, $build_version));
|
||||||
echo '</a><br />';
|
echo '</a><br />';
|
||||||
echo '<a class="white">'. __('Page generated at') . ' '. ui_print_timestamp ($time, true, array ("prominent" => "timestamp")); //Always use timestamp here
|
echo '<a class="white footer">'. __('Page generated at') . ' '. ui_print_timestamp ($time, true, array ("prominent" => "timestamp")); //Always use timestamp here
|
||||||
echo '</a>';
|
echo '</a>';
|
||||||
if (isset ($config['debug'])) {
|
if (isset ($config['debug'])) {
|
||||||
echo ' - Saved '.format_numeric ($sql_cache["saved"]).' Queries';
|
echo ' - Saved '.format_numeric ($sql_cache["saved"]).' Queries';
|
||||||
|
|||||||
@ -69,7 +69,10 @@ echo '
|
|||||||
// Replace the following with your own URL and logo.
|
// Replace the following with your own URL and logo.
|
||||||
// A mashup of the Pandora FMS logo and your companies highly preferred
|
// A mashup of the Pandora FMS logo and your companies highly preferred
|
||||||
echo '<a href="' . $logo_link . '">';
|
echo '<a href="' . $logo_link . '">';
|
||||||
if (defined ('PANDORA_ENTERPRISE')) {
|
if (defined ('METACONSOLE')) {
|
||||||
|
html_print_image ("enterprise/meta/images/pandora_login_enterprise.png", false, array ("class" => "login_logo", "alt" => "logo", "border" => 0, "title" => $logo_title), false, true);
|
||||||
|
}
|
||||||
|
else if (defined ('PANDORA_ENTERPRISE')) {
|
||||||
html_print_image ($config['homeurl'] . "/images/pandora_login_enterprise.png", false, array ("class" => "login_logo", "alt" => "logo", "border" => 0, "title" => $logo_title), false, true);
|
html_print_image ($config['homeurl'] . "/images/pandora_login_enterprise.png", false, array ("class" => "login_logo", "alt" => "logo", "border" => 0, "title" => $logo_title), false, true);
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
@ -101,7 +104,7 @@ echo '
|
|||||||
html_print_input_text_extended ("pass", '', "pass", '', '', '' ,false, '', 'class="login login_password"', false, true);
|
html_print_input_text_extended ("pass", '', "pass", '', '', '' ,false, '', 'class="login login_password"', false, true);
|
||||||
echo '</div>';
|
echo '</div>';
|
||||||
echo '<div class="login_button">';
|
echo '<div class="login_button">';
|
||||||
html_print_submit_button(__("Log-in"), "login", false, 'class="sub next"');
|
html_print_submit_button(__("Login"), "login", false, 'class="sub next_login"');
|
||||||
echo '</div>';
|
echo '</div>';
|
||||||
break;
|
break;
|
||||||
case 'logout':
|
case 'logout':
|
||||||
|
|||||||
@ -54,7 +54,7 @@ echo '<div style="width:50%; float:left; padding-right: 30px;" id="leftcolumn">'
|
|||||||
$news = db_get_all_rows_sql ($sql);
|
$news = db_get_all_rows_sql ($sql);
|
||||||
if ($news !== false) {
|
if ($news !== false) {
|
||||||
echo '<table cellpadding="4" cellspacing="4" class="databox">';
|
echo '<table cellpadding="4" cellspacing="4" class="databox">';
|
||||||
echo '<tr><th><span class="med_data">' . __('News board') . '</span></th></tr>';
|
echo '<tr><th><span>' . __('News board') . '</span></th></tr>';
|
||||||
if ($config["prominent_time"] == "timestamp") {
|
if ($config["prominent_time"] == "timestamp") {
|
||||||
$comparation_suffix = "";
|
$comparation_suffix = "";
|
||||||
}
|
}
|
||||||
@ -97,7 +97,7 @@ echo '<div style="width:50%; float:left; padding-right: 30px;" id="leftcolumn">'
|
|||||||
$table->head[3] = __('Date');
|
$table->head[3] = __('Date');
|
||||||
$table->head[4] = __('Source IP');
|
$table->head[4] = __('Source IP');
|
||||||
$table->head[5] = __('Comments');
|
$table->head[5] = __('Comments');
|
||||||
$table->title = '<span class="med_data">' . __('This is your last activity in Pandora FMS console') . '</span>';
|
$table->title = '<span>' . __('This is your last activity in Pandora FMS console') . '</span>';
|
||||||
|
|
||||||
switch ($config["dbtype"]) {
|
switch ($config["dbtype"]) {
|
||||||
case "mysql":
|
case "mysql":
|
||||||
@ -178,7 +178,7 @@ $table->head = array ();
|
|||||||
$table->data = array ();
|
$table->data = array ();
|
||||||
$table->style[0] = 'text-align:center;';
|
$table->style[0] = 'text-align:center;';
|
||||||
$table->width = "100%";
|
$table->width = "100%";
|
||||||
$table->head[0] = '<span class="med_data">' . __('Pandora FMS Overview') . '</span>';
|
$table->head[0] = '<span>' . __('Pandora FMS Overview') . '</span>';
|
||||||
$table->head_colspan[0] = 4;
|
$table->head_colspan[0] = 4;
|
||||||
|
|
||||||
// Indicators
|
// Indicators
|
||||||
|
|||||||
@ -72,21 +72,25 @@ if (! $id || ! file_exists ($help_file)) {
|
|||||||
|
|
||||||
/* Show help */
|
/* Show help */
|
||||||
echo '<div id="main_help">';
|
echo '<div id="main_help">';
|
||||||
echo '<div>';
|
echo '<span style="float:left; margin: 20px 20px 0px 20px; padding: 0px">';
|
||||||
echo '<span style="float:left; margin: 20px; padding: 0px">';
|
echo html_print_image('images/pandora_tinylogo.png', true, array("border" => '0'));
|
||||||
echo html_print_image('images/pandora_textlogo.png', true, array("border" => '0'));
|
|
||||||
echo "</span>";
|
echo "</span>";
|
||||||
echo '<p style="padding-right: 20px; padding-top: 20px; text-align: right"><strong>'.__('Pandora FMS help system').'</strong></p>';
|
echo '<p style="text-align: right"><strong style="float: right; padding-top: 12px; padding-right: 8px;">'. html_print_image('images/interrogant.png', true, array('title' => __('Pandora FMS help system'))) . '</strong></p>';
|
||||||
echo '</div><br>';
|
echo '<div style="clear:both;"></div>';
|
||||||
echo '<hr width="100%" size="1" />';
|
|
||||||
echo '<div style="font-family: verdana, arial; font-size: 11px; text-align:left">';
|
echo '<div style="font-family: verdana, arial; font-size: 11px; text-align:left">';
|
||||||
echo '<div style="font-size: 12px; margin-left: 30px; margin-right:25px;">';
|
echo '<div style="font-size: 12px; margin-left: 20px; margin-right:20px;" class="databox">';
|
||||||
|
ob_start();
|
||||||
require_once ($help_file);
|
require_once ($help_file);
|
||||||
echo '</div>';
|
$help = ob_get_contents();
|
||||||
echo '<br /><br /><hr width="100%" size="1" />';
|
ob_end_clean();
|
||||||
echo '<div style="text-align: center; padding: 15px; background-color: #6E6E6E; font-family: verdana, arial; font-size: 11px;">';
|
|
||||||
|
// Add a line after H1 tags
|
||||||
|
$help = str_replace('</H1>', '</H1><HR>', $help);
|
||||||
|
$help = str_replace('</h1>', '</h1><hr>', $help);
|
||||||
|
echo $help;
|
||||||
|
echo '<br /><br /></div>';
|
||||||
|
echo '<div style="text-align: center; padding: 15px; font-family: verdana, arial; font-size: 11px;">';
|
||||||
include ('footer.php');
|
include ('footer.php');
|
||||||
echo '</div>';
|
|
||||||
?>
|
?>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
BIN
pandora_console/images/event_responses_col.png
Normal file
BIN
pandora_console/images/event_responses_col.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
pandora_console/images/interrogant.png
Normal file
BIN
pandora_console/images/interrogant.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
@ -286,7 +286,7 @@ if ($get_extended_event) {
|
|||||||
$tabs .= "<li><a href='#extended_event_comments_page' id='link_comments'>".html_print_image('images/pencil.png',true).__('Comments')."</a></li>";
|
$tabs .= "<li><a href='#extended_event_comments_page' id='link_comments'>".html_print_image('images/pencil.png',true).__('Comments')."</a></li>";
|
||||||
if (!$readonly &&
|
if (!$readonly &&
|
||||||
(tags_check_acl ($config['id_user'], $event['id_grupo'], "EW", $event['clean_tags']) || tags_check_acl ($config['id_user'], $event['id_grupo'], "EM", $event['clean_tags']))) {
|
(tags_check_acl ($config['id_user'], $event['id_grupo'], "EW", $event['clean_tags']) || tags_check_acl ($config['id_user'], $event['id_grupo'], "EM", $event['clean_tags']))) {
|
||||||
$tabs .= "<li><a href='#extended_event_responses_page' id='link_responses'>".html_print_image('images/cog.png',true).__('Responses')."</a></li>";
|
$tabs .= "<li><a href='#extended_event_responses_page' id='link_responses'>".html_print_image('images/event_responses_col.png',true).__('Responses')."</a></li>";
|
||||||
}
|
}
|
||||||
$tabs .= "</ul>";
|
$tabs .= "</ul>";
|
||||||
|
|
||||||
|
|||||||
@ -1546,7 +1546,7 @@ function events_page_responses ($event) {
|
|||||||
$table_responses->head = array ();
|
$table_responses->head = array ();
|
||||||
$table_responses->style[0] = 'width:35%; font-weight: bold; text-align: left;';
|
$table_responses->style[0] = 'width:35%; font-weight: bold; text-align: left;';
|
||||||
$table_responses->style[1] = 'text-align: left;';
|
$table_responses->style[1] = 'text-align: left;';
|
||||||
$table_responses->class = "databox alternate";
|
$table_responses->class = "alternate rounded_cells";
|
||||||
|
|
||||||
if (tags_check_acl ($config["id_user"], $event["id_grupo"], "EM", $event['clean_tags'])) {
|
if (tags_check_acl ($config["id_user"], $event["id_grupo"], "EM", $event['clean_tags'])) {
|
||||||
// Owner
|
// Owner
|
||||||
@ -1748,7 +1748,7 @@ function events_page_custom_fields ($event) {
|
|||||||
$table->head = array ();
|
$table->head = array ();
|
||||||
$table->style[0] = 'width:35%; font-weight: bold; text-align: left;';
|
$table->style[0] = 'width:35%; font-weight: bold; text-align: left;';
|
||||||
$table->style[1] = 'text-align: left;';
|
$table->style[1] = 'text-align: left;';
|
||||||
$table->class = "databox alternate";
|
$table->class = "alternate rounded_cells";
|
||||||
|
|
||||||
$all_customs_fields = (bool)check_acl($config["id_user"],
|
$all_customs_fields = (bool)check_acl($config["id_user"],
|
||||||
$event["id_grupo"], "AW");
|
$event["id_grupo"], "AW");
|
||||||
@ -1816,7 +1816,7 @@ function events_page_details ($event, $server = "") {
|
|||||||
$table_details->head = array ();
|
$table_details->head = array ();
|
||||||
$table_details->style[0] = 'width:35%; font-weight: bold; text-align: left;';
|
$table_details->style[0] = 'width:35%; font-weight: bold; text-align: left;';
|
||||||
$table_details->style[1] = 'text-align: left;';
|
$table_details->style[1] = 'text-align: left;';
|
||||||
$table_details->class = "databox alternate";
|
$table_details->class = "alternate rounded_cells";
|
||||||
|
|
||||||
switch ($event['event_type']) {
|
switch ($event['event_type']) {
|
||||||
case 'going_unknown':
|
case 'going_unknown':
|
||||||
@ -2059,7 +2059,7 @@ function events_page_general ($event) {
|
|||||||
$table_general->head = array ();
|
$table_general->head = array ();
|
||||||
$table_general->style[0] = 'width:35%; font-weight: bold; text-align: left;';
|
$table_general->style[0] = 'width:35%; font-weight: bold; text-align: left;';
|
||||||
$table_general->style[1] = 'text-align: left;';
|
$table_general->style[1] = 'text-align: left;';
|
||||||
$table_general->class = "databox alternate";
|
$table_general->class = "alternate rounded_cells";
|
||||||
|
|
||||||
$data = array();
|
$data = array();
|
||||||
$data[0] = __('Event ID');
|
$data[0] = __('Event ID');
|
||||||
@ -2200,7 +2200,7 @@ function events_page_comments ($event) {
|
|||||||
$table_comments->head = array ();
|
$table_comments->head = array ();
|
||||||
$table_comments->style[0] = 'width:35%; vertical-align: top; text-align: left;';
|
$table_comments->style[0] = 'width:35%; vertical-align: top; text-align: left;';
|
||||||
$table_comments->style[1] = 'text-align: left;';
|
$table_comments->style[1] = 'text-align: left;';
|
||||||
$table_comments->class = "databox alternate";
|
$table_comments->class = "alternate rounded_cells";
|
||||||
|
|
||||||
$comments_array = explode('<br>',io_safe_output($event["user_comment"]));
|
$comments_array = explode('<br>',io_safe_output($event["user_comment"]));
|
||||||
|
|
||||||
|
|||||||
@ -2,7 +2,7 @@
|
|||||||
/* This file skins dialog */
|
/* This file skins dialog */
|
||||||
|
|
||||||
.ui-dialog {
|
.ui-dialog {
|
||||||
background: none repeat scroll 0 0 #b0d68d !important;
|
background: none repeat scroll 0 0 #3f3f3f !important;
|
||||||
border: 1px solid #DDDDDD !important;
|
border: 1px solid #DDDDDD !important;
|
||||||
color: #333333 !important;
|
color: #333333 !important;
|
||||||
padding: 0.2em !important;
|
padding: 0.2em !important;
|
||||||
@ -17,9 +17,12 @@
|
|||||||
box-shadow: 0px 5px 5px #010E1B !important;
|
box-shadow: 0px 5px 5px #010E1B !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.ui-widget-header {
|
||||||
|
background: #3f3f3f !important;
|
||||||
|
}
|
||||||
|
|
||||||
.ui-dialog .ui-dialog-titlebar {
|
.ui-dialog .ui-dialog-titlebar {
|
||||||
background: url(../../images/ui_title.png) repeat-x scroll !important;
|
background-color: #f3f3f3;
|
||||||
height: 14px !important;
|
height: 14px !important;
|
||||||
#_height: 16px !important;
|
#_height: 16px !important;
|
||||||
padding: 0.3em 1em !important;
|
padding: 0.3em 1em !important;
|
||||||
@ -43,7 +46,8 @@
|
|||||||
color: white !important;
|
color: white !important;
|
||||||
font-weight: bold !important;
|
font-weight: bold !important;
|
||||||
position: relative !important;
|
position: relative !important;
|
||||||
#top: 7px !important;
|
top: 3px;
|
||||||
|
font-size: 10pt;
|
||||||
left: 4px !important;
|
left: 4px !important;
|
||||||
float: none !important;
|
float: none !important;
|
||||||
}
|
}
|
||||||
@ -59,17 +63,13 @@
|
|||||||
position: absolute !important;
|
position: absolute !important;
|
||||||
top: 2px;
|
top: 2px;
|
||||||
right: 5px !important;
|
right: 5px !important;
|
||||||
cursor: default !important;
|
cursor: pointer !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ui-dialog .ui-dialog-titlebar-close span {
|
.ui-dialog .ui-dialog-titlebar-close span {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ui-dialog .ui-dialog-titlebar-close-hover {
|
|
||||||
background: url(images/dialog-titlebar-close-hover.png) no-repeat !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-dialog .ui-dialog-titlebar-close-hover {
|
.ui-dialog .ui-dialog-titlebar-close-hover {
|
||||||
color: #000000 !important;
|
color: #000000 !important;
|
||||||
}
|
}
|
||||||
@ -78,10 +78,6 @@
|
|||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ui-dialog .ui-dialog-titlebar-close:hover {
|
|
||||||
background: url(images/dialog-titlebar-close-hover.png) no-repeat !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-dialog .ui-dialog-titlebar-close:hover {
|
.ui-dialog .ui-dialog-titlebar-close:hover {
|
||||||
color: #000000 !important;
|
color: #000000 !important;
|
||||||
}
|
}
|
||||||
@ -89,20 +85,67 @@
|
|||||||
|
|
||||||
|
|
||||||
.ui-dialog .ui-dialog-content {
|
.ui-dialog .ui-dialog-content {
|
||||||
margin: 1.2em !important;
|
margin: 12px !important;
|
||||||
#padding: 0.5em 1em !important;
|
#padding: 0.5em 1em !important;
|
||||||
overflow: auto !important;
|
overflow: auto !important;
|
||||||
|
|
||||||
|
-moz-border-left: 1px solid #A9A9A9 !important;
|
||||||
|
-moz-border-right: 1px solid #A9A9A9 !important;
|
||||||
|
-moz-border-bottom: 1px solid #A9A9A9 !important;
|
||||||
|
-moz-border-radius: 8px 8px 8px 8px !important;
|
||||||
|
|
||||||
|
-webkit-border-left: 1px solid #A9A9A9 !important;
|
||||||
|
-webkit-border-right: 1px solid #A9A9A9 !important;
|
||||||
|
-webkit-border-bottom: 1px solid #A9A9A9 !important;
|
||||||
|
-webkit-border-radius: 8px 8px 8px 8px !important;
|
||||||
|
|
||||||
border-left: 1px solid #A9A9A9 !important;
|
border-left: 1px solid #A9A9A9 !important;
|
||||||
border-right: 1px solid #A9A9A9 !important;
|
border-right: 1px solid #A9A9A9 !important;
|
||||||
border-bottom: 1px solid #A9A9A9 !important;
|
border-bottom: 1px solid #A9A9A9 !important;
|
||||||
border-radius: 0px 0px 4px 4px !important;
|
border-radius: 8px 8px 8px 8px !important;
|
||||||
#height: 80% !important;
|
|
||||||
#width: 98% !important;
|
|
||||||
margin: 0 auto !important;
|
|
||||||
background: #FFFFFF !important;
|
background: #FFFFFF !important;
|
||||||
position: relative !important;
|
position: relative !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-tabs .ui-tabs-nav {
|
||||||
|
background-color: white !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-tabs-panel {
|
||||||
|
background: #F3F3F3 !important;
|
||||||
|
-moz-border-radius: 8px !important;
|
||||||
|
-webkit-border-radius: 8px !important;
|
||||||
|
border-radius: 8px !important;
|
||||||
|
-moz-border-top-left-radius: 0px !important;
|
||||||
|
-webkit-border-top-left-radius: 0px !important;
|
||||||
|
border-top-left-radius: 0px !important;
|
||||||
|
-moz-box-shadow: -1px 1px 6px #aaa;
|
||||||
|
-webkit-box-shadow: -1px 1px 6px #aaa;
|
||||||
|
box-shadow: 1px 1px 6px #aaa;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-widget .ui-widget {
|
||||||
|
border: 0px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-state-default:first-child {
|
||||||
|
margin-left: -3px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-state-default {
|
||||||
|
background: #fff !important;
|
||||||
|
border: 2px solid #f3f3f3 !important;
|
||||||
|
-moz-border-top-left-radius: 10px !important;
|
||||||
|
-webkit-top-left-border-radius: 10px !important;
|
||||||
|
border-top-left-radius: 10px !important;
|
||||||
|
-moz-border-top-right-radius: 10px !important;
|
||||||
|
-webkit-top-right-border-radius: 10px !important;
|
||||||
|
border-top-right-radius: 10px !important;
|
||||||
|
margin-left: 2px !important;
|
||||||
|
}
|
||||||
|
.ui-state-active {
|
||||||
|
background: #f3f3f3 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ui-dialog-content {
|
.ui-dialog-content {
|
||||||
|
|||||||
Binary file not shown.
|
Before Width: | Height: | Size: 2.8 KiB After Width: | Height: | Size: 1.3 KiB |
@ -39,35 +39,6 @@ div#page {
|
|||||||
background-image: none;
|
background-image: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
#login_body {
|
|
||||||
/* Set rules to fill background */
|
|
||||||
min-height: 100%;
|
|
||||||
min-width: 960px;
|
|
||||||
|
|
||||||
/* Set up proportionate scaling */
|
|
||||||
width: 100%;
|
|
||||||
height: auto;
|
|
||||||
|
|
||||||
/* Set up positioning */
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: -999;
|
|
||||||
|
|
||||||
background-image: url('../../images/login_background.jpg');
|
|
||||||
background-size: cover;
|
|
||||||
-moz-background-size: cover;
|
|
||||||
-webkit-background-size: cover;
|
|
||||||
-o-background-size: cover;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 1024px) { /* Specific to this particular image */
|
|
||||||
#login_body {
|
|
||||||
left: 50%;
|
|
||||||
margin-left: -512px; /* 50% */
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
body.pure {
|
body.pure {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
}
|
}
|
||||||
@ -172,80 +143,7 @@ div#error_buttons {
|
|||||||
div#error_buttons a{
|
div#error_buttons a{
|
||||||
margin: 14px;
|
margin: 14px;
|
||||||
}
|
}
|
||||||
p.log_in {
|
|
||||||
color: #CCC;
|
|
||||||
padding: 0px 10px;
|
|
||||||
}
|
|
||||||
h1#log_f {
|
|
||||||
color: #c00;
|
|
||||||
border-bottom: 1px solid #c00;
|
|
||||||
padding-bottom: 3px;
|
|
||||||
}
|
|
||||||
div#login {
|
|
||||||
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;*/
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Style for login form */
|
|
||||||
.databox_login, .databox_logout {
|
|
||||||
border: none !important;
|
|
||||||
background-color: #888888;
|
|
||||||
padding: 8px;
|
|
||||||
border-radius: 11px;
|
|
||||||
height: 300px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#login_inner {
|
|
||||||
background: url('../../images/splash_bg.png') #111;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
border-radius: 11px;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
#login_outer {
|
|
||||||
-moz-box-shadow: 0px 0px 8px #ffffff;
|
|
||||||
-webkit-box-shadow: 0px 0px 18px #ffffff;
|
|
||||||
box-shadow: 0px 0px 18px rgba(200, 200, 200, 0.2);
|
|
||||||
padding: 3px;
|
|
||||||
border-radius: 11px;
|
|
||||||
width: 250px !important;
|
|
||||||
height: 300px;
|
|
||||||
margin: 50px auto;
|
|
||||||
background: transparent;
|
|
||||||
}
|
|
||||||
div#error_login {
|
|
||||||
#margin: 0 auto;
|
|
||||||
#margin-top: -10px;
|
|
||||||
text-align: center;
|
|
||||||
margin-top: 5px;
|
|
||||||
margin-left: 5px;
|
|
||||||
width: 75%;
|
|
||||||
float: right;
|
|
||||||
text-align: left;
|
|
||||||
top: 100px;
|
|
||||||
}
|
|
||||||
|
|
||||||
div#error_login_icon {
|
|
||||||
#margin: 0 auto;
|
|
||||||
margin-top: 10px;
|
|
||||||
margin-right: 7px;
|
|
||||||
text-align: center;
|
|
||||||
#margin-left: 20px;
|
|
||||||
width: 20%;
|
|
||||||
float: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
div#login_f {
|
|
||||||
margin-top: 10px;
|
|
||||||
margin-bottom: 25px;
|
|
||||||
}
|
|
||||||
div#noaccess {
|
div#noaccess {
|
||||||
width: 350px;
|
width: 350px;
|
||||||
padding-left: 40px;
|
padding-left: 40px;
|
||||||
@ -283,8 +181,6 @@ div#container {
|
|||||||
div#page {
|
div#page {
|
||||||
width: 960px;
|
width: 960px;
|
||||||
clear: both;
|
clear: both;
|
||||||
border-bottom: solid 5px #567953;
|
|
||||||
/*border-top: solid 5px #567953;*/
|
|
||||||
}
|
}
|
||||||
div#main {
|
div#main {
|
||||||
background: #fafafa;
|
background: #fafafa;
|
||||||
@ -310,6 +206,54 @@ div#main_help {
|
|||||||
margin-right: 0px;
|
margin-right: 0px;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
}
|
}
|
||||||
|
div#main_help div.databox {
|
||||||
|
background: F3F3F3;
|
||||||
|
-moz-border-radius: 8px;
|
||||||
|
-webkit-border-radius: 8px;
|
||||||
|
border-radius: 8px;
|
||||||
|
border: 0px;
|
||||||
|
padding-left: 25px;
|
||||||
|
padding-right: 25px;
|
||||||
|
margin-top: 10px;
|
||||||
|
-moz-box-shadow: -1px 1px 6px #aaa;
|
||||||
|
-webkit-box-shadow: -1px 1px 6px #aaa;
|
||||||
|
box-shadow: -1px 1px 6px #aaa;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
div#main_help div.databox h1{
|
||||||
|
padding-bottom: 0px;
|
||||||
|
margin-bottom: 0px;
|
||||||
|
font-weight: bold;
|
||||||
|
font-family: sans-serif, verdana;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#main_help div.databox h3, div#main_help div.databox h2 {
|
||||||
|
color: #6EB432;
|
||||||
|
font-family: sans-serif, verdana;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#main_help a.footer {
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.footer{
|
||||||
|
font-size: 9px;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#main_help div.databox hr{
|
||||||
|
width:100%;
|
||||||
|
border: 0px;
|
||||||
|
height: 1px;
|
||||||
|
background-color: #222;
|
||||||
|
margin: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#main_help div.databox p{
|
||||||
|
line-height: 15px;
|
||||||
|
text-align: justify;
|
||||||
|
}
|
||||||
|
|
||||||
div#menu {
|
div#menu {
|
||||||
width: 165px;
|
width: 165px;
|
||||||
float: left;
|
float: left;
|
||||||
@ -325,27 +269,125 @@ div#head {
|
|||||||
}
|
}
|
||||||
|
|
||||||
div#foot {
|
div#foot {
|
||||||
font-size: 7pt;
|
font-size: 6pt !important;
|
||||||
border-top: solid 2px #000;
|
border-top: solid 2px #222;
|
||||||
padding-top: 5px;
|
padding-top: 8px;
|
||||||
padding-bottom: 5px;
|
padding-bottom: 5px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background: #000;
|
background: #111;
|
||||||
width: 960px;
|
width: 960px;
|
||||||
height: 38px;
|
height: 38px;
|
||||||
clear: both;
|
clear: both;
|
||||||
|
width: auto;
|
||||||
}
|
}
|
||||||
#ver {
|
#ver {
|
||||||
margin-bottom: 25px;
|
margin-bottom: 25px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#bottom_logo {
|
/****************/
|
||||||
bottom: 0;
|
/* LOGIN STYLES */
|
||||||
height: 70px;
|
/****************/
|
||||||
margin: 0 auto 0 44%;
|
|
||||||
overflow: hidden;
|
#login_body {
|
||||||
|
/* Set rules to fill background */
|
||||||
|
min-height: 100%;
|
||||||
|
min-width: 960px;
|
||||||
|
|
||||||
|
/* Set up proportionate scaling */
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
|
||||||
|
/* Set up positioning */
|
||||||
position: fixed;
|
position: fixed;
|
||||||
display: none;
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
z-index: -999;
|
||||||
|
|
||||||
|
background-image: url('../../images/login_background.jpg');
|
||||||
|
background-size: cover;
|
||||||
|
-moz-background-size: cover;
|
||||||
|
-webkit-background-size: cover;
|
||||||
|
-o-background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 1024px) { /* Specific to this particular image */
|
||||||
|
#login_body {
|
||||||
|
left: 50%;
|
||||||
|
margin-left: -512px; /* 50% */
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
p.log_in {
|
||||||
|
color: #CCC;
|
||||||
|
padding: 0px 10px;
|
||||||
|
}
|
||||||
|
h1#log_f {
|
||||||
|
color: #c00;
|
||||||
|
border-bottom: 1px solid #c00;
|
||||||
|
padding-bottom: 3px;
|
||||||
|
}
|
||||||
|
div#login {
|
||||||
|
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;*/
|
||||||
|
}
|
||||||
|
|
||||||
|
.databox_login, .databox_logout {
|
||||||
|
border: none !important;
|
||||||
|
background-color: #888888;
|
||||||
|
padding: 8px;
|
||||||
|
border-radius: 11px;
|
||||||
|
height: 300px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#login_inner {
|
||||||
|
background: url('../../images/splash_bg.png') #111;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
border-radius: 11px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
#login_outer {
|
||||||
|
-moz-box-shadow: 0px 0px 18px #ffffff;
|
||||||
|
-webkit-box-shadow: 0px 0px 18px #ffffff;
|
||||||
|
box-shadow: 0px 0px 18px rgba(200, 200, 200, 0.2);
|
||||||
|
padding: 3px;
|
||||||
|
border-radius: 11px;
|
||||||
|
width: 250px !important;
|
||||||
|
margin: 50px auto;
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
div#error_login {
|
||||||
|
#margin: 0 auto;
|
||||||
|
#margin-top: -10px;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 5px;
|
||||||
|
margin-left: 5px;
|
||||||
|
width: 75%;
|
||||||
|
float: right;
|
||||||
|
text-align: left;
|
||||||
|
top: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#error_login_icon {
|
||||||
|
#margin: 0 auto;
|
||||||
|
margin-top: 10px;
|
||||||
|
margin-right: 7px;
|
||||||
|
text-align: center;
|
||||||
|
#margin-left: 20px;
|
||||||
|
width: 20%;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#login_f {
|
||||||
|
margin-top: 10px;
|
||||||
|
margin-bottom: 25px;
|
||||||
}
|
}
|
||||||
|
|
||||||
IMG.login_logo {
|
IMG.login_logo {
|
||||||
@ -376,12 +418,55 @@ DIV.login_pass {
|
|||||||
margin-top: 21px;
|
margin-top: 21px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
input.login {
|
||||||
|
border: 0px none;
|
||||||
|
background-color: #ebebeb !important;
|
||||||
|
margin: 0px auto;
|
||||||
|
width: 135px;
|
||||||
|
height: 18px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
/* FF hack for login inputs */
|
||||||
|
@-moz-document url-prefix() {
|
||||||
|
input.login{
|
||||||
|
margin: -2px 0 8px 20px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
input.login_user {
|
||||||
|
/* Browser without multibackground support */
|
||||||
|
background: #efefef url(../../images/input_user.png) no-repeat 7px 1px !important;
|
||||||
|
padding-left: 32px;
|
||||||
|
width: 106px;
|
||||||
|
color: #222;
|
||||||
|
}
|
||||||
|
|
||||||
|
input.login_password {
|
||||||
|
/* Browser without multibackground support */
|
||||||
|
background: #efefef url(../../images/input_lock.png) no-repeat 7px 1px !important;
|
||||||
|
padding-left: 32px;
|
||||||
|
width: 106px;
|
||||||
|
color: #222;
|
||||||
|
}
|
||||||
|
.databox_error {
|
||||||
|
width: 657px !important;
|
||||||
|
height: 400px;
|
||||||
|
border: none !important;
|
||||||
|
background-color: #fafafa;
|
||||||
|
background: url(../../images/splash_error.png) no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
#ver_num {
|
#ver_num {
|
||||||
position: relative;
|
position: relative;
|
||||||
color: #696969;
|
color: #696969;
|
||||||
font-size: xx-small;
|
font-size: xx-small;
|
||||||
margin-top: 32px;
|
margin-top: 32px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/***********************/
|
||||||
|
/* END OF LOGIN STYLES */
|
||||||
|
/***********************/
|
||||||
|
|
||||||
label {
|
label {
|
||||||
display: block;
|
display: block;
|
||||||
padding-top: 4px;
|
padding-top: 4px;
|
||||||
@ -402,22 +487,6 @@ input.datos {
|
|||||||
input.datos_readonly {
|
input.datos_readonly {
|
||||||
background-color: #050505;
|
background-color: #050505;
|
||||||
}
|
}
|
||||||
input.login {
|
|
||||||
border: 0px none;
|
|
||||||
background-color: #ebebeb !important;
|
|
||||||
margin: 0px auto;
|
|
||||||
width: 135px;
|
|
||||||
height: 18px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* FF hack for login inputs */
|
|
||||||
@-moz-document url-prefix() {
|
|
||||||
input.login{
|
|
||||||
margin: -2px 0 8px 20px !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
input.sub {
|
input.sub {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
@ -468,7 +537,7 @@ input.sub[disabled] {
|
|||||||
color: #aaa;
|
color: #aaa;
|
||||||
}
|
}
|
||||||
|
|
||||||
input.next, input.upd, input.ok, input.wand, input.delete, input.cog,
|
input.next, input.next_login, input.upd, input.ok, input.wand, input.delete, input.cog,
|
||||||
input.target, input.search, input.copy, input.add, input.graph,
|
input.target, input.search, input.copy, input.add, input.graph,
|
||||||
input.percentile, input.binary, input.camera, input.config,
|
input.percentile, input.binary, input.camera, input.config,
|
||||||
input.cancel, input.default, input.filter, input.pdf {
|
input.cancel, input.default, input.filter, input.pdf {
|
||||||
@ -476,22 +545,6 @@ input.cancel, input.default, input.filter, input.pdf {
|
|||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
input.login_user {
|
|
||||||
/* Browser without multibackground support */
|
|
||||||
background: #efefef url(../../images/input_user.png) no-repeat 7px 1px !important;
|
|
||||||
padding-left: 32px;
|
|
||||||
width: 106px;
|
|
||||||
color: #222;
|
|
||||||
}
|
|
||||||
|
|
||||||
input.login_password {
|
|
||||||
/* Browser without multibackground support */
|
|
||||||
background: #efefef url(../../images/input_lock.png) no-repeat 7px 1px !important;
|
|
||||||
padding-left: 32px;
|
|
||||||
width: 106px;
|
|
||||||
color: #222;
|
|
||||||
}
|
|
||||||
|
|
||||||
input.next {
|
input.next {
|
||||||
/* Browser without multibackground support */
|
/* Browser without multibackground support */
|
||||||
background: #efefef url(../../images/input_go.png) no-repeat 90% 3px !important;
|
background: #efefef url(../../images/input_go.png) no-repeat 90% 3px !important;
|
||||||
@ -508,6 +561,22 @@ input.next {
|
|||||||
/* estándar */
|
/* estándar */
|
||||||
background: url(../../images/input_go.png) no-repeat 90% 3px, linear-background(top, #ffffff, #dfdfdf) !important;
|
background: url(../../images/input_go.png) no-repeat 90% 3px, linear-background(top, #ffffff, #dfdfdf) !important;
|
||||||
}
|
}
|
||||||
|
input.next_login {
|
||||||
|
/* Browser without multibackground support */
|
||||||
|
background: #efefef url(../../images/input_go.png) no-repeat 90% 3px !important;
|
||||||
|
/* Safari 4-5, Chrome 1-9 */
|
||||||
|
background: url(../../images/input_go.png) no-repeat 90% 3px, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#dfdfdf)) !important;
|
||||||
|
/* Safari 5.1+, Chrome 10+ */
|
||||||
|
background: url(../../images/input_go.png) no-repeat 90% 3px, -webkit-linear-gradient(top, #ffffff, #dfdfdf) !important;
|
||||||
|
/* Firefox 3.6+ */
|
||||||
|
background: url(../../images/input_go.png) no-repeat 90% 3px, -moz-linear-gradient(top, #ffffff, #dfdfdf) !important;
|
||||||
|
/* Opera 11.10+ */
|
||||||
|
background: url(../../images/input_go.png) no-repeat 90% 3px, -o-linear-background(top, #ffffff, #dfdfdf) !important;
|
||||||
|
/* IE 10 */
|
||||||
|
background: url(../../images/input_go.png) no-repeat 90% 3px, -ms-linear-background(top, #ffffff, #dfdfdf) !important;
|
||||||
|
/* estándar */
|
||||||
|
background: url(../../images/input_go.png) no-repeat 90% 3px, linear-background(top, #ffffff, #dfdfdf) !important;
|
||||||
|
}
|
||||||
input.upd {
|
input.upd {
|
||||||
/* Browser without multibackground support */
|
/* Browser without multibackground support */
|
||||||
background: #efefef url(../../images/input_update.png) no-repeat 90% 3px !important;
|
background: #efefef url(../../images/input_update.png) no-repeat 90% 3px !important;
|
||||||
@ -1480,25 +1549,19 @@ table.databox_grid td {
|
|||||||
border-right: 1px solid #acacac;
|
border-right: 1px solid #acacac;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
table.alternate tr:nth-child(odd) td{
|
table.alternate tr:nth-child(odd) td{
|
||||||
|
background-color: #ffffff;
|
||||||
|
}
|
||||||
|
table.alternate tr:nth-child(even) td{
|
||||||
background-color: #e4e5e4;
|
background-color: #e4e5e4;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Style for login form
|
table.rounded_cells td {
|
||||||
.databox_logout {
|
padding: 4px 4px 4px 10px;
|
||||||
width: 657px !important;
|
-moz-border-radius: 6px !important;
|
||||||
height: 400px;
|
-webkit-border-radius: 6px !important;
|
||||||
border: none !important;
|
border-radius: 6px !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 {
|
.databox_color {
|
||||||
@ -1979,9 +2042,6 @@ div#head {
|
|||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
div#foot {
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
ol.steps {
|
ol.steps {
|
||||||
margin-bottom: 70px;
|
margin-bottom: 70px;
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user