Difference between revisions of "AZ010D/AZApocalypse.css"

From Modern Enigma Society 2020 Wiki
Jump to navigation Jump to search
(Created page with "<noinclude>This is the CSS used by the AZ010D Domain Apocalypse Page.</noinclude> <includeonly>{{#css: .mw-body h1.firstHeading { font-family: "Carter One", cursive; color...")
 
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
<noinclude>This is the CSS used by the AZ010D Domain Apocalypse Page.</noinclude>
+
/* ------------ Theme colors and fonts ----------------- */
<includeonly>{{#css:
+
#template-container
.mw-body h1.firstHeading {
+
{
  font-family: "Carter One", cursive;
+
color: #f2f2f2;
  color: #f2f2f2;
+
background:#111417;  
  font-weight: bold;
+
border:3px solid #b7b7b7
  font-size: 22px;
 
 
}
 
}
#apoc-container-frame {
+
 
  background-color: #03002e;
+
/* Columns, and main content area */
  padding: 5px;
+
#template-container .content
 +
{
 +
border: 2px solid #b7b7b7;
 +
color: #f2f2f2;  
 +
background: rgba(3, 0, 46, 0.75); /* 03002e */
 +
 
 
}
 
}
#apoc-container {
+
 
  background-color: #010048;
+
/* Columns, and main content area */
  border-style:solid;
+
#template-container .column,
  border-color:#f2f2f2;
+
#template-container .mainColumn,
  padding: 5px;
+
#template-container .section
 +
{
 +
border:solid 4px #b7b7b7;  
 +
background:#010048;
 +
color:#f2f2f2;
 
}
 
}
#apoc-title {
+
 
  font-family: "Trade Winds", cursive;
+
/* Solid color padding blocks */
  font-size:3em;
+
#template-container .pad
  line-height:120px;
+
{
  text-align:center;
+
background-color:#010048;
  font-weight:bolder;
+
border: 2px solid #b7b7b7;  
  color:#f2f2f2;
+
background-attachment: fixed;
  margin:20px;
 
  vertical-align:middle;
 
 
}
 
}
#apoc-container h2, .my-h2 {
+
 
  font-family: "Carter One", cursive;
+
/* Main body/translucent overlay */
  color: #f2f2f2;
+
#template-container .main
  font-weight: bold;
+
{
  font-size: 22px;
+
background: rgba(0, 0, 0, 0.25);
  margin-top: 4px;
 
 
}
 
}
#apoc-container h3, .my-h3 {
+
 
  font-family: "Carter One", cursive;
+
/* Wiki Table formatting */
  color: #f2f2f2;
+
#template-container .wikitable
  font-weight: bold;
+
{
  font-size: 20px;
+
background:inherit;
  margin-top: 3px;
+
        border:2px solid #b7b7b7;
 
}
 
}
#apoc-container p, #apoc-container td, #apoc-container th, #apoc-container li {
+
 
  font-size: 16px;
+
/* Wiki Table header */
  font-family: 'Arial', sans-serif;
+
#template-container .wikitable th
  color: #D7DBDD;
+
{
  vertical-align:top;
+
background:#302221;
  text-align:left;
+
color:#f2f2f2;
 +
border:2px solid #b7b7b7;
 
}
 
}
#apoc-badges {
+
 
  float:right;
+
#template-container .wikitable td
  margins:10px;
+
{
 +
color:#f2f2f2;
 +
        background:#010048;      
 +
border:#b7b7b7;
 
}
 
}
#apoc-icvitals, #pc-furtherinfo, #pc-oocvitals {
+
 
  margin: 10px;
+
/* Title box */
 +
#template-container .headerSection
 +
{
 +
border:1px solid #b7b7b7;
 +
background:#010048;
 +
color:#f2f2f2;  
 
}
 
}
#apoc-portrait, #pc-furtherinfo-pic, #pc-oocvitals-pic {
+
 
  float:right;
+
/* Headers inside the title box */
  clear:both;
+
#template-container .headerSection > h1
  max-width: 50%;
+
{  
  margin-left: 10px;
+
font-size:120%;  
  margin-bottom: 10px;
+
font-weight:bold;  
 +
color: #f2f2f2;
 
}
 
}
#apoc-portrait img, #pc-furtherinfo-pic img, #pc-oocvitals-pic img {
+
 
  height: auto;
+
/* Tab links */
  max-width: 100%;
+
#template-container .tab
 +
{
 +
background:rgba(1, 0, 72, 0.75);
 +
color:#f2f2f2;
 +
border:solid 1px #b7b7b7;
 +
border-radius: 5px;
 
}
 
}
#pc-oocvitals {
+
 
  background-color:#222;
+
/* Central header box */
  border-style:solid;
+
#template-container .quote
  border-color:#f2f2f2;
+
{
  padding:5px;
+
background: #010048;
 +
border:solid 2px #b7b7b7;  
 +
box-shadow: 3px 3px 5px 1px #000;
 +
 
}
 
}
#apoc-icvitals-table, #pc-oocvitals-table, th {
+
 
  vertical-align: top;
+
/* Header colors and fonts */
  text-align:left;
+
#template-container h1,
 +
#template-container h2,
 +
#template-container h3
 +
{
 +
color: #f2f2f2;
 
}
 
}
#apoc-container a:link, #apoc-container a.external:link {
+
 
  color: #817222;
+
/* link colors */
 +
#template-container a  
 +
{
 +
color: #aaaaaa;
 
}
 
}
#apoc-container a:visited, #apoc-container a.external:visited {
+
 
  color: #f2f2f2;
+
/* Emphasized text */
 +
#template-container strong,
 +
#template-container b,
 +
#template-container .quote
 +
{
 +
font-family:"Carter One", cursive;
 +
font-size: 16px;
 +
color: #b7b7b7;
 +
font-weight:bold;  
 
}
 
}
#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>
 

Latest revision as of 23:12, 26 October 2020

/* ------------ Theme colors and fonts ----------------- */

  1. template-container

{ color: #f2f2f2; background:#111417; border:3px solid #b7b7b7 }

/* Columns, and main content area */

  1. template-container .content

{ border: 2px solid #b7b7b7; color: #f2f2f2; background: rgba(3, 0, 46, 0.75); /* 03002e */

}

/* Columns, and main content area */

  1. template-container .column,
  2. template-container .mainColumn,
  3. template-container .section

{ border:solid 4px #b7b7b7; background:#010048; color:#f2f2f2; }

/* Solid color padding blocks */

  1. template-container .pad

{ background-color:#010048; border: 2px solid #b7b7b7; background-attachment: fixed; }

/* Main body/translucent overlay */

  1. template-container .main

{ background: rgba(0, 0, 0, 0.25); }

/* Wiki Table formatting */

  1. template-container .wikitable

{ background:inherit;

       border:2px solid #b7b7b7;

}

/* Wiki Table header */

  1. template-container .wikitable th

{ background:#302221; color:#f2f2f2; border:2px solid #b7b7b7; }

  1. template-container .wikitable td

{ color:#f2f2f2;

       background:#010048;        

border:#b7b7b7; }

/* Title box */

  1. template-container .headerSection

{ border:1px solid #b7b7b7; background:#010048; color:#f2f2f2; }

/* Headers inside the title box */

  1. template-container .headerSection > h1

{ font-size:120%; font-weight:bold; color: #f2f2f2; }

/* Tab links */

  1. template-container .tab

{ background:rgba(1, 0, 72, 0.75); color:#f2f2f2; border:solid 1px #b7b7b7; border-radius: 5px; }

/* Central header box */

  1. template-container .quote

{ background: #010048; border:solid 2px #b7b7b7; box-shadow: 3px 3px 5px 1px #000;

}

/* Header colors and fonts */

  1. template-container h1,
  2. template-container h2,
  3. template-container h3

{ color: #f2f2f2; }

/* link colors */

  1. template-container a

{ color: #aaaaaa; }

/* Emphasized text */

  1. template-container strong,
  2. template-container b,
  3. template-container .quote

{ font-family:"Carter One", cursive; font-size: 16px; color: #b7b7b7; font-weight:bold; }