Différences entre versions de « MediaWiki:Mobile.css »

De WikiVet Français
Sauter à la navigation Sauter à la recherche
(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… »)
 
Balise : Contenu remplacé
 
Ligne 1 : Ligne 1 :
 
/* Le CSS placé ici n’affectera que les utilisateurs du site mobile */
 
/* 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;
 
  }
 
}
 

Version actuelle datée du 27 novembre 2020 à 11:21

/* Le CSS placé ici n’affectera que les utilisateurs du site mobile */