JSFiddle - React, Tailwind, and code Playground
by jeryagus
HTML
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<style type="text/css">
div.spy-outer {
border:2px solid #333;
-webkit-box-shadow:0px 1px 3px black;
-moz-box-shadow:0px 1px 3px black;
box-shadow:0px 1px 3px black;
margin:0px auto;
}
div.spy-outer h2 {
margin:0px 0px;
padding:5px 10px;
background:#aaa; border-top:1px solid #444;
border-bottom:1px solid #000;
background:-webkit-linear-gradient(top, #222, #222);
background:-moz-linear-gradient(top, #222, #222);
background:-ms-linear-gradient(top, #222, #222);
background:-o-linear-gradient(top, #222, #222);
background:linear-gradient(top, #222, #222);
color:#1F88A7;
font:bold 13px dungeon;
text-transform:none;
text-shadow:0px 1px 2px black;
}
ul.spy {
margin:0px 0px;
padding:0px 0px;
font:normal 12px/12px "Consolas","Courier New",Courier,mono,serif;
color:#808080;
overflow:hidden;
}
ul.spy li {
list-style:none;
text-align:left;
margin:0px 0px;
padding:5px 7px;
background:#323232;
background:-webkit-linear-gradient(top, #222, #222);
background:-moz-linear-gradient(top, #222, #222);
background:-ms-linear-gradient(top, #222, #222);
background:-o-linear-gradient(top, #222, #222);
background:linear-gradient(top, #222, #222);
border-top:1px solid #666;
border-bottom:1px solid #000;
word-wrap:break-word;
overflow:hidden;
}
ul.spy a {text-decoration:none;}
ul.spy li em {
font-weight:bold;
color:#808000;
}
ul.spy a.header {
font:bold 12px/14px 'century gothic',Arial,Sans-Serif;
display:block;
color:#bbb;
text-shadow:0px -1px 1px black;
}
ul.spy a.header:hover {
color:#777;
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;
-webkit-border-radius:38px;
-moz-border-radius:38px;
border-radius:38px;
-webkit-transition:all 1s...