MediaWiki:Common.css: Difference between revisions

/* 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, 220, 220);
  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(255, 204, 188);
  border-color: rgb(255, 138, 101);
}

.article-box-orange h2 {
  background-color: rgb(255, 138, 101);
  border-color: rgb(255, 87, 34);
}

.article-box-green,
.article-box-green.article-box div {
  background-color: rgb(200, 230, 201);
  border-color: rgb(129, 199, 132);
}

.article-box-green h2 {
  background-color: rgb(129, 199, 132);
  border-color: rgb(76, 175, 80);
}

.article-box-blue,
.article-box-blue.article-box div {
  background-color: rgb(187, 222, 251);
  border-color: rgb(100, 181, 246);
}

.article-box-blue h2 {
  background-color: rgb(100, 181, 246);
  border-color: rgb(33, 150, 243);
}

.article-box-purple,
.article-box-purple.article-box div {
  background-color: rgb(225, 190, 231);
  border-color: rgb(186, 104, 200);
}

.article-box-purple h2 {
  background-color: rgb(186, 104, 200);
  border-color: rgb(156, 39, 176);
}