MediaWiki:Mobile.css
Apparence
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).
- Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.
/* Le CSS placé ici n’affectera que les utilisateurs du site mobile
Attention : sur les mobiles, le CSS de cette page vient après le CSS de la page MediaWiki:Common.css
Donc ne pas oublier d'adapter Common.css si nécessaire
Rappel de la syntaxe
p {} => all <p> elements
#x {} => all <... id=x ...>
.y {} => all <... class=y ...>
voir aussi pour les combinaisons
https://www.w3schools.com/css/css_combinators.asp
*/
.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;
}
/* masquer les pages discussion de l'article et du user
ainsi que liste de suivi et liste contributions du user
ainsi que afficher l'historique */
#footer-info-credits, /* ne pas parler des dates de modif des pages */
.last-modified-bar, /* ne pas parler des dates de modif des pages */
#page-secondary-actions, /* supprimer bouton discussion sur portail:Accueil */
#pt-mytalk, #ca-talk, /* supprime lien à discussion mais pas pour MobileFrontEnd */
.minerva__tab-container a[data-event-name="tabs.talk"], /* pour MobileFrontEnd
supprime le lien de création d'une page de discussion sur la ligne qui suit le titre de la page */
#pt-watchlist, #pt-mycontris,
#page-actions-history, /* pour MobileFrontEnd supprime le lien sur barre des actions */
/* #ca-history, */
#ca-unwatch, #ca-watch, #ca-viewsource,
#pt-anonuserpage, #pt-anontalk
{ display:none !important; }