Template:Msgbox/styles.css: Difference between revisions
Jump to navigation
Jump to search
[unchecked revision] | [unchecked revision] |
Content added Content deleted
(Created page with ".msgbox { display: grid; grid-template-columns: 1fr; gap: 0.6em; align-items: center; max-width: 80%; margin: 0.5em auto; padding: 0.3em 0.6em; border-left: 8px solid #36e; background-color: #f8f9fa; } .msgbox.with-image { grid-template-columns: max-content 1fr; } .msgbox.msgbox-mini { gap: 0.3em; margin-left: 0; margin-right: 0; padding: 0 0.3em; max-width: max-content; } @media screen and (max-width: 720px) { .msgbox { max-width: 100%; } } .msgbo...") |
(Xtex changed the content model of the page Template:Msgbox/styles.css from "wikitext" to "Sanitized CSS") Tag: content model change |
(No difference)
|
Revision as of 01:59, 10 June 2024
.msgbox {
display: grid;
grid-template-columns: 1fr;
gap: 0.6em;
align-items: center;
max-width: 80%;
margin: 0.5em auto;
padding: 0.3em 0.6em;
border-left: 8px solid #36e;
background-color: #f8f9fa;
}
.msgbox.with-image {
grid-template-columns: max-content 1fr;
}
.msgbox.msgbox-mini {
gap: 0.3em;
margin-left: 0;
margin-right: 0;
padding: 0 0.3em;
max-width: max-content;
}
@media screen and (max-width: 720px) {
.msgbox {
max-width: 100%;
}
}
.msgbox.msgbox-default,
.msgbox.msgbox-notice {
background-color: #f8f9fa;
border-left-color: #36e;
}
.msgbox.msgbox-red,
.msgbox.msgbox-warning {
background-color: #fcc;
border-left-color: #e44;
}
.msgbox.msgbox-green,
.msgbox.msgbox-status {
background-color: #cfc;
border-left-color: #5d5;
}
.msgbox-body.align-left {
text-align: left;
}
.msgbox-body.align-center {
text-align: center;
}
.msgbox-body.align-right {
text-align: right;
}
.msgbox-text p {
margin: 0;
}