JSFiddle - React, Tailwind, and code Playground

by fullblogdesign

HTML

<h1>FULL BLOG DESING</h1>
<style type="text/css">
#comentario {
  font:normal 11px Tahoma,Verdana,Arial,Sans-Serif;
    background-color:olive;/*background-Utama*/
  margin:0 auto;
  padding:10px 10px;
  color:#000;
  border:4px solid #597624;
  box-shadow:inset 0px 0px 2px #000;
    max-width:300px;
}

#comentario ul {
  margin:0 auto;
  padding:0;
  border-top:1px solid #455F20;
  border-bottom:1px solid #799D1A;
}

#comentario ul li {
  border-top:1px solid #799D1A;
  border-bottom:1px solid #455F20;
  padding:3px 0px;
  list-style:none;
}

#comentario ul li b a,
#comentario ul li b a:link,
#comentario ul li b a:visited,
#comentario ul li b {
color:#D7E5FD;
text-shadow:0 1px 1px rgba(0,0,0,0.4);
}
#comentario ul li b:before {
  content:url(http://3.bp.blogspot.com/-1Bs_Jb6nVFs/Ub64GqAvaRI/AAAAAAAAB7E/7mQJKFHNYCA/s1600/no-checklist.png);
  margin:0px 4px 0px 0px;
  display:inline-block;
  display:inline;
  vertical-align:middle;
}
    #comentario ul li b:hover:before{
  content:url(http://3.bp.blogspot.com/-_EamUSmwGlk/Ub64Gkw8pqI/AAAAAAAAB7I/1vIopbOYA3g/s1600/checklist.png);
  margin:0px 4px 0px 0px;
  display:inline-block;
  display:inline;
  vertical-align:middle;
}
  .gandos a{float:right}
</style>
<script type="text/javascript">
var bnykkomentar = 14,
    bnykkarakter = 200,
    home_page   = "http://www.fullblogdesign.com";
</script>
<script src='http://fullblogdesign-demo.googlecode.com/svn/trunk/Recent-comment-title.js'></script>

CSS

body{background:orange;margin:0 auto;width:100%;height:600PX;padding:10px}
h1{font:90px/300PX arial;color:#fff;position:absolute;margin-left:300px;z-index:-999 }