KEYS TO THE CITY
C-BOX

 
Closed
New Topic
New Poll

 Application
hades
 Posted: Sep 11 2016, 10:01 PM
Quote

king
Montreal, Canada
they/them/their
28
years old
Agender
Asexual
Panromantic
polyamorous
hades
28
est
language
sex
violence

3
3
3
odius.hades (skype)
they/them/their
awards


first middle last
Age: here

Gender: here

Pronouns: here

Sexual Orientation: here

Romantic Orientation: here

Relationship Orientation: here

Relationship Status: here

Hometown: here

Accent: here

Job: here

this is a lot of words as a test to see how it would look if you put a lot of words inside of this application this is a lot of words as a test to see how it would look if you put a lot of words inside of this application this is a lot of words as a test to see how it would look if you put a lot of words inside of this application this is a lot of words as a test to see how it would look if you put a lot of words inside of this application this is a lot of words as a test to see how it would look if you put a lot of words inside of this application this is a lot of words as a test to see how it would look if you put a lot of words inside of this application this is a lot of words as a test to see how it would look if you put a lot of words inside of this application this is a lot of words as a test to see how it would look if you put a lot of words inside of this application

friends

this is the right shipper with information inside of it just to try and fill it out a bit this is where more shipper informatino can go inside of this is the right shipper with information inside of it just to try and fill it out a bi

lovers

this is where more shipper informatino can go inside of this is the right shipper with information inside of it just to try and fill it out a bit this is where more shipper informatino can go inside of this is the right shipper with information inside of it just to try and fill it out a bi

enemies

this is where more shipper informatino can go inside of this is the right shipper with information inside of it just to try and fill it out a bit this is where more shipper informatino can go inside

other

of this is the right shipper with information inside of it just to try and fill it out a bit this is where more shipper informatino can go inside of
alias • timezone • pronouns • l/s/v



CODE
[dohtml]<style type="text/css">

.maps-credit {
width:10px;
height:10px;
font-size:8px!important;
z-index:10;
margin-top:30px;
float:right;
position:relative;
}

.maps-credit a {
color:#777!important;
font-size:10px!important;
}


.mapsrules {
border:1px solid #efefef;
width:250px;
padding:25px;
text-align:justify;
font-family:trebuchet ms;
color:#999;
font-size:9.5px;
line-height:9px;
letter-spacing:1px;
margin:auto;
background:#C0C669;
background-size:cover;
border:1px solid #EFFFCD;
}

.mapsrules b {
color:#99173C;
}

.inside-maps {
border:3px dashed #EFFFCD;
background:#fff;
padding:10px;
}

.mapsrules::before {
content:"!!!";
text-shadow:1px 1px 0px #fff;
display:block;
position:absolute;
color:#99173C;
font-family:times;
letter-spacing:-12px;
font-style:italic;
margin-top:-5px;
margin-left:285px;
font-size:90px;
}

</style>

<div class="outerborder"><div id="pilotout"><div class="verticalbox"></div><div class="horizontalbox"></div>

<div class="pilotname">FIRST MIDDLE LAST</div>

<div id="pilotlabels">

<input type="radio" id="pilot1" name="pilot" checked="checked">
<label for="pilot1">image</label>
<input type="radio" id="pilot2" name="pilot">
<label for="pilot2">info</label>
<input type="radio" id="pilot3" name="pilot">
<label for="pilot3">app</label>
<input type="radio" id="pilot4" name="pilot">
<label for="pilot4">shipper</label>

<div class="pilot-content-1 transition"><img src="PUT IMAGE 500 x 352 HERE"></div>
<div class="pilot-content-2 transition scale"><div class="insideinfo"><div class="insidetab shipimage"><img src="PUT IMAGE HERE 176 x 276"> <div class="rightshipper">

<B>Age:</b> age<P>
<B>Gender:</b> cisman, ciswoman, transman, transwoman, non-binary, etc<P>
<B>Pronouns:</b> he/him, she/her, they/them, etc<P>
<B>Sexual Orientation:</b> here<P>
<B>Romantic Orientation:</b> here<P>
<B>Relationship Orientation:</b> monoamorous or polyamorous <P>
<B>Relationship Status:</b> here <P>
<B>Hometown:</b> here <P>
<B>Accent:</b> if your character doesn't have one put "none"<P>
<B>Job:</b> here <P>


</div></div></div></div>
<div class="pilot-content-3 transition scale"><div class="insideinfo"><div class="insidetab"><div class="sidescroll">

this is where you put your freestyle app! It's completely optional, and you can always add this in later on. You can use the <*h1> tag for headers.

</div></div> </div></div>
<div class="pilot-content-4 transition scale"><div class="insideinfo"><div class="insidetab shipimage"><img src="PUT IMAGE HERE 176 x 276"> <div class="rightshipper">

<h1>friends</h1>

info here

<h1>lovers</h1>

info here

<h1>enemies</h1>

info here

<h1>other</h1>

info here

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

</div>
</div>


<div class="user">alias • timezone • pronouns • l/s/v</div>
</div><div class="maps-credit"><a href="http://shine.b1.jcink.com/index.php?showuser=13623">©</a></div></div></div></div>

<style type="text/css">

@font-face {src:url('http://essiskins.b1.jcink.com/uploads/essiskins/Cousine_Regular.ttf');
font-family:cousine;
}

::-webkit-scrollbar { height: 1px; width: 5px; background: #fff; }
::-webkit-scrollbar-thumb { background: #ccc; }

::-ms-scrollbar { height: 1px; width: 1px; background: #fff; }
::-ms-scrollbar-thumb { background: #ccc; }

::-o-scrollbar { height: 1px; width: 1px; background: #fff; }
::-o-scrollbar-thumb { background: #ccc; }

::-moz-scrollbar { height: 1px; width: 1px; background: #fff; }
::-moz-scrollbar-thumb { background: #ccc; }

.outerborder {
width:542px;
padding:25px;
background:#fff;
margin:auto;
margin-top:30px;
border:1px solid #efefef;
}

#pilotout {
border:1px solid #f4f4f4;
width:500px;
height:400px;
margin:auto;
padding:20px;
background:#fff;
}

.verticalbox {
background:#fff;
position:absolute;
width:300px;
height:442px;
margin-left:100px;
margin-top:-21px;
}

.horizontalbox {
background:#fff;
position:absolute;
height:300px;
width:542px;
margin-top:50px;
margin-left:-21px;
}

#pilotlabels {
position:absolute;
width:300px;
height:18px;
margin-top:-28px;
margin-left:97px;
text-align:center;
}

#pilotlabels [type="radio"] {
display:none;
}

#pilotlabels label {
display:inline-block;
font-family:arial black;
text-transform:uppercase;
color:#C0C669;
cursor:pointer;
width:60px;
font-size:13px;
letter-spacing:1px;

}

#pilotlabels input[type="radio"]:checked+label {
color:#bbb!important;
}

.pilotname {
position:absolute;
font-family:arial black;
font-size:12px;
line-height:50px;
text-align:center;
height:47px;
text-transform:uppercase;
width:500px;
color:#888;
letter-spacing:2px;
text-decoratioN:underline;
background: #efefef;
border-bottom:2px solid #C0C669;;
}

.user {
margin-top:413px;
margin-left:100px;
height:15px;
text-transform:uppercase;
line-height:15px;
font-size:10px;
position:absolute;
color:#999;
letter-spacing:1.5px;
text-aligN:center;
width:300px;
font-family:cousine;

}

.transition {
position:absolute;
width:500px;
height:252px;
margin-left:-97px;
margin-top:60px;
-webkit-transition:.5s;
-moz-transition:.5s;
-ms-transition:.5s;
-o-transition:.5s;
}

.scale {
-webkit-transform:scale(.5);
-ms-transform:scale(.5);
-moz-transform:scale(.5);
-o-transform:scale(.5);
}

.pilot-content-1 img {
width:500px;
height:352px;
-webkit-transform:scale(1.1);
-webkit-filter:grayscale(100%);
-webkit-transition:.5s;

-o-transform:scale(1.1);
-o-filter:grayscale(100%);
-o-transition:.5s;

-ms-transform:scale(1.1);
-ms-filter:grayscale(100%);
-ms-transition:.5s;

-moz-transform:scale(1.1);
-moz-filter:grayscale(100%);
-moz-transition:.5s;
}

.pilot-content-1 {
height:352px;
width:500px;
overflow:hidden;
}

#pilot1:checked ~ .pilot-content-1 img {
-webkit-transform:scale(1);
-webkit-transition:.5s;
-webkit-filter:grayscale(0%);

-o-transform:scale(1);
-o-transition:.5s;
-o-filter:grayscale(0%);

-ms-transform:scale(1);
-ms-transition:.5s;
-ms-filter:grayscale(0%);

-moz-transform:scale(1);
-moz-transition:.5s;
-moz-filter:grayscale(0%);
}

.pilot-content-2 {
opacity:0;
z-index:0;
}

#pilot2:checked ~ .pilot-content-2 {
opacity:1;
z-index:2;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
}

.pilot-content-3 {
opacity:0;
z-index:0;
}

#pilot3:checked ~ .pilot-content-3 {
opacity:1;
z-index:2;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
}

.pilot-content-4 {
opacity:0;
z-index:0;
}

#pilot4:checked ~ .pilot-content-4 {
opacity:1;
z-index:2;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
}

.insideinfo {
width:420px;
height:280px;
margin-left:40px;
margin-top:34px;
border:1px solid #C0C669;
}

.insidetab {
background:rgba(255,255,255,0.6);
margin:2px;
width:416px;
height:276px;
}

.sidescroll {
display:block;
position:absolute;
background:rgba(255,255,255,0.9);
margin:10px;
width:375px;
height:235px;
padding:5px;
padding-top:0px;
padding-bottom:5px;
border-bottom:5px solid #fff;
border-top:10px solid #fff;
border-lefT:5px solid #fff;
border-right:5px solid #fff;
overflow:auto;
display:block;
font-family:helvetica;
font-size:12px;
text-align:left;
color:#888;
line-height:15px;
}

.insideinfo ul {
margin:0px;
padding:0px;
height:170px;
list-style:none;
font-family:cousine;
font-size:8px;
text-transform:Uppercase;
padding-left:2px;
}

.insideinfo li {
float:left;
width:256px;
background:#fff;
margin-bottom:4.4px;
height:18px;
line-height:18px;
color:#999;
text-decoration:underline;
letter-spacing:1px;
}

.insideinfo li:nth-child(odd) {
background:#f8f8f8;
color:#bbb;
width:150px;
letter-spacing:0px;
text-decoration:none;
font-family:arial black;
margin-left:3px;
border-bottom:4px solid #C0C669;
}

.insideinfo li:nth-child(even) {
border-bottom:6px solid #C0C669;
}

.insideinfo li:nth-child(odd)::before {
content:"///";
color:#C0C669;
letter-spacing:.5px;
font-weight:bold;
}

.insideinfo li:last-child {
margin-bottom:0px;
}

.insideinfo li:first-child {
margin-top:4px;
}

.insideinfo li:nth-child(2) {
margin-top:5px;
}

.shipimage img {
float:right;
height:276px;
width:176px;
}

.rightshipper {
position:absolute;
widtH:210px;
height:246px;
margin:5px;
padding:5px;
border:5px solid #fff;
background:#fff;
font-size:12px;
color:#888;
line-height:15px;
font-family:helvetica;
text-align:left;
overflow:auto;
}


.rightshipper h1 {
   font: 12px calibri;
   font-weight: 700;
   margin-bottom: 5px;
   padding: 7px 0;
   border-top: 1px solid #C0C669;
   border-bottom: 1px solid #C0C669;
}

.sidescroll h1 {
   font: 12px calibri;
   font-weight: 700;
   margin-bottom: 5px;
   padding: 7px 0;
   border-top: 1px solid #C0C669;
   border-bottom: 1px solid #C0C669;
}

.rightshipper b{
color:#C0C669;
}

</style>[/dohtml]
PMEmailAIM
^
kimmy
 Posted: Oct 9 2016, 07:49 PM
Quote

Being a Queen
Chicago
she/her/her
24
years old
Female
Ace
Pan
polyamorous
Kimmy
24
Central
language
sex
violence

3
3
3
PM/AIM
she/her/her
awards


NAME HERE & NAME HERE
Plot Goes Here


CODE
[dohtml]<P><P><P>
<center>
<style type="text/css">
#anarchy { width: 350px; padding: 2px; }

.anarchy1 { width: 350px; padding-bottom: 6px; padding: 10px; padding-top: 30px; background-color: #FFFFFF; font-family: arial; color: #000000; font-size: 12px; line-height: 100%; letter-spacing: 3px; text-align: justify; border-top: 0px; border-left: 1px; border-right: 1px; border-bottom: 1px; border-style: solid; border-color: #0B0607; }

.anarchy3 { font-family: Bebas Neue; text-align: center; background-color: #0B0607; color: #FAFAFA; font-size: 26px; letter-spacing: 2px; font-weight: bold; width: 362px; padding: 33px 5px 32px 5px; }  

</style>

<table id="anarchy">

<div class="anarchy3">

NAME HERE & NAME HERE

</div>

<div class="anarchy1">
<div style="padding-left: 11px; padding-right: 11px; padding-bottom: 10px;">

Plot Goes Here

</div></div>

</div></td></td></table></center>[/dohtml]
PMEmailAIMYIM
^
0 User(s) are reading this topic (0 Guests and 0 Anonymous Users)
0 Members:

Topic Options
Closed
New Topic
New Poll


 


 


sister sites
listed at & static affiliates
RPG-D RPG Initiative; SURFACE LIES
SKIN EXCLUSIVELY MADE FOR KEYS TO THE CITY BY KIMMY CUSTOM FORUM STRUCTURE BY BLACK - TOGGLE SIDEBAR BY KISMET - CTS BY REE AT SHINE