cawaii | 10th: chatty (Reply)

Personally, I have no idea what I'd use this for, but I thought it was cute.

	Lorem Ipsum is simply dummy text of the printing and typesetting industry.
	Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.

<raw-code>
<table style="background: #404040;">

<tr style="border-top: 10px solid #404040; border-bottom: 10px solid #404040;">
<td style="vertical-align: top;"><img src="IMAGE URL" style="height: 50px; width: 50px; box-shadow: 0px 1px 5px #000;"></td>
<td style="width: 300px; vertical-align: top; text-align: left;">
<div style="float: left; width: 200px; background: #ececec; padding: 6px; border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0px 1px 5px #000;">
<span style="font-size: 11px;">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</span>
</div>
</td>
<td>
</td>
</tr>


<tr style="border-bottom: 10px solid #404040;">
<td style="vertical-align: top;"></td>
<td style="vertical-align: top; text-align: right;">
<div style="width: 200px; position: relative; left: 77px; float: left; z-index: 1; background: #ff9b2b; padding: 6px; border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0px 1px 5px #000;">
<span style="font-size: 11px;">Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</span>
</div>
<td style="vertical-align: top;"><img src="IMAGE URL" style="height: 50px; width: 50px; box-shadow: 0px 1px 5px #000;"></td>
</tr>

</table>
</raw-code>
<small>code by <user name=cawaii></small>

	Lorem Ipsum is simply dummy text of the printing and typesetting industry.
	Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.

<raw-code>
<table style="background: #6b99bb;">

<tr style="border-top: 10px solid #6b99bb; border-bottom: 10px solid #6b99bb;">
<td style="vertical-align: top;"><img src="IMAGE URL" style="height: 50px; width: 50px; box-shadow: 0px 1px 5px #3c566d;"></td>
<td style="width: 300px; vertical-align: top; text-align: left;">
<div style="width: 200px; background: #fcfcfc; padding: 6px; border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0px 1px 5px #3c566d;">
<span style="font-size: 11px;">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</span>
</div>
</td>
<td>
</td>
</tr>


<tr style="border-bottom: 10px solid #6b99bb;">
<td style="vertical-align: top;"></td>
<td style="vertical-align: top; text-align: right;">
<div style="width: 200px; position: relative; left: 88px; background: #b6ea4a; padding: 6px; border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0px 1px 5px #3c566d;">
<span style="font-size: 11px;">Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</span>
</div>
</td>
<td style="vertical-align: top;"><img src="IMAGE URL" style="height: 50px; width: 50px; box-shadow: 0px 1px 5px #3c566d;"></td>
</tr>

</table>
</raw-code>
<small>code by <user name=cawaii></small>

	Lorem Ipsum is simply dummy text of the printing and typesetting industry.
	Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.

<raw-code>
<table style="background: #00b822;">

<tr style="border-top: 10px solid #00b822; border-bottom: 10px solid #00b822;">
<td style="vertical-align: top;"><img src="IMAGE URL" style="height: 50px; width: 50px; box-shadow: 0px 1px 5px #006312;"></td>
<td style="width: 300px; vertical-align: top; text-align: left;">
<div style="width: 200px; background: #fcfcfc; padding: 6px; border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0px 1px 5px #006312;">
<span style="font-size: 11px;">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</span>
</div>
</td>
<td>
</td>
</tr>


<tr style="border-bottom: 10px solid #00b822;">
<td style="vertical-align: top;"></td>
<td style="vertical-align: top; text-align: right;">
<div style="width: 200px; position: relative; left: 88px; background: #b6ea4a; padding: 6px; border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0px 1px 5px #006312;">
<span style="font-size: 11px;">Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</span>
</div>
</td>
<td style="vertical-align: top;"><img src="IMAGE URL" style="height: 50px; width: 50px; box-shadow: 0px 1px 5px #006312;"></td>
</tr>

</table>
</raw-code>
<small>code by <user name=cawaii></small>

	Lorem Ipsum is simply dummy text of the printing and typesetting industry.
	Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.

<raw-code>
<table style="background: #f9e81e;">

<tr style="border-top: 10px solid #f9e81e; border-bottom: 10px solid #f9e81e;">
<td style="vertical-align: top;"><img src="IMAGE URL" style="height: 50px; width: 50px; box-shadow: 0px 1px 5px #a58d15;"></td>
<td style="width: 300px; vertical-align: top; text-align: left;">
<div style="width: 200px; background: #fff; padding: 6px; border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0px 1px 5px #a58d15;">
<span style="font-size: 11px;">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</span>
</div>
</td>
<td>
</td>
</tr>


<tr style="border-bottom: 10px solid #f9e81e;">
<td style="vertical-align: top;"></td>
<td style="vertical-align: top; text-align: right;">
<div style="width: 200px; position: relative; left: 88px; background: #3c3032; padding: 6px; border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0px 1px 5px #a58d15;">
<span style="font-size: 11px; color: #fff;">Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</span>
</div>
</td>
<td style="vertical-align: top;"><img src="IMAGE URL" style="height: 50px; width: 50px; box-shadow: 0px 1px 5px #a58d15;"></td>
</tr>

</table>
</raw-code>
<small>code by <user name=cawaii></small>

	Lorem Ipsum is simply dummy text of the printing and typesetting industry.
	Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.

<raw-code>
<table style="background: #dbe1ed;">

<tr style="border-top: 10px solid #dbe1ed; border-bottom: 10px solid #dbe1ed;">
<td style="vertical-align: top;"><img src="http://i415.photobucket.com/albums/pp233/chansuu/icon/051/bts007.png" style="height: 50px; width: 50px; box-shadow: 0px 1px 5px #81868e;"></td>
<td style="width: 300px; vertical-align: top; text-align: left;">
<div style="width: 200px; background: #fff; padding: 6px; border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0px 1px 5px #81868e;">
<span style="font-size: 11px;">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</span>
</div>
</td>
<td>
</td>
</tr>


<tr style="border-bottom: 10px solid #dbe1ed;">
<td style="vertical-align: top;"></td>
<td style="vertical-align: top; text-align: right;">
<div style="width: 200px; position: relative; left: 88px; background: #b6d8fb; padding: 6px; border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0px 1px 5px #81868e;">
<span style="font-size: 11px;">Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</span>
</div>
</td>
<td style="vertical-align: top;"><img src="http://i415.photobucket.com/albums/pp233/chansuu/icon/051/bts009.png" style="height: 50px; width: 50px; box-shadow: 0px 1px 5px #81868e;"></td>
</tr>

</table>
</raw-code>
<small>code by <user name=cawaii></small>

10th: chatty

Post a comment in response: