Recentpost Animasi

by theqicux

HTML

<style type="text/css">
div.spy-outer {
  border:2px solid white;
  -webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.4);
  -moz-box-shadow:0px 1px 3px rgba(0,0,0,0.4);
  box-shadow:0px 1px 3px rgba(0,0,0,0.4);
  margin:0px auto;
}

div.spy-outer h2 {
  margin:0px 0px;
  padding:5px 10px;
  background-color:#888888;
  background-image:-webkit-linear-gradient(top, #888888, #585858);
  background-image:-moz-linear-gradient(top, #888888, #585858);
  background-image:-ms-linear-gradient(top, #888888, #585858);
  background-image:-o-linear-gradient(top, #888888, #585858);
  background-image:linear-gradient(top, #888888, #585858);
  color:white;
  font:bold 12px Arial,Sans-Serif;
  text-transform:none;
  text-shadow:0px 1px 2px black;
}

ul.spy {
  margin:0px 0px;
  padding:0px 0px;
  font:normal 10px/12px Arial,Sans-Serif;
  color:#333;
  overflow:hidden;
}

ul.spy li {
  list-style:none;
  text-align:left;
  margin:0px 0px;
  padding:5px 7px;
  background-color:#dddddd;
  background-image:-webkit-linear-gradient(top, #D0D0D0, #dddddd);
  background-image:-moz-linear-gradient(top, #D0D0D0, #dddddd);
  background-image:-ms-linear-gradient(top, #D0D0D0, #dddddd);
  background-image:-o-linear-gradient(top, #D0D0D0, #dddddd);
  background-image:linear-gradient(top, #D0D0D0, #dddddd);
  border-top:1px solid #555555;
  border-bottom:1px solid #555555;
  word-wrap:break-word;
  overflow:hidden;
}

ul.spy a {text-decoration:none;}

ul.spy li em {
  font-weight:bold;
  color:#409540;
}

ul.spy a.header {
  font:bold 12px/14px 'Trebuchet MS',Arial,Sans-Serif;
  display:block;
  color:black;
  text-shadow:0px 1px 0px rgba(0,0,0,0.2);
}

ul.spy a.header:hover {
  color:white;
  text-decoration:underline;
}

ul.spy li .summ {
  margin-top:5px;
  overflow:hidden;
}

ul.spy li .imgwrap, ul.spy li img {
  float:right;
  margin:0px 0px 2px 7px;
  width:72px;
  height:72px;
  border:4px solid #dddddd;
  background:#fff...