JSFiddle - React, Tailwind, and code Playground
by jackdent
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Retro Page</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="https://raw.github.com/GBKS/Wookmark-jQuery/master/jquery.wookmark.js"></script>
<style type="text/css">
* {margin: 0; padding: 0}
body {font: 11px "Courier New"; background: #e4e4e4; color: #C3C3C3; overflow-y: scroll;}
h2 {font: 11px "Courier New"; color: #C3C3C3;}
ul {list-style: none}
li {display: inline}
.outerwrapper {
width: 300px;
background-color: white;
border-bottom: 1px solid black;
overflow: hidden;
text-align: left;
float: left;
margin: 10px;
-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
}
.drag {
cursor: move;
width: 38px;
height: 100%;
float: left;
margin-bottom: -1000px;
padding-bottom: 1000px;
background-color: #323232;
-webkit-box-shadow: inset rgba(255,255,255,0.2) 1px 2px 0;
-moz-box-shadow: inset rgba(255,255,255,0.2) 1px 2px 0;
box-shadow: inset rgba(255,255,255,0.2) 1px 2px 0;
background-image: url(img/draggable.png);
background-repeat: no-repeat;
background-position-x: 12px;
background-position-y: 12px;
border-left: 1px solid black;
}
.wrapper {
width: 260px;
...