View source for Frea

{{#css:
table {
    background-color: white;
    border-collapse: collapse;
    color: black; /* This is the main text colour. */
    margin: 0 auto; /* This centers the box. */
    max-width: 900px;
    width: 900px; /* This can be changed but other numbers may also need adjusting if you do. */
}
td {
    font-family: Georgia, Perpetua, serif; /* This sets the font for everything but the text in .main */
    text-align: center; /* If you want a different default alignment, change it here. */
}
table a, table a:hover, table a:visited, table a:active,table a.external, table a.external:hover, table a.external:visited, table a.external:active {
    color: #d97d17 !important; /* This changes all the links to the colour you set, in all states. */
}
.banner {
    background-color: #dce0e5;
    border-radius: 15px; /* remove this line or set to 0 if you want sharp corners. */
}
.banner .leftpic, .banner .rightpic {
    padding: 1.5em 0 4em;
    width: 200px;
}
.banner .main {
    color: #247a2c;
    font-family: Perpetua, serif;
    font-size: 42pt; 
    font-style: italic;
    font-variant: small-caps;
    text-align: center; 
    width: 490px;
}
.data {
    border-collapse: separate;
    border-spacing: .25em;
    min-width: calc(900px + .5em);
}
.heading {
    background-color: #dce0e5; 
    color: #247a2c;
    border-radius: 15px 15px 0 0;
    font-size: 22pt;
    font-variant: small-caps;
    height: 1.25em;
    left: 0;
    line-height: 1.25em;
    padding-bottom: 0.1em;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}
.cell {
    background-color: #ebfefe;
    border-radius: 15px;
    vertical-align: top; 
    font-size:12px;
    position: relative;
    width: 50%;
}
.info {
    padding: 4.25em 1em 1em; /* The first number may need tweaking if you change the font or font size in the headings */
}
.info img {
    height: auto;
    max-width: 100%;
}
.logs {
    text-align: left;
}
.subhead {
    font-variant: medium-caps; 
    font-size: 16pt;
}
.subsubhead {
    display: inline-block;
    font-size: 13pt;
    padding-top: 8px;
}
/* Example of page-specific adjustments below */
.pics {
    vertical-align: middle;
}
.pics .info {
    padding: 4.25em 0 1em;
}
}}
{| class="banner"
|-
| class="main" | [[File:Bender.jpg|300px|Center]]<br> Character Full Name Here
|}
{| class="data plainlinks"
|-
| class="cell facts" | <div class="heading">Information</div>
<div class="info">{{:Frea/Facts}}</div>
| class="cell pics" |  <div class="heading">Snapshots</div>
<div class="info">{{Frea/Snapshots}}</div>
|-
| class="cell hooks" |  <div class="heading">RP Hooks</div>
<div class="info">{{:Frea/Hooks}}</div>
| class="cell contacts" | <div class="heading">Contacts</div>
<div class="info">{{:Frea/Contacts}}</div>
|-
| class="cell logs" colspan=2| <div class="heading">RP Logs</div>
<div class="info"><DynamicPageList>
category=Logs&Frea  /* Remove the curly brackets and put in your page name. Ex: Logs&Brittany
order=descending
shownamespace=false
noresultsheader=''None yet.''
</DynamicPageList></div>
|}
[[Category: PCs]]