Roxanne Murray: Difference between revisions

From Ascension Sojourns
(Created page with "{{<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 i...")
 
No edit summary
Line 1: Line 1:
  +
{{#css:
{{<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">{{:Roxanne Murray/Facts}}</div> | class="cell pics" | <div class="heading">Snapshots</div> <div class="info">{{Roxanne Murray/Snapshots}}</div> |- | class="cell hooks" | <div class="heading">RP Hooks</div> <div class="info">{{:Roxanne Murray/Hooks}}</div> | class="cell contacts" | <div class="heading">Contacts</div> <div class="info">{{:Roxanne Murray/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 NPCs]] </nowiki>
 
  +
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: #faf33e;
  +
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: #000000;
  +
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: #faf33e;
  +
color: #000000;
  +
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">{{:RoxanneMurray/Facts}}</div>
  +
| class="cell pics" | <div class="heading">Snapshots</div>
  +
<div class="info">{{RoxanneMurray/Snapshots}}</div>
  +
|-
  +
| class="cell hooks" | <div class="heading">RP Hooks</div>
  +
<div class="info">{{:RoxanneMurray/Hooks}}</div>
  +
| class="cell contacts" | <div class="heading">Contacts</div>
  +
<div class="info">{{:RoxanneMurray/Contacts}}</div>
  +
|-
  +
| class="cell logs" colspan=2| <div class="heading">RP Logs</div>
  +
<div class="info"><DynamicPageList>
  +
category=Logs&{{RoxanneMurray}} /* Remove the curly brackets and put in your page name. Ex: Logs&Brittany
  +
order=descending
  +
shownamespace=false
  +
noresultsheader=''None yet.''
  +
</DynamicPageList></div>
  +
|}
  +
[[Category: PCs]]

Revision as of 15:24, 8 April 2023