Creator

From 3e3cf74f7710f91ac96eef4964644aab1ffe4c2b Mon Sep 17 00:00:00 2001 From: jamesjose03 Date: Mon, 19 Oct 2020 19:27:45 +0530 Subject: [PATCH 09/14] add styling to form --- css/forms.css | 90 ++++++++++++++++++++++++++++++++++++++++++++++++ pages/forms.html | 4 +-- 2 files changed, 92 insertions(+), 2 deletions(-) diff --git a/css/forms.css b/css/forms.css index 9a6c8c7..7691920 100644 --- a/css/forms.css +++ b/css/forms.css @@ -152,3 +152,93 @@ bottom: 100%; } } + +/*James K Jose */ +.form-jkj form { + margin:10% auto 0 auto; + padding:30px; + width:400px; + height:auto; + overflow:hidden; + background:white; + border-radius:10px; +} + +.form-jkj label { + font-size:14px; + color:darkgray; + cursor:pointer; +} + +.form-jkj label, +.form-jkj form input { + float:left; + clear:both; +} + +.form-jkj input { + margin:15px 0; + padding:15px 10px; + width:100%; + outline:none; + border:1px solid #bbb; + border-radius:20px; + display:inline-block; + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + -webkit-transition:0.2s ease all; + -moz-transition:0.2s ease all; + -ms-transition:0.2s ease all; + -o-transition:0.2s ease all; + transition:0.2s ease all; +} + +.form-jkj input[type=text]:focus, +.form-jkj input[type="password"]:focus { + border-color:cornflowerblue; +} + +.form-jkj input[type=submit] { + padding:15px 50px; + width:auto; + background:#1abc9c; + border:none; + color:white; + cursor:pointer; + display:inline-block; + float:right; + clear:right; + -webkit-transition:0.2s ease all; + -moz-transition:0.2s ease all; + -ms-transition:0.2s ease all; + -o-transition:0.2s ease all; + transition:0.2s ease all; +} + +.form-jkj input[type=submit]:hover { + opacity:0.8; +} + +.form-jkj input[type="submit"]:active { + opacity:0.4; +} + +.forgot, +.register { + margin:10px; + float:left; + clear:left; + display:inline-block; + color:cornflowerblue; + text-decoration:none; +} + +.forgot:hover, +.register:hover { + color:darkgray; +} + +.jkj { + background-color: #f79533; +} \ No newline at end of file diff --git a/pages/forms.html b/pages/forms.html index acebc8a..c2a0480 100644 --- a/pages/forms.html +++ b/pages/forms.html @@ -98,12 +98,12 @@

- Pagination + Form

-
+ Username From 03ad3bd9e40f3532e1f4aa11c10046a2bbfed3be Mon Sep 17 00:00:00 2001 From: jamesjose03 Date: Mon, 19 Oct 2020 19:29:49 +0530 Subject: [PATCH 10/14] minor fixes --- css/accordion.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/css/accordion.css b/css/accordion.css index 67bf4de..289e4fd 100644 --- a/css/accordion.css +++ b/css/accordion.css @@ -19,4 +19,8 @@ max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; + } + + .jkj{ + background-color: #f79533; } \ No newline at end of file From fcfe5db104b1202827350a107745e03ed406fbc3 Mon Sep 17 00:00:00 2001 From: jamesjose03 Date: Mon, 19 Oct 2020 19:31:04 +0530 Subject: [PATCH 11/14] minor fix --- css/pagination.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/css/pagination.css b/css/pagination.css index e96c60b..a75a959 100644 --- a/css/pagination.css +++ b/css/pagination.css @@ -19,4 +19,8 @@ .pagination-jkj a:hover:not(.active) { background-color: #ddd; border-radius: 5px; + } + + .jkj { + background-color: #f79533; } \ No newline at end of file From 7e73b094433477b78e3e934e054d658d7a26fc04 Mon Sep 17 00:00:00 2001 From: Saksham Mahajan Date: Tue, 20 Oct 2020 22:08:29 +0530 Subject: [PATCH 12/14] Button Added --- css/buttons.css | 4 ++++ pages/buttons.html | 35 +++++++++++++++++++++++++++++++++++ 2 files changed, 39 insertions(+) diff --git a/css/buttons.css b/css/buttons.css index 693c8a3..505f4ae 100644 --- a/css/buttons.css +++ b/css/buttons.css @@ -126,4 +126,8 @@ /* James K Jose / .jkj { background-color: #f79533; +} +/ Saksham Mahajan */ +.Saksham { + background-color: #f69696; } \ No newline at end of file diff --git a/pages/buttons.html b/pages/buttons.html index 9ab0bd2..4dff956 100644 --- a/pages/buttons.html +++ b/pages/buttons.html @@ -203,7 +203,42 @@

+ +
+ +
+
+
+
+
+ Button +
+
+ +
+
+
+
+
+
+
+
+ Creator +
+
+
+
+ Name: + Saksham Mahajan + +
+
+
+
+
+

+

+ +

+ Button +

+ +

+ Creator +

+ Name: + James Kaviyil Jose + +

+ Name: + + James Kaviyil Jose + +

+ Name: + + James Kaviyil Jose + +

+ Name: + + James Kaviyil Jose + +

+ Name: + Saksham Mahajan + +

+ Name: + Irwan Phan + +