quadratis
๐ฐ๐ฎ๐ฒ๐๐ฏ๐ข
[class=variables]
--accent: #000000;
cursor: url('http://i.imgur.com/ZOrzC.png'), auto !important
[/class]
[class=bkg] position: relative; width: 695px; height: 488px;
background: black; border-radius: 5px 40px 5px;
overflow: hidden;
margin: auto; [/class]
[class=header] position: absolute; left: 10px; top: 10px; overflow: visible; width: 203px; height: 40px;
text-align: left;
text-transform: uppercase;
font-family: Segoe UI;
font-style: normal;
font-weight: bold;
font-size: 20px;
color: white; [/class]
[class=subhead] position: absolute; left: 10px; top: 70px; overflow: visible; width: 203px; height: 40px;
text-align: left;
text-transform: lowercase;
font-family: Segoe UI;
font-style: normal;
font-weight: none;
font-size: 12px;
color: white; [/class]
[class=deco] overflow: visible; position: absolute; height: 1px; left: 475.5px; top: 280px; background: #860505; [/class]
[class=deco2] overflow: visible; position: absolute; height: 200px; width: 2px; left: 20px; top: 100px; background: #292927; [/class]
[class=deco3] overflow: visible; position: absolute; height: 15px; width: 120px; right: 40px; top: 0px; background: #764F37; border-radius: 10px 40px 10px; [/class]
[class=tags] display: inline; border-bottom: 1.5px solid #764F37; font-size: 12px;
color: #A2AE85; text-transform: uppercase; font-weight: bold; [/class]
[class=post] position: absolute; overflow: visible; width: 436px; height: 400px; left: 20px; top: 0px;
background: black;
text-transform: lowercase; [/class]
[class=cover] position: absolute; overflow: visible; width: 436px; height: 398px; left: 0px; top: 0px;
background: url('https://i.pinimg.com/originals/44/eb/69/44eb69179b63b5fe2ab2224f08b1cc2e.jpg') black;
background-size: 120%; border-radius: 5px 25px 5px; [/class]
[class=img] position: absolute; overflow: visible; width: 200px; height: 260px; left: 465px; top: 0px;
background: url('') black;
background-size: 100%;
opacity: 0.7; animation: {post_id}hover 7s linear infinite; [/class]
[class=img2] position: absolute; overflow: visible; width: 200px; height: 100px; left: 300px; top: 0px;
background: url('https://i.pinimg.com/originals/58/f2/af/58f2af2540fce9357a0332a60db4d55c.png') black;
background-size: 125%; border-radius: 100%;
animation: {post_id}hover 4.5s linear infinite; [/class]
[class=img3] position: absolute; overflow: visible; width: 200px; height: 200px; left: 453.5px; top: 188.5px;
background: url('https://i.pinimg.com/originals/9e/cf/e0/9ecfe0d08ccb2e203c2aa65dc2754576.jpg') black;
background-size: 100%; border-radius: 100%; box-shadow: 3px 2px 9px 3px #3D0000;
animation: {post_id}nudge 5s linear infinite; animation-direction: alternate; [/class]
[class=img4] position: absolute; overflow: visible; width: 200px; height: 200px; left: 500px; top: 250px; background: black; background-size: 100%; [/class]
[class=img5] position: absolute; overflow: visible; width: 200px; height: 200px; left: 20px; top: 57.5px; background: url('https://i.pinimg.com/originals/f3/39/64/f33964d7a062b831c430b71a152feb3e.jpg') black; background-size: 100%; border-top: 1px dotted #AEA085;[/class]
[animation=hover]
[keyframe=0]transform: translateY(0.3em);[/keyframe]
[keyframe=50]transform: translateY(-0.3em);[/keyframe]
[keyframe=100]transform: translateY(0.3em);[/keyframe]
[/animation]
[animation=nudge]
[keyframe=0]transform: translate(0, 0);[/keyframe]
[keyframe=100]transform: translate(20px, 50px);[/keyframe]
[/animation]
[class=content] position: absolute; left: 0px; top: 70px; overflow: visible; width: 600px; height: 350.5px; [/class]
[class=c1text] position: absolute; left: 400px; top: 75px; overflow: visible; width: 600px; height: 350.5px;
text-align: left; font-family: Segoe UI; font-style: normal; font-weight: normal; font-size: 11px;
color: rgba(112,112,112,1); white-space: pre-wrap; text-transform: lowercase; [/class]
[class=content2] position: absolute; left: 0px; top: 50px; overflow: visible; width: 600px; height: 350px; [/class]
[class=c2text] position: absolute; left: -25px; top: 75px; width: 386px; height: 300px;
text-align: left; font-family: Segoe UI; font-style: normal; font-weight: normal; font-size: 13px;
color: #D9D3C7;
white-space: pre-wrap;
text-transform: none; [/class]
[class=content3] position: absolute; left: 0px; top: 50px; overflow: visible; width: 600px; height: 350px; [/class]
[class=c3text] position: absolute; left: 0px; top: 20px; width: 386px; height: 300px;
text-align: left; font-family: Segoe UI; font-style: normal; font-weight: normal; font-size: 13px;
color: #D9D3C7;
white-space: pre-wrap;
text-transform: none; [/class]
[class=content4] position: absolute; left: 0px; top: 50px; overflow: visible; width: 600px; height: 350px; [/class]
[class=c4text] position: absolute; left: 10px; top: 22.5px; overflow: visible; width: 386px; height: 300px; text-align: left; font-family: Segoe UI; font-style: normal; font-weight: normal; font-size: 13px;
color: #D9D3C7;
white-space: pre-wrap;
text-transform: none; [/class]
[class=content5] position: absolute; left: 0px; top: 50px; overflow: visible; width: 600px; height: 350px; [/class]
[class=c5text] position: absolute; left: 10px; top: 22.5px; overflow: visible; width: 386px; height: 300px; text-align: left; font-family: Segoe UI; font-style: normal; font-weight: normal; font-size: 13px;
color: #D9D3C7;
white-space: pre-wrap;
text-transform: none; [/class]
[class=tabs] position: absolute; overflow: visible; width: 20px; height: 20px; left: 0px; top: 10px; [/class]
[class=tab1] position: absolute; overflow: visible; width: 10px; height: 10px; left: 10px; top: 20px;
font-size: 20px; color: #AE8585; transition: 0.5s; [/class]
[class=tab2] position: absolute; overflow: visible; width: 50px; height: 10px; left: 60px; top: 28px;
text-align: center; font-family: Segoe UI; text-transform: uppercase; font-size: 12px;
color: white; transition: 0.5s; [/class]
[class=tab3] position: absolute; overflow: visible; width: 50px; height: 10px; left: 110px; top: 28px;
text-align: center; font-family: Segoe UI; text-transform: uppercase; font-size: 12px;
color: white; transition: 0.5s; [/class]
[class=tab4] position: absolute; overflow: visible; width: 50px; height: 10px; left: 160px; top: 28px;
text-align: center; font-family: Segoe UI; text-transform: uppercase; font-size: 12px;
color: white; transition: 0.5s; [/class]
[class=tab5] position: absolute; overflow: visible; width: 50px; height: 10px; left: 210px; top: 28px;
text-align: center; font-family: Segoe UI; text-transform: uppercase; font-size: 12px;
color: white; transition: 0.5s; [/class]
[class name=tab1 state=hover]
color: #AEA085;
[/class]
[class name=tab2 state=hover]
color: #7EA2A6;
[/class]
[class name=tab3 state=hover]
color: #7EA2A6;
[/class]
[class name=tab4 state=hover]
color: #7EA2A6;
[/class]
[class name=tab5 state=hover]
color: #7EA2A6;
[/class]
[script class=tab1 on=click]
hide content2
hide content3
hide content4
hide content5
fadeIn 0900 content
[/script]
[script class=tab2 on=click]
hide content
hide content3
hide content4
hide content5
fadeIn 0900 content2
[/script]
[script class=tab3 on=click]
hide content2
hide content
hide content4
hide content5
fadeIn 0900 content3
[/script]
[script class=tab4 on=click]
hide content3
hide content2
hide content
hide content5
fadeIn 0900 content4
[/script]
[script class=tab5 on=click]
hide content4
hide content3
hide content2
hide content
fadeIn 0900 content5
[/script]
[div class=variables]
[div class=bkg]
[div class=post]
[div class=tabs][/div]
[div class=tab1][/div]
[div class=tab2]story[/div]
[div class=tab3]rules[/div]
[div class=tab4]roles[/div]
[div class=tab5]FAQs[/div]
[div class=content]
[div class=cover]
[/div][/div][/div]
[/div]
[div class="content2 hidden" style=display:none;]
[div class=header]
See rule number four for more details.
[div class=tags]004. โ Flighters[/div] We are hoping that you won't have a fight or flight response to our roleplay and leave without informing us. If we don't hear from you five days after expecting you to post, we will most likely continue the role-play without and remove you altogether. Please let us know if you're having difficulty posting due to personal reasons, for a lot of us are incredibly understanding given the current pandemic and life difficulties.
[div class=tags]005. โ 18+ Mature[/div] Recognizing that a lot of role-plays are catered around people who are 18 years of age and higher, we do want to share that we are merely looking for someone who is mature enough to handle the expectant details that will be in the role-play.
[div class=tags]006. โ Death & Injury[/div] As the role-play progresses there will be some instances where we would deal with in-character violence that could lead the characters to near death experiences. We won't kill the characters off without convening with their creator, but to keep things interesting, we would like it if the creators keep an open mind towards the impending outcome of an injury and possible death.
[/div][/div][/div]
[/div]
[div class="content4 hidden" style=display:none;]
[div class=header]
[div class=tags]ยซ What about the Lore? [/div]
For reasons alike to the one above, we have decided to keep a large portion of the lore a secret. We would like for the characters and roleplayers themselves to slowly find out more about the world and the other not-so-human people as they progress through the story.
[div class=tags]ยซ Character Creation[/div]
[/div][/div][/div]
[/div]
[class=credit] position: relative; left: 555px; top: 0px; overflow: visible; width: 100px; height: 40px;
text-align: left; text-transform: lowercase; font-family: Segoe UI; font-style: normal; font-weight: none;
font-size: 10px; color: #848381; [/class]
[div class=credit]coded by
quadratis
[/div]
[/div]
[/div]
[/div]
The ห ห ห ห ห
[/div]
[div class=header]Beginning
[/div]
[div class=img2][/div][div class=img3][/div]
[div class=c2text][/div]
[/div]
[div class="content3 hidden" style=display:none;]
[div class=deco2][/div][div class=deco3][/div]
[div class=header] Rules
[/div]
[div class=subhead] basic rpnation guidelines & roleplay requirements.
hidden scroll
[/div][div class=img4][/div]
[div class=c3text] We are looking for people who can post a minimum of 400 words while being descriptive in their posts. Detail plays a major role in this role-play because you're giving us something wonderful to work with. We don't have high expectations, and we have no doubt that you'll be able to accomplish this upon joining of course.
[div class=tags]003. โ Activity[/div] We are looking for people who are not only active with their posts, but try to be active out of character. The reasons behind this is because we are looking for people who are interested in our role-play just as much as we are, and are communicative with us with their interest and availability. We want this roleplay to be long-term and therefore request a post minimum of once a week. We understand that during these times, things might happen which might make it impossible to post, but please try to inform us about it if it happens. hidden scroll
See rule number four for more details.
[div class=tags]004. โ Flighters[/div] We are hoping that you won't have a fight or flight response to our roleplay and leave without informing us. If we don't hear from you five days after expecting you to post, we will most likely continue the role-play without and remove you altogether. Please let us know if you're having difficulty posting due to personal reasons, for a lot of us are incredibly understanding given the current pandemic and life difficulties.
[div class=tags]005. โ 18+ Mature[/div] Recognizing that a lot of role-plays are catered around people who are 18 years of age and higher, we do want to share that we are merely looking for someone who is mature enough to handle the expectant details that will be in the role-play.
[div class=tags]006. โ Death & Injury[/div] As the role-play progresses there will be some instances where we would deal with in-character violence that could lead the characters to near death experiences. We won't kill the characters off without convening with their creator, but to keep things interesting, we would like it if the creators keep an open mind towards the impending outcome of an injury and possible death.
[/div][/div][/div]
[/div]
[div class="content4 hidden" style=display:none;]
[div class=header]Roles
[/div]
[div class=subhead]hidden scroll
[/div]
[div class=img5][/div]
[div class=c4text] Having been a gypsy and an adventurer at heart, theyโve always had the ability and the will to be and do whatever they want. Typically they do not spend a lot of time pondering on when theyโll settle down because they do not need a home when the world is their domain. Through experience theyโve learned first hand that without risk youโre only hurting yourself, and this recklessness is what gives them wings.
Relationship(s): Amiable with the Historian and the Thief. Not so much with the Diplomat and the Medic.
[div class=tags]โ The Historian[/div] With their head in the books, they live on with their lives. While the world around them might be on the verge of ceasing to exist, they hold tightly to each and every bit of knowledge they can find ( maybe almost desperately). Is determined to keep the history alive for as long as they can, before and possibly after death. Searches for answers that could not be explained, because there has to be a reason for everything, right?
Relationship(s): Amiable with the Medic, occasionally with the Diplomat and the Compass. Not so much with the Thief.
[div class=tags]โ The Thief[/div] lives in the grey area of life where you must do what it takes to survive, even if it means breaking your own moral compass. Laws are now something of the past and within the chaos of it all, they have learned that the right tricks of thievery equals to another day of living. Withdrawn and suspicious, because selfishness reigns in this world and trust is too easily broken. A person who dabbles, perhaps, more often into their vices than their virtuesโฆ Maybe because they secretly got to like the way of the underworld (or maybe because they no longer know what else to do).
Relationship(s): Amiable with the Compass. Not so much with the Diplomat, the Medic, and the Historian.
[div class=tags]โ The Medic[/div] Medicine isnโt what theyโve always known, but nurturing is how theyโve always been. Life and death is as black and white as the night sky to them, and this isnโt something that theyโre afraid of greeting one day. Life is fragile and living has to be cherished just as quick as death has to be greeted. Having lived each passing day with a cautious stride, recklessness is not something that theyโve sought. They feel more appreciative of yesterday, today, and tomorrow then the next one.
Relationship(s): Amiable with the Diplomat and the Historian. Not so much with the Compass and the Thief.
[/div][/div][/div]
[/div]
[div class="content5 hidden" style=display:none;]
[div class=header] Frequently Asked Questions
[/div]
[div class=subhead] Every Question will be answered here! Once you've finished reading the entirety of the post go ahead and say: "Daemon!" This helps us better understand your interest in the role-play.
love,
reverie & square
hidden scroll
[/div]
[div class=deco2][/div]
[div class=c5text]
This RP is fantasy based because humanity is being thrown into a dystopian way of life due to fantasy, mythological inspired creatures. Both of the GMs will be role-playing two major characters that play an important role in your character's lives. For now we will identify them as, "Winged Beasts."
love,
reverie & square
hidden scroll
What are these Winged Beasts? Can we RP as them?
Not yet. Only we, the GMs, are able to play as Winged Beasts for nowโฆ The reason behind it is because we are not only trying to add a flair of mystery before Winged Beast(s) become playable, but because they play a major role in the role-play's story in itself. You will slowly find out why this is, as the details have been planned, and we hope that the lack of knowledge will keep you on your toes once you've been accepted.
[div class=tags]ยซ What about the Lore? [/div]
For reasons alike to the one above, we have decided to keep a large portion of the lore a secret. We would like for the characters and roleplayers themselves to slowly find out more about the world and the other not-so-human people as they progress through the story.
[div class=tags]ยซ Character Creation[/div]
Can we create a character other than the roles that are listed?
Preferably no. We would like to keep the RP a small group RP, and weโre afraid of investing an OC into the story only for the person RPing the OC to be flighty. Weโre looking for committed roleplayers before we allow additional Original Characters to be made; this supports the reason why the Winged Beasts are currently unavailable.
What if none of the (human) roles interest me?
We will be introducing new roles as the story progresses. We do note, however, that the Winged Beast(s) spots are going to be limited once theyโre made available. For the people accepted as the initial human roles, you can put a soft reserve on a WB role if you donโt mind playing two characters.
[div class=tags]Are any of the characters first come first served?[/div]
NO. None of the characters are first come first served. There will be an application form and we will pick the ones we find most suited for the role-play.
[/div][/div][/div]
[/div]
[class=credit] position: relative; left: 555px; top: 0px; overflow: visible; width: 100px; height: 40px;
text-align: left; text-transform: lowercase; font-family: Segoe UI; font-style: normal; font-weight: none;
font-size: 10px; color: #848381; [/class]
[div class=credit]coded by
quadratis
[/div]
[/div]
[/div]
[/div]
Last edited:
uwu
