Diferencia entre revisiones de «MediaWiki:Vector-2022.css»

Minerva 1-col cards
mobile compact + catalog
Línea 396: Línea 396:
   .hdv-grid {
   .hdv-grid {
     grid-template-columns: 1fr !important;
     grid-template-columns: 1fr !important;
     gap: 10px !important;
     gap: 8px !important;
   }
   }


   .mw-parser-output .hdv-hero,
   .mw-parser-output .hdv-hero,
   .hdv-hero {
   .hdv-hero {
     padding: 1rem 0.95rem;
     padding: 0.7rem 0.75rem !important;
     margin-bottom: 1rem;
     margin-bottom: 0.75rem !important;
     border-left-width: 3px;
     border-left-width: 3px;
    font-size: 0.92rem !important;
   }
   }


   a.hdv-card,
   a.hdv-card,
   .mw-parser-output .hdv-card {
   .mw-parser-output .hdv-card {
     padding: 0.95rem 1rem !important;
     padding: 0.7rem 0.8rem !important;
    min-height: 0 !important;
  }
 
  a.hdv-card strong,
  .mw-parser-output .hdv-card strong {
    font-size: 0.95rem !important;
    margin-bottom: 0.2rem !important;
  }
 
  a.hdv-card .hdv-meta,
  .mw-parser-output .hdv-meta {
    font-size: 0.82rem !important;
   }
   }


   .mw-body-content,
   .mw-body-content,
   .mw-parser-output,
   .mw-parser-output,
   .skin-minerva .content {
   .skin-minerva .content,
     font-size: 1rem !important;
  .skin-minerva .mw-parser-output,
     line-height: 1.6 !important;
  .skin-minerva .content p {
     font-size: 0.92rem !important;
     line-height: 1.45 !important;
   }
   }


   .firstHeading,
   .firstHeading,
   .page-heading h1,
   .page-heading h1,
   .mw-heading h1 {
   .mw-heading h1,
     font-size: 1.35rem !important;
  .skin-minerva h1.page-heading,
     padding-right: 0.25rem;
  .skin-minerva .page-heading {
     font-size: 1.15rem !important;
    line-height: 1.2 !important;
     margin-bottom: 0.35rem !important;
   }
   }


   .mw-parser-output .hdv-kicker {
  .mw-heading h2,
     font-size: 0.72rem;
  .skin-minerva h2,
   .mw-parser-output h2 {
    font-size: 1.05rem !important;
  }
 
  .mw-heading h3,
  .skin-minerva h3,
  .mw-parser-output h3 {
     font-size: 0.98rem !important;
   }
   }


  /* Vector: contenido a ancho útil en móvil */
   .mw-parser-output .hdv-kicker {
  .mw-page-container,
     font-size: 0.65rem !important;
   .mw-content-container,
     letter-spacing: 0.06em;
  .vector-body {
     padding-left: 0 !important;
     padding-right: 0 !important;
   }
   }


   .mw-body,
   .mw-body,
   #content,
   #content,
   .mw-body-content {
   .mw-body-content,
     padding-left: 0.85rem !important;
  .skin-minerva .mw-body,
     padding-right: 0.85rem !important;
  .skin-minerva .content {
  }
     padding-left: 0.65rem !important;
 
     padding-right: 0.65rem !important;
  /* TOC / menus no empujan el contenido */
  .vector-toc,
  .vector-column-start {
    max-width: 100%;
   }
   }


   .mw-parser-output ol.hdv-steps,
   .mw-parser-output ol.hdv-steps,
   .mw-parser-output .hdv-steps {
   .mw-parser-output .hdv-steps {
     padding-left: 1.15rem;
     padding-left: 1rem;
   }
   }


Línea 459: Línea 478:
   .skin-minerva table.wikitable th,
   .skin-minerva table.wikitable th,
   .skin-minerva table.wikitable td {
   .skin-minerva table.wikitable td {
     font-size: 0.9rem;
     font-size: 0.8rem !important;
     padding: 0.55rem 0.6rem !important;
     padding: 0.4rem 0.45rem !important;
    white-space: normal;
   }
   }


  /* Imágenes de bosses a tamaño legible en móvil */
   .mw-parser-output a.image img,
   .mw-parser-output a.image img,
   .mw-parser-output .thumbinner,
   .skin-minerva .content img,
   .skin-minerva .thumbinner {
   .mw-parser-output img {
     max-width: 100% !important;
     max-width: min(100%, 220px) !important;
    max-height: 220px !important;
    object-fit: contain;
   }
   }


   .mw-parser-output .thumb {
   .mw-parser-output .thumb {
     margin: 0.6rem 0 !important;
     margin: 0.4rem 0 !important;
     float: none !important;
     float: none !important;
     width: 100% !important;
     width: 100% !important;
  }
  .skin-minerva .page-actions-menu,
  .skin-minerva .last-modified-bar,
  .skin-minerva .tagline {
    font-size: 0.75rem !important;
  }
  .skin-minerva .branding-box img,
  .skin-minerva .mw-logo-icon {
    max-height: 28px !important;
    width: auto !important;
   }
   }
}
}