/* ========================================================================== Upload Manager SlyOss — Styles frontend articles générés Chargé uniquement sur les articles créés par le plugin (body.sly-um-article) ========================================================================== */ /* ── Classe utilitaire — masquer un élément ──────────────────────────────── */ /* Appliquer directement dans le template ou via Additional CSS du thème */ .sly-um-no-meta { display: none !important; } /* ── Masquage automatique des méta sur les articles générés ─────────────── */ /* Le plugin ajoute la classe .sly-um-article au de ces articles. */ /* Ajoutez ci-dessous les sélecteurs méta de votre thème si nécessaire. */ .sly-um-article .entry-meta, .sly-um-article .post-meta, .sly-um-article .byline, .sly-um-article .posted-on, .sly-um-article .cat-links, .sly-um-article .tags-links, .sly-um-article .post-categories, .sly-um-article .post-tags { display: none !important; } /* ── Image article générée ──────────────────────────────────────────────── */ .sly-um-article-image { max-width: 100%; height: auto; display: block; } /* ========================================================================== Mise en page enrichie du contenu généré (vue single de l'article) Inspirée des tokens de cm-article.css (calendar-manager) : accent, ombre/radius sur l'image, espacement confortable. Ne touche PAS à la structure .content-carte (nécessaire à l'extraction faite par article-list-mosaique pour sa modale) — uniquement de l'habillage visuel. ========================================================================== */ :root { --sly-um-color-accent: var(--ast-global-color-1, #0073aa); --sly-um-text-color: #444444; } .sly-um-article .content-carte { max-width: 800px; margin: 0 auto 20px; padding-top: 20px; border-top: 2px solid var(--sly-um-color-accent); } .sly-um-article .content-carte .sly-um-article-image { width: 100%; max-height: 400px; object-fit: cover; border-radius: 10px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); margin-bottom: 20px; } .sly-um-article .content-carte h3 { color: var(--sly-um-color-accent); font-size: 18px; font-weight: 600; line-height: 1.3; margin: 0 0 12px; } .sly-um-article .content-carte p { font-size: 16px; line-height: 1.6; color: var(--sly-um-text-color); margin: 0 0 16px; } /* Lien "Voir dans la bibliothèque" — repéré par son URL, il n'a pas de classe dédiée (généré comme simple

...

après .content-carte). */ .sly-um-article .entry-content a[href*="/bibliotheque/"] { display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; background: var(--sly-um-color-accent); color: #ffffff; text-decoration: none; border-radius: 8px; font-weight: 600; font-size: 14px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); transition: transform 0.2s ease, box-shadow 0.2s ease; } .sly-um-article .entry-content a[href*="/bibliotheque/"]:hover { color: #ffffff; transform: translateY(-2px); box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2); }