MediaWiki:Common.css

Note : après avoir publié vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

• Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou appuyez sur Ctrl + F5 ou Ctrl + R (⌘ + R sur un Mac).
• Google Chrome : appuyez sur Ctrl + Maj + R (⌘ + Shift + R sur un Mac).
•  Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.

/* apprendrelefrancais.wiki — styles communs (My French) */
:root{--af-a:#1e3a8a;--af-b:#ef4444;--af-soft:#f8fafc;--af-line:#dbe3f4;--af-text:#1f2937}
.af-hero{background:linear-gradient(135deg,var(--af-a) 0%,#2563eb 60%,var(--af-b) 140%);color:#fff;border-radius:14px;padding:28px 30px;margin:0 0 24px;font-size:1.05em;line-height:1.6}
.af-hero a,.af-hero a:visited{color:#fff;text-decoration:underline}
.af-title{font-size:2em;font-weight:700;margin-bottom:10px;line-height:1.2}
.af-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:0 0 24px}
.af-card{background:var(--af-soft);border:1px solid var(--af-line);border-top:4px solid var(--af-a);border-radius:10px;padding:6px 18px 14px}
.af-card h3{margin-top:10px;color:var(--af-a);border:0}
.af-table{border-collapse:collapse;margin:12px 0 18px;width:100%;max-width:100%;background:#fff}
.af-table th{background:var(--af-a);color:#fff;text-align:left;padding:8px 12px;border:1px solid var(--af-a)}
.af-table td{padding:7px 12px;border:1px solid var(--af-line);vertical-align:top}
.af-table tr:nth-child(even) td{background:var(--af-soft)}
.af-detail{margin:6px 0 14px;padding:6px 12px;border-left:4px solid var(--af-a);background:var(--af-soft);font-style:italic}
.af-ex{margin:10px 0;padding:10px 14px;background:#eff6ff;border-left:4px solid #3b82f6;border-radius:0 8px 8px 0}
.af-note{margin:12px 0;padding:10px 14px;background:#fef2f2;border-left:4px solid var(--af-b);border-radius:0 8px 8px 0}
.af-btn{margin:20px 0;text-align:center}
.af-btn a,.af-btn a.external,.af-btn a:visited{display:inline-block;background:var(--af-b);color:#fff !important;padding:12px 24px;border-radius:999px;font-weight:700;text-decoration:none;background-image:none !important}
.af-btn a:hover{background:#dc2626}
.af-navbox{clear:both;margin:28px 0 12px;border:1px solid var(--af-line);border-radius:10px;overflow:hidden;font-size:.92em}
.af-nav-head{background:var(--af-a);color:#fff;font-weight:700;padding:8px 14px;text-align:center}
.af-nav-row{padding:7px 14px;border-top:1px solid var(--af-line);line-height:1.7}
.af-nav-row:nth-child(odd){background:var(--af-soft)}
.mf-credit{margin:18px 0 6px;padding:12px 16px;background:var(--af-soft);border:1px dashed var(--af-line);border-radius:10px;font-size:.9em;color:var(--af-text)}
@media (max-width:640px){.af-hero{padding:20px}.af-title{font-size:1.5em}.af-table{display:block;overflow-x:auto}}