/* Icons for username and password fields to better recognize them */
#adminlogin, #adminpass, #user, #password { width:11.7em!important; padding-left:1.8em; }
-#adminlogin+label+img, #adminpass+label+img, #user+label+img, #password+label+img {
+#adminlogin+label+img, #adminpass+label+img, #user+label+img, #password-icon {
position:absolute; left:1.25em; top:1.65em;
opacity:.3;
}
-#adminpass+label+img, #password+label+img { top:1.1em; }
+#adminpass+label+img, #password-icon { top:1.1em; }
input[name="password-clone"] { padding-left:1.8em; width:11.7em !important; }
-#pass_image { position: absolute; top: 1.2em; left: 1.4em; opacity: 0.3; }
/* Nicely grouping input field sets */
.grouptop input {
position:absolute; right:1em; top:.8em; float:right;
display:none;
}
-#login form input[name="show"] + label {
- position:absolute !important; height:14px; width:24px; right:1em; top:1.25em; float:right;
+#show + label {
+ position:absolute!important; height:14px; width:24px; right:1em; top:1.25em!important;
background-image:url("../img/actions/toggle.png"); background-repeat:no-repeat; opacity:.3;
}
-#login form input[name="show"]:checked + label { opacity:.8; }
+#show:checked + label { opacity:.8; }
/* Database selector */
#login form #selectDbType { text-align:center; }
<input type="password" name="password" id="password" value="" data-typetoggle="#show"
required<?php echo $_['user_autofocus'] ? '' : ' autofocus'; ?> />
<label for="password" class="infield"><?php echo $l->t('Password'); ?></label>
- <img class="svg" id="pass_image" src="<?php echo image_path('', 'actions/password.svg'); ?>" alt=""/>
+ <img class="svg" id="password-icon" src="<?php echo image_path('', 'actions/password.svg'); ?>" alt=""/>
<input type="checkbox" id="show" name="show" />
<label for="show"></label>
</p>