Template 3: Difference between revisions

From Ascension Sojourns
(Created page with "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. ---- {{#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 change...")
 
No edit summary
 
(6 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: 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.