Jump to content
Menú alternativo
Alternar el menú de preferencias
Menú alternativo personal
No has accedido
Tu dirección IP será visible si haces alguna edición

Diferencia entre revisiones de «Módulo:Portal navigation/styles.css»

De Wikimedia Small Projects
from https://meta.wikimedia.org/wiki/Module:Portal_navigation/styles.css
 
Sin resumen de edición
 
Línea 1: Línea 1:
.portal-navigation::after {
.portal-navigation {
content: "";
border-radius: 15px;
display: block;
box-shadow: 0px 2px 1px 0px var(--box-shadow-color-base, #72777d);
clear: both;
margin: 0.5em 0;
}
}
.portal-navigation-header {
 
.portal-navigation > .portal-navigation-header {
border-radius: 15px;
border-bottom: solid 0.3em transparent;
font-size: 1.6875em;
font-size: 1.6875em;
border-radius: 2px;
font-weight: bold;
font-weight: bold;
padding: .25em;
padding: 0.375rem 0.5rem;
}
}
.portal-navigation-portalicon {
.portal-navigation-portalicon {
display: inline-block;
display: inline-block;
padding: .3em;
margin: 0.1rem;
margin: 0 0 0 .5em;
margin-right: 0.5rem;
}
}
.portal-navigation[dir="ltr"] .portal-navigation-portalicon,
 
.portal-navigation-force-ltr .portal-navigation-portalicon {
.portal-navigation-portalname {
/* @noflip */
vertical-align: middle;
margin: 0 0 0 .5em;
}
.portal-navigation[dir="rtl"] .portal-navigation-portalicon,
.portal-navigation-force-rtl .portal-navigation-portalicon {
/* @noflip */
margin: 0 .5em 0 0;
}
}
ul.portal-navigation-body {
ul.portal-navigation-body {
font-size: 1.125em;
padding: 1rem;
margin: 0 0 1.125em;
margin: 0;
display: flex;
flex-wrap: wrap;
gap: 1rem;
justify-content: center;
}
}
.portal-navigation[dir="ltr"] .portal-navigation-header,
 
.portal-navigation-force-ltr .portal-navigation-header,
li.portal-navigation-item {
.portal-navigation[dir="ltr"] .portal-navigation-body,
display: inline-flex;
.portal-navigation-force-ltr .portal-navigation-body {
margin: 0;
/* @noflip */
align-items: center;
text-align: left;
padding-bottom: 0.25rem;
font-weight: 600;
border-bottom: 0.125rem solid var(--border-color-subtle, #c8ccd1);
}
}
.portal-navigation[dir="rtl"] .portal-navigation-header,
 
.portal-navigation-force-rtl .portal-navigation-header,
.portal-navigation-item.active-tab {
.portal-navigation[dir="rtl"] .portal-navigation-body,
border: none;
.portal-navigation-force-rtl .portal-navigation-body {
/* @noflip */
text-align: right;
}
}
.portal-navigation-body > li {
 
display: inline-block;
.portal-navigation-item.active-tab a {
position: relative;
color: inherit;
vertical-align: top;
}
.portal-navigation[dir="ltr"] .portal-navigation-body > li,
.portal-navigation-force-ltr .portal-navigation-body > li {
/* @noflip */
float: left;
}
.portal-navigation[dir="rtl"] .portal-navigation-body > li,
.portal-navigation-force-rtl .portal-navigation-body > li {
/* @noflip */
float: right;
}
.portal-navigation-entry {
display: inline-block;
margin: 1em;
padding-bottom: .5em;
font-weight: bold;
font-weight: bold;
border-bottom: .3em solid #c8ccd1;
text-decoration: inherit;
}
.portal-navigation-entry-has-subtabs {
margin-bottom: 0;
border-bottom: none;
}
}
.portal-navigation-tabicon {
.portal-navigation-tabicon {
margin: 0 .75em 0 0;
margin: 0 0.5rem 0 0;
}
.portal-navigation[dir="ltr"] .portal-navigation-tabicon,
.portal-navigation-force-ltr .portal-navigation-tabicon {
/* @noflip */
margin: 0 .75em 0 0;
}
.portal-navigation[dir="rtl"] .portal-navigation-tabicon,
.portal-navigation-force-rtl .portal-navigation-tabicon {
/* @noflip */
margin: 0 0 0 .75em;
}
}
ul.portal-navigation-subtabs {
 
list-style: none;
@media screen and (max-width: 639px) {
font-size: 95%;
ul.portal-navigation-body {
margin: 0 1em;
/* padding: 0.75rem; */
padding: 1.125em 0;
}
border-style: solid;
border-width: .35em 0;
}
.portal-navigation-subtabs > li {
margin: 0;
padding: 0;
}
}

Revisión actual - 23:39 11 oct 2026

.portal-navigation {
	border-radius: 15px;
	box-shadow: 0px 2px 1px 0px var(--box-shadow-color-base, #72777d);
	margin: 0.5em 0;
}

.portal-navigation > .portal-navigation-header {
	border-radius: 15px;
	border-bottom: solid 0.3em transparent;
	font-size: 1.6875em;
	font-weight: bold;
	padding: 0.375rem 0.5rem;
}

.portal-navigation-portalicon {
	display: inline-block;
	margin: 0.1rem;
	margin-right: 0.5rem;
}

.portal-navigation-portalname {
	vertical-align: middle;
}

ul.portal-navigation-body {
	padding: 1rem;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	justify-content: center;
}

li.portal-navigation-item {
	display: inline-flex;
	margin: 0;
	align-items: center;
	padding-bottom: 0.25rem;
	font-weight: 600;
	border-bottom: 0.125rem solid var(--border-color-subtle, #c8ccd1);
}

.portal-navigation-item.active-tab {
	border: none;
}

.portal-navigation-item.active-tab a {
	color: inherit;
	font-weight: bold;
	text-decoration: inherit;
}

.portal-navigation-tabicon {
	margin: 0 0.5rem 0 0;
}

@media screen and (max-width: 639px) {
	ul.portal-navigation-body {
		/* padding: 0.75rem; */
	}
}