Added new styles for sequence nav and reset some of the styles for inputs

common/lib/capa/capa/templates/optioninput.html

@@ -10,7 +10,7 @@
           > ${option_description}</option>
       % endfor
     </select>
-   
+
   <span id="answer_${id}"></span>
 
   % if state == 'unsubmitted':

common/lib/xmodule/xmodule/css/sequence/display.scss

@@ -41,11 +41,11 @@ nav.sequence-nav {
         &:hover {
           background-repeat: no-repeat;
           background-position: center;
-          background-color: #F6F6F6;
+          background-color: #F3F3F3;
         }
 
         &.visited {
-          background-color: #F6F6F6;
+          background-color: #F3F3F3;
 
           &:hover {
             background-position: center center;
@@ -64,18 +64,6 @@ nav.sequence-nav {
           }
         }
 
-        &.progress-none {
-          background-color: lighten(red, 50%);
-        }
-
-        &.progress-some {
-          background-color: yellow;
-        }
-
-        &.progress-done {
-          background-color: green;
-        }
-
         //video
         &.seq_video {
           &.inactive {
@@ -120,6 +108,18 @@ nav.sequence-nav {
           &.active {
             background-image: url('../images/sequence-nav/list-icon-current.png');
           }
+
+          &.progress-none {
+            background-image: url('../images/sequence-nav/list-unstarted.png');
+          }
+
+          &.progress-some, &.progress-in_progress {
+            background-image: url('../images/sequence-nav/list-unfinished.png');
+          }
+
+          &.progress-done {
+            background-image: url('../images/sequence-nav/list-finished.png');
+          }
         }
 
         p {