View source for Template:Apocalypse CSS

<noinclude>This is the CSS used by many Apocalypse-related pages.</noinclude>
<includeonly>{{#css:
.mw-body h1.firstHeading {
  font-family: "Carter One", cursive;
  color: #a18f2b;
  font-weight: bold;
  font-size: 22px;
}
#apoc-container-frame {
  background-color: #000;
  padding: 5px;
}
#apoc-container {
  background-color:#000;
  border-style:solid;
  border-color:#a18f2b;
  padding: 5px;
}
#apoc-title {
  font-family: "Trade Winds", cursive;
  font-size:3em;
  line-height:120px;
  text-align:center;
  font-weight:bolder;
  color:#a18f2b;
  margin:20px;
  vertical-align:middle;
}
#apoc-container h2, .my-h2 {
  font-family: "Carter One", cursive;
  color: #a18f2b;
  font-weight: bold;
  font-size: 22px;
  margin-top: 4px;
}
#apoc-container h3, .my-h3 {
  font-family: "Carter One", cursive;
  color: #a18f2b;
  font-weight: bold;
  font-size: 20px;
  margin-top: 3px;
}
#apoc-container p, #apoc-container td, #apoc-container th, #apoc-container li {
  font-size: 16px;
  font-family: 'Arial', sans-serif;
  color: #D7DBDD;
  vertical-align:top;
  text-align:left;
}
#apoc-badges {
  float:right;
  margins:10px;
}
#apoc-icvitals, #pc-furtherinfo, #pc-oocvitals {
  margin: 10px;
}
#apoc-portrait, #pc-furtherinfo-pic, #pc-oocvitals-pic {
  float:right;
  clear:both;
  max-width: 50%;
  margin-left: 10px;
  margin-bottom: 10px;
}
#apoc-portrait img, #pc-furtherinfo-pic img, #pc-oocvitals-pic img {
  height: auto;
  max-width: 100%;
}
#pc-oocvitals {
  background-color:#222;
  border-style:solid;
  border-color:#a18f2b;
  padding:5px;
}
#apoc-icvitals-table, #pc-oocvitals-table, th {
  vertical-align: top;
  text-align:left;
}
#apoc-container ul {
  list-style: none; /* Remove list bullets */
  padding: 0;
  margin: 0;
}

#apoc-container li {
  padding-left: 16px;
}

#apoc-container li:before {
  content: "•";
  padding-right: 8px;
  color: D7DBDD;
}
#apoc-container a:link, #apoc-container a.external:link {
  color: #817222;
}
#apoc-container a:visited, #apoc-container a.external:visited {
  color: #a18f2b;
}
#apoc-container a:hover, #apoc-container a.external:hover {
  color: #cbb63e;
}
#apoc-container a:active, #apoc-container a.external:active {
  color: #d8c86e;
}
#apoc-container a.new, #apoc-container a.new:visited {
  color: #8d2ba1;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
}}</includeonly>