模块:Message box/ombox.css：修订间差异

2026年3月14日 (六) 23:14的最新版本

/* {{Ombox}} (other pages message box) styles
 * 其他页面消息框样式
 *
 * @source https://en.wikipedia.org/wiki/MediaWiki:Common.css
 * @revision 2024-10-05
*/
/* 布局 */
.ombox {
  margin: 4px 0;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background-color: rgba(0, 0, 0, 0.02);
}
@media screen and (min-width: 720px) {
  .ombox {
    margin: 4px 10%;
  }
}

.ombox-speedy, .ombox-delete {
  border-width: 2px;
}

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

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

@media screen and (prefers-color-scheme: dark) {
  html.skin-theme-clientpref-os .ombox {
    border-color: rgba(255, 255, 255, 0.08);
    background-color: rgba(255, 255, 255, 0.02);
  }
  html.skin-theme-clientpref-os .ombox-notice, html.skin-theme-clientpref-os .ombox-protection {
    border-color: rgba(255, 255, 255, 0.08);
  }
  html.skin-theme-clientpref-os .ombox-speedy {
    border-color: rgb(111, 15, 7);
    background-color: rgba(85, 17, 16, 0.15);
  }
  html.skin-theme-clientpref-os .ombox-delete {
    border-color: rgb(111, 15, 7);
  }
  html.skin-theme-clientpref-os .ombox-content {
    border-color: rgb(121, 44, 0);
  }
  html.skin-theme-clientpref-os .ombox-style {
    border-color: rgb(110, 80, 0);
  }
  html.skin-theme-clientpref-os .ombox-move {
    border-color: rgb(84, 50, 130);
  }
}
/* || 纯黑模式（Citizen） */
html.skin-theme-clientpref-night.citizen-feature-pure-black-clientpref-1 .ombox {
  background-color: black;
}
html.skin-theme-clientpref-night.citizen-feature-pure-black-clientpref-1 .ombox-speedy {
  background-color: rgba(85, 17, 16, 0.15);
}

@media screen and (prefers-color-scheme: dark) {
  html.skin-theme-clientpref-os.citizen-feature-pure-black-clientpref-1 .ombox {
    background-color: black;
  }
  html.skin-theme-clientpref-os.citizen-feature-pure-black-clientpref-1 .ombox-speedy {
    background-color: rgba(85, 17, 16, 0.15);
  }
}