Différences entre les versions de « MediaWiki:Common.css »

De GCE Electronics
Ligne 1 : Ligne 1 :
/* Le CSS placé ici sera appliqué à tous les habillages. */
/* 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'); }


@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
/* Classes pour modèles de sommaires allégés */
/* Classes pour modèles de sommaires allégés */
.toc_niveau_1 ul ul,
.toc_niveau_1 ul ul,
Ligne 7 : Ligne 8 :
.toc_niveau_3 ul ul ul ul,
.toc_niveau_3 ul ul ul ul,
.toc_niveau_4 ul ul ul ul ul,
.toc_niveau_4 ul ul ul ul ul,
.toc_niveau_5 ul ul ul ul ul ul {
.toc_niveau_5 ul ul ul ul ul ul { display: none; }
display: none;
}


* {
/* Polices */
    font-family: 'Poppins'!important;
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 pre, #mw-wrapper pre *, #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; }


.mw-body {
/* Titres */
    border: 1px solid #78c72e;
#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; }


.vector-menu-tabs li {
/* Titre d'infobox */
    background-image: linear-gradient(to top, #78c72e ,#f1fde56b 1px,#ffffff 100%);
.mw-parser-output blockquote { font-weight: 700; font-size: 25px; color: #4d7c0f; background: #f3f4f6; margin: 0; }
}


.vector-menu-tabs .new a, .vector-menu-dropdown li a, .vector-menu-tabs li a {
/* Tableaux */
  color: #78c72e;
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; }
.vector-menu-tabs, .vector-menu-tabs a {
tbody tr td { border-width: 0 !important; padding-left: 15px !important; }
  background-image: linear-gradient(to bottom,#f1fde5 0,#78c72e 100%);
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; }
 
.vector-menu-portal .vector-menu-content li a {
    color: #006600;
}
/* Change la couleur des liens */
a:link {color: #006600;}
a:visited {color: #006600;}
a:hover {color: red;}
a:active {color: orange;}
 
/*Mise en forme du titre de l'infobox*/
blockquote {
  font:bold 25px Roboto, sans-serif;
  color: green;
  background: #eee;
  margin:0;
}
 
/*Modification des styles d'écritures*/
h1 {
  font-weight: bold;
  font-size: 19px;
  font-family: Roboto, sans-serif;
  color: green;
  background: #eee;
  border-radius: 4px 4px 0 0;
  padding-left: 15px!important;
  border: 1px solid green;
}
h2 {
  font-weight: bold;
  font-size: 19px;
  font-family: Roboto, sans-serif;
  color: green;
}
h3 {
  font-weight: bold;
  font-size: 17px;
  font-family: Roboto, sans-serif;
  text-decoration: underline;
  color: green;
  padding-left: 3em;
}
h4 {
  font-weight: bold;
  font-size: 17px;
  font-family: Roboto, sans-serif;
  color: green;
  padding-left: 6em;
}
h5 {
  font-size: 17px;
  font-family: Roboto, sans-serif;
  font-style: italic;
  color: green;
  padding-left: 9em;
}
h6 {
  font-weight: normal;
  font-size: 17px;
  font-family: Roboto, sans-serif;
  color: green;
  padding-left: 12em;
}
h2 .editsection {
  font-size: 80%;
  font-weight: normal;
  font-style: normal;
}
h3 .editsection {
  font-size: 80%;
  font-weight: normal;
  font-style: normal;
}
h4 .editsection {
  font-size: 80%;
  font-weight: normal;
  font-style: normal;
}
h5 .editsection {
  font-size: 80%;
  font-weight: normal;
  font-style: normal;
}
h6 .editsection {
  font-size: 80%;
  font-weight: normal;
  font-style: normal;
}
 
table {
    border-collapse: collapse;
}
 
tbody{
  background: #FAFAFA;
  border-radius: 4px 4px 0 0;
  padding-top: 0px !important;
  box-shadow: 0px 0px 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 #78c72e;
    border-radius: 4px;
}
 
tbody tr th {
  padding: 5px;
}
 
tbody tr th blockquote{
  border: solid 1px green !important;
}

Version du 18 octobre 2026 à 12:14

/* 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 pre, #mw-wrapper pre *, #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; }