Différences entre les versions de « MediaWiki:Common.css »
De GCE Electronics
| Ligne 60 : | Ligne 60 : | ||
.mw-parser-output th { display: block; width: auto !important; max-width: 100%; box-sizing: border-box; } | .mw-parser-output th { display: block; width: auto !important; max-width: 100%; box-sizing: border-box; } | ||
.mw-parser-output table { width: 100% !important; } | .mw-parser-output table { width: 100% !important; } | ||
.mw-parser-output img { max-width: 100%; height: auto; } | .mw-parser-output a.image { display: inline-block; max-width: 100%; } | ||
.mw-parser-output img { max-width: 100% !important; height: auto !important; } | |||
.mw-parser-output .thumbinner { max-width: 100%; } | .mw-parser-output .thumbinner { max-width: 100%; } | ||
.mw-parser-output pre { white-space: pre-wrap; } | .mw-parser-output pre { white-space: pre-wrap; } | ||
} | } | ||
Version du 18 octobre 2026 à 12:43
/* Charte GCE (18/10/2026) : appliqué à tous les habillages */
@font-face { font-family: 'Outfit'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/gce-charte/fonts/outfit-latin-wght.woff2') format('woff2'); }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap; src: url('/gce-charte/fonts/manrope-latin-wght.woff2') format('woff2'); }
/* Classes pour modèles de sommaires allégés */
.toc_niveau_1 ul ul,
.toc_niveau_2 ul ul ul,
.toc_niveau_3 ul ul ul ul,
.toc_niveau_4 ul ul ul ul ul,
.toc_niveau_5 ul ul ul ul ul ul { display: none; }
/* Polices */
body, body * { font-family: 'Manrope', sans-serif !important; }
#mw-wrapper h1, #mw-wrapper h2, #mw-wrapper h3, #mw-wrapper h4, #mw-wrapper h5, #mw-wrapper h6,
#mw-wrapper h1 *, #mw-wrapper h2 *, #mw-wrapper h3 *, #mw-wrapper h4 *, #mw-wrapper h5 *, #mw-wrapper h6 *,
#mw-wrapper blockquote { font-family: 'Outfit', sans-serif !important; }
#mw-wrapper code, #mw-wrapper code *,
#mw-wrapper kbd, #mw-wrapper samp, #mw-wrapper tt, #wpTextbox1 { font-family: monospace, monospace !important; }
/* Liens */
a:link, a:visited,
.mw-parser-output a.external, .mw-parser-output a.external:visited { color: #4d7c0f; }
a:hover, a:active { color: #65a30d; }
a.new, a.new:visited { color: #b91c1c; }
/* Titres */
#firstHeading { font-size: 2em; font-weight: 700; color: #111827; background: none; border: 0; padding-left: 0 !important; }
.mw-parser-output h1, .mw-parser-output h2, .mw-parser-output h3,
.mw-parser-output h4, .mw-parser-output h5, .mw-parser-output h6 { color: #111827; font-weight: 600; }
.mw-parser-output h1 { font-size: 1.6em; }
.mw-parser-output h2 { font-size: 1.4em; border-bottom: 2px solid #65a30d; padding-bottom: .2em; }
.mw-parser-output h3 { font-size: 1.2em; padding-left: 3em; }
.mw-parser-output h4 { font-size: 1.1em; padding-left: 6em; }
.mw-parser-output h5 { font-size: 1em; font-style: italic; padding-left: 9em; }
.mw-parser-output h6 { font-size: 1em; font-weight: normal; padding-left: 12em; }
.mw-editsection { font-size: 80%; font-weight: normal; font-style: normal; }
/* Titre d'infobox */
.mw-parser-output blockquote { font-weight: 700; font-size: 25px; color: #4d7c0f; background: #f3f4f6; margin: 0; }
/* Tableaux */
table { border-collapse: collapse; }
tbody { background: #fafafa; border-radius: 4px 4px 0 0; padding-top: 0 !important; box-shadow: 0 0 5px #0005; }
tbody tr:first-child > td { border-radius: 4px 4px 0 0; padding-left: 15px !important; font-size: 20px; }
tbody tr td { border-width: 0 !important; padding-left: 15px !important; }
tbody pre { font-size: 16px; border: solid 1px #65a30d; border-radius: 4px; }
tbody tr th { padding: 5px; }
tbody tr th blockquote { border: solid 1px #65a30d !important; }
/* Liens lisibles dans les bandeaux gris (#696969) des pages */
td[style*="#696969"] a, th[style*="#696969"] a,
td[style*="#696969"] a:visited, th[style*="#696969"] a:visited { color: #bef264 !important; }
/* Mobile (≤ 850 px) : tableaux empilés, images à la largeur de l'écran */
@media screen and (max-width: 850px) {
.mw-parser-output table,
.mw-parser-output tbody,
.mw-parser-output tr,
.mw-parser-output td,
.mw-parser-output th { display: block; width: auto !important; max-width: 100%; box-sizing: border-box; }
.mw-parser-output table { width: 100% !important; }
.mw-parser-output a.image { display: inline-block; max-width: 100%; }
.mw-parser-output img { max-width: 100% !important; height: auto !important; }
.mw-parser-output .thumbinner { max-width: 100%; }
.mw-parser-output pre { white-space: pre-wrap; }
}
