login page
This commit is contained in:
daniel
parent
4e18b82165
commit
a87839bd07
|
|
@ -62,32 +62,22 @@ if (!empty($config['login_background'])) {
|
|||
$login_body_style = "style=\"background-image: url('$background_url');\"";
|
||||
}
|
||||
echo '<div id="login_body" ' . $login_body_style . '></div>';
|
||||
echo '<div class="login_page"><div id="login_outer">';
|
||||
echo '<div class="databox_login" id="login">';
|
||||
echo '<div id="login_inner">';
|
||||
|
||||
echo '<div id="login_in">';
|
||||
echo '<div class="version_login">
|
||||
<div style="padding-top: 2px; color: #FFF;">' . $pandora_version . '</div></div>';
|
||||
echo '<form method="post" action="' . ui_get_full_url('index.php'.$url) . '" >';
|
||||
|
||||
//TODO: Put branding in variables (external file) or database
|
||||
/* CUSTOM BRANDING STARTS HERE */
|
||||
|
||||
// Replace the following with your own URL and logo.
|
||||
// A mashup of the Pandora FMS logo and your companies highly preferred
|
||||
echo '<table id="login_layout">';
|
||||
echo'<tr style="height:15px;"><td>';
|
||||
echo '<div class="login_links">';
|
||||
echo '<a href="http://wiki.pandorafms.com/" target="_blank">' . __('Docs') . '</a>';
|
||||
echo ' | ';
|
||||
echo '<a href="https://pandorafms.com/monitoring-services/support/" target="_blank">' . __('Support') . '</a>';
|
||||
echo '<div id="header_login">';
|
||||
echo '<div id="icon_custom_pandora">';
|
||||
echo '<img src="images/custom_logo/logo_login_consola.png" alt="pandora_console">';
|
||||
echo '</div>';
|
||||
echo '</td></tr>';
|
||||
echo'<tr>
|
||||
<td class="login_border" rowspan=2 style="width: 160px;">';
|
||||
|
||||
echo '<a href="' . $logo_link . '">';
|
||||
echo '<div id="list_icon_docs_support"><ul>';
|
||||
echo '<li><a href="http://wiki.pandorafms.com/" target="_blank"><img src="images/icono_docs.png" alt="docs pandora"></a></li>';
|
||||
echo '<li>' . __('Docs') . '</li>';
|
||||
echo '<li id="li_margin_left"><a href="https://pandorafms.com/monitoring-services/support/" target="_blank"><img src="images/icono_support.png" alt="support pandora"></a></li>';
|
||||
echo '<li>' . __('Support') . '</li>';
|
||||
echo '</ul></div>';
|
||||
echo '</div>';
|
||||
|
||||
echo '<div class="container_login">';
|
||||
echo '<div class="login_page">';
|
||||
echo '<form method="post" action="' . ui_get_full_url('index.php'.$url) . '" ><div class="login_logo_icon">';
|
||||
echo '<a href="' . $logo_link . '">';
|
||||
if (defined ('METACONSOLE')) {
|
||||
if (!isset ($config["custom_logo_login"])){
|
||||
html_print_image ("images/custom_logo_login/login_logo.png", false, array ("class" => "login_logo", "alt" => "logo", "border" => 0, "title" => $logo_title), false, true);
|
||||
|
|
@ -95,13 +85,14 @@ echo '<div id="login_in">';
|
|||
else{
|
||||
html_print_image ("images/custom_logo_login/".$config['custom_logo_login'], false, array ("class" => "login_logo", "alt" => "logo", "border" => 0, "title" => $logo_title), false, true);
|
||||
}
|
||||
}
|
||||
}
|
||||
else if (defined ('PANDORA_ENTERPRISE')) {
|
||||
|
||||
if (!isset ($config["custom_logo_login"])){
|
||||
html_print_image ("enterprise/images/custom_logo_login/login_logo.png", false, array ("class" => "login_logo", "alt" => "logo", "border" => 0, "title" => $logo_title), false, true);
|
||||
html_print_image ("enterprise/images/custom_logo_login/login_logo_v7.png", false, array ("class" => "login_logo", "alt" => "logo", "border" => 0, "title" => $logo_title), false, true);
|
||||
}
|
||||
else{
|
||||
html_print_image ("enterprise/images/custom_logo_login/".$config['custom_logo_login'], false, array ("class" => "login_logo", "alt" => "logo", "border" => 0, "title" => $logo_title), false, true);
|
||||
html_print_image ("enterprise/images/custom_logo_login/".$config['custom_logo_login'], false, array ("class" => "login_logo", "alt" => "logo", "border" => 0, "title" => $logo_title), false, true);
|
||||
}
|
||||
}
|
||||
else {
|
||||
|
|
@ -113,15 +104,10 @@ echo '<div id="login_in">';
|
|||
}
|
||||
echo "<br><span style='font-size:120%;color:white;top:10px;position:relative;'>Community edition</span>";
|
||||
}
|
||||
echo '</a>';
|
||||
echo '</a></div>';
|
||||
|
||||
// This prints the current pandora console version.
|
||||
// For stable/live function it might be wise to comment it out
|
||||
|
||||
/* CUSTOM BRANDING ENDS HERE */
|
||||
echo '</td><td style="padding-top: 15px; position:absolute;">';
|
||||
|
||||
switch ($login_screen) {
|
||||
case 'logout':
|
||||
case 'login':
|
||||
if (!empty ($page) && !empty ($sec)) {
|
||||
foreach ($_POST as $key => $value) {
|
||||
|
|
@ -130,51 +116,53 @@ echo '<div id="login_in">';
|
|||
}
|
||||
if ($config['auth'] == 'saml') {
|
||||
echo '<div id="log_nick" class="login_nick" style="display: none;">';
|
||||
html_print_image ("/images/usuario_login.png", false);
|
||||
echo '<div>';
|
||||
html_print_image ("/images/usuario_login.png", false);
|
||||
echo '</div>';
|
||||
html_print_input_text_extended ("nick", '', "nick", '', '', '' , false,
|
||||
'', 'id="nick_text" class="login login_user" placeholder="'.__('User').'"');
|
||||
'', 'placeholder="'.__('User').'"');
|
||||
echo '</div>';
|
||||
|
||||
echo '<div id="log_pass" class="login_pass" style="display: none;">';
|
||||
html_print_image ("/images/candado_login.png", false);
|
||||
echo '<div>';
|
||||
html_print_image ("/images/candado_login.png", false);
|
||||
echo '</div>';
|
||||
html_print_input_text_extended ("pass", '', "pass", '', '', '' ,false,
|
||||
'', 'id="pass_text" class="login login_password" placeholder="'.__('Password').'"', false, true);
|
||||
'', 'placeholder="'.__('Password').'"', false, true);
|
||||
echo '</div>';
|
||||
|
||||
echo '<div id="log_button" class="login_button" style="display: none;">';
|
||||
echo '<div id="log_button" class="login_button" style="display: none; margin-bottom: 20px;">';
|
||||
html_print_submit_button(__("Login as admin"), "login_button", false, 'class="sub next_login"');
|
||||
echo '</div>';
|
||||
|
||||
echo '<div style="padding-left: 50px !important">';
|
||||
echo '<input type="button" id="input_saml" class="next_login" style="width: 150px;" value="Login as admin" onclick="show_normal_menu()">';
|
||||
echo '<br><br>';
|
||||
echo '<div class="saml_button">';
|
||||
html_print_submit_button(__("Login with SAML"), "login_button_saml", false, 'class="next_login" style="width: 150px;');
|
||||
echo '</div>';
|
||||
echo '<div class="login_button" id="remove_button" style="margin-bottom: 20px;">';
|
||||
echo '<input type="button" id="input_saml" value="Login as admin" onclick="show_normal_menu()">';
|
||||
echo '</div>';
|
||||
|
||||
echo '<div class="login_button">';
|
||||
html_print_submit_button(__("Login with SAML"), "login_button_saml", false, '');
|
||||
echo '</div>';
|
||||
}
|
||||
else {
|
||||
echo '<div class="login_nick">';
|
||||
html_print_image ("/images/usuario_login.png", false);
|
||||
echo '<div>';
|
||||
html_print_image ("/images/usuario_login.png", false);
|
||||
echo '</div>';
|
||||
html_print_input_text_extended ("nick", '', "nick", '', '', '' , false,
|
||||
'', 'class="login login_user" placeholder="'.__('User').'"');
|
||||
echo '</div><br />';
|
||||
'', 'autocomplete="off" placeholder="'.__('User').'"');
|
||||
echo '</div>';
|
||||
echo '<div class="login_pass">';
|
||||
html_print_image ("/images/candado_login.png", false);
|
||||
echo '<div>';
|
||||
html_print_image ("/images/candado_login.png", false);
|
||||
echo '</div>';
|
||||
html_print_input_text_extended ("pass", '', "pass", '', '', '' ,false,
|
||||
'', 'class="login login_password" placeholder="'.__('Password').'"', false, true);
|
||||
'', 'autocomplete="off" placeholder="'.__('Password').'"', false, true);
|
||||
echo '</div>';
|
||||
echo '<div class="login_button">';
|
||||
html_print_submit_button(__("Login"), "login_button", false, 'class="sub next_login"');
|
||||
echo '</div>';
|
||||
}
|
||||
|
||||
break;
|
||||
case 'logout':
|
||||
echo '<h1 id="log_title">' . __('Logged out') . '</h1>';
|
||||
echo '<p class="log_in">';
|
||||
echo __('Your session is over. Please close your browser window to close this Pandora session.').'<br /><br />';
|
||||
echo '</p>';
|
||||
break;
|
||||
case 'double_auth':
|
||||
if (!empty ($page) && !empty ($sec)) {
|
||||
|
|
@ -182,11 +170,11 @@ echo '<div id="login_in">';
|
|||
html_print_input_hidden ($key, $value);
|
||||
}
|
||||
}
|
||||
echo '<div class="login_double_auth_code_text">';
|
||||
echo __('Authenticator code') . '<br>';
|
||||
echo '<div class="login_nick">';
|
||||
echo '<div>';
|
||||
html_print_image ("/images/icono_autenticacion.png", false);
|
||||
echo '</div>';
|
||||
echo '<div class="login_double_auth_code">';
|
||||
html_print_input_text_extended ("auth_code", '', "auth_code", '', '', '' , false, '', 'class="login login_password"', false, true);
|
||||
html_print_input_text_extended ("auth_code", '', "auth_code", '', '', '' , false, '', 'class="login login_password" placeholder="'.__('Authentication code').'"', false, true);
|
||||
echo '</div>';
|
||||
echo '<div class="login_button">';
|
||||
html_print_submit_button(__("Check code") . ' >', "login_button", false, 'class="sub next_login"');
|
||||
|
|
@ -206,13 +194,23 @@ echo '<div id="login_in">';
|
|||
break;
|
||||
}
|
||||
|
||||
echo '</td></tr></table>';
|
||||
echo '</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>';
|
||||
echo '</form></div>';
|
||||
|
||||
echo '<div class="login_data">';
|
||||
echo '<div class ="text_banner_login">';
|
||||
echo '<div><span class="span1">';
|
||||
echo "WELCOME TO PANDORA FMS";
|
||||
echo '</span></div>';
|
||||
echo '<div><span class="span2">';
|
||||
echo " NEXT GENERATION ";
|
||||
echo '</span></div>';
|
||||
echo '</div>';
|
||||
echo '<div class ="img_banner_login">';
|
||||
html_print_image ("/images/splash_imagenes.png", false);
|
||||
echo '</div>';
|
||||
echo '</div>';
|
||||
echo '</div>';
|
||||
|
||||
|
||||
if (defined ('METACONSOLE')) {
|
||||
echo '<div id="ver_num">';
|
||||
|
|
@ -225,24 +223,40 @@ echo $pandora_version.(($develop_bypass == 1) ? ' '.__('Build').' '.$build_versi
|
|||
|
||||
|
||||
if (isset ($login_failed)) {
|
||||
echo '<div id="login_failed" title="Login failed" style="">';
|
||||
|
||||
echo '<div style="position:absolute; top:0px; text-align: center; left:0%; right:0%; height:100px; width:400px; margin: 0 auto; ">';
|
||||
|
||||
echo '<div id="error_login" style="margin-top: 20px">';
|
||||
echo '<strong style="font-size: 10pt">' . $config["auth_error"] . '</strong>';
|
||||
echo '<div id="login_failed" title="' . __('Login failed') . '">';
|
||||
echo '<div class="content_alert">';
|
||||
echo '<div class="icon_message_alert">';
|
||||
echo html_print_image('images/icono_stop.png', true, array("alt" => __('Login failed'), "border" => 0));
|
||||
echo '</div>';
|
||||
|
||||
echo '<div id="error_login_icon">';
|
||||
echo html_print_image('images/error_login.png', true, array("alt" => __('Login failed'), "border" => 0));
|
||||
echo '<div class="content_message_alert">';
|
||||
echo '<div class="text_message_alert">';
|
||||
echo '<h1>' . __('ERROR') . '</h1>';
|
||||
echo '<p>' . $config["auth_error"] . '</p>';
|
||||
echo '</div>';
|
||||
echo '<div class="button_message_alert">';
|
||||
html_print_submit_button("Ok", 'hide-login-error', false);
|
||||
echo '</div>';
|
||||
echo '</div>';
|
||||
echo '</div>';
|
||||
echo '</div>';
|
||||
}
|
||||
|
||||
if ($login_screen == 'logout'){
|
||||
echo '<div id="login_logout" title="' . __('Logged out') . '">';
|
||||
echo '<div class="content_alert">';
|
||||
echo '<div class="icon_message_alert">';
|
||||
echo html_print_image('images/icono_logo_pandora.png', true, array("alt" => __('Logged out'), "border" => 0));
|
||||
echo '</div>';
|
||||
echo '<div class="content_message_alert">';
|
||||
echo '<div class="text_message_alert">';
|
||||
echo '<h1>'. __('Logged out') .'</h1>';
|
||||
echo '<p>' . __('Your session is over. Please close your browser window to close this Pandora session.') .'</p>';
|
||||
echo '</div>';
|
||||
echo '<div class="button_message_alert">';
|
||||
html_print_submit_button("Ok", 'hide-login-logout', false);
|
||||
echo '</div>';
|
||||
echo '</div>';
|
||||
|
||||
echo '<div style="position:absolute; margin: 0 auto; top: 70px; left: 35%; ">';
|
||||
html_print_submit_button("Ok", 'hide-login-error', false, 'class="ui-button-dialog ui-widget ui-state-default ui-corner-all ui-button-text-only sub ok" style="width:100px;"');
|
||||
echo '</div>';
|
||||
|
||||
echo '</div>';
|
||||
|
||||
echo '</div>';
|
||||
}
|
||||
|
||||
|
|
@ -252,100 +266,6 @@ ui_require_jquery_file('jquery-ui-1.10.0.custom');
|
|||
?>
|
||||
|
||||
<?php
|
||||
if (!isset ($login_failed)) {
|
||||
?>
|
||||
<!--[if lte IE 8]>
|
||||
<div id="dialog" title="WARNING! You are using an outdated browser.">
|
||||
<div style="position:absolute; top:20px; text-align: left; font-size: 9.5pt; line-height: 18px; left:0%; right:0%; margin: 0 auto; width:650px; border: 1px solid #FFF; ">
|
||||
<?php
|
||||
echo __("Pandora FMS frontend is built on advanced, modern technologies and does not support old browsers.");
|
||||
echo "<br>" . __("It is highly recommended that you choose and install a modern browser. It is free of charge and only takes a couple of minutes.");
|
||||
?>
|
||||
</div>
|
||||
|
||||
<div style="position: relative; top: 90px; margin: 0 auto; width: 650px; border: 1px solid #FFF;">
|
||||
<table style="width: 650px;">
|
||||
<tr>
|
||||
<td style="width: 20%;">
|
||||
<a target="_blank" style="text-decoration: none; color: #6495ED;" href="https://www.google.com/chrome">
|
||||
<img style="width: 60px;" src="images/google_chrome.png" />
|
||||
<div style="position: relative; top: 11px;">
|
||||
Google Chrome
|
||||
<br />
|
||||
<span style="text-decoration: underline;">Download page</span>
|
||||
</div>
|
||||
</a>
|
||||
</td>
|
||||
<td style="font-size: 10px; line-height: 15px; width: 20%;">
|
||||
<a target="_blank" style="text-decoration: none; color: #6495ED;" href="http://www.mozilla.org/en-US/firefox/fx/">
|
||||
<img style="width: 60px;" src="images/mozilla_firefox.png" />
|
||||
<div style="position: relative; top: 5px;">
|
||||
Mozilla Firefox
|
||||
<br />
|
||||
<span style="text-decoration: underline;">Download page</span>
|
||||
</div>
|
||||
</a>
|
||||
</td>
|
||||
<td style="width: 20%;">
|
||||
<a target="_blank" style="text-decoration: none; color: #6495ED;" href="http://windows.microsoft.com/es-ES/internet-explorer/downloads/ie-9/worldwide-languages">
|
||||
<img style="width: 63px;" src="images/iexplorer.jpeg" />
|
||||
<div style="position: relative; top: 10px;">
|
||||
Internet Explorer
|
||||
<br />
|
||||
<span style="text-decoration: underline;">Download page</span>
|
||||
</div>
|
||||
</a>
|
||||
</td>
|
||||
<td style="width: 20%;">
|
||||
<a target="_blank" style="text-decoration: none; color: #6495ED;" href="http://www.opera.com/download/">
|
||||
<img style="width: 50px;" src="images/opera_browser.png" />
|
||||
<div style="position: relative; top: 16px;">
|
||||
Opera browser
|
||||
<br />
|
||||
<span style="text-decoration: underline;">Download page</span>
|
||||
</div>
|
||||
</a>
|
||||
</td>
|
||||
<td style="width: 20%;">
|
||||
<a target="_blank" style="text-decoration: none; color: #6495ED;" href="http://www.apple.com/es/safari/download/">
|
||||
<img style="width: 60px;" src="images/safari_browser.jpeg" />
|
||||
<div style="position: relative; top: 11px;">
|
||||
Apple safari
|
||||
<br />
|
||||
<span style="text-decoration: underline;">Download page</span>
|
||||
</div>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div style="position: relative; top:120px; width:650px; margin: 0 auto; text-align: left; border: 1px solid #FFF;">
|
||||
<?php
|
||||
echo '<span style="font-size: 10pt; color: #2E2E2E; font-weight: bold;">';
|
||||
echo __('Why is it recommended to upgrade the web browser?');
|
||||
echo '</span>';
|
||||
|
||||
echo '<span style="font-size: 9.5pt; line-height: 18px;">';
|
||||
echo '<br><br>' .
|
||||
__('New browsers usually come with support for new technologies, increasing web page speed, better privacy settings and so on. They also resolve security and functional issues.');
|
||||
echo '</span>';
|
||||
?>
|
||||
</div>
|
||||
|
||||
<div style="float:right; margin-top:160px; margin-right: 50px; width: 200px;">
|
||||
<a id="close-dialog-browser" href="#" style="text-decoration: none;">
|
||||
<span style="color: #6495ED;">
|
||||
<?php
|
||||
echo __('Continue despite this warning');
|
||||
?>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<![endif]-->
|
||||
<?php
|
||||
}
|
||||
|
||||
// Hidden div to forced title
|
||||
html_print_div(array('id' => 'forced_title_layer', 'class' => 'forced_title_layer', 'hidden' => true));
|
||||
|
||||
|
|
@ -353,12 +273,13 @@ html_print_div(array('id' => 'modal_alert', 'hidden' => true));
|
|||
|
||||
?>
|
||||
<script type="text/javascript" language="javascript">
|
||||
/* <
Binary file not shown.
|
After Width: | Height: | Size: 57 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 43 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 359 B After Width: | Height: | Size: 690 B |
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 984 B |
Binary file not shown.
|
After Width: | Height: | Size: 380 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 750 B |
Binary file not shown.
|
After Width: | Height: | Size: 300 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 339 B After Width: | Height: | Size: 669 B |
|
|
@ -173,11 +173,11 @@ $(document).ready (function () {
|
|||
if ($('#msg_change_password').length) {
|
||||
|
||||
$( "#msg_change_password" ).dialog({
|
||||
resizable: true,
|
||||
resizable: false,
|
||||
draggable: true,
|
||||
modal: true,
|
||||
height: 360,
|
||||
width: 590,
|
||||
height: 350,
|
||||
width: 620,
|
||||
overlay: {
|
||||
opacity: 0.5,
|
||||
background: "black"
|
||||
|
|
@ -189,15 +189,31 @@ $(document).ready (function () {
|
|||
if ($('#login_blocked').length) {
|
||||
|
||||
$( "#login_blocked" ).dialog({
|
||||
resizable: true,
|
||||
draggable: true,
|
||||
modal: true,
|
||||
height: 180,
|
||||
width: 400,
|
||||
overlay: {
|
||||
opacity: 0.5,
|
||||
background: "black"
|
||||
}
|
||||
resizable: true,
|
||||
draggable: true,
|
||||
modal: true,
|
||||
height: 200,
|
||||
width: 520,
|
||||
overlay: {
|
||||
opacity: 0.5,
|
||||
background: "black"
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
if ($('#login_correct_pass').length) {
|
||||
|
||||
$( "#login_correct_pass" ).dialog({
|
||||
resizable: true,
|
||||
draggable: true,
|
||||
modal: true,
|
||||
height: 200,
|
||||
width: 520,
|
||||
overlay: {
|
||||
opacity: 0.5,
|
||||
background: "black"
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
|
|
|||
|
|
@ -415,9 +415,11 @@ button.ui-button::-moz-focus-inner {
|
|||
float: left;
|
||||
margin: .1em 0;
|
||||
white-space: nowrap;
|
||||
width: 90%;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
text-align: center;
|
||||
font-size: 11pt;
|
||||
}
|
||||
.ui-dialog .ui-dialog-titlebar-close {
|
||||
position: absolute;
|
||||
|
|
@ -1255,7 +1257,7 @@ body .ui-tooltip {
|
|||
background-image: url("../../images/close_button_dialog.png");
|
||||
width: 14px;
|
||||
height: 13px;
|
||||
margin-top: -5px;
|
||||
margin-top: -8px;
|
||||
}
|
||||
|
||||
.ui-dialog-title {
|
||||
|
|
|
|||
|
|
@ -393,30 +393,26 @@ div#foot {
|
|||
}
|
||||
@media screen and (max-width: 1100px) { /* Specific to this particular image */
|
||||
#login_body {
|
||||
background-image: url("../../images/backgrounds/fondo_madera_bn_1100.jpg");
|
||||
background-image: url("../../images/backgrounds/background_pandora_console_keys.jpg");
|
||||
background-repeat: repeat;
|
||||
background-position: center center;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 1400px) { /* Specific to this particular image */
|
||||
#login_body {
|
||||
background-image: url("../../images/backgrounds/fondo_madera_bn_1400.jpg");
|
||||
background-image: url("../../images/backgrounds/background_pandora_console_keys.jpg");
|
||||
background-repeat: repeat;
|
||||
background-position: center center;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 2000px) { /* Specific to this particular image */
|
||||
#login_body {
|
||||
background-image: url("../../images/backgrounds/fondo_madera_bn_2000.jpg");
|
||||
background-image: url("../../images/backgrounds/background_pandora_console_keys.jpg");
|
||||
background-repeat: repeat;
|
||||
background-position: center center;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 2000px) { /* Specific to this particular image */
|
||||
#login_body {
|
||||
background-image: url("../../images/backgrounds/fondo_madera_bn_2500.jpg");
|
||||
background-image: url("../../images/backgrounds/background_pandora_console_keys.jpg");
|
||||
background-repeat: repeat;
|
||||
background-position: center center;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -430,30 +426,30 @@ h1#log_f {
|
|||
border-bottom: 1px solid #c00;
|
||||
padding-bottom: 3px;
|
||||
}
|
||||
/*
|
||||
div#login {
|
||||
border-width: 2px 2px 2px 2px;
|
||||
border-style: solid;
|
||||
border-color: #000;
|
||||
font-size: 12px !important;
|
||||
}
|
||||
div#login_in, #login_f {
|
||||
/*margin: 0 auto 0 140px;
|
||||
width: 400px;*/
|
||||
}
|
||||
|
||||
|
||||
.databox_login, .databox_logout {
|
||||
border-radius: 5px;
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
|
||||
#login_inner {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 5px;
|
||||
/* Browser without multibackground support */
|
||||
|
||||
background-color: #373737 !important;
|
||||
|
||||
}
|
||||
|
||||
#login_outer {
|
||||
border-radius: 11px;
|
||||
background-color: #000;
|
||||
|
|
@ -462,13 +458,9 @@ div#login_in, #login_f {
|
|||
margin: 0px auto;
|
||||
}
|
||||
|
||||
|
||||
.version_login{
|
||||
transform: rotate(36deg);
|
||||
/* Old browser support */
|
||||
-ms-transform: rotate(36deg); /* IE */
|
||||
-moz-transform: rotate(36deg); /* FF */
|
||||
-o-transform: rotate(36deg); /* Opera */
|
||||
-webkit-transform: rotate(36deg); /* Safari and Chrome */
|
||||
|
||||
|
||||
float: right;
|
||||
margin-top: 18px;
|
||||
|
|
@ -486,16 +478,18 @@ div#login_in, #login_f {
|
|||
font-family: Nunito, "Arial Rounded MT", Arial, Helvetica, sans-serif;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.login_border{
|
||||
border-right: 1px solid #FFF;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
table#login_layout {
|
||||
width: 100%;
|
||||
height: 160px;
|
||||
position:fixed;
|
||||
}
|
||||
|
||||
*/
|
||||
div#error_login {
|
||||
text-align: center;
|
||||
margin-top: 5px;
|
||||
|
|
@ -525,7 +519,7 @@ a:focus, input:focus, button:focus {
|
|||
utline-width: 0;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
DIV.login_links {
|
||||
margin: 10px 0px 0px;
|
||||
color: #FFF;
|
||||
|
|
@ -636,7 +630,7 @@ input.login {
|
|||
}
|
||||
|
||||
input.login_user {
|
||||
/* Browser without multibackground support */
|
||||
|
||||
color: #373737 !important;
|
||||
padding-left: 8px;
|
||||
width: 179px;
|
||||
|
|
@ -645,12 +639,13 @@ input.login_user {
|
|||
}
|
||||
|
||||
input.login_password {
|
||||
/* Browser without multibackground support */
|
||||
|
||||
padding-left: 8px;
|
||||
width: 179px;
|
||||
color: #222;
|
||||
height: 20px;
|
||||
}
|
||||
*/
|
||||
.databox_error {
|
||||
width: 657px !important;
|
||||
height: 400px;
|
||||
|
|
@ -3863,4 +3858,308 @@ color:#82b92e;font-family:Nunito;font-size:10pt;position:relative;top:6px;
|
|||
border-right-style: solid;
|
||||
border-bottom-right-radius: 12px;
|
||||
border-bottom-style: solid;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
styles header login
|
||||
*/
|
||||
div#header_login{
|
||||
width: 100%;
|
||||
height: 65px;
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
}
|
||||
|
||||
div#icon_custom_pandora{
|
||||
float: left;
|
||||
margin-top: 5px;
|
||||
margin-left: 4%;
|
||||
}
|
||||
|
||||
div#list_icon_docs_support{
|
||||
float: right;
|
||||
margin-top: 8px;
|
||||
margin-right: 4%;
|
||||
}
|
||||
|
||||
div#list_icon_docs_support ul li{
|
||||
display: inline-block;
|
||||
color:white;
|
||||
vertical-align: middle;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
li#li_margin_left{
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
/*
|
||||
styles login form
|
||||
*/
|
||||
|
||||
div.container_login{
|
||||
margin-top: 10%;
|
||||
margin-left: 5%;
|
||||
margin-right: 5%;
|
||||
max-width: 1500px;
|
||||
min-width: 1200px;
|
||||
}
|
||||
|
||||
div.login_page {
|
||||
width: 35%;
|
||||
min-height: 600px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
div.login_page form {
|
||||
border-right:1px solid #868686;
|
||||
padding-top: 30px;
|
||||
padding-bottom: 50px;
|
||||
min-width: 400px;
|
||||
max-height: 600px;
|
||||
}
|
||||
|
||||
div.login_logo_icon {
|
||||
margin-bottom: 40px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div.login_logo_icon img{
|
||||
margin: 0 auto;
|
||||
width: 150px;
|
||||
}
|
||||
div.login_double_auth_code,
|
||||
div.login_nick,
|
||||
div.login_pass {
|
||||
margin: 0 auto;
|
||||
width: 70%;
|
||||
height: 40px;
|
||||
background-color: rgba(255, 255, 255, 0.20) !important;
|
||||
margin-bottom: 25px;
|
||||
min-width: 260px;
|
||||
}
|
||||
|
||||
div.login_nick img,
|
||||
div.login_pass img{
|
||||
vertical-align: middle;
|
||||
margin: 3px;
|
||||
}
|
||||
|
||||
|
||||
div.login_nick input,
|
||||
div.login_pass input{
|
||||
background-color: rgba(255, 255, 255, 0.00) !important;
|
||||
border:0px !important;
|
||||
color:white !important;
|
||||
border-radius: 0px;
|
||||
width: 89%;
|
||||
height: 40px;
|
||||
font-size: 9pt;
|
||||
padding: 0px !important;
|
||||
}
|
||||
|
||||
|
||||
div.login_nick input:focus,
|
||||
div.login_pass input:focus{
|
||||
outline: none;
|
||||
}
|
||||
|
||||
div.login_nick input:-webkit-autofill,
|
||||
div.login_nick input:-webkit-autofill:hover,
|
||||
div.login_nick input:-webkit-autofill:focus,
|
||||
div.login_nick input:-webkit-autofill:active,
|
||||
div.login_pass input:-webkit-autofill,
|
||||
div.login_pass input:-webkit-autofill:hover,
|
||||
div.login_pass input:-webkit-autofill:focus,
|
||||
div.login_pass input:-webkit-autofill:active {
|
||||
transition: background-color 10000s ease-in-out 0s;
|
||||
-webkit-box-shadow: 0 0 0px 0px transparent inset !important;
|
||||
-webkit-text-fill-color: white !important;
|
||||
border:0px;
|
||||
width: 89%;
|
||||
}
|
||||
|
||||
div.login_nick input::-webkit-input-placeholder,
|
||||
div.login_pass input::-webkit-input-placeholder {
|
||||
color:white;
|
||||
}
|
||||
|
||||
div.login_pass img,
|
||||
div.login_nick img{
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
div.login_pass div,
|
||||
div.login_nick div{
|
||||
float: left;
|
||||
width: 11%;
|
||||
}
|
||||
|
||||
div.login_button{
|
||||
margin: 0 auto;
|
||||
width: 70%;
|
||||
height: 40px;
|
||||
background-color: rgb(25, 25, 25);
|
||||
border: 1px solid white;
|
||||
min-width: 260px;
|
||||
}
|
||||
|
||||
div.login_button input {
|
||||
width: 100%;
|
||||
background-color: rgb(25, 25, 25) !important;
|
||||
text-align: center;
|
||||
border:0px;
|
||||
border-radius: 0px;
|
||||
height: 40px;
|
||||
padding: 0px;
|
||||
font-size: 9pt;
|
||||
color: white;
|
||||
}
|
||||
|
||||
div.login_data {
|
||||
width: 65%;
|
||||
min-height: 600px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
div.text_banner_login{
|
||||
width: 100%;
|
||||
margin-bottom: 60px;
|
||||
color: white;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div.text_banner_login span{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
span.span1{
|
||||
font-weight: 100;
|
||||
font-size: 3vw;
|
||||
font-family: leto;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
span.span2{
|
||||
font-weight: 300;
|
||||
font-size: 3vw;
|
||||
font-family: leto;
|
||||
}
|
||||
|
||||
div.img_banner_login{
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div.img_banner_login img{
|
||||
max-width: 70%;
|
||||
min-width: 70%;
|
||||
max-height: 50%;
|
||||
min-height: 50%;
|
||||
}
|
||||
|
||||
@media all and (max-width: 1200px) {
|
||||
span.span1{
|
||||
font-size: 30pt;
|
||||
}
|
||||
span.span2{
|
||||
font-size: 30pt;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*modal windows login*/
|
||||
div.content_alert{
|
||||
width: 100%;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
div.icon_message_alert{
|
||||
float: left;
|
||||
width: 25%;
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
|
||||
div.icon_message_alert img{
|
||||
width: 85px;
|
||||
}
|
||||
|
||||
div.content_message_alert{
|
||||
|
||||
width: 75%;
|
||||
float: right;
|
||||
}
|
||||
|
||||
div.text_message_alert{
|
||||
width: 100%;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
div.text_message_alert h1{
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
div.text_message_alert p{
|
||||
margin: 0px;
|
||||
font-size: 10.3pt;
|
||||
line-height: 14pt;
|
||||
}
|
||||
|
||||
div.button_message_alert{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
div.button_message_alert input{
|
||||
float: right;
|
||||
width: 87px;
|
||||
height: 33px;
|
||||
color: #82b92e;
|
||||
border: 1px solid #82b92e;
|
||||
font-weight: bold;
|
||||
margin-right: 20px;
|
||||
margin-top: 20px;
|
||||
font-size: 10pt;
|
||||
}
|
||||
|
||||
div.form_message_alert{
|
||||
width: 90%;
|
||||
clear: both;
|
||||
padding-top: 20px;
|
||||
padding-left: 40px;
|
||||
}
|
||||
|
||||
div.form_message_alert ul li{
|
||||
display: inline-block;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
div.form_message_alert ul li input{
|
||||
border: none;
|
||||
background-color: #dadada !important;
|
||||
border-radius: 0px;
|
||||
height: 17px;
|
||||
width: 145px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
div.form_message_alert ul li label{
|
||||
font-size: 10pt;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
div.form_message_alert h4{
|
||||
margin: 0px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
div.button_message_alert_form input{
|
||||
float: right;
|
||||
width: 87px;
|
||||
height: 33px;
|
||||
color: #82b92e;
|
||||
border: 1px solid #82b92e;
|
||||
font-weight: bold;
|
||||
font-size: 10pt;
|
||||
margin-right: 25px;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -339,7 +339,7 @@ if (! isset ($config['id_user'])) {
|
|||
case PASSSWORD_POLICIES_FIRST_CHANGE: //first change
|
||||
case PASSSWORD_POLICIES_EXPIRED: //pass expired
|
||||
$expired_pass = true;
|
||||
login_change_password($nick);
|
||||
login_change_password($nick, '',$check_status);
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue