Facebook Comment Boxes

DEMO 2 - Facebook Comment Boxes


<style>
.container {width:650px;margin:20px auto}
a {color:#6495ED}
a:hover {color:red}
.facebook span {color:#333}
.facebook {
  padding:10px 12px;
  background:#fff;
  box-sizing: order-box;
  border-radius:5px;
  overflow:hidden;
  box-shadow:inset 0px 4px 4px rgba(0, 0, 0, 0.6)
}

.facebook .box {
  position:relative;
  font:bold 16px/15px 'Alegreya SC', serif;
  padding-bottom:3px;
  margin-bottom:3px
}

.facebook .box .time {position:absolute;right:0;top:0;color:#333}
.facebook .links {margin-top:8px;font-size:12px;line-height:1.38}
.facebook .footer {
  color:#444;
  font-size:12px;
  line-height:1.38;
  background:linear-gradient(left,transparent 0%,#6495ED 50%,transparent 100%);
  background:-webkit-linear-gradient(left,transparent 0%,#6495ED 50%,transparent 100%);
  background:-moz-linear-gradient(left,transparent 0%,#6495ED 50%,transparent 100%);
  background:-o-linear-gradient(left,transparent 0%,#6495ED 50%,transparent 100%);
  padding:5px 12px;
  margin:8px -12px -10px -12px
}
</style>


<div class="container">
   <div class="facebook">
     <div class="box">
       <a href="https://plus.google.com/107420567168573488940/posts">Devy Indriyani</a>
<div class="time">
   <time id="clock"></time>
<script type="text/javascript">
(function() {
    var clock = document.getElementById('clock');
    setInterval(function() {
        var time = new Date().toString().split(' ')[4];
        clock.innerHTML = time;
    }, 13);
})();
</script>
</div>
     </div>

<hr/>
<span>..Text In Here...</span>
<strong><a class="links" href="http://sahabatblogger77.blogspot.com">&raquo; Like</a></strong>
<div class="footer">
Copyright &copy; <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script> Facebook Comment Box
</div>
   </div>
</div>