Difference between revisions of "Etienne"
From Fate's Harvest
Line 1: | Line 1: | ||
<css> | <css> | ||
− | @import 'https://fonts.googleapis.com/css?family= | + | @import 'https://fonts.googleapis.com/css?family=Dancing+Script|Syncopate'; |
− | . | + | .mw-body { background: #000000; } |
− | { | + | .layout { |
− | + | font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif; | |
− | + | color: rgba(223,223,223,1); | |
− | + | background: #716f6e; | |
− | border: | + | border: 1px solid #716f6e; |
− | + | border-collapse: collapse; | |
− | + | max-width: 800px; | |
− | + | -webkit-box-shadow: 0px 0px 10px 5px rgba(37,37,37,0.5), 5px 5px 25px 5px rgba(37,37,37,0.75); | |
− | + | -moz-box-shadow: 0px 0px 10px 5px rgba(37,37,37,0.5), 5px 5px 25px 5px rgba(37,37,37,0.75); | |
− | + | box-shadow: 0px 0px 10px 5px rgba(37,37,37,0.5), 5px 5px 25px 5px rgba(37,37,37,0.75); | |
− | + | ||
} | } | ||
− | + | .layout a:link, .layout a:hover, .layout a:active, .layout a:visited {color: inherit; text-shadow: inherit; text-decoration: underline dashed; } | |
− | . | + | .layout img { border: none; border-collapse: collapse; text-align: center; } |
− | { | + | .bluebar { background: #000000; padding: 0; margin: 0; border: 0; border-collapse: collapse; } |
− | font-family: | + | .title { |
− | font-size: | + | font-family: Dancing Script,Palatino,Palatino Linotype,Palatino LT STD,Book Antiqua,Georgia,serif; |
− | + | font-size: 100px; | |
+ | border: 0; | ||
+ | border-collapse: collapse; | ||
} | } | ||
− | + | .subtitle { | |
− | .subtitle | + | font-family: Syncopate,Century Gothic, CenturyGothic, AppleGothic, sans-serif; |
− | { | + | font-variant: small-caps; |
− | font-family: | + | |
font-size: 20px; | font-size: 20px; | ||
− | + | ||
} | } | ||
− | + | .overlay { | |
− | . | + | position: absolute; |
− | { | + | color: rgba(223,223,223,1); |
− | + | text-shadow: 0px 0px 2px rgba(37, 37, 37, 1), 0px 0px 5px rgba(223, 223, 223, 1), 0px 0px 10px rgba(37, 37, 37, 1); | |
− | + | background-color: rgba(37,37,37,.5); | |
− | + | border-collapse: collapse; | |
− | + | ||
− | + | ||
} | } | ||
− | + | .info { top: 1vmin; left: 1vmin; padding: 1vmin; } | |
− | + | .info td, .bluebar td { vertical-align: top; } | |
− | + | .overlay.info td:first-child { font-variant: small-caps; font-weight: 300; } | |
− | + | .sixty { max-width: 55%; } | |
− | + | .floating { top: 20%; left: 0; padding: 1vmin; } | |
+ | .bottom { bottom: 0; left: 0; right: 0; padding: 1vmin 0; } | ||
+ | .top { top: 0; left: 0; right: 0; padding: 1vmin 0; } | ||
+ | .center { text-align: center; } | ||
+ | .right { text-align: right; } | ||
+ | .justify { text-align: justify; } | ||
</css> | </css> | ||
− | + | {| align=center class="layout" | |
− | {| | + | |- |
− | | style = " | + | | colspan=2 |<div style="position: relative;" class="center">[[Image:Etienne-wall1.jpg|810px]] |
− | + | {| class="overlay top center" | |
− | + | | class="center" style="width: 25%;" | [[#bio|Biography]] | |
− | + | | class="center" style="width: 25%;" | [[#contacts|Contacts]] | |
+ | | class="center" style="width: 25%;" | [[#rphooks|Hooks]] | ||
+ | | class="center" style="width: 25%;" | [[#rplogs|Roleplay Logs]] | ||
+ | |} | ||
+ | <div class="title overlay bottom center">Etienne Ladet</div></div> | ||
|- | |- | ||
− | | | + | | colspan=2 | |
{| | {| | ||
+ | | [[File:Etienne.jpg|402px]] || [[File:Etienne2.jpg|402px]] | ||
+ | |} | ||
|- | |- | ||
− | |colspan=2 | + | | colspan="2" class="bluebar" | |
+ | {| class="info" | ||
|- | |- | ||
− | |colspan=2| | + | | colspan=2 id="bio" class="subtitle left" |'''Biography''' |
|- | |- | ||
− | |'''Full Name''' | + | | style="width: 30%;" | |
− | | | + | '''Full Name''': Etienne Renee Ladet<br> |
+ | '''Birthdate''': July 07, 1991<br> | ||
+ | '''Age''': 26<br> | ||
+ | '''Place of Birth''': New Oleans, LA<br> | ||
+ | '''Occupation''': Tattoo Artist/Business Owner<br> | ||
+ | '''Sphere''': Psychic<br> | ||
+ | '''Played By''': Jayme Langford<br> | ||
+ | | | ||
+ | : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac orci ac turpis imperdiet interdum malesuada non enim. Nullam et diam dui, vitae suscipit dui. Duis non nunc diam, a bibendum lorem. Cras semper mollis dui sed imperdiet. Donec interdum, est hendrerit porta gravida, ipsum est condimentum mauris, eu dictum erat eros non quam. Vestibulum gravida quam dolor, convallis vulputate elit. Maecenas in odio ac augue lacinia luctus et at dui. Praesent at mi augue, non convallis leo. Ut gravida congue neque, in blandit ante elementum non. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut vel scelerisque felis. Duis hendrerit euismod nisi, vitae pharetra orci suscipit at. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed ultricies felis. Cras vel ipsum neque, at placerat massa. Integer et leo vitae purus porttitor viverra vel et ipsum. | ||
+ | |} | ||
|- | |- | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
| | | | ||
− | {| | + | {| |
+ | | | ||
|- | |- | ||
− | | | + | | colspan="2" class="bluebar" | |
+ | {| class="info" width="100%" | ||
|- | |- | ||
− | | | + | | id="rphooks" class="subtitle center" style="width: 50%;" | Roleplay Hooks |
− | + | | class="subtitle center" style="width: 50%;" | Known Locations | |
− | | | + | |
− | | | + | |
|- | |- | ||
| | | | ||
− | + | * '''Hook Title:''' Information Goes Here | |
− | + | * '''Hook Title:''' Information Goes Here | |
− | + | | | |
− | + | * '''Hook Title:''' Information Goes Here | |
+ | * '''Hook Title:''' Information Goes Here | ||
|- | |- | ||
− | | | + | |} |
|- | |- | ||
− | | | + | | colspan="2" class="center" | [[File:Etienne-tattoo-shop.jpg|810px]] |
− | : | + | |
− | + | ||
− | + | ||
− | + | ||
|- | |- | ||
− | | | + | | colspan="2" class="bluebar" | |
+ | {| class="info" width="100%" | ||
|- | |- | ||
− | | | + | | colspan=2 id="rplogs" class="subtitle center" | Roleplay Logs |
|- | |- | ||
− | | | + | | colspan=2 | |
+ | {{ RP Logs | columns = 2 | order = ascending }} | ||
|} | |} | ||
− | |||
− | |||
|} | |} | ||