icons for username and password field, not sure if it’s good

remotes/origin/stable5
Jan-Christoph Borchardt 2012-12-11 18:54:43 +07:00
parent 728ea711b2
commit 90e8e94909
7 changed files with 3886 additions and 7 deletions

@ -119,6 +119,13 @@ input[type="submit"].enabled { background:#66f866; border:1px solid #5e5; -moz-b
#login #datadirContent label { display:block; margin:0; color:#999; }
#login form #datadirField legend { margin-bottom:15px; }
/* Icons for username and password fields to better recognize them */
#adminlogin, #adminpass, #user, #password { padding-left:1.6em; background-repeat:no-repeat; background-position:.4em .75em; }
#adminlogin+label, #adminpass+label, #user+label, #password+label { left:2em; }
#adminlogin, #user { background-image:url('../img/actions/user.svg'); }
#adminpass, #password { background-image:url('../img/actions/password.svg'); }
/* Nicely grouping input field sets */
.grouptop input {
margin-bottom:0;
@ -135,11 +142,11 @@ input[type="submit"].enabled { background:#66f866; border:1px solid #5e5; -moz-b
box-shadow:0 1px 1px #fff,0 1px 0 #ddd inset;
}
#login form label { margin:.95em 0 0 .85em; color:#666; }
#login .groupmiddle label, #login .groupbottom label { margin-top:13px; }
#login form label { color:#666; }
#login .groupmiddle label, #login .groupbottom label { top:.65em; }
/* NEEDED FOR INFIELD LABELS */
p.infield { position:relative; }
label.infield { cursor:text !important; }
label.infield { cursor:text !important; top:1.05em; left:.85em; }
#login form label.infield { position:absolute; font-size:19px; color:#aaa; white-space:nowrap; }
#login form input[type="checkbox"]+label { position:relative; margin:0; font-size:1em; text-shadow:#fff 0 1px 0; }
#login form .errors { background:#fed7d7; border:1px solid #f00; list-style-indent:inside; margin:0 0 2em; padding:1em; }

Binary file not shown.

After

Width:  |  Height:  |  Size: 197 B

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 65 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 374 B

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 53 KiB

@ -35,12 +35,12 @@
<fieldset id="adminaccount">
<legend><?php echo $l->t( 'Create an <strong>admin account</strong>' ); ?></legend>
<p class="infield grouptop">
<label for="adminlogin" class="infield"><?php echo $l->t( 'Username' ); ?></label>
<input type="text" name="adminlogin" id="adminlogin" value="<?php print OC_Helper::init_var('adminlogin'); ?>" autocomplete="off" autofocus required />
<label for="adminlogin" class="infield"><?php echo $l->t( 'Username' ); ?></label>
</p>
<p class="infield groupbottom">
<label for="adminpass" class="infield"><?php echo $l->t( 'Password' ); ?></label>
<input type="password" name="adminpass" id="adminpass" value="<?php print OC_Helper::init_var('adminpass'); ?>" required />
<label for="adminpass" class="infield"><?php echo $l->t( 'Password' ); ?></label>
</p>
</fieldset>

@ -17,12 +17,12 @@
<?php endif; ?>
</ul>
<p class="infield grouptop">
<label for="user" class="infield"><?php echo $l->t( 'Username' ); ?></label>
<input type="text" name="user" id="user" value="<?php echo $_['username']; ?>"<?php echo $_['user_autofocus']?' autofocus':''; ?> autocomplete="on" required />
<label for="user" class="infield"><?php echo $l->t( 'Username' ); ?></label>
</p>
<p class="infield groupbottom">
<label for="password" class="infield"><?php echo $l->t( 'Password' ); ?></label>
<input type="password" name="password" id="password" value="" required<?php echo $_['user_autofocus']?'':' autofocus'; ?> />
<label for="password" class="infield"><?php echo $l->t( 'Password' ); ?></label>
</p>
<input type="checkbox" name="remember_login" value="1" id="remember_login" /><label for="remember_login"><?php echo $l->t('remember'); ?></label>
<input type="submit" id="submit" class="login primary" value="<?php echo $l->t( 'Log in' ); ?>" />