Inola: Difference between revisions

From LiberationMUSH Wiki
No edit summary
No edit summary
Line 1: Line 1:
__NOTOC__ __NOEDITSECTION__
__NOTOC__  
{{#css:
{| align="center" width="90%" style="background: linear-gradient(to right, #5d1906 20%, #975121 55%);"
.container {
|-
font-family: Futura, "Trebuchet MS", Arial, sans-serif;
|
display: flex;
{| align="center" width="750px" cellspacing="1" cellpadding="10" style="font-family: Egyptienne; serif; font-size: 12pt; margin-bottom: 100px; margin-top: 100px; padding: 0px; spacing: 0px; border: 2px solid #F7FF05; background-color: #F9F2F2; -moz-box-shadow: 0px 0px 80px #F9F2F2; -webkit-box-shadow: 5px 5px 15px 5px #FF8080, -9px 5px 15px 5px #AA3939, -7px -5px 15px 5px #8CFF85, 12px -5px 15px 5px #80C7FF, 12px 10px 15px 7px #E488FF, -10px 10px 15px 7px #FF616B, -10px -7px 27px 1px #8E5CFF, 5px 5px 15px 5px rgba(0,0,0,0); box-shadow: 5px 5px 15px 5px #FF8080, -9px 5px 15px 5px #FFE488, -7px -5px 15px 5px #8CFF85, 12px -5px 15px 5px #80C7FF, 12px 10px 15px 7px #492E74, -10px 10px 15px 7px #FF616B, -10px -7px 27px 1px #8E5CFF, 5px 5px 15px 5px rgba(0,0,0,0);"
justify-content: center;
height: auto;
width: 1000px;
margin: auto;
display: flex;
flex-direction: column;
}


.bg-dark {
|width="auto" style="color: #F9F2F2;  vertical-align: top; text-align:left;"|<br><span style="font-family: Egyptienne; serif; font-variant: small-caps; font-size: 26pt; color:#0A5200"></span>  <br><br> <span style="font-family:  Egyptienne; serif; font-size: 10pt;"></span>
background-color: #a66325;
| width="auto"| <center> [[File:InolaBanner.png|center|x350px|link=]]</center>
color: white;
border-color: #d5b68e;
}


.bg-light {
{| align="center"
background-color: #ef9871;
|- valign="bottom" width="90%; style="text-align:center;margin: 0px -10px 0px -10px; font-variant: small-caps;"
color: #EFEFEF;
| colspan="2" |
border-color: #8C148A;
<span style="font-size: 14px; font-family: Calibri, Arial;"><span style="color:#0A5200;>Fun Quote.<br>~ From Someone</span>
}
|}


.top-section {
<table style="width:100%">
display: flex;
<tr style="margin-top:2em;padding-top:0">
}
<td style="vertical-align:top;padding-right:.7em; border-right:#000 solid 1px">
== Background ==
<p>Words will go here soon.</p>


.right-panel {
== RP Hooks ==
width: 30%;
<p>[[image:Dot black-mini.png|15px|link=]] '''Quote:''' Hook.</p>
height: auto;
<p>[[image:Dot black-mini.png|15px|link=]] '''Quote:''' Hook.</p>
border: 11px;
<p>[[image:Dot black-mini.png|15px|link=]] '''Quote:''' Hook.</p>
border-style: solid;
border-color: #7e4025;
font-size: 0.9em;
border-bottom-style: hidden;
}


.left-panel {
== Contacts ==
width: 70%;
<p>[[image:Dot black-mini.png|50px|link=]] NAME - About them.</p>
display: flex;
<p>[[image:Dot black-mini.png|50px|link=]] NAME - About them.</p>
flex-direction: column;
<p>[[image:Dot black-mini.png|50px|link=]] NAME - About them.</p>
justify-content: center;
}


.center {
==Logs==
text-align: center;
{{#dpl:
}
|linksto=Inola
 
|category=Logs
.underline {
|noresultsheader=No logs found!
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;
}
 
.header-container {
width: 100%;
display: flex;
justify-content: center;
padding: 2em 0;
}
 
.header-title {
width: 94%;
font-size: 32px;
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%;
}
 
.portrait-image img {
width: 100%;
padding-bottom: 1em;
}
 
.info-table {
margin: auto;
width: 100%;
padding: 0 1em;
}
 
.info-table-label {
font-weight: 600;
width: 50%;
}
 
.biography-container {
width: 94%;
padding: 1em 3%;
}
 
.section-container {
width: 94%;
padding: 1em 3%;
font-size: 0.9em;
display: flex;
flex-direction: column;
}
 
.photo-banner {
width: 100%;
height: auto;
}
 
.photo-banner img {
width: 100%;
height: auto;
}
 
.mid-banner {
margin: -1em 0;
}
 
.hooks-content {
padding-bottom: 1em;
}
 
.hook-table-label {
width: 25%;
font-weight: 600;
padding-left: 0.5em;
}
 
.gallery-content ul {
display: flex;
flex-wrap: wrap;
list-style-type: none;
justify-content: center;
}
 
.gallery-content img {
height: 240px;
max-width: 100%;
}
 
#soundtrack, #statistics {
padding-top: 2em;
}
 
 
 
#soundtrack a {
color: lightcyan;
}
 
#soundtrack a:visited {
color: lightcyan;
}
 
#soundtrack a:hover {
color: white;
}
}}
}}


<div class="container">
== Gallery ==
 
<center>[[File:Inola2.png|x200px]][[File:Inola3.png|x200px]]</center>
<div class="top-section">
<div class="left-panel bg-dark">
<div class="header-container">
<div class="header-title center underline"><B>Inola</B></div>
</div>
 
 
 
<div class="photo-banner">[[File:TBD.jpg]]</div>
 
<div class="biography-container">
<div class="label center underline"><B>BIOGRAPHY</B></div>
 
<p>Inola<br><br>


TBD
</td>
<td class="events" width="30%" style="vertical-align:top; padding-left:.7em">


</div>
{| width="100%"
| colspan="5"|
<center>[[Image:Inola_1.jpg|450px]]</center>


</div>
== Vital Stats ==
|-
| class="title" | '''Full Name:'''
| class="info" | Inola
|-
| class="title" | '''Appears As:'''
| class="info" | Inola
|-
| class="title" | '''Apparent Age:'''
| class="info" | 20
|-
| class="title" | '''Date of Birth:'''
| class="info" | October 10th, 2002
|-
| class="title" | '''Demeanor:'''
| class="info" |
|-
| class="title" | '''Occupation:'''
| class="info" |
|-
| class="title" | '''Affiliation:'''
| class="info" |
|-
|}
{| width="80%"
| colspan="5"|


<div class="right-panel bg-light">
== Notable Stats ==
<div class="portrait-image">[[File:Inola_1.jpg]]</div>
|-
 
| class="title"| '''STAT'''
<table class="info-table">
| class="info" | 🔴🔴🔴🔴🔴
<tr>
|-  
<td class="info-table-label">Full Name:</td>
| class="title"| '''STAT'''
<td>Inola</td>
| class="info" | ⚫️⚫️⚫️⚫️⚫️
</tr>
|-
<tr>
|}
<td class="info-table-label">Position:</td>
{| width="90%"  
<td>TBD</td>
| colspan="5"|
</tr>
<tr>
<td class="info-table-label">Residence:</td>
<td>Off The Grid</td>
</tr>
<tr>
<td class="info-table-label">Demeanor:</td>
<td>TBD</td>
</tr>
<tr>
<td class="info-table-label">Apparent Age:</td>
<td>20</td>
</tr>
</table>
 
<div id="statistics">
<div class="label center underline">Statistics</div>
<table class="info-table">
<tr><td class="info-table-label">Appearance:</td><td>⚫⚫⚫⚫⚫</td></tr>
<tr><td class="info-table-label">Charisma:</td><td>⚫⚫⚫⚫</td></tr>
</table>
</div>
 
<div id="soundtrack">
<div class="label center underline">Soundtrack</div>
<div class="info-table">
<center>
<b>- TBD -</b><br><br>
<i>
TBD
</i>
</centeR>
</div>
</div>
 
</div>
</div>
 
<div class="section-container bg-dark">
<div class="label center underline">Gallery</div>
<div class="gallery-content">
<ul>
<li>
[[File:TBD.jpg]]
[[File:TBD.jpg]]
</li>
</ul>
<center></center>
</div>
</div>
 
<div class="section-container bg-light">
<div class="label center underline"><B>RP HOOKS</B></div>
 
<div class="hooks-content">
<table class="hooks-table">
<tr>
<td class="hook-table-label" valign="top">TBD</td>
<td>TBD
</tr>
<tr>
<td class="hook-table-label" valign="top">TBD</td>
<td>TBD</td>
</tr>
<tr>
<td class="hook-table-label" valign="top">TBD</td>
<td>TBD</td>
</tr>
</table>
</div>
</div>
 
<div class="section-container bg-light">
<div class="label center underline"><B>LOGS</B></div>
{{#dpl:
|linksto=Inola
|category=Logs
|noresultsheader=No logs found!
}}
</div>




</div>
== Soundtrack==
|-
| class="title" | '''[https://www.youtube.com/video <span style="color:black; font-weight: bold; font-size: 10pt;">Artist ~ Song]'''
:''Lyrics''
:''Lyrics''
:''Lyrics''
:''Lyrics''


:''Lyrics''
:''Lyrics''
:''Lyrics''
:''Lyrics''
|-
[[Category:Characters]][[Category:Active]][[Category:PC]]
[[Category:Characters]][[Category:Active]][[Category:PC]]

Revision as of 00:03, 5 March 2024
File:InolaBanner.png

Fun Quote.
~ From Someone

Background

Words will go here soon.

RP Hooks

Quote: Hook.

Quote: Hook.

Quote: Hook.

Contacts

NAME - About them.

NAME - About them.

NAME - About them.

Logs

No logs found!

Gallery

File:Inola2.pngFile:Inola3.png

Vital Stats

Full Name: Inola
Appears As: Inola
Apparent Age: 20
Date of Birth: October 10th, 2002
Demeanor:
Occupation:
Affiliation:

Notable Stats

STAT 🔴🔴🔴🔴🔴
STAT ⚫️⚫️⚫️⚫️⚫️


Soundtrack

Artist ~ Song
Lyrics
Lyrics
Lyrics
Lyrics
Lyrics
Lyrics
Lyrics
Lyrics
Retrieved from "https://liberationmush.site/liberationwiki/index.php?title=Inola&oldid=37920"