From 11f80fc2bab875163452ef64d5312eafccc687de Mon Sep 17 00:00:00 2001 From: psunkana <67285784+psunkana@users.noreply.github.com> Date: Thu, 27 Aug 2020 14:10:48 +0530 Subject: [PATCH 01/10] Update form.css --- css/form.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/css/form.css b/css/form.css index e04c162..a5ed481 100644 --- a/css/form.css +++ b/css/form.css @@ -1,7 +1,7 @@ body { color: #222222; background-color: white; - font-family: Helvetica, Arial, sans-serif; + font-family: inherit; font-size: 14px; line-height: 19px; } @@ -15,7 +15,7 @@ h1 { form { padding: 20px; margin: 0px auto; - width: 710px; + width: 280px; border: 1px solid #e9e9e9; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.8); } From 1818ba25847a3476cde5000c60dbbf07d395e1d9 Mon Sep 17 00:00:00 2001 From: psunkana <67285784+psunkana@users.noreply.github.com> Date: Thu, 27 Aug 2020 14:12:40 +0530 Subject: [PATCH 02/10] Update form.css --- css/form.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/css/form.css b/css/form.css index a5ed481..5d272b5 100644 --- a/css/form.css +++ b/css/form.css @@ -17,14 +17,14 @@ form { margin: 0px auto; width: 280px; border: 1px solid #e9e9e9; - box-shadow: 0 3px 7px rgba(0, 0, 0, 0.8); + box-shadow: none; } input { background-color: white; border: 1px solid #e9e9e9; border-radius: 3px; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3); + box-shadow: none; display: inline-block; height: 18px; padding: 4px; From 96a6bb4549b41d0ec23fdbe8760ef3fecfc8883d Mon Sep 17 00:00:00 2001 From: psunkana <67285784+psunkana@users.noreply.github.com> Date: Thu, 27 Aug 2020 14:59:14 +0530 Subject: [PATCH 03/10] Update form.css --- css/form.css | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/css/form.css b/css/form.css index 5d272b5..c37a18b 100644 --- a/css/form.css +++ b/css/form.css @@ -7,7 +7,7 @@ body { } h1 { - font-size: 1.429em; + font-size: 32px; padding: 10px 15px 7px; border-bottom: 1px solid #e9e9e9; } @@ -15,9 +15,13 @@ h1 { form { padding: 20px; margin: 0px auto; - width: 280px; + width: 300px; border: 1px solid #e9e9e9; box-shadow: none; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%,-50%); } input { @@ -31,6 +35,7 @@ input { margin-bottom: 9px; font-size: 0.929em; line-height: 18px; + width: 72%; } #username { From 6f3e1beb9ce536bcf71a38fc20fdb29a4950b4d5 Mon Sep 17 00:00:00 2001 From: psunkana <67285784+psunkana@users.noreply.github.com> Date: Thu, 27 Aug 2020 16:06:03 +0530 Subject: [PATCH 04/10] Update form.css --- css/form.css | 35 ++++++++++++++++++----------------- 1 file changed, 18 insertions(+), 17 deletions(-) diff --git a/css/form.css b/css/form.css index c37a18b..aa9d01b 100644 --- a/css/form.css +++ b/css/form.css @@ -1,27 +1,27 @@ body { - color: #222222; - background-color: white; - font-family: inherit; - font-size: 14px; - line-height: 19px; + color: #232527; + background-color: #2f343d; + font-family: 'Montserrat', sans-serif; } h1 { font-size: 32px; padding: 10px 15px 7px; border-bottom: 1px solid #e9e9e9; + display:none; } form { - padding: 20px; + padding: 30px 20px; margin: 0px auto; - width: 300px; - border: 1px solid #e9e9e9; + width: 320px; + border: 1px solid #fff; + background: #fff; box-shadow: none; position: absolute; top: 50%; left: 50%; - transform: translate(-50%,-50%); + transform: translate(-50%,-50%) } input { @@ -32,25 +32,26 @@ input { display: inline-block; height: 18px; padding: 4px; - margin-bottom: 9px; + margin-bottom: 20px; font-size: 0.929em; line-height: 18px; - width: 72%; } #username { - margin-left: 27px + margin-left: 31px } button { border: none; + font-family: 'Montserrat' sans-serif; + color: #fff; + background: #2368a0; font-weight: normal; - color: white; - background: #0088cc; - padding: 9px 18px; - font-size: 1.143em; - line-height: 15px; + padding: 6px 18px; + font-size: 14px; + line-height: 0px; display: block; + margin-left: auto; } label:before { From a766de4fb7a868f069d4f893b076aa0bc1af187a Mon Sep 17 00:00:00 2001 From: psunkana <67285784+psunkana@users.noreply.github.com> Date: Thu, 27 Aug 2020 16:36:51 +0530 Subject: [PATCH 05/10] Update form.css --- css/form.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/css/form.css b/css/form.css index aa9d01b..b6f53ac 100644 --- a/css/form.css +++ b/css/form.css @@ -35,6 +35,7 @@ input { margin-bottom: 20px; font-size: 0.929em; line-height: 18px; + width: 230px; } #username { @@ -49,11 +50,15 @@ button { font-weight: normal; padding: 6px 18px; font-size: 14px; - line-height: 0px; + line-height: 16px; display: block; margin-left: auto; } +label{ +display:inline-block; +} + label:before { content: ' '; display: block; } From 36f3100aca8cb131441651714ebc8d481f8006fa Mon Sep 17 00:00:00 2001 From: psunkana <67285784+psunkana@users.noreply.github.com> Date: Thu, 27 Aug 2020 18:54:26 +0530 Subject: [PATCH 06/10] Update form.css --- css/form.css | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/css/form.css b/css/form.css index b6f53ac..40dc1f4 100644 --- a/css/form.css +++ b/css/form.css @@ -24,6 +24,18 @@ form { transform: translate(-50%,-50%) } +form:before { + content: ''; + display: block; + height: 50px; + width: 170px; + background-image: url(https://d2b8lqy494c4mo.cloudfront.net/mss/images/miracle-logo-01.svg); + margin: 0 auto; + margin-bottom: 30px; + background-repeat: no-repeat; + background-size: contain; +} + input { background-color: white; border: 1px solid #e9e9e9; From eac5e69fafc600799792bfdf98b61a7d4a07949b Mon Sep 17 00:00:00 2001 From: psunkana <67285784+psunkana@users.noreply.github.com> Date: Thu, 27 Aug 2020 18:55:30 +0530 Subject: [PATCH 07/10] Update form.css --- css/form.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/css/form.css b/css/form.css index 40dc1f4..2b98572 100644 --- a/css/form.css +++ b/css/form.css @@ -25,11 +25,11 @@ form { } form:before { - content: ''; + content: ''; display: block; height: 50px; width: 170px; - background-image: url(https://d2b8lqy494c4mo.cloudfront.net/mss/images/miracle-logo-01.svg); + background-image: url('https://d2b8lqy494c4mo.cloudfront.net/mss/images/miracle-logo-01.svg'); margin: 0 auto; margin-bottom: 30px; background-repeat: no-repeat; From e231e2ceebacc0e1fa91814a02c74a816e1d2ca1 Mon Sep 17 00:00:00 2001 From: psunkana <67285784+psunkana@users.noreply.github.com> Date: Wed, 2 Sep 2020 18:50:39 +0530 Subject: [PATCH 08/10] Update form.css --- css/form.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/css/form.css b/css/form.css index 2b98572..9bee430 100644 --- a/css/form.css +++ b/css/form.css @@ -14,7 +14,7 @@ h1 { form { padding: 30px 20px; margin: 0px auto; - width: 320px; + width: 350px; border: 1px solid #fff; background: #fff; box-shadow: none; From 1ba95d63edbfbb53f45db7d4f4b195e68048578a Mon Sep 17 00:00:00 2001 From: psunkana <67285784+psunkana@users.noreply.github.com> Date: Wed, 2 Sep 2020 18:55:02 +0530 Subject: [PATCH 09/10] Update form.css --- css/form.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/css/form.css b/css/form.css index 9bee430..5bb72f4 100644 --- a/css/form.css +++ b/css/form.css @@ -14,7 +14,7 @@ h1 { form { padding: 30px 20px; margin: 0px auto; - width: 350px; + width: 335px; border: 1px solid #fff; background: #fff; box-shadow: none; @@ -65,6 +65,7 @@ button { line-height: 16px; display: block; margin-left: auto; + margin-right: 5px; } label{ From 3b654a0ebcda6ba3c9da11fde485c801fc7a5130 Mon Sep 17 00:00:00 2001 From: psunkana <67285784+psunkana@users.noreply.github.com> Date: Wed, 2 Sep 2020 19:16:36 +0530 Subject: [PATCH 10/10] Update form.css --- css/form.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/css/form.css b/css/form.css index 5bb72f4..9798188 100644 --- a/css/form.css +++ b/css/form.css @@ -14,7 +14,7 @@ h1 { form { padding: 30px 20px; margin: 0px auto; - width: 335px; + width: 330px; border: 1px solid #fff; background: #fff; box-shadow: none; @@ -65,7 +65,7 @@ button { line-height: 16px; display: block; margin-left: auto; - margin-right: 5px; + margin-right: 10px; } label{