MediaWiki:Common.css: Difference between revisions
From The Blockheads Wiki
FloofyPlasma (talk | contribs) (Hover image for item box template) Tag: Reverted |
FloofyPlasma (talk | contribs) No edit summary Tag: Manual revert |
||
(4 intermediate revisions by the same user not shown) | |||
Line 15: | Line 15: | ||
} | } | ||
. | /* Message Box */ | ||
.msgbox{ | |||
display:flex; | |||
background:#FCFCFC; | |||
box-sizing:border-box; | |||
align-items:center; | |||
width:auto; | |||
padding:.4em .8em; | |||
margin:0 auto; | |||
margin-bottom:1em | |||
} | } | ||
.msgbox + .msgbox{ | |||
. | border-top:none; | ||
margin-top:-1em | |||
} | } | ||
:not(.msgbox) + .msgbox,.msgbox:first-of-type{ | |||
. | border-top-right-radius:.15em; | ||
border-top-left-radius:.15em | |||
top | |||
} | } | ||
.msgbox #msgbox-iconimage,.msgbox #msgbox-image{ | |||
. | margin:0 1.5em 0 .5em | ||
} | } | ||
.msgbox-mini{ | |||
. | padding:.4em .5em; | ||
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%) | |||
} | } |
Latest revision as of 18:50, 24 October 2024
/* CSS placed here will be applied to all skins */
div.editsection
{
font-size: 80% !important;
float: right !important;
}
.ns-6 .editsection,
.ns-8 .editsection,
.ns-12 .editsection,
.ns-14 .editsection
{
display: none !important;
}
/* Message Box */
.msgbox{
display:flex;
background:#FCFCFC;
box-sizing:border-box;
align-items:center;
width:auto;
padding:.4em .8em;
margin:0 auto;
margin-bottom:1em
}
.msgbox + .msgbox{
border-top:none;
margin-top:-1em
}
:not(.msgbox) + .msgbox,.msgbox:first-of-type{
border-top-right-radius:.15em;
border-top-left-radius:.15em
}
.msgbox #msgbox-iconimage,.msgbox #msgbox-image{
margin:0 1.5em 0 .5em
}
.msgbox-mini{
padding:.4em .5em;
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%)
}