« MediaWiki:Print.css » : différence entre les versions
De WikiMontessori
Aucun résumé des modifications |
Aucun résumé des modifications |
||
(13 versions intermédiaires par 2 utilisateurs non affichées) | |||
Ligne 16 : | Ligne 16 : | ||
h1,h2,h3,h4,h5,h6 { | h1,h2,h3,h4,h5,h6 { | ||
page-break-after: auto; | page-break-after: auto; | ||
page-break-before: 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; | |||
} | } |
Dernière version du 11 mai 2023 à 15:48
/* 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; }