@import '../echo.variables';
@import '../echo.variables.monobook';

#p-personal li.mw-echo-ui-notificationBadgeButtonPopupWidget {
	text-transform: none;
	font-weight: normal;
	&, .oo-ui-popupWidget a {
		color: #333;
	}
	// Badge
	> .oo-ui-buttonElement-button {
		&:hover {
			.oo-ui-labelElement-label {
				color: black !important;
			}
		}
	}

	// Footer
	.oo-ui-popupWidget-footer {
		// Override text-align that monobook uses for #p-personal li
		text-align: left;
	}

}

@import '../echo.variables';
@import '../echo.variables.monobook';

#p-personal li.mw-echo-ui-notificationBadgeButtonPopupWidget {
	text-transform: none;
	font-weight: normal;
	&, .oo-ui-popupWidget a.oo-ui-buttonElement-button {
		color: #333;
	}
	// Badge
	> .oo-ui-buttonElement-button {
		&:hover {
			.oo-ui-labelElement-label {
				color: black !important;
			}
		}
	}

	// Footer
	.oo-ui-popupWidget-footer {
		// Override text-align that monobook uses for #p-personal li
		text-align: left;
	}

}

Make footer notice link blue in Monobook
Make footer notice link blue in Monobook

We have to override a CSS rule that tries to make all <a>s blue,
but not override it so powerfully that the real link in the footer
notice isn't blue.

Change-Id: I5a91419aab7cf6d6fe10c8e707168b52c2451cd8
