Jump to content

Template:WMF Menu 2Col/styles.css

From Meta, a Wikimedia project coordination wiki
This is an archived version of this page, as edited by JPrakash-WMF (talk | contribs) at 15:41, 24 March 2024. It may differ significantly from the current version.
.wmf-menu-2col-containter {
	display: flex;
	min-height: 25rem;
}

.wmf-menu-2col-links {
	width: 30%;
	position: sticky;
	top: 60px;
	align-self: flex-start;
}

.wmf-menu-2col-content {
	width: 70%;
}

.wmf-menu-2col-links ul {
	list-style: none;
	margin-left: 0;
}

.wmf-menu-2col-links ul li a:hover {
	background: #EEEAFF;
	color: #3A25FF;
}

.wmf-menu-2col-links ul li a {
	display: flex;
	min-height: 42px;
	align-items: center;
	
	font-family: 'Helvetica Neue';
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 175%;
	color: #000000;
	text-decoration: none;
	margin-left: 1rem;
	margin-right: 3.125rem;
	padding-left: 1rem;
}

.wmf-menu-2col-links ul li .mw-selflink {
	background: #3A25FF;
	color: #FFFFFF;
}

.wmf-menu-2col-links ul li .mw-selflink:hover {
	background: #3A25FF;
	color: #FFFFFF;
}