« MediaWiki:Common.css » : différence entre les versions

Version du 1 octobre 2026 à 08:10

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