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

De WikiSimland 4.0
Aucun résumé des modifications
(Contenu remplacé par « →‎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; } .row-2cols .col { flex: 1 1 100%; max-width: 100%; } } »)
Balise : Contenu remplacé
Ligne 1 : Ligne 1 :
/*
<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 */
/* Conteneur en 2 colonnes */
.row-2cols {
.row-2cols {
Ligne 323 : Ligne 13 :
/* Sur mobile : les colonnes s’empilent */
/* Sur mobile : les colonnes s’empilent */
@media (max-width: 768px) {
@media (max-width: 768px) {
  .row-2cols {
    flex-direction: column;
  }
   .row-2cols .col {
   .row-2cols .col {
     display: block;
     flex: 1 1 100%;
    max-width: 100%;
   }
   }
}
}

Version du 25 septembre 2025 à 13:54

/* 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;
  }
  .row-2cols .col {
    flex: 1 1 100%;
    max-width: 100%;
  }
}