WELCOME BACK, Guest ( )
TRICIA
Will not shut up about being gay. Takes a lot of naps. Does all the nagging.

Discord: Tricia#9714

Art Credit.
(But seriously go check her stuff out it's incredible)

TAPE
Only plays Nezumi. Is probably one thousand rats in human clothes. Official giver of spankings.

Discord: Tape#2119


Profile
Personal Photo

No Photo

Options
Custom Title
Velour doesn't have a custom title currently.
Personal Info
Location: No Information
Born: No Information
Website: No Information
Interests
No Information
Other Information
Image: https://imgur.com/gMCSP6b.gif
Occupation: Profesh
Application Link: /index.php?
Journal Link: /index.php?
Shipper Link: index.php?
Alias: Velour
Age: 26
Statistics
Joined: 7-January 18
Status: (Offline)
Last Seen: Jan 19 2018, 11:23 PM
Local Time: Jan 21 2018, 09:37 AM
10 posts (0.7 per day)
( 0.23% of total forum posts )
Contact Information
AIM No Information
Yahoo No Information
GTalk No Information
MSN No Information
SKYPE No Information
Unread Message Message: Click here
Unread Message Email: Private
Signature
View Signature

Velour

OOC

Topics
Posts
Comments
Friends
My Content
Jan 8 2018, 12:42 AM
[dohtml]<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,600,900|Raleway:300,400,600,900" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">


<div class="jarltbfcontainer">

<div class="jarltbftabs">


<div class="jarltbftab">
<input type="radio" id="jarltbftab-1" name="jarltbftab-group-1" checked>
<label for="jarltbftab-1">
Steve
<div class="jarltbftabl" style="background:#1d396f">
Steve
</div>
</label>
<div class="jarltbfcontent">
<div class="jarltbfin">

<div class="jarltbfi">
<i class="fa fa-star-o"></i>
</div>

<div class="jarltbfname">

Steve<br>Rogers

</div>
<div class="jarltbficon">

<img src="https://i.imgur.com/QOZzVrw.gif">

</div1d396f
<div class="jarltbficonc" style="border-top:1px solid #1d396f;border-bottom:1px solid #7c91b2;"></div>

<a href="/index.php?showtopic=157"><div class="jarltbfapp" style="background:#1d396f"><i class="fa fa-id-card-o"></i></div></a>
<a href="/index.php?"><div class="jarltbfinv" style="background:#1d396f"><i class="fa fa-gift"></i></div></a>
<a href="/index.php?"><div class="jarltbfdev" style="background:#1d396f"><i class="fa fa-gamepad"></i></div></a>

<div class="jarltbfrelations">
<div class="jarltbfrelationst">
Back on Earth, Steve Rogers was better known as Captain America, a historic figure who led the American effort in WWII before disappearing into the arctic in a self-sacrificing move known the world over. His frozen, yet still living body was discovered in 2012 and thawed out. Since then, he has become the leader of the Avengers, a group of powerful people and beings who share the common goal of protecting humanity. However, recently political strife tore the Avengers into two groups: those who would be controlled by the government, and those who would act in the self-interest of the public. Steve was a member of the latter, though on Basura, he's not sure who he's fighting for.
<p>
<b>PLATONIC <i class="fa fa-angle-double-right"></i></b> What's difficult about making friends for Steve is the simple fact that he doesn't know a whole lot of people he can relate to on a deeper level; most of the people he considers his friends fought against aliens in the Battle of New York. But without any wars to fight or aliens to stop, he might be finding himself with a whole lot of free time to make a new friend or two.<p>
<b>ANTAGONISTIC <i class="fa fa-angle-double-right"></i></b> For the past few years, enemies have been a genuine concern for Steve. Foiling over 70 years of carefully guarded and mounting pro-Nazi propaganda and sabotage tends to make people mad at you. Combined with his inability to back down from bullies and his need to stand up for the weak, Steve has the tendency to get on the bad side of bad people.
<p>
<b>ROMANTIC <i class="fa fa-angle-double-right"></i></b> The self-proclaimed expert in waiting too long, most of Steve's romances have ended tragically before they could begin. Right now, he's even less inclined to entertain the idea of finding a lover; he's always felt he could only be with someone who had shared life experiences. But that's not to say he wants to be alone forever - it just might take a special set of circumstances for the right person to make themselves known.
</div>
</div>

</div>
</div>
</div>


<div class="jarltbftab">
<input type="radio" id="jarltbftab-2" name="jarltbftab-group-1">
<label for="jarltbftab-2">
SIMON
<div class="jarltbftabl" style="background:#1288BF">
SIMON
</div>
</label>
<div class="jarltbfcontent">
<div class="jarltbfin">

<div class="jarltbfi">
<i class="fa fa-star-o"></i>
</div>

<div class="jarltbfname">

SIMON<br>TAM

</div>
<div class="jarltbficon">

<img src="https://i.imgur.com/sPTxIy8.gif">

</div>
<div class="jarltbficonc" style="border-top:1px solid #1288BF;border-bottom:1px solid #1288BF;"></div>

<a href="/index.php?showtopic=1602"><div class="jarltbfapp" style="background:#1288BF"><i class="fa fa-id-card-o"></i></div></a>
<a href="inventory"><div class="jarltbfinv" style="background:#1288BF"><i class="fa fa-gift"></i></div></a>
<a href="development"><div class="jarltbfdev" style="background:#1288BF"><i class="fa fa-gamepad"></i></div></a>

<div class="jarltbfrelations">
<div class="jarltbfrelationst">
Once a promising doctor living in the sphere of the prosperous Alliance, Simon sacrificed his career and relationships to save his sister, River, from a government-run academy that was doing unspeakable experiments on its students. While on the run from the authorities, he met up with a rag-tag crew of bounty hunters, petty crooks, and still somehow decent, kind people. Though they had some tough times - abductions, shoot-outs, burglaries gone bad - Simon began to feel at home in space on the spaceship Serenity, providing what medical care he could to the crew in exchange for a safe haven for him and his sister.
<p>
<b>PLATONIC <i class="fa fa-angle-double-right"></i></b> When it comes to making friends, Simon isn't exactly a natural. He isn't terribly outgoing or comfortable in social situations, but he does not actively avoid them either. Although he is generally friendly and versed in social graces, this is only really useful in situations involving the elite or highly educated. Living on Serenity has provided Simon with some chances to relate with people of different backgrounds and cultures, but he still occasionally makes unintentionally insensitive remarks. In short, Simon would like to make friends; whether or not he will, will be seen.
<p>
<b>ANTAGONISTIC <i class="fa fa-angle-double-right"></i></b>Enemies aren't really something Simon has, unless you count those who try to turn him over to the law. On Basura, he won't really have much of a reason to make enemies, as the only source of his concern is in a galaxy far, far away. That said, Simon rarely becomes visibly angry or upset when provoked unless someone is directly threatening his loved ones. He is typically the type to use snark to express his feelings, quiet rage included.
<p>
<b>ROMANTIC <i class="fa fa-angle-double-right"></i></b> Simon has never been particularly good with women, but that's not to say he's completely disinterested. It's unlikely that he'll approach anyone first with romantic intentions unless they really hit it off (and she can forgive his chronic foot-in-mouth). He has budding feelings for a woman in his world, Kaylee Frye, but he has yet to express them adequately.
</div>
</div>
</div>
</div>
</div>


<div class="jarltbftab">
<input type="radio" id="jarltbftab-3" name="jarltbftab-group-1">
<label for="jarltbftab-3">
????
<div class="jarltbftabl" style="background:#24F03F">
????
</div>
</label>
<div class="jarltbfcontent">
<div class="jarltbfin">

<div class="jarltbfi">
<i class="fa fa-star-o"></i>
</div>

<div class="jarltbfname">

HARRY<br>HART

</div>
<div class="jarltbficon">

<img src="http://placehold.it/100">

</div>
<div class="jarltbficonc" style="border-top:1px solid #7c91b2;border-bottom:1px solid #7c91b2;"></div>

<a href="applink"><div class="jarltbfapp" style="background:#7c91b2"><i class="fa fa-id-card-o"></i></div></a>
<a href="inventory"><div class="jarltbfinv" style="background:#7c91b2"><i class="fa fa-gift"></i></div></a>
<a href="development"><div class="jarltbfdev" style="background:#7c91b2"><i class="fa fa-gamepad"></i></div></a>

<div class="jarltbfrelations">
<div class="jarltbfrelationst">
???

</div>
</div>
</div>
</div>
</div>



<div class="jarltbftab">
<input type="radio" id="jarltbftab-4" name="jarltbftab-group-1">
<label for="jarltbftab-4">
????
<div class="jarltbftabl" style="background:#FFD13B">
????
</div>
</label>
<div class="jarltbfcontent">
<div class="jarltbfin">

<div class="jarltbfi">
<i class="fa fa-star-o"></i>
</div>

<div class="jarltbfname">

???<br>?????

</div>
<div class="jarltbficon">

<img src="http://placehold.it/100">

</div>
<div class="jarltbficonc" style="border-top:1px solid #7c91b2;border-bottom:1px solid #7c91b2;"></div>

<a href="applink"><div class="jarltbfapp" style="background:#7c91b2"><i class="fa fa-id-card-o"></i></div></a>
<a href="inventory"><div class="jarltbfinv" style="background:#7c91b2"><i class="fa fa-gift"></i></div></a>
<a href="development"><div class="jarltbfdev" style="background:#7c91b2"><i class="fa fa-gamepad"></i></div></a>

<div class="jarltbfrelations">
<div class="jarltbfrelationst">
???

</div>
</div>
</div>
</div>
</div>



<div class="jarltbftab">
<input type="radio" id="jarltbftab-5" name="jarltbftab-group-1">
<label for="jarltbftab-5">
????
<div class="jarltbftabl" style="background:#EB3BFF">
????
</div>
</label>
<div class="jarltbfcontent">
<div class="jarltbfin">

<div class="jarltbfi">
<i class="fa fa-star-o"></i>
</div>

<div class="jarltbfname">

???<br>?????

</div>
<div class="jarltbficon">

<img src="https://placehold.it/100">

</div>
<div class="jarltbficonc" style="border-top:1px solid #7c91b2;border-bottom:1px solid #7c91b2;"></div>

<a href="applink"><div class="jarltbfapp" style="background:#7c91b2"><i class="fa fa-id-card-o"></i></div></a>
<a href="inventory"><div class="jarltbfinv" style="background:#7c91b2"><i class="fa fa-gift"></i></div></a>
<a href="development"><div class="jarltbfdev" style="background:#7c91b2"><i class="fa fa-gamepad"></i></div></a>

<div class="jarltbfrelations">
<div class="jarltbfrelationst">
???

</div>
</div>
</div>
</div>
</div>


<div class="jarltbftab">
<input type="radio" id="jarltbftab-6" name="jarltbftab-group-1">
<label for="jarltbftab-6">
????
<div class="jarltbftabl" style="background:#EB3BFF">
????
</div>
</label>
<div class="jarltbfcontent">
<div class="jarltbfin">

<div class="jarltbfi">
<i class="fa fa-star-o"></i>
</div>

<div class="jarltbfname">

???<br>?????

</div>
<div class="jarltbficon">

<img src="https://placehold.it/100">

</div>
<div class="jarltbficonc" style="border-top:1px solid #7c91b2;border-bottom:1px solid #7c91b2;"></div>

<a href="applink"><div class="jarltbfapp" style="background:#7c91b2"><i class="fa fa-id-card-o"></i></div></a>
<a href="inventory"><div class="jarltbfinv" style="background:#7c91b2"><i class="fa fa-gift"></i></div></a>
<a href="development"><div class="jarltbfdev" style="background:#7c91b2"><i class="fa fa-gamepad"></i></div></a>

<div class="jarltbfrelations">
<div class="jarltbfrelationst">
???

</div>
</div>
</div>
</div>
</div>

<div class="jarltbftab">
<input type="radio" id="jarltbftab-7" name="jarltbftab-group-1">
<label for="jarltbftab-7">
????
<div class="jarltbftabl" style="background:#EB3BFF">
????
</div>
</label>
<div class="jarltbfcontent">
<div class="jarltbfin">

<div class="jarltbfi">
<i class="fa fa-star-o"></i>
</div>

<div class="jarltbfname">

???<br>?????

</div>
<div class="jarltbficon">

<img src="https://placehold.it/100">

</div>
<div class="jarltbficonc" style="border-top:1px solid #7c91b2;border-bottom:1px solid #7c91b2;"></div>

<a href="applink"><div class="jarltbfapp" style="background:#7c91b2"><i class="fa fa-id-card-o"></i></div></a>
<a href="inventory"><div class="jarltbfinv" style="background:#7c91b2"><i class="fa fa-gift"></i></div></a>
<a href="development"><div class="jarltbfdev" style="background:#7c91b2"><i class="fa fa-gamepad"></i></div></a>

<div class="jarltbfrelations">
<div class="jarltbfrelationst">
???

</div>
</div>
</div>
</div>
</div>

<div class="jarltbftab">
<input type="radio" id="jarltbftab-8" name="jarltbftab-group-1">
<label for="jarltbftab-8">
????
<div class="jarltbftabl" style="background:#EB3BFF">
????
</div>
</label>
<div class="jarltbfcontent">
<div class="jarltbfin">

<div class="jarltbfi">
<i class="fa fa-star-o"></i>
</div>

<div class="jarltbfname">

???<br>?????

</div>
<div class="jarltbficon">

<img src="https://placehold.it/100">

</div>
<div class="jarltbficonc" style="border-top:1px solid #7c91b2;border-bottom:1px solid #7c91b2;"></div>

<a href="applink"><div class="jarltbfapp" style="background:#7c91b2"><i class="fa fa-id-card-o"></i></div></a>
<a href="inventory"><div class="jarltbfinv" style="background:#7c91b2"><i class="fa fa-gift"></i></div></a>
<a href="development"><div class="jarltbfdev" style="background:#7c91b2"><i class="fa fa-gamepad"></i></div></a>

<div class="jarltbfrelations">
<div class="jarltbfrelationst">
???

</div>
</div>
</div>
</div>
</div>

<div class="jarltbftab">
<input type="radio" id="jarltbftab-9" name="jarltbftab-group-1">
<label for="jarltbftab-9">
????
<div class="jarltbftabl" style="background:#EB3BFF">
????
</div>
</label>
<div class="jarltbfcontent">
<div class="jarltbfin">

<div class="jarltbfi">
<i class="fa fa-star-o"></i>
</div>

<div class="jarltbfname">

???<br>?????

</div>
<div class="jarltbficon">

<img src="https://placehold.it/100">

</div>
<div class="jarltbficonc" style="border-top:1px solid #7c91b2;border-bottom:1px solid #7c91b2;"></div>

<a href="applink"><div class="jarltbfapp" style="background:#7c91b2"><i class="fa fa-id-card-o"></i></div></a>
<a href="inventory"><div class="jarltbfinv" style="background:#7c91b2"><i class="fa fa-gift"></i></div></a>
<a href="development"><div class="jarltbfdev" style="background:#7c91b2"><i class="fa fa-gamepad"></i></div></a>

<div class="jarltbfrelations">
<div class="jarltbfrelationst">
???

</div>
</div>
</div>
</div>
</div>

<div class="jarltbftab">
<input type="radio" id="jarltbftab-10" name="jarltbftab-group-1">
<label for="jarltbftab-10">
????
<div class="jarltbftabl" style="background:#EB3BFF">
????
</div>
</label>
<div class="jarltbfcontent">
<div class="jarltbfin">

<div class="jarltbfi">
<i class="fa fa-star-o"></i>
</div>

<div class="jarltbfname">

???<br>?????

</div>
<div class="jarltbficon">

<img src="https://placehold.it/100">

</div>
<div class="jarltbficonc" style="border-top:1px solid #7c91b2;border-bottom:1px solid #7c91b2;"></div>

<a href="applink"><div class="jarltbfapp" style="background:#7c91b2"><i class="fa fa-id-card-o"></i></div></a>
<a href="inventory"><div class="jarltbfinv" style="background:#7c91b2"><i class="fa fa-gift"></i></div></a>
<a href="development"><div class="jarltbfdev" style="background:#7c91b2"><i class="fa fa-gamepad"></i></div></a>

<div class="jarltbfrelations">
<div class="jarltbfrelationst">
???

</div>
</div>
</div>
</div>
</div>


<!-- You can add more tabs here! Just don't forget to change the tab number -->


</div>

<div class="jarltbfcred"><a href="http://shine.jcink.net/index.php?showuser=23444">JARONART</a></div>

</div>



<style type="text/css">

.jarltbfcontainer {
margin: 10px auto;
height: auto;
width: auto;
}

.jarltbftabs {
margin: 0px auto;
position: relative;
width: 550px;
height: 400px;
}

.jarltbftab {
display:block;/* CHANGE TO DISPLAY:BLOCK FOR VERTICAL TABS */
}

/* position your tab labels in here - also use margins to space your labels - you kind of have to eye until it's centered bc the math with tabs gets confusing */
.jarltbftab label {
display: block; /* this lets you fix the label dimensions */
width: 100px;
padding:10px;
height:15px;
background: rgba(255,255,255,0.3);
margin: 0px;
position: relative;
left: 20px;
top: 20px;
z-index: 3;
margin-bottom:2px;
transition:all 0.3s ease-in-out;
font-family:Raleway;
font-weight:900;
letter-spacing:-1px;
font-size:15px;
text-transform:uppercase;
line-height:100%;
overflow:hidden;
text-align:center;
}

.jarltbftabl {
width: 100px;
padding:10px;
height:15px;
background: rgba(255,255,255,0.3);
position:absolute;
text-transform:uppercase;
top:0; left:0;
z-index: 3;
transition:all 0.3s ease-in-out;
font-family:Raleway;
font-weight:900;
letter-spacing:0px;
font-size:15px;
line-height:100%;
overflow:hidden;
text-align:center;
color:#ddd;
opacity:0;
}

.jarltbftab input[type=radio]:checked ~ label {
background: #86E620;
color:#333;
z-index: 2;
width:110px;
}

.jarltbftab input[type=radio]:checked ~ label .jarltbftabl {
opacity:1;
width:110px;
}

.jarltbftab input[type=radio] {
display: none; /* DON'T EDIT */
}

/* if you want tab transitions they go here */
.jarltbfcontent {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background: #ddd;
overflow:hidden;
opacity:0.4;
transition:all 0.3s ease-in-out;
}

/* if you want tab transitions they also go here */
.jarltbftab input[type=radio]:checked ~ label ~ .jarltbfcontent {
z-index: 1;
opacity:1;
}

.jarltbfin {
width:418px;
height:400px;
position:absolute;
right:0; top:0;
}

.jarltbfname {
font-family:Raleway;
font-size:60px;
color:#eee;
font-weight:900;
text-align:right;
line-height:45px;
position:absolute;
right:-10px; bottom:-5px;
width:600px;
text-transform:uppercase;
}

.jarltbficon {
width:80px;
height:80px;
border-radius:100%;
position:absolute;
bottom:20px; right:20px;
}

.jarltbficon img {
width:80px;
height:80px;
border-radius:100%;
}

.jarltbficonc {
width:100px;
height:100px;
border-top:1px solid #86E620;
border-bottom:1px solid #86E620;
position:absolute;
right:10px; bottom:10px;
border-radius:100%;
-webkit-animation:spin2 5s linear infinite;
-moz-animation:spin2 5s linear infinite;
animation:spin2 5s linear infinite;
}

@-moz-keyframes spin2 { 100% { -moz-transform: rotate(-360deg); } }
@-webkit-keyframes spin2 { 100% { -webkit-transform: rotate(-360deg); } }
@keyframes spin2 { 100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); } }

.jarltbfi {
font-size:200px;
color:#eee;
position:absolute;
bottom:-20px; left:-150px;
line-height:100%;
}

.jarltbfhead {
color:#000;
text-align:center;
font-family:Raleway;
font-size:12px;
font-weight:900;
text-transform:uppercase;
line-height:100%;
padding:10px;
background: #86E620;
margin-bottom:5px;
}

.jarltbfabout {
width:110px;
height:110px;
padding:15px;
background:rgba(255,255,255,0.3);
position:absolute;
top:20px; left:30px;
}

.jarltbfaboutt {
width:110px;
height:110px;
padding-right:5px;
overflow:auto;
color:#333;
font-family:Roboto;
font-weight:400;
font-size:10px;
line-height:13px;
text-align:justify;
}

.jarltbfaboutt::-webkit-scrollbar {width:2px;}
.jarltbfaboutt::-webkit-scrollbar-thumb {background:#444;}
.jarltbfaboutt::-webkit-scrollbar-track {background:#000;}

.jarltbfrelations {
width: 350px;
height:230px;
padding:15px;
background:rgba(255,255,255,0.3);
position:absolute;
top:20px; right:20px;
}

.jarltbfrelationst {
width:350px;
height:220px;
padding-right:5px;
overflow:auto;
color:#333;
font-family:Roboto;
font-weight:400;
font-size:10px;
line-height:15px;
text-align:justify;
}

.jarltbfrelationst b { font-family:Roboto;
font-weight:900;
font-size:10px;
text-transform: uppercase;

}

.jarltbfrelationst::-webkit-scrollbar {width:2px;}
.jarltbfrelationst::-webkit-scrollbar-thumb {background:#444;}
.jarltbfrelationst::-webkit-scrollbar-track {background:#000;}

.jarltbfrels {
width:110px;
height:165px;
padding:15px;
background:rgba(255,255,255,0.3);
position:absolute;
bottom:40px; left:30px;
}

.jarltbfrelst {
width:110px;
height:165px;
padding-right:5px;
overflow:auto;
color:#333;
font-family:Roboto;
font-weight:400;
font-size:10px;
line-height:13px;
text-align:justify;
}

.jarltbfrelst i {
width:10px;
margin-right:3px;
color:#ccc;
}

.jarltbfrelst::-webkit-scrollbar {width:2px;}
.jarltbfrelst::-webkit-scrollbar-thumb {background:#444;}
.jarltbfrelst::-webkit-scrollbar-thumb {background:#444;}

.jarltbfapp {
position:absolute;
bottom:80px; right:369px;
padding:7px;
background:#333;
font-size:18px;
color:#eee;
line-height:100%;
border-radius:5px;
height:18px; width:18px;
text-align:center;
}

.jarltbfapp i {
color:#eee;
font-size:16px;
line-height:100%;
}

.jarltbfinv {
position:absolute;
bottom:80px; right:329px;
padding:7px;
background:#333;
font-size:18px;
color:#eee;
line-height:100%;
border-radius:5px;
height:18px; width:18px;
text-align:center;
}

.jarltbfinv i {
color:#eee;
font-size:16px;
line-height:100%;
}

.jarltbfdev {
position:absolute;
bottom:80px; right:289px;
padding:7px;
background:#333;
font-size:18px;
color:#eee;
line-height:100%;
border-radius:5px;
height:18px; width:18px;
text-align:center;
}

.jarltbfdev i {
color:#eee;
font-size:16px;
line-height:100%;
}

.jarltbfcred {
font-family:Roboto;
font-size:8px;
letter-spacing:1px;
text-align:center;
color:#444;
text-transform:uppercase;
margin-top:2px;
}

.jarltbfcred a {
color:#444;
text-decoration:none;
font-family:Roboto;
font-size:8px;
}
</style>[/dohtml]
Jan 8 2018, 12:26 AM
[dohtml]<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,600,900|Raleway:300,400,600,900" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">


<div class="jarltbfcontainer">

<div class="jarltbftabs">


<div class="jarltbftab">
<input type="radio" id="jarltbftab-1" name="jarltbftab-group-1" checked>
<label for="jarltbftab-1">
Steve
<div class="jarltbftabl" style="background:#1d396f">
Steve
</div>
</label>
<div class="jarltbfcontent">
<div class="jarltbfin">

<div class="jarltbfi">
<i class="fa fa-star-o"></i>
</div>

<div class="jarltbfname">

Steve<br>Rogers

</div>
<div class="jarltbficon">

<img src="https://i.imgur.com/QOZzVrw.gif">

</div1d396f
<div class="jarltbficonc" style="border-top:1px solid #1d396f;border-bottom:1px solid #7c91b2;"></div>

<a href="/index.php?showtopic=157"><div class="jarltbfapp" style="background:#1d396f"><i class="fa fa-id-card-o"></i></div></a>
<a href="/index.php?"><div class="jarltbfinv" style="background:#1d396f"><i class="fa fa-gift"></i></div></a>
<a href="/index.php?"><div class="jarltbfdev" style="background:#1d396f"><i class="fa fa-gamepad"></i></div></a>

<div class="jarltbfrelations">
<div class="jarltbfrelationst">
<b>january 14th, 2018 <i class="fa fa-angle-double-right"></i></b> Met some folks, Rocket and Groot. Rocket's a member of Overwatch and vouched for their credibility. I recently joined, but had some reservations - seems like most groups of highly skilled individuals I join seem to crumble eventually. Something interesting - they came from the same universe, so it's possible that I might run into someone I know from home. I hope for their sake that I don't.
<p>
<b>january 7th, 2018 <i class="fa fa-angle-double-right"></i></b> Arrived in Basura. Discovered a place called the "common room", and met a few people - mainly Liv Moore, who helped me get oriented. Supposed to register, get a job, set up some kind of life for myself, but I'm not sure what kind of life I want to live here. Hopefully I won't stay long enough to find out.
</div>
</div>

</div>
</div>
</div>


<div class="jarltbftab">
<input type="radio" id="jarltbftab-2" name="jarltbftab-group-1">
<label for="jarltbftab-2">
SIMON
<div class="jarltbftabl" style="background:#1288BF">
SIMON
</div>
</label>
<div class="jarltbfcontent">
<div class="jarltbfin">

<div class="jarltbfi">
<i class="fa fa-star-o"></i>
</div>

<div class="jarltbfname">

SIMON<br>TAM

</div>
<div class="jarltbficon">

<img src="https://i.imgur.com/sPTxIy8.gif">

</div>
<div class="jarltbficonc" style="border-top:1px solid #1288BF;border-bottom:1px solid #1288BF;"></div>

<a href="/index.php?showtopic=1602"><div class="jarltbfapp" style="background:#1288BF"><i class="fa fa-id-card-o"></i></div></a>
<a href="inventory"><div class="jarltbfinv" style="background:#1288BF"><i class="fa fa-gift"></i></div></a>
<a href="development"><div class="jarltbfdev" style="background:#1288BF"><i class="fa fa-gamepad"></i></div></a>

<div class="jarltbfrelations">
<div class="jarltbfrelationst">
<b>january 15th, 2018 <i class="fa fa-angle-double-right"></i></b> Not sure if I'm dreaming - if I still am, even now - but I woke up in a new world. A planet, supposedly not in the 'Verse, called Basura. I wandered around for a while, but somehow, miraculously, ran into Kaylee and River. They helped explain the situation. River... something happened to River, and she's doing so much better now. I'm ecstatic, but I still don't understand would could've allowed her to make so much progress in so short a time. But Kaylee said I was missing a chunk of time - I guess it's only a matter of time before I find out exactly what happened, and why.
</div>
</div>
</div>
</div>
</div>


<div class="jarltbftab">
<input type="radio" id="jarltbftab-3" name="jarltbftab-group-1">
<label for="jarltbftab-3">
HARRY <div class="jarltbftabl" style="background:#24F03F">
HARRY </div>
</label>
<div class="jarltbfcontent">
<div class="jarltbfin">

<div class="jarltbfi">
<i class="fa fa-star-o"></i>
</div>

<div class="jarltbfname">

HARRY<br>HART

</div>
<div class="jarltbficon">

<img src="http://placehold.it/100">

</div>
<div class="jarltbficonc" style="border-top:1px solid #7c91b2;border-bottom:1px solid #7c91b2;"></div>

<a href="applink"><div class="jarltbfapp" style="background:#7c91b2"><i class="fa fa-id-card-o"></i></div></a>
<a href="inventory"><div class="jarltbfinv" style="background:#7c91b2"><i class="fa fa-gift"></i></div></a>
<a href="development"><div class="jarltbfdev" style="background:#7c91b2"><i class="fa fa-gamepad"></i></div></a>

<div class="jarltbfrelations">
<div class="jarltbfrelationst">
???

</div>
</div>
</div>
</div>
</div>



<div class="jarltbftab">
<input type="radio" id="jarltbftab-4" name="jarltbftab-group-1">
<label for="jarltbftab-4">
????
<div class="jarltbftabl" style="background:#FFD13B">
????
</div>
</label>
<div class="jarltbfcontent">
<div class="jarltbfin">

<div class="jarltbfi">
<i class="fa fa-star-o"></i>
</div>

<div class="jarltbfname">

???<br>?????

</div>
<div class="jarltbficon">

<img src="http://placehold.it/100">

</div>
<div class="jarltbficonc" style="border-top:1px solid #7c91b2;border-bottom:1px solid #7c91b2;"></div>

<a href="applink"><div class="jarltbfapp" style="background:#7c91b2"><i class="fa fa-id-card-o"></i></div></a>
<a href="inventory"><div class="jarltbfinv" style="background:#7c91b2"><i class="fa fa-gift"></i></div></a>
<a href="development"><div class="jarltbfdev" style="background:#7c91b2"><i class="fa fa-gamepad"></i></div></a>

<div class="jarltbfrelations">
<div class="jarltbfrelationst">
???

</div>
</div>
</div>
</div>
</div>



<div class="jarltbftab">
<input type="radio" id="jarltbftab-5" name="jarltbftab-group-1">
<label for="jarltbftab-5">
????
<div class="jarltbftabl" style="background:#EB3BFF">
????
</div>
</label>
<div class="jarltbfcontent">
<div class="jarltbfin">

<div class="jarltbfi">
<i class="fa fa-star-o"></i>
</div>

<div class="jarltbfname">

???<br>?????

</div>
<div class="jarltbficon">

<img src="https://placehold.it/100">

</div>
<div class="jarltbficonc" style="border-top:1px solid #7c91b2;border-bottom:1px solid #7c91b2;"></div>

<a href="applink"><div class="jarltbfapp" style="background:#7c91b2"><i class="fa fa-id-card-o"></i></div></a>
<a href="inventory"><div class="jarltbfinv" style="background:#7c91b2"><i class="fa fa-gift"></i></div></a>
<a href="development"><div class="jarltbfdev" style="background:#7c91b2"><i class="fa fa-gamepad"></i></div></a>

<div class="jarltbfrelations">
<div class="jarltbfrelationst">
???

</div>
</div>
</div>
</div>
</div>


<div class="jarltbftab">
<input type="radio" id="jarltbftab-6" name="jarltbftab-group-1">
<label for="jarltbftab-6">
????
<div class="jarltbftabl" style="background:#EB3BFF">
????
</div>
</label>
<div class="jarltbfcontent">
<div class="jarltbfin">

<div class="jarltbfi">
<i class="fa fa-star-o"></i>
</div>

<div class="jarltbfname">

???<br>?????

</div>
<div class="jarltbficon">

<img src="https://placehold.it/100">

</div>
<div class="jarltbficonc" style="border-top:1px solid #7c91b2;border-bottom:1px solid #7c91b2;"></div>

<a href="applink"><div class="jarltbfapp" style="background:#7c91b2"><i class="fa fa-id-card-o"></i></div></a>
<a href="inventory"><div class="jarltbfinv" style="background:#7c91b2"><i class="fa fa-gift"></i></div></a>
<a href="development"><div class="jarltbfdev" style="background:#7c91b2"><i class="fa fa-gamepad"></i></div></a>

<div class="jarltbfrelations">
<div class="jarltbfrelationst">
???

</div>
</div>
</div>
</div>
</div>

<div class="jarltbftab">
<input type="radio" id="jarltbftab-7" name="jarltbftab-group-1">
<label for="jarltbftab-7">
????
<div class="jarltbftabl" style="background:#EB3BFF">
????
</div>
</label>
<div class="jarltbfcontent">
<div class="jarltbfin">

<div class="jarltbfi">
<i class="fa fa-star-o"></i>
</div>

<div class="jarltbfname">

???<br>?????

</div>
<div class="jarltbficon">

<img src="https://placehold.it/100">

</div>
<div class="jarltbficonc" style="border-top:1px solid #7c91b2;border-bottom:1px solid #7c91b2;"></div>

<a href="applink"><div class="jarltbfapp" style="background:#7c91b2"><i class="fa fa-id-card-o"></i></div></a>
<a href="inventory"><div class="jarltbfinv" style="background:#7c91b2"><i class="fa fa-gift"></i></div></a>
<a href="development"><div class="jarltbfdev" style="background:#7c91b2"><i class="fa fa-gamepad"></i></div></a>

<div class="jarltbfrelations">
<div class="jarltbfrelationst">
???

</div>
</div>
</div>
</div>
</div>

<div class="jarltbftab">
<input type="radio" id="jarltbftab-8" name="jarltbftab-group-1">
<label for="jarltbftab-8">
????
<div class="jarltbftabl" style="background:#EB3BFF">
????
</div>
</label>
<div class="jarltbfcontent">
<div class="jarltbfin">

<div class="jarltbfi">
<i class="fa fa-star-o"></i>
</div>

<div class="jarltbfname">

???<br>?????

</div>
<div class="jarltbficon">

<img src="https://placehold.it/100">

</div>
<div class="jarltbficonc" style="border-top:1px solid #7c91b2;border-bottom:1px solid #7c91b2;"></div>

<a href="applink"><div class="jarltbfapp" style="background:#7c91b2"><i class="fa fa-id-card-o"></i></div></a>
<a href="inventory"><div class="jarltbfinv" style="background:#7c91b2"><i class="fa fa-gift"></i></div></a>
<a href="development"><div class="jarltbfdev" style="background:#7c91b2"><i class="fa fa-gamepad"></i></div></a>

<div class="jarltbfrelations">
<div class="jarltbfrelationst">
???

</div>
</div>
</div>
</div>
</div>

<div class="jarltbftab">
<input type="radio" id="jarltbftab-9" name="jarltbftab-group-1">
<label for="jarltbftab-9">
????
<div class="jarltbftabl" style="background:#EB3BFF">
????
</div>
</label>
<div class="jarltbfcontent">
<div class="jarltbfin">

<div class="jarltbfi">
<i class="fa fa-star-o"></i>
</div>

<div class="jarltbfname">

???<br>?????

</div>
<div class="jarltbficon">

<img src="https://placehold.it/100">

</div>
<div class="jarltbficonc" style="border-top:1px solid #7c91b2;border-bottom:1px solid #7c91b2;"></div>

<a href="applink"><div class="jarltbfapp" style="background:#7c91b2"><i class="fa fa-id-card-o"></i></div></a>
<a href="inventory"><div class="jarltbfinv" style="background:#7c91b2"><i class="fa fa-gift"></i></div></a>
<a href="development"><div class="jarltbfdev" style="background:#7c91b2"><i class="fa fa-gamepad"></i></div></a>

<div class="jarltbfrelations">
<div class="jarltbfrelationst">
???

</div>
</div>
</div>
</div>
</div>

<div class="jarltbftab">
<input type="radio" id="jarltbftab-10" name="jarltbftab-group-1">
<label for="jarltbftab-10">
????
<div class="jarltbftabl" style="background:#EB3BFF">
????
</div>
</label>
<div class="jarltbfcontent">
<div class="jarltbfin">

<div class="jarltbfi">
<i class="fa fa-star-o"></i>
</div>

<div class="jarltbfname">

???<br>?????

</div>
<div class="jarltbficon">

<img src="https://placehold.it/100">

</div>
<div class="jarltbficonc" style="border-top:1px solid #7c91b2;border-bottom:1px solid #7c91b2;"></div>

<a href="applink"><div class="jarltbfapp" style="background:#7c91b2"><i class="fa fa-id-card-o"></i></div></a>
<a href="inventory"><div class="jarltbfinv" style="background:#7c91b2"><i class="fa fa-gift"></i></div></a>
<a href="development"><div class="jarltbfdev" style="background:#7c91b2"><i class="fa fa-gamepad"></i></div></a>

<div class="jarltbfrelations">
<div class="jarltbfrelationst">
???

</div>
</div>
</div>
</div>
</div>


<!-- You can add more tabs here! Just don't forget to change the tab number -->


</div>

<div class="jarltbfcred"><a href="http://shine.jcink.net/index.php?showuser=23444">JARONART</a></div>

</div>



<style type="text/css">

.jarltbfcontainer {
margin: 10px auto;
height: auto;
width: auto;
}

.jarltbftabs {
margin: 0px auto;
position: relative;
width: 550px;
height: 400px;
}

.jarltbftab {
display:block;/* CHANGE TO DISPLAY:BLOCK FOR VERTICAL TABS */
}

/* position your tab labels in here - also use margins to space your labels - you kind of have to eye until it's centered bc the math with tabs gets confusing */
.jarltbftab label {
display: block; /* this lets you fix the label dimensions */
width: 100px;
padding:10px;
height:15px;
background: rgba(255,255,255,0.3);
margin: 0px;
position: relative;
left: 20px;
top: 20px;
z-index: 3;
margin-bottom:2px;
transition:all 0.3s ease-in-out;
font-family:Raleway;
font-weight:900;
letter-spacing:-1px;
font-size:15px;
text-transform:uppercase;
line-height:100%;
overflow:hidden;
text-align:center;
}

.jarltbftabl {
width: 100px;
padding:10px;
height:15px;
background: rgba(255,255,255,0.3);
position:absolute;
text-transform:uppercase;
top:0; left:0;
z-index: 3;
transition:all 0.3s ease-in-out;
font-family:Raleway;
font-weight:900;
letter-spacing:0px;
font-size:15px;
line-height:100%;
overflow:hidden;
text-align:center;
color:#ddd;
opacity:0;
}

.jarltbftab input[type=radio]:checked ~ label {
background: #86E620;
color:#333;
z-index: 2;
width:110px;
}

.jarltbftab input[type=radio]:checked ~ label .jarltbftabl {
opacity:1;
width:110px;
}

.jarltbftab input[type=radio] {
display: none; /* DON'T EDIT */
}

/* if you want tab transitions they go here */
.jarltbfcontent {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background: #ddd;
overflow:hidden;
opacity:0.4;
transition:all 0.3s ease-in-out;
}

/* if you want tab transitions they also go here */
.jarltbftab input[type=radio]:checked ~ label ~ .jarltbfcontent {
z-index: 1;
opacity:1;
}

.jarltbfin {
width:418px;
height:400px;
position:absolute;
right:0; top:0;
}

.jarltbfname {
font-family:Raleway;
font-size:60px;
color:#eee;
font-weight:900;
text-align:right;
line-height:45px;
position:absolute;
right:-10px; bottom:-5px;
width:600px;
text-transform:uppercase;
}

.jarltbficon {
width:80px;
height:80px;
border-radius:100%;
position:absolute;
bottom:20px; right:20px;
}

.jarltbficon img {
width:80px;
height:80px;
border-radius:100%;
}

.jarltbficonc {
width:100px;
height:100px;
border-top:1px solid #86E620;
border-bottom:1px solid #86E620;
position:absolute;
right:10px; bottom:10px;
border-radius:100%;
-webkit-animation:spin2 5s linear infinite;
-moz-animation:spin2 5s linear infinite;
animation:spin2 5s linear infinite;
}

@-moz-keyframes spin2 { 100% { -moz-transform: rotate(-360deg); } }
@-webkit-keyframes spin2 { 100% { -webkit-transform: rotate(-360deg); } }
@keyframes spin2 { 100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); } }

.jarltbfi {
font-size:200px;
color:#eee;
position:absolute;
bottom:-20px; left:-150px;
line-height:100%;
}

.jarltbfhead {
color:#000;
text-align:center;
font-family:Raleway;
font-size:12px;
font-weight:900;
text-transform:uppercase;
line-height:100%;
padding:10px;
background: #86E620;
margin-bottom:5px;
}

.jarltbfabout {
width:110px;
height:110px;
padding:15px;
background:rgba(255,255,255,0.3);
position:absolute;
top:20px; left:30px;
}

.jarltbfaboutt {
width:110px;
height:110px;
padding-right:5px;
overflow:auto;
color:#333;
font-family:Roboto;
font-weight:400;
font-size:10px;
line-height:13px;
text-align:justify;
}

.jarltbfaboutt::-webkit-scrollbar {width:2px;}
.jarltbfaboutt::-webkit-scrollbar-thumb {background:#444;}
.jarltbfaboutt::-webkit-scrollbar-track {background:#000;}

.jarltbfrelations {
width: 350px;
height:230px;
padding:15px;
background:rgba(255,255,255,0.3);
position:absolute;
top:20px; right:20px;
}

.jarltbfrelationst {
width:350px;
height:220px;
padding-right:5px;
overflow:auto;
color:#333;
font-family:Roboto;
font-weight:400;
font-size:10px;
line-height:15px;
text-align:justify;
}

.jarltbfrelationst b { font-family:Roboto;
font-weight:900;
font-size:10px;
text-transform: uppercase;

}

.jarltbfrelationst::-webkit-scrollbar {width:2px;}
.jarltbfrelationst::-webkit-scrollbar-thumb {background:#444;}
.jarltbfrelationst::-webkit-scrollbar-track {background:#000;}

.jarltbfrels {
width:110px;
height:165px;
padding:15px;
background:rgba(255,255,255,0.3);
position:absolute;
bottom:40px; left:30px;
}

.jarltbfrelst {
width:110px;
height:165px;
padding-right:5px;
overflow:auto;
color:#333;
font-family:Roboto;
font-weight:400;
font-size:10px;
line-height:13px;
text-align:justify;
}

.jarltbfrelst i {
width:10px;
margin-right:3px;
color:#ccc;
}

.jarltbfrelst::-webkit-scrollbar {width:2px;}
.jarltbfrelst::-webkit-scrollbar-thumb {background:#444;}
.jarltbfrelst::-webkit-scrollbar-thumb {background:#444;}

.jarltbfapp {
position:absolute;
bottom:80px; right:369px;
padding:7px;
background:#333;
font-size:18px;
color:#eee;
line-height:100%;
border-radius:5px;
height:18px; width:18px;
text-align:center;
}

.jarltbfapp i {
color:#eee;
font-size:16px;
line-height:100%;
}

.jarltbfinv {
position:absolute;
bottom:80px; right:329px;
padding:7px;
background:#333;
font-size:18px;
color:#eee;
line-height:100%;
border-radius:5px;
height:18px; width:18px;
text-align:center;
}

.jarltbfinv i {
color:#eee;
font-size:16px;
line-height:100%;
}

.jarltbfdev {
position:absolute;
bottom:80px; right:289px;
padding:7px;
background:#333;
font-size:18px;
color:#eee;
line-height:100%;
border-radius:5px;
height:18px; width:18px;
text-align:center;
}

.jarltbfdev i {
color:#eee;
font-size:16px;
line-height:100%;
}

.jarltbfcred {
font-family:Roboto;
font-size:8px;
letter-spacing:1px;
text-align:center;
color:#444;
text-transform:uppercase;
margin-top:2px;
}

.jarltbfcred a {
color:#444;
text-decoration:none;
font-family:Roboto;
font-size:8px;
}
</style>[/dohtml]
Last Visitors


Jan 14 2018, 06:54 PM




Jan 9 2018, 12:51 PM




Jan 7 2018, 11:08 PM



Comments
No comments posted.
Add Comment

OUR AFFILIATES

RPG-D OHaV Avalon a Panfandom RP The Beginning Rise of the Believers Top RP Sites Top RP Sites


skinned by missy at caution and shine.