.mbox-text, .mbox-text { /* e message body cell(s) */▼
/* Message box styles (aligned with Qiuwen Baike) */
.mbox {
padding: 0.25em 0.9em; /* 0.9em left/right */
box-sizing: border-box;
width: 100%; /* Make all mboxes e same wid regardless of text leng */
margin: 4px 24px;
border: 1px solid #c8ccd1;
border-left-width: 6px;
background-color: #ddeeff;
color: #202122;
display: flex;
flex-direction: row;
align-items: center;
width: auto;
max-width: 100%;
}
.mbox-image { /* e left image cell */
.mbox-body {
padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */
display: flex;
flextext-directionalign: rowcenter;
align-items: center;
width: 100%;
}
.mbox-imageright { /* e right image cell */
▲.mbox-text, .mbox-text {
border: none;
padding: 8px2px 0.9em 2px 0; /* 0px left, 0.9em right */
widthtext-align: 100%center;
flex: 1 1 auto;
line-height: 1.75;
font-size: 16px;
}
.mbox-empty-cell { /* An empty narrow cell */
.mbox-text > .mbox-text-span {
display: inline;
}
.mbox-image {
padding: 8px 0 8px 8px;
text-align: center;
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: center;
}
.mbox-imageright {
padding: 8px 8px 8px 0;
text-align: center;
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: center;
}
.mbox-empty-cell {
border: none;
padding: 0;
width: 1px;
}
.hide-when-compact {
display: inline;
}
/* Type color accents */
.mbox-speedy { border-left-color: #b32424; }
.mbox-delete { border-left-color: #b32424; }
.mbox-content { border-left-color: #f28500; }
.mbox-style { border-left-color: #fc3; }
.mbox-move { border-left-color: #9932cc; }
.mbox-protection { border-left-color: #a2a9b1; }
.mbox-notice { border-left-color: #36c; }
.mbox-license { border-left-color: #36c; }
.mbox-featured { border-left-color: #c8b100; }
.mbox-policy { border-left-color: #00803b; }
.mbox-guideline { border-left-color: #00803b; }
.mbox-rule { border-left-color: #f28500; }
.mbox-draft { border-left-color: #a2a9b1; }
.mbox-setindex { border-left-color: #a2a9b1; }
.mbox-disambig { border-left-color: #a2a9b1; }
/* Fmbox */
.fmbox {
box-sizing: border-box;
margin: 4px 24px;
border: 1px solid #c8ccd1;
border-left-width: 6px;
background-color: #ddeeff;
color: #202122;
display: flex;
flex-direction: row;
align-items: center;
width: auto;
max-width: 100%;
}
.fmbox-warning { border-left-color: #b32424; }
.fmbox-editnotice { border-left-color: #36c; }
.fmbox-system { border-left-color: #a2a9b1; }
.fmbox-copyright { border-left-color: #00803b; }
|