diff --git a/core/css/styles.css b/core/css/styles.css index 032556cbb57..0730eeac9fa 100644 --- a/core/css/styles.css +++ b/core/css/styles.css @@ -122,6 +122,17 @@ 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 { width:11.7em!important; padding-left:1.8em; } +#adminlogin+label, #adminpass+label, #user+label, #password+label { left:2.2em; } +#adminlogin+label+img, #adminpass+label+img, #user+label+img, #password+label+img { + position:absolute; left:1.25em; top:1.65em; + opacity:.3; +} +#adminpass+label+img, #password+label+img { top:1.1em; } + + /* Nicely grouping input field sets */ .grouptop input { margin-bottom:0; @@ -138,11 +149,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; } diff --git a/core/img/actions/password.png b/core/img/actions/password.png new file mode 100644 index 00000000000..5167161dfa9 Binary files /dev/null and b/core/img/actions/password.png differ diff --git a/core/img/actions/password.svg b/core/img/actions/password.svg new file mode 100644 index 00000000000..ee6a9fe0182 --- /dev/null +++ b/core/img/actions/password.svg @@ -0,0 +1,2148 @@ + + + + diff --git a/core/img/actions/user.png b/core/img/actions/user.png new file mode 100644 index 00000000000..2221ac679d1 Binary files /dev/null and b/core/img/actions/user.png differ diff --git a/core/img/actions/user.svg b/core/img/actions/user.svg new file mode 100644 index 00000000000..6d0dc714ce4 --- /dev/null +++ b/core/img/actions/user.svg @@ -0,0 +1,1698 @@ + + + + diff --git a/core/templates/installation.php b/core/templates/installation.php index f7a8a028c4f..28fbf29b540 100644 --- a/core/templates/installation.php +++ b/core/templates/installation.php @@ -35,12 +35,14 @@
diff --git a/core/templates/login.php b/core/templates/login.php index 5e4e2eb07e6..153d1b50a30 100644 --- a/core/templates/login.php +++ b/core/templates/login.php @@ -17,12 +17,14 @@
-
autocomplete="on" required />
+
+
-
/>
+
+