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 */
16 border: solid
1px #ddd;
17 background-color: #fcfcfc;
19 /* Click handler in mediawiki.notification.js */
23 -webkit-transform: translateX
( 35px );
24 transform: translateX
( 35px );
25 -webkit-transition: opacity
0.35s ease-in-out
, -webkit-transform
0.35s ease-in-out
;
26 transition: opacity
0.35s ease-in-out
, transform
0.35s ease-in-out
;
29 .mw-notification-visible {
31 -webkit-transform: translateX
( 0 );
32 transform: translateX
( 0 );
35 .mw-notification-replaced {
37 -webkit-transform: translateY
( -35px );
38 transform: translateY
( -35px );
42 .mw-notification-title {
46 .mw-notification-type-warn {
47 border-color: #f5be00; /* yellow */
48 background-color: #ffffe8;
51 .mw-notification-type-error {
52 border-color: #eb3941; /* red */
53 background-color: #fff8f8;