Module:Message box/mbox.css：修订间差异
删除的内容 添加的内容
IdleTap-bot（留言 | 贡献） 每类型独立背景色 v2 标签：已被回退 |
小 已保护“Module:Message box/mbox.css”：security: TSU CSS injection hardening 2026-11-03（[编辑=仅允许管理员]（无限期）[移动=仅允许管理员]（无限期）） |
||
| （未显示2个用户的3个中间版本） | |||
| 第1行： | 第1行： | ||
.mbox-text, .mbox-text { /* e message body cell(s) */ |
|||
/* Message box styles (aligned with Qiuwen Baike) */ |
|||
border: none; |
|||
.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 */ |
|||
border: none; |
|||
.mbox-body { |
|||
padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */ |
|||
display: flex; |
|||
text-align: center; |
|||
align-items: center; |
|||
width: 100%; |
|||
} |
} |
||
.mbox-imageright { /* e right image cell */ |
|||
.mbox-text, .mbox-text { |
|||
border: none; |
border: none; |
||
padding: |
padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */ |
||
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; } |
|||
2026年11月3日 (二) 05:31的最新版本
.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;
}