From fe61e4646d81b91dbe5bb7babb9e791e06862aad Mon Sep 17 00:00:00 2001 From: Ankit Rajput <91692769+rajcoder123@users.noreply.github.com> Date: Tue, 26 Oct 2021 18:28:18 +0530 Subject: [PATCH 1/3] UpdatedStyleCSS --- style.css | 32 ++++++++++++++++---------------- 1 file changed, 16 insertions(+), 16 deletions(-) diff --git a/style.css b/style.css index 1ea710e..315a4f5 100644 --- a/style.css +++ b/style.css @@ -8,22 +8,22 @@ body{ } span{ - font-size: 11px; + font-size: 9px; color: gray; font-weight: bold; } .container{ font-family: serif; position:fixed; - top: 50%; - left: 50%; - transform: translate(-50%,-50%); - width: 170px; + top: 45%; + left: 45%; + transform: translate(-45%,-45%); + width: 165px; background-color: #fff; - border: 3px solid #fff; + border: 5px solid #fff; border-radius: 5px; box-shadow: 0px 0px 10px 10px rgba(74,74,74, 0.7); - padding: 15px; + padding: 12px; } .display{ height: 51px; @@ -31,22 +31,22 @@ span{ outline: none; border:none; padding: 0px 11px; - font-size: 15px; - border-radius: 5%; + font-size: 13px; + border-radius: 7%; overflow: auto scroll; - box-shadow: inset 3px 2px 8px rgba(150,150,150,0.1),inset 2px 2px 1px rgba(150,150,150,0.5),inset 3px 2px 8px rgba(150,150,150,0.1),2px 2px 1px rgba(150,150,150,0.5); + box-shadow: inset 5px 4px 9px rgba(150,150,150,0.1),inset 2px 2px 1px rgba(150,150,150,0.5),inset 3px 2px 8px rgba(150,150,150,0.1),2px 2px 1px rgba(150,150,150,0.5); } input[type=button]{ text-align: center; - margin-top: 10px; - margin-left: 2px; + margin-top: 12px; + margin-left: 3px; background-color: #fff; border: none; outline: none; - width: 37px; - height: 36px; - border-radius: 6px; - box-shadow: inset 1px 2px 8px rgba(150,150,150,0.1),inset 1px 1px 2px rgba(150,150,150,0.3),inset 1px 1px 2px rgba(150,150,150,0.3), 1px 1px 2px rgba(150,150,150,0.3); + width: 35px; + height: 37px; + border-radius: 8px; + box-shadow: inset 2px 3px 9px rgba(150,150,150,0.1),inset 1px 1px 2px rgba(150,150,150,0.3),inset 1px 1px 2px rgba(150,150,150,0.3), 1px 1px 2px rgba(150,150,150,0.3); } input[type=button]:focus{ From 6159de3745f743ca3b126ad886f61983847d654d Mon Sep 17 00:00:00 2001 From: Ankit Rajput <91692769+rajcoder123@users.noreply.github.com> Date: Tue, 26 Oct 2021 18:34:49 +0530 Subject: [PATCH 2/3] UpdatedStyleCSS --- style.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/style.css b/style.css index 315a4f5..2761b58 100644 --- a/style.css +++ b/style.css @@ -15,10 +15,10 @@ span{ .container{ font-family: serif; position:fixed; - top: 45%; - left: 45%; - transform: translate(-45%,-45%); - width: 165px; + top: 50%; + left: 50%; + transform: translate(-50%,-50%); + width: 171px; background-color: #fff; border: 5px solid #fff; border-radius: 5px; From 238c5dee4fe6429111b91f5f46f65c0a441645f8 Mon Sep 17 00:00:00 2001 From: Ankit Rajput <91692769+rajcoder123@users.noreply.github.com> Date: Tue, 26 Oct 2021 18:36:25 +0530 Subject: [PATCH 3/3] StyleUpdated --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index 2761b58..51277b7 100644 --- a/style.css +++ b/style.css @@ -18,7 +18,7 @@ span{ top: 50%; left: 50%; transform: translate(-50%,-50%); - width: 171px; + width: 170px; background-color: #fff; border: 5px solid #fff; border-radius: 5px;