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

Version du 25 septembre 2025 à 13:01

/* <pre> */

/*****
** Minor tweaks
*****/
/* redirects in categories, on [[Special:Allpages]], and [[Special:Prefixindex]] */
.redirect-in-category,
.allpagesredirect {
  font-style: italic;
  color: gray;
}

/* hide unneeded content when printing */
@media print {
  #privacy,
  #about,
  #disclaimer {
    display: none;
  }
}

/* hide arrows on selected external links */
.plainlinksneverexpand a {
  background: none !important;
  padding: 0 !important;
}

/*****
** Hide selected content
*****/
.hiddenStructure {
  display: none;
}

.if {
  display: none;
}

/*****
** Table formatting
*****/
table.wikitable,
table.prettytable {
  margin: 1em 1em 1em 0;
  background: #F9F9F9;
  border: 1px #AAA solid;
  border-collapse: collapse;
}

table.wikitable th,
table.wikitable td,
table.prettytable th,
table.prettytable td {
  border: 1px #AAA solid;
  padding: 0.2em;
}

table.wikitable th,
table.prettytable th {
  background: #F2F2F2;
  text-align: center;
}

table.wikitable caption,
table.prettytable caption {
  margin-left: inherit;
  margin-right: inherit;
}

/*****
** box formatting
*****/
.infobox {
  float: right;
  clear: right;
  margin-bottom: 0.5em;
  margin-left: 1em;
  padding: 0.2em;
  border: 1px solid #AAA;
  background: #F9F9F9;
  color: black;
}

.infobox td,
.infobox th {
  vertical-align: top;
}

.infobox caption {
  font-size: larger;
  margin-left: inherit;
}

.infobox.bordered {
  border-collapse: collapse;
}

.infobox.bordered td,
.infobox.bordered th {
  border: 1px solid #AAA;
}

.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
  border: 0;
}

.infobox.sisterproject {
  width: 20em;
  font-size: 90%;
}

/*****
** Specific pages (keep to a minimum)
*****/
/* Spam blacklist */
body.page-Talk_Spam_blacklist #ca-addsection {
  display: none;
}

/* Spam blacklist/log */
.logtable pre {
  margin: 0;
  padding: 0;
  border: 0;
}

/*****
** Bytecounter colours
*****/
strong.mw-plusminus-neg {
  color: #c00;
}

span.mw-plusminus-neg {
  color: #900;
}

span.mw-plusminus-pos {
  color: #060;
}

/* Change the external link icon to an Adobe icon for all PDF files */
/* (in browsers that support these CSS selectors, like Mozilla and Opera) */
#bodyContent a[href$=".pdf"].external,
#bodyContent a[href*=".pdf?"].external,
#bodyContent a[href*=".pdf#"].external,
#bodyContent a[href$=".PDF"].external,
#bodyContent a[href*=".PDF?"].external,
#bodyContent a[href*=".PDF#"].external {
  background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif)
    center right no-repeat;
  padding-right: 16px;
}

/* Change the external link icon to an Adobe icon anywhere the PDFlink class */
/* is used (notably Template:PDFlink). This works in IE, unlike the above. */
span.PDFlink a {
  background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif)
    center right no-repeat !important;
  padding-right: 17px !important;
}

/* Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at [[Wikipedia:NavFrame]]. */
div.Boxmerge,
div.NavFrame {
  margin: 0px;
  padding: 4px;
  border: 1px solid #aaa;
  text-align: center;
  border-collapse: collapse;
  font-size: 95%;
}

div.Boxmerge div.NavFrame {
  border-style: none;
  border-style: hidden;
}

div.NavFrame + div.NavFrame {
  border-top-style: none;
  border-top-style: hidden;
}

div.NavPic {
  background-color: #fff;
  margin: 0px;
  padding: 2px;
  float: left;
}

div.NavFrame div.NavHead {
  height: 1.6em;
  font-weight: bold;
  background-color: #ccccff;
  position: relative;
}

div.NavFrame p {
  font-size: 100%;
}

div.NavFrame div.NavContent {
  font-size: 100%;
}

div.NavFrame div.NavContent p {
  font-size: 100%;
}

div.NavEnd {
  margin: 0px;
  padding: 0px;
  line-height: 1px;
  clear: both;
}

a.NavToggle {
  position: absolute;
  top: 0px;
  right: 3px;
  font-weight: normal;
  font-size: smaller;
}

/* Infobox template style */
.infobox {
  border: 1px solid #aaaaaa;
  background-color: #f9f9f9;
  color: black;
  margin-bottom: 0.5em;
  margin-left: 1em;
  padding: 0.2em;
  float: right;
  clear: right;
}

.infobox td,
.infobox th {
  vertical-align: top;
}

.infobox caption {
  font-size: larger;
  margin-left: inherit;
}

.infobox.bordered {
  border-collapse: collapse;
}

.infobox.bordered td,
.infobox.bordered th {
  border: 1px solid #aaaaaa;
}

.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
  border: 0;
}

.infobox.sisterproject {
  width: 20em;
  font-size: 90%;
}

/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
  border: 0;
  border-top: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
}

.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
  border: 0;
  border-right: 1px solid #aaaaaa;
}

/* styles for geography infoboxes, e.g. countries, national subdivisions, cities, etc. */
.infobox.geography {
  border: 1px solid #ccd2d9;
  text-align: left;
  border-collapse: collapse;
  line-height: 1.2em;
  font-size: 90%;
}

.infobox.geography td,
.infobox.geography th {
  border-top: solid 1px #ccd2d9;
  padding: 0.4em 0.2em 0.4em 0.8em;
}

.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
  border-top: solid 1px #ccd2d9;
  padding: 0.4em 0.2em 0.2em 0.8em;
}

.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
  border: 0;
  padding: 0 0.2em 0.2em 0.8em;
}

.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
  border-top: 0;
  border-bottom: solid 1px #ccd2d9;
  padding: 0 0.2em 0.4em 0.8em;
}

.infobox.geography .maptable td,
.infobox.geography .maptable th {
  border: 0;
  padding: 0 0 0 0;
}

/* </pre> */

/* Conteneur en 2 colonnes */
.row-2cols {
  display: flex;
  flex-wrap: wrap; /* Permet le passage à la ligne */
  gap: 2%; /* Espacement entre colonnes */
}

/* Chaque colonne occupe environ la moitié */
.row-2cols .col {
  flex: 1 1 48%;
}

/* Sur mobile : les colonnes s’empilent */
@media (max-width: 768px) {
  .row-2cols {
    flex-direction: column !important; /* Forcer le passage en colonne */
  }
  .row-2cols .col {
    flex: 1 1 100% !important;
    max-width: 100% !important;
    float: none !important; /* Supprimer les floats hérités */
    display: block !important;
  }
  .row-2cols [style*="float:left"],
  .row-2cols [style*="float:right"] {
    float: none !important;
    width: 100% !important;
  }
}