模块:Message box/core.css

/* Message box core styles
 * 消息框核心样式
 *
 * @source https://en.wikipedia.org/wiki/MediaWiki:Common.css
 * @revision 2022-08-14
*/
.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;
}

/* 图像包装单元格 */
.mbox-image-div {
  width: 52px;
}

/* An empty narrow cell
 * 窄的空单元格 */
.mbox-empty_cell {
  width: 1px;
}

/* 帮手类, 需要编者自行在消息框文本中添加 */
.mbox-text-secondary {
  font-size: small;
}

/* 使用 Minerva Neue 皮肤 (移动端默认) 时缩小字体 */
body.skin-minerva .mbox-text,
body.skin-minerva .mbox-below {
  font-size: 0.9em;
}