Actions

Difference between revisions of "Lily"
 
(14 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
__NOTOC__
 
__NOTOC__
 
{{Played by
 
{{Played by
−
| Character name = Lily
+
| Character name = Lily Gale
 
| Model name = Alice Pagani
 
| Model name = Alice Pagani
−
| Sample =  
+
| Sample = lilyportrait.jpg
 
}}
 
}}
 +
<CSS>
  
 +
#wrapper {
 +
    align-items: 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>
 
<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 {
 
.info {
 
width: 325px;
 
width: 325px;
 
background-color: #000000;
 
background-color: #000000;
−
vertical-align: top;
+
border-radius: 0px;
 +
align: center;
 
margin-left: -85px;
 
margin-left: -85px;
 +
padding: 5px;
 +
border: 1px solid #0a0b2f;
 
text-align: center;
 
text-align: center;
 +
margin-top: 15px;
 
font-size: 18px;
 
font-size: 18px;
−
        z-index: 1;
 
−
opacity: 1;
 
 
}
 
}
 
.infotext {
 
.infotext {
 
text-shadow: 0px 0px 2px #000;
 
text-shadow: 0px 0px 2px #000;
−
color: #F2ECD8;
+
color: #028476;
−
font-size: 14px;
+
font-size: 10px;
 
padding: 0px;
 
padding: 0px;
 
}
 
}
Line 26: Line 236:
 
color: #BFA4BB;
 
color: #BFA4BB;
 
font-size: 15px;
 
font-size: 15px;
 +
font-family: 'Boogaloo', Sans Serif;
 
letter-spacing: 1px;
 
letter-spacing: 1px;
 
text-shadow: 1px 1px 1px #000;
 
text-shadow: 1px 1px 1px #000;
Line 32: Line 243:
 
.text {
 
.text {
 
width: 600px;
 
width: 600px;
−
font-family: 'PT Sans', Calibri, Arial, Sans Serif;
+
font-size: 12px;
−
font-size: 14px;
 
 
line-height: 16px;
 
line-height: 16px;
 
margin-left: 20px;
 
margin-left: 20px;
Line 42: Line 252:
 
text-transform: uppercase;
 
text-transform: uppercase;
 
letter-spacing: 2px;
 
letter-spacing: 2px;
−
font-size: 30px;
+
font-size: 20px;
 
margin-top: 10px;
 
margin-top: 10px;
 
text-shadow: 0px 1px 2px #000;
 
text-shadow: 0px 1px 2px #000;
 
text-align: center;
 
text-align: center;
 
font-style: none;
 
font-style: none;
−
color: #d13c28;
+
        font-weight: bold;
 +
color: #27b886;
 
}
 
}
−
</css>
 
  
−
{| width="850" align="center" style="border-radius: 0px; background: -webkit-linear-gradient(#fbd28c, #690D00); background: -o-linear-gradient(#fbd28c, #690D00); background: -moz-linear-gradient(#fbd28c, #690D00); background: linear-gradient(#fbd28c, #690D00); border: 0px; margin-left: 125px;"
+
</CSS>
−
| style = "padding-left: 10px; padding-right: 10px; spacing: 0px; margin: 20px;"|
+
<div id="wrapper">
 +
[[file:lilybg.jpg|class=bg]]
 +
<div id="container">
 +
<div id="top>
 +
[[file: lilyportrait.jpg|class=portraittop]]
 +
<div class="bio"><b>Age:</b><span class="r">--</span></div>
 +
<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>
  
−
<div class="info">
+
</div>
−
{| cellpadding="0" width="300px"
+
<div class="section">
−
|-
+
<div id="left">
−
|colspan="2"|[[Image:lilyportrait.jpg|300px|center]]
+
[[file: lilyportrait.jpg|class=portrait]]
−
|-
+
<div class="bio"><b>Full Name:</b><span class="r">Lily Gale</span></div>
−
|align="left"|<span style="color: #F2ECD8; font-size: 16px; letter-spacing: 1px; text-shadow: 1px 1px 1px #000;">'''Full Name'''</span>
+
<div class="bio"><b>Age:</b><span class="r">--</span></div>
−
|align="right"|Lily Gale
+
<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>
−
|align="left"|<span style="color: #F2ECD8; font-size: 16px; letter-spacing: 1px; text-shadow: 1px 1px 1px #000;">'''Apparent Age'''</span>
+
<div class="bio"><b>Virtue:</b><span class="r">--</span></div>
−
|align="right"|--
+
<div class="bio"><b>Vice:</b><span class="r">--</span></div>
−
|-
+
<hr />
−
|align="left"|<span style="color: #F2ECD8; font-size: 16px; letter-spacing: 1px; text-shadow: 1px 1px 1px #000;">'''Concept'''</span>
+
<div class="bio spacer"><b>Computers.Hacker:</b><span class="r">♦♦♦♦</span></div>
−
|align="right"|Unaware Technopath
+
<div class="bio spacer"><b>Crafts.Electronics:</b><span class="r">♦♦♦</span></div>
−
|-
+
<hr />
−
|align="left"|<span style="color: #F2ECD8; font-size: 16px; letter-spacing: 1px; text-shadow: 1px 1px 1px #000;">'''Virtue'''</span>
+
<div class="bio spacer"><b>[https://www.youtube.com/watch?v=-PZsSWwc9xA Billie Eilish - all the good girls go to hell]</b></div>
−
|align="right"|--
+
<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>
−
|align="left"|<span style="color: #F2ECD8; font-size: 16px; letter-spacing: 1px; text-shadow: 1px 1px 1px #000;">'''Vice'''</span>
+
<div class="bio spacer"><br><span style="color: #27b886; font-size: 10px">Look at you needing me</span></div>
−
|align="right"|--
+
<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>
−
|align="left"|<span style="color: #F2ECD8; font-size: 16px; letter-spacing: 1px; text-shadow: 1px 1px 1px #000;">'''Sphere'''</span>
+
<div id="right">
−
|align="right"|[[Mortal|Mortal+]]
 
−
|-
 
−
|align="left"|<span style="color: #F2ECD8; font-size: 16px; letter-spacing: 1px; text-shadow: 1px 1px 1px #000;">'''Group'''</span>
 
−
|align="right"|--
 
−
|-
 
−
|colspan="2"|<hr />
 
−
|-
 
−
|align="left"|<span style="color: #F2ECD8; font-size: 16px; letter-spacing: 1px; text-shadow: 1px 1px 1px #000;">'''Computers.Hacking'''</span>
 
−
|align="right"|♦♦♦♦
 
−
|-
 
−
|align="left"|<span style="color: #F2ECD8; font-size: 16px; letter-spacing: 1px; text-shadow: 1px 1px 1px #000;">'''Computers.Hacking'''</span>
 
−
|align="right"|♦♦
 
−
|-
 
−
|colspan="2"|<hr />
 
−
<span style="color: #F2ECD8; font-size: 16px; letter-spacing: 1px; text-shadow: 1px 1px 1px #000;">''' Aurora - God is a Woman'''</span>
 
−
<br>God is a Woman
 
−
<br>God is a Woman
 
−
<br>God is a Woman<br>
 
−
<br>
 
−
<span style="color: #F2ECD8; font-size: 16px; letter-spacing: 1px; text-shadow: 1px 1px 1px #000;">''' Aurora - God is a Woman'''</span>
 
−
<br>God is a Woman
 
−
<br>God is a Woman
 
−
<br>God is a Woman
 
−
|}
 
−
|
 
−
<br>
 
−
 
 
−
{| style="color: #F2ECD8; font-size: 13px; border: solid 2px #000; padding: 0px; margin-top: -50px; margin-left: -15px;"
 
−
|-valign="middle"
 
−
|width="700" padding="10px" vertical-align="middle" height="50"|<center><div style="opacity:0.8;">[[File:lilycircuit.jpg|700px]]</div></center>
 
−
|-
 
−
|style="vertical-align: top;"|
 
 
<div class="header">History</div>
 
<div class="header">History</div>
 
<div class="infotext">
 
<div class="infotext">
−
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet nibh nec ante pulvinar tristique. Mauris varius dui pulvinar, congue arcu vel, sagittis dolor. Proin tempor id odio eget rhoncus. In ac massa felis. Praesent eu dolor vel dui eleifend luctus. Morbi rhoncus, quam quis cursus cursus, ante turpis tempus est, et gravida quam dolor sed arcu. Etiam eu ornare tellus. Fusce consequat dignissim lacus, et efficitur eros varius ut. Praesent efficitur, ex ac viverra vehicula, ante tellus elementum quam, id tempor purus tortor ac urna.
+
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 class="header">Description</div>
+
<div class="header">Appearance</div>
 
<div class="infotext">
 
<div class="infotext">
−
In interdum sed ex semper malesuada. In euismod risus ut leo malesuada consectetur. Aenean viverra bibendum facilisis. Phasellus et fringilla lorem. In imperdiet lorem orci, vitae tristique ligula lobortis non. Sed tempor faucibus mi, vitae tempor tortor vulputate eget. Nunc at nisi scelerisque, convallis quam eget, lobortis velit. Nam sit amet vestibulum mauris. Aliquam ac ante massa. Phasellus id purus vitae justo accumsan scelerisque et dignissim urna. Nam tempor aliquet nulla, et vulputate leo ultrices ullamcorper. Aliquam nec neque luctus elit dictum tincidunt ut in magna. Nam non mauris dapibus, placerat ante sit amet, consectetur ipsum. Integer eget imperdiet lorem, nec luctus justo.
+
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 class="header">Hooks</div>
 
<div class="header">Hooks</div>
 
<div class="infotext">
 
<div class="infotext">
−
* '''Occult:''' Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris elementum vehicula massa, sit amet porttitor quam commodo a. Maecenas tortor leo, consequat a velit et, accumsan facilisis turpis.  
+
* '''the Gale Sisters:''' There's two more where she came from!
−
* '''Occult:''' Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris elementum vehicula massa, sit amet porttitor quam commodo a. Maecenas tortor leo, consequat a velit et, accumsan facilisis turpis.  
+
* '''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.
−
* '''Occult:''' Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris elementum vehicula massa, sit amet porttitor quam commodo a. Maecenas tortor leo, consequat a velit et, accumsan facilisis turpis.  
+
* '''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>
  
 
<div class="header">Friends</div>
 
<div class="header">Friends</div>
 
<div class="infotext">
 
<div class="infotext">
−
<span style="color: #BFA4BB; text-transform: uppercase; font-size: 16px; font-family: 'Boogaloo', Sans Serif; letter-spacing: 1px; text-shadow: 1px 1px 1px #000;">[[Celandine|Celandine]]</span> - Sister.
+
{| 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>
−
 
+
</div>
 +
<div id="right">
 
<div class="header">Gallery</div>
 
<div class="header">Gallery</div>
−
<div style="text-align:justify; padding:5px"><center>
+
<div id="gallery">
−
 
+
[[file: lilyportrait.jpg|x150px]]
−
[[Image:lilyportrait.jpg|x150px]]
+
[[file: lily1.jpg|x150px]]
−
[[Image:lilyportrait.jpg|x150px]]
+
[[file: lily2.jpg|x150px]]
−
[[Image:lilyportrait.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>
  
 +
<div id="right">
 
<div class="header">Vibes</div>
 
<div class="header">Vibes</div>
−
<div style="text-align:justify; padding:5px"><center>
+
<div id="gallery">
−
[[Image:lilyportrait.jpg|x150px]]
+
[[file: lilycircuit.jpg|x150px]]
−
</center></div>
+
[[file: lilyvibe.jpg|x150px]]
 +
[[file: lilycode.jpg|x150px]]
 +
[[file: lily8.jpeg|x150px]]
 +
[[file: lilybg1.jpg|x150px]]
 +
</div>
 +
</div>
 
</div>
 
</div>
 +
 +
 
<div class="header">Logs</div>
 
<div class="header">Logs</div>
 +
{{ #dpl:
 +
|userdateformat='''Y M d''' -
 +
|namespace=Logs
 +
|linksto={{PAGENAME}}
 +
|ordermethod=firstedit
 +
|order=ascending
 +
|addeditdate=true
 +
|shownamespace=false
 +
|noresultsheader=<font color="#028476">''No Logs Yet!''</font>
 +
|columns=3
 +
}}
 +
</div>
  
 +
</div>
  
−
{{ RP Logs | name = {{PAGENAME}} | columns = 3 | ordermethod = gamedate }}</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"