Ajout du CSS des dons
This commit is contained in:
parent
e2b073704d
commit
f7c88f2a69
1 changed files with 50 additions and 0 deletions
50
css/home.css
50
css/home.css
|
|
@ -17,6 +17,56 @@
|
|||
height: 200px;
|
||||
}
|
||||
|
||||
/* Section des dons */
|
||||
|
||||
#don > div {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
|
||||
#don button {
|
||||
flex-grow: 1;
|
||||
width: 3em;
|
||||
color: white;
|
||||
font-size: 2em;
|
||||
border: none;
|
||||
font-family: MonTrappist;
|
||||
margin: 0.2em;
|
||||
padding: 0.3em;
|
||||
background: var(--primary-bg-color);
|
||||
background: linear-gradient(0deg,rgba(136, 0, 255, 1) 0%, rgba(255, 191, 62, 1) 50%, rgba(255, 78, 0, 1) 100%);
|
||||
box-shadow: -5px 5px 0px var(--accent-yellow), -10px 10px 0px var(--accent-orange), -15px 15px 0px var(--accent-violet);
|
||||
}
|
||||
|
||||
#don > hr {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
#don p {
|
||||
text-align: justify;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@keyframes bang {
|
||||
from {
|
||||
transform: translate3d(0,0,0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-pop i {
|
||||
position: absolute;
|
||||
display: block;
|
||||
left: 50%;
|
||||
top: 0;
|
||||
width: 3px;
|
||||
height: 8px;
|
||||
background: red;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* Barre de progression */
|
||||
|
||||
.progression {
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue