MediaWiki:Mobile.css

De WikiVet Español
Revisión del 15:48 23 nov 2020 de Admin (discusión | contribs.) (Página creada con «→‎CSS colocados aquí afectará a los usuarios del sitio móvil: .header-banner{ padding-left:11em; margin-top:25px; width:100%; box-sizing: border-box; h…»)
(difs.) ← Revisión anterior | Revisión actual (difs.) | Revisión siguiente → (difs.)

Ir a la navegación Ir a la búsqueda

Nota: tras guardar, quizás necesites actualizar la caché de tu navegador para ver los cambios.

  • Firefox/Safari: Mantén presionada la tecla Mayús mientras pulsas el botón Actualizar, o presiona Ctrl+F5 o Ctrl+R (⌘+R en Mac)
  • Google Chrome: presiona Ctrl+Shift+R (⌘+Mayús+R en Mac)
  • Internet Explorer: mantén presionada Ctrl mientras pulsas Actualizar, o presiona Ctrl+F5
  • Opera: dirígete a Menú → Configuración (Opera → Preferencias en Mac) y luego a Privacidad y seguridad → Borrar datos de navegación → Imágenes y archivos en caché.
/* CSS colocados aquí afectará a los usuarios del sitio móvil */
.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;
   }
}