Module:Message box/cmbox.css

From Zoophilia Wiki
Revision as of 07:33, 22 September 2024 by SockyPaws (talk | contribs) (Create module CSS definitions)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigationJump to search
.cmbox {
  background-color: #dfe8ff;
  border: 1px solid #a2a9b1;
  border-collapse: collapse;
  box-sizing: border-box;
  color: var( --color-base ); 
  margin: 3px 0;
}

.cmbox-speedy {
  background-color: #ffdbdb;
  border: 4px solid #b32424;
}

.cmbox-delete {
  background-color: #ffdbdb;
}

.cmbox-content {
  background-color: #ffe7ce;
}

.cmbox-style {
  background-color: #fff9db;
}

.cmbox-move {
  background-color: #e4d8ff;
}

.cmbox-protection {
  background-color: #efefe1;
}

.cmbox .mbox-text {
  border: none;
  padding: 0.25em 0.9em;
  width: 100%;
}

.cmbox .mbox-image {
  border: none;
  padding: 2px 0 2px 0.9em;
  text-align: center;
}

.cmbox .mbox-imageright {
  border: none;
  padding: 2px 0.9em 2px 0;
  text-align: center;
}

.cmbox .mbox-empty-cell {
  border: none;
  padding: 0;
  width: 1px;
}

.cmbox .mbox-invalid-type {
  text-align: center;
}

@media (min-width: 720px) {
  .cmbox {
    margin: 3px 10%;
  }
}

@media screen {
  html.skin-theme-clientpref-night .cmbox {
    background-color: #0d1a27;
  }

  html.skin-theme-clientpref-night .cmbox-speedy,
  html.skin-theme-clientpref-night .cmbox-delete {
    background-color: #300;
  }

  html.skin-theme-clientpref-night .cmbox-content {
    background-color: #331a00;
  }

  html.skin-theme-clientpref-night .cmbox-style {
    background-color: #332b00;
  }

  html.skin-theme-clientpref-night .cmbox-move {
    background-color: #08001a;
  }

  html.skin-theme-clientpref-night .cmbox-protection {
    background-color: #212112;
  }
}

@media screen and (prefers-color-scheme: dark) {
  html.skin-theme-clientpref-os .cmbox {
    background-color: #0d1a27;
  }

  html.skin-theme-clientpref-os .cmbox-speedy,
  html.skin-theme-clientpref-os .cmbox-delete {
    background-color: #300;
  }

  html.skin-theme-clientpref-os .cmbox-content {
    background-color: #331a00;
  }

  html.skin-theme-clientpref-os .cmbox-style {
    background-color: #332b00;
  }

  html.skin-theme-clientpref-os .cmbox-move {
    background-color: #08001a;
  }

  html.skin-theme-clientpref-os .cmbox-protection {
    background-color: #212112;
  }
}