jasmyn
f r e e b i r d
[div class=background][div class=second]
[div class=topimg]
[div class=back] go back [/div][/div] [div class=border][div class=opacitybg][/div] [div class=box][div class=over]plot reminder[/div]
back in high-school they were all so close and they truly did believe they would stay that way. then came senior year. secrets, lies, betrayal and more split this group up. each of them with their own reasons. now it's been five years and this former crew is finding themselves back together for a vacation. some of them had to be tricked into coming, others came on their own. all that matters is that they are all here. having a beautiful house on the beach for two months should be a blast, right? but there are a lot of secrets to be revealed, some darker than the others, and drama is bound to happen. will this group finally be able to reconcile by the end of their time here or will this vacation only make things worse? let's find out.
[div class=over]roleplay members[/div]
[div class=num] jasmyn [/div] katherine & benjamin
[div class=num] Reigning King [/div] harlan
[div class=num] apolla [/div] cameron & cade
[div class=num] sox [/div] june
[div class=num] clarinetti [/div] olivia
[/div][/div][/div] [div class=first] [div class=words][div class=i][/div]California
[div class=bottomwords]huntington beach
fourth of july weekend.
everyone is starting to arrive.
click the picture for a refresher! [/div][/div] [div class=line][div class=fimgb][div class=input] [div class=block][div class=inputwords] go forward [/div][/div][/div][/div][/div] [/div][/div] [div class=c]made by: lavendre [/div] [script class=input on=click] slideUp 2000 first fadeIn 1000 second [/script] [script class=back on=click] slideDown 2000 first [/script] [script class=input on=mouseenter] addClass op inputwords [/script] [script class=input on=mouseleave] removeClass op inputwords [/script] [class=background]height: 400px; max-width: 600px; boz-sixing: border-box; margin: auto; position: relative; overflow: hidden; border: 1px solid #f1f1f1 [/class] [class=first]height: 100%; width: 100%; background: #CFCFCF; opacity: 0.99; position: relative; top: -400px [/class] [class=second]height: 100%; width: 100%; background-image:url(https://66.media.tumblr.com/09497c4f19d87369bfbc3f6b68c980ed/tumblr_pytdpbfzIi1vehqeko1_500.jpg); background-size:105%; background-position: 0% 30%; opacity: 1; position: relative; top: 0px [/class] [class=back]width:100%; height: 40px; padding: 20px 0px 0px 0px; margin: auto; font-weight: 700; letter-spacing: 1.5px; word-spacing: 1.5px; font-size: 13px; color: white; position: relative; top: 305px; text-align: center; text-transform: uppercase; cursor: pointer [/class] [class=line]height: 2px; width: 100%; background: white; position: relative; top: 130px [/class] [class=fimgb]position: relative; top: -95px; margin: auto; clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%); height: 180px; width: 180px; background: #fff; padding: 7px [/class] [class=input]cursor: pointer; height: 180px; width: 180px; background-image: url(https://i.postimg.cc/8cFmw3Hh/bh.jpg); background-size: 120%; background-position: 55% 100%; clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%); filter: saturate(70%) [/class] [class=inputwords]height: 10px; padding: 5px 5px 10px 5px; width: 100%; display: block; background: #fff; color: #444444; position: relative; top: 85px; font-size: 10px; font-family: 'Playfair Display', serif; text-align: center; transition: all .4s ease-in-out; opacity: 0; position: relative [/class] [class name=op]opacity: 1 [/class] [class name=words]height:100px; width: 100%; font-size: 25px; font-family: 'Playfair Display', serif; position: absolute; color: #444444; top: 250px; text-align: center; letter-spacing: 4.5px; text-transform: uppercase [/class] [class=topimg]height:100%; width:100%; filter: saturate(110%); transition: all .5s ease-in-out; position: relative; top: 0px; left: 0px [/class] [class name=topimg state=hover]filter: saturate(150%); [/class] [class=topwords]width:130px; height: 7%; border-bottom: 1px solid #94A12C; font-size: 12px; color: black; position: relative; top: 220px; margin: auto; font-family: 'Montserrat', sans-serif; font-weight: 700; word-spacing: 1px; letter-spacing: 1px; [/class] [class=bottomwords]height: 100%; width: 100%; font-size: 0.45em; text-transform: lowercase; text-align: center; font-style: oblique; top: -5px; line-height: 14px; letter-spacing: 0.2px; position: relative; top: 10px [/class] [class=border]height: 300px; width: 345px; position: relative; margin:auto; top: -371px; left: 0px [/class] [class name=opacitybg]height: 289px; width: 350px; border: 1px solid white; background: white; opacity: 0.8; margin: auto; position: relative; top: 5px [/class] [class=i]display: inline-block; font-size: 30px; font-style: italic [/class] [class=box]height: 80%; width: 90%; padding: 5px; font-size: 11px; font-family: 'Hind', sans-serif; margin: auto; position: relative; top: -265px; line-height:16px; word-spacing: -0px; overflow: auto; text-align: justify [/class] [class=over]height: 25px; padding: 10px 0px 0px 0px; width: 100%; background: #ACACAC; font-size: 10px; font-weight: 700; text-transform: uppercase; position: sticky; top: 0px; text-align: center; letter-spacing: 2px; [/class] [class=num]display: inline-block; font-size: 11px; font-weight: 700 [/class] [class=c]width: 100%; text-align: center; opacity: 0; font-size: 10px [/class]
[div class=back] go back [/div][/div] [div class=border][div class=opacitybg][/div] [div class=box][div class=over]plot reminder[/div]
back in high-school they were all so close and they truly did believe they would stay that way. then came senior year. secrets, lies, betrayal and more split this group up. each of them with their own reasons. now it's been five years and this former crew is finding themselves back together for a vacation. some of them had to be tricked into coming, others came on their own. all that matters is that they are all here. having a beautiful house on the beach for two months should be a blast, right? but there are a lot of secrets to be revealed, some darker than the others, and drama is bound to happen. will this group finally be able to reconcile by the end of their time here or will this vacation only make things worse? let's find out.
[div class=over]roleplay members[/div]
[div class=num] jasmyn [/div] katherine & benjamin
[div class=num] Reigning King [/div] harlan
[div class=num] apolla [/div] cameron & cade
[div class=num] sox [/div] june
[div class=num] clarinetti [/div] olivia
[/div][/div][/div] [div class=first] [div class=words][div class=i][/div]California
[div class=bottomwords]huntington beach
fourth of july weekend.
everyone is starting to arrive.
click the picture for a refresher! [/div][/div] [div class=line][div class=fimgb][div class=input] [div class=block][div class=inputwords] go forward [/div][/div][/div][/div][/div] [/div][/div] [div class=c]made by: lavendre [/div] [script class=input on=click] slideUp 2000 first fadeIn 1000 second [/script] [script class=back on=click] slideDown 2000 first [/script] [script class=input on=mouseenter] addClass op inputwords [/script] [script class=input on=mouseleave] removeClass op inputwords [/script] [class=background]height: 400px; max-width: 600px; boz-sixing: border-box; margin: auto; position: relative; overflow: hidden; border: 1px solid #f1f1f1 [/class] [class=first]height: 100%; width: 100%; background: #CFCFCF; opacity: 0.99; position: relative; top: -400px [/class] [class=second]height: 100%; width: 100%; background-image:url(https://66.media.tumblr.com/09497c4f19d87369bfbc3f6b68c980ed/tumblr_pytdpbfzIi1vehqeko1_500.jpg); background-size:105%; background-position: 0% 30%; opacity: 1; position: relative; top: 0px [/class] [class=back]width:100%; height: 40px; padding: 20px 0px 0px 0px; margin: auto; font-weight: 700; letter-spacing: 1.5px; word-spacing: 1.5px; font-size: 13px; color: white; position: relative; top: 305px; text-align: center; text-transform: uppercase; cursor: pointer [/class] [class=line]height: 2px; width: 100%; background: white; position: relative; top: 130px [/class] [class=fimgb]position: relative; top: -95px; margin: auto; clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%); height: 180px; width: 180px; background: #fff; padding: 7px [/class] [class=input]cursor: pointer; height: 180px; width: 180px; background-image: url(https://i.postimg.cc/8cFmw3Hh/bh.jpg); background-size: 120%; background-position: 55% 100%; clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%); filter: saturate(70%) [/class] [class=inputwords]height: 10px; padding: 5px 5px 10px 5px; width: 100%; display: block; background: #fff; color: #444444; position: relative; top: 85px; font-size: 10px; font-family: 'Playfair Display', serif; text-align: center; transition: all .4s ease-in-out; opacity: 0; position: relative [/class] [class name=op]opacity: 1 [/class] [class name=words]height:100px; width: 100%; font-size: 25px; font-family: 'Playfair Display', serif; position: absolute; color: #444444; top: 250px; text-align: center; letter-spacing: 4.5px; text-transform: uppercase [/class] [class=topimg]height:100%; width:100%; filter: saturate(110%); transition: all .5s ease-in-out; position: relative; top: 0px; left: 0px [/class] [class name=topimg state=hover]filter: saturate(150%); [/class] [class=topwords]width:130px; height: 7%; border-bottom: 1px solid #94A12C; font-size: 12px; color: black; position: relative; top: 220px; margin: auto; font-family: 'Montserrat', sans-serif; font-weight: 700; word-spacing: 1px; letter-spacing: 1px; [/class] [class=bottomwords]height: 100%; width: 100%; font-size: 0.45em; text-transform: lowercase; text-align: center; font-style: oblique; top: -5px; line-height: 14px; letter-spacing: 0.2px; position: relative; top: 10px [/class] [class=border]height: 300px; width: 345px; position: relative; margin:auto; top: -371px; left: 0px [/class] [class name=opacitybg]height: 289px; width: 350px; border: 1px solid white; background: white; opacity: 0.8; margin: auto; position: relative; top: 5px [/class] [class=i]display: inline-block; font-size: 30px; font-style: italic [/class] [class=box]height: 80%; width: 90%; padding: 5px; font-size: 11px; font-family: 'Hind', sans-serif; margin: auto; position: relative; top: -265px; line-height:16px; word-spacing: -0px; overflow: auto; text-align: justify [/class] [class=over]height: 25px; padding: 10px 0px 0px 0px; width: 100%; background: #ACACAC; font-size: 10px; font-weight: 700; text-transform: uppercase; position: sticky; top: 0px; text-align: center; letter-spacing: 2px; [/class] [class=num]display: inline-block; font-size: 11px; font-weight: 700 [/class] [class=c]width: 100%; text-align: center; opacity: 0; font-size: 10px [/class]
coded by-
lavendre
Last edited: