MediaWiki:Cosmos.css

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

h3 {
  border-bottom: 1px solid var(--red);
}

a.mw-selflink.selflink {
  color: black !important;
}

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

.red-box h2 {
  background-image: none;
  padding: 0px;
  margin: 0px;
}

.red-box a {
  color: var(--yel) !important;
}

.red-top-left {
  background-image: url("http://sr5-foundryvtt.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-foundryvtt.privateworks.com/images/2/29/Redbox-1b.webp");
  grid-row-start: 1;
  grid-column-start: 3;
}

.red-top-right {
  background-image: url("http://sr5-foundryvtt.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-foundryvtt.privateworks.com/images/8/8d/Redbox-2a.webp");
  grid-row-start: 2;
  grid-column-start: 1;
}

.red-mid-mid {
  background-image: url("http://sr5-foundryvtt.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-foundryvtt.privateworks.com/images/e/ed/Redbox-2c.webp");
  grid-row-start: 2;
  grid-column-start: 4;
}

.red-bot-left {
  background-image: url("http://sr5-foundryvtt.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-foundryvtt.privateworks.com/images/b/b6/Redbox-3b.webp");
  grid-row-start: 3;
  grid-column-start: 3;
}

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

.black-back {
  background-image: url("http://sr5-foundryvtt.privateworks.com/images/d/d2/Theme-bg-dark.webp");
  background-color: black;
}

.black-back a {
  color: var(--yel) !important;
}

.return {
  color: black;
  background-color: var(--gre);
  margin: 10px 5px;
  padding: 7px 10px;
  border:2px solid var(--yel);
  border-radius: 5px;
}

.return a {
  color: blue !important;
}

code.plainlinks a {
  color: blue !important;
}

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

img {
  max-width: 100%;
  height: auto;
  margin: 0px;
  padding: 0px;
}

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

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

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

h2 a {
  color: var(--yel) !important;
}

h3 {
  margin: 0px;
  padding: 0px;
}

table.skinned {
  border-collapse: collapse;
  border-bottom: solid 1px var(--yel);
  margin: 6px 0px ;
}

table.skinned tr:nth-child(even){
  background-color: black;
  color: white;
}

table.skinned tr:nth-child(odd){
  background-color: dimgrey;
  color: white;
}

table.skinned tr th {
  background-color: black;
  border-top: solid 1px var(--yel);
  border-bottom: solid 1px var(--yel);
}

table.skinned th {
  color: var(--yel);
  padding: 0px 3px;
}

table.skinned td {
  padding: 0px 3px;
}

table.skinned a {
  color: var(--yel) !important;
}

.blackbox { display: grid inline;
  grid-template-columns: 16px auto 80px auto 12px;
  grid-template-rows: 36px auto 24px;
  color: white;
}

.blackbox-1a {
  background-image: url("http://sr5-foundryvtt.privateworks.com/images/6/68/Blackbox-1a.webp");
  background-repeat: no-repeat;
  grid-row-start: 1;
  grid-column-start: 1;
  grid-column: 1;
}

.blackbox-1b {
  background-image: url("http://sr5-foundryvtt.privateworks.com/images/3/33/Blackbox-1b.webp");
  grid-row-start: 1;
  grid-column: 2 3;
    padding-top: 6px;
}

.blackbox-1c {
  background-image: url("http://sr5-foundryvtt.privateworks.com/images/9/96/Blackbox-1c.webp");
  background-repeat: no-repeat;
  grid-row-start: 1;
  grid-column-start: 3;
}

.blackbox-1d {
  background-image: url("http://sr5-foundryvtt.privateworks.com/images/4/41/Blackbox-1d.webp");
  grid-row-start: 1;
  grid-column-start: 4;
}

.blackbox-1e {
  background-image: url("http://sr5-foundryvtt.privateworks.com/images/d/de/Blackbox-1e.webp");
  grid-row-start: 1;
  grid-column-start: 5;
}

.blackbox-2a {
  background-image: url("http://sr5-foundryvtt.privateworks.com/images/e/ea/Blackbox-2a.webp");
  grid-row-start: 2;
  grid-column: 1;
}

.blackbox-2b {
  background-image: url("http://sr5-foundryvtt.privateworks.com/images/8/8d/Blackbox-2b.webp");
  grid-row-start: 2;
  grid-column-start: 2; grid-column-end: 5;
}

.blackbox-2c {
  background-image: url("http://sr5-foundryvtt.privateworks.com/images/a/a7/Blackbox-2c.webp");
  grid-row-start: 2;
  grid-column-start: 5;
}

.blackbox-3a {
  background-image: url("http://sr5-foundryvtt.privateworks.com/images/5/59/Blackbox-3a.webp");
  grid-row-start: 3;
  grid-column-start: 1;
}

.blackbox-3b {
  background-image: url("http://sr5-foundryvtt.privateworks.com/images/c/ca/Blackbox-3b.webp");
  grid-row-start: 3;
  grid-column-start: 2;
}

.blackbox-3d {
  background-image: url("http://sr5-foundryvtt.privateworks.com/images/8/8b/Blackbox-3d.webp");
  grid-row-start: 3;
  grid-column-start: 3;
  grid-column-end: 5;
  text-align: right;
}

.blackbox-3d a {
  color: var(--yel) !important;
}

.blackbox-3e {
  background-image: url("http://sr5-foundryvtt.privateworks.com/images/e/e3/Blackbox-3e.webp");
  grid-row-start: 3;
  grid-column-start: 5;
}

.whitebox{ display: grid inline;
  color: black;
  grid-template-columns: 14px 6px auto 50px auto 24px 12px;
  grid-template-rows: 34px auto 50px 10px;
}

.whitebox-1a {
  background-image: url("http://sr5-foundryvtt.privateworks.com/images/7/7a/Whitebox-1a.webp");
  grid-row-start: 1;
  grid-column-start: 1;
  grid-column-end: 3;
}

.whitebox-1b {
  background-image: url("http://sr5-foundryvtt.privateworks.com/images/b/b7/Whitebox-1b.webp");
  grid-row-start: 1;
  grid-column-start: 3;
  padding: 3px 6px;
}

.whitebox-1c {
  background-image: url("http://sr5-foundryvtt.privateworks.com/images/5/57/Whitebox-1c.webp");
  grid-row-start: 1;
  grid-column-start: 4;
}

.whitebox-1d {
  background-image: url("http://sr5-foundryvtt.privateworks.com/images/0/07/Whitebox-1d.webp");
  grid-row-start: 1;
  grid-column-start: 5;
}

.whitebox-1e {
  background-image: url("http://sr5-foundryvtt.privateworks.com/images/4/45/Whitebox-1e.webp");
  grid-row-start: 1;
  grid-column-start: 6;
}

.whitebox-1f {
  background-image: url("http://sr5-foundryvtt.privateworks.com/images/e/e3/Whitebox-1f.webp");
  grid-row-start: 1;
  grid-column-start: 7;
}

.whitebox-2a {
  background-image: url("http://sr5-foundryvtt.privateworks.com/images/9/96/Whitebox-2a.webp");
  grid-row-start: 2;
  grid-column-start: 1;
}

.whitebox-2b {
  background-color: white;
  grid-row-start: 2;
  grid-column-start: 2;
  grid-column-end: 7;
  grid-row-end: 4;
}

.whitebox-2c {
  background-image: url("http://sr5-foundryvtt.privateworks.com/images/1/1f/Whitebox-2c.webp");
  grid-row-start: 2;
  grid-column-start: 7;
}

.whitebox-3a {
  background-image: url("http://sr5-foundryvtt.privateworks.com/images/c/c2/Whitebox-3a.webp");
  grid-row-start: 3;
  grid-column-start: 1;
}

.whitebox-3b {
  background-image: url("http://sr5-foundryvtt.privateworks.com/images/9/92/Whitebox-3b.webp");
  grid-row-start: 3;
}

.whitebox-3c {
  background-image: url("http://sr5-foundryvtt.privateworks.com/images/0/09/Whitebox-3c.webp");
  grid-row-start: 3;
  grid-column-start: 7;
}

.whitebox-4a {
  background-image: url("http://sr5-foundryvtt.privateworks.com/images/f/f1/Whitebox-4a.webp");
  grid-row-start: 4;
  grid-column-start: 1;
}

.whitebox-4b {
  background-image: url("http://sr5-foundryvtt.privateworks.com/images/0/02/Whitebox-4b.webp");
  grid-row-start: 4;
  grid-column-start: 2;
  grid-column-end: 7;
}

.whitebox-4c {
  background-image: url("http://sr5-foundryvtt.privateworks.com/images/8/82/Whitebox-4c.webp");
  grid-row-start: 4;
  grid-column-start: 7;
}

.yellowpages {
  font-size: larger;
  font-weight: bolder;
  color: var(--yel) !important;
  text-transform: uppercase;
}

.sr5-grey {
  font-weight: bold;
  white-space: nowrap;
  color: white;
  background-color: var(--dkg);
  padding: 4px 20px;
  border: thin white solid;
  border-radius: 0.3em;
}

.sr5-red{
  font-weight: bold;
  white-space: nowrap;
  color: white;
  background-color: var(--red);
  padding: 4px 20px;
  border: thin white solid;
  border-radius: 0.3em;
}