MediaWiki:Common.less/notifications.less

From Old School RuneScape Wiki
Jump to: navigation, search
.oo-ui-pendingElement-pending {
	background-image: repeating-linear-gradient(
		-45deg,
		@SEARCH_BOX,
		@SEARCH_BOX 20px,
		@BODY_MAIN 20px,
		@BODY_MAIN 30px
	);
	background-size: 200%;
	animation: stripe 6s linear infinite;
}

@keyframes stripe {
	100% {
		background-position: 100%;
	}
}

.mw-echo-ui-notificationItemWidget {
	background-color: @BODY_MAIN;
	border-color: @BODY_BORDER;
}

.mw-echo-ui-notificationItemWidget:hover,
.mw-echo-ui-notificationItemWidget.mw-echo-ui-notificationItemWidget-unread:hover {
    background-color: @BODY_MID;
}

.mw-echo-ui-notificationItemWidget.mw-echo-ui-notificationItemWidget-unread {
	background-color: @SEARCH_BOX;
}

.mw-echo-ui-bundleNotificationItemWidget-group {
	background-color: @BODY_MAIN;
}

.mw-echo-ui-notificationItemWidget:last-child {
	border-bottom-color: @BODY_BORDER;
}

.mw-echo-ui-notificationBadgeButtonPopupWidget-footer .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
	background-color: @BODY_MID;
}

.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child {
	border-color: @BODY_BORDER;
}

.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before {
	border-bottom-color: @BODY_BORDER;
}

.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {
	border-bottom-color: @BODY_MID;
}