Module:Portal navigation/styles.css: Difference between revisions

Latest revision as of 17:10, 21 February 2025

.portal-navigation::after {
	content: "";
	display: block;
	clear: both;
}
.portal-navigation-header {
	font-size: 1.6875em;
	border-radius: 2px;
	font-weight: bold;
	padding: .25em;
}
.portal-navigation-portalicon {
	display: inline-block;
	padding: .3em;
	margin: 0 0 0 .5em;
}
.portal-navigation[dir="ltr"] .portal-navigation-portalicon,
.portal-navigation-force-ltr .portal-navigation-portalicon {
	/* @noflip */
	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 {
	font-size: 1.125em;
	margin: 0 0 1.125em;
	padding: 0;
}
.portal-navigation[dir="ltr"] .portal-navigation-header,
.portal-navigation-force-ltr .portal-navigation-header,
.portal-navigation[dir="ltr"] .portal-navigation-body,
.portal-navigation-force-ltr .portal-navigation-body {
	/* @noflip */
	text-align: left;
}
.portal-navigation[dir="rtl"] .portal-navigation-header,
.portal-navigation-force-rtl .portal-navigation-header,
.portal-navigation[dir="rtl"] .portal-navigation-body,
.portal-navigation-force-rtl .portal-navigation-body {
	/* @noflip */
	text-align: right;
}
.portal-navigation-body > li {
	display: inline-block;
	position: relative;
	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;
	border-bottom: .3em solid #c8ccd1;
}
.portal-navigation-entry-has-subtabs {
	margin-bottom: 0;
	border-bottom: none;
}
.portal-navigation-tabicon {
	margin: 0 .75em 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;
	font-size: 95%;
	margin: 0 1em;
	padding: 1.125em 0;
	border-style: solid;
	border-width: .35em 0;
}
.portal-navigation-subtabs > li {
	margin: 0;
	padding: 0;
}
.mw-ui-button {
	margin: 2px;
}

.portal-navigation, .portal-navigation-header {
	border-radius: 15px;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}