g3mini
New Member
[class=credit]
font-size: 8px;
color: #ADD8E6;
[/class]
[class name=containercont]
height: 470px;
width: 450px;
margin: auto;
[/class]
[class name=container]
height: 450px;
width: 450px;
background: #ADD8E6;
margin-top: 20px;
padding-top: 1px;
[/class]
[class name=img1]
height: 370px;
width: 370px;
background: url(https://i.pinimg.com/originals/7d/90/f3/7d90f384ce0a5c6a9714de4541c70e5e.jpg);
background-size: cover;
background-position: 0% 55%;
position: relative;
left: 40px;
top: 40px;
[/class]
[class name=textbox]
height: 185px;
width: 370px;
font-size: 12px;
color: white;
margin-top: 40px;
margin-left: 40px;
overflow: hidden;
[/class]
[class name=scroll]
height: 98%;
width: 100%;
padding-right: 17px;
overflow-y: scroll;
[/class]
[class name=img2]
height: 185px;
width: 370px;
background: url(https://66.media.tumblr.com/0fb6c9aecfe6f3e7252fe11d6f6d492c/tumblr_ohd6sjrBcV1qe2uw2o1_400.jpg);
background-size: cover;
margin-left: 40px;
[/class]
[class name=img3]
height: 185px;
width: 370px;
background: url(https://data.whicdn.com/images/201784306/large.jpg);
background-size: cover;
background-position: 0% 50%;
margin-left: 40px;
[/class]
[class name=img4]
height: 185px;
width: 370px;
background: url(https://66.media.tumblr.com/d8cf55acb0d6c7a54cc20bc6d5e6f942/tumblr_pbp87jJjFF1qe2uw2o1_400.jpg);
background-size: cover;
background-position: 0% 50%;
margin-left: 40px;
[/class]
[class name=img5]
height: 185px;
width: 370px;
background: url(https://images.unsplash.com/photo-1461696114087-397271a7aedc?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&w=1000&q=80);
background-size: cover;
background-position: 0% 0%;
margin-left: 40px;
[/class]
[class name=header]
font-size: 45px;
color: white;
-webkit-text-stroke: 2px black;
position: relative;
margin-left: 8px;
z-index: 0;
[/class]
[class name=tabpic]
float: left;
position: relative;
left: 5px;
z-index: 2;
cursor: pointer;
color: white;
[/class]
[class name=tabpicclick]
color: black;
[/class]
[class name=tabbar]
height: 449px;
width: 0px;
background: white;
float: right;
margin-top: -1px;
margin-left: 1px;
position: absolute;
transition: 0.8s;
z-index: 1;
border-top: 1px solid black;
border-bottom: 1px solid black;
[/class]
[class name=tabscontainer]
height: 220px;
width: 150px;
margin-top: 15px;
display: flex;
flex-flow: column;
align-items: center;
[/class]
[class name=tabbarclick]
width: 150px;
[/class]
[class name=tabs]
font-size: 15px;
color: grey;
margin: auto;
display: inline;
transition: color 0.5s;
[/class]
[class name=tabs state=hover]
color: black;
cursor: pointer;
[/class]
[class name=intabpic]
height: 60px;
width: 60px;
background: url(https://i.pinimg.com/736x/03/7c/c5/037cc50711f1c0b7d62b70c2aa226a1a.jpg);
background-size: cover;
margin: auto;
margin-top: 15px;
border: 1px solid grey;
[/class]
[class name=relpic]
height: 60px;
width: 60px;
padding: 5px;
float: left;
[/class]
[script class=container]
hide tabs
hide textbox
hide intabpic
hide basicsheader
hide personaheader
hide relationshipsheader
hide historyheader
hide img2
hide img3
hide img4
hide img5
set tabon 1
[/script]
[script class=tabpic on=click]
if (eq ${tabon} 1) (fadeIn 1000 intabpic) (fadeOut 200 intabpic)
if (eq ${tabon} 1) (fadeIn 1000 tabs) (fadeOut 200 tabs)
if (eq ${tabon} 1) (addClass tabbarclick tabbar) (removeClass tabbarclick tabbar)
if (eq ${tabon} 1) (addClass tabpicclick tabpic) (removeClass tabpicclick tabpic)
if (eq ${tabon} 1) (set tabon 0) (set tabon 1)
[/script]
[script class=home on=click]
fadeIn 500 img1
fadeIn 500 frontpage
hide img2
hide img3
hide img4
hide img5
hide textb
hide textp
hide texth
hide textr
hide basicsheader
hide personaheader
hide relationshipsheader
hide historyheader
[/script]
[script class=basics on=click]
hide img1
hide img3
hide img4
hide img5
hide frontpage
hide personaheader
hide relationshipsheader
hide historyheader
hide textp
hide texth
hide textr
fadeIn 500 img2
fadeIn 500 textb
fadeIn 500 basicsheader
[/script]
[script class=persona on=click]
hide img1
hide img2
fadeIn 500 img3
hide img4
hide img5
hide frontpage
hide basicsheader
fadeIn 500 personaheader
hide historyheader
hide relationshipsheader
hide textb
fadeIn 500 textp
hide texth
hide textr
[/script]
[script class=history on=click]
hide img1
hide img2
hide img3
hide img4
fadeIn 500 img5
hide frontpage
hide basicsheader
hide personaheader
fadeIn 500 historyheader
hide relationshipsheader
hide textb
hide textp
fadeIn 500 texth
hide textr
[/script]
[script class=relationships on=click]
hide img1
hide img2
hide img3
fadeIn 500 img4
hide img5
hide frontpage
hide basicsheader
hide personaheader
hide historyheader
fadeIn 500 relationshipsheader
hide textb
hide textp
hide texth
fadeIn 500 textr
[/script]
[div class="containercont"]
[div class="container"]
[div class="tabpic"][/div]
[div class="tabbar"]
[div class="intabpic"][/div]
[div class="tabscontainer"]
[div class="tabs home"]home[/div]
[div class="tabs basics"]plot[/div]
[div class="tabs persona"]rules[/div]
[div class="tabs history"]links[/div]
[div class="tabs relationships"]characters[/div][/div]
[/div]
[div class="textbox textb"][div class="scroll"]
002| use proper language. this includes proper spelling, grammar, and capitalization (with the exception of within forms and ooc responses). swearing is allowed. 003| spots are not first-come, first-serve. once the character sheets are posted, create a completed oc and I will let you know if they are accepted.
004| there are limited spots (six) in this roleplay. that being said, if you can handle two ocs and would like to have two, that is my maximum. however, just because your first oc is accepted, the second may not be. another point to note, if there are extra characters that are introduced throughout the roleplay, we will be creating them and roleplaying them ourselves. this is especially for reoccurring characters that the crew meets on the road. if they become a regular character, they will get a sheet. this may not happen often but it may be helpful to not spread yourself too thin.
005| as mentioned before, this roleplay is active! I will be using discord as the place for oorp/planning so please be tuned in there as well.
006| drama is welcome and is encouraged. however, fighting oorp between members or any type of harassment/bullying is not allowed. there is zero tolerance for that in this group. you will have one warning before you are kicked.
007| try to create diverse characters, not perfect little individuals
008| given the plot of this roleplay, relationships (platonic or romantic) will be planned out oorp before the roleplay begins. drama between characters/in relationships is great and welcome!
[/div][/div] [div class="textbox texth"][div class="scroll"] character sheets
oorp (on discord)
main rp [/div][/div] [div class="textbox textr"][div class="scroll"][div class="relpic"]
[/div]riley king (21)
[/div][/div] [div class="img1"][/div] [div class="img2"][/div] [div class="img3"][/div] [div class="img4"][/div] [div class="img5"][/div] [div class="header frontpage"]the final summer[/div] [div class="header basicsheader" style=margin-top:-40px;]plot[/div] [div class="header personaheader" style=margin-top:-40px;]rules[/div] [div class="header relationshipsheader" style=margin-top:-40px;]characters[/div] [div class="header historyheader" style=margin-top:-40px;]links[/div] [/div] [div class="credit"]code by @Stellar Nursery [/div] [/div]
among the hoards of university students at new york university, a group of six friends began to form. some were friends from elementary, middle, and high school, some meeting during their university years. when the six graduated university, they got hit with a startling realization: they would all be moving on with their lives, likely without one another. the group's charismatic leader decided that there should be a road trip like no other road trip, a final blowout of sorts before everyone goes their separate ways. and so, an rv was rented and they hit the road. follow the group of six and their last trip together in their final summer.
[/div][/div]
[div class="textbox textp"][div class="scroll"]
001| this is an active and literate roleplay. while I do not expect a book per response, make sure to write enough to continue the roleplay. one sentence responses are not welcome.002| use proper language. this includes proper spelling, grammar, and capitalization (with the exception of within forms and ooc responses). swearing is allowed. 003| spots are not first-come, first-serve. once the character sheets are posted, create a completed oc and I will let you know if they are accepted.
004| there are limited spots (six) in this roleplay. that being said, if you can handle two ocs and would like to have two, that is my maximum. however, just because your first oc is accepted, the second may not be. another point to note, if there are extra characters that are introduced throughout the roleplay, we will be creating them and roleplaying them ourselves. this is especially for reoccurring characters that the crew meets on the road. if they become a regular character, they will get a sheet. this may not happen often but it may be helpful to not spread yourself too thin.
005| as mentioned before, this roleplay is active! I will be using discord as the place for oorp/planning so please be tuned in there as well.
006| drama is welcome and is encouraged. however, fighting oorp between members or any type of harassment/bullying is not allowed. there is zero tolerance for that in this group. you will have one warning before you are kicked.
007| try to create diverse characters, not perfect little individuals
008| given the plot of this roleplay, relationships (platonic or romantic) will be planned out oorp before the roleplay begins. drama between characters/in relationships is great and welcome!
[/div][/div] [div class="textbox texth"][div class="scroll"] character sheets
oorp (on discord)
main rp [/div][/div] [div class="textbox textr"][div class="scroll"][div class="relpic"]
[/div][/div] [div class="img1"][/div] [div class="img2"][/div] [div class="img3"][/div] [div class="img4"][/div] [div class="img5"][/div] [div class="header frontpage"]the final summer[/div] [div class="header basicsheader" style=margin-top:-40px;]plot[/div] [div class="header personaheader" style=margin-top:-40px;]rules[/div] [div class="header relationshipsheader" style=margin-top:-40px;]characters[/div] [div class="header historyheader" style=margin-top:-40px;]links[/div] [/div] [div class="credit"]code by @Stellar Nursery [/div] [/div]