From 38455791ad7f62fbdc5c7ad3aab93a8cff180e43 Mon Sep 17 00:00:00 2001 From: Sritam-mahapatra Date: Sat, 24 May 2025 21:39:34 +0530 Subject: [PATCH] adition of (Add Repo) button --- css/style.css | 184 +++++++++++++++++++++++++++++++++++++++++--------- index.html | 42 +++--------- 2 files changed, 162 insertions(+), 64 deletions(-) diff --git a/css/style.css b/css/style.css index 41db137d..c6d7c2cf 100644 --- a/css/style.css +++ b/css/style.css @@ -1,59 +1,179 @@ - - +/* Display inline-block for elements with this class */ .inline-block { -display: inline; + display: inline-block; } +/* Table styling */ .table { -background: orange; -width: 90%; -text-align: left; -margin: auto; + background: orange; + width: 90%; + text-align: left; + margin: auto; } +/* Spinner - hidden by default */ .spinner { display: none; position: absolute; left: 50%; top: 50%; z-index: 1; - width: 150px; - height: 150px; - margin: -75px 0 0 -75px; - border: 16px solid #f3f3f3; - border-radius: 50%; - border-top: 16px solid #3498db; width: 120px; height: 120px; + margin: -60px 0 0 -60px; /* half of width/height for perfect centering */ + border: 16px solid #f3f3f3; + border-radius: 50%; + border-top: 16px solid #7057ff; /* blue color */ -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } - +/* Spin animation */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } -.btn-primary { - color: #fff; - background-color: #0073e6; - border-color: #0073e6; +@keyframes spin { + 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } } +/* Buttons */ .btn { - display: inline-block; - font-weight: 400; - line-height: 1.25; - text-align: center; - white-space: nowrap; - vertical-align: middle; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - border: 1px solid transparent; - padding: .5rem 1rem; - font-size: 1rem; - border-radius: .25rem; + display: inline-block; + font-weight: 400; + line-height: 1.25; + text-align: center; + white-space: nowrap; + vertical-align: middle; + user-select: none; + border: 1px solid transparent; + padding: 0.5rem 1rem; + font-size: 1rem; + border-radius: 0.25rem; +} + +.btn-primary { + color: #fff; + background-color: #0073e6; + border-color: #0073e6; +} + +/* Body background */ +body { + background-color: rgba(250, 251, 254, 1.0); +} + +/* Issue labels */ +.IssueLabel { + height: 20px; + padding: 0.15em 6px; + font-size: 14px; + font-weight: 600; + line-height: 15px; + border-radius: 2px; + box-shadow: inset 0 -1px 0 rgba(27,31,35,0.12); +} + +.GoodFirstIssue { + background-color: #7057ff; + color: #ffffff; +} + +.StarterTask { + background-color: #62dbc9; + color: #000000; +} + +.HelpWanted { + background-color: #008672; + color: #ffffff; +} + +/* Search body */ +.search-body { + background-color: #ffffff; + box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15); + border: 1px solid rgba(154, 161, 171, 0.15); +} + +/* Welcome section */ +.welcome { + margin-bottom: 2rem; + margin-top: 1.5rem; + font-family: 'Lato', sans-serif; +} + +.welcome h1 { + font-weight: 700; +} + +/* Lead paragraph */ +.lead { + margin-bottom: 0.775rem !important; +} + +/* Form header */ +.form-header { + margin-left: 15px; + margin-top: 0.75rem; + margin-bottom: 2rem; +} + +/* TopLabel spacing */ +.TopLabel { + margin-top: 8px; + margin-left: 8px; } + +/* Custom select dropdown */ +.custom-select { + display: inline-block; + max-width: 100%; + height: calc(2.25rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + line-height: 1.25; + color: #464a4c; + vertical-align: middle; + background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%204%205%22%3E%3Cpath%20fill=%22%23333%22%20d=%22M2%200L0%202h4zm0%205L0%203h4z%22/%3E%3C/svg%3E") no-repeat right 0.75rem center; + -webkit-background-size: 8px 10px; + background-size: 8px 10px; + border: 1px solid rgba(0,0,0,0.15); + border-radius: 0.25rem; + -moz-appearance: none; + -webkit-appearance: none; +} + +/* Suggestions text */ +.QuestionsSuggestions { + margin-top: 1rem; + margin-bottom: 1rem; + font-size: 0.8rem; +} + +/* Muted text */ +.text-muted { + color: #636c72; + margin-bottom: 0; + font-weight: 300; + font-size: 90%; + margin-right: 6px; +} + +/* Padding */ +.paddedLeftMargin { + margin-left: 25px; +} + +/* Submit button */ +#submit { + margin-left: 25px; + width: 300px; +} + +/* Table hover effect */ +.sortsTable:hover { + color: #7057ff; + cursor: pointer; +} \ No newline at end of file diff --git a/index.html b/index.html index 1f6f9d4a..adf627a7 100644 --- a/index.html +++ b/index.html @@ -194,12 +194,10 @@

Find Great Open Source Opportunities.

-
-
-
-
- + + @@ -225,33 +223,13 @@

Find Great Open Source Opportunities.

- -
-
- -
- - - - - - - - - - - - - - - - - -
+ + + +
-
- -