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

Dernière version du 1 octobre 2026 à 08:19

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