From f7c88f2a69ffced24084d1432d466b6e9474b134 Mon Sep 17 00:00:00 2001 From: nono-lqdn Date: Fri, 30 Jan 2026 12:35:09 +0100 Subject: [PATCH] Ajout du CSS des dons --- css/home.css | 50 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 50 insertions(+) diff --git a/css/home.css b/css/home.css index 91028e9..897274b 100644 --- a/css/home.css +++ b/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 {