MediaWiki:Common.css: Difference between revisions
From The Blockheads Wiki
no edit summary
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%) | |||
} | } | ||
