Chanel: Difference between revisions
From LiberationMUSH Wiki
mNo edit summary |
(New page format adapted from Kwan's page -- thank you, Kwan-player!) |
||
Line 1: | Line 1: | ||
{ | {{#css: | ||
.container { | |||
font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; | |||
display: flex; | |||
justify-content: center; | |||
height: auto; | |||
margin: auto; | |||
display: flex; | |||
flex-direction: column; | |||
background-color: black; | |||
color: #CC0000; | |||
} | |||
.bg-dark { | |||
background-color: #CC0000; | |||
color: black; | |||
border-color: black; | |||
} | |||
.bg-light { | |||
background-color: black; | |||
color: #CC0000; | |||
border-color: #CC0000; | |||
} | |||
.top-section { | |||
display: flex; | |||
} | |||
.right-panel { | |||
width: 30%; | |||
height: auto; | |||
background-color: gainsboro; | |||
border: 11px; | |||
border-style: solid; | |||
border-color: #CC0000; | |||
font-size: 0.9em; | |||
color: black; | |||
border-bottom-style: hidden; | |||
} | |||
.left-panel { | |||
width: 70%; | |||
display: flex; | |||
flex-direction: column; | |||
justify-content: center; | |||
} | |||
.center { | |||
text-align: center; | |||
} | |||
.underline { | |||
border-bottom-style: solid; | |||
border-bottom-width: 0.1em; | |||
padding-bottom: 0.5em; | |||
} | |||
.label { | |||
margin: 0.2em 0; | |||
font-size: 1.4em; | |||
font-weight: 600; | |||
font-style: italic; | |||
} | |||
.icon { | |||
display: flex; | |||
justify-content: center; | |||
padding: 1em 0 1.5em 0; | |||
} | |||
.icon a { | |||
display: flex; | |||
justify-content: center; | |||
} | |||
.icon img { | |||
width: 50%; | |||
} | |||
.photo-banner { | |||
width: 100%; | |||
height: auto; | |||
} | |||
.photo-banner img { | |||
width: 100%; | |||
height: 100%; | |||
} | |||
.mid-banner { | |||
margin: -1em 0; | |||
} | |||
.header-container { | |||
width: 100%; | |||
display: flex; | |||
justify-content: center; | |||
padding: 2em 0; | |||
} | |||
.header-title { | |||
width: 94%; | |||
font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; | |||
font-size: 25px; | |||
letter-spacing: 2px; | |||
word-spacing: 2px; | |||
font-weight: 700; | |||
text-decoration: none; | |||
font-style: normal; | |||
font-variant: normal; | |||
text-transform: none; | |||
} | |||
.portrait-image { | |||
width: 100%; | |||
margin-bottom: 1em; | |||
} | |||
.portrait-image img { | |||
width: 100%; | |||
} | |||
.info-table { | |||
margin: auto; | |||
width: 100%; | |||
padding: 0 1em; | |||
} | |||
.info-table-label { | |||
font-weight: 600; | |||
width: 50%; | |||
} | |||
.biography-container { | |||
width: 94%; | |||
padding: 1em 3%; | |||
} | |||
.hooks-container, .contacts-container, .gallery-container, .logs-container { | |||
width: 94%; | |||
padding: 1em 3%; | |||
font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; | |||
font-size: 0.9em; | |||
display: flex; | |||
flex-direction: column; | |||
} | |||
.hooks-content { | |||
width: 100%; | |||
display: flex; | |||
} | |||
.hooks-content td img { | |||
width: 33%; | |||
} | |||
.hooks-table { | |||
width: 70%; | |||
} | |||
.hook-table-label { | |||
width: 20%; | |||
font-weight: 600; | |||
padding-left: 0.5em; | |||
} | |||
.hook-table-label a { | |||
color: black; | |||
} | |||
.hook-table-label a:visited { | |||
color: black; | |||
} | |||
.anim-gif { | |||
width: 30%; | |||
display: flex; | |||
flex-direction: column; | |||
justify-content: center; | |||
} | |||
.anim-gif img { | |||
width: 100%; | |||
height: auto; | |||
} | |||
.gallery-content ul { | |||
display: flex; | |||
flex-wrap: wrap; | |||
list-style-type: none; | |||
justify-content: center; | |||
} | |||
.gallery-content img { | |||
height: 240px; | |||
max-width: 100%; | |||
} | |||
.logs-content { | |||
display: flex; | |||
justify-content: center; | |||
} | |||
}} | |||
<div class="container"> | |||
<div class="top-section"> | |||
<div class="left-panel"> | |||
<div class="header-container"> | |||
<div class="header-title center underline">Chanel Duvall</div> | |||
</div> | |||
<div class="photo-banner"><center> | |||
{| style="margin: auto; text-align:left;" | {| style="margin: auto; text-align:left;" | ||
| | | | ||
<i> | <i>Walk through the fire<br> | ||
– | Fly through the smoke<br> | ||
|} | See my enemy<br> | ||
</center> | At the end of they rope</i><br> | ||
– Dr. John the Night Tripper | |||
|}</center></div> | |||
<div class="biography-container"> | |||
<div class="label center underline">Biography</div> | |||
'''Chanel Duvall''' is from Bedford-Stuyvesant, Brooklyn.< | <p> | ||
< | '''Chanel Duvall''' is from Bedford-Stuyvesant, Brooklyn. | ||
She doesn't look like the sort of person who would speak Russian, does she? Or the sort of person who would have stories to tell about fun nights out in Chechnya and Dagestan. (Your definition of "fun" may differ from hers.)< | </p> | ||
< | <p> | ||
<i>And yet...</i>< | She doesn't look like the sort of person who would speak Russian, does she? Or the sort of person who would have stories to tell about fun nights out in Chechnya and Dagestan. (Your definition of "fun" may differ from hers.) | ||
< | </p> | ||
<p> | |||
<i>And yet...</i> | |||
</p> | |||
</div> | |||
</div> | |||
<div class="right-panel"> | |||
<div class="portrait-image">[[File:Chanel.jpg]]</div> | |||
| | |||
| | <table class="info-table"> | ||
<tr> | |||
<td class="info-table-label">Full Name:</td> | |||
<td>Chanel Duvall</td> | |||
</tr> | |||
<tr> | |||
<td class="info-table-label">Concept:</td> | |||
<td>Mixed Martial Assamite</td> | |||
</tr> | |||
<tr> | |||
<td class="info-table-label">Nature:</td> | |||
<td>? ? ?</td> | |||
</tr> | |||
<tr> | |||
<td class="info-table-label">Demeanor:</td> | |||
<td>Capitalist</td> | |||
</tr> | |||
</table> | |||
<hr style="width: 90%" /> | |||
<table class="info-table"> | |||
<tr> | |||
<td class="info-table-label">Height:</td> | |||
<td>5'10"</td> | |||
</tr> | |||
<tr> | |||
<td class="info-table-label">Weight:</td> | |||
<td>Bodybuilder</td> | |||
</tr> | |||
<tr> | |||
<td class="info-table-label">Hair:</td> | |||
<td>Platinum</td> | |||
</tr> | |||
<tr> | |||
<td class="info-table-label">Eyes:</td> | |||
<td>Brown</td> | |||
</tr> | |||
</table> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="hooks-container bg-dark"> | |||
<div class="label center underline">Roleplay Hooks</div> | |||
<div class="hooks-content"> | |||
<table class="hooks-table"> | |||
<tr> | |||
<td class="hook-table-label">Assamite:</td> | |||
<td>You know the services offered. The only question is: can you afford them?</td> | |||
</tr> | |||
<tr> | |||
<td class="hook-table-label">Friendly Independent:</td> | |||
<td>Very, very willing to play ball with the Tower and the Anarchs.</td> | |||
</tr> | |||
<tr> | |||
<td class="hook-table-label">MMA:</td> | |||
<td>Catch wrestling. Greco-Roman. Freestyle. Sambo. Wanna grapple?</td> | |||
</tr> | |||
</table> | |||
</div> | |||
</div> | |||
<div class="logs-container bg-light"> | |||
<div class="label center underline">Logs</div> | |||
<div class="logs-content"> | |||
{{#dpl: | |||
|linksto={{PAGENAME}} | |||
|category=Logs | |||
|columns=3 | |||
|noresultsheader=<i>No logs have been posted yet.</i> | |||
}} | |||
</div> | |||
</div> | |||
<div class="gallery-container bg-dark"> | |||
<div class="label center underline">Gallery</div> | |||
<div class="gallery-content"> | |||
<center> | <center> | ||
{| | {| | ||
Line 37: | Line 326: | ||
|- | |- | ||
|}</center> | |}</center> | ||
</div> | |||
</div> | |||
</div> | |||
[[Category:Characters]] | [[Category:Characters]] |
Revision as of 06:12, 5 December 2021
Chanel Duvall
Biography
Chanel Duvall is from Bedford-Stuyvesant, Brooklyn.
She doesn't look like the sort of person who would speak Russian, does she? Or the sort of person who would have stories to tell about fun nights out in Chechnya and Dagestan. (Your definition of "fun" may differ from hers.)
And yet...
Roleplay Hooks
Assamite: | You know the services offered. The only question is: can you afford them? |
Friendly Independent: | Very, very willing to play ball with the Tower and the Anarchs. |
MMA: | Catch wrestling. Greco-Roman. Freestyle. Sambo. Wanna grapple? |