MediaWiki:Common.css: Difference between revisions

← Older edit

MediaWiki:Common.css (view source)

Revision as of 18:50, 24 October 2024

1,133 bytes added , 24 October

no edit summary

FloofyPlasma

Bureaucrats, Interface administrators, Administrators

233

edits

@@ Line 15: / Line 15: @@
 }
-.hover-image {
+/* Message Box */
-     position: relative;
+.msgbox{
-     display: inline-block;
+     display:flex;
+    background:#FCFCFC;
+     box-sizing:border-box;
+    align-items:center;
+    width:auto;
+    padding:.4em .8em;
+    margin:0 auto;
+    margin-bottom:1em
 }
+.msgbox + .msgbox{
-.hover-image img.default {
+     border-top:none;
-     display: block;
+    margin-top:-1em
 }
+:not(.msgbox) + .msgbox,.msgbox:first-of-type{
-.hover-image img.hover {
+     border-top-right-radius:.15em;
-     display: none;
+     border-top-left-radius:.15em
-    position: absolute;
-     top: 0;
-    left: 0;
 }
+.msgbox #msgbox-iconimage,.msgbox #msgbox-image{
-.hover-image:hover img.default {
+     margin:0 1.5em 0 .5em
-     display: none;
 }
+.msgbox-mini{
-.hover-image:hover img.hover {
+    padding:.4em .5em;
-     display: block;
+    margin:0 0;
+    margin-bottom:1em
+}
+.msgbox-mini #msgbox-icon{
+    align-self:flex-start
+}
+.msgbox-mini #msgbox-iconimage,.msgbox-mini #msgbox-image{
+    margin:0 .4em 0 .5em
+}
+.msgbox-mini #msgbox-text{
+    font-size:small
+}
+.msgbox-red{
+    background:hsl(0,75%,92%);
+    border-left:4px solid hsl(0,75%,85%)
+}
+.msgbox-orange{
+    background:hsl(40,75%,92%);
+    border-left:4px solid hsl(40,75%,85%)
+}
+.msgbox-yellow{
+     background:hsl(60,75%,92%);
+    border-left:4px solid hsl(60,75%,85%)
+}
+.msgbox-green{
+    background:hsl(120,75%,92%);
+    border-left:4px solid hsl(120,75%,85%)
+}
+.msgbox-blue{
+    background:hsl(215,75%,92%);
+    border-left:4px solid hsl(215,75%,85%)
+}
+.msgbox-magenta{
+    background:hsl(310,75%,92%);
+    border-left:4px solid hsl(310,75%,85%)
+}
+.msgbox-purple{
+    background:hsl(260,75%,92%);
+    border-left:4px solid hsl(260,75%,85%)
+}
+.msgbox-gray{
+    background:hsl(0,0%,92%);
+    border-left:4px solid hsl(0,0%,85%)
 }