PLUG BOX
Latest Shouts In The Shoutbox -- View The Shoutbox · Rules Collapse  


THIS MONTH'S VIDEO

SITE RATING
SOCIAL NETWORK



 
Add Reply
New Topic
New Poll

 "It's Damon", Damon Phone
Damon Salvatore
 Posted: Sep 3, 2016 | 6:37 pm
Quote

Jamey


19 Pages Turned

Offline


Group Icon


Awards:
N/A



ee
12:00
50%
1
DAMON SALVATORE
send to FIRST
BOOM THIS IS A TEXT
AND THIS IS ANOTHER
YOU CAN USE ALL THREE OR MAKE MORE OR TAKE SOME OUT BC THE TEXTING AREA SCROLLS
Message...

PM
^
The Impala
 Posted: Sep 3, 2016 | 6:40 pm
Quote

Jamey


12 Pages Turned

Offline


Group Icon


Awards:
N/A


CODE

[doHTML]
<center>
 <div id="embrace">
   <div class="embrace1">
     <div class="embrace2">
     <div class="embrace2a"><i class="fa fa-circle" style="line-height: 20px;"></i><i class="fa fa-circle" style="line-height: 20px;"></i><i class="fa fa-circle-o" style="line-height: 20px;"></i><i class="fa fa-circle-o" style="line-height: 20px;"></i><i class="fa fa-circle-o" style="line-height: 20px;"></i> ee <i class="fa fa-wifi"></i>
</div>
     <div class="embrace2b">12:00</div>
     <div class="embrace2c">50% <i class="fa fa-battery-half"></i>
</div>
</div>
<div class="embrace4">
<div class="embrace4b"></div>
 <a href="http://cttw.jcink.net/index.php?showuser=1604"><div class="embrace4a" style="background-image:url(110X110 IMG BUT WILL RESIZE OTHER SIZES)"></div></a>
 <div class="embrace4c" style="background-image:url(50X50 IMG BUT WILL RESIZE OTHER IMAGE SIZES)">
   <div class="embrace4d">1</div>
 </div>
 <div class="embrace4e">
   <div class="embrace4f">FIRST LAST</div>
   <div class="embrace4g">send to FIRST</div>
 </div>
</div>
<div class="embrace5">
 <div class="embrace5a">BOOM THIS IS A TEXT</div>
 <div class="embrace5a">AND THIS IS ANOTHER</div>
 <div class="embrace5a">YOU CAN USE ALL THREE OR MAKE MORE OR TAKE SOME OUT BC THE TEXTING AREA SCROLLS</div>



</div>
<div class="embrace3">
<div class="embrace3b"><i class="fa fa-paper-plane-o" style="line-height: 25px;"></i>
</div>
 <div class="embrace3a">Message...</div>
</div>
   </div>
 </div>
</center>
<style>
@keyframes embrace1 {
   from {transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); opacity: 1 }
   to {transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); opacity: 0}
}

@-webkit-keyframes embrace1 {
   from {transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); opacity: 1 }
   to {transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); opacity: 0}
}

@-moz-keyframes embrace1 {
   from {transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); opacity: 1 }
   to {transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); opacity: 0}
}

 #embrace {height: 500px; width: 254px; position: relative; background: url(http://i.imgur.com/nBki1vy.png)}
 .embrace1 {height: 374px; width: 217px; position: absolute; background: #f5eeed; left: 20px; top: 65px; overflow: hidden}
 .embrace2 {height: 20px; width: 207px; background: #c26e5f; position: absolute; font-family: open sans; line-height: 20px; font-size: 9px; text-transform: uppercase; font-weight: 700; color: #fff; padding: 0px 5px}
 .embrace2a {text-align: left}
 .embrace2b {text-align: center; position: absolute; width: 217px; top: 0px; left: 0px}
 .embrace2c {text-align: right; position: absolute; width: 217px; top: 0px; right: 10px}
 .embrace3 {height: 40px; background: #79979c; position: absolute; width: 217px; bottom: 0px}
 .embrace3a {height: 20px; width: 167px; background: #fcfcfc; border: 1px solid #aaa; border-radius: 7px; -webkitborder-radius: 7px; -moz-border-radius: 7px; position: absolute; top: 8px; right: 8px; line-height: 20px; font-family: lato; color: #ccc; text-align: left; padding-left: 5px; font-weight: 100; font-size: 13px}
 .embrace3b {height: 25px; width: 25px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #fff; background: #20302e; line-height: 20px; position: absolute; bottom: 8.5px; left: 5px; font-size: 12px }
 .embrace4 {height: 190px; width: 217px; background: transparent; position: absolute; top: 20px; border-bottom: 1px solid transparent}
 .embrace4a {height: 110px; width: 110px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; top: 20px; left: 54px; background-size: 110px auto; background-position: center;}
 .embrace4b {height: 90px; width: 90px; border: 10px solid #79979c; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; top: 20px; left: 54px; animation: embrace1 2s infinite}
 .embrace4c {z-index: 5; height: 50px; width: 50px;  -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; bottom: 42px; left: 33px; border: 5px solid #79979c; background-size: auto 100%; background-position: center}
 .embrace4d {z-index: 7; height: 8px; width: 18px; height: 18px; font-size: 8px; color: #fff; background: #c26e5f; position: absolute; right: -4px; top: 0px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-family: open sans; font-weight: 700; line-height: 18px}
 #embrace .embrace4d {top: -5px; opacity: 1; -webkit-transition: 0.4s linear; -moz-transition: 0.4s linear; transition: 0.4s linear; }
 #embrace:hover .embrace4d {top: 0px; opacity: 0; -webkit-transition: 0.4s linear; -moz-transition: 0.4s linear; transition: 0.4s linear; }
 .embrace4e {font-family: open sans; font-weight: 700; text-transform: uppercase; font-size: 20px; color: #c26e5f; text-align: center; width: 217px; position: absolute; top: 155px; left: 0px; height: 30px; line-height: 30px}
 .embrace4f {position: absolute; left: 0px; width: 217px}
 #embrace .embrace4f {left: 0px; -webkit-transition: 0.5s ease-in-out; }
 #embrace:hover .embrace4f {left: 217px; -webkit-transition: 0.5s ease-in-out; }
 #embrace .embrace4g {left: -217px; -webkit-transition: 0.5s ease-in-out; }
 #embrace:hover .embrace4g {left: 0px; -webkit-transition: 0.5s ease-in-out; }

 .embrace4g {position: absolute; left: -217px;  width: 217px; font-size: 13px}
 .embrace5 {height: 114px; width: 207px; background: transparent; position: absolute; bottom: 40px; padding: 5px; overflow: auto; border-bottom: 5px solid #f5eeed}
 .embrace5::-webkit-scrollbar {width: 0px; border: 0px}
 .embrace5a
{
position: relative;
width: 130px;
min-height: 20px;
padding: 9px;
background: #254f54;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
font-family: lato;
color: #fff;
left: 25px;
font-size:9px;
margin: 2px auto;
text-align: justify;
line-height: 11px

}

.embrace5a:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 6px 0 6px 6px;
border-color: transparent #254f54;
display: block;
width: 0;
z-index: 1;
margin-top: -13px;
right: -6px;
top: 61%;
}

.embrace5a:nth-child(even) {background: #20302e}
.embrace5a:nth-child(even):after {border-color: transparent #20302e}

</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=Open+Sans:400,700|Montserrat:400,700|Lato:400,100' rel='stylesheet' type='text/css'>
[/doHTML]

--------------------
user posted image
PM
^
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:
Share this topic:
« Next Oldest | Telephone | Next Newest »

Topic Options
Add Reply
New Topic
New Poll


 


 



Affiliates & Sister Sites

SCROLLING AFFILIATES
SUPERNATURAL Disposable Heroes On The Road The Interference: Multiverse Oakheart OHaV City of Zootopia
X-MEN:GRANDCHILDREN OF THE ATOM [A RPG] X-Men/Avengers Roleplay morethanstories Blackmoon City
ANOTHER TALE TO TELL

DIRECTORIES & RESOURCE SITES
Shadowplay RPG-D RPG Initiative a resource community

TEAM VITAE
MARVEL: Lost Horizons RPG City of Light: The 100 RPG

STATIC AFFILIATES

Once Upon a Dream Swords of Speirling

A&D\ Where do we go from here? Yalanze Chronicles

Touch The Sky