模块:Message box/core.css:修订间差异
来自RIA | Wiki
更多操作
建立内容为“→Message box core styles * 消息框核心样式 * * @source https://en.wikipedia.org/wiki/MediaWiki:Common.css * @revision 2022-05-25: .mbox-container {…”的新页面 |
小 typo |
||
| 第3行: | 第3行: | ||
* | * | ||
* @source https://en.wikipedia.org/wiki/MediaWiki:Common.css | * @source https://en.wikipedia.org/wiki/MediaWiki:Common.css | ||
* @revision 2022-05- | * @revision 2022-05-27 | ||
*/ | */ | ||
.mbox-container { | .mbox-container { | ||
2022年6月2日 (四) 23:27的版本
/* Message box core styles
* 消息框核心样式
*
* @source https://en.wikipedia.org/wiki/MediaWiki:Common.css
* @revision 2022-05-27
*/
.mbox-container {
/* 我直接使用弹性盒子布局 */
display: flex;
align-items: center;
}
/* 消息框的内边距已经足够, 所以不需要首/尾段落的额外上/下外边距了 */
.mbox-container p:first-child {
margin-top: 0;
}
.mbox-container p:last-child {
margin-bottom: 0;
}
/* The messsage body cell(s)
* 消息主体单元格 (文本) */
.mbox-text {
flex-grow: 1;
padding: 0.25em 0.9em;
}
/* The left image cell
* 左侧图像单元格 */
.mbox-image {
padding: 2px 0 2px 0.9em;
}
/* The right image cell
* 右侧图像单元格 */
.mbox-imageright {
padding: 2px 0.9em 2px 0;
}
/* An empty narrow cell
* 窄的空单元格 */
.mbox-empty_cell {
width: 1px;
}
/* 使用 Minerva Neue 皮肤 (移动端默认) 时缩小字体 */
body.skin-minerva .mbox-text,
body.skin-minerva .mbox-below {
font-size: 0.9em;
}