| Current Path : /var/www/html/mediawiki-1.43.1/resources/src/mediawiki.notification/ |
| Current File : /var/www/html/mediawiki-1.43.1/resources/src/mediawiki.notification/default.less |
@import 'mediawiki.skin.variables.less';
.mw-notification-area-overlay {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 100%;
/* Avoid horizontal scrollbar on fade in and on fade out */
overflow: hidden;
pointer-events: none;
}
.mw-notification-area {
top: 0;
right: 0;
/* Padding on all sides so drop shadows aren't cut by overflow: hidden */
padding: 1em;
width: 20em;
line-height: 1.35;
z-index: 10000;
}
.mw-notification {
padding: 0.75em 1.5em;
margin-bottom: 0.5em;
border: @border-width-base @border-style-base @border-color-notice;
background-color: @background-color-base;
color: @color-emphasized;
/* Click handler in mediawiki.notification.js */
cursor: pointer;
opacity: 0;
transform: translateX( 35px );
transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out;
pointer-events: auto;
word-break: break-word;
}
.mw-notification-visible {
opacity: 1;
transform: translateX( 0 );
}
.mw-notification-replaced {
opacity: 0;
transform: translateY( -35px );
pointer-events: none;
}
.mw-notification-title {
font-weight: bold;
}
.mw-notification.mw-notification-type-warn {
background-color: @background-color-warning-subtle;
border-color: @border-color-warning;
}
.mw-notification.mw-notification-type-error {
background-color: @background-color-error-subtle;
border-color: @border-color-error;
}
.mw-notification.mw-notification-type-success {
background-color: @background-color-success-subtle;
border-color: @border-color-success;
}