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

De GCE Electronics
 
(7 versions intermédiaires par le même utilisateur non affichées)
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 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; border-bottom: 4px solid #65a30d; 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; }
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; }


.vector-menu-tabs, .vector-menu-tabs a {
/* Liens lisibles dans les bandeaux gris (#696969) des pages */
  background-image: linear-gradient(to bottom,#f1fde5 0,#78c72e 100%);
td[style*="#696969"] a, th[style*="#696969"] a,
}
td[style*="#696969"] a:visited, th[style*="#696969"] a:visited { color: #bef264 !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*/
/* Mobile (≤ 850 px) : tableaux empilés, images à la largeur de l'écran */
blockquote {
@media screen and (max-width: 850px) {
  font:bold 25px Roboto, sans-serif;
.mw-parser-output table,
  color: green;
.mw-parser-output tbody,
  background: #eee;
.mw-parser-output tr,
  margin:0;
.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: block; max-width: 100%; }
#mw-wrapper .mw-body .mw-parser-output img,
#mw-wrapper .mw-body .mw-parser-output table a > img { max-width: 100% !important; height: auto !important; }
.mw-parser-output .thumbinner { max-width: 100%; }
.mw-parser-output pre { white-space: pre-wrap; }
}
}


/*Modification des styles d'écritures*/
/* Formulaires OOUI (Préférences, Connexion…) aux couleurs GCE */
h1 {
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
  font-weight: bold;
form:not(.oo-ui-layout) button:not(.searchButton), form:not(.oo-ui-layout) input[type='submit']:not(.searchButton) { background-color: #4d7c0f !important; border-color: #4d7c0f !important; color: #fff !important; }
  font-size: 19px;
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { background-color: #3f6212 !important; border-color: #3f6212 !important; }
  font-family: Roboto, sans-serif;
.oo-ui-flaggedElement-progressive:not(.oo-ui-flaggedElement-primary) > .oo-ui-buttonElement-button { color: #4d7c0f !important; }
  color: green;
.oo-ui-checkboxInputWidget [type='checkbox']:checked + span,
  background: #eee;
.oo-ui-checkboxInputWidget [type='checkbox']:indeterminate + span { background-color: #65a30d !important; border-color: #65a30d !important; }
  border-radius: 4px 4px 0 0;
.oo-ui-radioInputWidget [type='radio']:checked + span { border-color: #65a30d !important; }
  padding-left: 15px!important;
.oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-on { background-color: #65a30d !important; border-color: #65a30d !important; }
  border: 1px solid green;
.oo-ui-progressBarWidget-bar { background-color: #65a30d !important; }
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected,
h2 {
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected { background-color: #ecfccb !important; color: #3f6212 !important; }
  font-weight: bold;
.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus,
  font-size: 19px;
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus,
  font-family: Roboto, sans-serif;
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus,
  color: green;
.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-color: #65a30d !important; box-shadow: inset 0 0 0 1px #65a30d !important; }
}
.suggestions .suggestions-result-current { background-color: #65a30d !important; }
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 actuelle datée du 19 octobre 2026 à 07:56

/* 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; border-bottom: 4px solid #65a30d; 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: block; max-width: 100%; }
	#mw-wrapper .mw-body .mw-parser-output img,
	#mw-wrapper .mw-body .mw-parser-output table a > img { max-width: 100% !important; height: auto !important; }
	.mw-parser-output .thumbinner { max-width: 100%; }
	.mw-parser-output pre { white-space: pre-wrap; }
}

/* Formulaires OOUI (Préférences, Connexion…) aux couleurs GCE */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
form:not(.oo-ui-layout) button:not(.searchButton), form:not(.oo-ui-layout) input[type='submit']:not(.searchButton) { background-color: #4d7c0f !important; border-color: #4d7c0f !important; color: #fff !important; }
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { background-color: #3f6212 !important; border-color: #3f6212 !important; }
.oo-ui-flaggedElement-progressive:not(.oo-ui-flaggedElement-primary) > .oo-ui-buttonElement-button { color: #4d7c0f !important; }
.oo-ui-checkboxInputWidget [type='checkbox']:checked + span,
.oo-ui-checkboxInputWidget [type='checkbox']:indeterminate + span { background-color: #65a30d !important; border-color: #65a30d !important; }
.oo-ui-radioInputWidget [type='radio']:checked + span { border-color: #65a30d !important; }
.oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-on { background-color: #65a30d !important; border-color: #65a30d !important; }
.oo-ui-progressBarWidget-bar { background-color: #65a30d !important; }
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected { background-color: #ecfccb !important; color: #3f6212 !important; }
.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus,
.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-color: #65a30d !important; box-shadow: inset 0 0 0 1px #65a30d !important; }
.suggestions .suggestions-result-current { background-color: #65a30d !important; }
Récupérée de « https://wiki.gce-electronics.com/index.php?title=MediaWiki:Common.css&oldid=13199 »