From b5710b0520eaff2618e46d22f50ce88099272d3e Mon Sep 17 00:00:00 2001 From: Wolfgang Knopki <wolfgang.knopki@hft-stuttgart.de> Date: Tue, 21 Apr 2020 13:55:04 +0200 Subject: [PATCH] added css for Login form --- css/Login-Form-Clean.css | 68 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 68 insertions(+) create mode 100644 css/Login-Form-Clean.css diff --git a/css/Login-Form-Clean.css b/css/Login-Form-Clean.css new file mode 100644 index 0000000..6931389 --- /dev/null +++ b/css/Login-Form-Clean.css @@ -0,0 +1,68 @@ +.login-clean { + background: #f1f7fc; + padding: 80px 0; +} + +.login-clean form { + max-width: 320px; + width: 90%; + margin: 0 auto; + background-color: #ffffff; + padding: 40px; + border-radius: 4px; + color: #505e6c; + box-shadow: 1px 1px 5px rgba(0,0,0,0.1); +} + +.login-clean .illustration { + text-align: center; + padding: 0 0 20px; + font-size: 100px; + color: rgb(244,71,107); +} + +.login-clean form .form-control { + background: #f7f9fc; + border: none; + border-bottom: 1px solid #dfe7f1; + border-radius: 0; + box-shadow: none; + outline: none; + color: inherit; + text-indent: 8px; + height: 42px; +} + +.login-clean form .btn-primary { + background: #f4476b; + border: none; + border-radius: 4px; + padding: 11px; + box-shadow: none; + margin-top: 26px; + text-shadow: none; + outline: none !important; +} + +.login-clean form .btn-primary:hover, .login-clean form .btn-primary:active { + background: #eb3b60; +} + +.login-clean form .btn-primary:active { + transform: translateY(1px); +} + +.login-clean form .forgot { + display: block; + text-align: center; + font-size: 12px; + color: #6f7a85; + opacity: 0.9; + text-decoration: none; +} + +.login-clean form .forgot:hover, .login-clean form .forgot:active { + opacity: 1; + text-decoration: none; +} + -- GitLab