MediaWiki:Mobile.css

Révision datée du 23 novembre 2020 à 15:48 par Admin (discussion | contributions) (Page créée avec « →‎Le CSS placé ici n’affectera que les utilisateurs du site mobile : .header-banner{ padding-left:11em; margin-top:25px; width:100%; box-sizing: border-bo… »)
(diff) ← Version précédente | Voir la version actuelle (diff) | Version suivante → (diff)

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é et sécurité → Effacer les données d’exploration → Images et fichiers en cache.
/* Le CSS placé ici n’affectera que les utilisateurs du site mobile */
.header-banner{
   padding-left:11em;
   margin-top:25px;
   width:100%;
   box-sizing: border-box;
   height:90px;
}
#mw-head-base{
   height: 165px !important;
}
#left-navigation, #right-navigation{
   margin-top: 10px !important;
}
.header-banner img{
   max-width:100%;
   height:auto;
}
.header-banner .mobile-banner{
   display:none;
}
@media screen and (max-width: 981px){
  .header-banner{
     padding-left:10em;
  }
}
@media screen and (max-width: 720px){
   .header-banner{
      position:absolute;
      padding-left:0;
      top:35px;
      height:50px;
      text-align:center;
      margin-top:10px;
   }
   .header-banner .desktop-banner{
      display:none;
   }
   .header-banner .mobile-banner{
      display:inline-block;
   }
   #mw-head-base{
      height: 145px !important;
   }
   #left-navigation, #right-navigation{
      margin-top: 0px !important;
   }
   #p-namespaces, #p-views, #p-variants{
      top: 105px !important;
   }
}