mirror of
https://gitlab.com/nekoya/web.git
synced 2024-11-22 06:20:19 +01:00
Add otp.css
This commit is contained in:
parent
40d54eeed8
commit
e932355ab0
1 changed files with 164 additions and 0 deletions
164
public/css/otp.css
Normal file
164
public/css/otp.css
Normal file
|
@ -0,0 +1,164 @@
|
|||
body {
|
||||
font-family: 'Poppins', sans-serif;
|
||||
background-color: #1b1c1e;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
background-color: #212226;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.form-control:valid {
|
||||
background-color: #212226;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.form-control:invalid {
|
||||
background-color: #2f0001;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.nav-color {
|
||||
background-color: #212226;
|
||||
}
|
||||
|
||||
.card {
|
||||
position: center;
|
||||
margin: auto;
|
||||
margin-top: 3%;
|
||||
margin-bottom: 2%;
|
||||
text-align: center;
|
||||
border-bottom-left-radius: 20px;
|
||||
border-bottom-right-radius: 20px;
|
||||
border-top-left-radius: 20px;
|
||||
border-top-right-radius: 20px;
|
||||
background-color: #212226;
|
||||
}
|
||||
|
||||
.icon {
|
||||
position: center;
|
||||
margin-top: -5%;
|
||||
margin-left: 10%;
|
||||
width: 80%;
|
||||
height: 80%;
|
||||
padding-bottom: 0%;
|
||||
}
|
||||
|
||||
.text {
|
||||
margin-bottom: -6%;
|
||||
}
|
||||
|
||||
.text-resend {
|
||||
color: white;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.text-resend a:hover {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.btn-success:hover {
|
||||
margin-left: 0%;
|
||||
}
|
||||
|
||||
.input-container input {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.verify-btn {
|
||||
width: 100%;
|
||||
background-color: darkred;
|
||||
border-color: darkred;
|
||||
border-radius: 100px;
|
||||
}
|
||||
|
||||
.verify-btn:hover {
|
||||
background-color: red;
|
||||
border-color: red;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 426px) {
|
||||
|
||||
.card a,
|
||||
input {
|
||||
font-size: 3vw;
|
||||
}
|
||||
|
||||
.card-header {
|
||||
font-size: 6vw;
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
width: 15vw;
|
||||
height: 15vw;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 427px) {
|
||||
|
||||
.card a,
|
||||
input {
|
||||
font-size: 2vw;
|
||||
}
|
||||
|
||||
.card-header {
|
||||
font-size: 5vw;
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
width: 11vw;
|
||||
height: 11vw;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 767px) {
|
||||
|
||||
.card a,
|
||||
input {
|
||||
font-size: 2vw;
|
||||
}
|
||||
|
||||
.card-header {
|
||||
font-size: 4vw;
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
width: 8vw;
|
||||
height: 8vw;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 993px) {
|
||||
|
||||
.card a,
|
||||
input {
|
||||
font-size: 1vw;
|
||||
}
|
||||
|
||||
.card-header {
|
||||
font-size: 2.5vw;
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
width: 6vw;
|
||||
height: 6vw;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1400px) {
|
||||
|
||||
.card a,
|
||||
input {
|
||||
font-size: 1vw;
|
||||
}
|
||||
|
||||
.card-header {
|
||||
font-size: 2.5vw;
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
width: 6vw;
|
||||
height: 6vw;
|
||||
}
|
||||
}
|
Loading…
Reference in a new issue