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

De WikiMontessori
Aller à :navigation, rechercher
(Page créée avec « →‎Le CSS placé ici affectera les impressions. : h3{ break-after:avoid-page; } »)
 
Aucun résumé des modifications
 
(41 versions intermédiaires par 2 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
/* Le CSS placé ici affectera les impressions. */
/* Le CSS placé ici affectera les impressions. */
h3{
.mw-editsection{
break-after:avoid-page;
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;
}
}

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;
}