模块:Message box/cmbox.css

/* {{Cmbox}} (category message box) styles
 * 分类消息框样式
 *
 * @source https://en.wikipedia.org/wiki/MediaWiki:Common.css
 * @revision 2024-10-04
*/
/* 布局 */
.cmbox {
  margin: 3px 0;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background-color: rgba(90, 118, 228, 0.1);
}
@media screen and (min-width: 720px) {
  .cmbox {
    margin: 3px 10%;
  }
}

.cmbox-speedy {
  margin-top: 4px;
  margin-bottom: 4px;
  border-width: 4px;
}

/* 设置颜色 */
.cmbox-notice {
  background-color: rgba(90, 118, 228, 0.1);
}
.cmbox-speedy {
  border-color: rgb(197, 56, 41);
  background-color: rgba(250, 136, 126, 0.15);
}
.cmbox-delete {
  background-color: rgba(250, 136, 126, 0.15);
}
.cmbox-content {
  background-color: rgba(228, 98, 18, 0.1);
}
.cmbox-style {
  background-color: rgba(220, 164, 0, 0.1);
}
.cmbox-move {
  background-color: rgba(160, 114, 230, 0.1);
}
.cmbox-protection {
  background-color: rgba(151, 158, 178, 0.1);
}

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

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