Actions

Difference between revisions of "Lily"

(Created page with "__NOTOC__ {{Played by | Character name = | Model name = | Sample = }} {{Warning|Type=warning|Msg=OOC Information: All information is considered Out-Of-Character until you l...")
 
 
(16 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
__NOTOC__
 
__NOTOC__
 
{{Played by
 
{{Played by
−
| Character name =  
+
| Character name = Lily Gale
−
| Model name =  
+
| Model name = Alice Pagani
−
| Sample =  
+
| Sample = lilyportrait.jpg
 
}}
 
}}
−
{{Warning|Type=warning|Msg=OOC Information: All information is considered Out-Of-Character until you learn it through In-Character means.}}
+
<CSS>
−
{| width="100%" align="left" cellpadding="0" cellspacing="0" style="border:10px solid #000"
+
 
−
|-
+
#wrapper {
−
| style="color:#FFF; text-align:left; vertical-align:top; font-family:Palatino Linotype; font-size:10pt; padding:0px; border-right:5px solid #000" |
+
    align-items: center;
−
<center><br>[[Image:PICTURE|280px]]<br><br></center>
+
    display: flex;
 +
    background: #000;
 +
    width: 100%;
 +
    position: relative;
 +
    justify-content: center;
 +
    padding-bottom: 32px;
 +
    font-size: 1rem;
 +
    font-family: Verdana;
 +
    line-height: 32px;
 +
    flex-direction: column;
 +
    l
 +
}
 +
 
 +
#container {
 +
   
 +
    padding: 0 32px;
 +
    margin-top: 350px;
 +
 
 +
    justify-content: center;
 +
    max-width: 1024px;
 +
    position: relative;
 +
    display: flex;
 +
    flex-direction: column;
 +
    z-index: 10;
 +
    width: 100%;
 +
 
 +
}
 +
 
 +
#right {
 +
    width: 70%;
 +
    margin-left: auto;
 +
 
 +
}
 +
 
 +
 
 +
#left {
 +
    width: 25%;
 +
    display: flex;
 +
    flex-direction: column;
 +
  min-width: 200px;
 +
}
 +
 
 +
 
 +
#top {
 +
    display: none;
 +
    flex-direction: column;
 +
    margin-bottom: 64px;
 +
}
 +
 
 +
#top p {
 +
 
 +
  display: flex;
 +
  flex-grow: 1;
 +
  width: 100%;
 +
    margin: 0;
 +
}
 +
 
 +
#gallery {
 +
    display: flex;
 +
    justify-content: space-around;
 +
    flex-wrap: wrap;
 +
    width: 100%;
 +
}
 +
 
 +
#gallery p {
 +
    display: flex;
 +
    width: 100%;
 +
    flex-wrap: wrap;
 +
}
 +
 
 +
p {
 +
    display: flex;
 +
    padding: 0;
 +
   
 +
 
 +
 +
    z-index: 10;
 +
    text-align: justify;
 +
    line-height: 32px; 
 +
}
 +
 
 +
 
 +
ul {
 +
    font-size: 1rem;
 +
    line-height: 32px;
 +
    text-align: justify;
 +
}
 +
 
 +
 
 +
.bg {
 +
    position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  width: 100%;
 +
  height: 700px;
 +
  object-fit: cover;
 +
  object-position: left bottom;
 +
  z-index: 1;
 +
    opacity: .5;
 +
}
 +
 
 +
.moniker {
 +
    margin-top: -195px;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
margin-bottom: 100px;
 +
 
 +
}
 +
 
 +
.portrait {
 +
  width: 400px;
 +
  flex-shrink: 0;
 +
}
 +
 
 +
.portraittop {
 +
  flex-grow: 1;
 +
  height: 300px;
 +
    object-fit: cover;
 +
    object-position: top center;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
    margin-bottom: 32px;
 +
}
 +
 
 +
.section {
 +
    display: flex;
 +
 
 +
}
 +
 
 +
 
 +
.section p {
 +
    display: block;
 +
    margin-bottom: 32px;
 +
}
 +
 
 +
.paras p{
 +
    margin-bottom: 4px;
 +
}
 +
 
 +
.title {
 +
    margin: 24px 0;
 +
}
 +
 
 +
.bio {
 +
    display: flex;
 +
    margin-bottom: 4px;
 +
    text-shadow: 0px 0px 2px #000;
 +
    color: #27b886;
 +
    Font-size: 14px;
 +
}
 +
 
 +
.r {
 +
  margin-left: auto;
 +
}
 +
 
 +
 
 +
 
 +
.photo {
 +
 
 +
  height: 220px;
 +
    width: 220px;
 +
    object-fit: cover;
 +
    object-position: top center;
 +
    margin: 8px;
 +
}
 +
 
 +
.logs p {
 +
    display: flex;
 +
    flex-direction: column;
 +
 
 +
}
 +
 
 +
 
 +
@media screen and (max-width: 1024px) {
 +
    #left {
 +
        display: none;
 +
    }
 +
    #top {
 +
 
 +
        display: flex;
 +
    }
 +
    #right {
 +
        width: 100%;
 +
        margin-left: 0;
 +
    }
 +
}
 +
<css>
 +
 
 +
 
 +
a:link {
 +
color: #134f6f;
 +
text-shadow: 1px 1px 1px #000
 +
}
 +
a:visited {
 +
color: #134f6f;
 +
text-shadow: 1px 1px 1px #000
 +
}
 +
a:hover {
 +
opacity: 0.7;
 +
-webkit-transition: all .4s ease;
 +
-moz-transition: all .4s ease;
 +
-o-transition: all .4s ease;
 +
-ms-transition: all .4s ease;
 +
transition: all .4s ease;
 +
}
 +
 
 +
.info {
 +
width: 325px;
 +
background-color: #000000;
 +
border-radius: 0px;
 +
align: center;
 +
margin-left: -85px;
 +
padding: 5px;
 +
border: 1px solid #0a0b2f;
 +
text-align: center;
 +
margin-top: 15px;
 +
font-size: 18px;
 +
}
 +
.infotext {
 +
text-shadow: 0px 0px 2px #000;
 +
color: #028476;
 +
font-size: 10px;
 +
padding: 0px;
 +
}
 +
.label {
 +
color: #BFA4BB;
 +
font-size: 15px;
 +
font-family: 'Boogaloo', Sans Serif;
 +
letter-spacing: 1px;
 +
text-shadow: 1px 1px 1px #000;
  
−
<div style="background-color:#000; line-height:300%"><font style="color:#fff; font-size:14pt; font-variant:small-caps"><center>'''Stat Box'''</center></font></div>
+
}
−
{| width="100%" align="center" cellpadding="0" cellspacing="0" style="border:10px solid #333"
+
.text {
−
|-
+
width: 600px;
−
| '''DOB:'''|| ENTER
+
font-size: 12px;
−
|-
+
line-height: 16px;
−
| '''Concept:'''|| ENTER
+
margin-left: 20px;
−
|-
+
text-align: justify;
−
|  '''Virtue:'''|| ENTER
+
}
−
|-
 
−
|  '''Vice:'''|| ENTER
 
−
|-
 
−
| colspan="2" | <hr>
 
−
|-
 
−
| '''Gang:'''|| ENTER
 
−
|-
 
−
| '''ADD:'''|| ENTER
 
−
|-
 
−
| '''ADD:'''|| ENTER
 
−
|-
 
−
| '''ADD:'''|| ENTER
 
−
|-
 
−
|}
 
−
<div style="background-color:#000; line-height:300%"><font style="color:#white; font-size:14pt; font-variant:small-caps"><center>'''Soundtrack'''</center></font></div>
 
−
<div style="text-align:justify; padding:5px"><center>
 
  
−
ENTER SOUNDTRACK HERE
+
.header {
 +
text-transform: uppercase;
 +
letter-spacing: 2px;
 +
font-size: 20px;
 +
margin-top: 10px;
 +
text-shadow: 0px 1px 2px #000;
 +
text-align: center;
 +
font-style: none;
 +
        font-weight: bold;
 +
color: #27b886;
 +
}
  
−
</center></div>
+
</CSS>
−
|-
+
<div id="wrapper">
−
|}
+
[[file:lilybg.jpg|class=bg]]
−
{|
+
<div id="container">
−
|-
+
<div id="top>
−
| width="100%" align="center" cellpadding="0" cellspacing="0" style="border:10px solid #333"|
+
[[file: lilyportrait.jpg|class=portraittop]]
−
<div style="background-color:#000; line-height:300%"><font style="color:#white; font-size:14pt; font-variant:small-caps"><center>'''Description'''</center></font></div>
+
<div class="bio"><b>Age:</b><span class="r">--</span></div>
−
<div style="text-align:justify; padding:5px">
+
<div class="bio"><b>Template:</b><span class="r">--</span></div>
 +
<div class="bio"><b>Virtue:</b><span class="r">--</span></div>
 +
<div class="bio"><b>Vice:</b><span class="r">--</span></div>
 +
<div class="bio spacer"><b>Presence:</b><span class="r">🔴🔴🔴🔴</span></div>
 +
<div class="bio spacer"><b>Expression:</b><span class="r">🔴🔴🔴</span></div>
  
−
DESCRIPTION HERE
+
</div>
 +
<div class="section">
 +
<div id="left">
 +
[[file: lilyportrait.jpg|class=portrait]]
 +
<div class="bio"><b>Full Name:</b><span class="r">Lily Gale</span></div>
 +
<div class="bio"><b>Age:</b><span class="r">--</span></div>
 +
<div class="bio"><b>Template:</b><span class="r">Mortal+</span></div>
 +
<div class="bio"><b>Concept:</b><span class="r">Unaware Technopath</span></div>
 +
<div class="bio"><b>Virtue:</b><span class="r">--</span></div>
 +
<div class="bio"><b>Vice:</b><span class="r">--</span></div>
 +
<hr />
 +
<div class="bio spacer"><b>Computers.Hacker:</b><span class="r">♦♦♦♦</span></div>
 +
<div class="bio spacer"><b>Crafts.Electronics:</b><span class="r">♦♦♦</span></div>
 +
<hr />
 +
<div class="bio spacer"><b>[https://www.youtube.com/watch?v=-PZsSWwc9xA Billie Eilish - all the good girls go to hell]</b></div>
 +
<div class="bio spacer"><br><span style="color: #27b886; font-size: 10px">Standing there, killing time</span></div>
 +
<div class="bio spacer"><br><span style="color: #27b886; font-size: 10px">Can't commit to anything but a crime</span></div>
 +
<div class="bio spacer"><br><span style="color: #27b886; font-size: 10px">Look at you needing me</span></div>
 +
<div class="bio spacer"><br><span style="color: #27b886; font-size: 10px">You know I'm not your friend without some greenery</span></div>
 +
</div>
 +
<div id="right">
 +
<div class="header">History</div>
 +
<div class="infotext">
 +
Young Lily lived an outwardly normal life. She went to school, she went to ballet, she had loving parents. She did live on the Gale Estate, which was less normal for a kid in Chicago but not horribly so. She was *good* at ballet, with potential to go far in the world of dance-- but at some point in her middle teens, Lily dropped out of her classes. She'd always been interested in computer sciences, but that field became her focus, and she took any class she could for the rest of her schooling.
  
 +
Videogames became more than a hobby, and she wasn't even out of high school before she began to make a name for herself in the Twitch community. She excelled at FPS, with lightning-fast reflexes and uncanny ability. She didn't bother with formal college, or a formal job. As far as most know, she's riding out her Twitch fame for all the money and benefits she can, while supplementing with the odd contract job in Chicago's IT scene.
 
</div>
 
</div>
−
<div style="background-color:#000; line-height:300%"><font style="color:#white; font-size:14pt; font-variant:small-caps"><center>'''History'''</center></font></div>
 
−
<div style="text-align:justify; padding:5px">
 
  
−
HISTORY HERE
+
<div class="header">Appearance</div>
 +
<div class="infotext">
 +
She's young, at most in her mid-twenties, of average height at five-five or so, thin in the way of someone who frequently forgets to eat. She has thick hair the color of black coffee, cut in a short shaggy haphazard style with blunt bangs that requires minimum effort to maintain. Her lightly freckled features are delicately triangular with straight, determined brows, wide, pronounced cheekbones, aristocratic nose, full lips and narrow jawline. It's her eyes, though, that dominate the whole. Huge and gently tip-tilted, their slightly heavy lids sport a dramatic wealth of long lashes, accenting the exotic color. Lily's eyes are sage green with bold amber flecks and silvery striations like tiny stars, the irises edged in black.
  
 +
Her fashion choices tends towards monochrome colors and soft, slouchy things with colorful geeky gamer accents. Today's choice is a long sleeved varsity v-neck cardigan in grey, with big black buttons and rib knit collar, cuffs and hem, a teal space invader monster on the back. Its worn on top of a plain black t-shirt and high-rise wide leg black pants with interlocking panels of some reflective material, with loads of side seam and zippered pockets, cuffs brushing over her teal sneakers.
 
</div>
 
</div>
−
<div style="background-color:#000; line-height:300%"><font style="color:#white; font-size:14pt; font-variant:small-caps"><center>'''RP Hooks'''</center></font></div>
 
−
<div style="text-align:justify; padding:5px">
 
  
−
RP HOOKS HERE
+
<div class="header">Hooks</div>
 +
<div class="infotext">
 +
* '''the Gale Sisters:''' There's two more where she came from!
 +
* '''Dear Ol' Dad:''' After her father Ralston Gale's mysterious disappearance, numerous people have approached the Gale estates looking to settle debts owed by him or to him, and then it is up to his daughters to figure out what to do about the situation. Ralston was an international traveller, so you wouldn't even have to be from Chicago for him to have popped in and out of the life of you or your family or friends.
 +
* '''Twitch Star:''' She's more or less a pro-gamer, excelling at FPS. She goes by Fulminous.
 +
* '''Hacker:''' Whether or not she's for hire, though..
 +
* '''Technopath:''' She doesn't realize it, but she's got more than a mundane gift for digital.
 +
* '''Nightlife:''' Lily likes to party, and she's not afraid of spending money on her habits.
 +
</div>
  
 +
<div class="header">Friends</div>
 +
<div class="infotext">
 +
{| style="border:none;background:none;"
 +
|-
 +
|<div style="clip-path: circle(50% at center); height: 70px; width: 70px; overflow: hidden;">[[File:Celandine.jpg|link=Norman]]</div>
 +
|[[Celandine]] - The youngest sister. Always hangry.
 +
|-style="border:none;background:none;"
 +
|<div style="clip-path: circle(50% at center); height: 70px; width: 70px; overflow: hidden;">[[File:Rose1.jpg|link=Norman]]</div>
 +
|[[Rose]] - The older sister. Someday she might just float away.
 +
|-
 +
|<div style="clip-path: circle(50% at center); height: 70px; width: 70px; overflow: hidden;">[[File:TennysonA1.png|link=Norman]]</div>
 +
|[[Tennyson]] - The much-older not-brother. Might as well be family, but we all hope he isn't.
 +
|-
 +
|}
 +
 +
</div>
 +
</div>
 +
</div>
 +
<div id="right">
 +
<div class="header">Gallery</div>
 +
<div id="gallery">
 +
[[file: lilyportrait.jpg|x150px]]
 +
[[file: lily1.jpg|x150px]]
 +
[[file: lily2.jpg|x150px]]
 +
[[file: lily3.jpg|x150px]]
 +
[[file: lily4.jpg|x150px]]
 +
[[file: lily5.jpg|x150px]]
 +
[[file: lily6.jpg|x150px]]
 +
[[file: lily7.jpg|x150px]]
 +
[[file: lily9.jpg|x150px]]
 +
</div>
 
</div>
 
</div>
−
<div style="background-color:#000; line-height:300%"><font style="color:#white; font-size:14pt; font-variant:small-caps"><center>'''Contacts'''</center></font></div>
 
−
<div style="text-align:justify; padding:5px">
 
−
 
−
CONTACTS HERE
 
  
 +
<div id="right">
 +
<div class="header">Vibes</div>
 +
<div id="gallery">
 +
[[file: lilycircuit.jpg|x150px]]
 +
[[file: lilyvibe.jpg|x150px]]
 +
[[file: lilycode.jpg|x150px]]
 +
[[file: lily8.jpeg|x150px]]
 +
[[file: lilybg1.jpg|x150px]]
 +
</div>
 +
</div>
 
</div>
 
</div>
−
<div style="background-color:#000; line-height:300%"><font style="color:#white; font-size:14pt; font-variant:small-caps"><center>'''Gallery'''</center></font></div>
 
−
<div style="text-align:justify; padding:5px"><center>
 
  
−
[[Image:INSERT|x150px]]
 
−
[[Image:INSERT|x150px]]
 
−
[[Image:INSERT|x150px]]
 
  
−
</center></div>
+
<div class="header">Logs</div>
−
<div style="background-color:#000; line-height:300%"><font style="color:#white; font-size:14pt; font-variant:small-caps"><center>'''Logs'''</center></font></div>
 
−
<div style="text-align:justify; padding:5px; border:0px;"><center>
 
 
{{ #dpl:
 
{{ #dpl:
 
|userdateformat='''Y M d''' -
 
|userdateformat='''Y M d''' -
Line 86: Line 374:
 
|addeditdate=true
 
|addeditdate=true
 
|shownamespace=false
 
|shownamespace=false
−
|noresultsheader=<font color="#cccccc">''No Logs Yet!''</font>
+
|noresultsheader=<font color="#028476">''No Logs Yet!''</font>
 
|columns=3
 
|columns=3
 
}}
 
}}
−
</center></div>
+
</div>
−
|-
+
 
−
|}
+
</div>
 +
 
 +
-------
 +
</div>
  
−
[[Category:Active PCs]][[Category:Mortal]]
+
[[Category: Active PCs]][[Category:Mortal+]][[Category: Crime]]

Latest revision as of 01:03, 1 November 2022



Lilybg.jpg

Lilyportrait.jpg

Age:--
Template:--
Virtue:--
Vice:--
Presence:🔴🔴🔴🔴
Expression:🔴🔴🔴

Lilyportrait.jpg

Full Name:Lily Gale
Age:--
Template:Mortal+
Concept:Unaware Technopath
Virtue:--
Vice:--
Computers.Hacker:♦♦♦♦
Crafts.Electronics:♦♦♦
Billie Eilish - all the good girls go to hell

Standing there, killing time

Can't commit to anything but a crime

Look at you needing me

You know I'm not your friend without some greenery


Logs

No Logs Yet!

Retrieved from "http://cityofshadowsmux.com/index.php?title=Lily&oldid=10324"