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;
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-type-warn {
46 border-color: #f5be00; /* yellow */
47 background-color: #ffffe8;
50 .mw-notification-type-error {
51 border-color: #eb3941; /* red */
52 background-color: #fff8f8;