Untitled


[dohtml]
<style>
#texting1box {
width: 300px;
height: 400px;
border-radius: 30px;
background: #fefefe;
border: 1px solid #ddd;

}

.texting1head {
width: 300px;
height: 100px;
border-radius: 30px 30px 0 0;
background: #eee;
border-bottom: 1px solid #ddd;
}

.texting1gif {
width: 60px;
height: 60px;
border-radius: 50%;
border: 5px solid #a0b4d3;

position: absolute;
margin-left: 15px;
margin-top: 15px;

}
.texting1name {
font-family: 'playfair display';
font-weight: bold;
font-style: italic;
position: absolute;
font-size: 30px;
color: #666;
margin-top: 40px;
margin-left: 100px;
width: 160px;
padding-bottom: 15px;
padding-left: 10px;
border-bottom: 1px solid #a0b4d3;
text-align: right;
}

.texting1sub {
font-family: cousine;
font-size: 7px;
text-transform: uppercase;
letter-spacing: 1px;
color: #000;
text-align: right;
margin-top: 70px;
margin-left: 100px;
width: 170px;
position: absolute;
}
.texting1time {
font-family: cousine;
font-size: 7px;
text-transform: uppercase;
letter-spacing: 1px;
color: #000;
width: 300px;
text-align: center;
position: absolute;
margin-top: 10px;


}
.texting1bubhold {
height: 200px;
overflow: auto;
margin-top: 50px;
position: absolute;
margin-left: 10px;
padding-right: 20px;
}

.texting1bubhold::-webkit-scrollbar-thumb {
background: #a0b4d3;
}

.texting1bubhold::-webkit-scrollbar {
width: 2px;
}

.texting1bubhold::-webkit-scrollbar-track {
background: #f5f5f5;
}
.texting1bubble {
background: #a0b4d3;
border-radius: 10px;
padding: 10px  20px;
max-width: 150px;
width: auto;
position: relative;
margin-bottom: 10px;
margin-left: 60px;
font-family: arial;
font-size: 10px;
text-align: left;

}

.texting1notes {
font-family: cousine;
font-size: 7px;
text-transform: uppercase;
letter-spacing: 1px;
color: #000;
width: 300px;
text-align: center;
height: 30px;
border-radius: 0 0 30px 30px;
background: #ededed;
border-top: 1px solid #ddd;
position: absolute;
margin-left: 0;
margin-top: 268px;
line-height: 30px;
}
.rowancredit2 {

font-size: 8px;
color: #a0b4d3 !important;

}

 .rowancredit2 a, .rowancredit2 a:visited, .rowancredit2 a:active {
   color: #a0b4d3!important;
   text-decoration: none;
 }
</style>
<head><link href="https://fonts.googleapis.com/css?family=Cousine|Playfair+Display" rel="stylesheet"></head>
<center>
       <div id="texting1box"><div class="texting1head"><div class="texting1gif" style="background: url('SQUARE GIF');
background-size: contain;"></div><div class="texting1name">NAME</div><div class="texting1sub">SOME SORT OF SUBTITLE</div></div>

<div class="texting1time">today at 11:30am</div>
<div class="texting1bubhold">
<div class="texting1bubble" >TEXTS GO HERE</div>

<div class="texting1bubble">YOU CAN ADD AS MANY AS YOU WANT</div>
<div class="texting1bubble">IT WILL SCROLL</div>
<div class="texting1bubble">SPAM AWAY!!</div>

</div>

<div class="texting1notes">notes</div>
</div>
<div class="rowancredit2"><a href="https://shine.jcink.net/index.php?showuser=14644">⭑</a></div>
</center>
[/dohtml]