MediaWiki:Common.css/src/interface/notification.scss
< MediaWiki:Common.css | src
Jump to navigation
Jump to search
This page is one of the SCSS pages which are the basis for MediaWiki:Common.css. After you edit this page, you will need to recompile them for your changes to take effect. See Terraria Wiki:CSS to learn more.
Ancestors: / src / interface / notification.scss
Siblings: layout.scss layoutResponsive.scss mainBox.scss makeCollapsible.scss messageBoxes.scss notification.scss sidebar.scss spinner.scss usermessage.scss
Children: (none)
@use '../lib';
/***** Notification area *****/
/* Notification boxes on the right, e.g. after patrolling an edit.
* Introduction: https://www.mediawiki.org/wiki/Bubble_notifications */
/* overwriting styles from here:
* https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.notification/common.css
* https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.notification/default.css */
.mw-notification-area-overlay {
position: fixed;
z-index: 9999;
}
.mw-notification-area {
font-size: 14px;
line-height: calc(24/14);
}
.mw-notification {
color: var(--theme-text-color);
@include lib.widget-style;
transform: none;
}
.mw-notification.mw-notification-type-error {
border-color: var(--theme-notice-red-border-color);
color: var(--theme-notice-red-text-color);
}
.mw-notification.mw-notification-type-warn {
border-color: var(--theme-notice-orange-border-color);
color: var(--theme-notice-orange-text-color);
}
.mw-notification.mw-notification-type-success {
border-color: var(--theme-notice-green-border-color);
color: var(--ooui--messagewidget-success-color);
}