Change login and styles

This commit is contained in:
m-lopez-f 2015-04-28 15:29:15 +02:00
parent 0ed625f42e
commit c50bbb7eea
2 changed files with 25 additions and 11 deletions

View File

@ -102,7 +102,7 @@ echo '<div id="login_in">';
// For stable/live function it might be wise to comment it out // For stable/live function it might be wise to comment it out
/* CUSTOM BRANDING ENDS HERE */ /* CUSTOM BRANDING ENDS HERE */
echo '</td><td style="padding-top: 30px;">'; echo '</td><td style="padding-top: 15px;">';
switch ($login_screen) { switch ($login_screen) {
case 'login': case 'login':
@ -114,11 +114,16 @@ echo '<div id="login_in">';
echo '<div class="login_nick">'; echo '<div class="login_nick">';
html_print_image ("/images/usuario_login.png", false); html_print_image ("/images/usuario_login.png", false);
html_print_input_text_extended ("nick", '', "nick", '', '', '' , false, '', 'class="login login_user"'); html_print_input_text_extended ("nick", __('User'), "nick", '', '', '' , false,
array('onfocus' => "javascript:if ( $('.login_user').val() == 'User') $('.login_user').val('');",
'onblur'=>"javascript: if ( $('.login_user').val() == false) $('.login_user').val('". __('User')."');"), 'class="login login_user" ');
echo '</div><br />'; echo '</div><br />';
echo '<div class="login_pass">'; echo '<div class="login_pass">';
html_print_image ("/images/candado_login.png", false); html_print_image ("/images/candado_login.png", false);
html_print_input_text_extended ("pass", '', "pass", '', '', '' ,false, '', 'class="login login_password"', false, true); html_print_input_text_extended ("pass", 'pass', "pass", '', '', '' ,false,
array('onfocus' => "javascript:if ( $('.login_password').val() == 'pass') $('.login_password').val('');",
'onblur'=>"javascript:if ( $('.login_password').val() == false) $('.login_password').val('". __('pass')."');"),
'class="login login_password"', false, true);
echo '</div>'; echo '</div>';
echo '<div class="login_button">'; echo '<div class="login_button">';
html_print_submit_button(__("Login"), "login_button", false, 'class="sub next_login"'); html_print_submit_button(__("Login"), "login_button", false, 'class="sub next_login"');
@ -181,7 +186,7 @@ echo $pandora_version.(($develop_bypass == 1) ? ' '.__('Build').' '.$build_versi
if (isset ($login_failed)) { if (isset ($login_failed)) {
echo '<div id="login_failed" title="Login failed" style="">'; 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:330px; margin: 0 auto; ">'; 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 '<div id="error_login" style="margin-top: 20px">';
echo '<strong style="font-size: 10pt">' . $config["auth_error"] . '</strong>'; echo '<strong style="font-size: 10pt">' . $config["auth_error"] . '</strong>';
@ -323,7 +328,7 @@ html_print_div(array('id' => 'modal_alert', 'hidden' => true));
background: "black" background: "black"
}, },
width: 500, width: 500,
height: 300 height: 200
}) })
.show (); .show ();
} }
@ -362,7 +367,7 @@ html_print_div(array('id' => 'modal_alert', 'hidden' => true));
resizable: true, resizable: true,
draggable: true, draggable: true,
modal: true, modal: true,
height: 200, height: 160,
width: 400, width: 400,
overlay: { overlay: {
opacity: 0.5, opacity: 0.5,

View File

@ -144,6 +144,7 @@ p.center {
h1#log_title { h1#log_title {
font-size: 18px; font-size: 18px;
margin-bottom: 0px; margin-bottom: 0px;
color: #FFF !important;
} }
div#log_msg { div#log_msg {
display: none; display: none;
@ -410,6 +411,7 @@ div#foot {
} }
p.log_in { p.log_in {
color: #FFF !important;
padding: 0px 10px; padding: 0px 10px;
} }
h1#log_f { h1#log_f {
@ -552,6 +554,7 @@ input.next_login {
DIV.login_nick, DIV.login_pass { DIV.login_nick, DIV.login_pass {
text-align:left; text-align:left;
padding-left: 15px; padding-left: 15px;
margin-top: 10px;
} }
DIV.login_nick>input, DIV.login_pass>input { DIV.login_nick>input, DIV.login_pass>input {
@ -559,6 +562,15 @@ DIV.login_nick>input, DIV.login_pass>input {
border-radius:0px; border-radius:0px;
margin-left: 10px; margin-left: 10px;
} }
DIV.login_nick>input:focus,DIV.login_pass>input:focus {
outline-width: 0px;
border-color: #373737;
background-color: #373737;
font-size: 12px;
box-shadow: 0px 0px 3px 3px #e2e2e2;
}
DIV.login_nick>img, DIV.login_pass>img { DIV.login_nick>img, DIV.login_pass>img {
vertical-align: middle; vertical-align: middle;
} }
@ -612,17 +624,14 @@ input.login_user {
width: 179px; width: 179px;
color: #222; color: #222;
height: 18px; height: 18px;
-webkit-box-shadow: 0 0 0px 1000px #e2e2e2 inset;
} }
input.login_password { input.login_password {
/* Browser without multibackground support */ /* Browser without multibackground support */
background-color: #e2e2e2 !important;
padding-left: 8px; padding-left: 8px;
width: 179px; width: 179px;
color: #222; color: #222;
height: 18px; height: 18px;
-webkit-box-shadow: 0 0 0px 1000px #e2e2e2 inset;
} }
.databox_error { .databox_error {
width: 657px !important; width: 657px !important;
@ -674,7 +683,7 @@ input.sub {
background-color: #333 !important; background-color: #333 !important;
background-repeat: no-repeat !important; background-repeat: no-repeat !important;
background-position: 92% 5px !important; background-position: 92% 3px !important;
color: white !important; color: white !important;
padding: 3px 3px 5px 12px; padding: 3px 3px 5px 12px;
@ -2500,7 +2509,7 @@ input.search_input {
margin-top: 8px !important; margin-top: 8px !important;
} }
a[id^='tgl_ctrl_']>img{ a[id^='tgl_ctrl_']>img, a[id^='tgl_ctrl_']>b>img{
vertical-align:middle; vertical-align:middle;
} }