模块:Message box/imbox.css

/* {{Imbox}} (image message box) styles
 * 文件 (图像) 消息框样式
 *
 * @source https://en.wikipedia.org/wiki/MediaWiki:Common.css
 * @revision 2022-05-27
*/
/* 布局 */
.imbox {
  margin: 4px 0;
  border: 3px solid rgba(0, 0, 0, 0.08);
  background-color: rgba(0, 0, 0, 0.02);
}
@media screen and (min-width: 720px) {
  .imbox {
    margin: 4px 10%;
  }
}
.imbox .imbox {
  margin: 0 -0.5em;
}

/* For imboxes inside other templates.
 * 其他模板中的 Imbox */
.mbox-inside .imbox {
  margin: 4px;
}

/* 设置颜色 */
.imbox-notice {
  border-color: rgb(90, 118, 228);
}
.imbox-speedy {
  border-color: rgb(197, 56, 41);
  background-color: rgba(250, 136, 126, 0.15);
}
.imbox-delete {
  border-color: rgb(197, 56, 41);
}
.imbox-content {
  border-color: rgb(228, 98, 18);
}
.imbox-style {
  border-color: rgb(220, 164, 0);
}
.imbox-move {
  border-color: rgb(160, 114, 230);
}
.imbox-protection {
  border-color: rgb(151, 158, 178);
}
.imbox-license {
  border-color: rgb(126, 142, 187);
  background-color: rgba(177, 189, 223, 0.15);
}
.imbox-featured {
  border-color: rgb(227, 184, 49);
}

/* | 黑暗模式 */
html.skin-theme-clientpref-night .imbox {
  border-color: rgba(255, 255, 255, 0.08);
  background-color: rgba(255, 255, 255, 0.02);
}
html.skin-theme-clientpref-night .imbox-notice {
  border-color: rgb(34, 49, 125);
}
html.skin-theme-clientpref-night .imbox-speedy {
  border-color: rgb(111, 15, 7);
  background-color: rgba(85, 17, 16, 0.15);
}
html.skin-theme-clientpref-night .imbox-delete {
  border-color: rgb(111, 15, 7);
}
html.skin-theme-clientpref-night .imbox-content {
  border-color: rgb(121, 44, 0);
}
html.skin-theme-clientpref-night .imbox-style {
  border-color: rgb(110, 80, 0);
}
html.skin-theme-clientpref-night .imbox-move {
  border-color: rgb(84, 50, 130);
}
html.skin-theme-clientpref-night .imbox-protection {
  border-color: rgb(40, 45, 61);
}
html.skin-theme-clientpref-night .imbox-license {
  border-color: rgb(61, 70, 99);
  background-color: rgba(255, 255, 255, 0.02);
}
html.skin-theme-clientpref-night .imbox-featured {
  border-color: rgb(103, 83, 23);
}

@media screen and (prefers-color-scheme: dark) {
  html.skin-theme-clientpref-os .imbox {
    border-color: rgba(255, 255, 255, 0.08);
    background-color: rgba(255, 255, 255, 0.02);
  }
  html.skin-theme-clientpref-os .imbox-notice {
    border-color: rgb(34, 49, 125);
  }
  html.skin-theme-clientpref-os .imbox-speedy {
    border-color: rgb(111, 15, 7);
    background-color: rgba(85, 17, 16, 0.15);
  }
  html.skin-theme-clientpref-os .imbox-delete {
    border-color: rgb(111, 15, 7);
  }
  html.skin-theme-clientpref-os .imbox-content {
    border-color: rgb(121, 44, 0);
  }
  html.skin-theme-clientpref-os .imbox-style {
    border-color: rgb(110, 80, 0);
  }
  html.skin-theme-clientpref-os .imbox-move {
    border-color: rgb(84, 50, 130);
  }
  html.skin-theme-clientpref-os .imbox-protection {
    border-color: rgb(40, 45, 61);
  }
  html.skin-theme-clientpref-os .imbox-license {
    border-color: rgb(61, 70, 99);
    background-color: rgba(255, 255, 255, 0.02);
  }
  html.skin-theme-clientpref-os .imbox-featured {
    border-color: rgb(103, 83, 23);
  }
}