.message-box{ border-collapse: collapse; border-width: 1px; border-style: solid; box-sizing: border-box; margin-top: 0.25em; margin-bottom: 0.25em; } .message-box.center{ width: auto; } /* Label and text */ .message-box .mbox-label, .message-box .mbox-text{ border: none; width: 100%; box-sizing: border-box; } .message-box .mbox-label-with-text{ padding: 0.25rem 0.9rem 0 0.9rem; } .message-box .mbox-text-with-label{ padding: 0 0.9rem 0.25rem 0.9rem; } .message-box .mbox-label-without-text, .message-box .mbox-text-without-label{ padding: 0.25rem 0.9rem; } /* PNA */ html:root .mbox-pna{ box-sizing: border-box; border-width: 1px; border-style: dashed; border-collapse: separate; padding: 0.41rem 0.82rem; /*margin-top: 1.66rem;*/ /*margin-bottom: 0.88rem;*/ } html:root body[data-theme="dark"] .mbox-pna{ background-color: #401f22; border-color: #cc0000; } html:root body[data-theme="light"] .mbox-pna{ background-color: #ffbaba; border-color: #330000; } .mbox-pna tr .mbox-image{ padding: 0 0.9rem 0 0; } .mbox-pna .mbox-label{ color: var(--ma-custom-heading-color); text-align: center; font-size: 1.4rem; font-weight: bold; border-bottom: 1px solid #666666; padding: 0; } .mbox-pna tr .mbox-text{ padding: 0; font-size: 0.9rem; } /* Deletion banners */ html:root .mbox-delete{ border-width: 2px; border-color: #bb2222; } @media screen{ html:root body[data-theme="dark"] .mbox-delete{ background-color: #330000; } html:root body[data-theme="light"] .mbox-delete{ background-color: #ffcccc; } } @media print{ html:root .mbox-delete{ background-color: #ffcccc; } } /* Image styles */ .message-box .mbox-image-div{ width: 52px; } .message-box .mbox-image{ border: none; padding: 2px 0 2px 0.9em; text-align: center; } .message-box .mbox-imageright{ border: none; padding: 2px 0.9em 2px 0; text-align: center; } /* small=yes */ .mbox-small{ font-size: 77%; line-height: 1.25em; } /* small=left */ .mbox-small-left{ margin: 4px 1em 4px 0; overflow: hidden; width: 238px; font-size: 77%; line-height: 1.25em; } /* An empty narrow cell */ .message-box .mbox-empty-cell{ border: none; padding: 0; width: 1px; } /* Error message styling */ .message-box .mbox-invalid-type{ text-align: center; } /* Responsive styling */ @media (min-width: 720px){ .message-box{ margin-right: 10%; margin-left: 10%; } .message-box.mbox-small{ clear: right; float: right; margin: 4px 0 4px 1em; width: 238px; } } /* [[Category:Memory Alpha CSS]] */
Message box/styles.css