« MediaWiki:Print.css » : différence entre les versions
De WikiMontessori
Aucun résumé des modifications |
Bug lors de l'utilisation de .col-md-X au lieu de .col-X |
||
| Ligne 106 : | Ligne 106 : | ||
display:none; | 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% | |||
} | |||
Version du 31 mars 2023 à 14:26
/* 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%
}