Fixing css class on cell related to selected, rendered, mode.

IPython/html/static/notebook/js/cell.js

@@ -62,6 +62,7 b' var IPython = (function (IPython) {'
         if (this.element !== null) {
             this.element.data("cell", this);
             this.bind_events();
+            this.init_classes();
         }
     };
 
@@ -99,6 +100,26 b' var IPython = (function (IPython) {'
     Cell.prototype.create_element = function () {
     };
 
+    Cell.prototype.init_classes = function () {
+        // Call after this.element exists to initialize the css classes
+        // related to selected, rendered and mode.
+        if (this.selected) {
+            this.element.addClass('selected');
+        } else {
+            this.element.addClass('unselected');
+        }
+        if (this.rendered) {
+            this.element.addClass('rendered');
+        } else {
+            this.element.addClass('unrendered');
+        }
+        if (this.mode === 'edit') {
+            this.element.addClass('edit_mode');
+        } else {
+            this.element.addClass('command_mode');
+        }
+    }
+
 
     /**
      * Subclasses can implement override bind_events.