MediaWiki:Mobile.css

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 n’affectera que les utilisateurs du site mobile */

/* Note DSG v31.1 2019
Cette feuille css ne se chargeait pas tant que mediawiki:mobile.js était vide.
Il semble que c'était un bug 
https://www.mediawiki.org/w/index.php?title=Topic:Ufs7jioe6qtchfg1&topic_showPostId=ufspjumavvpwpecf#flow-post-ufspjumavvpwpecf
qui suggérait un patch. Je n'ai pas eu besoin à partir du moment où j'ai intrdoduit dans mobile.js le traitement
des ingrédients. */

/*   Div container  */

.chahu-container {
	width:100%;
	box-sizing: border-box;
}

.chahu-container div{
	box-sizing: inherit;	
}

/* On insere un dernier élement avec clear:both qui ferme
le container */
.chahu-container:after{
	content:"";
	display:table;
	clear:both;
}

/* On insere un dernier élement avec clear:both qui permet de rendre toute div
interne au container, un container elle-même */
.chahu-container div:after{
	content:"";
	display:table;
	clear:both;
}

/* Sur common.css est 50% ! */
.chahu-half{
    width:100%;
}

.chahu-img {
    max-width: 100%;
    height: auto;
}