Difference between revisions of "Template:Apocalypse CSS"

From Modern Enigma Society 2020 Wiki
Jump to navigation Jump to search
(Created page with "<noinclude>This is the CSS used by many Apocalypse-related pages.</noinclude> <includeonly>{{#css: .mw-body h1.firstHeading { font-family: "Carter One", cursive; color: #a...")
 
 
(14 intermediate revisions by the same user not shown)
Line 7: Line 7:
 
   font-size: 22px;
 
   font-size: 22px;
 
}
 
}
#apoc-pc-container-container {
+
#apoc-container-frame {
 
   background-color: #000;
 
   background-color: #000;
 
   padding: 5px;
 
   padding: 5px;
 
}
 
}
#apoc-pc-container {
+
#apoc-container {
 
   background-color:#000;
 
   background-color:#000;
 
   border-style:solid;
 
   border-style:solid;
 
   border-color:#a18f2b;
 
   border-color:#a18f2b;
 +
  padding: 5px;
 
}
 
}
#apoc-pc-title {
+
#apoc-title {
 
   font-family: "Trade Winds", cursive;
 
   font-family: "Trade Winds", cursive;
   font-size:2.6em;
+
   font-size:3em;
 
   line-height:120px;
 
   line-height:120px;
 
   text-align:center;
 
   text-align:center;
Line 26: Line 27:
 
   vertical-align:middle;
 
   vertical-align:middle;
 
}
 
}
#apoc-pc-container h2, .my-h2 {
+
#apoc-container h2, .my-h2 {
 
   font-family: "Carter One", cursive;
 
   font-family: "Carter One", cursive;
 
   color: #a18f2b;
 
   color: #a18f2b;
 
   font-weight: bold;
 
   font-weight: bold;
   size: 18px;
+
   font-size: 22px;
 +
  margin-top: 4px;
 
}
 
}
#apoc-pc-container h3, .my-h3 {
+
#apoc-container h3, .my-h3 {
 
   font-family: "Carter One", cursive;
 
   font-family: "Carter One", cursive;
 
   color: #a18f2b;
 
   color: #a18f2b;
 
   font-weight: bold;
 
   font-weight: bold;
   size: 16px
+
   font-size: 20px;
 +
  margin-top: 3px;
 
}
 
}
#apoc-pc-container p, #apoc-pc-container td, #apoc-pc-container th, #apoc-pc-container li {
+
#apoc-container p, #apoc-container td, #apoc-container th, #apoc-container li, #apoc-container dd, #apoc-container dt {
 
   font-size: 16px;
 
   font-size: 16px;
 
   font-family: 'Arial', sans-serif;
 
   font-family: 'Arial', sans-serif;
Line 45: Line 48:
 
   text-align:left;
 
   text-align:left;
 
}
 
}
#apoc-pc-badges {
+
#apoc-badges {
 
   float:right;
 
   float:right;
   margins:20px;
+
   margins:10px;
 +
  border: solid #a18f2b;
 +
  background: #403911;
 +
  padding: 20px;
 +
}
 +
#apoc-vss-pic, #apoc-territory-pic, #apoc-pcgroup-pic {
 +
  max-width: 80%;
 +
  margin-left: 20px;
 +
  margin-bottom: 20px;
 +
}
 +
#apoc-vss-pic img, #apoc-territory-pic img, #apoc-pcgroup-pic img {
 +
  height: auto;
 +
  max-width: 100%;
 
}
 
}
#apoc-pc-icvitals, #pc-furtherinfo, #pc-oocvitals {
+
#apoc-vss-table, #apoc-territory-table, #apoc-pcgroup-table {
 +
  vertical-align: top;
 +
  text-align:left;
 
   margin: 20px;
 
   margin: 20px;
 
}
 
}
#apoc-pc-portrait, #pc-furtherinfo-pic, #pc-oocvitals-pic {
+
#apoc-icvitals, #pc-furtherinfo, #pc-oocvitals {
 +
  margin: 10px;
 +
}
 +
#apoc-portrait, #pc-furtherinfo-pic, #pc-oocvitals-pic {
 
   float:right;
 
   float:right;
 
   clear:both;
 
   clear:both;
 
   max-width: 50%;
 
   max-width: 50%;
   margin-left: 20px;
+
   margin-left: 10px;
   margin-bottom: 20px;
+
   margin-bottom: 10px;
 
}
 
}
#apoc-pc-portrait img, #pc-furtherinfo-pic img, #pc-oocvitals-pic img {
+
#apoc-portrait img, #pc-furtherinfo-pic img, #pc-oocvitals-pic img {
 
   height: auto;
 
   height: auto;
 
   max-width: 100%;
 
   max-width: 100%;
Line 69: Line 89:
 
   padding:5px;
 
   padding:5px;
 
}
 
}
#apoc-pc-icvitals-table, #apoc-pc-oocvitals-table, th {
+
#apoc-icvitals-table, #pc-oocvitals-table, {
 
   vertical-align: top;
 
   vertical-align: top;
 
   text-align:left;
 
   text-align:left;
 
}
 
}
#apoc-pc-container a:link, #apoc-pc-container a.external:link {
+
#apoc-icvitals-table th, #pc-oocvitals-table, th {
 +
  padding-right: 10px;
 +
}
 +
#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;
 
   color: #817222;
 
}
 
}
#apoc-pc-container a:visited, #apoc-pc-container a.external:visited {
+
#apoc-container a:visited, #apoc-container a.external:visited {
 
   color: #a18f2b;
 
   color: #a18f2b;
 
}
 
}
#apoc-pc-container a:hover, #apoc-pc-container a.external:hover {
+
#apoc-container a:hover, #apoc-container a.external:hover {
 
   color: #cbb63e;
 
   color: #cbb63e;
 
}
 
}
#apoc-pc-container a:active, #apoc-pc-container a.external:active {
+
#apoc-container a:active, #apoc-container a.external:active {
 
   color: #d8c86e;
 
   color: #d8c86e;
 
}
 
}
#apoc-pc-container a.new, #apoc-pc-container a.new:visited {
+
#apoc-container a.new, #apoc-container a.new:visited {
 
   color: #8d2ba1;
 
   color: #8d2ba1;
 
}
 
}

Latest revision as of 18:46, 19 January 2021

This is the CSS used by many Apocalypse-related pages.