add cassette player

static/cassette-player/css/knobKnob.css

@@ -0,0 +1,50 @@
+/*----------------------------
+	knobKnob Styles
+-----------------------------*/
+.knob{
+	width: 100px;
+	height: 100px;
+	position: relative;
+}
+
+.knob .top{
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	background: url(../images/knob.jpg) no-repeat center center;
+	z-index: 10;
+	cursor: default !important;
+	border-radius: 50%;
+	box-shadow: inset 0 0 3px 2px rgba(255,255,255,0.6);
+}
+
+.knob .base{
+	width: 100%;
+	height: 100%;
+	box-shadow: 0 5px 0 #555, 0px 5px 5px black;
+	position: absolute;
+	z-index: 1;
+	border-radius: 50%;
+}
+
+.knob .top:after{
+	content: '';
+	width: 4px;
+	height: 4px;
+	background-color: #666;
+	position: absolute;
+	top: 50%;
+	margin-top: -2px;
+	left: 4px;
+	border-radius: 50%;
+	cursor: default !important;
+	box-shadow:  
+		0 0 1px #5a5a5a inset, 
+		1px -1px 1px rgba(255,255,255,0.5);
+}
+
+.knob [draggable] {
+  -moz-user-select:  none;
+  -webkit-user-select:  none;
+  user-select:  none;
+}