/* ============================================================================
06 — CHALEUREUX
----------------------------------------------------------------------------
Style convivial et chaleureux : tons terre cuite et brun chaud, sans-serif
douce, mise en page aérée, pas de numérotation. Pour courriers aux parents,
mots du maître, invitations, communications conviviales avec les familles.
============================================================================ */
/* ============================================================================
CORRECTIF — Neutralisation des puces de liste générées par l'extension
----------------------------------------------------------------------------
L'extension logseq-pdf-export-plugin transforme CHAQUE bloc LogSeq en un
élément d'une liste HTML. Les "cercles" visibles dans le PDF sont donc
les puces standard des . On les masque ici pour avoir un rendu lisse.
Conséquence : les listes Markdown explicites n'auront pas non plus de puces
dans le PDF — c'est un compromis nécessaire puisque tout est rendu en liste.
Si tu veux RESTAURER les puces, supprime ce bloc.
============================================================================ */
/* Neutralisation totale des puces de liste */
ul, ol {
list-style: none !important;
padding-left: 0 !important;
margin-left: 0 !important;
}
li {
list-style: none !important;
}
li::marker {
content: "" !important;
}
/* Au cas où LogSeq préserverait aussi ses classes internes : on les masque */
.bullet,
.bullet-container,
.bullet-link-wrap,
.block-control,
.rotating-arrow,
.control-hide,
.block-control-wrap {
display: none !important;
}
/* Annule le décalage négatif que LogSeq applique au conteneur de blocs */
.page-blocks-inner {
margin-left: 0 !important;
}
:root {
--couleur-titre: #8B4513; /* Sienna : brun chaleureux */
--couleur-accent: #B85C00; /* Orange terre cuite */
--couleur-lien: #B85C00;
--couleur-texte: #3A2A1A; /* Brun très foncé pour le texte */
--couleur-filet: #D4A574; /* Beige doré pour bordures */
--couleur-encadre: #FFF6EC; /* Crème très clair */
--police-titre: 'Source Sans 3', 'Source Sans Pro', 'Lato', sans-serif;
--police-texte: 'Source Sans 3', 'Source Sans Pro', 'Lato', sans-serif;
--police-code: 'Source Code Pro', monospace;
--taille-base: 11.5pt; /* Légèrement plus grand : confort */
--interligne: 1.6;
}
/* === 2. MISE EN PAGE & PAGINATION === */
@page {
size: A4;
margin: 2.8cm 2.8cm 2.8cm 2.8cm;
/* Pied de page discret avec mention chaleureuse */
@bottom-center {
content: "— " counter(page) " —";
font-family: 'Source Sans 3', sans-serif;
font-size: 9pt;
color: var(--couleur-accent, #B85C00);
padding-top: 0.5cm;
}
}
@page :first { margin-top: 3.2cm; }
/* === 3. STRUCTURE DE BASE === */
body {
font-family: var(--police-texte);
font-size: var(--taille-base);
line-height: var(--interligne);
color: var(--couleur-texte);
text-align: left; /* Pas de justification : plus chaleureux */
hyphens: auto;
}
/* === 4. TITRES (sans numérotation) === */
h1, h2, h3, h4, h5, h6 {
font-family: var(--police-titre);
color: var(--couleur-titre);
font-weight: 700;
page-break-after: avoid;
break-after: avoid;
text-align: left;
hyphens: none;
}
h1 {
font-size: 2.1em;
margin: 0 0 0.5em 0;
padding-bottom: 0.4em;
border-bottom: 3px solid var(--couleur-filet);
}
h2 { font-size: 1.4em; margin: 1.5em 0 0.4em 0; color: var(--couleur-accent); }
h3 { font-size: 1.2em; margin: 1.2em 0 0.3em 0; }
h4 { font-size: 1.05em; margin: 1em 0 0.2em 0; font-style: italic; }
h5, h6 { font-size: 1em; margin: 0.8em 0 0.2em 0; font-style: italic;
color: var(--couleur-accent); }
/* === 5. PARAGRAPHES === */
/* Aération généreuse entre paragraphes pour un rendu doux */
p { margin: 0 0 1em 0; orphans: 3; widows: 3; }
strong, b { font-weight: 700; color: var(--couleur-titre); }
em, i { font-style: italic; }
/* === 6. LIENS === */
a, a:link, a:visited {
color: var(--couleur-lien);
text-decoration: none;
font-weight: 600;
}
a:hover { text-decoration: underline; }
/* === 7. LISTES === */
ul, ol { margin: 0.6em 0 1em 0; padding-left: 1.8em; }
li { margin-bottom: 0.4em; text-align: left; }
li > ul, li > ol { margin: 0.3em 0; }
ul li::marker { color: var(--couleur-accent); content: "❧ "; } /* Fleuron chaleureux */
/* === 8. TABLEAUX === */
table { width: 100%; border-collapse: collapse; margin: 1em 0 1.3em;
page-break-inside: avoid; }
th, td { padding: 0.5em 0.7em; text-align: left; vertical-align: top;
border-bottom: 1px solid var(--couleur-filet); }
thead th { background-color: var(--couleur-encadre); font-weight: 700;
color: var(--couleur-titre);
border-bottom: 2px solid var(--couleur-accent); }
/* === 9. CITATIONS === */
blockquote {
margin: 1.2em 0;
padding: 0.8em 1.2em;
background-color: var(--couleur-encadre);
border-left: 4px solid var(--couleur-accent);
border-radius: 0 6px 6px 0;
font-style: italic;
color: var(--couleur-titre);
page-break-inside: avoid;
}
blockquote p:last-child { margin-bottom: 0; }
/* === 10. CODE === */
code { font-family: var(--police-code); font-size: 0.9em;
background-color: var(--couleur-encadre); padding: 0.15em 0.4em;
border-radius: 4px; color: var(--couleur-accent); }
pre { font-family: var(--police-code); font-size: 0.85em;
background-color: var(--couleur-encadre); padding: 1em;
border-radius: 6px; border-left: 3px solid var(--couleur-accent);
margin: 1em 0; overflow-x: auto; white-space: pre-wrap;
page-break-inside: avoid; }
pre code { background: none; padding: 0; color: var(--couleur-texte); }
/* === 11. IMAGES & HR === */
img { max-width: 100%; height: auto; display: block; margin: 1.3em auto;
border-radius: 6px; }
hr {
border: none;
text-align: center;
margin: 2em 0;
color: var(--couleur-accent);
font-size: 1.4em;
}
hr::before { content: "❦"; }
/* === 12. IMPRESSION === */
@media print {
body { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
h1, h2, h3, h4, h5, h6 { page-break-after: avoid; break-after: avoid; }
}