Difference between revisions of "Lily"
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: #F2ECD8; | ||
+ | font-family: 'PT Sans', Calibri, Arial, Sans Serif; | ||
+ | } | ||
+ | |||
+ | .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> | ||
+ | @import 'https://fonts.googleapis.com/css2?family=Charm'; | ||
+ | @import 'https://fonts.googleapis.com/css2?family=PT+Sans'; | ||
+ | |||
+ | |||
+ | a:link { | ||
+ | color: #ff5942; | ||
+ | text-shadow: 1px 1px 1px #000 | ||
+ | } | ||
+ | a:visited { | ||
+ | color: #ff5942; | ||
+ | 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; | ||
− | + | 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; | ||
− | + | font-family: 'PT Sans', Calibri, Arial, Sans Serif; | |
− | |||
} | } | ||
.infotext { | .infotext { | ||
text-shadow: 0px 0px 2px #000; | text-shadow: 0px 0px 2px #000; | ||
color: #F2ECD8; | color: #F2ECD8; | ||
+ | font-family: 'PT Sans', Calibri, Arial, Sans Serif; | ||
font-size: 14px; | font-size: 14px; | ||
padding: 0px; | padding: 0px; | ||
Line 26: | Line 240: | ||
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 42: | Line 257: | ||
text-transform: uppercase; | text-transform: uppercase; | ||
letter-spacing: 2px; | letter-spacing: 2px; | ||
− | font-size: | + | 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: # | + | font-family: Charm, Sans Serif; |
+ | color: #800000; | ||
} | } | ||
− | |||
− | + | </CSS> | |
− | + | <div id="wrapper"> | |
+ | [[file:lilycircuit.jpg|class=bg|link=]] | ||
+ | <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=" | + | </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">--</span></div> | |
− | + | <div class="bio"><b>Concept:</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> | |
− | + | <hr /> | |
− | + | <div class="bio spacer"><b>Presence:</b><span class="r">🔴🔴🔴🔴</span></div> | |
− | + | <div class="bio spacer"><b>Expression:</b><span class="r">🔴🔴🔴</span></div> | |
− | + | <hr /> | |
− | + | <div class="bio"><b>Vice:</b><span class="r">--</span></div> | |
− | + | <div class="bio"><b>Vice:</b><span class="r">--</span></div> | |
− | + | <div class="bio"><b>Vice:</b><span class="r">--</span></div> | |
− | + | <hr /> | |
− | + | <span style="color: #F2ECD8">''' Aurora - God is a Woman'''</span> | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | <span style="color: #F2ECD8 | ||
<br>God is a Woman | <br>God is a Woman | ||
<br>God is a Woman | <br>God is a Woman | ||
<br>God is a Woman<br> | <br>God is a Woman<br> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | </div> | |
− | + | <div id="right"> | |
− | |||
− | |||
− | |||
<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. | 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. | ||
+ | |||
+ | 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. | ||
</div> | </div> | ||
− | <div class="header"> | + | <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. | 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. | ||
Line 119: | Line 318: | ||
<div class="header">Hooks</div> | <div class="header">Hooks</div> | ||
<div class="infotext"> | <div class="infotext"> | ||
− | * ''' | + | |
− | * ''' | + | *'''Mortal''' |
− | * | + | ** Truth |
+ | ** Truth | ||
+ | *'''Supernatural''' | ||
+ | ** Truth | ||
+ | ** Truth | ||
+ | ** Lie | ||
</div> | </div> | ||
<div class="header">Friends</div> | <div class="header">Friends</div> | ||
<div class="infotext"> | <div class="infotext"> | ||
− | <span style="color: #BFA4BB | + | <span style="color: #BFA4BB; font-size: 16px; font-family: 'Boogaloo', Sans Serif; letter-spacing: 1px; text-shadow: 1px 1px 1px #000;">[[Lily|Lily]]</span> - Sister.<br> |
+ | <span style="color: #BFA4BB; font-size: 16px; font-family: 'Boogaloo', Sans Serif; letter-spacing: 1px; text-shadow: 1px 1px 1px #000;">Someone</span> - words.<br> | ||
</div> | </div> | ||
</div> | </div> | ||
− | + | </div> | |
+ | <div id="right"> | ||
<div class="header">Gallery</div> | <div class="header">Gallery</div> | ||
− | <div | + | <div id="gallery"> |
− | + | [[file: lilycircuit.jpg|class=photo]] | |
− | [[ | + | [[file: lilyportrait.jpg|class=photo]] |
− | [[ | + | </div> |
− | |||
</div> | </div> | ||
</div> | </div> | ||
− | <div class="header"> | + | |
− | < | + | |
− | + | <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="#fff">''No Logs Yet!''</font> | ||
+ | |columns=3 | ||
+ | }} | ||
</div> | </div> | ||
− | |||
+ | </div> | ||
− | + | ------- | |
− | + | </div> | |
− | |||
− | |||
− | |||
− | [[Category: | + | [[Category:Active PCs]][[Category:Mortal]] |
Revision as of 00:52, 17 October 2022
Aurora - God is a Woman
God is a Woman
God is a Woman
God is a Woman
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.
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.
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.
- Mortal
- Truth
- Truth
- Supernatural
- Truth
- Truth
- Lie
Lily - Sister.
Someone - words.
No Logs Yet!