welcome to fantasies unwind! We are an animation personified role-play! We've been open for five years as of October 2017 and are excited about the future!
oz isle
FORECAST: clear skies and sunny
set in JULY, 2018

 
Add Reply
New Topic
New Poll

 + thread templates
Quote
erin's a superhero!
erin
she/her
25
cat central
cat lady
teleportation
erin
PRONOUNS: she/her
TIMEZONE: cst
MATURE THREADS: ask
MSG NAME: air bear #9821
MSG CHOICE: discord

--------------------
Quote
erin's a superhero!
erin
she/her
25
cat central
cat lady
teleportation
erin
PRONOUNS: she/her
TIMEZONE: cst
MATURE THREADS: ask
MSG NAME: air bear #9821
MSG CHOICE: discord
group colors

animus - #668ba6
exitium - #b87dbb
fidelis - #ed948b
imperium - #d96784
incertus - #82a08f




IM

CODE
[doHTML]
<style>
@keyframes ddfgh {
  0%   {transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); }
  50%  {transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); opacity: 0.3}
  100% {transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95);}
}

#dfgh {position: relative; width: 300px; height: 170px; background: url(http://i.imgur.com/A6708Db.png); margin: auto}
.dfghh {height: 30px; width: 290px; color: #e6e6e8; font-family: 'roboto'; background: #454345; text-transform: uppercase; padding-left: 10px; line-height: 30px; font-size: 9px;}
.ddfgh {height: 90px; width: 90px;  position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 5px solid #8f7aa1; top: 35px; left: 10px; animation: ddfgh 2s infinite}
.dffgh {height: 70px; width: 70px; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; top: 50px; left: 25px; background-color: #f5e1cb; background-blend-mode: multiply; background-size: cover}
.dddfg {height: 15px; background-color: #fff; border: 1px solid #ccc; width: 280px; position: absolute; bottom: 10px; left: 10px}
.ddffg {height: 15px; background-color: #e6e6e8; color: #8f7aa1; font-family: roboto; font-size: 8px; border-right: 1px solid #ccc; width: 50px; font-size: 8px; text-align: center; line-height: 15px; text-transform: uppercase; letter-spacing:1px}
.dfffg {height: 15px; background-color: #e6e6e8; color: #8f7aa1; border: 1px solid #ccc; line-height: 15px; width: 170px; position: absolute; top: 43px; right: 10px; font-family: roboto; text-transform: uppercase; font-size: 8px; padding-left: 5px; overflow: hidden}
.dfggg {width: 165px; height: 60px; background-color: #fff; font-family: arial; font-size: 9px; line-height: 10px; color: #454345; padding: 5px; border: 1px solid #ccc; right: 10px; position: absolute; top: 65px; overflow: auto; text-align: justify}
.dfggg b {color: #8f7aa1}
.dfggg::-webkit-scrollbar {width: 0px;}

</style>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
<div id="dfgh">
<div class="dfghh"><i class="fa fa-user" style="color: #8f7aa1"></i> nate is <font style="color: #8f7aa1">online</font> and typing...</div>
<div class="ddfgh"></div>
<div class="dffgh" style="background-image:url(https://s19.postimg.cc/4mtuj03hv/natethread.gif)"></div>
<div class="dfffg"><font style="color: #8f7aa1">status:</font></div>
<div class="dfggg">is this the right room to... express my feelings?</div>
<div class="dddfg">
  <a href="http://cttw.jcink.net/index.php?showuser=1604"><div class="ddffg"><i class="fa fa-paper-plane"></i></a>
send</div>
</div>
</div>
[/doHTML]

--------------------
Quote
bryan roscoe woods
bry
he/him
30
dating
bisexual
biology teacher
erin
PRONOUNS: she/her
TIMEZONE: cst
MATURE THREADS: ask
MSG NAME: air bear #9821
MSG CHOICE: discord
incertus

user posted image user posted image user posted image


cell thread
CODE
[dohtml]<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<style type = "text/css">

.whitephonewrap { background: url(http://i.imgur.com/ibG6L1E.png); width: 276px; height: 531px; }
.whitephonewrap2 { padding-top: 60px; padding-left: 3px; }
.whitephonecolor { background: #d3d8e1; width: 218px; height: 90px;}
.whitephonecolorp { padding: 10px; }
.whitephonebkg { background: url(http://i.imgur.com/SyuyU8W.png); width: 218px; height: 100px; }
.whitephoneicons { background: rgba(0, 0, 0, 0.06); text-align: right; padding-right: 10px; color: #fff; font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 7px; text-transform: uppercase; }
.whitephonetext { line-height: 100%; color: #fff; font-weight: 700; font-family: 'Montserrat', sans-serif; font-size: 6px; text-transform: uppercase; letter-spacing: 1px; text-align: center; }
.whitephonename { line-height: 100%; margin-bottom: 3px; font-family: 'Montserrat', sans-serif; font-size: 22px; text-transform: lowercase; font-weight: 700; letter-spacing: -1px; color: #fff; }
.whitephonetextwrap { background: url(http://i.imgur.com/TvQYSW9.png); width: 218px; height: 265px;}
.whitephonetextwrap2 { background: rgba(248, 248, 248, 0.9); align: right; padding: 10px; height: 255px; margin-top: -10px; }
.whitephonebubble { margin-left: 45px; background-color: #fff; border-radius: 5px; width: 120px; padding: 12px; color: #717171; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 9px;  line-height: 110%; }
.whitephonebubblep { margin-left: -12px; font-size: 25px; color: #fff; }
.whitephonesend { background-color: #e6e6e6; width: 198px; padding: 10px; }
.whitephoneimg { border-radius: 100%; width: 35px; height: 35px; background: rgba(255, 255, 255, 0.2); padding: 5px; margin-right: 8px;   }
.whitephoneimg img{ border-radius: 100%; }


#WEEE .whitephonecolor{ background-color: #a0c892; }


</style>
<center>

<div id="WEEE">
<div class="whitephonewrap">
<div class="whitephonewrap2">
<div class="whitephonebkg">
<div class="whitephonecolor">
<div class="whitephoneicons"><img src="http://i.imgur.com/VC1QV7C.png" width="13px"> <img src="http://i.imgur.com/c1DAEYC.png" width="11px"> 4:15 p.m</div>
<div class="whitephonecolorp">
<table><tr><td><div class="whitephoneimg">

<img src="image here" width="35px">

</div></td>

<td>
<div class="whitephonename"><a href="http://shine.b1.jcink.com/index.php?showuser=14953"><img src="http://i.imgur.com/LmyQdzg.png" style="margin-right: 2px;" width="20px"></a>

their bae

</div>

<div class="whitephonetext">ONE NEW TEXT MESSAGE!</div>
</td></tr></table></div>

</div></div>

<div class="whitephonetextwrap"><div class="whitephonetextwrap2">

<div style="padding-top: 10px;"></div>

<table>


<tr><td><div class="whitephonebubble">

message here
</div></td><td><div class="whitephonebubblep">▶</div></td></tr>







</table>

</div>

<div class="whitephonesend"><table><tr><td><div style="float: left;"><img src="http://i.imgur.com/6NggOY0.png" width="19px" style="margin-top: -1px;"></div></td> <td><div style="margin-left: 4px; background-color: #fff; padding: 5px; color: #545454; font-size: 6px; letter-spacing: 1px; width: 160px; text-align: right; font-family: 'Montserrat', sans-serif; font-weight: 700;">TYPE MESSAGE...</div></td></table>

</div>
</div>
</div>
</div>
</div>
</div>
</center>
[/dohtml]


thread
CODE
[dohtml]
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Raleway:400,900|Poppins' rel='stylesheet' type='text/css'>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<center>
<div class="jback">
<div class="jback2">

<div style="background-color: #444; padding: 5px; height: 74px; border: 4px solid #EEE;">

<div class="jfont">
 <i class="fa fa-tags" aria-hidden="true" style="color: #FFF; font-size: 27px; text-align: center; line-height: 55px;"></i>
</div>

<div class="p">
@[tag here]</div>
</div>
 
 <div style="padding: 7px; border-bottom: 7px solid #a0c892;">
 <div class="jbox">
  <img src="image here" class="jimg">
   
post here


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



   
 </div>
  <a href="http://shine.b1.jcink.com/index.php?showuser=12501" style="color: #a0c892; text-decoration: none;
   font-size: 9px;width: 100px; margin: 0px auto;">
     <i class="fa fa-heart-o" aria-hidden="true"></i>
   </a>
 </center>

<style>
.p {
border-bottom: 3px solid #EEE;
width: 248px;
line-height: 30px;
margin: 17px;
color: #FAFAFA;
font-family: raleway;
font-weight: 800;
font-size: 15px;
text-transform: uppercase;
}

.p a {
text-decoration: none;
color: #FAFAFA;
font-family: raleway;
font-weight: 800;
font-size: 15px;
text-transform: uppercase;
}

.jbox {
 font-family: poppins;
font-size: 9px;
text-align: justify;
 background-color: #FAFAFA;
 line-height: 150%;
padding: 10px;
color: #444;
}

.jbox b {
 font-family: montserrat;
 font-weight: 900;
 font-size: 12px;
 color: #a0c892;
}

.jbox i {
 font-family: montserrat;
 font-size: 12px;
 color: #a0c892;
}

.jback {
 background-image:url('http://ultraimg.com/images/bgizsOPp.png');
padding: 10px;
width: 314px;
border: 5px solid #FAFAFA;
margin-bottom: 5px;
box-shadow: 2px 2px #ededed;
}

.jimg {
width: 80px;
 height: 80px;
overflow: hidden;
margin: 0px auto;
padding: 5px;
box-shadow: 2px 2px 2px #ededed;
border: 2px solid #EEE;
border-radius: 2%;
margin-right: 9px;
float: left;
}

.jfont {
background-color: #a0c892;
width: 55px;
height: 55px;
border-radius: 100%;
border: 3px solid #EEE;
float: left;
margin: 7px;
}

.jback2 {
background-color: #FCFCFC;
padding: 11px;
width: 290px;
margin: 0px auto;
border: 1px solid #EEE;
}
</style>
[/dohtml]

--------------------
Quote
nathaniel christian jackson
nate or nathan
he/him
38
widower
heterosexual
photographer
erin
PRONOUNS: she/her
TIMEZONE: cst
MATURE THREADS: ask
MSG NAME: air bear #9821
MSG CHOICE: discord
imperium

user posted image user posted image user posted image user posted image user posted image


cell thread
CODE
[dohtml]<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<style type = "text/css">

.whitephonewrap { background: url(http://i.imgur.com/ibG6L1E.png); width: 276px; height: 531px; }
.whitephonewrap2 { padding-top: 60px; padding-left: 3px; }
.whitephonecolor { background: #d3d8e1; width: 218px; height: 90px;}
.whitephonecolorp { padding: 10px; }
.whitephonebkg { background: url(http://i.imgur.com/SyuyU8W.png); width: 218px; height: 100px; }
.whitephoneicons { background: rgba(0, 0, 0, 0.06); text-align: right; padding-right: 10px; color: #fff; font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 7px; text-transform: uppercase; }
.whitephonetext { line-height: 100%; color: #fff; font-weight: 700; font-family: 'Montserrat', sans-serif; font-size: 6px; text-transform: uppercase; letter-spacing: 1px; text-align: center; }
.whitephonename { line-height: 100%; margin-bottom: 3px; font-family: 'Montserrat', sans-serif; font-size: 22px; text-transform: lowercase; font-weight: 700; letter-spacing: -1px; color: #fff; }
.whitephonetextwrap { background: url(http://i.imgur.com/TvQYSW9.png); width: 218px; height: 265px;}
.whitephonetextwrap2 { background: rgba(248, 248, 248, 0.9); align: right; padding: 10px; height: 255px; margin-top: -10px; }
.whitephonebubble { margin-left: 45px; background-color: #fff; border-radius: 5px; width: 120px; padding: 12px; color: #717171; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 9px;  line-height: 110%; }
.whitephonebubblep { margin-left: -12px; font-size: 25px; color: #fff; }
.whitephonesend { background-color: #e6e6e6; width: 198px; padding: 10px; }
.whitephoneimg { border-radius: 100%; width: 35px; height: 35px; background: rgba(255, 255, 255, 0.2); padding: 5px; margin-right: 8px;   }
.whitephoneimg img{ border-radius: 100%; }


#ROYALS .whitephonecolor{ background-color: #e18fa1; }


</style>
<center>

<div id="ROYALS">
<div class="whitephonewrap">
<div class="whitephonewrap2">
<div class="whitephonebkg">
<div class="whitephonecolor">
<div class="whitephoneicons"><img src="http://i.imgur.com/VC1QV7C.png" width="13px"> <img src="http://i.imgur.com/c1DAEYC.png" width="11px"> 4:15 p.m</div>
<div class="whitephonecolorp">
<table><tr><td><div class="whitephoneimg">

<img src="image here" width="35px">

</div></td>

<td>
<div class="whitephonename"><a href="http://shine.b1.jcink.com/index.php?showuser=14953"><img src="http://i.imgur.com/LmyQdzg.png" style="margin-right: 2px;" width="20px"></a>

their bae

</div>

<div class="whitephonetext">ONE NEW TEXT MESSAGE!</div>
</td></tr></table></div>

</div></div>

<div class="whitephonetextwrap"><div class="whitephonetextwrap2">

<div style="padding-top: 10px;"></div>

<table>


<tr><td><div class="whitephonebubble">

message here
</div></td><td><div class="whitephonebubblep">▶</div></td></tr>







</table>

</div>

<div class="whitephonesend"><table><tr><td><div style="float: left;"><img src="http://i.imgur.com/6NggOY0.png" width="19px" style="margin-top: -1px;"></div></td> <td><div style="margin-left: 4px; background-color: #fff; padding: 5px; color: #545454; font-size: 6px; letter-spacing: 1px; width: 160px; text-align: right; font-family: 'Montserrat', sans-serif; font-weight: 700;">TYPE MESSAGE...</div></td></table>

</div>
</div>
</div>
</div>
</div>
</div>
</center>
[/dohtml]


thread
CODE

[dohtml]
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Raleway:400,900|Poppins' rel='stylesheet' type='text/css'>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<center>
<div class="jback">
<div class="jback2">

<div style="background-color: #444; padding: 5px; height: 74px; border: 4px solid #EEE;">

<div class="jfont">
 <i class="fa fa-tags" aria-hidden="true" style="color: #FFF; font-size: 27px; text-align: center; line-height: 55px;"></i>
</div>

<div class="p">
@[tag here]</div>
</div>
 
 <div style="padding: 7px; border-bottom: 7px solid #e18fa1;">
 <div class="jbox">
  <img src="image here" class="jimg">
   
post here

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



   
 </div>
  <a href="http://shine.b1.jcink.com/index.php?showuser=12501" style="color: #e18fa1; text-decoration: none;
   font-size: 9px;width: 100px; margin: 0px auto;">
     <i class="fa fa-heart-o" aria-hidden="true"></i>
   </a>
 </center>

<style>
.p {
border-bottom: 3px solid #EEE;
width: 248px;
line-height: 30px;
margin: 17px;
color: #FAFAFA;
font-family: raleway;
font-weight: 800;
font-size: 15px;
text-transform: uppercase;
}

.p a {
text-decoration: none;
color: #FAFAFA;
font-family: raleway;
font-weight: 800;
font-size: 15px;
text-transform: uppercase;
}


.jbox {
 font-family: poppins;
font-size: 9px;
text-align: justify;
 background-color: #FAFAFA;
 line-height: 150%;
padding: 10px;
color: #444;
}

.jbox b {
 font-family: montserrat;
 font-weight: 900;
 font-size: 12px;
 color: #e18fa1;
}

.jbox i {
 font-family: montserrat;
 font-size: 12px;
 color: #e18fa1;
}

.jback {
 background-image:url('http://ultraimg.com/images/bgizsOPp.png');
padding: 10px;
width: 314px;
border: 5px solid #FAFAFA;
margin-bottom: 5px;
box-shadow: 2px 2px #ededed;
}

.jimg {
width: 80px;
 height: 80px;
overflow: hidden;
margin: 0px auto;
padding: 5px;
box-shadow: 2px 2px 2px #ededed;
border: 2px solid #EEE;
border-radius: 2%;
margin-right: 9px;
float: left;
}

.jfont {
background-color: #e18fa1;
width: 55px;
height: 55px;
border-radius: 100%;
border: 3px solid #EEE;
float: left;
margin: 7px;
}

.jback2 {
background-color: #FCFCFC;
padding: 11px;
width: 290px;
margin: 0px auto;
border: 1px solid #EEE;
}
</style>
[/dohtml]

--------------------
Quote
beau forest rain
handsome
he/him
39
dating
heterosexual
singer for the vagabonds
erin
PRONOUNS: she/her
TIMEZONE: cst
MATURE THREADS: ask
MSG NAME: air bear #9821
MSG CHOICE: discord
animus

user posted image user posted imageuser posted image user posted image


cell thread
CODE
[dohtml]<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<style type = "text/css">

.whitephonewrap { background: url(http://i.imgur.com/ibG6L1E.png); width: 276px; height: 531px; }
.whitephonewrap2 { padding-top: 60px; padding-left: 3px; }
.whitephonecolor { background: #d3d8e1; width: 218px; height: 90px;}
.whitephonecolorp { padding: 10px; }
.whitephonebkg { background: url(http://i.imgur.com/SyuyU8W.png); width: 218px; height: 100px; }
.whitephoneicons { background: rgba(0, 0, 0, 0.06); text-align: right; padding-right: 10px; color: #fff; font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 7px; text-transform: uppercase; }
.whitephonetext { line-height: 100%; color: #fff; font-weight: 700; font-family: 'Montserrat', sans-serif; font-size: 6px; text-transform: uppercase; letter-spacing: 1px; text-align: center; }
.whitephonename { line-height: 100%; margin-bottom: 3px; font-family: 'Montserrat', sans-serif; font-size: 22px; text-transform: lowercase; font-weight: 700; letter-spacing: -1px; color: #fff; }
.whitephonetextwrap { background: url(http://i.imgur.com/TvQYSW9.png); width: 218px; height: 265px;}
.whitephonetextwrap2 { background: rgba(248, 248, 248, 0.9); align: right; padding: 10px; height: 255px; margin-top: -10px; }
.whitephonebubble { margin-left: 45px; background-color: #fff; border-radius: 5px; width: 120px; padding: 12px; color: #717171; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 9px;  line-height: 110%; }
.whitephonebubblep { margin-left: -12px; font-size: 25px; color: #fff; }
.whitephonesend { background-color: #e6e6e6; width: 198px; padding: 10px; }
.whitephoneimg { border-radius: 100%; width: 35px; height: 35px; background: rgba(255, 255, 255, 0.2); padding: 5px; margin-right: 8px;   }
.whitephoneimg img{ border-radius: 100%; }


#HEROES .whitephonecolor{ background-color: #a2b4db; }


</style>
<center>

<div id="HEROES">
<div class="whitephonewrap">
<div class="whitephonewrap2">
<div class="whitephonebkg">
<div class="whitephonecolor">
<div class="whitephoneicons"><img src="http://i.imgur.com/VC1QV7C.png" width="13px"> <img src="http://i.imgur.com/c1DAEYC.png" width="11px"> 4:15 p.m</div>
<div class="whitephonecolorp">
<table><tr><td><div class="whitephoneimg">

<img src="image here" width="35px">

</div></td>

<td>
<div class="whitephonename"><a href="http://shine.b1.jcink.com/index.php?showuser=14953"><img src="http://i.imgur.com/LmyQdzg.png" style="margin-right: 2px;" width="20px"></a>

their bae

</div>

<div class="whitephonetext">ONE NEW TEXT MESSAGE!</div>
</td></tr></table></div>

</div></div>

<div class="whitephonetextwrap"><div class="whitephonetextwrap2">

<div style="padding-top: 10px;"></div>

<table>


<tr><td><div class="whitephonebubble">

message here
</div></td><td><div class="whitephonebubblep">▶</div></td></tr>







</table>

</div>

<div class="whitephonesend"><table><tr><td><div style="float: left;"><img src="http://i.imgur.com/6NggOY0.png" width="19px" style="margin-top: -1px;"></div></td> <td><div style="margin-left: 4px; background-color: #fff; padding: 5px; color: #545454; font-size: 6px; letter-spacing: 1px; width: 160px; text-align: right; font-family: 'Montserrat', sans-serif; font-weight: 700;">TYPE MESSAGE...</div></td></table>

</div>
</div>
</div>
</div>
</div>
</div>
</center>
[/dohtml]


thread
CODE
[dohtml]
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Raleway:400,900|Poppins' rel='stylesheet' type='text/css'>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<center>
<div class="jback">
<div class="jback2">

<div style="background-color: #444; padding: 5px; height: 74px; border: 4px solid #EEE;">

<div class="jfont">
 <i class="fa fa-tags" aria-hidden="true" style="color: #FFF; font-size: 27px; text-align: center; line-height: 55px;"></i>
</div>

<div class="p">
@[tag here]</div>
</div>
 
 <div style="padding: 7px; border-bottom: 7px solid #a2b4db;">
 <div class="jbox">
  <img src="image here" class="jimg">
   
post here

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



   
 </div>
  <a href="http://shine.b1.jcink.com/index.php?showuser=12501" style="color: #a2b4db; text-decoration: none;
   font-size: 9px;width: 100px; margin: 0px auto;">
     <i class="fa fa-heart-o" aria-hidden="true"></i>
   </a>
 </center>

<style>
.p {
border-bottom: 3px solid #EEE;
width: 248px;
line-height: 30px;
margin: 17px;
color: #FAFAFA;
font-family: raleway;
font-weight: 800;
font-size: 15px;
text-transform: uppercase;
}

.p a {
text-decoration: none;
color: #FAFAFA;
font-family: raleway;
font-weight: 800;
font-size: 15px;
text-transform: uppercase;
}


.jbox {
 font-family: poppins;
font-size: 9px;
text-align: justify;
 background-color: #FAFAFA;
 line-height: 150%;
padding: 10px;
color: #444;
}

.jbox b {
 font-family: montserrat;
 font-weight: 900;
 font-size: 12px;
 color: #a2b4db;
}

.jbox i {
 font-family: montserrat;
 font-size: 12px;
 color: #a2b4db;
}

.jback {
 background-image:url('http://ultraimg.com/images/bgizsOPp.png');
padding: 10px;
width: 314px;
border: 5px solid #FAFAFA;
margin-bottom: 5px;
box-shadow: 2px 2px #ededed;
}

.jimg {
width: 80px;
 height: 80px;
overflow: hidden;
margin: 0px auto;
padding: 5px;
box-shadow: 2px 2px 2px #ededed;
border: 2px solid #EEE;
border-radius: 2%;
margin-right: 9px;
float: left;
}

.jfont {
background-color: #a2b4db;
width: 55px;
height: 55px;
border-radius: 100%;
border: 3px solid #EEE;
float: left;
margin: 7px;
}

.jback2 {
background-color: #FCFCFC;
padding: 11px;
width: 290px;
margin: 0px auto;
border: 1px solid #EEE;
}
</style>
[/dohtml]

--------------------
Quote
jocelyn noelle soloman
joce or lyn
she/her
37
single
heterosexual
dentist
erin
PRONOUNS: she/her
TIMEZONE: cst
MATURE THREADS: ask
MSG NAME: air bear #9821
MSG CHOICE: discord
fidelis

user posted image


cell thread
CODE
[dohtml]<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<style type = "text/css">

.whitephonewrap { background: url(http://i.imgur.com/ibG6L1E.png); width: 276px; height: 531px; }
.whitephonewrap2 { padding-top: 60px; padding-left: 3px; }
.whitephonecolor { background: #d3d8e1; width: 218px; height: 90px;}
.whitephonecolorp { padding: 10px; }
.whitephonebkg { background: url(http://i.imgur.com/SyuyU8W.png); width: 218px; height: 100px; }
.whitephoneicons { background: rgba(0, 0, 0, 0.06); text-align: right; padding-right: 10px; color: #fff; font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 7px; text-transform: uppercase; }
.whitephonetext { line-height: 100%; color: #fff; font-weight: 700; font-family: 'Montserrat', sans-serif; font-size: 6px; text-transform: uppercase; letter-spacing: 1px; text-align: center; }
.whitephonename { line-height: 100%; margin-bottom: 3px; font-family: 'Montserrat', sans-serif; font-size: 22px; text-transform: lowercase; font-weight: 700; letter-spacing: -1px; color: #fff; }
.whitephonetextwrap { background: url(http://i.imgur.com/TvQYSW9.png); width: 218px; height: 265px;}
.whitephonetextwrap2 { background: rgba(248, 248, 248, 0.9); align: right; padding: 10px; height: 255px; margin-top: -10px; }
.whitephonebubble { margin-left: 45px; background-color: #fff; border-radius: 5px; width: 120px; padding: 12px; color: #717171; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 9px;  line-height: 110%; }
.whitephonebubblep { margin-left: -12px; font-size: 25px; color: #fff; }
.whitephonesend { background-color: #e6e6e6; width: 198px; padding: 10px; }
.whitephoneimg { border-radius: 100%; width: 35px; height: 35px; background: rgba(255, 255, 255, 0.2); padding: 5px; margin-right: 8px;   }
.whitephoneimg img{ border-radius: 100%; }


#SIDEKICK .whitephonecolor{ background-color: #e8d7a9; }


</style>
<center>

<div id="SIDEKICK">
<div class="whitephonewrap">
<div class="whitephonewrap2">
<div class="whitephonebkg">
<div class="whitephonecolor">
<div class="whitephoneicons"><img src="http://i.imgur.com/VC1QV7C.png" width="13px"> <img src="http://i.imgur.com/c1DAEYC.png" width="11px"> 4:15 p.m</div>
<div class="whitephonecolorp">
<table><tr><td><div class="whitephoneimg">

<img src="image here" width="35px">

</div></td>

<td>
<div class="whitephonename"><a href="http://shine.b1.jcink.com/index.php?showuser=14953"><img src="http://i.imgur.com/LmyQdzg.png" style="margin-right: 2px;" width="20px"></a>

their bae

</div>

<div class="whitephonetext">ONE NEW TEXT MESSAGE!</div>
</td></tr></table></div>

</div></div>

<div class="whitephonetextwrap"><div class="whitephonetextwrap2">

<div style="padding-top: 10px;"></div>

<table>


<tr><td><div class="whitephonebubble">

message here
</div></td><td><div class="whitephonebubblep">▶</div></td></tr>







</table>

</div>

<div class="whitephonesend"><table><tr><td><div style="float: left;"><img src="http://i.imgur.com/6NggOY0.png" width="19px" style="margin-top: -1px;"></div></td> <td><div style="margin-left: 4px; background-color: #fff; padding: 5px; color: #545454; font-size: 6px; letter-spacing: 1px; width: 160px; text-align: right; font-family: 'Montserrat', sans-serif; font-weight: 700;">TYPE MESSAGE...</div></td></table>

</div>
</div>
</div>
</div>
</div>
</div>
</center>
[/dohtml]


thread
CODE
[dohtml]
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Raleway:400,900|Poppins' rel='stylesheet' type='text/css'>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<center>
<div class="jback">
<div class="jback2">

<div style="background-color: #444; padding: 5px; height: 74px; border: 4px solid #EEE;">

<div class="jfont">
<i class="fa fa-tags" aria-hidden="true" style="color: #FFF; font-size: 27px; text-align: center; line-height: 55px;"></i>
</div>

<div class="p">
@[tag here]</div>
</div>

<div style="padding: 7px; border-bottom: 7px solid #dab6bc;">
<div class="jbox">
 <img src="image here" class="jimg">
   
post here


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



 
</div>
 <a href="http://shine.b1.jcink.com/index.php?showuser=12501" style="color: #dab6bc; text-decoration: none;
  font-size: 9px;width: 100px; margin: 0px auto;">
    <i class="fa fa-heart-o" aria-hidden="true"></i>
  </a>
</center>

<style>
.p {
border-bottom: 3px solid #EEE;
width: 248px;
line-height: 30px;
margin: 17px;
color: #FAFAFA;
font-family: raleway;
font-weight: 800;
font-size: 15px;
text-transform: uppercase;
}

.p a {
text-decoration: none;
color: #FAFAFA;
font-family: raleway;
font-weight: 800;
font-size: 15px;
text-transform: uppercase;
}

.jbox {
font-family: poppins;
font-size: 9px;
text-align: justify;
background-color: #FAFAFA;
line-height: 150%;
padding: 10px;
color: #444;
}

.jbox b {
font-family: montserrat;
font-weight: 900;
font-size: 12px;
color: #dab6bc;
}

.jbox i {
font-family: montserrat;
font-size: 12px;
color: #dab6bc;
}

.jback {
background-image:url('http://ultraimg.com/images/bgizsOPp.png');
padding: 10px;
width: 314px;
border: 5px solid #FAFAFA;
margin-bottom: 5px;
box-shadow: 2px 2px #ededed;
}

.jimg {
width: 80px;
height: 80px;
overflow: hidden;
margin: 0px auto;
padding: 5px;
box-shadow: 2px 2px 2px #ededed;
border: 2px solid #EEE;
border-radius: 2%;
margin-right: 9px;
float: left;
}

.jfont {
background-color: #dab6bc;
width: 55px;
height: 55px;
border-radius: 100%;
border: 3px solid #EEE;
float: left;
margin: 7px;
}

.jback2 {
background-color: #FCFCFC;
padding: 11px;
width: 290px;
margin: 0px auto;
border: 1px solid #EEE;
}
</style>
[/dohtml]

--------------------
Quote
chloe anne balton
chlo
she/her
24
single
asexual
fashion designer
erin
PRONOUNS: she/her
TIMEZONE: cst
MATURE THREADS: ask
MSG NAME: air bear #9821
MSG CHOICE: discord
exitium

user posted image user posted image


cell thread
CODE
[dohtml]<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<style type = "text/css">

.whitephonewrap { background: url(http://i.imgur.com/ibG6L1E.png); width: 276px; height: 531px; }
.whitephonewrap2 { padding-top: 60px; padding-left: 3px; }
.whitephonecolor { background: #d3d8e1; width: 218px; height: 90px;}
.whitephonecolorp { padding: 10px; }
.whitephonebkg { background: url(http://i.imgur.com/SyuyU8W.png); width: 218px; height: 100px; }
.whitephoneicons { background: rgba(0, 0, 0, 0.06); text-align: right; padding-right: 10px; color: #fff; font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 7px; text-transform: uppercase; }
.whitephonetext { line-height: 100%; color: #fff; font-weight: 700; font-family: 'Montserrat', sans-serif; font-size: 6px; text-transform: uppercase; letter-spacing: 1px; text-align: center; }
.whitephonename { line-height: 100%; margin-bottom: 3px; font-family: 'Montserrat', sans-serif; font-size: 22px; text-transform: lowercase; font-weight: 700; letter-spacing: -1px; color: #fff; }
.whitephonetextwrap { background: url(http://i.imgur.com/TvQYSW9.png); width: 218px; height: 265px;}
.whitephonetextwrap2 { background: rgba(248, 248, 248, 0.9); align: right; padding: 10px; height: 255px; margin-top: -10px; }
.whitephonebubble { margin-left: 45px; background-color: #fff; border-radius: 5px; width: 120px; padding: 12px; color: #717171; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 9px;  line-height: 110%; }
.whitephonebubblep { margin-left: -12px; font-size: 25px; color: #fff; }
.whitephonesend { background-color: #e6e6e6; width: 198px; padding: 10px; }
.whitephoneimg { border-radius: 100%; width: 35px; height: 35px; background: rgba(255, 255, 255, 0.2); padding: 5px; margin-right: 8px;   }
.whitephoneimg img{ border-radius: 100%; }


#EVIL .whitephonecolor{ background-color: #b9a0cb; }


</style>
<center>

<div id="EVIL">
<div class="whitephonewrap">
<div class="whitephonewrap2">
<div class="whitephonebkg">
<div class="whitephonecolor">
<div class="whitephoneicons"><img src="http://i.imgur.com/VC1QV7C.png" width="13px"> <img src="http://i.imgur.com/c1DAEYC.png" width="11px"> 4:15 p.m</div>
<div class="whitephonecolorp">
<table><tr><td><div class="whitephoneimg">

<img src="image here" width="35px">

</div></td>

<td>
<div class="whitephonename"><a href="http://shine.b1.jcink.com/index.php?showuser=14953"><img src="http://i.imgur.com/LmyQdzg.png" style="margin-right: 2px;" width="20px"></a>

their bae

</div>

<div class="whitephonetext">ONE NEW TEXT MESSAGE!</div>
</td></tr></table></div>

</div></div>

<div class="whitephonetextwrap"><div class="whitephonetextwrap2">

<div style="padding-top: 10px;"></div>

<table>


<tr><td><div class="whitephonebubble">

message here
</div></td><td><div class="whitephonebubblep">▶</div></td></tr>







</table>

</div>

<div class="whitephonesend"><table><tr><td><div style="float: left;"><img src="http://i.imgur.com/6NggOY0.png" width="19px" style="margin-top: -1px;"></div></td> <td><div style="margin-left: 4px; background-color: #fff; padding: 5px; color: #545454; font-size: 6px; letter-spacing: 1px; width: 160px; text-align: right; font-family: 'Montserrat', sans-serif; font-weight: 700;">TYPE MESSAGE...</div></td></table>

</div>
</div>
</div>
</div>
</div>
</div>
</center>
[/dohtml]


thread
CODE
[dohtml]
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Raleway:400,900|Poppins' rel='stylesheet' type='text/css'>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<center>
<div class="jback">
<div class="jback2">

<div style="background-color: #444; padding: 5px; height: 74px; border: 4px solid #EEE;">

<div class="jfont">
 <i class="fa fa-tags" aria-hidden="true" style="color: #FFF; font-size: 27px; text-align: center; line-height: 55px;"></i>
</div>

<div class="p">
@[tag here]</div>
</div>
 
 <div style="padding: 7px; border-bottom: 7px solid #b9a0cb;">
 <div class="jbox">
  <img src="image here" class="jimg">
   
post here

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



   
 </div>
  <a href="http://shine.b1.jcink.com/index.php?showuser=12501" style="color: #b9a0cb; text-decoration: none;
   font-size: 9px;width: 100px; margin: 0px auto;">
     <i class="fa fa-heart-o" aria-hidden="true"></i>
   </a>
 </center>

<style>
.p {
border-bottom: 3px solid #EEE;
width: 248px;
line-height: 30px;
margin: 17px;
color: #FAFAFA;
font-family: raleway;
font-weight: 800;
font-size: 15px;
text-transform: uppercase;
}

.p a {
text-decoration: none;
color: #FAFAFA;
font-family: raleway;
font-weight: 800;
font-size: 15px;
text-transform: uppercase;
}


.jbox {
 font-family: poppins;
font-size: 9px;
text-align: justify;
 background-color: #FAFAFA;
 line-height: 150%;
padding: 10px;
color: #444;
}

.jbox b {
 font-family: montserrat;
 font-weight: 900;
 font-size: 12px;
 color: #b9a0cb;
}

.jbox i {
 font-family: montserrat;
 font-size: 12px;
 color: #b9a0cb;
}

.jback {
 background-image:url('http://ultraimg.com/images/bgizsOPp.png');
padding: 10px;
width: 314px;
border: 5px solid #FAFAFA;
margin-bottom: 5px;
box-shadow: 2px 2px #ededed;
}

.jimg {
width: 80px;
 height: 80px;
overflow: hidden;
margin: 0px auto;
padding: 5px;
box-shadow: 2px 2px 2px #ededed;
border: 2px solid #EEE;
border-radius: 2%;
margin-right: 9px;
float: left;
}

.jfont {
background-color: #b9a0cb;
width: 55px;
height: 55px;
border-radius: 100%;
border: 3px solid #EEE;
float: left;
margin: 7px;
}

.jback2 {
background-color: #FCFCFC;
padding: 11px;
width: 290px;
margin: 0px auto;
border: 1px solid #EEE;
}
</style>
[/dohtml]

--------------------
0 User(s) are reading this topic (0 Guests and 0 Anonymous Users)
0 Members:

Topic Options
Add Reply
New Topic
New Poll


 


 

sknned by vanessa of shine and caution