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...")
 
 
(15 intermediate revisions by the same user not shown)
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
 
#template-container
 
{  
 
{  
−
background:#421414;  
+
  background-color:#ddd;
−
background-image:-webkit-gradient(linear, 21% 19%, 100% 59%, from(#421414), to(#281b1b));  
+
  border-style:solid;
−
border:3px solid #a5001d;
+
  border-color:#800e0e;
−
color: #fff;  
+
  border-width:thin;
  
 +
}
 +
 +
#template-container p,
 +
#template-container td,
 +
#template-container th,
 +
#template-container li {
 +
  font-size: 16px;
 +
  font-family: 'Candara', 'Segoe UI', sans-serif;
 +
  vertical-align:top;
 +
  text-align:left;
 
}
 
}
  
 
/* ------------ Main Content Sections ----------------- */
 
/* ------------ Main Content Sections ----------------- */
 
/* Main body */
 
/* Main body */
−
#template-container .main
+
/*#template-container .main
 
{
 
{
−
background: rgba(140, 1, 25, 0.25);
+
background: rgba(81, 107, 105, 0.75);
−
}
+
 
 +
}*/
  
 
/* Container for content sections */
 
/* Container for content sections */
 
#template-container .content  
 
#template-container .content  
 
{
 
{
−
color: #fff;  
+
background-color:#bbb;
−
background: rgba(0, 0, 0, 0.75);
+
  border-style:solid;
−
border:solid 1px #686465;  
+
  border-color:#800e0e;
 +
  padding:5px;
 
}
 
}
  
−
/* Columns, and main content area */
 
−
#template-container .column,
 
−
#template-container .mainColumn,
 
−
#template-container .section
 
−
{
 
−
border:solid 3px #000;
 
−
background: rgba(122, 117, 118, 0.75);
 
−
color: #fff;
 
−
}
 
−
/* ------------  Quote box ----------------- */
 
−
/* Central header box */
 
−
#template-container .quote
 
−
{
 
−
background: #000;
 
−
border:solid 1px #686465;
 
−
box-shadow: 3px 3px 5px 1px #686465;
 
  
−
color: #fff;
+
/* ------------ Title Box (for templates with header boxes) ----------------- */
−
}
+
/* Title box */
−
 
+
#template-container .headerSection
−
#template-container .quote a,
 
−
{
 
−
color:#686465;
 
−
}
 
−
 
 
−
/* ------------ Wikitable formatting ----------------- */
 
−
/* Wiki Table formatting */
 
−
#template-container .wikitable
 
−
{
 
−
background:inherit;
 
−
border:1px solid #686465;
 
−
}
 
−
 
 
−
/* Wiki Table header */
 
−
#template-container .wikitable th
 
 
{
 
{
−
background:#421414;
+
font-family: "Special Elite", serif;
−
background: rgba(66, 20, 20, 0.85); /* 421414 */
+
color:#800e0e;
−
color:#fff;
 
−
border:1px solid #8c0119;
 
 
}
 
}
  
−
#template-container .wikitable td
 
−
{
 
−
border:1px solid #686465;
 
−
}
 
−
 
−
/* ------------ Title Box (for templates with header boxes) ----------------- */
 
−
/* Title box */
 
 
#template-container .headerSection
 
#template-container .headerSection
 
{
 
{
−
border:1px solid #8c0119;  
+
  font-size:2.6em;
−
background:#421414;
+
  line-height:120px;
−
background:rgba(66, 20, 20, 0.85);
+
  text-align:center;
 +
  font-weight:bolder;
 +
  margin:20px;
 
}
 
}
  
Line 89: Line 63:
 
#template-container .headerSection > h1
 
#template-container .headerSection > h1
 
{  
 
{  
−
font-size:120%;
+
−
font-weight:bold;
 
−
}
 
−
 
 
−
/* ------------ Header Tabs ----------------- */
 
−
/* Tab links */
 
−
#template-container .tab
 
−
{
 
−
background: rgba(0, 0, 0, 0.75);
 
−
border:solid 1px #8c0119;
 
−
border-radius: 5px;
 
−
color:#fff;
 
−
}
 
−
 
 
−
#template-container .tab:hover
 
−
{
 
−
background:rgba(104, 100, 101, 0.75);
 
 
}
 
}
  
 
/* ------------ Misc Formatting ----------------- */
 
/* ------------ Misc Formatting ----------------- */
−
/* Solid color padding blocks */
 
−
#template-container .pad
 
−
{
 
−
background: #000;
 
−
border:solid 1px #686465;
 
−
background-attachment: fixed;
 
−
}
 
  
−
/* Sets bulleted items to the default color */
 
−
#template-container li
 
−
{
 
−
list-style-image: none;
 
−
list-style-type: disc;
 
−
}
 
  
−
/* Horizontal lines */
 
−
#template-container hr
 
−
{
 
−
border-color:#686465;
 
−
background-color:#686465;
 
−
}
 
−
 
−
/* Emphasized text */
 
−
#template-container strong,
 
−
#template-container b
 
−
{
 
−
font-size: 16px;
 
−
}
 
  
 
/* ------------ Default text colors ----------------- */
 
/* ------------ Default text colors ----------------- */
 
/* ---- Applied at the end, so they only overwrite each other */
 
/* ---- Applied at the end, so they only overwrite each other */
  
−
/* Header colors and fonts */
+
a:link, a.external:link {
−
#template-container h1,
+
  color: #a00;
−
#template-container h2,
+
}
−
#template-container h3
+
a:visited, a.external:visited {
−
{
+
  color: #800e0e;
−
color: #fff;
 
−
border:none;
 
 
}
 
}
−
 
+
a:hover, a.external:hover {
−
#template-container h1,
+
  color: #c00;
−
#template-container h2
 
−
{
 
−
text-shadow: 2px 2px 2px #9b9b9b;
 
 
}
 
}
−
 
+
a:active, a.external:active {
−
/* link colors */
+
  color: #f00;
−
#template-container a  
 
−
{
 
−
color: #fff;
 
 
}
 
}
−
 
+
a.new, a.new:visited {
−
/* Emphasized text */
+
  color: #B93;
−
#template-container strong,
 
−
#template-container b
 
−
{
 
−
color: #fff;
 
 
}
 
}
  
 
/* ------------------- Text for content ------------------ */
 
/* ------------------- Text for content ------------------ */
−
#template-container .contentText
+
 
−
{
 
−
color: #fff;
 
−
}
 
  
 
/* Header colors and fonts */
 
/* Header colors and fonts */
Line 180: Line 97:
 
#template-container .contentText h3
 
#template-container .contentText h3
 
{
 
{
−
color: #fff;
+
font-family: "Special Elite";
 +
color: #800e0e;
 +
font-weight: bold;
 
}
 
}
  
−
#template-container .contentText h1,
 
 
#template-container .contentText h2
 
#template-container .contentText h2
 
{
 
{
−
text-shadow: 2px 2px 2px #9b9b9b;
+
size: 18px;
 
}
 
}
  
−
/* link colors */
+
#template-container .contentText h3
−
#template-container .contentText a
 
 
{
 
{
−
color: #fff;
+
size: 16px
 
}
 
}
  
−
#template-container .contentText strong,
+
/* ------------------- Text for section ------------------ */
−
#template-container .contentText b
 
−
{
 
−
color: #fff;
 
−
}
 
  
−
/* ------------------- Text for section ------------------ */
 
−
#template-container .sectionText
 
−
{
 
−
color:#000;
 
−
}
 
  
 
#template-container .sectionText h1,
 
#template-container .sectionText h1,
Line 211: Line 119:
 
#template-container .sectionText h3
 
#template-container .sectionText h3
 
{
 
{
−
color: #000;
+
font-family: "Special Elite";
 +
color: #800e0e;
 +
font-weight: bold;
 
}
 
}
  
−
#template-container .sectionText h1,
 
 
#template-container .sectionText h2
 
#template-container .sectionText h2
 
{
 
{
−
text-shadow: 2px 2px 2px #383838;
+
size: 18px;
 
}
 
}
  
−
/* link colors */
+
#template-container .sectionText h3
−
#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;
+
size: 16px
−
text-shadow: 1px 0px 0px #000;
 
 
}
 
}

Latest revision as of 16:58, 18 August 2020

.mw-body h1.firstHeading { 

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

}

  1. template-container

{ 

 background-color:#ddd;
 border-style:solid;
 border-color:#800e0e;
 border-width:thin;

}

  1. template-container p,
  2. template-container td,
  3. template-container th,
  4. template-container li {
 font-size: 16px;
 font-family: 'Candara', 'Segoe UI', sans-serif;
 vertical-align:top;
 text-align:left;

}

/* ------------ Main Content Sections ----------------- */ /* Main body */ /*#template-container .main { background: rgba(81, 107, 105, 0.75);

}*/

/* Container for content sections */

  1. template-container .content

{ background-color:#bbb; border-style:solid; border-color:#800e0e; padding:5px; }


/* ------------ Title Box (for templates with header boxes) ----------------- */ /* Title box */

  1. template-container .headerSection

{ font-family: "Special Elite", serif; color:#800e0e; }

  1. template-container .headerSection

{ 

 font-size:2.6em;
 line-height:120px;
 text-align:center;
 font-weight:bolder;
 margin:20px;

}

/* Headers inside the title box */

  1. template-container .headerSection > h1

{

}

/* ------------ Misc Formatting ----------------- */


/* ------------ Default text colors ----------------- */ /* ---- Applied at the end, so they only overwrite each other */

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;

}

/* ------------------- Text for content ------------------ */


/* Header colors and fonts */

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

{ font-family: "Special Elite"; color: #800e0e; font-weight: bold; }

  1. template-container .contentText h2

{ size: 18px; }

  1. template-container .contentText h3

{ size: 16px }

/* ------------------- Text for section ------------------ */


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

{ font-family: "Special Elite"; color: #800e0e; font-weight: bold; }

  1. template-container .sectionText h2

{ size: 18px; }

  1. template-container .sectionText h3

{ size: 16px }

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