Diferencia entre revisiones de «MediaWiki:Common.css»

De CEBES Perquín
Línea 70: Línea 70:
 
@media screen and (max-width: 600px) {
 
@media screen and (max-width: 600px) {
 
   .column {
 
   .column {
     width: 90%;
+
     width: 100%;
 
   }
 
   }
 
}
 
}

Revisión del 19:50 9 dic 2020

/* Los estilos CSS colocados aquí se aplicarán a todas las apariencias */
/* Oculta título y categorías en la Portada */
body.page-Portada h1.firstHeading, body.page-Portada #catlinks-sidebar { display:none; }

/* Oculta artículos destacados de la versión móvil en la versión de escritorio */
/* Common.css no se tiene en cuenta en la versión móvil (Mobile.css) */
#destacados-movil {
	display: none;
}
/* Oculta título y categorías en la Portada */
body.page-Portada h1.firstHeading, body.page-Portada #catlinks-sidebar { display:none; }

/* Oculta artículos destacados de la versión móvil en la versión de escritorio */
/* Common.css no se tiene en cuenta en la versión móvil (Mobile.css) */
#destacados-movil {
	display: none;
}

/* Cambia fuente de epígrafes */
.mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {
    font-family: 'Helvetica Neue','Nimbus Sans','Helvetica','Arial',sans-serif;
    font-weight: bold;
}
.mw-body h1 {
    font-size: 1.8em;	/* Default: 2.0em */
	font-family: 'Times New Roman',serif;	/* Default: 'Linux Libertine' */
}
.mw-body h2 {
    font-size: 1.5em;	/* Default: 1.7em */
}
.mw-body h3 {
    font-size: 1.35em;	/* Default: 1.5em */
}
.mw-body h4 {
    font-size: 1.25em;	/* Default: 1.35em */
}
.mw-body h5 {
    font-size: 1.2em;	/* Default: 1.25em */
}
.mw-body h6 {
    font-size: 1.15em;	/* Default: 1.2em */
}
/* Oculta fecha de última modificacion en pie de páginas */
/*
#lastmod {
    display:none;
}
*/

/* Responsive two column layout */
* {
  box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
  padding: 10px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}