Improved cursor behavior

app/assets/javascripts/player/terminal_view.js.coffee

@@ -81,10 +81,14 @@ class AsciiIo.TerminalView extends Backbone.View
 
   blinkCursor: ->
     cursor = @$el.find(".cursor")
-    if cursor.hasClass("inverted")
-      cursor.removeClass "inverted"
+    if cursor.hasClass("visible")
+      cursor.removeClass "visible"
     else
-      cursor.addClass "inverted"
+      cursor.addClass "visible"
+
+  resetCursorState: ->
+    cursor = @$el.find(".cursor")
+    cursor.addClass "visible"
 
   startCursorBlink: ->
     @cursorTimerId = setInterval(@blinkCursor.bind(this), 500)
@@ -96,6 +100,7 @@ class AsciiIo.TerminalView extends Backbone.View
 
   restartCursorBlink: ->
     @stopCursorBlink()
+    @resetCursorState()
     @startCursorBlink()
 
   visualBell: ->

app/assets/stylesheets/asciicasts.css.scss

@@ -4,8 +4,7 @@
 
 .asciicast {
   width: 100%;
-  background-color: #222
-}
+  background-color: #222;
 
   .player {
     /* border: 1px solid #777;*/
@@ -15,7 +14,6 @@
     padding: 0px;
     margin: 0px 0px 30px 20px;
     position: relative;
-}
 
     .terminal {
       padding: 2px;
@@ -28,21 +26,21 @@
       color: #ccc;
       overflow: auto;
       overflow-x: hidden;
-}
 
-.terminal .line {
+      .line {
         font-size: 12px;
         /* background-color: black;*/
         /* padding: 0;*/
         /* margin: 0;*/
       }
 
-.cursor-on .line span.cursor, .cursor-on .line .cursor > span {
+      &.cursor-on {
+        .line {
+          .cursor.visible {
             background-color: #D3D7CF;
           }
-
-.cursor-on .line span.cursor.inverted, .cursor-on .line .cursor.inverted > span {
-  background-color: inherit;
+        }
+      }
     }
 
     .hud {
@@ -61,6 +59,8 @@
       display: block;
     }
 
+  }
+
   .bright { font-weight: bold }
   .underline { text-decoration: underline }
 
@@ -608,3 +608,4 @@
   .description p {
     margin-bottom: 20px;
   }
+}