MediaWiki:Print.css

De WikInSituFr
Révision datée du 30 octobre 2024 à 09:17 par Marion (discussion | contributions)
(diff) ← Version précédente | Voir la version actuelle (diff) | Version suivante → (diff)
Aller à la navigation Aller à la recherche

Note : après avoir publié vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

  • Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou appuyez sur Ctrl + F5 ou Ctrl + R (⌘ + R sur un Mac).
  • Google Chrome : appuyez sur Ctrl + Maj + R (⌘ + Shift + R sur un Mac).
  • Internet Explorer / Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.
  • Opera : appuyez sur Ctrl + F5.
/* Le CSS placé ici affectera les impressions UNIQUEMENT. */

* {
  font-size: 10px;
  line-height: 12px;
}

p, p *, ul, ul *, li, li * {
  font-size: 16px;
} 

div.one_page p, div.one_page p *, div.one_page ul, div.one_page ul *, div.one_page li, div.one_page li * {
  page-break-inside: avoid;
  font-size: 10px;
  line-height: 12px;
}

.big {
  font-size: 115%;
}

ul {
  list-style-position: inside;
}

div.one_page {
  height: 904px;
  /*aspect-ratio: 210/297;*/
  width: 100%;
}

div.one_page .col-w-10 {
  column-width: 12rem;
}

div.one_page .col-w-10 * {
  padding-bottom: 2px;
  padding-top: 0px;
  margin: 0px;
  page-break-inside: auto;
}

.firstHeading {
  font-size: 30px;
  padding: 0px;
  margin: 0px;
}

h1.title_page * {
  font-size: 30px;
}

h2, h2 * {
  font-size: 20px;
}

h3, h3 * {
  font-size: 18px;
}

.gif, .barre_menu, .cadrevideo, .btnretour, .btnhome, .firstHeading, .no_print {
  display: none;
}

/* On règle le problème des 80%-100% en version web/imprimée */

table:first-of-type tr:first-child td:last-child {
  display: none;
  width: 0%;
}

table:first-of-type tr:first-child td:first-child {
  border: 5px solid red
  width: 100%;
  padding-right: 1px;
}

.replace_gif {
  display: block;
}

.print_only {
  display: block;
}

/* On retire le footer du print (écritures automatiques) */

#footer {
  display: none;
}