Kill some unused CSS

drag_and_drop_v2/public/css/drag_and_drop.css

@@ -62,7 +62,6 @@
     max-width: 100%;
 }
 
-.xblock--drag-and-drop .option.hover { background: #ccc; }
 .xblock--drag-and-drop .option.fade { opacity: 0.6; }
 
 
@@ -122,25 +121,6 @@
     margin-bottom: auto;
 }
 
-.xblock--drag-and-drop .zone.one {
-    height: 75px;
-    width: 115px;
-    top: 130px;
-    left: 200px;
-}
-.xblock--drag-and-drop .zone.two {
-    height: 120px;
-    width: 200px;
-    top: 220px;
-    left: 157px;
-}
-.xblock--drag-and-drop .zone.three {
-    height: 120px;
-    width: 200px;
-    bottom: 30px;
-    left: 157px;
-}
-
 /*** IE9 alignment fix ***/
 .lt-ie10 .xblock--drag-and-drop .zone {
     display: table;

drag_and_drop_v2/public/css/drag_and_drop_edit.css

@@ -6,33 +6,6 @@
     background: #fff;
 }
 
-.xblock--drag-and-drop .problem-header {
-    display: inline-block;
-    margin: 0 0 15px 0;
-}
-
-.xblock--drag-and-drop .problem-progress {
-    display: inline-block;
-    padding-left: 5px;
-    color: #666;
-    font-weight: 100;
-    font-size: 1em;
-}
-
-.xblock--drag-and-drop .problem p {
-    margin-bottom: 1.41575em;
-}
-
-.xblock--drag-and-drop .drag-container {
-    width: 760px;
-    background: #ebf0f2;
-    position: relative;
-}
-
-.xblock--drag-and-drop .clear {
-    clear: both;
-}
-
 /** Draggable Items **/
 .xblock--drag-and-drop .items {
     width: 210px;
@@ -45,21 +18,6 @@
     list-style-type: none;
 }
 
-.xblock--drag-and-drop .items .option {
-    width: 190px;
-    background: #2e83cd;
-    color: #fff;
-    position: relative;
-    float: left;
-    display: inline;
-    z-index: 100;
-    margin-bottom: 5px;
-    padding: 10px;
-}
-
-.xblock--drag-and-drop .option.hover { background: #ccc; }
-.xblock--drag-and-drop .option.fade { opacity: 0.6; }
-
 
 /*** Drop Target ***/
 .xblock--drag-and-drop .target {
@@ -117,25 +75,6 @@
     margin-bottom: auto;
 }
 
-.xblock--drag-and-drop .zone.one {
-    height: 75px;
-    width: 115px;
-    top: 130px;
-    left: 200px;
-}
-.xblock--drag-and-drop .zone.two {
-    height: 120px;
-    width: 200px;
-    top: 220px;
-    left: 157px;
-}
-.xblock--drag-and-drop .zone.three {
-    height: 120px;
-    width: 200px;
-    bottom: 30px;
-    left: 157px;
-}
-
 /*** IE9 alignment fix ***/
 .lt-ie10 .xblock--drag-and-drop .zone {
     display: table;
@@ -191,12 +130,6 @@
     float: left;
 }
 
-.xblock--drag-and-drop .drag-builder .continue {
-    position: absolute;
-    right: 0;
-    top: -5px;
-}
-
 .xblock--drag-and-drop .drag-builder .items {
     width: calc(100% - 515px);
     margin: 10px 0 0 0;

drag_and_drop_v2/public/js/drag_and_drop.js

@@ -99,8 +99,6 @@ function DragAndDropBlock(runtime, element) {
                     $drag.on('dragstop', clk.drag.stop);
 
                     $dropzone.on('drop', clk.drop.success);
-                    $dropzone.on('dropover', clk.drop.hover.in);
-                    $dropzone.on('dropout', clk.drop.hover.out);
                 },
                 drag: {
                     start: function(event, ui) {
@@ -126,8 +124,7 @@ function DragAndDropBlock(runtime, element) {
                                 left: $el.css('left')
                         })).done(function(data){
                             if (data.correct) {
-                                $el.removeClass('hover')
-                                    .draggable('disable');
+                                $el.draggable('disable');
 
                                 if (data.final_feedback) {
                                     _fn.finish(data.final_feedback);
@@ -153,7 +150,7 @@ function DragAndDropBlock(runtime, element) {
                     },
 
                     reset: function($el) {
-                        $el.removeClass('within-dropzone fade hover')
+                        $el.removeClass('within-dropzone fade')
                             .css({
                                 top: '',
                                 left: ''
@@ -161,16 +158,6 @@ function DragAndDropBlock(runtime, element) {
                     }
                 },
                 drop: {
-                    hover: {
-                        in: function(event, ui) {
-                            var zone = $(event.currentTarget).data('zone');
-
-                            ui.draggable.addClass('hover').data('zone', zone);
-                        },
-                        out: function(event, ui) {
-                            ui.draggable.removeClass('hover');
-                        }
-                    },
                     success: function(event, ui) {
                         ui.draggable.addClass('within-dropzone');
                     }