mirror of
https://github.com/Ladebeze66/devsite.git
synced 2026-05-11 16:56:26 +02:00
93 lines
2.1 KiB
CSS
93 lines
2.1 KiB
CSS
/*
|
||
* Listmonk — CSS pages publiques (confirmation, abonnement, etc.)
|
||
*
|
||
* Coller le contenu (sans ce bloc commentaire si tu préfères) dans :
|
||
* Admin → Settings → Appearance → Public → Custom CSS
|
||
*
|
||
* Référence visuelle : DESIGN.md + palette page d’inscription (newsletter-service).
|
||
* Carte multicanal (template mail, Directus, inscription) : docs/18_guide_visuel_multicanal.md
|
||
* Après modification : copier-coller dans Listmonk → Save → tester en navigation privée.
|
||
*/
|
||
|
||
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Newsreader:ital,wght@0,400;0,500&display=swap");
|
||
|
||
body {
|
||
font-family: "Newsreader", Georgia, serif !important;
|
||
background: #f8fafa !important;
|
||
color: #191c1d !important;
|
||
-webkit-font-smoothing: antialiased;
|
||
}
|
||
|
||
h1,
|
||
h2,
|
||
h3 {
|
||
font-family: "Manrope", system-ui, sans-serif !important;
|
||
font-weight: 800 !important;
|
||
color: #26445d !important;
|
||
letter-spacing: -0.02em;
|
||
}
|
||
|
||
p,
|
||
li,
|
||
label {
|
||
font-family: "Newsreader", Georgia, serif !important;
|
||
color: #516169;
|
||
}
|
||
|
||
a {
|
||
color: #26445d !important;
|
||
}
|
||
|
||
a:hover {
|
||
color: #3e5c76 !important;
|
||
}
|
||
|
||
.button,
|
||
button,
|
||
input[type="submit"] {
|
||
font-family: "Manrope", system-ui, sans-serif !important;
|
||
font-weight: 600 !important;
|
||
background: linear-gradient(135deg, #26445d, #3e5c76) !important;
|
||
color: #fff !important;
|
||
border: none !important;
|
||
border-radius: 0.75rem !important;
|
||
box-shadow: 0 4px 14px rgba(38, 68, 93, 0.22);
|
||
padding: 0.65rem 1.25rem;
|
||
}
|
||
|
||
.button:hover,
|
||
button:hover,
|
||
input[type="submit"]:hover {
|
||
filter: brightness(1.05);
|
||
}
|
||
|
||
input[type="checkbox"] {
|
||
accent-color: #26445d;
|
||
}
|
||
|
||
.header .logo img {
|
||
display: block;
|
||
margin: 0 auto 1rem;
|
||
max-height: 3rem;
|
||
width: auto;
|
||
}
|
||
|
||
.container,
|
||
main .container {
|
||
background: #ffffff;
|
||
border-radius: 1.5rem;
|
||
box-shadow: 0 28px 56px rgba(25, 28, 29, 0.055);
|
||
}
|
||
|
||
footer.container {
|
||
margin-top: 1.5rem !important;
|
||
font-size: 0.85rem !important;
|
||
opacity: 0.55;
|
||
}
|
||
|
||
/* Pour masquer complètement le pied « Powered by listmonk » : décommenter si conforme à ta licence.
|
||
footer.container {
|
||
display: none !important;
|
||
}
|
||
*/
|