Difference between revisions of "Olivia"
| Line 8: | Line 8: | ||
#wrapper { | #wrapper { | ||
| + | align-items: center; | ||
display: flex; | display: flex; | ||
background: #000; | background: #000; | ||
| Line 17: | Line 18: | ||
font-family: Verdana; | font-family: Verdana; | ||
line-height: 32px; | line-height: 32px; | ||
| + | flex-direction: column; | ||
| + | l | ||
} | } | ||
#container { | #container { | ||
| − | + | ||
| − | + | padding: 0 32px; | |
| − | margin-top: | + | margin-top: 350px; |
| − | + | ||
justify-content: center; | justify-content: center; | ||
max-width: 1024px; | max-width: 1024px; | ||
| Line 46: | Line 49: | ||
flex-direction: column; | flex-direction: column; | ||
min-width: 200px; | min-width: 200px; | ||
| + | } | ||
| + | |||
| + | |||
| + | #top { | ||
| + | display: flex; | ||
| + | flex-direction: column; | ||
| + | margin-bottom: 64px; | ||
| + | } | ||
| + | |||
| + | #top p { | ||
| + | |||
| + | display: flex; | ||
| + | flex-grow: 1; | ||
| + | width: 100%; | ||
| + | margin: 0; | ||
} | } | ||
#gallery { | #gallery { | ||
display: flex; | display: flex; | ||
| − | justify-content: space- | + | justify-content: space-around; |
flex-wrap: wrap; | flex-wrap: wrap; | ||
width: 100%; | width: 100%; | ||
| Line 57: | Line 75: | ||
#gallery p { | #gallery p { | ||
display: flex; | display: flex; | ||
| − | |||
width: 100%; | width: 100%; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
| Line 65: | Line 82: | ||
display: flex; | display: flex; | ||
padding: 0; | padding: 0; | ||
| + | |||
| − | + | ||
z-index: 10; | z-index: 10; | ||
text-align: justify; | text-align: justify; | ||
| Line 85: | Line 103: | ||
left: 0; | left: 0; | ||
width: 100%; | width: 100%; | ||
| − | height: | + | height: 700px; |
object-fit: cover; | object-fit: cover; | ||
object-position: left bottom; | object-position: left bottom; | ||
z-index: 1; | z-index: 1; | ||
| − | opacity: . | + | opacity: .5; |
} | } | ||
.moniker { | .moniker { | ||
margin-top: -195px; | margin-top: -195px; | ||
| + | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
| − | + | margin-bottom: 100px; | |
| + | |||
} | } | ||
.portrait { | .portrait { | ||
| − | width: | + | width: 400px; |
flex-shrink: 0; | 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; | ||
} | } | ||
| Line 134: | Line 164: | ||
.photo { | .photo { | ||
| − | + | ||
| − | width: | + | height: 220px; |
| + | width: 220px; | ||
object-fit: cover; | object-fit: cover; | ||
object-position: top center; | object-position: top center; | ||
margin: 8px; | margin: 8px; | ||
| + | } | ||
| + | |||
| + | .logs p { | ||
| + | display: flex; | ||
| + | flex-direction: column; | ||
| + | |||
| + | } | ||
| + | |||
| + | |||
| + | @media screen and (max-width: 1024px) { | ||
| + | #left { | ||
| + | display: none; | ||
| + | } | ||
| + | |||
| + | #right { | ||
| + | width: 100%; | ||
| + | margin-left: 0; | ||
| + | } | ||
} | } | ||
| Line 146: | Line 195: | ||
<div id="container"> | <div id="container"> | ||
[[file:Oliviamoniker.png|class=moniker|link=]] | [[file:Oliviamoniker.png|class=moniker|link=]] | ||
| + | <div id="top> | ||
| + | [[file: oliviaportrait.png|class=portraittop]] | ||
| + | <div class="bio"><b>Age:</b><span class="r">24</span></div> | ||
| + | <div class="bio"><b>Template:</b><span class="r">Mortal</span></div> | ||
| + | <div class="bio"><b>Virtue:</b><span class="r">Loyalty</span></div> | ||
| + | <div class="bio"><b>Vice:</b><span class="r">Hedonism</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> | ||
<div class="section"> | <div class="section"> | ||
<div id="left"> | <div id="left"> | ||
| Line 158: | Line 217: | ||
</div> | </div> | ||
<div id="right"> | <div id="right"> | ||
| − | + | ||
| − | + | Liv Grew up in Southern California but moved around a lot due to her dad's job and her mom's love of travel. She's always been fascinated with urban tagging art. She started tagging at a very young age. | |
| − | + | ||
| − | + | Olivia got into trouble with the law for the first time as a young teen. She had always had trouble in school because of her serious problem with authority figures. She got kicked out of her high school freshman year and moved to New York to pursue art. | |
| − | + | ||
| − | + | She fought addiction for quite a long period of her life, which even rendered her homeless at one point, surfing from couch to couch or worse. Recently she's gotten clean and sober and has moved to the Midwest to start over and continue to pursue an art career. She landed a chance place in a semi-known art school. | |
<div class="section paras" style="flex-direction: column;"> | <div class="section paras" style="flex-direction: column;"> | ||
| Line 170: | Line 229: | ||
'''Mortal''' | '''Mortal''' | ||
| − | * | + | * The Art world! Art student and rising Grafitti artist. |
| − | * | + | * Liv is a street rat with street rat connections. Criminal types are welcome! |
| − | + | ||
| − | |||
| − | |||
'''Supernatural''' | '''Supernatural''' | ||
| − | * | + | * Minor Psychic (Aura Reading). |
| − | * | + | * Some other point for balance. TBD. |
| − | * | + | * One more. |
| − | |||
| − | |||
| + | </div> | ||
| + | </div> | ||
</div> | </div> | ||
| Line 192: | Line 249: | ||
[[file: olivia3.png|class=photo]] | [[file: olivia3.png|class=photo]] | ||
[[file: olivia4.png|class=photo]] | [[file: olivia4.png|class=photo]] | ||
| + | [[file: olivia5.png|class=photo]] | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <div class="section" | + | |
| + | |||
| + | <div class="section logs"> | ||
| + | [[file:olivialogs.png|class=title|link=]] | ||
{{ #dpl: | {{ #dpl: | ||
|userdateformat='''Y M d''' - | |userdateformat='''Y M d''' - | ||
| Line 209: | Line 270: | ||
</div> | </div> | ||
| − | + | ||
| − | + | [[file:oliviatag.png|class=title|link=]] | |
</div> | </div> | ||
[[Category:Active PCs]][[Category:Mortal]] | [[Category:Active PCs]][[Category:Mortal]] | ||
Revision as of 19:00, 6 September 2022
Age:24
Template:Mortal
Virtue:Loyalty
Vice:Hedonism
Presence:🔴🔴🔴🔴
Expression:🔴🔴🔴
Age:24
Template:Mortal
Virtue:Loyalty
Vice:Hedonism
Presence:🔴🔴🔴🔴
Expression:🔴🔴🔴
Liv Grew up in Southern California but moved around a lot due to her dad's job and her mom's love of travel. She's always been fascinated with urban tagging art. She started tagging at a very young age.
Olivia got into trouble with the law for the first time as a young teen. She had always had trouble in school because of her serious problem with authority figures. She got kicked out of her high school freshman year and moved to New York to pursue art.
She fought addiction for quite a long period of her life, which even rendered her homeless at one point, surfing from couch to couch or worse. Recently she's gotten clean and sober and has moved to the Midwest to start over and continue to pursue an art career. She landed a chance place in a semi-known art school.
Mortal
- The Art world! Art student and rising Grafitti artist.
- Liv is a street rat with street rat connections. Criminal types are welcome!
Supernatural
- Minor Psychic (Aura Reading).
- Some other point for balance. TBD.
- One more.
No Logs Yet!
