[ others ] imperium renata workers

Athens

"Film Major"
Roleplay Availability
Roleplay Type(s)
MAJOR WIP
The Advisor
[class=titleholder]height:60px; padding: 20px 10px 0px 10px; width: 320px; background-image:url(https://data.whicdn.com/images/295743163/large.jpg); background-size:120%; background-position: 50% 20%; transform:rotate(-90deg); transition:all 1s ease-in-out; color: white; font-size: 30px; text-align: center; letter-spacing: 2px; text-transform: uppercase; font-family: 'Playfair Display', serif; position: relative; top: 130px; margin-left: -120px; [/class] [class name=titleholder state=hover]color: #f1f1f1; text-shadow: 2px 1px 0px #7f806a; letter-spacing: 5px [/class] [script class=bigimage on=mouseenter] addClass selected bigimage fadeIn 600 hoverimg[/script] [script class=bigimage on=mouseleave] addClass selected bigimage fadeOut 800 hoverimg[/script] [div class=titleholder]Israel Kotze
[div class="bigimage" style="height:100%;width:130px;background-image:url(https://pbs.twimg.com/media/ByWwzdKCUAAXNRi.jpg);background-size:230%;background-position:50% 30%;filter: saturate(90%) contrast(100%);position:relative;top:-80px;left:100px"] [div class="hoverimg" style="display:none;height:100%;width:130px;background-image:url(https://78.media.tumblr.com/a7fdf97b6145a3c8551b2f902f709d43/tumblr_n7h01m5WLY1tx1lyeo1_250.gif);background-size:250%;background-position:70% 30%;"][/div][/div] [class=container]height:240px; width: 295px; padding: 5px 5px 5px 5px; font-family: 'Playfair Display', serif; font-style: oblique; position: relative [/class] [class=taboutside]height: 30px; width: 100px; padding-top: 20px; padding-left: 10px; padding-right: 10px; font-size: 0.55em; position: absolute; top: 50px; margin-left: 200px[/class] [div class=container style="top:-400px;left:240px"] [class=tabs]cursor: url(https://i.imgur.com/fkP02Jr.png), pointer; background: black; display: inline-block; color: transparent; font-size: 17px; text-align: center; transition: all .7s ease-in-out [/class] [script class=first on=click] hide tabsContent2 hide tabsContent3 fadeOut 400 tabsContent2 fadeOut 400 tabsContent3 fadeOut 800 tabsContent1 fadeIn 800 tabsContent1[/script] [script class=second on=click] hide tabsContent1 hide tabsContent3 fadeOut 400 tabsContent1 fadeOut 400 tabsContent3 fadeOut 400 tabsContent2 fadeIn 600 tabsContent2[/script] [script class=third on=click] hide tabsContent2 hide tabsContent1 fadeOut 400 tabsContent2 fadeOut 400 tabsContent1 fadeOut 400 tabsContent3 fadeIn 600 tabsContent3[/script] [class=boxcontainer1] display: inline; position: relative; [/class] [class=boxcontainer2] display: inline-block; opacity: 0; position: absolute; margin-left: -15px; margin-top: -10px; height: 100%; text-align: center; transition: opacity 0.4s; width: 100%; [/class] [class name=boxcontainer2 state=hover] opacity: 1; transition: 0.8s; [/class] [class name=box]background-color: #7f806a; border-radius: 10px 10px 10px 0px; margin-top: -10px; color: white; display: inline-block; font-family: Arial, sans-serif; font-size: 0.6em; padding: 2px 5px; letter-spacing: 0.3px; word-spacing:0.5px; text-align: center; transition: 1.5s[/class] [class=infocontainer]height: 230px; width: 295px; padding: 5px; position: absolute; top: 50px; margin-left: -5px; color: white; font-family:'Heebo', sans-serif; font-size: 0.69em; letter-spacing: 0.2px; font-smooth: 2em; overflow: hidden [/class] [class name=overflow]height: 100%; width: 104%; padding-right: 40px; overflow-y: auto; line-height:15px; font-style: normal; text-align: justify [/class] [class name=titleblock]width:295px;font-size:25px;text-align:center;color:#7f806a;text-shadow: 1px 1px 0px white;font-weight:700;margin-top:-260px[/class] [class name=line]height:1px;width:100%;background:#7f806a;[/class] [class=firstword]height: 10px; display: inline-block; background: #7f806a; padding: 0px 5px 7px 5px; color: #fff; font-weight: 700 [/class] [div class=taboutside style=position:relative;margin-top:220px;left:-100px;color:transparent;][div class="tabs first" style="height:10px;width: 10px;border-radius: 50%;background: #7f806a"][div class=boxcontainer1]1[div class=boxcontainer2][div class=box]requisite[/div][/div][/div][/div][div class="tabs second" style="height:10px;width: 10px;border-radius: 50%;background: #7f806a"][div class=boxcontainer1]2[div class=boxcontainer2][div class=box]persona[/div][/div][/div][/div][div class="tabs third" style="height:10px;width: 10px;border-radius: 50%;background: #7f806a"][div class=boxcontainer1]3[div class=boxcontainer2][div class=box]history[/div][/div][/div][/div][/div] [div class=content][div class="tabsContent tabsContent1"] [div class=titleblock]requisite[/div] [div class=infocontainer][div class=overflow][div class=firstword]role[/div] advisor of the king of kings

[div class=firstword]full name[/div] matthias erwan kotze

[div class=firstword]alias[/div] kotze

[div class=firstword]age[/div] 29

[div class=firstword]gender[/div] cis-male

[div class=firstword]sexuality[/div] homosexual

[div class=firstword]occupation[/div] royal advisor

[div class=firstword]place of birth[/div] imperium renata

[div class=line][/div]
[div class=firstword]appearance[/div] hair color: dark brown eye color: blue eyes distinguishing attributes: -dark, thick eyebrows, -rather child-like smile -crooked, right index finger markings: white scarring in the palm of his hand body type: not athletic in build, but sturdy and relatively fit posture: rigid /always at attention style of dress: stately [/div][/div][/div][/div] [div class=content][div class="tabsContent tabsContent2" style="display:none"] [div class=titleblock]persona[/div] [div class=infocontainer][div class=overflow] [div class=firstword]vices[/div] -overworked: The majority of Israel's time is spent being the royal advisor, and even when he's not working, it's a battle to get him to leave work unfinished. -stubborn: When you have to be the voice of the people, and occasionally reason for the king of an empire, being stubborn is almost a virtue to getting your voice heard, but when it transfers over to your interactions with everyone, then it's not so much. -condescending: It's not intentional, but one can only stay patient and (genuinely) kind for so long. -severe: With the constant pressure to perform adequately in his role of supporting the king and advising him in what's best for the kingdom, it's not easy to get Israel to lighten up. His attention has always been more focused on his task. -unforgiving: The man would never own up to it, but he has major trust issues and, not only, can hold a grudge for a timespan ranging from days to months, but he is not quick to forgive or accept mistakes.

[div class=firstword]virtues[/div] +observant: It's best to be aware of what is occurring around himself and of those of interest, so as to be prepared to assist in an issue and to tactfully resolve a conflict. +eloquent: It's no surprise that living in the royal household requires a certain level of elegance in the way one speaks. +urbane: When he's not coming off as a stuck-up dick with a superiority complex, Israel does have a way with words, and presenting himself as rather charming, although it's all a performance with his job in mind, typically, rather than his own personal feelings shining through. +worldly: Israel's life wasn't always revolved around the royal empire, and before then he preferred to not stay in one place for long, traveling as much as he could and having as many fresh experiences as possible. +crafty: A little bit of manipulation sometimes goes a-ways longer than playing it safe at times, and Israel knows this well. Don't call him manipulative, though.

[div class=firstword]quirks[/div] -compulsive frowner -gradually speaks faster when arguing -foot-tapper -keeps a writing utensil tucked behind his ear and in his pocket.

[div class=firstword]likes[/div] +horses +history +pastries

[div class=firstword]dislikes[/div] -lying -physical combat -being wrong

[div class=firstword]skills[/div] -knowledgeable on navigating through cities -negotiating -has some swordsman abilities

[div class=line][/div]
[div class=firstword]miscellaneous things[/div] -Israel has a collection of bird knickknacks in his quarters [/div][/div][/div][/div] [div class=content][div class="tabsContent tabsContent3" style="display:none"] [div class=titleblock]history[/div] [div class=infocontainer][div class=overflow][div class=firstword]childhood[/div] The majority of the servants of the Imperium Renata were born into their roles, their families have been serving the King of Kings for generations, some even going back as far as to when the first King of Kings began his reign. Because of this, Israel's childhood consisted of being trained and taught to take over the role of royal advisor following the retirement or passing of his father; he grew up to be a very severe and uptight child, something his father never was. Even so, Israel rarely spent time inside the castle due to his estranged mother's obsession with snatching him away from his father to "see the world" with her. It was no secret that the marriage of her youth to his father was nothing but a mistake to her. She married the upperclass man in hopes of seeing the world near and far, but instead, all she ever saw was the never-ending expanse of the castle walls, and so, 2 years after Israel's birth, she became a ghost to the wind. It wasn't until after she had re-married to a man that could show her the world, that she returned to take her son along on her journeys. She wouldn't always bring him back, though, and in those moments, Matthias Kotze would raise hellfire hunting them down to bring his son back to his home. It wasn't until Israel was older that he began to consider that his mother, on those rare occasions, only kept him for longer than intended so as to see her ex-husband, and if she still loved him in some twisted, flighty way.

[div class=line][/div]
background

[div class=firstword]like who you're serving?[/div] Starting out, Israel found himself not the biggest fan of his king; he joked too much, he was too kind, and Israel hated being teased. But as time went on and he fully settled in, taking over his late father's position, Israel came to respect the king and his form of leadership.

[div class=firstword]opinion of selection process[/div] The KoK process is like watching peacock fluff up their feathers trying to catch the most attention from a potential from mate; it's a tad ridiculous to watch. Israel has never had any objections to the process, because to him it's tradition. His predecessors served the Imperium Renata just like he does now. It's all he knows.

[div class=firstword]secrets[/div] -Israel rarely sleeps within the castle walls -He sent his ill mother away and has not seen her since -His 1st relationship went down in flames

[div class=firstword]desires[/div] - to be successful in his work -to be at peace -to find his mother

[div class=firstword]important events[/div] -The death of Israel's father -Travelling throughout most of his childhood -The first man he ever dated

[div class=firstword]other[/div] [/div][/div][/div][/div][/div] [class=credit]width:550px; margin: auto; position: relative; top: 5px; font-size: 9px; color: grey [/class] [div class=credit]code by @diaphanous[/div]
[/div]
 
Last edited:
The Keeper
[class=titleholder]height:60px; padding: 20px 10px 0px 10px; width: 320px; background-image:url(https://78.media.tumblr.com/3131ef51141dcbeaebe5298b6a06410a/tumblr_oovf7iYIF61w0i9oao8_400.jpg); background-size:120%; background-position: 50% 20%; transform:rotate(-90deg); transition:all 1s ease-in-out; color: white; font-size: 30px; text-align: center; letter-spacing: 2px; text-transform: uppercase; font-family: 'Playfair Display', serif; position: relative; top: 130px; margin-left: -120px; [/class] [class name=titleholder state=hover]color: #f1f1f1; text-shadow: 2px 1px 0px #7f806a; letter-spacing: 5px [/class] [script class=bigimage on=mouseenter] addClass selected bigimage fadeIn 600 hoverimg[/script] [script class=bigimage on=mouseleave] addClass selected bigimage fadeOut 800 hoverimg[/script] [div class=titleholder]Josephine Eyre
[div class="bigimage" style="height:100%;width:130px;background-image:url(https://hairstylehub.com/wp-content/uploads/2016/12/MARLEY-DOWN.jpg);background-size:230%;background-position:50% 30%;filter: saturate(90%) contrast(100%);position:relative;top:-80px;left:100px"] [div class="hoverimg" style="display:none;height:100%;width:130px;background-image:url(https://78.media.tumblr.com/393de57565390ebaaa4098ed4c250009/tumblr_otv36fFRnd1qa3emao4_400.gif);background-size:250%;background-position:70% 30%;"][/div][/div] [class=container]height:240px; width: 295px; padding: 5px 5px 5px 5px; font-family: 'Playfair Display', serif; font-style: oblique; position: relative [/class] [class=taboutside]height: 30px; width: 100px; padding-top: 20px; padding-left: 10px; padding-right: 10px; font-size: 0.55em; position: absolute; top: 50px; margin-left: 200px[/class] [div class=container style="top:-400px;left:240px"] [class=tabs]cursor: url(https://i.imgur.com/fkP02Jr.png), pointer; background: black; display: inline-block; color: transparent; font-size: 17px; text-align: center; transition: all .7s ease-in-out [/class] [script class=first on=click] hide tabsContent2 hide tabsContent3 fadeOut 400 tabsContent2 fadeOut 400 tabsContent3 fadeOut 800 tabsContent1 fadeIn 800 tabsContent1[/script] [script class=second on=click] hide tabsContent1 hide tabsContent3 fadeOut 400 tabsContent1 fadeOut 400 tabsContent3 fadeOut 400 tabsContent2 fadeIn 600 tabsContent2[/script] [script class=third on=click] hide tabsContent2 hide tabsContent1 fadeOut 400 tabsContent2 fadeOut 400 tabsContent1 fadeOut 400 tabsContent3 fadeIn 600 tabsContent3[/script] [class=boxcontainer1] display: inline; position: relative; [/class] [class=boxcontainer2] display: inline-block; opacity: 0; position: absolute; margin-left: -15px; margin-top: -10px; height: 100%; text-align: center; transition: opacity 0.4s; width: 100%; [/class] [class name=boxcontainer2 state=hover] opacity: 1; transition: 0.8s; [/class] [class name=box]background-color: #7f806a; border-radius: 10px 10px 10px 0px; margin-top: -10px; color: white; display: inline-block; font-family: Arial, sans-serif; font-size: 0.6em; padding: 2px 5px; letter-spacing: 0.3px; word-spacing:0.5px; text-align: center; transition: 1.5s[/class] [class=infocontainer]height: 230px; width: 295px; padding: 5px; position: absolute; top: 50px; margin-left: -5px; color: white; font-family:'Heebo', sans-serif; font-size: 0.69em; letter-spacing: 0.2px; font-smooth: 2em; overflow: hidden [/class] [class name=overflow]height: 100%; width: 104%; padding-right: 40px; overflow-y: auto; line-height:15px; font-style: normal; text-align: justify [/class] [class name=titleblock]width:295px;font-size:25px;text-align:center;color:#7f806a;text-shadow: 1px 1px 0px white;font-weight:700;margin-top:-260px[/class] [class name=line]height:1px;width:100%;background:#7f806a;[/class] [class=firstword]height: 10px; display: inline-block; background: #7f806a; padding: 0px 5px 7px 5px; color: #fff; font-weight: 700 [/class] [div class=taboutside style=position:relative;margin-top:220px;left:-100px;color:transparent;][div class="tabs first" style="height:10px;width: 10px;border-radius: 50%;background: #7f806a"][div class=boxcontainer1]1[div class=boxcontainer2][div class=box]requisite[/div][/div][/div][/div][div class="tabs second" style="height:10px;width: 10px;border-radius: 50%;background: #7f806a"][div class=boxcontainer1]2[div class=boxcontainer2][div class=box]persona[/div][/div][/div][/div][div class="tabs third" style="height:10px;width: 10px;border-radius: 50%;background: #7f806a"][div class=boxcontainer1]3[div class=boxcontainer2][div class=box]history[/div][/div][/div][/div][/div] [div class=content][div class="tabsContent tabsContent1"] [div class=titleblock]requisite[/div] [div class=infocontainer][div class=overflow][div class=firstword]role[/div] record keeper of imperium renata

[div class=firstword]full name[/div] josephine corliss-juella eyre

[div class=firstword]alias[/div] output

[div class=firstword]age[/div] output

[div class=firstword]gender[/div] output

[div class=firstword]sexuality[/div] output

[div class=firstword]occupation[/div] output

[div class=firstword]place of birth[/div] output

[div class=line][/div]
[div class=firstword]appearance[/div] output[/div][/div][/div][/div] [div class=content][div class="tabsContent tabsContent2" style="display:none"] [div class=titleblock]persona[/div] [div class=infocontainer][div class=overflow] [div class=firstword]vices[/div] output

[div class=firstword]virtues[/div] output

[div class=firstword]quirks[/div] output

[div class=firstword]likes[/div] output

[div class=firstword]dislikes[/div] output

[div class=firstword]skills[/div] output

[div class=line][/div]
[div class=firstword]probably personality[/div] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Erat enim Polemonis. Sed ne, dum huic obsequor, vobis molestus sim. Summus dolor plures dies manere non potest? Omnes enim iucundum motum, quo sensus hilaretur. Est, ut dicis, inquit; Duo Reges: constructio interrete. Haec quo modo conveniant, non sane intellego.Illis videtur, qui illud non dubitant bonum dicere; Unum est sine dolore esse, alterum cum voluptate. Nam et complectitur verbis, quod vult, et dicit plane, quod intellegam; Oculorum, inquit Plato, est in nobis sensus acerrimus, quibus sapientiam non cernimus. Illi enim inter se dissentiunt. Quo plebiscito decreta a senatu est consuli quaestio Cn. Quid enim?De ingenio eius in his disputationibus, non de moribus quaeritur. Quis non odit sordidos, vanos, leves, futtiles? Hic quoque suus est de summoque bono dissentiens dici vere Peripateticus non potest. Tu autem negas fortem esse quemquam posse, qui dolorem malum putet. Quae cum dixisset paulumque institisset, Quid est? [/div][/div][/div][/div] [div class=content][div class="tabsContent tabsContent3" style="display:none"] [div class=titleblock]history[/div] [div class=infocontainer][div class=overflow][div class=firstword]childhood[/div] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Erat enim Polemonis. Sed ne, dum huic obsequor, vobis molestus sim. Summus dolor plures dies manere non potest? Omnes enim iucundum motum, quo sensus hilaretur. Est, ut dicis, inquit; Duo Reges: constructio interrete. Haec quo modo conveniant, non sane intellego.Illis videtur, qui illud non dubitant bonum dicere; Unum est sine dolore esse, alterum cum voluptate. Nam et complectitur verbis, quod vult, et dicit plane, quod intellegam; Oculorum, inquit Plato, est in nobis sensus acerrimus, quibus sapientiam non cernimus. Illi enim inter se dissentiunt. Quo plebiscito decreta a senatu est consuli quaestio Cn. Quid enim?De ingenio eius in his disputationibus, non de moribus quaeritur. Quis non odit sordidos, vanos, leves, futtiles? Hic quoque suus est de summoque bono dissentiens dici vere Peripateticus non potest. Tu autem negas fortem esse quemquam posse, qui dolorem malum putet. Quae cum dixisset paulumque institisset, Quid est?

[div class=line][/div]
background

[div class=firstword]like who you're serving?[/div] blah blah blah blah blah

[div class=firstword]opinion of selection process[/div] blah blah blah blah blah

[div class=firstword]secrets[/div] blah blah blah blah blah

[div class=firstword]desires[/div] blah blah blah blah blah

[div class=firstword]important events[/div] blah blah blah blah blah

[div class=firstword]other[/div] blah blah blah blah blah[/div][/div][/div][/div][/div][/div] [class=credit]width:550px; margin: auto; position: relative; top: 5px; font-size: 9px; color: grey [/class] [div class=credit]code by @diaphanous[/div]
 
The Servant
[class=titleholder]height:60px; padding: 20px 10px 0px 10px; width: 320px; background-image:url(https://78.media.tumblr.com/8be729d2f4a5f93f115727d42c3fcd8e/tumblr_o4cj4qDGtL1s03fboo2_r1_500.jpg); background-size:120%; background-position: 50% 20%; transform:rotate(-90deg); transition:all 1s ease-in-out; color: white; font-size: 30px; text-align: center; letter-spacing: 2px; text-transform: uppercase; font-family: 'Playfair Display', serif; position: relative; top: 130px; margin-left: -120px; [/class] [class name=titleholder state=hover]color: #f1f1f1; text-shadow: 2px 1px 0px #7f806a; letter-spacing: 5px [/class] [script class=bigimage on=mouseenter] addClass selected bigimage fadeIn 600 hoverimg[/script] [script class=bigimage on=mouseleave] addClass selected bigimage fadeOut 800 hoverimg[/script] [div class=titleholder]Marlow Sable
[div class="bigimage" style="height:100%;width:130px;background-image:url(https://i.pinimg.com/736x/ee/85/68/ee8568c140504c408b3b45f3024935d0--follow-me-suspender-skirt.jpg);background-size:230%;background-position:50% 30%;filter: saturate(90%) contrast(100%);position:relative;top:-80px;left:100px"] [div class="hoverimg" style="display:none;height:100%;width:130px;background-image:url(https://thumbs.gfycat.com/CleverGraveBubblefish-size_restricted.gif);background-size:250%;background-position:70% 30%;"][/div][/div] [class=container]height:240px; width: 295px; padding: 5px 5px 5px 5px; font-family: 'Playfair Display', serif; font-style: oblique; position: relative [/class] [class=taboutside]height: 30px; width: 100px; padding-top: 20px; padding-left: 10px; padding-right: 10px; font-size: 0.55em; position: absolute; top: 50px; margin-left: 200px[/class] [div class=container style="top:-400px;left:240px"] [class=tabs]cursor: url(https://i.imgur.com/fkP02Jr.png), pointer; background: black; display: inline-block; color: transparent; font-size: 17px; text-align: center; transition: all .7s ease-in-out [/class] [script class=first on=click] hide tabsContent2 hide tabsContent3 fadeOut 400 tabsContent2 fadeOut 400 tabsContent3 fadeOut 800 tabsContent1 fadeIn 800 tabsContent1[/script] [script class=second on=click] hide tabsContent1 hide tabsContent3 fadeOut 400 tabsContent1 fadeOut 400 tabsContent3 fadeOut 400 tabsContent2 fadeIn 600 tabsContent2[/script] [script class=third on=click] hide tabsContent2 hide tabsContent1 fadeOut 400 tabsContent2 fadeOut 400 tabsContent1 fadeOut 400 tabsContent3 fadeIn 600 tabsContent3[/script] [class=boxcontainer1] display: inline; position: relative; [/class] [class=boxcontainer2] display: inline-block; opacity: 0; position: absolute; margin-left: -15px; margin-top: -10px; height: 100%; text-align: center; transition: opacity 0.4s; width: 100%; [/class] [class name=boxcontainer2 state=hover] opacity: 1; transition: 0.8s; [/class] [class name=box]background-color: #7f806a; border-radius: 10px 10px 10px 0px; margin-top: -10px; color: white; display: inline-block; font-family: Arial, sans-serif; font-size: 0.6em; padding: 2px 5px; letter-spacing: 0.3px; word-spacing:0.5px; text-align: center; transition: 1.5s[/class] [class=infocontainer]height: 230px; width: 295px; padding: 5px; position: absolute; top: 50px; margin-left: -5px; color: white; font-family:'Heebo', sans-serif; font-size: 0.69em; letter-spacing: 0.2px; font-smooth: 2em; overflow: hidden [/class] [class name=overflow]height: 100%; width: 104%; padding-right: 40px; overflow-y: auto; line-height:15px; font-style: normal; text-align: justify [/class] [class name=titleblock]width:295px;font-size:25px;text-align:center;color:#7f806a;text-shadow: 1px 1px 0px white;font-weight:700;margin-top:-260px[/class] [class name=line]height:1px;width:100%;background:#7f806a;[/class] [class=firstword]height: 10px; display: inline-block; background: #7f806a; padding: 0px 5px 7px 5px; color: #fff; font-weight: 700 [/class] [div class=taboutside style=position:relative;margin-top:220px;left:-100px;color:transparent;][div class="tabs first" style="height:10px;width: 10px;border-radius: 50%;background: #7f806a"][div class=boxcontainer1]1[div class=boxcontainer2][div class=box]requisite[/div][/div][/div][/div][div class="tabs second" style="height:10px;width: 10px;border-radius: 50%;background: #7f806a"][div class=boxcontainer1]2[div class=boxcontainer2][div class=box]persona[/div][/div][/div][/div][div class="tabs third" style="height:10px;width: 10px;border-radius: 50%;background: #7f806a"][div class=boxcontainer1]3[div class=boxcontainer2][div class=box]history[/div][/div][/div][/div][/div] [div class=content][div class="tabsContent tabsContent1"] [div class=titleblock]requisite[/div] [div class=infocontainer][div class=overflow][div class=firstword]role[/div] servant of imperium renata

[div class=firstword]full name[/div] marlow anais sable

[div class=firstword]alias[/div] output

[div class=firstword]age[/div] output

[div class=firstword]gender[/div] output

[div class=firstword]sexuality[/div] output

[div class=firstword]occupation[/div] output

[div class=firstword]place of birth[/div] output

[div class=line][/div]
[div class=firstword]appearance[/div] output[/div][/div][/div][/div] [div class=content][div class="tabsContent tabsContent2" style="display:none"] [div class=titleblock]persona[/div] [div class=infocontainer][div class=overflow] [div class=firstword]vices[/div] output

[div class=firstword]virtues[/div] output

[div class=firstword]quirks[/div] output

[div class=firstword]likes[/div] output

[div class=firstword]dislikes[/div] output

[div class=firstword]skills[/div] output

[div class=line][/div]
[div class=firstword]probably personality[/div] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Erat enim Polemonis. Sed ne, dum huic obsequor, vobis molestus sim. Summus dolor plures dies manere non potest? Omnes enim iucundum motum, quo sensus hilaretur. Est, ut dicis, inquit; Duo Reges: constructio interrete. Haec quo modo conveniant, non sane intellego.Illis videtur, qui illud non dubitant bonum dicere; Unum est sine dolore esse, alterum cum voluptate. Nam et complectitur verbis, quod vult, et dicit plane, quod intellegam; Oculorum, inquit Plato, est in nobis sensus acerrimus, quibus sapientiam non cernimus. Illi enim inter se dissentiunt. Quo plebiscito decreta a senatu est consuli quaestio Cn. Quid enim?De ingenio eius in his disputationibus, non de moribus quaeritur. Quis non odit sordidos, vanos, leves, futtiles? Hic quoque suus est de summoque bono dissentiens dici vere Peripateticus non potest. Tu autem negas fortem esse quemquam posse, qui dolorem malum putet. Quae cum dixisset paulumque institisset, Quid est? [/div][/div][/div][/div] [div class=content][div class="tabsContent tabsContent3" style="display:none"] [div class=titleblock]history[/div] [div class=infocontainer][div class=overflow][div class=firstword]childhood[/div] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Erat enim Polemonis. Sed ne, dum huic obsequor, vobis molestus sim. Summus dolor plures dies manere non potest? Omnes enim iucundum motum, quo sensus hilaretur. Est, ut dicis, inquit; Duo Reges: constructio interrete. Haec quo modo conveniant, non sane intellego.Illis videtur, qui illud non dubitant bonum dicere; Unum est sine dolore esse, alterum cum voluptate. Nam et complectitur verbis, quod vult, et dicit plane, quod intellegam; Oculorum, inquit Plato, est in nobis sensus acerrimus, quibus sapientiam non cernimus. Illi enim inter se dissentiunt. Quo plebiscito decreta a senatu est consuli quaestio Cn. Quid enim?De ingenio eius in his disputationibus, non de moribus quaeritur. Quis non odit sordidos, vanos, leves, futtiles? Hic quoque suus est de summoque bono dissentiens dici vere Peripateticus non potest. Tu autem negas fortem esse quemquam posse, qui dolorem malum putet. Quae cum dixisset paulumque institisset, Quid est?

[div class=line][/div]
background

[div class=firstword]like who you're serving?[/div] blah blah blah blah blah

[div class=firstword]opinion of selection process[/div] blah blah blah blah blah

[div class=firstword]secrets[/div] blah blah blah blah blah

[div class=firstword]desires[/div] blah blah blah blah blah

[div class=firstword]important events[/div] blah blah blah blah blah

[div class=firstword]other[/div] blah blah blah blah blah[/div][/div][/div][/div][/div][/div] [class=credit]width:550px; margin: auto; position: relative; top: 5px; font-size: 9px; color: grey [/class] [div class=credit]code by @diaphanous[/div]
 
The Apothecary
[class=titleholder]height:60px; padding: 20px 10px 0px 10px; width: 320px; background-image:url(https://c1.staticflickr.com/6/5545/9423923914_449566b1ff_b.jpg); background-size:120%; background-position: 50% 20%; transform:rotate(-90deg); transition:all 1s ease-in-out; color: white; font-size: 30px; text-align: center; letter-spacing: 2px; text-transform: uppercase; font-family: 'Playfair Display', serif; position: relative; top: 130px; margin-left: -120px; [/class] [class name=titleholder state=hover]color: #f1f1f1; text-shadow: 2px 1px 0px #7f806a; letter-spacing: 5px [/class] [script class=bigimage on=mouseenter] addClass selected bigimage fadeIn 600 hoverimg[/script] [script class=bigimage on=mouseleave] addClass selected bigimage fadeOut 800 hoverimg[/script] [div class=titleholder]Olivier Paeng
[div class="bigimage" style="height:100%;width:130px;background-image:url(https://www.dramafever.com/st/news/images/09_zpsgrpfqjoe.jpg);background-size:230%;background-position:50% 30%;filter: saturate(90%) contrast(100%);position:relative;top:-80px;left:100px"] [div class="hoverimg" style="display:none;height:100%;width:130px;background-image:url(https://78.media.tumblr.com/c22ade31b184c99e1dea5c39bedbef07/tumblr_ogqwifALsS1tx7ds3o3_r1_400.gif);background-size:250%;background-position:70% 30%;"][/div][/div] [class=container]height:240px; width: 295px; padding: 5px 5px 5px 5px; font-family: 'Playfair Display', serif; font-style: oblique; position: relative [/class] [class=taboutside]height: 30px; width: 100px; padding-top: 20px; padding-left: 10px; padding-right: 10px; font-size: 0.55em; position: absolute; top: 50px; margin-left: 200px[/class] [div class=container style="top:-400px;left:240px"] [class=tabs]cursor: url(https://i.imgur.com/fkP02Jr.png), pointer; background: black; display: inline-block; color: transparent; font-size: 17px; text-align: center; transition: all .7s ease-in-out [/class] [script class=first on=click] hide tabsContent2 hide tabsContent3 fadeOut 400 tabsContent2 fadeOut 400 tabsContent3 fadeOut 800 tabsContent1 fadeIn 800 tabsContent1[/script] [script class=second on=click] hide tabsContent1 hide tabsContent3 fadeOut 400 tabsContent1 fadeOut 400 tabsContent3 fadeOut 400 tabsContent2 fadeIn 600 tabsContent2[/script] [script class=third on=click] hide tabsContent2 hide tabsContent1 fadeOut 400 tabsContent2 fadeOut 400 tabsContent1 fadeOut 400 tabsContent3 fadeIn 600 tabsContent3[/script] [class=boxcontainer1] display: inline; position: relative; [/class] [class=boxcontainer2] display: inline-block; opacity: 0; position: absolute; margin-left: -15px; margin-top: -10px; height: 100%; text-align: center; transition: opacity 0.4s; width: 100%; [/class] [class name=boxcontainer2 state=hover] opacity: 1; transition: 0.8s; [/class] [class name=box]background-color: #7f806a; border-radius: 10px 10px 10px 0px; margin-top: -10px; color: white; display: inline-block; font-family: Arial, sans-serif; font-size: 0.6em; padding: 2px 5px; letter-spacing: 0.3px; word-spacing:0.5px; text-align: center; transition: 1.5s[/class] [class=infocontainer]height: 230px; width: 295px; padding: 5px; position: absolute; top: 50px; margin-left: -5px; color: white; font-family:'Heebo', sans-serif; font-size: 0.69em; letter-spacing: 0.2px; font-smooth: 2em; overflow: hidden [/class] [class name=overflow]height: 100%; width: 104%; padding-right: 40px; overflow-y: auto; line-height:15px; font-style: normal; text-align: justify [/class] [class name=titleblock]width:295px;font-size:25px;text-align:center;color:#7f806a;text-shadow: 1px 1px 0px white;font-weight:700;margin-top:-260px[/class] [class name=line]height:1px;width:100%;background:#7f806a;[/class] [class=firstword]height: 10px; display: inline-block; background: #7f806a; padding: 0px 5px 7px 5px; color: #fff; font-weight: 700 [/class] [div class=taboutside style=position:relative;margin-top:220px;left:-100px;color:transparent;][div class="tabs first" style="height:10px;width: 10px;border-radius: 50%;background: #7f806a"][div class=boxcontainer1]1[div class=boxcontainer2][div class=box]requisite[/div][/div][/div][/div][div class="tabs second" style="height:10px;width: 10px;border-radius: 50%;background: #7f806a"][div class=boxcontainer1]2[div class=boxcontainer2][div class=box]persona[/div][/div][/div][/div][div class="tabs third" style="height:10px;width: 10px;border-radius: 50%;background: #7f806a"][div class=boxcontainer1]3[div class=boxcontainer2][div class=box]history[/div][/div][/div][/div][/div] [div class=content][div class="tabsContent tabsContent1"] [div class=titleblock]requisite[/div] [div class=infocontainer][div class=overflow][div class=firstword]role[/div] servant of imperium renata

[div class=firstword]full name[/div] olivier thomas paeng

[div class=firstword]alias[/div] stitches

[div class=firstword]age[/div] 32

[div class=firstword]gender[/div] cis-male

[div class=firstword]sexuality[/div] bisexual

[div class=firstword]occupation[/div] ex-pirate/doctor, apothecary

[div class=firstword]place of birth[/div] output

[div class=line][/div]
[div class=firstword]appearance[/div] hair color: dark brown eye color: dark brown distinguishing attributes: -dark, thick eyebrows, -(rare but) charming smile markings: scar along his throat body type: lean and noticably masculine posture: relaxed yet confident style of dress: out on the town [/div][/div][/div][/div] [div class=content][div class="tabsContent tabsContent2" style="display:none"] [div class=titleblock]persona[/div] [div class=infocontainer][div class=overflow] [div class=firstword]vices[/div] -drinker: -loose morals: -invasive: -cynical: -suspicious: self-involved:

[div class=firstword]virtues[/div] -thorough: -attentive: -curious: -opportunist -respects authority -staunch

[div class=firstword]quirks[/div] -his accent gets heavier with each drink in his system -gestures with his hands when aggravated

[div class=firstword]likes[/div] -a stiff one -privacy -dancing -the ocean -security

[div class=firstword]dislikes[/div] -closed off areas -aggressive scents -vagueness -chains -persistence

[div class=firstword]skills[/div] output

[div class=line][/div]
[div class=firstword]probably personality[/div] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Erat enim Polemonis. Sed ne, dum huic obsequor, vobis molestus sim. Summus dolor plures dies manere non potest? Omnes enim iucundum motum, quo sensus hilaretur. Est, ut dicis, inquit; Duo Reges: constructio interrete. Haec quo modo conveniant, non sane intellego.Illis videtur, qui illud non dubitant bonum dicere; Unum est sine dolore esse, alterum cum voluptate. Nam et complectitur verbis, quod vult, et dicit plane, quod intellegam; Oculorum, inquit Plato, est in nobis sensus acerrimus, quibus sapientiam non cernimus. Illi enim inter se dissentiunt. Quo plebiscito decreta a senatu est consuli quaestio Cn. Quid enim?De ingenio eius in his disputationibus, non de moribus quaeritur. Quis non odit sordidos, vanos, leves, futtiles? Hic quoque suus est de summoque bono dissentiens dici vere Peripateticus non potest. Tu autem negas fortem esse quemquam posse, qui dolorem malum putet. Quae cum dixisset paulumque institisset, Quid est? [/div][/div][/div][/div] [div class=content][div class="tabsContent tabsContent3" style="display:none"] [div class=titleblock]history[/div] [div class=infocontainer][div class=overflow][div class=firstword]childhood[/div] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Erat enim Polemonis. Sed ne, dum huic obsequor, vobis molestus sim. Summus dolor plures dies manere non potest? Omnes enim iucundum motum, quo sensus hilaretur. Est, ut dicis, inquit; Duo Reges: constructio interrete. Haec quo modo conveniant, non sane intellego.Illis videtur, qui illud non dubitant bonum dicere; Unum est sine dolore esse, alterum cum voluptate. Nam et complectitur verbis, quod vult, et dicit plane, quod intellegam; Oculorum, inquit Plato, est in nobis sensus acerrimus, quibus sapientiam non cernimus. Illi enim inter se dissentiunt. Quo plebiscito decreta a senatu est consuli quaestio Cn. Quid enim?De ingenio eius in his disputationibus, non de moribus quaeritur. Quis non odit sordidos, vanos, leves, futtiles? Hic quoque suus est de summoque bono dissentiens dici vere Peripateticus non potest. Tu autem negas fortem esse quemquam posse, qui dolorem malum putet. Quae cum dixisset paulumque institisset, Quid est?

[div class=line][/div]
background

[div class=firstword]like who you're serving?[/div] blah blah blah blah blah

[div class=firstword]opinion of selection process[/div] blah blah blah blah blah

[div class=firstword]secrets[/div] blah blah blah blah blah

[div class=firstword]desires[/div] blah blah blah blah blah

[div class=firstword]important events[/div] blah blah blah blah blah

[div class=firstword]other[/div] blah blah blah blah blah[/div][/div][/div][/div][/div][/div] [class=credit]width:550px; margin: auto; position: relative; top: 5px; font-size: 9px; color: grey [/class] [div class=credit]code by @diaphanous[/div]
 
Last edited:

Users who are viewing this thread

Back
Top