mirror of
https://gitlab.com/nekoya/web.git
synced 2024-11-23 06:46:33 +01:00
Added notif-pay css
This commit is contained in:
parent
9404052620
commit
261137133a
1 changed files with 97 additions and 0 deletions
97
public/css/notif-pay.css
Normal file
97
public/css/notif-pay.css
Normal file
|
@ -0,0 +1,97 @@
|
||||||
|
body {
|
||||||
|
font-family: 'Poppins', sans-serif;
|
||||||
|
background-color: #1b1c1e;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card {
|
||||||
|
position: center;
|
||||||
|
margin: auto;
|
||||||
|
text-align: center;
|
||||||
|
border-radius: 20px;
|
||||||
|
background-color: #212226;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon {
|
||||||
|
position: center;
|
||||||
|
margin: auto;
|
||||||
|
width: 70%;
|
||||||
|
height: 70%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-pay {
|
||||||
|
width: 100%;
|
||||||
|
background-color: darkred;
|
||||||
|
border-color: darkred;
|
||||||
|
border-radius: 100px;
|
||||||
|
position: center;
|
||||||
|
margin: auto;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-pay:hover {
|
||||||
|
background-color: red;
|
||||||
|
border-color: red;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 766px) {
|
||||||
|
.card h2 {
|
||||||
|
font-size: 7vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card h5 {
|
||||||
|
font-size: 5vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-brand {
|
||||||
|
width: 11vw;
|
||||||
|
height: 11vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 767px) {
|
||||||
|
.card h2 {
|
||||||
|
font-size: 4vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card h5 {
|
||||||
|
font-size: 2vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-brand {
|
||||||
|
width: 8vw;
|
||||||
|
height: 8vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 993px) {
|
||||||
|
.card h2 {
|
||||||
|
font-size: 3vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card h5 {
|
||||||
|
font-size: 1.3vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-brand {
|
||||||
|
width: 6vw;
|
||||||
|
height: 6vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 1400px) {
|
||||||
|
.card h2 {
|
||||||
|
font-size: 4vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card h5 {
|
||||||
|
font-size: 2vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-brand {
|
||||||
|
width: 6vw;
|
||||||
|
height: 6vw;
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in a new issue