diff options
| author | Lukas Reschke <lukas@owncloud.com> | 2015-08-27 23:25:52 +0200 |
|---|---|---|
| committer | Lukas Reschke <lukas@owncloud.com> | 2015-08-27 23:25:52 +0200 |
| commit | a93d4d5bf68991d982654fbb23871dbfe89fd309 (patch) | |
| tree | 3beb5ed530f7c7d305141bf21c7ec9e2893340a7 /core/css/styles.css | |
| parent | 5479db63719de9b6341edcb2cb16ee7c7a3beff5 (diff) | |
| parent | 8fc7a3dc80edee0e4ac4347dfb019e783876c860 (diff) | |
| download | nextcloud-server-a93d4d5bf68991d982654fbb23871dbfe89fd309.tar.gz nextcloud-server-a93d4d5bf68991d982654fbb23871dbfe89fd309.zip | |
Merge pull request #18609 from owncloud/login-layout
log in screen improvement & simplification
Diffstat (limited to 'core/css/styles.css')
| -rw-r--r-- | core/css/styles.css | 36 |
1 files changed, 29 insertions, 7 deletions
diff --git a/core/css/styles.css b/core/css/styles.css index cad407b52ea..bf6ca519146 100644 --- a/core/css/styles.css +++ b/core/css/styles.css @@ -456,11 +456,30 @@ input[type="submit"].enabled { padding: 13px; margin: -13px; } -/* quick fix for log in button not being aligned with input fields, should be properly fixed by input field width later */ + +/* position log in button as confirm icon in right of password field */ #body-login #submit.login { - margin-right: 7px; + position: absolute; + right: 0; + top: 49px; + border: none; + background-color: transparent; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; + opacity: .3; +} +#body-login #submit.login:hover, +#body-login #submit.login:focus { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; + opacity: .7; } +#body-login input[type="password"] { + padding-right: 40px; + box-sizing: border-box; + min-width: 269px; +} + #body-login form { + position: relative; width: 22em; margin: 2em auto 2em; padding: 0; @@ -539,10 +558,8 @@ input[name='password-clone'] { /* General new input field look */ #body-login input[type="text"], #body-login input[type="password"], -#body-login input[type="email"], -#body-login input[type="submit"] { +#body-login input[type="email"] { border: none; - border-radius: 5px; } /* Nicely grouping input field sets */ @@ -741,7 +758,7 @@ label.infield { margin: 35px auto; } #body-login .warning { - margin: 0 7px 5px; + margin: 0 7px 5px 4px; } #body-login .warning legend { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; @@ -780,8 +797,13 @@ label.infield { padding: 10px 20px; /* larger log in and installation buttons */ } #remember_login { - margin: 24px 5px 0 16px !important; + margin: 18px 5px 0 16px !important; vertical-align: text-bottom; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; + opacity: .7; +} +#body-login .remember-login-container { + text-align: center; } /* Sticky footer */ |