Utilisateur:Denis Gagne52/styles.css
Note : après avoir enregistré 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 pressez Ctrl-F5 ou Ctrl-R (⌘-R sur un Mac) ;
- Google Chrome : Appuyez sur Ctrl-Maj-R (⌘-Shift-R sur un Mac) ;
- Internet Explorer : Maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl-F5 ;
- Opera : Allez dans Menu → Settings (Opera → Préférences sur un Mac) et ensuite à Confidentialité & sécurité → Effacer les données d'exploration → Images et fichiers en cache.
@media all and (max-width: 360px) {
.img-center,
.img-floatleft,
.img-floatright {
float: none !important;
clear: none !important;
margin: 0 auto !important;
padding:0 !important;
}
}
.img-center {
/* fake a centre with a floating span that takes all the width */
float: left;
clear: both;
width: 100% !important;
margin: 1em auto;
padding: 0;
}
.img-center img,
.img-floatleft img,
.img-floatright img {
/* do not allow image to over-spill container (e.g. small screens) */
max-width: 100%;
/* keep aspect ratio even when shrunk */
height: auto;
}
.img-floatleft {
float: left;
clear: left;
margin: 0 1em 0 0;
padding:0 0.5em;
max-width: 100%;
}
.img-floatright {
float: right;
clear: right;
margin: 0 0 0 1em;
padding:0 0.5em;
max-width: 100%;
}