MediaWiki:Print.css

De WikiMontessori
Aller à :navigation, rechercher

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. */
.mw-editsection{
	display:none;
}

.nobreak{
	break-inside: avoid;
	page-break-inside:avoid;
}

/* 2023-02-27 GD / Efface les pieds de page à l'impression pour éviter des blocs bleus sous Firefox au moins */
.msd-block, .msd-footer
{
	display:none;
}

h1,h2,h3,h4,h5,h6 {
    page-break-after: auto;
    page-break-before: auto;
}

/* -------------------------------------------------------------*/
/* Fiches */
/* -------------------------------------------------------------*/

/*
 * Supprime tout ce qui empêche l'affichage 
 * d'utiliser le plus de largeur de la page possible
 */
.container, .mw-body, .fiche .sim-block
{
	margin:0;
	padding:0;
	width: 100%;
	max-width: 100%;
}

/*
 * Pas d'ombre ni de bordure simulant une page à l'impression
 */
.fiche
{
	border-width: 0;
	box-shadow: none;
}

/*
 * À l'impression une règle (de chameleon ?) ajoute de nouveau une marge à gauche :
 * on la supprime pour respecter le style des fiches
 */
.fiche ul
{
	padding-left:0;
}

/*
 * Suppression de paragraphes parasites à la fin des fiches
 */
.fiche > p
{
	display:none;
}

/* Affichage des onglets :
/* 
 * Hack pour Firefox et Chrome pour éviter une légère ligne à l'impression 
 * à la frontière entre la bordure basse et le label de l'onglet 
 */
.fiche .partie h2 .mw-headline {

  margin-bottom: -1px; 
}

/* Affichage des onglets :
 * 
 * 1. Hack pour Firefox pour éviter que le label ne soit collé 
 * en haut de page en l'absence de marges d'impression
 * 
 * 2. Hack pour Chrome pour éviter un débordement du label sur la page du dessus
 * 
 */
.fiche .partie h2 {

	padding-top:20px;
}

/* 
 * 1. Supprime un paragraphe inutile ajouté avant le div :
 *    <p><br></p>
 *    <div class="fiche fiche_de_preparation">
 * 
 * 
 * 2. Supprime en bas de page : "Categorie:Fiche", inutile
 * 
 */
.mw-parser-output > p
{
	display:none;
}

/*
 * N'affiche pas le lien vers le wiki lors de l'impression d'une page 
 */
.printfooter
{
	display:none;
}

/* 
 * Bug lors de l'utilisation de .col-md-X au lieu de .col-X.
 * L'impression utilise la vue mobile au lieu de la vue classique.
 * Correctif : les styles .col-md-X doivent être appliqués quelle que soit la largeur d'écran
 */

.fiche .col-md-1 {
  flex:0 0 8.33333333%;
  max-width:8.33333333%
 }
.fiche .col-md-2 {
  flex:0 0 16.66666667%;
  max-width:16.66666667%
 }
.fiche .col-md-3 {
  flex:0 0 25%;
  max-width:25%
 }
.fiche .col-md-4 {
  flex:0 0 33.33333333%;
  max-width:33.33333333%
 }
.fiche .col-md-5 {
  flex:0 0 41.66666667%;
  max-width:41.66666667%
 }
.fiche .col-md-6 {
  flex:0 0 50%;
  max-width:50%
 }
.fiche .col-md-7 {
  flex:0 0 58.33333333%;
  max-width:58.33333333%
 }
.fiche .col-md-8 {
  flex:0 0 66.66666667%;
  max-width:66.66666667%
 }
.fiche .col-md-9 {
  flex:0 0 75%;
  max-width:75%
 }
.fiche .col-md-10 {
  flex:0 0 83.33333333%;
  max-width:83.33333333%
 }
.fiche .col-md-11 {
  flex:0 0 91.66666667%;
  max-width:91.66666667%
 }
.fiche .col-md-12 {
  flex:0 0 100%;
  max-width:100%
 }

/*
 * Demande PM : Le texte des fiches doit être noir à l'impression et non gris foncé
 */

.fiche p {
  color: black;
}