welcome to destiny's strata!

PREMIUM - MATURE

The town seems like any other town. Simple, quiet on the exterior but digging beyond the surface will reveal a whole new world of deception, lies, and most of all, power. This is where the rich come to raise their families. But they all have their dirty little secrets. Isolating themselves from the rest of the world is the norm here, weeding out the 'bad seeds'. The children are raised with a sense of 'being privileged' and their parents encourage this. They go to private universities where they are taught to rule the world.

But there is one little problem...

The government says they have to allow a certain number of scholarships every year to the underprivileged kids or risk the closure of their schools. On the far end of town lives the poor, the down-trodden, and the downright scum of the earth, or, at least, that is how the upper class sees them. Mana Marrow tries to hide this embarrassment in their town but now, with the government intervening, they will have to allow some of these young adults to mix with their own precious, spoiled, and pampered offspring. The town comes together to form 'The Hetaireia', a secret society for the Elite, and figures out a way to make this work in their favor, however, and soon the lucky chosen underprivileged youth begin their university studies only to find that all is not as it seems. A hierarchy is born and they find themselves at the bottom rung, treated as less than second class citizens.

Will you be one of the privileged students that seem to rule the schools?
Or will you be one of the poor, who struggle for the acceptance that they may never find?
Or maybe you will be an adult, working in the town, the schools, or at the factory that supplies jobs for little pay and hard labor?

The choice is yours, so choose wisely!


Definitions:

Strata:
1) A level or class to which people are assigned according to their social status, education, or income.
2) A group into which members of a population are divided in stratified sampling.

Mana
A word found in Austronesian languages meaning "power, effectiveness, prestige", where in most cases the power is understood to be supernatural.

Hetaireia
1) Meaning 'Secret Society' in Latin.
2) A term in ancient greek for a corps of bodyguards during the Byzantine Empire. It means "the Company".

mana mar.
LOCATED: somewhere in the us
set in may, 2018
Latest Shouts In The Shoutbox -- View The Shoutbox · Rules -  



Pages: (2) 1 2  ( Go to first unread post )
Add Reply
New Topic
New Poll

 Threading Codes
Quote
Maximilian Denvers
19
he/him
playboy
176 POSTS
alyoshka
AKA Max
SEXUALITY: bisexual
RELATIONSHIP STATUS: single
PARTNER: whoever's willing ;)
~ Ridge Creek Student ~

I'm just a hazard to myself

words here
BY MITZI


CODE

[dohtml]<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700|Playfair+Display" rel="stylesheet">

<div class="mazzystar">
<div class="head" style="background: url(https://i.imgur.com/W35eEZU.png);"></div>
<div class="fade"><h1>I'm just a hazard to myself</h1></div>

<div class="body"><div class="scroll">

words here

</div></div>
</div><a href="http://shine.jcink.net/index.php?showuser=8549" style="font: bold 8px/20px calibri; opacity: .5; text-align:center; display: block;">BY MITZI</a>


<style>

.mazzystar h1, .mazzystar .body {
  color: #ACCENT;
  border-color:#ACCENT!important;
}

.mazzystar {
  width: 380px;  margin: auto; letter-spacing: 0;
  background: #fff; border: solid 1px #eee;
  padding-bottom: 10px;
}

.mazzystar .head {
  width: 380px; height: 200px;
  background-size: cover!important;
}

.mazzystar .fade {
  width: 170px;  margin: -100px 0 0 20px; border: solid 1px #fff;
}

.mazzystar h1 {
  font: 13px/30px playfair display; text-transform: uppercase;
  margin: 5px; letter-spacing: 1px;
  padding: 15px; border: solid 1px #F4EDEE!important;
  background: #fff; text-align: right;
  min-height: 100px;
}

.mazzystar .body {
  margin: 25px 70px; font: 10px/160% open sans; text-align:justify;
  color: #5C5C5C; padding-bottom: 25px; border-bottom: double 3px;
}

.mazzystar .scroll {
  height: 200px; overflow: auto; padding-right: 10px;
}

.mazzystar .scroll::-webkit-scrollbar {
  width: 7px!important; background: #eee!important; border: none!important;
  border-left: solid 3px #fff!important; border-right: solid 3px #fff!important;
}

  .mazzystar .scroll::-webkit-scrollbar-thumb {
  width: 5px!important; background: #fff!important; border: solid 1px #EDEDED!important;
}
</style>[/dohtml]

Quote
Evan Levitt
22
he / him
baker / game designer
7 POSTS
Alyoshka
AKA
SEXUALITY: Bicurious
RELATIONSHIP STATUS: Single
PARTNER:
~ Commoners ~
through the night til we're twins again
stripped down to our skeletons again
POST HERE

TAG



CODE

[dohtml]<link href="http://fonts.googleapis.com/css?family=Abel|La+Belle+Aurore" rel="stylesheet" type="text/css">
<style type="text/css">
.ptbox { width: 420px; background-color: #252629; padding: 20px 40px 40px 40px; }
.ptlyr1 { font-family: la belle aurore; font-size: 30px; color: #BF2524; text-align: center; padding-top: 10px; }
.ptlyr2 { font-family: abel; font-size: 11px; color: #ccc; letter-spacing: 1px; text-transform: uppercase; }
.ptmain { height: 350px; padding: 10px; border-top: 1px solid #BF2524; border-bottom: 1px solid #BF2524; }
.ptpb { height: 350px; overflow: auto; text-align: justify; padding: 0 10px; line-height: 125%; color: #ccc; }
.ptbb { font-family: abel; font-size: 11px; color: #ccc; letter-spacing: 1px; text-transform: uppercase; }
.tcred { text-transform: uppercase; text-align: right; width: 500px; }
.tcred a {font-family: calibri; font-size: 8px; letter-spacing: 1px; }
.ptpb::-webkit-scrollbar-thumb { background-color: #BF2524; }
.ptpb::-webkit-scrollbar { width: 8px; background-color: #BF2524; }
</style>
<center>

<img src="http://i.imgur.com/SVMGOlj.jpg">
<div class="ptbox">
<div class="ptlyr1">[SIZE=12]through the night til we're twins again[/SIZE]</div>
<div class="ptlyr2">stripped down to our skeletons again</div>
<div style="background-color: #BF2524; padding: 2px; margin-bottom: 2px;"></div>
<div class="ptmain">
<div class="ptpb">

POST HERE

</div>

</div>
<div style="background-color: #BF2524; padding: 2px; margin-top: 2px;"></div>
<div class="ptbb">
</br>
<b>TAG</b>
</div>
</div>
<div class="tcred"><a href="http://shine.b1.jcink.com/index.php?showuser=1892" target="_blank">♛ Ames</a></div></center>[/dohtml]
Quote
Nathaniel Doe
24
He / Him
popstar
35 POSTS
Alyoshka
AKA NARCISSUS
SEXUALITY: Pansexual
RELATIONSHIP STATUS: Single
PARTNER:
~ Elites ~

if it hurts you bad

put it on my tab i can pay it back tenfold

words

tag






CODE

[dohtml]<link href='http://fonts.googleapis.com/css?family=BenchNine' rel='stylesheet' type='text/css'>

<style type="text/css">

.iihyb { padding: 30px; text-align: center; color: #363636; font-family: BenchNine; font-size: 10px; text-transform: uppercase; letter-spacing: 3px; }
.iihyb:first-line { font-family: georgia; font-size: 20px; text-transform: uppercase; padding: 10px; letter-spacing: 3px;  }

</style>

<br><center><div style="width: 360px; height: auto; background-color: #f9f9f9;">
<a href="http://cttw.jcink.net/index.php?showuser=253" target="_blank"><div style="width: 360px; height: 250px; background-image: url(http://i.imgur.com/aeQqFt3.png); background-size: cover; background: -moz-linear-gradient(bottom, #dbdbdb, rgba(255,255,255,0), rgba(0,0,0,0)), url('');
-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,1,1)), to(rgba(0,0,0,0)));"></div></a>

<div class="iihyb">if it hurts you bad
<p>put it on my tab i can pay it back tenfold</div>

<div style="width: 270px; padding: 20px; font-size: 10px; text-align: justify; color: #000; margin-top: -20px; border-top: #363636 solid 1px; border-bottom: #363636 solid 1px; line-height: 100%;">


words


</div>

<p><center><div style="width: 260px; background-color: #f9f9f9; color: #363636; font-family: arial; font-style:bold; letter-spacing: 1; font-size: 9; text-align: center; padding:5px;"><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="270" height="15"><param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" /><param name="bgcolor" value="#f9f9f9" /><param name="FlashVars" value="mp3=http://a.tumblr.com/tumblr_lpdf7iMIOH1qavzh5o1.mp3&amp;bgcolor=363636&amp;loadingcolor=363636&amp;buttoncolor=363636&amp;slidercolor=363636"/></object></div></center>

<div style="padding: 40px; text-align: center; color: #363636; font-family: BenchNine; font-size: 10px; text-transform: uppercase; letter-spacing: 3px;">tag</div></div><br></center>[/dohtml]
Quote
Lake Novak
17
He / Him
Bartender at Evolut!on
60 POSTS
Alyoshka
AKA
SEXUALITY: Graysexual Heteroromantic
RELATIONSHIP STATUS: Single
PARTNER:
~ Ridge Creek Scholar ~
TAG
filled it up with novocaine and now I'm just numb
post goes here!!!!!!!!





CODE

[dohtml]
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

<style type="text/css">

.merc_threads {
margin: 25px auto;
padding: 25px;
border: 1px solid #525252;
width: 400px;
}
.merc_threads2 {
width: 400px;
height: 200px;
position: relative;
}
.merc_threads3 {
width: 200px;
margin: auto;
background-color: rgba(255,255,255,0.8);
padding: 4px;
text-align: center;
font-family: roboto condensed;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 2px;
color: #191919
position: relative;
}
.merc_threads4 {
width: 200px;
margin: auto;
padding: 20px;
text-align: center;
font-family: roboto condensed;
font-size: 7px;
font-style: italic;
text-transform: lowercase;
letter-spacing: 2px;
color: #191919
position: relative;
}
.merc_threads5 {
padding: 25px;
text-align: justify;
font-family: calibri;
font-size: 10px;
line-height: 115%;
color: #191919
}
.merc_cred { text-align: center; font-family: calibri; font-size: 7px; text-transform: uppercase;  }</style>
<div class="merc_threads">
<div class="merc_threads2" style="background-image:url(https://i.imgur.com/znG8O4m.png);">
<div style="padding-top:88px"></div>
<div class="merc_threads3">TAG</div></div>
<div class="merc_threads4">filled it up with novocaine and now I'm just numb</div>
<div class="merc_threads5">

post goes here!!!!!!!!

</div>
</div><div class="merc_cred"><a href="http://cttw.jcink.net/index.php?showuser=160">merc</a></div>
[/dohtml]
Quote
Geoffri Fletcher
16
He / Him
Actor
33 POSTS
alyoshka
AKA GiGi
SEXUALITY: Hella gay
RELATIONSHIP STATUS: In a relationship
PARTNER: Ari <3
~ Ridge Creek Student ~
Fashion is the art, designers are the gods
Models play the part of angels in the dark
words here
for tag
BY MITZI




CODE

[dohtml]<link href="https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i" rel="stylesheet">

<center><div class="ivy">
<img src="https://i.imgur.com/9n2Zxvd.png">
<div class="top">[size=3]Fashion is the art, designers are the gods<br>
Models play the part of angels in the dark[/size]</div>

 <div class="text">

words here

</div>

<div class="small">
<b>for</b> tag
</div>

</div><a href="http://shine.jcink.net/index.php?showuser=8549"><span style="font: bold 8px/20px calibri; opacity: .5; text-align:center;">BY MITZI</span></a></center>

<style>

/*** ACCENT ***/
.ivy .top { color: #c4aea7;}
.ivy .small b { color: #c4aea7; }
.ivy .text b { color: #c4aea7; }

.ivy {
  width: 300px; padding: 30px; color: #222222;
  background: #fefefe; border: solid 10px #E8E8E8;
}

.ivy img {
  border-radius: 50%;
  width: 100px; padding: 5px;
  border: solid 1px #E8E8E8;
}

.ivy .top {
  font: bold 16px/14px karla;
  text-transform: uppercase;
  margin-top: 20px;
  padding-bottom: 10px;
}

.ivy .small {
  padding-top: 10px; color: #B5B5B5;
  font: 10px/14px karla; text-align: left;
  text-transform: uppercase;
}

.ivy .small b {
  margin-right: 4px;
  font: bold 9px karla; letter-spacing: 1px; opacity: .8;
  padding: 1px 2px; border-radius: 2px; margin-left: 5px;
}

.ivy .text {
  font: 10px/16px karla; padding: 10px 5px 10px 0;
  text-align: justify;
  border-top: solid 1px #E8E8E8;
  border-bottom: solid 1px #E8E8E8;
}

.ivy .text b {
  font-size: 12px;
}

</style>[/dohtml]
Quote
Safarin Ereian
5
he / him / his
child
23 POSTS
Aly
AKA
SEXUALITY: homosexual
RELATIONSHIP STATUS: single
PARTNER:
~ Elite Child ~

i smile because i
think of you and i blush

words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words here
BY MITZI





CODE

[dohtml]<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i" rel="stylesheet">

<center><div class="bloodonme">

<h1>i smile because i  <br>think of you and i blush</h1>
<img src="https://78.media.tumblr.com/303f5f6a1f852d7d2d648290ceec556c/tumblr_nzxym5BaFd1tg1o6zo1_500.gif">

words here

</div><a href="http://shine.jcink.net/index.php?showuser=8549"><span style="font: bold 8px/20px calibri; opacity: .5; text-align:center;">BY MITZI</span></a>
</center>

<style>

.bloodonme {
  width: 350px; padding: 40px;
  background: #fff; border: solid 1px #EEEEEE;
  box-shadow: 1px 1px 10px rgba(0,0,0,.1);
  color: #222; font: 9px/13px open sans; text-align: justify;
}

.bloodonme h1 {
  font: bold 27px/22px times; text-align: center;
  color: #939393; padding: 0 20px 20px 20px;
  border-bottom: solid 1px #EEEEEE;
}

.bloodonme img {
  width: 100px; height: 100px; border: solid 25px #EEEEEE;
  float: right; margin-left: 15px;
}

.bloodonme b {
  font: bold 10px/13px open sans;
}

.bloodonme .space {
  height: 15px;
}

</style>[/dohtml]
Quote
Risel Ereian
22
he / him / his
heir
31 POSTS
Aly
AKA
SEXUALITY: pansexual
RELATIONSHIP STATUS: married
PARTNER: talon qanit-ereian
~ Elites ~

i'll break your halo if you try to rise above me

tag
words here
MITZI



CODE

[dohtml]<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i|Playfair+Display" rel="stylesheet"><link rel="stylesheet" href="http://files.jcink.net/uploads/samson/credit.css">

<div class="forrest">
<div class="pic" style="background:url(https://i.imgur.com/zb3vA9U.png);"></div>

<h1>i'll break your halo if you try to rise above me</h1>
<div class="tag">tag</div>

<div class="body">

words here

</div>

</div><span class="mitzicredit"><a href="http://shine.jcink.net/index.php?showuser=8549" title="MITZI @ SHINE">MITZI</a></span>

<style>

.forrest {
  width: 400px; margin: auto; padding: 25px;
  background: #F3F3F3; border: solid 1px #fff;
  box-shadow: 1px 1px 5px rgba(0,0,0,.2);
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0;
}

.forrest .pic {
  width: 250px; height: 300px;
  background-size: cover!important;
  float: left; border: solid 1px #fff;
  box-shadow: 1px 1px 5px rgba(0,0,0,.2);
  position: relative; z-index: 200;
}

.forrest h1 {
  font: 10px/20px playfair display; text-align: left;
  text-transform: uppercase; letter-spacing:4px; color: #000;
  float: left; margin: 20px 0 0 -40px; padding: 35px; width: 100px;
  border: solid 1px #fff; background: linear-gradient(#ddd, #fff);
  max-height: 160px; overflow: hidden;
  position: relative; z-index: 250;
}

.forrest .tag {
  font: bold 7px open sans; text-transform: uppercase; color: #767676;
  float: left; padding: 5px; background: #fff;
  text-align: right; width: 100px; opacity: 0;
  margin: 15px 0 0 -90px; transition: .5s;
}

.forrest .tag a {
  font: bold 7px open sans; text-transform: uppercase; color: #767676; text-decoration: none;
}

.forrest:hover .tag {
  margin: 15px 0 0 0; opacity: 1;
}

.forrest .body {
  clear:both; font: 10px/14px open sans; text-align: left;
  padding: 45px 25px 25px 25px; color: #000;
}
</style>[/dohtml]
Quote
Blaise Guerrero
17
he / him
thief
5 POSTS
alyoshka
AKA
SEXUALITY: pansexual
RELATIONSHIP STATUS: single
PARTNER:
~ MM Public Student ~

here they come, come, come
to the brightest thing that glitters

words here
@tag
note
MITZI




CODE

[dohtml]<link rel="stylesheet" href="http://files.jcink.net/uploads/samson/credit.css"><link href="https://fonts.googleapis.com/css?family=Hind:400,700|Montserrat:400,700" rel="stylesheet">

<div class="bigfish">
<div class="pic" style="background:url(https://i.imgur.com/XwGODbp.png);"></div>
<div class="dash"></div>
<h1>here they come, come, come
<br>
to the brightest thing that glitters</h1>

<div class="body">


words here


</div>

<div class="tag">
  <a href="/">@tag</a>
  <div class="note">note</div>
</div>
</div><span class="mitzicredit"><a href="http://shine.jcink.net/index.php?showuser=8549" title="MITZI @ SHINE">MITZI</a></span>

<style>

/*** REPLACE FOR ACCENT ***/
.bigfish .dash { background: #HEXCODE; }
.bigfish .tag a { border-color: #HEXCODE; }
.bigfish b, .bigfish .tag a, .bigfish .note { color: #HEXCODE; }



.bigfish {
  width: 300px; margin: auto; color: #222;
  border: solid 25px #ddd; padding: 25px;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0;
}

.bigfish .pic {
  width: 350px; height: 200px; margin: -25px -25px 25px -25px;
  background-size: cover!important;
}

.bigfish .dash {
  margin: 30px 3; width: 50px; height: 5px; margin: auto;
}

.bigfish h1 {
  font: bold 24px/22px montserrat;
  text-transform: uppercase; color: #000;
}

.bigfish .body {
  padding: 20px 20px 10px 20px;
  font: 10px/14px hind; text-align: justify;
}

.bigfish .body b {
  font-size: 11px; line-height: 10px;
}

.bigfish .tag {
  margin: 5px 20px;
}

.bigfish .tag a {
  font: bold 7px montserrat; padding: 2px 5px;
  text-decoration: none; border-radius: 5px;
  text-transform: uppercase; letter-spacing: 1px;
  display: inline-block;
  border-width: 1px; border-style: solid;
}

.bigfish .note {
  font: bold 7px montserrat; padding: 2px 5px;
  text-decoration: none; border-radius: 5px;
  text-transform: uppercase; letter-spacing: 1px;
  display: inline-block;
}
</style>[/dohtml]
Quote
Anteros Sarisan
19
they / them / he / his
assistant teacher
6 POSTS
Alyoshka
AKA eros
SEXUALITY: pansexual
RELATIONSHIP STATUS: single
PARTNER:
~ MM Public Faculty ~
@tag
words here






CODE

[dohtml]
<center>
<table><tr><td class="jarmacabre">
<div class="jarmacabreicon"><img src="https://i.imgur.com/gWnU3RW.png"></div>
<div class="jarmacabretag">@tag</div>
</td><td class="jarmacabrep">
<div class="jarmacabretext">

words here

<br><br>
</td></tr></table>
<div class="jarmacabrecred"><a href="http://shine.jcink.net/index.php?">JARONART</a></div>
</center>

<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<style>
.jarmacabre {
  width:100px;
  padding:20px;
  background:#333;
  line-height:100%;
}
.jarmacabrep {
  background:#eee;
  width:250px;
  padding:30px;
}
.jarmacabreicon {
  width:100px;
  height:100px;
  padding:10px;
  border:1px solid #eee;
}
.jarmacabretext {
  width:250px;
  padding:30px;
  font-family:Roboto;
  font-size:10px;
  line-height:14px;
  color:#333;
  background:#fff;
  text-align:justify;
}
.jarmacabretag {
  width:100px;
  padding:10px;
  color:#eee;
  font-family:Roboto;
  font-size:10px;
  line-height:14px;
  text-align:justify;
  border:1px solid #eee;
  margin-top:10px;
}
.jarmacabrecred {
  font-family:Roboto;
  font-size:8px;
  text-align:center;
  margin:0 auto;
  color:#ccc;
  letter-spacing:2px;
  margin-top:5px;
}
.jarmacabrecred a {
  font-family:Roboto;
  font-size:8px;
  color:#ccc;
  text-decoration:none;
}
</style>
[/dohtml]
Quote
Ar'varis Ereian
6
he / him / his
child
19 POSTS
Aly
AKA
SEXUALITY: unknown
RELATIONSHIP STATUS: single
PARTNER:
~ Elite Child ~

anything that is beautiful, people want to break and you are beautiful, i'm afraid

words here
BY MITZI





CODE

[dohtml]<link href="https://fonts.googleapis.com/css?family=Karla:400,400i,700|Playfair+Display" rel="stylesheet">



<center><div class="ugly">
<h1>anything that is beautiful, people want to break and you are beautiful, i'm afraid</h1>

<img src="https://i.imgur.com/IReofzG.png">
<div class="body"><div class="scroll">

words here

</div></div>

</div><a href="http://shine.jcink.net/index.php?showuser=8549"><span style="font: bold 8px/20px calibri; opacity: .5; text-align:center;">BY MITZI</span></a>
</center>

<style>

@font-face {
font-family: Exodus;  
src: url(https://dl.dropboxusercontent.com/u/101811149/Exodus-PersonalUse-Regular.otf);  
font-weight: normal;  
}

.ugly {
  width: 360px; color: 000; padding-bottom: 20px;
  background: #fff; border: solid 1px #EFEFEF;
  box-shadow:  0 0 15px rgba(0,0,0,.1); letter-spacing: 0;
}

.ugly h1 {
  font: 18px playfair display; margin: 20px 0 0 0;
  background: #EFEFEF; padding: 20px 50px;
  text-align: justify; text-transform: uppercase;
}

.ugly img {
  width: 250px; padding: 25px; border: solid 1px #EFEFEF;
  margin-top: 20px;
}

.ugly .body {
  font: 10px/15px karla;
  padding: 20px 35px 20px 50px; color: #222; text-align: justify;
}

.ugly .scroll {
  max-height: 300px; overflow: auto;
  padding-right: 15px;
}

.ugly .scroll::-webkit-scrollbar {
  background: #EFEFEF!important; width: 3px!important;
  border: solid 1px #fff!important;
}

.ugly .scroll::-webkit-scrollbar-thumb {
  background: #E1E1E1!important; width: 3px!important; border: none!important;
 
}

</style>
[/dohtml]
Quote
Aly
19
she / her
admin person
118 POSTS
alyoshka
AKA
SEXUALITY: sexy
RELATIONSHIP STATUS: married
PARTNER:
~ Site Owner ~
hold back your love
tag: @first last
words go here
liv's codes




CODE


[dohtml]
<link href="https://fonts.googleapis.com/css?family=Lato:400,700i,900i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lora" rel="stylesheet">

<div id="can">
<div id="can-pic" style="background-image: url(https://i.pinimg.com/originals/37/14/ff/3714ff03f2776ec66db29cfe978a61e2.jpg)"></div>
<div id="can-line-a">hold back your love</div>
  <div id="can-line-b">tag: @first last</div>
<div id="can-line-text">

words go here

</div>
</div>
<a href="http://shine.jcink.net/index.php?showuser=25346"><div style="width: 600px; margin: 10px auto; text-align: right; font-size: 8px; font-family: arial; text-transform: uppercase; color: #aaa;">liv's codes</div></a>

<style>
  #can {
      height: 400px;
      width: 600px;
      background: #fff;
      margin: auto;
      position: relative;
  }
  #can-pic {
      height: 400px;
      width: 300px;
      background-size: cover;
      background-position: center;
      position: absolute;
  }
  #can-line-a,
  #can-line-b {
      height: 30px;
      text-align: right;
      background: #fff;
      position: absolute;
      right: 300px;
      line-height: 30px;
      text-align: center;
      padding: 0 8px;
      font-family: lato;
      font-weight: 900;
      text-transform: uppercase;
      font-style: italic;
      font-size: 10px;
      letter-spacing: 4px;
  }
  #can-line-a {
      top: 280px;
      color: #40706F
  }
  #can-line-b {
      top: 320px;
      color: #A1584F
  }
  #can-line-text {
      height: 300px;
      width: 200px;
      background: none;
      top: 50px;
      right: 50px;
      position: absolute;
      overflow: auto;
      font-family: lora;
      text-align: justify;
      font-size: 11px;
      line-height: 14px;
      color: #333;
      padding-right: 6px;
  }
  #can-line-text b {
      color: #40706F
  }
  #can-line-text::-webkit-scrollbar {
      width: 5px;
      border: 0px solid transparent;
      background: #fff
  }
  #can-line-text::-webkit-scrollbar-thumb {
      background: #A1584F;
      border: 2px solid #fff;
  }
  #can-line-text::-webkit-scrollbar-track {
      background: #fff;
  }
</style>
[/dohtml]
Quote
Alyoshka
AKA
SEXUALITY:
RELATIONSHIP STATUS:
PARTNER:
~ Ridge Creek Student ~
w
ords here



CODE

[dohtml]
<div class="jartol">
<div class="jartolin">
  <div class="jartolinin">
    <div class="jartolintext">

      <div class="jartolsub">w</div>ords here

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

<link href="https://fonts.googleapis.com/css?family=Roboto:400,900" rel="stylesheet">
<style>
.jartol {
  width:400px;
  height:400px;
  background:url(https://i.imgur.com/xRgVYRr.png);
  background-size:cover;
  background-position:center;
  margin:0 auto;
  position:relative;
}
.jartolin {
  width:340px;
  height:340px;
  border:1px solid #fff;
  top:30px; left:30px;
  position:absolute;
}
.jartolinin {
  width:300px;
  height:300px;
  padding:20px;
  background:rgba(900,900,900,1);
  position:absolute;
  top:0; left:0;
  opacity:0;
  transition:0.5s linear;
}
.jartol:hover .jartolinin {
  opacity:1;
}
.jartolintext {
  width:250px;
  height:260px;
  padding-right:20px;
  text-align:justify;
  font-family:Roboto;
  font-size:10px;
  line-height:14px;
  overflow:auto;
  position:absolute;
  top:40px; left:40px;
  letter-spacing:0px;
}
.jartolintext::-webkit-scrollbar {width:1px;}
.jartolintext::-webkit-scrollbar-thumb {background:#666;}
.jartolsub {
  float:left;
  margin-bottom:3px;
  font-family:Roboto;
  font-size:35px;
  padding:10px;
  font-weight:900;
}
.jartolcred {
  font-family:Roboto;
  font-size:8px;
  color:#ccc;
  margin:0 auto;
  margin-top:5px;
  text-align:center;
  letter-spacing:2px;
}
.jartolcred a {
  color:#ccc;
  font-family:Roboto;
  text-decoration:none;
}
</style>
[/dohtml]
Quote
Kevin Kwon
17
he / him
student
7 POSTS
alyoshka
AKA
SEXUALITY: homosexual
RELATIONSHIP STATUS: single
PARTNER:
~ Ridge Creek Scholar ~
when i see youi feel good
WRITE YOU POST HERE
@[tag]




CODE

[dohtml]<center><div class="was1"><div class="was2"><img src="https://i.imgur.com/OHzKPte.gif" class="wasmg"><div class="was3">when i see you<span>i feel good</span></div></div>
 <div class="wasw">

WRITE YOU POST HERE

</div> <div class="was4"><div class="was5">@[tag]</div></div></div><div class="qcredit"><a href="http://shine.jcink.net/index.php?showuser=3819">THANKS JEN</a></div></center>
<link href="https://fonts.googleapis.com/css?family=Allura|Lato|Yeon+Sung" rel="stylesheet"><style>
.was1 {
  margin: 20px auto;
  width: 450px;
  height: 525px;
  background: #fff;
  border: 10px solid #fafafa;
}
.was2 {
  height: 150px;
  background: #CD6889;
}
.wasmg {
  position: relative;
  top: 25px;
  left: -150px;
  height: 100px;
  width: 100px;
}
.was3 {
  width: 70%;
  font: 46px/16px Allura;
  position: relative;
  top: -50px;
  left: 50px;
  color: #fff;
}
.was3 span {
  font: 26px/66px Yeon Sung;
  display: block;
  margin-top: -20px;
  float: right;
  color: #222;
  text-transform: uppercase;
}
.wasw {
  height: 250px;
  width: 350px;
  overflow: auto;
  margin: 25px 0px;
  text-align: justify;
  font: 13px/16px Lato;
  padding: 0px 10px;
  color: #222;
}
.wasw b {
  color: #CD6889;
}
.was4 {
  height: 75px;
  background: #CD6889;
}
.was5 {
  position: relative;
  top: 20px;
  left: -10px;
  background: #fff;
  padding: 10px;
  width: 40%;
  font: 11px/16px Lato;
  text-align: right;
  float: right;
}
.qcredit { width: 475px; text-align: right; text-transform: uppercase; font-size: 8px; margin-top: -15px; }
</style>[/dohtml]
Quote
Cirrys Davenport
27
he / him
davenport ceo
3 POSTS
aly
AKA
SEXUALITY: .
RELATIONSHIP STATUS: single
PARTNER:
~ Elites ~
words here
@[username]




CODE

[dohtml]
<style>
#values { margin: 10px auto; width: 402px; }
#values .back { border: 1px solid #ddd; width: 400px; height: auto; background: #f9f9f9; }
#values .back2 { margin: 10px; border: 1px solid #ddd; background: #efefef; width: 378px; height: auto; }
#values .back3 { margin: 10px; border: 1px solid #ddd; background: #f6f6f6; width: 356px;  }
#values .face { width: 350px; border: 3px solid #f6f6f6; height: auto; }
#values .face-2 { width: 350px;  max-height: 200px; overflow: hidden; }
#values .face-2 img { width: 350px; }
#values .posting { margin: 10px 5px; padding: 0px 5px; width: 336px; height: auto; font: 10px/13px 'Montserrat'; color: #333; text-align: justify; }
#values .posting b { color: #B10805; font: bold 12px/13px 'Montserrat'; padding: 0px 3px; }
#values .posting i { color: #B10805; font: italic 12px/13px 'Montserrat'; padding: 0px 3px;}
#values .posting:first-letter, #values .posting p:first-letter { margin-left: 20px; }
#values .posting p { padding: 0px; margin: 5px 0px; }
#values .tagarea { margin: 5px; font: 10px/12px 'Montserrat'; color: #455455; }
#values a { font-style: italic; text-decoration: none; color: #B10805; cursor: crosshair; padding: 0px 3px; }
#values a:hover { color: #7c0200; }
#values .evcred { text-align:right; font: 10px/20px 'Montserrat'; text-transform: uppercase; }
</style>

<div id="values">
<div class="back">
  <div class="back2">
    <div class="back3">
      <div class="face"><div class="face-2"><img src="https://i.imgur.com/1xvWSTC.png"></div></div>
    </div>
    <div class="back3">
      <div class="posting">

words here

</div>
    </div>
   
    <div class="back3">
      <div class="tagarea"><b>@[username]</b></div>
    </div>
  </div>
</div>
<div class="evcred"><a href="https://shine.jcink.net/index.php?showuser=744">thanks evvie !</a></div>
</div>

[/dohtml]
Quote
Camille Thomas
5
he/him/his
child
7 POSTS
alyoshka
AKA Camille
SEXUALITY: heterosexual
RELATIONSHIP STATUS: single
PARTNER: n/a
~ Elite Child ~
what doesn't kill me makes me wish i was dead
words here
BY MITZI





CODE

[dohtml]<link href='https://fonts.googleapis.com/css?family=Playfair+Display:400,400italic' rel='stylesheet' type='text/css'>

<center>
<div class="lividity">

<img src="https://i.imgur.com/z61EhS7.png">
  <div class="line"></div>
  <div class="top">what doesn't kill me makes me wish i was dead</div>
 
  <div class="body">

words here

  </div>
 
  <div class="line"></div>
</div>
<a href="http://shine.jcink.net/index.php?showuser=8549"><span style="font: bold 8px/20px calibri; opacity: .5; text-align:center;">BY MITZI</span></a></center>

<style>
.lividity {
  background: #fff; padding-bottom: 10px;
  box-shadow: 0px 0px 3px rgba(0,0,0,.2);
  width: 400px; line-height: 100%;
}

.lividity img {
  width: 400px;
}

.lividity .line {
  margin: 20px; position: relative;
  height: 1px; height: 10px;
  border-bottom: solid 1px #D2D2D2;
}

.lividity .top {
  font: italic 11px playfair display; color: #3D3D3D;
  letter-spacing: 1px; text-transform: lowercase;
}

.lividity .body {
  margin: 20px 50px 30px 50px;
  font: 10px times; text-align: justify;
  color: #222222;
}

</style>[/dohtml]
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

Topic Options
Pages: (2) 1 2 
Add Reply
New Topic
New Poll


 


 

sknned by vanessa of shine and caution