Difference between revisions of "Template:Masquerade CSS"

From Modern Enigma Society 2020 Wiki
Jump to navigation Jump to search
(Created page with "<noinclude>This template defines the CSS used on many of ~~~~'s Masquerade-related pages.</noinclude> <includeonly>{{#css: .mw-body h1.firstHeading { font-family: "Special E...")
 
 
(24 intermediate revisions by the same user not shown)
Line 1: Line 1:
<noinclude>This template defines the CSS used on many of [[User:Annie B. US2018100133|Annie B. US2018100133]] ([[User talk:Annie B. US2018100133|talk]]) 15:51, 28 October 2020 (UTC)'s Masquerade-related pages.</noinclude>
+
<noinclude>This template defines the CSS used on many of [[User:Annie B. US2018100133|Annie B. US2018100133]]'s Masquerade-related pages.</noinclude>
 
<includeonly>{{#css:
 
<includeonly>{{#css:
 
.mw-body h1.firstHeading {
 
.mw-body h1.firstHeading {
Line 7: Line 7:
 
   font-size: 22px;
 
   font-size: 22px;
 
}
 
}
#masq-pc-container {
+
#masq-container {
 
   background-color:#ddd;
 
   background-color:#ddd;
 
   border-style:solid;
 
   border-style:solid;
 
   border-color:#800e0e;
 
   border-color:#800e0e;
 
   border-width:thin;
 
   border-width:thin;
 +
  font-size: 100%;
 +
  padding: 1.04vw;
 
}
 
}
#masq-pc-title {
+
#masq-title {
 
   font-family: "Special Elite", serif;
 
   font-family: "Special Elite", serif;
   font-size:2.6em;
+
   font-size: 3em;
  line-height:120px;
 
 
   text-align:center;
 
   text-align:center;
 
   font-weight:bolder;
 
   font-weight:bolder;
 
   color:#800e0e;
 
   color:#800e0e;
   margin:20px;
+
   padding:1.04em;
 
   vertical-align:middle;
 
   vertical-align:middle;
 
}
 
}
#masq-pc-container h2, .my-h2 {
+
#masq-container h2, .my-h2 {
 
   font-family: "Special Elite";
 
   font-family: "Special Elite";
 
   color: #800e0e;
 
   color: #800e0e;
Line 29: Line 30:
 
   size: 18px;
 
   size: 18px;
 
}
 
}
.my-h3 {
+
#masq-container h3, .my-h3 {
 
   font-family: "Special Elite";
 
   font-family: "Special Elite";
 
   color: #800e0e;
 
   color: #800e0e;
 
   font-weight: bold;
 
   font-weight: bold;
   size: 16px
+
   size: 16px;
 
}
 
}
#masq-pc-container p, #masq-pc-container td, #masq-pc-container th, #masq-pc-container li {
+
#my-title {
 +
  width: 100%;
 +
  max-width: 100%;
 +
  max-height: 100%;
 +
  vertical-align:middle;
 +
}
 +
#masq-container p, #masq-container td, #masq-container th, #masq-container li, #masq-container dd, #masq-container dt {
 
   font-size: 16px;
 
   font-size: 16px;
 
   font-family: 'Candara', 'Segoe UI', sans-serif;
 
   font-family: 'Candara', 'Segoe UI', sans-serif;
Line 41: Line 48:
 
   text-align:left;
 
   text-align:left;
 
}
 
}
#masq-pc-badges {
+
#masq-container td, #masq-container th {
   float:right;
+
  padding-right: .5vw;
   margins:20px;
+
}
 +
#masq-badges {
 +
   float: right;
 +
   padding: 1.04vw;
 +
}
 +
#masq-vss-pic, #masq-territory-pic, #masq-pcgroup-pic {
 +
  max-width: 80%;
 +
  padding: 1.04vw;
 +
}
 +
#masq-portrait img, #pc-furtherinfo-pic img, #npc-furtherinfo-pic img, #pc-oocvitals-pic img, #npc-oocvitals-pic img, #masq-vss-pic img, #masq-territory-pic img, #masq-pcgroup-pic img {
 +
  height: auto;
 +
  max-width: 100%;
 +
  max-height: 100%;
 +
}
 +
#masq-container img {
 +
  Max-width: 100%;
 +
}
 +
#masq-vss-table, #masq-territory-table, #masq-pcgroup-table {
 +
  vertical-align: top;
 +
  text-align:left;
 +
  padding: 1.04vw;
 
}
 
}
#masq-pc-icvitals, #pc-furtherinfo, #pc-oocvitals {
+
#masq-icvitals, #pc-furtherinfo, #npc-furtherinfo, #masq-pcgroup-furtherinfo, #pc-oocvitals, #npc-oocvitals {
   margin: 20px;
+
   padding: 1.04vw;
 
}
 
}
#masq-pc-portrait, #pc-furtherinfo-pic, #pc-oocvitals-pic {
+
#masq-portrait, #pc-furtherinfo-pic, #npc-furtherinfo-ic, #pc-oocvitals-pic, #npc-oocvitals-pic {
 
   float:right;
 
   float:right;
 
   clear:both;
 
   clear:both;
 
   max-width: 50%;
 
   max-width: 50%;
   margin-left: 20px;
+
   padding: 1.04vw;
  margin-bottom: 20px;
 
}
 
#masq-pc-portrait img, #pc-furtherinfo-pic img, #pc-oocvitals-pic img {
 
  height: auto;
 
  max-width: 100%;
 
 
}
 
}
#pc-oocvitals {
+
#pc-oocvitals, #npc-oocvitals {
 
   background-color:#bbb;
 
   background-color:#bbb;
 
   border-style:solid;
 
   border-style:solid;
 
   border-color:#800e0e;
 
   border-color:#800e0e;
   padding:5px;
+
   padding: 1.04vw;
 
}
 
}
#masq-pc-icvitals-table, #masq-pc-oocvitals-table, th {
+
#masq-icvitals-table, #pc-oocvitals-table, #npc-oocvitals-table, #masq-container th {
 
   vertical-align: top;
 
   vertical-align: top;
 
   text-align:left;
 
   text-align:left;
 
}
 
}
#masq-pc-container a:link, #masq-pc-container a.external:link {
+
#masq-container a:link, #masq-container a.external:link {
 
   color: #a00;
 
   color: #a00;
 
}
 
}
#masq-pc-container a:visited, #masq-pc-container a.external:visited {
+
#masq-container a:visited, #masq-container a.external:visited {
 
   color: #800e0e;
 
   color: #800e0e;
 
}
 
}
#masq-pc-container a:hover, #masq-pc-container a.external:hover {
+
#masq-container a:hover, #masq-container a.external:hover {
 
   color: #c00;
 
   color: #c00;
 
}
 
}
#masq-pc-container a:active, #masq-pc-container a.external:active {
+
#masq-container a:active, #masq-container a.external:active {
 
   color: #f00;
 
   color: #f00;
 
}
 
}
#masq-pc-container a.new, #masq-pc-container a.new:visited {
+
#masq-container a.new, #masq-container a.new:visited {
 
   color: #B93;
 
   color: #B93;
 
}
 
}

Latest revision as of 16:05, 11 February 2021

This template defines the CSS used on many of Annie B. US2018100133's Masquerade-related pages.