/* ============================================================================
08 — NATURE
----------------------------------------------------------------------------
Style nature et environnement : palette verte forêt et terre, accents
botaniques, mise en page sereine. Pour projets nature, sorties scolaires,
éducation à l'environnement, jardin pédagogique, classes vertes.
============================================================================ */
/* ============================================================================
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: #2D5016; /* Vert forêt profond */
--couleur-accent: #6B8E23; /* Vert olive */
--couleur-accent-2: #A0522D; /* Brun terre */
--couleur-lien: #2D5016;
--couleur-texte: #2D3026; /* Vert très foncé presque noir */
--couleur-filet: #C7CFB5; /* Vert pâle */
--couleur-encadre: #F4F6EE; /* Vert très clair / crème */
--police-titre: 'Source Sans 3', 'Lato', sans-serif;
--police-texte: 'Source Sans 3', 'Lato', sans-serif;
--police-code: 'Source Code Pro', monospace;
--taille-base: 11pt;
--interligne: 1.6;
}
/* === 2. MISE EN PAGE & PAGINATION === */
@page {
size: A4;
margin: 2.5cm 2.5cm 2.5cm 2.5cm;
@bottom-center {
content: counter(page) " / " counter(pages);
font-family: 'Source Sans 3', sans-serif;
font-size: 9pt;
color: var(--couleur-accent, #6B8E23);
padding-top: 0.5cm;
}
}
@page :first { margin-top: 3cm; }
/* === 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: justify;
hyphens: auto;
}
/* === 4. TITRES === */
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: 2em;
margin: 0 0 0.5em 0;
padding-bottom: 0.4em;
border-bottom: 3px double var(--couleur-accent); /* Double filet vert */
}
h2 {
font-size: 1.4em;
margin: 1.5em 0 0.4em 0;
color: var(--couleur-accent);
padding-left: 0;
}
/* H3 avec petite feuille (caractère unicode) devant */
h3 {
font-size: 1.2em;
margin: 1.2em 0 0.3em 0;
color: var(--couleur-titre);
}
h3::before { content: "🌿 "; } /* Décoration nature */
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; color: var(--couleur-accent-2);
text-transform: uppercase; letter-spacing: 0.05em; font-size: 0.95em; }
/* === 5. PARAGRAPHES === */
p { margin: 0 0 1em 0; orphans: 3; widows: 3; }
strong, b { font-weight: 700; color: var(--couleur-titre); }
em, i { font-style: italic; color: var(--couleur-accent-2); }
/* === 6. LIENS === */
a, a:link, a:visited {
color: var(--couleur-lien);
text-decoration: underline;
text-decoration-color: var(--couleur-accent);
text-decoration-thickness: 1px;
text-underline-offset: 0.2em;
font-weight: 500;
}
/* === 7. LISTES === */
ul, ol { margin: 0.6em 0 1em 0; padding-left: 1.8em; }
li { margin-bottom: 0.3em; text-align: left; }
li > ul, li > ol { margin: 0.2em 0; }
/* Puce personnalisée avec feuille */
ul li::marker { color: var(--couleur-accent); content: "🍃 "; }
/* === 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);
border-top: 2px solid var(--couleur-accent); }
tbody tr:last-child td { border-bottom: 2px solid var(--couleur-accent); }
/* === 9. CITATIONS === */
blockquote {
margin: 1em 0;
padding: 0.7em 1.2em;
background-color: var(--couleur-encadre);
border-left: 4px solid var(--couleur-accent);
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: 3px; color: var(--couleur-accent); }
pre { font-family: var(--police-code); font-size: 0.85em;
background-color: var(--couleur-encadre); padding: 0.9em;
border-radius: 4px; 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.2em auto;
border-radius: 4px; }
hr {
border: none;
text-align: center;
margin: 2em 0;
color: var(--couleur-accent);
font-size: 1.2em;
}
hr::before { content: "🌱 🌿 🌱"; letter-spacing: 0.6em; }
/* === 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; }
}