Usuario:Arnaldo.C/Portada/OOUI/styles.css

De CiberWiki

Nota: Después de publicar, quizás necesite actualizar la caché de su navegador para ver los cambios.

  • Firefox/Safari: Mantenga presionada la tecla Shift mientras pulsa el botón Actualizar, o presiona Ctrl+F5 o Ctrl+R (⌘+R en Mac)
  • Google Chrome: presione Ctrl+Shift+R (⌘+Shift+R en Mac)
  • Internet Explorer/Edge: mantenga presionada Ctrl mientras pulsa Actualizar, o presione Ctrl+F5
  • Opera: Presiona Ctrl+F5.
/*
 * Nuevo diseño de plantilla [[Wikpedia:Portada/OOUI]]
 * Basado en:
 * https://design.wikimedia.org/style-guide/
 * https://github.com/wikimedia/wikimedia-ui-base/blob/master/wikimedia-ui-base.less
 * [[Categoría:Wikipedia:Subpáginas de estilo de plantillas]]
 */

/* Encabezados estándar */
.main-header {
	border-bottom-color: transparent;
	margin-bottom: 0.25em;
	margin-top: 0;
	padding-bottom: 0;
	padding-top: 0;
}

/* Listas no ordenadas */
.main-plainlist > ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-plainlist li {
	margin-bottom: 0;
}

/* Enlaces-botones */
.main-top-right .mw-ui-quiet:hover,
.main-top-right .mw-ui-quiet:focus,
.main-footer .mw-ui-quiet:hover,
.main-footer .mw-ui-quiet:focus {
	color: #0645ad;
}

/* Eliminar la numeración de los encabezados creados por la opción «Numerar automáticamente los encabezados»
    en [[Especial:Preferencias#mw-prefsection-rendering]] */
.mw-headline-number {
    display: none;
}

/*
Tabletas
*/
@media (min-width: 720px) {
	.main-wikimedia {
		padding-top: 1rem;
		padding-left: 1rem;
		padding-right: 1rem;
	}
}

/*
Computadoras
*/
@media (min-width: 1000px) {
	.main-wrapper {
		display: flex;
		margin: 0 -0.5rem;
	}
	
	.main-wrapper-column {
		flex: 1;
		margin: 0 0.5rem;
	}
	
	.main-wikimedia {
		padding-top: 1rem;
		padding-left: 1rem;
		padding-right: 1rem;
	}
}

/* Reparto columnas al 55-45 % */
@media (min-width: 1000px) {
	.main-wrapper-column {
		width: 55%;
	}
	.main-wrapper-column + .main-wrapper-column {
		width: 45%;
	}
	.main-wrapper-column {
		flex: inherit;
	}
}
.main-box-image-only div {
	width: auto !important; 
}

/* bugfix in skin-timeless */
body.skin-timeless .main-box-header:after,
body.skin-timeless .main-top-header:after {
	border-bottom: 0 solid transparent;
}