Skip to content

Commit c2460be

Browse files
TBorundiaTBorundia
committed
2 parents a2bbef3 + 9a3333b commit c2460be

16 files changed

+1482
-320
lines changed

‎assets/css/forgot-pass.css

+90-99
Original file line numberDiff line numberDiff line change
@@ -94,112 +94,103 @@ body {
9494

9595
/* FORGOT PASSWORD DIV */
9696

97-
#FORGOTPASSWORD {
98-
font-size:small;
99-
font-family: var(--ff-poppins);
100-
}
101-
102-
.FORGOTPASSWORD {
97+
#FORGOTPASSWORD {
98+
font-size: small;
99+
font-family: var(--ff-poppins);
100+
}
103101

104-
overflow: hidden;
105-
position: absolute;
106-
display: flex;
107-
position: relative;
108-
flex-direction: column;
109-
font-family: var(--ff-poppins);
110-
background-color: hsl(357, 37%, 62%);
111-
width: 480PX;
112-
height: auto;
113-
margin-left: 40px;
114-
115-
border-radius: 2%;
116-
padding: 10PX;
117-
box-shadow: 0 0 15px 5px #24004628;
118-
}
119-
.form {
120-
display: flex;
121-
flex-direction: column;
122-
gap: 14px;
123-
padding: 2px;
124-
}
125-
126-
.FORGOTPASSWORD label {
127-
margin: 5% 0 5%;
128-
text-align: center;
129-
}
102+
.FORGOTPASSWORD {
103+
overflow: hidden;
104+
position: relative;
105+
display: flex;
106+
flex-direction: column;
107+
font-family: var(--ff-poppins);
108+
background-color: hsl(357, 37%, 62%);
109+
width: 480px;
110+
height: auto;
111+
margin-left: 40px;
112+
border-radius: 2%;
113+
padding: 10px;
114+
box-shadow: 0 0 15px 5px #24004628;
115+
}
130116

131-
132-
label {
133-
font-family: Raleway;
134-
color: #fff;
135-
font-size:40px;
136-
justify-content: center;
137-
display: flex;
138-
font-weight: bold;
139-
cursor: pointer;
140-
transition: 0.5s ease-in-out;
141-
margin-bottom: 1;
142-
}
143-
144-
.input[type="email"] {
145-
align-self: center;
146-
background: #e0dede;
147-
padding: 0 10px;
148-
border: none;
149-
margin-top: 5%;
150-
outline: none;
151-
border-radius: 4px;
152-
font-size: 1rem;
153-
width: 400px;
154-
height: 30px;
155-
margin-top: 0px;
156-
width: 90%; /* Make the input full width */
157-
}
117+
.form {
118+
display: flex;
119+
flex-direction: column;
120+
gap: 14px;
121+
padding: 2px;
122+
}
123+
124+
.FORGOTPASSWORD label {
125+
margin: 5% 0;
126+
text-align: center;
127+
}
128+
129+
label {
130+
font-family: Raleway;
131+
color: #fff;
132+
font-size: 40px;
133+
justify-content: center;
134+
display: flex;
135+
font-weight: bold;
136+
cursor: pointer;
137+
transition: 0.5s ease-in-out;
138+
}
139+
140+
.input[type="email"] {
141+
align-self: center;
142+
background: #e0dede;
143+
padding: 0 10px;
144+
border: none;
145+
outline: none;
146+
border-radius: 4px;
147+
font-size: 1rem;
148+
height: 30px;
149+
width: 90%; /* Make the input full width */
150+
margin-top: 0;
151+
}
158152

159153
/* Enter email */
160-
.ver-code{
161-
margin-top: 1.5rem;
162-
font-size: 20px;
163-
/* padding-left: 2rem; */
164-
color: #fff;
165-
font-family: var(--ff-poppins);
166-
margin-bottom: 5px;
167-
text-align:center;
168-
}
154+
.ver-code {
155+
margin-top: 1.5rem;
156+
font-size: 20px;
157+
color: #fff;
158+
font-family: var(--ff-poppins);
159+
margin-bottom: 5px;
160+
text-align: center;
161+
}
169162

170-
.back{
171-
text-align: center;
172-
color: #e0dede;
173-
font-family: var(--ff-poppins);
174-
margin-top: 1rem;
175-
text-decoration: none;
176-
}
177-
163+
.back {
164+
text-align: center;
165+
color: #e0dede;
166+
font-family: var(--ff-poppins);
167+
margin-top: 1rem;
168+
text-decoration: none;
169+
}
178170

179-
/* submit button */
180-
.submit {
181-
font-family: Raleway;
182-
width:400px;
183-
height: 30px;
184-
margin: 12px auto 10%;
185-
color: #fff;
186-
background: transparent;
187-
font-size: 1rem;
188-
font-weight: bold;
189-
border: none;
190-
border-radius: 50px;
191-
cursor: pointer;
192-
transition: 0.25s ease;
193-
box-shadow: 1px 1px 10px 3px #24004628;
194-
border-radius: 4px;
195-
font-size: larger;
196-
197-
}
171+
/* submit button */
172+
.submit {
173+
font-family: Raleway;
174+
width: 50%;
175+
height: 50px;
176+
margin: 12px auto;
177+
color: #fff;
178+
background: transparent;
179+
font-size: larger;
180+
font-weight: bold;
181+
border: none;
182+
border-radius: 50px;
183+
cursor: pointer;
184+
transition: 0.25s ease;
185+
box-shadow: 1px 1px 10px 3px #24004628;
186+
text-align:center;
187+
}
188+
189+
button:hover {
190+
background-color: rgb(255, 255, 255);
191+
color: black;
192+
}
198193

199-
button:hover {
200-
background-color: rgb(255, 255, 255);
201-
color: black;
202-
}
203194

204195
/* Responsive styles */
205196
@media (max-width: 600px) {

‎assets/css/login.css

+11-6
Original file line numberDiff line numberDiff line change
@@ -733,11 +733,16 @@ body.dark-mode {
733733
.social-icons-container a:nth-of-type(4) {
734734
color: #ff0000;
735735
}
736-
737-
.google-btn {
738-
display: flex;
739-
align-items: center;
740-
justify-content: center;
736+
/* login form */
737+
.form button
738+
{
739+
color: #fbf7f7;
740+
background: rgb(143, 55, 84);
741+
box-shadow: 0 0 10px rgba(143, 55, 84, 0.5);
742+
}
743+
.form button:hover{
744+
color:white;
745+
background:black;
741746
}
742747

743748
#google {
@@ -810,7 +815,7 @@ body.dark-mode {
810815
align-items: center;
811816
justify-content: center;
812817
margin-top: 30px;
813-
right: -4px;
818+
right: -5px;
814819
top: 15px;
815820
}
816821

0 commit comments

Comments
 (0)