Difference between revisions of "Template 2"

From Modern Enigma Society 2020 Wiki
Jump to navigation Jump to search
Line 1: Line 1:
__NOTOC__ __NOEDITSECTION__
+
.mw-body h1.firstHeading {
<div id="template-container" class="main">
+
  font-family: "Special Elite";
<!-- --------------------- Header --------------------------- -->
+
  color: #800e0e;
<div class="header" style="{{#backgroundImage:TemplateBanner.jpeg}};"></div>
+
  font-weight: bold;
+
  font-size: 22px;
<!-- --------------------- Main content --------------------------- -->
+
}
<!-- About Section -->
 
=About=
 
<div class="section sectionText">
 
[[File:TemplatePhoto.jpg|x250px|right]]
 
'''Name:''' ENTER NAME HERE
 
  
'''Notable Traits:''' ENTER TRAITS HERE
+
#template-container
 +
{
 +
  background-color:#ddd;
 +
  border-style:solid;
 +
  border-color:#800e0e;
 +
  border-width:thin;
  
'''Type:''' CHARACTER TYPE HERE
+
}
  
'''Character Type Subgroup:''' CHARACTER TYPE SUBGROUP
+
p, td, th, li {
 +
  font-size: 16px;
 +
  font-family: 'Candara', 'Segoe UI', sans-serif;
 +
  vertical-align:top;
 +
  text-align:left;
 +
}
  
'''Union:''' UNION HERE
+
/* ------------ Main Content Sections ----------------- */
 +
/* Main body */
 +
/*#template-container .main
 +
{
 +
background: rgba(81, 107, 105, 0.75);
  
'''Chartered Company:''' CHARTERED COMPANY HERE
+
}*/
 +
 
 +
/* Container for content sections */
 +
#template-container .content
 +
{
 +
background-color:#bbb;
 +
  border-style:solid;
 +
  border-color:#800e0e;
 +
  padding:5px;
 +
}
  
==Biography==
 
ENTER BIOGRAPHY HERE
 
</div> <!-- /About Section -->
 
  
=Speculation= <!-- Speculation Section -->
+
/* ------------ Title Box (for templates with header boxes) ----------------- */
<div class="section sectionText" >
+
/* Title box */
== Rumors ==
+
#template-container .headerSection
* Rumor here.
+
{
* Rumor here.
+
font-family: "Special Elite", serif;
* Rumor here.
+
vertical-align:middle;
 +
font-size:2.6em;
 +
line-height:120px;
 +
text-align:center;
 +
font-weight:bolder;
 +
color:#800e0e;
 +
margin:20px;
 +
 +
}
  
==Quotes==
+
/* Headers inside the title box */
* Quote here.
+
#template-container .headerSection > h1
* Quote here.
+
{
* Quote here.
+
</div> <!-- /Speculation Section -->
+
}
  
=Relationships= <!-- Relationships Section -->
+
/* ------------ Misc Formatting ----------------- */
<div class="section sectionText" >
 
<table cellspacing="15" style="width: 100%; background: transparent;margin: 0">
 
<tr>
 
<td width="50%" valign="top">
 
==Friends==
 
*
 
</td>
 
<td width="50%" valign="top">
 
==Enemies==
 
*
 
</td>
 
</tr>
 
</table>
 
</div> <!-- /Relationships Section -->
 
  
= OOC = <!-- OOC Section -->
 
<div class="section sectionText" >
 
== OOC Information ==
 
  
'''Player:''' YOUR NAME HERE
 
  
'''Player Email:''' YOUR EMAIL ADDRESS HERE
+
/* ------------ Default text colors ----------------- */
 +
/* ---- Applied at the end, so they only overwrite each other */
  
'''Storyteller:''' YOUR DIRECT ST NAME HERE
+
h1,
 +
h2,
 +
h3
 +
{
 +
margin: 0px 0;
 +
border:none;
 +
}
  
'''Storyteller Email:''' YOUR DIRECT ST EMAIL HERE
+
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;
 +
}
  
'''Location:''' LOCATION HERE
+
/* ------------------- Text for content ------------------ */
 +
#template-container .contentText
 +
{
 +
color: #E8DABE;
 +
}
  
<hr>
+
/* Header colors and fonts */
{{Premade|Template=Template 2}}
+
#template-container .contentText h1,
</div> <!-- /OOC Section -->
+
#template-container .contentText h2,
 +
#template-container .contentText h3
 +
{
 +
color: #E8DABE;
 +
border: none;
 +
}
  
</div> <!-- Main Container -->
+
/* link colors */
{{#css:MyPage/vampire.css}}
+
#template-container .contentText a
{{#css:
 
{} /* ------------ Template-specific formatting ----------------- */
 
#template-container.main, /* This is the content section. It may be seperate from the main container */
 
#template-container .main /* These two lines are *NOT* duplicates. Don't remove one */
 
 
{
 
{
padding: 10px;
+
color: #E8DABE;
 
}
 
}
  
/* Image header */
+
#template-container .contentText strong,
#template-container .header
+
#template-container .contentText b
 
{
 
{
height: 300px;
+
color: #E8DABE;
background-size: contain;
 
background-repeat: no-repeat;
 
background-position: center; top;
 
 
}
 
}
  
/* Main content section */
+
/* ------------------- Text for section ------------------ */
#template-container .section
+
/*#template-container .sectionText
 +
{
 +
color:#000;
 +
}*/
 +
 
 +
#template-container .sectionText h1,
 +
#template-container .sectionText h2,
 +
#template-container .sectionText h3
 
{
 
{
padding: 10px 20px;
+
font-family: "Special Elite";
margin: 20px 10px;
+
color: #800e0e;
 +
font-weight: bold;
 
}
 
}
  
/* Headers */
+
#template-container .sectionText h2
#template-container h1
 
 
{
 
{
margin: 10px 10px;
+
size: 18px;
 
}
 
}
#template-container h2
+
 
 +
#template-container .sectionText h3
 
{
 
{
margin: 0px 0;
+
size: 16px
border: none;
 
 
}
 
}
}}
 

Revision as of 16:09, 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;

}

p, td, th, 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; vertical-align:middle; font-size:2.6em; line-height:120px; text-align:center; font-weight:bolder; color:#800e0e; 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 */

h1, h2, h3 { margin: 0px 0; border:none; }

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 ------------------ */

  1. template-container .contentText

{ color: #E8DABE; }

/* Header colors and fonts */

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

{ color: #E8DABE; border: none; }

/* link colors */

  1. template-container .contentText a

{ color: #E8DABE; }

  1. template-container .contentText strong,
  2. template-container .contentText b

{ color: #E8DABE; }

/* ------------------- Text for section ------------------ */ /*#template-container .sectionText { color:#000; }*/

  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 }