1 .mw-notification-area {
4 /* Padding on all sides so drop shadows aren't cut by overflow: hidden */
9 /* Avoid horizontal scrollbar on fade in and on fade out */
14 padding: 0.75em 1.5em;
16 border: solid
1px #ddd;
17 background-color: #fff;
18 /* Click handler in mediawiki.notification.js */
22 -webkit-transform: translateX
( 35px );
23 transform: translateX
( 35px );
24 -webkit-transition: opacity
0.35s ease-in-out
, -webkit-transform
0.35s ease-in-out
;
25 transition: opacity
0.35s ease-in-out
, transform
0.35s ease-in-out
;
28 .mw-notification-visible {
30 -webkit-transform: translateX
( 0 );
31 transform: translateX
( 0 );
34 .mw-notification-replaced {
36 -webkit-transform: translateY
( -35px );
37 transform: translateY
( -35px );
41 .mw-notification-title {
45 .mw-notification.mw-notification-type-warn {
46 border-color: #f5be00; /* yellow */
47 background-color: #ffffe8;
50 .mw-notification.mw-notification-type-error {
51 border-color: #eb3941; /* red */
52 background-color: #fff8f8;