MediaWiki:Cosmos.css

/* All CSS here will be loaded for users of the Cosmos skin */
:root {
 --red: #55101e;
 --yel: #ebb531;
}

.red-box {
  display: grid inline;
  grid-template-columns: 16px 368px auto 16px;
  grid-template-rows: 64px auto 36px; 
}

.red-top-left {
  background-image: url("http://sr5-foundry.privateworks.com/images/8/89/Redbox-1a.webp");
  background-repeat: no-repeat;
  grid-row-start: 1;
  grid-column-start: span 2;
}

.red-top-mid {
  background-image: url("http://sr5-foundry.privateworks.com/images/2/29/Redbox-1b.webp");
  background-repeat: no-repeat;
  grid-row-start: 1;
  grid-column-start: 3;
}

.red-top-right {
  background-image: url("http://sr5-foundry.privateworks.com/images/2/2a/Redbox-1c.webp");
  background-repeat: no-repeat;
  grid-row-start: 1;
  grid-column-start: 4;
}

.red-mid-left {
  background-image: url("http://sr5-foundry.privateworks.com/images/8/8d/Redbox-2a.webp");
  background-repeat: no-repeat;
  grid-row-start: 2;
  grid-column-start: 1;
}

.red-mid-mid {
  background-image: url("http://sr5-foundry.privateworks.com/images/3/39/Redbox-2b.webp");
  grid-row-start: 2;
  grid-column-start: 2;
  grid-column-end: 4;
}

.red-mid-right {
  background-image: url("http://sr5-foundry.privateworks.com/images/e/ed/Redbox-2c.webp");
  background-repeat: no-repeat;
  grid-row-start:2;
  grid-column-start:4;
}

.red-bot-left {
  background-image: url("http://sr5-foundry.privateworks.com/images/f/fe/Redbox-3a.webp");
  background-repeat: no-repeat;
  grid-row-start: 3;
  grid-column-start: span 2;
}

.red-bot-mid {
  background-image: url("http://sr5-foundry.privateworks.com/images/b/b6/Redbox-3b.webp");
  grid-row-start: 3;
  grid-column-start: 3;
}

td.red-bot-right {
  background-image: url("http://sr5-foundry.privateworks.com/images/9/99/Redbox-3c.webp");
  background-repeat: no-repeat;
  grid-row-start: 3;
  grid-column-start: 4;
}

section#mw-content {
  background-image: url("http://sr5-foundry.privateworks.com/images/e/e4/Theme-bg-light.webp");
  background-size: cover;
  background-color: #cccccc;
}

img {
  max-width: 100%;
  height: auto;
}

div.toc {
  float: right;
  max-width: 33%;
}

h2 {
  background-image: url("http://sr5-foundry.privateworks.com/images/4/43/Theme-red-fade.webp");
  padding: 5px;
  border: none;
  color: white !important;
}

h2#mw-toc-heading {
  background-image: none;
  color: black !important;
}