Difference between revisions of "MyPage/kpTesting.css"

From Modern Enigma Society 2020 Wiki
Jump to navigation Jump to search
(Created page with "→‎Color choices: dark red: 421414 light red: 8c0119 grey: 686465 / rgb(104, 100, 101): #template-container { background:#421414; background-image:-webkit-gradient(line...")
 
Line 1: Line 1:
−
/*
+
.mw-body h1.firstHeading {
−
Color choices:
+
  font-family: "Special Elite";
−
dark red: 421414
+
  color: #800e0e;
−
light red: 8c0119
+
  font-weight: bold;
−
grey: 686465 / rgb(104, 100, 101)
+
  font-size: 22px;
−
*/
 
−
 
 
−
#template-container
 
−
{  
 
−
background:#421414;  
 
−
background-image:-webkit-gradient(linear, 21% 19%, 100% 59%, from(#421414), to(#281b1b));  
 
−
border:3px solid #a5001d;
 
−
color: #fff;  
 
−
 
 
 
}
 
}
−
 
+
#masq-pc-container {
−
/* ------------ Main Content Sections ----------------- */
+
  background-color:#ddd;
−
/* Main body */
+
  border-style:solid;
−
#template-container .main
+
  border-color:#800e0e;
−
{
+
  border-width:thin;
−
background: rgba(140, 1, 25, 0.25);
 
 
}
 
}
−
 
+
#masq-pc-title {
−
/* Container for content sections */
+
  font-family: "Special Elite", serif;
−
#template-container .content
+
  font-size:2.6em;
−
{
+
  line-height:120px;
−
color: #fff;  
+
  text-align:center;
−
background: rgba(0, 0, 0, 0.75);
+
  font-weight:bolder;
−
border:solid 1px #686465;  
+
  color:#800e0e;
 +
  margin:20px;
 +
  vertical-align:middle;
 
}
 
}
−
 
+
h2, .my-h2 {
−
/* Columns, and main content area */
+
  font-family: "Special Elite";
−
#template-container .column,
+
  color: #800e0e;
−
#template-container .mainColumn,
+
  font-weight: bold;
−
#template-container .section
+
  size: 18px;
−
{
 
−
border:solid 3px #000;  
 
−
background: rgba(122, 117, 118, 0.75);
 
−
color: #fff;  
 
 
}
 
}
−
/* ------------  Quote box ----------------- */
+
.my-h3 {
−
/* Central header box */
+
  font-family: "Special Elite";
−
#template-container .quote
+
  color: #800e0e;
−
{
+
  font-weight: bold;
−
background: #000;
+
  size: 16px
−
border:solid 1px #686465;
 
−
box-shadow: 3px 3px 5px 1px #686465;
 
−
 
 
−
color: #fff;
 
 
}
 
}
−
 
+
p, td, th, li {
−
#template-container .quote a,
+
  font-size: 16px;
−
{
+
  font-family: 'Candara', 'Segoe UI', sans-serif;
−
color:#686465;
+
  vertical-align:top;
 +
  text-align:left;
 
}
 
}
−
 
+
#masq-pc-badges {
−
/* ------------ Wikitable formatting ----------------- */
+
  float:right;
−
/* Wiki Table formatting */
+
  margins:20px;
−
#template-container .wikitable
 
−
{
 
−
background:inherit;
 
−
border:1px solid #686465;
 
 
}
 
}
−
 
+
#masq-pc-icvitals, #masq-pc-furtherinfo, #masq-pc-oocvitals {
−
/* Wiki Table header */
+
  margin: 20px;
−
#template-container .wikitable th
 
−
{
 
−
background:#421414;
 
−
background: rgba(66, 20, 20, 0.85); /* 421414 */
 
−
color:#fff;
 
−
border:1px solid #8c0119;
 
 
}
 
}
−
 
+
#masq-pc-portrait, #masq-pc-furtherinfo-pic, #masq-pc-oocvitals-pic {
−
#template-container .wikitable td
+
  float:right;
−
{
+
  clear:both;
−
border:1px solid #686465;
 
 
}
 
}
−
 
+
#masq-pc-portrait img, #masq-pc-furtherinfo-pic img, #masq-pc-oocvitals-pic img {
−
/* ------------ Title Box (for templates with header boxes) ----------------- */
+
  height: auto;
−
/* Title box */
+
  max-width: 98%;
−
#template-container .headerSection
 
−
{
 
−
border:1px solid #8c0119;  
 
−
background:#421414;
 
−
background:rgba(66, 20, 20, 0.85);
 
 
}
 
}
−
 
+
#masq-pc-oocvitals {
−
/* Headers inside the title box */
+
  background-color:#bbb;
−
#template-container .headerSection > h1
+
  border-style:solid;
−
{
+
  border-color:#800e0e;
−
font-size:120%;  
+
  padding:5px;
−
font-weight:bold;  
 
 
}
 
}
−
 
+
#masq-pc-icvitals-table, #masq-pc-oocvitals-table, th {
−
/* ------------ Header Tabs ----------------- */
+
  vertical-align: top;
−
/* Tab links */
+
  text-align:left;
−
#template-container .tab
 
−
{
 
−
background: rgba(0, 0, 0, 0.75);
 
−
border:solid 1px #8c0119;
 
−
border-radius: 5px;
 
−
color:#fff;
 
 
}
 
}
−
 
+
a:link, a.external:link {
−
#template-container .tab:hover
+
  color: #a00;
−
{
 
−
background:rgba(104, 100, 101, 0.75);
 
 
}
 
}
−
 
+
a:visited, a.external:visited {
−
/* ------------ Misc Formatting ----------------- */
+
  color: #800e0e;
−
/* Solid color padding blocks */
 
−
#template-container .pad
 
−
{
 
−
background: #000;
 
−
border:solid 1px #686465;
 
−
background-attachment: fixed;
 
 
}
 
}
−
 
+
a:hover, a.external:hover {
−
/* Sets bulleted items to the default color */
+
  color: #c00;
−
#template-container li
 
−
{
 
−
list-style-image: none;
 
−
list-style-type: disc;
 
 
}
 
}
−
 
+
a:active, a.external:active {
−
/* Horizontal lines */
+
  color: #f00;
−
#template-container hr
 
−
{
 
−
border-color:#686465;
 
−
background-color:#686465;
 
 
}
 
}
−
 
+
a.new, a.new:visited {
−
/* Emphasized text */
+
  color: #B93;
−
#template-container strong,
 
−
#template-container b
 
−
{
 
−
font-size: 16px;
 
 
}
 
}
−
 
+
.clearfix::after {
−
/* ------------ Default text colors ----------------- */
+
  content: "";
−
/* ---- Applied at the end, so they only overwrite each other */
+
  clear: both;
−
 
+
  display: table;
−
/* Header colors and fonts */
 
−
#template-container h1,
 
−
#template-container h2,
 
−
#template-container h3
 
−
{
 
−
color: #fff;
 
−
border:none;
 
−
}
 
−
 
 
−
#template-container h1,
 
−
#template-container h2
 
−
{
 
−
text-shadow: 2px 2px 2px #9b9b9b;
 
−
}
 
−
 
 
−
/* link colors */
 
−
#template-container a
 
−
{
 
−
color: #fff;
 
−
}
 
−
 
 
−
/* Emphasized text */
 
−
#template-container strong,
 
−
#template-container b
 
−
{
 
−
color: #fff;
 
−
}
 
−
 
 
−
/* ------------------- Text for content ------------------ */
 
−
#template-container .contentText
 
−
{
 
−
color: #fff;
 
−
}
 
−
 
 
−
/* Header colors and fonts */
 
−
#template-container .contentText h1,
 
−
#template-container .contentText h2,
 
−
#template-container .contentText h3
 
−
{
 
−
color: #fff;
 
−
}
 
−
 
 
−
#template-container .contentText h1,
 
−
#template-container .contentText h2
 
−
{
 
−
text-shadow: 2px 2px 2px #9b9b9b;
 
−
}
 
−
 
 
−
/* link colors */
 
−
#template-container .contentText a
 
−
{
 
−
color: #fff;
 
−
}
 
−
 
 
−
#template-container .contentText strong,
 
−
#template-container .contentText b
 
−
{
 
−
color: #fff;
 
−
}
 
−
 
 
−
/* ------------------- Text for section ------------------ */
 
−
#template-container .sectionText
 
−
{
 
−
color:#000;
 
−
}
 
−
 
 
−
#template-container .sectionText h1,
 
−
#template-container .sectionText h2,
 
−
#template-container .sectionText h3
 
−
{
 
−
color: #000;
 
−
}
 
−
 
 
−
#template-container .sectionText h1,
 
−
#template-container .sectionText h2
 
−
{
 
−
text-shadow: 2px 2px 2px #383838;
 
−
}
 
−
 
 
−
/* link colors */
 
−
#template-container .sectionText a
 
−
{
 
−
color: #000;
 
−
}
 
−
 
 
−
/* Emphasized text */
 
−
#template-container .sectionText strong,
 
−
#template-container .sectionText b,
 
−
#template-container .sectionText .quote
 
−
{
 
−
color: #000;
 
−
}
 
−
 
 
−
/* ------------------- Text for quotebox and headerSection ------------------ */
 
−
#template-container .headerSection
 
−
{
 
−
color: #fff;
 
−
}
 
−
 
 
−
#template-container .headerSection a
 
−
{
 
−
color: #7f7b7c;
 
−
text-shadow: 1px 0px 0px #000;
 
 
}
 
}

Revision as of 14:40, 18 August 2020

.mw-body h1.firstHeading { 

 font-family: "Special Elite";
 color: #800e0e;
 font-weight: bold;
 font-size: 22px;

}

  1. masq-pc-container {
 background-color:#ddd;
 border-style:solid;
 border-color:#800e0e;
 border-width:thin;

}

  1. masq-pc-title {
 font-family: "Special Elite", serif;
 font-size:2.6em;
 line-height:120px;
 text-align:center;
 font-weight:bolder;
 color:#800e0e;
 margin:20px;
 vertical-align:middle;

} h2, .my-h2 { 

 font-family: "Special Elite";
 color: #800e0e;
 font-weight: bold;
 size: 18px;

} .my-h3 { 

 font-family: "Special Elite";
 color: #800e0e;
 font-weight: bold;
 size: 16px

} p, td, th, li { 

 font-size: 16px;
 font-family: 'Candara', 'Segoe UI', sans-serif;
 vertical-align:top;
 text-align:left;

}

  1. masq-pc-badges {
 float:right;
 margins:20px;

}

  1. masq-pc-icvitals, #masq-pc-furtherinfo, #masq-pc-oocvitals {
 margin: 20px;

}

  1. masq-pc-portrait, #masq-pc-furtherinfo-pic, #masq-pc-oocvitals-pic {
 float:right;
 clear:both;

}

  1. masq-pc-portrait img, #masq-pc-furtherinfo-pic img, #masq-pc-oocvitals-pic img {
 height: auto;
 max-width: 98%;

}

  1. masq-pc-oocvitals {
 background-color:#bbb;
 border-style:solid;
 border-color:#800e0e;
 padding:5px;

}

  1. masq-pc-icvitals-table, #masq-pc-oocvitals-table, th {
 vertical-align: top;
 text-align:left;

} a:link, a.external:link { 

 color: #a00;

} a:visited, a.external:visited { 

 color: #800e0e;

} a:hover, a.external:hover { 

 color: #c00;

} a:active, a.external:active { 

 color: #f00;

} a.new, a.new:visited { 

 color: #B93;

} .clearfix::after { 

 content: "";
 clear: both;
 display: table;

}

Retrieved from "https://wiki2020.modernenigmasociety.org/index.php?title=MyPage/kpTesting.css&oldid=1323"