模板:Message box/styles.css

.msgbox { display: grid; grid-template-columns: 1fr; gap: 0.6em; align-items: center; margin: 0.5em auto; padding: 0.3em 0.6em; border-left: 8px solid var(--custom-border-blue); background-color: var(--custom-table-background); }

.msgbox + .msgbox, .msgbox-sticked { /* Added by JavaScript */ margin-top: -0.5em; border-top: 1px solid var(--custom-border-gray); }

.msgbox.has-image { grid-template-columns: max-content 1fr; }

.msgbox.msgbox-compat { max-width: max-content; }

.msgbox.msgbox-mini { gap: 0.3em; margin-left: 0; margin-right: 0; padding: 0 0.3em; }

.msgbox.msgbox-normal { max-width: 80%; }

.msgbox.msgbox-subtle { max-width: calc(292px - 0.6em); }

@media screen and (max-width: 720px) { .msgbox { max-width: 100%; } }

.msgbox.msgbox-subtle { float: right; clear: right; margin-left: 1em; font-size: 95%; }

.msgbox.msgbox-default, .msgbox.msgbox-notice { background-color: var(--custom-table-background); border-left-color: var(--custom-border-blue); }

.msgbox.msgbox-red, .msgbox.msgbox-warning { background-color: var(--custom-background-red); border-left-color: var(--custom-border-red); }

.msgbox.msgbox-orange, .msgbox.msgbox-content { background-color: var(--custom-background-orange); border-left-color: var(--custom-border-orange); }

.msgbox.msgbox-yellow, .msgbox.msgbox-style { background-color: var(--custom-background-yellow); border-left-color: var(--custom-border-yellow); }

.msgbox.msgbox-green, .msgbox.msgbox-status {

   background-color: var(--custom-background-green);
   border-left-color: var(--custom-border-green);

}

.msgbox.msgbox-cyan, .msgbox.msgbox-version {

   background-color: var(--custom-background-cyan);
   border-left-color: var(--custom-border-cyan);

}

.msgbox.msgbox-magenta {

   background-color: var(--custom-background-magenta);
   border-left-color: var(--custom-border-magenta);

}

.msgbox.msgbox-purple, .msgbox.msgbox-move {

   background-color: var(--custom-background-purple);
   border-left-color: var(--custom-border-purple);

}

.msgbox.msgbox-grey, .msgbox.msgbox-protection {

   background-color: var(--custom-background-grey);
   border-left-color: var(--custom-border-gray);

}

.msgbox.msgbox-black { background-color: #000000; border-left-color: #FFFFFF; color: #FFFFFF; }

.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; } /*

• /