User:Tacotuttle/citizen.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)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.

/* Testing for dieinthedungeon.miraheze.org */
@font-face
{
  font-family: 'ditd_origins';
  src: url(https://static.miraheze.org/dieinthedungeonwiki/8/8a/DITD_Origins.ttf)           format('truetype'),
       url(https://static.miraheze.org/dieinthedungeonwiki/4/4c/Ditd_origins-webfont.woff)  format('woff'),
       url(https://static.miraheze.org/dieinthedungeonwiki/7/78/Ditd_origins-webfont.woff2) format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face
{
  font-family: 'ditd_origins_thin';
  src: url(https://static.miraheze.org/dieinthedungeonwiki/9/94/DITD_Origins_Thin.ttf)           format('truetype'),
  	   url(https://static.miraheze.org/dieinthedungeonwiki/b/b5/Ditd_origins_thin-webfont.woff)  format('woff'),
 	   url(https://static.miraheze.org/dieinthedungeonwiki/a/a1/Ditd_origins_thin-webfont.woff2) format('woff2');
  font-weight: normal;
  font-style: normal;
}


.mediawiki { font-family: 'ditd_origins', Courier, sans-serif; }

.mw-body-content h1, h2, h3  { font-family: 'ditd_origins', sans-serif; }
.mw-first-heading { font-family: 'ditd_origins', sans-serif; }

.navbox-title span { font-family: "ditd_origins", sans-serif; }

#mw-content-text { font-family: 'ditd_origins_thin', sans-serif; }



:root {
  --bg-color: #ECE0A6;
  --bg-color-solid: #DFB68E;
  --txt-color: #312238;
  --txt-color-dark: #CEDDC7;
  --light-border-color: #CEDDC7;

}

/* main */
body {
  background-color: var(--bg-color-solid);
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
.mw-body {
  background-color: var(--bg-color);
  color: var(--txt-color);
  border: 1px solid var(--light-border-color);
}
#content {
  background-color: var(--bg-color);
}

table.bg th{
	background-image:url('https://static.miraheze.org/testwiki/thumb/4/4f/DitD_background.png/1600px-DitD_background.png');
}