模块:Message box/tmbox.css

/* {{Tmbox}} talk page message box styles
 * 讨论页消息框样式
 *
 * @source https://en.wikipedia.org/wiki/MediaWiki:Common.css
 * @revision 2024-10-04
*/
/* 布局 */
.tmbox {
  margin: 4px 0;
  border: 1px solid rgba(190, 154, 42, 0.2);
  background-color: rgba(190, 154, 42, 0.1);
}
@media screen and (min-width: 720px) {
  .tmbox {
    margin: 4px 10%;
  }
}

.mbox-inside .tmbox {
  margin: 2px 0;
}
.mbox-inside .tmbox.mbox-small {
  font-size: 1em;
  line-height: 1.5;
}

.tmbox-speedy, .tmbox-delete, .tmbox-content, .tmbox-style, .tmbox-move {
  border-width: 2px;
}

/* 设置颜色 */
.tmbox-notice, .tmbox-protection {
  border-color: rgba(190, 154, 42, 0.2);
}
.tmbox-speedy {
  border-color: rgb(197, 56, 41);
  background-color: rgba(250, 136, 126, 0.15);
}
.tmbox-delete {
  border-color: rgb(197, 56, 41);
}
.tmbox-content {
  border-color: rgb(228, 98, 18);
}
.tmbox-style {
  border-color: rgb(220, 164, 0);
}
.tmbox-move {
  border-color: rgb(160, 114, 230);
}

/* | 黑暗模式 */
html.skin-theme-clientpref-night .tmbox {
  border-color: rgba(190, 154, 42, 0.2);
  background-color: rgba(190, 154, 42, 0.1);
}
html.skin-theme-clientpref-night .tmbox-notice, html.skin-theme-clientpref-night .tmbox-protection {
  border-color: rgba(190, 154, 42, 0.2);
}
html.skin-theme-clientpref-night .tmbox-speedy {
  border-color: rgb(111, 15, 7);
  background-color: rgba(85, 17, 16, 0.15);
}
html.skin-theme-clientpref-night .tmbox-delete {
  border-color: rgb(111, 15, 7);
}
html.skin-theme-clientpref-night .tmbox-content {
  border-color: rgb(121, 44, 0);
}
html.skin-theme-clientpref-night .tmbox-style {
  border-color: rgb(110, 80, 0);
}
html.skin-theme-clientpref-night .tmbox-move {
  border-color: rgb(84, 50, 130);
}

@media screen and (prefers-color-scheme: dark) {
  html.skin-theme-clientpref-os .tmbox {
    border-color: rgba(190, 154, 42, 0.2);
    background-color: rgba(190, 154, 42, 0.1);
  }
  html.skin-theme-clientpref-os .tmbox-notice, html.skin-theme-clientpref-os .tmbox-protection {
    border-color: rgba(190, 154, 42, 0.2);
  }
  html.skin-theme-clientpref-os .tmbox-speedy {
    border-color: rgb(111, 15, 7);
    background-color: rgba(85, 17, 16, 0.15);
  }
  html.skin-theme-clientpref-os .tmbox-delete {
    border-color: rgb(111, 15, 7);
  }
  html.skin-theme-clientpref-os .tmbox-content {
    border-color: rgb(121, 44, 0);
  }
  html.skin-theme-clientpref-os .tmbox-style {
    border-color: rgb(110, 80, 0);
  }
  html.skin-theme-clientpref-os .tmbox-move {
    border-color: rgb(84, 50, 130);
  }
}