Template 3: Difference between revisions

From Ascension Sojourns
No edit summary
No edit summary
 
(5 intermediate revisions by the same user not shown)
Line 2: Line 2:
 
If you need additional help contact staff.
 
If you need additional help contact staff.
 
----
 
----
 
 
{{#css:
 
{{#css:
 
table {
 
table {
Line 117: Line 116:
 
|}
 
|}
 
[[Category: PCs]]
 
[[Category: PCs]]
----
 
<nowiki>
 
{{<nowiki>#css:
 
table {
 
background-color: white;
 
border-collapse: collapse;
 
color: #f9f9f9; /* 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: Palatino Linotype, 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: #FFF8E5 !important; /* This changes all the links to the colour you set, in all states. */
 
}
 
.banner {
 
background-color: #1d2e38;
 
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: #FFBF00;
 
font-family: Perpetua, serif;
 
font-size: 42pt;
 
font-style: italic;
 
font-variant: small-caps;
 
text-align: center;
 
text-shadow: 1px 1px 3px #44202c;
 
width: 490px;
 
}
 
.data {
 
border-collapse: separate;
 
border-spacing: .25em;
 
min-width: calc(900px + .5em);
 
}
 
.heading {
 
background-color: #1d2e38;
 
color: #FFBF00;
 
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: #4c5b70;
 
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">{{:YOURcharNAMEHERE/Facts}}</div>
 
| class="cell pics" | <div class="heading">Snapshots</div>
 
<div class="info">{{YOURcharNAMEHERE/Snapshots}}</div>
 
|-
 
| class="cell hooks" | <div class="heading">RP Hooks</div>
 
<div class="info">{{:YOURcharNAMEHERE/Hooks}}</div>
 
| class="cell contacts" | <div class="heading">Contacts</div>
 
<div class="info">{{:YOURCharNAMEHERE/Contacts}}</div>
 
|-
 
| class="cell logs" colspan=2| <div class="heading">RP Logs</div>
 
<div class="info"><DynamicPageList>
 
category=Logs&{{YOURNAMEHERE}} /* Remove the curly brackets and put in your page name. Ex: Logs&Brittany
 
order=descending
 
shownamespace=false
 
noresultsheader=''None yet.''
 
</DynamicPageList></div>
 
|}
 
[[Category:Active PCs]]
 
</nowiki>
 
</nowiki>
 

Latest revision as of 07:13, 11 April 2023

When you paste this code into your page, change all references to YOURcharNAMEHERE to name you've used for your character page. The references should then look like this: Marty/Facts. If you need additional help contact staff.