[dohtml]
<link href='http://fonts.googleapis.com/css?family=Sacramento' rel='stylesheet' type='text/css'>
<style>
#noteframe {width:350px;height:auto;box-sizing:border-box;background:url(http://i60.tinypic.com/t8q4g0.jpg) repeat-y;box-shadow:0 0 4px 2px #222;margin-top:20px;padding:34px 45px 30px 45px;overflow:hidden;}
.notebox p {margin:27px 0 -5px;font:400 18pt/22px 'Sacramento', arial;text-align:justify;color:#101066;}
.notehead {overflow:hidden;width:150px;font:400 22pt/28px 'Sacramento', arial;text-align:justify;color:#101066;position:relative;margin-right:120px;}
.notecover {position:absolute;top:0;right:0px;display:block;width:100%;;height:100%;background:#fefefe;margin:0;margin-left:-120px;-webkit-animation: coat 3s infinite alternate backwards;-moz-animation: coat 3s infinite alternate backwards; -o-animation: coat 3s infinite alternate backwards;  animation: coat 3s infinite alternate backwards; }
@-webkit-keyframes coat {
 0%   {right:0;}
 100% {right:-130px;}
}
@-moz-keyframes coat {
  0%   {right:0;}
 100% {right:-130px;}
}
@-o-keyframes coat {
   0%   {right:0;}
 100% {right:-130px;}
}
@keyframes coat {
  0%   {right:0;}
 100% {right:-130px;}
}
.scredit {margin:5px;text-align:center;letter-spacing:2px;font-family:'arial narrow';font-size:7pt;line-height:9px;text-transform:lowercase; -webkit-transition:0.6s all ease-in-out;transition:0.6s all ease-in-out;}
.scredit, .scredit a {color:#999; text-decoration:none;text-shadow:0 0 0 rgba(0,0,0,0); -webkit-transition:0.6s all ease-in-out;transition:0.6s all ease-in-out;}
.scredit a:hover{text-shadow:0 0 10px rgba(0,0,0,0.6);color:rgba(0,0,0,0);letter-spacing:10px;visibility: hidden;}
</style>

<center>
<div id=noteframe>
<div class=notebox>
<div class=notehead>Dear Diary,<div class=notecover></div></div>

<p>POST IN PARAGRAPH TAGS ONLY.</p>

<p style="text-align:right;margin-right:100px;margin-bottom:-3px;">Love,</p>

<div class=notehead style="margin-right:0;margin-left:160px;">NAME<div class=notecover></div></div>
</div>
</div>
<div class="scredit"><a href="http://tinyurl.com/cttwskye">◆ </a><a href="http://tinyurl.com/shineskye">skye</a><a href="http://tinyurl.com/candylandskye"> ◆</a></div>
</center>
[/dohtml]