|
|
| （未显示1个用户的2个中间版本） |
| 第1行： |
第1行： |
| /* Message box styles (aligned with Qiuwen Baike) */ | | .mbox-text, .mbox-text { /* e message body cell(s) */ |
| .mbox {
| | border: none; |
| box-sizing: border-box; | | padding: 0.25em 0.9em; /* 0.9em left/right */ |
| margin: 4px 24px;
| | width: 100%; /* Make all mboxes e same wid regardless of text leng */ |
| 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 { | | border: none; |
| display: flex; | | padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */ |
| flex-direction: row; | | text-align: center; |
| align-items: center; | |
| width: 100%;
| |
| } | | } |
| | | .mbox-imageright { /* e right image cell */ |
| .mbox-text, .mbox-text { | |
| border: none; | | border: none; |
| padding: 8px; | | padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */ |
| width: 100%;
| | text-align: 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 {
| |
| border: none;
| |
| padding: 8px 0 8px 8px;
| |
| text-align: center;
| |
| flex: 0 0 auto;
| |
| display: flex;
| |
| align-items: center;
| |
| justify-content: center;
| |
| }
| |
| | |
| .mbox-imageright {
| |
| border: none;
| |
| 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; | | border: none; |
| padding: 0; | | padding: 0; |
| width: 1px; | | width: 1px; |
| } | | } |
|
| |
| .hide-when-compact {
| |
| display: inline;
| |
| }
| |
|
| |
| /* Type color accents - per type background + border (aligned with Qiuwen) */
| |
| .mbox {
| |
| background-color: #f8f9fa;
| |
| }
| |
| .mbox-speedy { background-color: #ffeeee; border-left-color: #bb2222; }
| |
| .mbox-delete { background-color: #f0f0d8; border-left-color: #aa9977; }
| |
| .mbox-content { background-color: #ffeedd; border-left-color: #f28500; }
| |
| .mbox-style { background-color: #ffffcc; border-left-color: #ffbb33; }
| |
| .mbox-move { background-color: #ffeeff; border-left-color: #9933cc; }
| |
| .mbox-protection { background-color: #eeeeee; border-left-color: #606060; }
| |
| .mbox-notice { background-color: #ddeeff; border-left-color: #3366cc; }
| |
| .mbox-license { background-color: #f7f8ff; border-left-color: #999999; }
| |
| .mbox-featured { background-color: #ffeecc; border-left-color: #cba135; }
| |
| .mbox-policy { background-color: #ccffcc; border-left-color: #118811; }
| |
| .mbox-guideline { background-color: #ddeeff; border-left-color: #3366cc; }
| |
| .mbox-rule { background-color: #ffffcc; border-left-color: #ffbb33; }
| |
| .mbox-draft { background-color: #eeeeee; border-left-color: #606060; }
| |
| .mbox-setindex { background-color: #fefefe; border-left-color: #999999; }
| |
| .mbox-disambig { background-color: #fefefe; border-left-color: #999999; }
| |
|
| |
| /* 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; }
| |
.mbox-text, .mbox-text { /* e message body cell(s) */
border: none;
padding: 0.25em 0.9em; /* 0.9em left/right */
width: 100%; /* Make all mboxes e same wid regardless of text leng */
}
.mbox-image { /* e left image cell */
border: none;
padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */
text-align: center;
}
.mbox-imageright { /* e right image cell */
border: none;
padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */
text-align: center;
}
.mbox-empty-cell { /* An empty narrow cell */
border: none;
padding: 0;
width: 1px;
}
