MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* CSS placed here will be applied to all skins */

@media (min-width: 875px) {
  .article-box-container {
    display: flex;
    justify-content: space-evenly;
  }
}

.article-box {
  flex: 1;
  border-width: 1px;
  border-style: solid;
  margin: 5px;
}

.article-box div:not(.mw-heading),
.article-box ul {
  margin: 0px 15px 10px 15px;
}

.article-box .mw-heading {
  margin-top: 5px;
}

.article-box h2 {
  border-width: 1px;
  border-style: solid;
  margin: 0.3em 0.5em;
  padding: 0.1em 0.5em;
  font-size: 120%;
  font-weight: bold;
  font-family: inherit;
}

.article-box-red,
.article-box-red.article-box div {
  background-color: rgb(255, 225, 225);
  border-color: rgb(240, 160, 160);
}

.article-box-red h2 {
  background-color: rgb(240, 160, 160);
  border-color: rgb(200, 40, 40);
}

.article-box-orange,
.article-box-orange.article-box div {
  background-color: rgb(251, 233, 231);
  border-color: rgb(255, 171, 145);
}

.article-box-orange h2 {
  background-color: rgb(255, 171, 145);
  border-color: rgb(255, 112, 67)
}

.article-box-green,
.article-box-green.article-box div {
  background-color: rgb(232, 245, 233);
  border-color: rgb(165, 214, 167);
}

.article-box-green h2 {
  background-color: rgb(165, 214, 167);
  border-color: rgb(102, 187, 106);
}

.article-box-blue,
.article-box-blue.article-box div {
  background-color: rgb(227, 242, 253);
  border-color: rgb(144, 202, 249);
}

.article-box-blue h2 {
  background-color: rgb(144, 202, 249);
  border-color: rgb(66, 165, 245);
}

.article-box-purple,
.article-box-purple.article-box div {
  background-color: rgb(237, 231, 246);
  border-color: rgb(179, 157, 219);
}

.article-box-purple h2 {
  background-color: rgb(179, 157, 219);
  border-color: rgb(126, 87, 194);
}