diff --git a/skinStyles/mediawiki.notification.less b/skinStyles/mediawiki.notification.less index 239bd92..b2de4de 100644 --- a/skinStyles/mediawiki.notification.less +++ b/skinStyles/mediawiki.notification.less @@ -2,33 +2,29 @@ /* mediawiki.notification */ -// This wrapper element is needed to ensure these rules have larger CSS -// selector specificity than default styles -body { - .mw-notification-area { - font-size: 0.8em; - } - - .mw-notification-area-layout { - top: 7em; - } - - .mw-notification { - background-color: #fff; - background-color: rgba( 255, 255, 255, 0.93 ); - padding: 0.75em 1.5em; - border: solid 1px @content-border-color; - border-radius: 0.75em; - box-shadow: 0 2px 10px 0 rgba( 0, 0, 0, 0.125 ); - } - - .mw-notification-type-warn { - border-color: #f5be00; /* yellow */ - box-shadow: 0 2px 10px 0 rgba( 0, 0, 0, 0.125 ), 0 0 0.75em rgba( 245, 190, 0, 0.25 ) inset; - } - - .mw-notification-type-error { - border-color: #f00; /* red */ - box-shadow: 0 2px 10px 0 rgba( 0, 0, 0, 0.125 ), 0 0 0.75em rgba( 255, 0, 0, 0.25 ) inset; - } +.mw-notification-area { + font-size: 0.8em; +} + +.mw-notification-area-layout { + top: 7em; +} + +.mw-notification { + background-color: #fff; + background-color: rgba( 255, 255, 255, 0.93 ); + padding: 0.75em 1.5em; + border: solid 1px @content-border-color; + border-radius: 0.75em; + box-shadow: 0 2px 10px 0 rgba( 0, 0, 0, 0.125 ); +} + +.mw-notification-type-warn { + border-color: #f5be00; /* yellow */ + box-shadow: 0 2px 10px 0 rgba( 0, 0, 0, 0.125 ), 0 0 0.75em rgba( 245, 190, 0, 0.25 ) inset; +} + +.mw-notification-type-error { + border-color: #f00; /* red */ + box-shadow: 0 2px 10px 0 rgba( 0, 0, 0, 0.125 ), 0 0 0.75em rgba( 255, 0, 0, 0.25 ) inset; }