Template:Notice/styles.css：修订间差异

/* [[Category:在模板命名空间下的CSS页面]] */
.notice {
  display: flex;
  width: 80%;
  flex-flow: row nowrap;
  border-width: 1px;
  border-style: solid;
  border-radius: var(--border-radius-medium);
  margin: 0.25em auto;
}

/* 窄屏 */
body:not(.main-sm) .notice {
  width: 100%;
}

/* 深色模式 */
html.skin-theme-clientpref-night .notice {
  background: var(--background-color-neutral) !important;
}

.notice-icon {
  flex: 0 0 auto;
  margin: 1em;
  width: 2em;
  height: 2em;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: var(--notice-icon);
  mask-image: var(--notice-icon);
}

.notice-text {
  flex: 1 1 auto;
  margin: 1.1em 1em 1em 0;
}

.notice-title {
  font-weight: 600;
}

.notice-list-title {
  font-weight: 400;
  margin-top: 0.25em;
}

.notice-list {
  font-weight: 400;
  margin: 0.25em 0;
}

.notice-detail {
  font-weight: 400;
}

/* info */
.notice-info {
  border-color: #91caff;
  background: #e6f4ff;
}
.notice-info .notice-icon {
  --notice-icon: url(/images/c/c9/Lucide-info.svg);
  background-color: #1677ff;
}

/* caution */
.notice-caution {
  border-color: #ffe58f;
  background: #fffbe6;
}
.notice-caution .notice-icon {
  --notice-icon: url(/images/f/f7/Lucide-circle-alert.svg);
  background-color: #faad14;
}

/* warning */
.notice-warning {
  border-color: #ffccc7;
  background: #fff2f0;
}
.notice-warning .notice-icon {
  --notice-icon: url(/images/7/7e/Lucide-triangle-alert.svg);
  background-color: #ff4d4f;
}

/* policy */
.notice-policy {
  border-color: #b7eb8f;
  background: #f6ffed;
}
.notice-policy .notice-icon {
  --notice-icon: url(/images/d/d9/Lucide-circle-check.svg);
  background-color: #52c41a;
}

/* essay */
.notice-essay {
  border-color: #ffe58f;
  background: #fffbe6;
}
.notice-essay .notice-icon {
  --notice-icon: url(/images/d/d9/Lucide-circle-check.svg);
  background-color: #faad14;
}

/* help */
.notice-help {
  border-color: #91caff;
  background: #e6f4ff;
}
.notice-help .notice-icon {
  --notice-icon: url(/images/f/fb/Lucide-circle-question-mark.svg);
  background-color: #1677ff;
}

/* honor */
.notice-honor {
  border-color: #ffe58f;
  background: #fffbe6;
}
.notice-honor .notice-icon {
  --notice-icon: url(/images/b/b1/Lucide-trophy.svg);
  background-color: #faad14;
}

/* icon */
.notice-icon.notice-icon-trash {
  --notice-icon: url(/images/b/b6/Lucide-trash.svg);
}
.notice-icon.notice-icon-clock {
  --notice-icon: url(/images/3/39/Lucide-clock-alert.svg);
}
.notice-icon.notice-icon-c {
  --notice-icon: url(/images/f/f8/Lucide-copyright.svg);
}
.notice-icon.notice-icon-nc {
  --notice-icon: url(/images/d/d2/Lucide-no-copyright.svg);
}
.notice-icon.notice-icon-cc {
  --notice-icon: url(/images/c/c9/Lucide-creative-commons.svg);
}
.notice-icon.notice-icon-r {
  --notice-icon: url(/images/4/4e/Tabler-registered.svg);
}