Template:Plantilla:Portada:Encabezado/OOUI/styles.css

/* Nuevo diseño de plantilla Plantilla:Portada:Encabezado/OOUI

Basado en: https://github.com/wikimedia/wikimedia-ui-base/blob/master/wikimedia-ui-base.less https://design.wikimedia.org/style-guide/ .main-top { font-size: 1rem; margin-top: 1rem; padding-bottom: 1.5rem; }

.main-top-left > p { font-size: 0.875em; margin: 0; }

.main-top-right { font-size: 0.875em; margin-top: 0.5em; }

.main-top-right > ul { display: none; margin-top: 0.5rem; }

.main-top-right .mw-ui-button.mw-ui-quiet { padding-right: 0; }

.main-top-header { border-bottom: 0; margin-bottom: 0; margin-top: 0; }

.main-top-articleCount { margin-bottom: 0; }

body.skin-minerva .main-top-articleCount { display: none; }

.main-top-mobileSearch { display: none; margin-top: 1rem; }

body.skin-minerva .main-top-mobileSearch { display: block; }

.main-top-mobileSearchButton { background: #fff; border: none; box-shadow: 0 2px 2px 0 rgba( 0, 0, 0, 0.25 ); color: #72777d; font-weight: normal; max-width: none; text-align: left; width: 100%; }

/* Tabletas @media (min-width: 720px) { .main-top { background-color: #f8f9fa; border: 1px solid #c8ccd1; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, .15); margin-bottom: 1rem; padding: 1rem; }	.main-top-right > ul { display: flex; flex-wrap: wrap; }	.main-top-articleCount { margin-bottom: 0.5rem; }	body.skin-minerva .main-top-articleCount { display: block; }	body.skin-minerva .main-top-mobileSearch { display: none; } }

/* Computadoras @media (min-width: 1000px) { .main-top { align-items: center; background-image: url(https://static.miraheze.org/magicworldwiki/f/f8/Map_of_Arhet_globe.png); background-position: right; background-repeat: no-repeat; display: flex; margin-bottom: 1rem; margin-top: 0.5rem; padding: 0 1.5rem 0 0; }	.main-top-left { background-image: linear-gradient(to right, #f8f9fa 0%, #f8f9fa 70%, rgba(248, 249, 250, 0) 100%); flex: 2; padding: 2rem 0 2rem 1.5rem; }	.main-top-right { flex: 3; margin-top: 0; text-align: right; }	.main-top-right > ul { align-items: center; flex-direction: row-reverse; margin-top: 0; text-align: left; }	.main-top-createArticle + li .mw-ui-button.mw-ui-quiet { padding-right: 1em; } }

/* bugfix in skin-modern */ body.skin-modern .main-top-header { line-height: 1.8rem; font-size: 1.8rem; }