« MediaWiki:Mobile.css » : différence entre les versions
Apparence
Aucun résumé des modifications |
Aucun résumé des modifications |
||
| Ligne 52 : | Ligne 52 : | ||
#footer-info-credits, /* ne pas parler des dates de modif des pages */ | #footer-info-credits, /* ne pas parler des dates de modif des pages */ | ||
.last-modified-bar, /* ne pas parler des dates de modif des pages */ | .last-modified-bar, /* ne pas parler des dates de modif des pages */ | ||
#page-secondary-actions, | #page-secondary-actions, /* supprimer bouton discussion sur portail:Accueil */ | ||
#pt-mytalk, #ca-talk, #pt-watchlist, #pt-mycontris, | #pt-mytalk, #ca-talk, #pt-watchlist, #pt-mycontris, | ||
Version du 18 janvier 2024 à 17:07
/* 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 ...>
*/
.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, #pt-watchlist, #pt-mycontris,
/* #ca-history, */
#ca-unwatch, #ca-watch, #ca-viewsource,
#pt-anonuserpage, #pt-anontalk
{ display:none !important; }