apolla
❛ it's only love, nobody dies ❜
[class=variables]
--color: #daa520;
cursor: url('http://i.imgur.com/ZOrzC.png'), auto !important
[/class]
[class=container]
width: 460px;
height: 300px;
display: flex;
margin: auto;
[/class]
[class=left]
background-color: var(--color);
height: 300px;
width: 220px;
padding: 10px;
box-sizing: border-box;
[/class]
[class name=left maxWidth=450px]
width: 135px;
padding: 5px;
height: 290px;
[/class]
[class=img]
height: 280px;
width: 200px;
background-image: url('https://www.narcity.com/u/2018/06/18/64db24f5323fc2b033d02bd5152e625b95f925bd.jpg_640xrel.jpg');
filter: saturate(100%);
background-size: cover;
padding: 20px;
box-sizing: border-box;
background-position: 50% 50%;
[/class]
[class name=img maxWidth=450px]
width: 125px;
[/class]
[class=brackets]
height: 100%;
width: 100%;
background:
linear-gradient(to right, white 2px, transparent 2px) 0 100%,
linear-gradient(to left, white 2px, transparent 2px) 100% 0,
linear-gradient(to bottom, white 2px, transparent 2px) 100% 0,
linear-gradient(to top, white 2px, transparent 2px) 0 100%;
background-repeat: no-repeat;
background-size: 20px 20px;
[/class]
[class name=brackets maxWidth=450px]
opacity: 0;
[/class]
[class=right]
width: 240px;
height: 300px;
display: flex;
flex-direction: column;
[/class]
[class=contentContainer]
position: relative;
width: 240px;
height: 270px;
[/class]
[class name=contentContainer maxWidth=450px]
left: -5px;
[/class]
[class=content]
position: absolute;
opacity: 0;
transition: 0.5s;
width: 240px;
height: 270px;
font-size: 12px;
padding-left: 10px;
box-sizing: border-box;
overflow: hidden;
[/class]
[class=scroll]
width: 100%;
padding-right: 150px;
height: 100%;
overflow-y: scroll;
[/class]
[class=name]
font-weight: 900;
text-align: center;
border-bottom: 4px solid var(--color);
width: 160px;
display: block;
margin: 10% auto;
font-size: 18px;
position: relative;
[/class]
[class=textHome]
font-size: 12px;
text-align: center;
text-transform: uppercase;
width: 200px;
margin: 0 6.5%;
[/class]
[class=title]
text-align: center;
font-size: 16px;
text-transform: uppercase;
font-weight: 900;
[/class]
[class=tag]
display: inline-block;
border-bottom: 1px solid var(--color);
height: 15px;
font-size: 10px;
text-transform: uppercase;
[/class]
[class=imgSmallContainer]
width: 80%;
height: 70px;
display: flex;
justify-content: space-between;
margin: 10px auto;
[/class]
[class=imgSmall]
width: 70px;
height: 70px;
background-size: cover;
background-position: 50% 50%;
filter: saturate(70%);
[/class]
[class=tabs]
display: flex;
width: 150px;
margin: 0 23%;
justify-content: space-between;
[/class]
[class name=tabs maxWidth=450px]
position: relative;
left: -10px;
[/class]
[class=tab]
border-radius: 50%;
height: 20px;
width: 20px;
border: 1px solid black;
transition: 0.5s;
[/class]
[class name=tab state=hover]
cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important;
border: 1px solid var(--color);
[/class]
[class=show]
z-index: 1;
opacity: 1;
[/class]
[class=click]
border: 1px solid var(--color);
background-color: var(--color);
[/class]
[script class=tab01 on=click]
addClass click tab01
removeClass click tab02
removeClass click tab03
removeClass click tab04
addClass show content01
removeClass show content02
removeClass show content03
removeClass show content04
removeClass show contentHome
[/script]
[script class=tab02 on=click]
addClass click tab02
removeClass click tab01
removeClass click tab03
removeClass click tab04
addClass show content02
removeClass show content01
removeClass show content03
removeClass show content04
removeClass show contentHome
[/script]
[script class=tab03 on=click]
addClass click tab03
removeClass click tab01
removeClass click tab02
removeClass click tab04
addClass show content03
removeClass show content01
removeClass show content02
removeClass show content04
removeClass show contentHome
[/script]
[script class=tab04 on=click]
addClass click tab04
removeClass click tab01
removeClass click tab02
removeClass click tab03
addClass show content04
removeClass show content01
removeClass show content02
removeClass show content03
removeClass show contentHome
[/script]
[div class=variables]
[div class=container]
[div class=left]
[div class=img]
[div class=brackets][/div]
[/div]
[/div]
[div class=right]
[div class=contentContainer]
[div class="show content contentHome"]
[div class=name]SHADOWTHORNE.[/div]
[div class=textHome]
welcome to
shadowthorne
population. 0
dont break down here.[/div] [/div] [div class="content content01"] [div class=scroll] [div class=title]rules[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://trunard.info/wp-content/uploads/2019/07/road-trip-aesthetic-roadtrip-travel-love-aesthetic-c971872854f6db85d26c2a63fb6d0d349-1024x768.jpg');"][/div] [div class=imgSmall style="background-image: url('https://media.giphy.com/media/3o6nV2VVNgLE26QR4Q/giphy.gif');"][/div] [/div] [div class=title]appearance[/div] [div class=tag]001[/div] Be polite and respectful. If you can't manage this, you will be kicked, and YC will be killed off. (ha.)
[div class=tag]002[/div] No rushing people for replies. I'd like this RP to last and people hate being rushed. But at the same time, I want this roleplay to be active, so if you aren't going to be active, please do not express interest or make a CS. I get that things come up, that's not what I'm talking about.
[div class=tag]003[/div] Quality over quantity. No one liners. There is a 2 paragraph minimum per post.
[div class=tag]004[/div] This is NOT first come, first serve.
[div class=tag]005[/div] Romance isn't a must, but it's encouraged/enjoyed by most. (Note, I said most). But don't break RPN's rules.
[div class=tag]006[/div] Be mature. Not saying this RP is going to break RPN's rules, but i'm saying there may be mature topics/triggers. Do not bash anyone's character or anything like that.
[div class=tag]007[/div] On the topic of triggers, please be respectful. Do some research if you have to. Triggers are nothing to take lightly, and if someone gets upset, don't bash them for getting upset. Warn us if your post or character has triggers/trigger warnings.
[div class=tag]008[/div] If you have an issue with someone, come to me first. Or be a big person and actually talk to them about it.
[div class=tag]009[/div]There WILL be a discord for ooc.
[/div] [/div] [div class="content content02"] [div class=scroll] [div class=title]plot[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://trunard.info/wp-content/uploads/2019/07/road-trip-aesthetic-palm-springs-roadtrip-little-black-shell-4-of-4-1440x1920-768x1024.jpg');"][/div] [div class=imgSmall style="background-image: url('https://media.giphy.com/media/3gMrckMswfRWC3Gb5H/giphy.gif');"][/div] [/div] [div class=tag]You never thought[/div] this day would come. You managed to save up to go on a road trip with your friends. Where to? It doesn't matter, as long as you're together for it. Whether you've been friends for years or are new to the group, you're invited. We're gonna rent a shitty van (or drive someones) and just go.
But what happens when this dream trip turns into your worst nightmare? [/div] [/div] [div class="content content03"] [div class=scroll] [div class=title]about[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://d2ykdu8745rm9t.cloudfront.net/cover/i/009/303/957/picture-9315.jpg?rect=1,0,598,598&q=98&fm=jpg&fit=max');"][/div] [div class=imgSmall style="background-image: url('https://media.giphy.com/media/13NliumHT9UpJ6/giphy.gif');"][/div] [/div] [div class=tag]So basically[/div] this is a road trip gone wrong RP. I'll be originally open to 6-8 spots, though probably no more. (3-4 male, 3-4 female, just because I like balance and all). I do not have roles this time around, so it's up to us to come up with creative, diverse characters. Secrets and stuff like that are a plus!
When I say road trip gone wrong, I have the idea that they're going to drive into a haunted town of sorts, and they're not going to be able to leave. The town itself isn't on any map (not outside of the town anyway) and so they stumble upon it, and don't realize the nightmare until its too late.
Don't worry, though. There won't be any character death unless you go MIA or want it to happen! Let me know if you have questions! [/div] [/div] [div class="content content04"] [div class=scroll] [div class=title]links[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://trunard.info/wp-content/uploads/2019/07/road-trip-aesthetic-tumblr-ou4nlxgbis1u1yz3eo8-1280-150x150.png');"][/div] [div class=imgSmall style="background-image: url('https://media1.tenor.com/images/d22d56d781568110b77dd815e45dd78d/tenor.gif?itemid=7696392');"][/div] [/div] [div class=tag]interest check[/div]
[div class=tag]ooc[/div]
[div class=tag]characters[/div]
[div class=tag]main thread[/div] [/div] [/div] [/div] [div class=tabs] [div class="tab tab01"][/div] [div class="tab tab02"][/div] [div class="tab tab03"][/div] [div class="tab tab04"][/div] [/div] [/div] [/div] [/div]
welcome to
shadowthorne
population. 0
dont break down here.[/div] [/div] [div class="content content01"] [div class=scroll] [div class=title]rules[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://trunard.info/wp-content/uploads/2019/07/road-trip-aesthetic-roadtrip-travel-love-aesthetic-c971872854f6db85d26c2a63fb6d0d349-1024x768.jpg');"][/div] [div class=imgSmall style="background-image: url('https://media.giphy.com/media/3o6nV2VVNgLE26QR4Q/giphy.gif');"][/div] [/div] [div class=title]appearance[/div] [div class=tag]001[/div] Be polite and respectful. If you can't manage this, you will be kicked, and YC will be killed off. (ha.)
[div class=tag]002[/div] No rushing people for replies. I'd like this RP to last and people hate being rushed. But at the same time, I want this roleplay to be active, so if you aren't going to be active, please do not express interest or make a CS. I get that things come up, that's not what I'm talking about.
[div class=tag]003[/div] Quality over quantity. No one liners. There is a 2 paragraph minimum per post.
[div class=tag]004[/div] This is NOT first come, first serve.
[div class=tag]005[/div] Romance isn't a must, but it's encouraged/enjoyed by most. (Note, I said most). But don't break RPN's rules.
[div class=tag]006[/div] Be mature. Not saying this RP is going to break RPN's rules, but i'm saying there may be mature topics/triggers. Do not bash anyone's character or anything like that.
[div class=tag]007[/div] On the topic of triggers, please be respectful. Do some research if you have to. Triggers are nothing to take lightly, and if someone gets upset, don't bash them for getting upset. Warn us if your post or character has triggers/trigger warnings.
[div class=tag]008[/div] If you have an issue with someone, come to me first. Or be a big person and actually talk to them about it.
[div class=tag]009[/div]There WILL be a discord for ooc.
[/div] [/div] [div class="content content02"] [div class=scroll] [div class=title]plot[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://trunard.info/wp-content/uploads/2019/07/road-trip-aesthetic-palm-springs-roadtrip-little-black-shell-4-of-4-1440x1920-768x1024.jpg');"][/div] [div class=imgSmall style="background-image: url('https://media.giphy.com/media/3gMrckMswfRWC3Gb5H/giphy.gif');"][/div] [/div] [div class=tag]You never thought[/div] this day would come. You managed to save up to go on a road trip with your friends. Where to? It doesn't matter, as long as you're together for it. Whether you've been friends for years or are new to the group, you're invited. We're gonna rent a shitty van (or drive someones) and just go.
But what happens when this dream trip turns into your worst nightmare? [/div] [/div] [div class="content content03"] [div class=scroll] [div class=title]about[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://d2ykdu8745rm9t.cloudfront.net/cover/i/009/303/957/picture-9315.jpg?rect=1,0,598,598&q=98&fm=jpg&fit=max');"][/div] [div class=imgSmall style="background-image: url('https://media.giphy.com/media/13NliumHT9UpJ6/giphy.gif');"][/div] [/div] [div class=tag]So basically[/div] this is a road trip gone wrong RP. I'll be originally open to 6-8 spots, though probably no more. (3-4 male, 3-4 female, just because I like balance and all). I do not have roles this time around, so it's up to us to come up with creative, diverse characters. Secrets and stuff like that are a plus!
When I say road trip gone wrong, I have the idea that they're going to drive into a haunted town of sorts, and they're not going to be able to leave. The town itself isn't on any map (not outside of the town anyway) and so they stumble upon it, and don't realize the nightmare until its too late.
Don't worry, though. There won't be any character death unless you go MIA or want it to happen! Let me know if you have questions! [/div] [/div] [div class="content content04"] [div class=scroll] [div class=title]links[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://trunard.info/wp-content/uploads/2019/07/road-trip-aesthetic-tumblr-ou4nlxgbis1u1yz3eo8-1280-150x150.png');"][/div] [div class=imgSmall style="background-image: url('https://media1.tenor.com/images/d22d56d781568110b77dd815e45dd78d/tenor.gif?itemid=7696392');"][/div] [/div] [div class=tag]interest check[/div]
[div class=tag]ooc[/div]
[div class=tag]characters[/div]
[div class=tag]main thread[/div] [/div] [/div] [/div] [div class=tabs] [div class="tab tab01"][/div] [div class="tab tab02"][/div] [div class="tab tab03"][/div] [div class="tab tab04"][/div] [/div] [/div] [/div] [/div]
coded by shady.
Last edited:
