.mw-notification-area {
top: 0;
right: 0;
- padding: 1em 1em 0 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;
cursor: pointer;
opacity: 0;
- -webkit-transform: translateX(35px);
- transform: translateX(35px);
+ -webkit-transform: translateX( 35px );
+ transform: translateX( 35px );
-webkit-transition: opacity 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out;
}
.mw-notification-visible {
opacity: 1;
- -webkit-transform: translateX(0);
- transform: translateX(0);
+ -webkit-transform: translateX( 0 );
+ transform: translateX( 0 );
}
.mw-notification-replaced {
opacity: 0;
- -webkit-transform: translateY(-35px);
- transform: translateY(-35px);
+ -webkit-transform: translateY( -35px );
+ transform: translateY( -35px );
pointer-events: none;
}