summaryrefslogtreecommitdiffstats
path: root/skins/Vector/skinStyles/mediawiki.notification.less
diff options
context:
space:
mode:
Diffstat (limited to 'skins/Vector/skinStyles/mediawiki.notification.less')
-rw-r--r--skins/Vector/skinStyles/mediawiki.notification.less34
1 files changed, 34 insertions, 0 deletions
diff --git a/skins/Vector/skinStyles/mediawiki.notification.less b/skins/Vector/skinStyles/mediawiki.notification.less
new file mode 100644
index 0000000..783d189
--- /dev/null
+++ b/skins/Vector/skinStyles/mediawiki.notification.less
@@ -0,0 +1,34 @@
+@import "../variables";
+
+/* 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: red;
+ box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.125), 0 0 0.75em rgba(255, 0, 0, 0.25) inset;
+ }
+}