/* nosvoyages — theme.css (global) Usage recommandé : ou (dans /posts) : */ :root{ --maxw: 857px; /* content ~821px = widest gallery, text flush with galleries */ --maxw-wide: 1100px; --text: rgba(255,255,255,.92); --muted: rgba(255,255,255,.72); --border: rgba(255,255,255,.16); --card: rgba(30,32,36,.72); --card2: rgba(26,28,32,.72); --panel: rgba(255,255,255,0.10); --accent: #9fe6ef; --radius: 14px; --shadow: 0 10px 28px rgba(0,0,0,.35); --bg-solid: #0b1020; } *{ box-sizing: border-box; } html,body{ margin:0; padding:0; color: var(--text); font-family: system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; line-height: 1.4; } a{ color: inherit; } /* ========================================================= Background photo (robuste, fonctionne avec
ou .wrap) ========================================================= */ body{ background: var(--bg-solid); min-height: 100vh; } body.has-bg{ position: relative; isolation: isolate; /* clé : permet des z-index négatifs propres */ } /* Photo floutée */ body.has-bg::before{ content:""; position: fixed; inset: 0; background-image: var(--page-bg); background-size: cover; background-position: center; filter: blur(14px) saturate(1.05); transform: scale(1.05); z-index: -2; } /* Voile sombre */ body.has-bg::after{ content:""; position: fixed; inset: 0; background: rgba(0,0,0,.45); z-index: -1; } /* ========================================================= Conteneurs génériques ========================================================= */ .wrap{ max-width: var(--maxw-wide); margin: 0 auto; padding: 28px 18px 60px; } .panel{ background: var(--panel); border: 1px solid var(--border); border-radius: calc(var(--radius) + 4px); padding: 18px; box-shadow: var(--shadow); backdrop-filter: blur(10px); } /* Style équivalent pour
(pages hub/posts) */ main{ max-width: var(--maxw); margin: 18px auto 28px; padding: 22px 18px; background: linear-gradient(180deg, var(--card), var(--card2)); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow); backdrop-filter: blur(10px); } /* ========================================================= Typo / éléments communs ========================================================= */ h1{ margin: 6px 0 4px; font-size: 2rem; letter-spacing: .2px; } .meta{ color: var(--muted); margin-bottom: 18px; } /* ========================================================= Hub / sections pays (Asie-2019) ========================================================= */ .country{ margin-top: 26px; } .country-head{ display:flex; align-items:center; gap: 12px; } .country-head h2{ margin:0; font-size: 1.5rem; } .section-note{ color: var(--muted); margin: 6px 0 10px; } /* ========================================================= Liste des articles (hub) ========================================================= */ .post-list{ list-style:none; padding:0; margin:0; } .post-list li{ padding: 10px 14px; margin: 8px 0; background: rgba(255,255,255,.06); border: 1px solid var(--border); border-radius: 999px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Liens d’articles : neutres (pas “bleu”) */ .post-list li a, .post-list li a:visited, .post-list li a:hover, .post-list li a:active{ display:block; color: inherit; text-decoration: none; font-weight: 500; } .post-list li a:hover{ text-decoration: underline; } .post-list .post-date{ color: var(--muted); margin-left: .4em; } /* Vignettes itinéraires */ .itinerary-thumb img{ width: 40px; height: 40px; object-fit: cover; border-radius: 50%; border: 1px solid var(--border); } /* Footer générique */ .footer{ margin-top: 28px; font-size: .9rem; color: var(--muted); }