From 8473188feaba808330383b3bc59e3be25fb13969 Mon Sep 17 00:00:00 2001
From: Kyle Fiedler <kfiedler@thoughtbot.com>
Date: Fri, 17 Aug 2012 17:41:45 -0400
Subject: [PATCH] Added new styles for sequence nav and reset some of the
 styles for inputs

---
 .../lib/capa/capa/templates/optioninput.html  |   2 +-
 .../xmodule/xmodule/css/sequence/display.scss |  28 +++++++++---------
 .../sequence-nav/document-icon-current.png    | Bin 204 -> 106 bytes
 .../sequence-nav/document-icon-normal.png     | Bin 205 -> 106 bytes
 .../sequence-nav/document-icon-visited.png    | Bin 206 -> 106 bytes
 .../images/sequence-nav/list-finished.png     | Bin 0 -> 1063 bytes
 .../images/sequence-nav/list-icon-current.png | Bin 344 -> 100 bytes
 .../images/sequence-nav/list-icon-normal.png  | Bin 284 -> 100 bytes
 .../images/sequence-nav/list-icon-visited.png | Bin 306 -> 99 bytes
 .../images/sequence-nav/list-unfinished.png   | Bin 0 -> 1070 bytes
 .../images/sequence-nav/list-unstarted.png    | Bin 0 -> 1067 bytes
 .../static/images/sequence-nav/other-icon.png | Bin 457 -> 0 bytes
 .../images/sequence-nav/problem-icon-alt.png  | Bin 300 -> 0 bytes
 .../images/sequence-nav/vertical-icon.png     | Bin 845 -> 0 bytes
 .../sequence-nav/video-icon-current.png       | Bin 403 -> 113 bytes
 .../images/sequence-nav/video-icon-normal.png | Bin 394 -> 113 bytes
 .../sequence-nav/video-icon-visited.png       | Bin 425 -> 112 bytes
 .../static/images/sequence-nav/video-icon.png | Bin 1074 -> 0 bytes
 lms/static/sass/course/base/_base.scss        |  27 +++++++++++++++++
 19 files changed, 42 insertions(+), 15 deletions(-)
 create mode 100644 common/static/images/sequence-nav/list-finished.png
 create mode 100644 common/static/images/sequence-nav/list-unfinished.png
 create mode 100644 common/static/images/sequence-nav/list-unstarted.png
 delete mode 100644 common/static/images/sequence-nav/other-icon.png
 delete mode 100644 common/static/images/sequence-nav/problem-icon-alt.png
 delete mode 100644 common/static/images/sequence-nav/vertical-icon.png
 delete mode 100644 common/static/images/sequence-nav/video-icon.png

diff --git a/common/lib/capa/capa/templates/optioninput.html b/common/lib/capa/capa/templates/optioninput.html
index 6ceba78c1c..0a1562c38d 100644
--- a/common/lib/capa/capa/templates/optioninput.html
+++ b/common/lib/capa/capa/templates/optioninput.html
@@ -10,7 +10,7 @@
           > ${option_description}</option>
       % endfor
     </select>
-   
+
   <span id="answer_${id}"></span>
 
   % if state == 'unsubmitted':
diff --git a/common/lib/xmodule/xmodule/css/sequence/display.scss b/common/lib/xmodule/xmodule/css/sequence/display.scss
index a745129a68..8c3ab322e2 100644
--- a/common/lib/xmodule/xmodule/css/sequence/display.scss
+++ b/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 {
diff --git a/common/static/images/sequence-nav/document-icon-current.png b/common/static/images/sequence-nav/document-icon-current.png
index 4eeedd8f76fb9bf548100da07636851e6e8b4d2d..153a067d3d10503e6308e011706b3ab88afa3655 100644
GIT binary patch
literal 106
zcmeAS@N?(olHy`uVBq!ia0vp^U^WLEkTt>lKP!+j^mK6yskrs_)J9$g1s-O{{CRWt
zEO2Hv>0?^7^vAPO1<US<t7Muyx#v2>9<a5qX{_Zu&}G}x_V~XBP&0$4tDnm{r-UW|
Dp*J9*

literal 204
zcmeAS@N?(olHy`uVBq!ia0vp^JV4CH!3HFy_x^nYq$Yd1IEGZ*dV1QH>yU$h!$aG4
z4Y5azE+6FXIc~UcOKaLr*HaDlj;(L^G|y!>jF8|^e5{?85XocNaP+vr85?z_bJg;v
z6l6bH+<4F$mA>-xU+o)?S7eQK42}!&`ibRSWOHN`mw42?nbn+QUWGz$6Xz;}9gB_~
znD?uxo9%Kv&oSA98hl(^ZX~yEy=Z&!_r)e=mfBDH2XAbdCY`fW8t6O*Pgg&ebxsLQ
E0FwqzyZ`_I

diff --git a/common/static/images/sequence-nav/document-icon-normal.png b/common/static/images/sequence-nav/document-icon-normal.png
index d508136647d19796f81cac15aaeb2223592e2916..2bc266bfe239674a57156078464362ab78ea7fc1 100644
GIT binary patch
literal 106
zcmeAS@N?(olHy`uVBq!ia0vp^U^WLEkTt>lKP!+j^mK6yskrs_)J9$g1s-O{{CSQx
zYn+))`j{3i{qd|+!LobeDw!rv?zs-J2W;(Y8f!U?8KjyVV;715H8Xg+`njxgN@xNA
DOsgGG

literal 205
zcmeAS@N?(olHy`uVBq!ia0vp^JV4CH!3HFy_x^nYq^5YfIEGZ*dU|0a=b-?BhKKEE
zn;Uj>G$pHW^a*VAU@K@^^T9(d?*UVnaz^^XP=y7lN==jW{`D5fd=lI6W7qHZ4|=}G
zbrl@@&|R!I{jiv7)t-xw8u|2Pdp3&R=JGK(ERrqRvmx+#u!Q0?#}+pKIR!^zSh;2I
zYz%fj_@IsX&3@M32c`?jUfH2^SV&vZb!jtq+l2fNjBeExe<SC5WCPvD;OXk;vd$@?
F2>@iXQA_{;

diff --git a/common/static/images/sequence-nav/document-icon-visited.png b/common/static/images/sequence-nav/document-icon-visited.png
index c0a1c7d0998d16a51924c87b469f2df197ac8824..681ea1fcac6838699e29a8814d11e09af254771c 100644
GIT binary patch
literal 106
zcmeAS@N?(olHy`uVBq!ia0vp^U^WLEkTt>lKP!+j^mK6yskrs_)J9$g1s-Nc{x`A`
zcNa2BxpOXB`r}!t!cHmUR7;l0X0IG#4;b6mG?p?p{JnH@(cAYIftndSUHx3vIVCg!
E0D+bvF#rGn

literal 206
zcmeAS@N?(olHy`uVBq!ia0vp^JV4CH!3HFy_x^nYq^5ehIEGZ*dU|Oi=b-?BhKJjm
zukj@$PduW?V|7qFPVmfZ?FH5y(k$HW7nE|RED2z#{dbhLPv8uLnEdgBfA2~@pY!ov
z`LzmVo{EU<bgPI5I*!fK?;f=-=Szwa2uN<_;GAZmP;zk2QYQgjH3P4O&Al>lg@*($
z$8EUmsMXjU=*IlN-|?HWMqATfmz|rYMn1aC?RMgGEu(R^P<5Xer!&xj44$rjF6*2U
FngA(*O<w>2

diff --git a/common/static/images/sequence-nav/list-finished.png b/common/static/images/sequence-nav/list-finished.png
new file mode 100644
index 0000000000000000000000000000000000000000..e2b11e9e0a54166ba847f84962525760c455d57e
GIT binary patch
literal 1063
zcmbVL&ui0A91l!~4mPGDq8A^Thlw`HOPjQft)p#HS6FLptM=ewY4Wy)E_qq<YSW#j
zIB|*~c<`bqo)lph@uG-Vh3y~k=*`RARS@P&*KQuh4u<^rzHh#t&-eFgxpZZ8<je@e
zFr$TOwL-tA>2v(ZFnzCa?N_0KXmwJ>bEKnth{>3^fk465=TQaeW_R%$N-@k()2h`;
zy*Q&7*yi-mh6`+$q8TPN6}Y<5LIgC>yyc|XU!T6Pz%tY9O{pjp-5hFK(@P$zE|qG=
zQp-r1?9^qD3KU9UBcg-AUT}ORNV7d&h039tXF<<|w9@QOQ1xON<gkZ;#6=^903ncN
z4#p%|h8KY-K#>>dEk|HXkz_@TgZ{-*Z=N})RMdRm7d@rfCLylE^PNtI>qI&1&GRss
zOokky7@-yszv~b^h&cYlfI&sR;aM)RumeIyy@A^#&C*DBQn1}(ahKTf`-P$<;{)C0
zAt&&*9p=@u_DKcpg|V--U+cPvuOJ_{J%jdRZejqYwL92RXh@?`u6h=2ioT#?qirLH
z6x1|J|8S;dDuSG#RgA}kxJX3^6G9@Yig_q$i6|5kxdF$1*tnL>W?&|!2{{o$4Q9kx
zCMn2jGAidKIiDY33yx28$3O$W7WLc5Mi0a)IS=Usdo_#~1`|+jVuJl9c0sNxgUO<9
zSWc)oA2w(wUln=QZDi&>Y=d5f6>FaeU|iJVf}}xdFY}C;)nYVlDUp!bKGyu7s_`@!
zJ{*sK#$}+QGZ>1y!%q*p>w_G+Gag+I>GjDMbg`}%)J!e--uSb<JvF3!-PkyMO*opL
zeEfF&67%k5sw>`FUcEE6yz=DH*4FCq(B_GUKg{xPGgi94_*`gQxbbH5>H7N2$3v$!
jK4+gjIQ!w=Ic9v88UA^!H95BOK3v^`R#Mlpvv>aj3~Eeb

literal 0
HcmV?d00001

diff --git a/common/static/images/sequence-nav/list-icon-current.png b/common/static/images/sequence-nav/list-icon-current.png
index 602f0da61b55673cfcd77b03b33cb19ba1d14232..d9a147352627028456ee6a66aa8489dd1205d324 100644
GIT binary patch
literal 100
zcmeAS@N?(olHy`uVBq!ia0vp^d_c^_!3HE-Zss2cQrey_jv*Dd-u7?gWMJSp{OA81
zn-v^)Tf1gEFOW4-X%N}_H9c%mt8U$6*JQ@hYuOigdp1Y_wJ~_Q`njxgN@xNAPLv<f

literal 344
zcmV-e0jK_nP)<h;3K|Lk000e1NJLTq000mG000gM1^@s6CNG?d0003WNkl<Zc-pPf
zy-LGi6vpwaA}T0UJ2?qrSHacAI}mhM6cHTS#fqTd<l^E5D1wlX@8l|?L;`Vg5$YgV
z5Em_Oum1yQHK`xNkK}>m<h&2Dk|bG2ihKA$5KKCbGs}G+J=}cb7I!jW7Y`Vq^gOQ-
zMbTUw$CBTxq-pvg0}k*>FkIh!-*1Lt*pfU9i!UwlVjIWUvu%5nAyb-bS;m+@u~>Ie
zdpKmJZP`GIl#KlfT_GKG(AN&0Sbv5R=ZEe<2fXNj-fsr1P~;icYn<{AjLQ(s7ZomX
z^)Ds1n6!o+Hd%FDcZ4D*G;dVc<e4owLYuQZYX^^<fBHuq@auLl;M@kUbkJmr1<kdr
qq9~TjvOK{#j<PHp%k#XUxz-n&A8$wZpp#Mn0000<MNUMnLSTY7Z<4V9

diff --git a/common/static/images/sequence-nav/list-icon-normal.png b/common/static/images/sequence-nav/list-icon-normal.png
index 09867e09c838019ff00e124730134654cc4bd152..1e445b02bca5af6e3ba17d9668697c779a175691 100644
GIT binary patch
literal 100
zcmeAS@N?(olHy`uVBq!ia0vp^d_c^_!3HE-Zss2cQrey_jv*Dd-u7?gWMJSp{O5nG
y%xaFitzEO77swi^G>Gi|njW^ORk!Z3YcgY;nVZNS4wVN$Z492SelF{r5}E)m6dr5<

literal 284
zcmV+%0ptFOP)<h;3K|Lk000e1NJLTq000mG000gM1^@s6CNG?d0002vNkl<Zc-pPd
zF$)247{~Gd`;kqNNlAGDN>?T&!zp68V{iuJN$IvLWm9HiJ>6j76?g?=qsVZ6PyN<^
z|H$yE=jr~>cQ_RUK`ji!Bb;CY3aW61gAQ-j66j!f(24;Yo^aRU`?CZ_7!ukuFyL<T
zmOvhZM-~G)?j}76$idGfkj3CaA1eHifgw0Lys;%9hY9T%=y5l>Nx+qbwqFLW5-4L>
zP@91gEMcz0_tU@p#59HmmG~hAEvW18y(Iw$LqZz{y4+1J%J+Q_k%S^p(C2RQQc)BY
i<2asC6BHD<n~XoXlNwEt)jRS40000<MNUMnLSTY(LvyzP

diff --git a/common/static/images/sequence-nav/list-icon-visited.png b/common/static/images/sequence-nav/list-icon-visited.png
index dca52dd3cc2fefd99711e895efda3b682943079e..a3704f3b9829b80ea25c567d0566153004a2e48f 100644
GIT binary patch
literal 99
zcmeAS@N?(olHy`uVBq!ia0vp^d_c^_!3HE-Zss2cQd*uajv*Dd-u7?gWMJSpY-90%
yeb<H96+0|hZYer5d0dRHPg9M$@yI;RL@cW4$IG-&CscsC7(8A5T-G@yGywn(R3AV9

literal 306
zcmV-20nPr2P)<h;3K|Lk000e1NJLTq000mG000gM1^@s6CNG?d0002_Nkl<Zc-pPd
zu}Z^W6o%n5X%(dHRk#X{F0PL4R!ERUG_geJ)Rt1{;2j8#3JPLEc6ZT1kyZzxh`YT2
zwQGETINjtB#NipfGrYr*BuUnyC_0Vf_!SRmKyZy0JQ~I>P$h7~nBx;61W$VVGJLy0
zoxn4rP#p+nx=k)nA+XCBsZ9vlx=k)11cdP?F0f3X#TcT84G8uyK+n)${NSEZs5S)e
zWq(j3aQ92#t!!YGK$mfaGi*a}j7yvwF8<|-O9XZphX}C_K@$fE4f~59+%gIkYhYUH
z2SE_jJ<pr?zF(*g1RuIhlIQtKnx;otmYt|A2nM=MKP#J+3N#5Q?EnA(07*qoM6N<$
Eg561Y<^TWy

diff --git a/common/static/images/sequence-nav/list-unfinished.png b/common/static/images/sequence-nav/list-unfinished.png
new file mode 100644
index 0000000000000000000000000000000000000000..fa0687e040055f3266210892b6fe567507ee4ada
GIT binary patch
literal 1070
zcmbVLPiWIn7!P)iZ8{J)@DB)&6mg<W^3o<vL%Y#6sVmqzyMjG<FiYOnuqH1iuWP!C
z;&xH=<W+DNFDg5E^B^7+ci2S+g0~5t1;L95^QCJy4`T;I{(SGt_xpYSAI?^;jgFij
zVHjq#G^17N_Z)pr4-L}y2G?4T6hyC+IlMsHhL4!Mh363{ImRNYBE#z3-9%Z2i8bt6
zoz%<MRTDd$5!rB|<54ujWT!&UFqaSk^Jvj_bL@||?^s}4Irf%R7Rp`$HSC!cAI+^)
zYUaw4nX%ZZNstXyO5h-3fY52Wfg0x6F0V@ENX@gLYeJTC>|Rjy@+>G|9|4I=CQJcB
zAj=#~NwN&D0#Se>FVI^~z?3S<s+b17i>2OtYeB7Q#hx#E%CQYXJeB9$?Kam=a@b$w
zVJ4G_I7Bf)EfPV;B}SNVgLt1oLxJhr9<i|tB1U5#w@8kqk?y77c;)gwu^aRXMN7tq
zhQ~ur;2kH*t7{#QDmn<`Q0t)9@ep4{0dDyw?Z-mA52m#{+EHXkqfu}8Hf@U0)Uerd
zkV{Hhj-`J%%eGWOR%jK|DIqOV5kf^!lA2hAlCC77s1*7fhharISx71ws0-6NggVTN
zseDF|wM<ejN^-H-$CliH7_N!>er@WvhZT;*ss$ez1p76NoBauxZD4|f2KGQ<P6iWY
z!?fK<aXD(xUcMUg?PX*Yee8g4g;o2I2w+;&(}JW!=^*pGIIX8>+LEHkY!7SwPt|xD
z3?GfhKjYF@(HV@y{o$vF{q;dE-5H-Q$M5AYt8}q$m$ZB>{5t<<cXui#e%jhPepAR7
zC!V|<N;9vXXFK8}Fc!POoR~bbv-5OdaQo8uht2h$n~i6WKMsGt599Gw?)|TO>)+O1
p*VeAQ_<XT4m>M2Cd8|4f8#v48#;NA^8_<Y0xTIIKjp;iN{sNTIOgsPp

literal 0
HcmV?d00001

diff --git a/common/static/images/sequence-nav/list-unstarted.png b/common/static/images/sequence-nav/list-unstarted.png
new file mode 100644
index 0000000000000000000000000000000000000000..48081ead7d962103a731b24a313e8b3ac2ce9534
GIT binary patch
literal 1067
zcmbVL&ui0A9FI)LoD5_N;y`$$h!bp*mo{k{+l?+sUBTAb6|5IAP2Se9CNE1~ZMu`F
z7e!CrMA*&>`v*isL2<C1^dR0m2;KxiyomFqYc~&L2Sa{*-#6dS=llEqT;<Z(=)@?)
zFk_`zy-L5Q=`%huOyBEVdo5NFqfX}W0_m6mVhT2HAW(A6MN~zm-Cf>5IffZ(I<-2f
zmoKXpb~!V);Ud?kXoks6N4{w-Ap#m`(ed)^_ZP2N;MjTgnp76bzJ{94>`H*<S1L7Y
zWy#9g?DQ1KMJgq55ivpJw!Bb{@@$V+rE;w1S<o{fOL=xDsCs!0XgEMX;!;UVfDp(s
z2h)-)!wWzZpvVjKmXk28O0p_uK>uQ?x4>Rdt9r5Ti=OgqlMr9!`A(<9by6G-7I~P>
zW@8RfOj3(v*!74RCA}~)V9-%$1&&V~?17lkY~VJ@vozA36kNYt-X-?JexYc|_{j8m
z$O*jb#(DLuLsCV1VeD%i*1A68t0=_nz@q(FNDRQVb_Y9(4QVv$mB67*F<Uye+Ai`)
zNzb$N4`(~JD#!}0VkRwQL@Gk42uey9i%>F@6ciP0z_A}zlv7$tQFKF?F(5QxK};92
zf~;p#a#50t#R0bDg~aqMH1O+CzkRHBAXe1^WD*?IFm4SdV6KS?4x88q+Pn-V%ckXc
zvEqE(pq+em6gan#T@0`bdKFfkeIkGv(Z~pr0j0gn3*wBCrfExxBC~z0{XbRXX)t^|
z9{-HXKt*RT7I%lA9(LCUd30w2x*VU{FE{C8T`%c{TJ*W`dwY9&NPNGwb>ym0C{8|l
zHj-hUujabq18`#K40CMi)R!-h4-bDlck=DV+K-Lq(}(Yle!UG7iM!nEpQ|^P-^^+k
k|9m)G`S#?VGr=>5hMBf`ytVmjYdl`xl2OsuXKvp43nrXS9RL6T

literal 0
HcmV?d00001

diff --git a/common/static/images/sequence-nav/other-icon.png b/common/static/images/sequence-nav/other-icon.png
deleted file mode 100644
index 01c0bab93c1b1a00908a40510c3338e7824ae714..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 457
zcmV;)0XF`LP)<h;3K|Lk000e1NJLTq002J#000gM1^@s6n0dt40004yNkl<Zc-rmP
zy-R{Y9Ki9TB?y{oie83jX{oUMBZ>^6(ZS&<1)Zaz#+u!vtVQhI3f;8+f-nebsHqpI
zF~vw9q`bbv3CDwv6rGy~AAZAcIKIOTClZN-t_OFJ&BWvJXgZx1Qp!Jx#bP2D42p0#
z+%S)C$R?_RKwvnZ&;RKT+qOj}lM&f$R<{G`BBh6SV+%Gact;6Ed>V|Oz>SJ8qll7H
zgKa22f+A{ameede<9m^YR5mdQFFaT^6hDn8NW5bf9?Zat9HfEx6-XtADR|+5A73~U
zM0H^oQe#1Ad<Npj344W9KF|lDNg9ZcqOQfCKxhV0!ExiAzo3k36ySHnFB*vVspw}E
zaDjeD{GNgMb4c8xfDK3dD5`q=8*+|d)A4gEKIjNG9e;)z1|Wde@vpc<ciZDRZH_-x
z@nfC%PJAc66YmzEhj6iAFy3krpEMXh;u1gPjDN%fB3MF5V`1B1{5~v%G|OsUq5jYK
z6V$N|3n7h#HMKu%#NR`<Vl3Xt{Kw`1@)uG+L!fZcE9AG@00000NkvXXu0mjf7s<$i

diff --git a/common/static/images/sequence-nav/problem-icon-alt.png b/common/static/images/sequence-nav/problem-icon-alt.png
deleted file mode 100644
index 364e041bad3254128f76c912f5431d0ba984cf2b..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 300
zcmeAS@N?(olHy`uVBq!ia0vp^VL&X*!3HF`4*${sQj#UE5hcO-X(i=}MX3yqDfvmM
z3ZA)%>8U}fi7AzZCsS>Jiq3huIEF+VPM&F7ZN@A$f#K0!hc!nXBu+4YTs&op2%DE<
zTAG?!;-tGqwZBTb?ry65oYr;sP?MSh@6|Qu3_c`y>}Iu0c-ruTK|tH-r+?!P&ThF_
zg>wrxy0`6#PGDTkaaE^%$p=}1^M{fe%zJH(b?z{6MffS$@%X-D=56bZc3?bh=3#Tl
zV9uSUxXPalAFnw++Nk(eOsp-?LD)cQ!(v8jAdz5_;LcnIBo1aA=wo|Rz!AZ(w5xDe
uNzv^IW!zN<p7AX5kiV2CsmqnY!f@4I$K|HM@nWFQ7(8A5T-G@yGywpa;%|=t

diff --git a/common/static/images/sequence-nav/vertical-icon.png b/common/static/images/sequence-nav/vertical-icon.png
deleted file mode 100644
index 064c6ba0465d77ada9fa2e06a4e9aa90e07e39f4..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 845
zcmV-T1G4;yP)<h;3K|Lk000e1NJLTq003D4000gM1^@s6M1Zj10009NNkl<Zc-rmO
zOGs2<7>Dtf3eCh!1Jg~rD3U-(FbqNn!8S!9OoAdF88t6t8qH|w*adT;1Y#@6GLn>W
zB_!!WXiUh$OBsYFgS9Y{h8C%exHvrrzQ9GC<K>%H4g41W-OMArpE58oa2eKT2K`9H
zVYSC?yv2my?>80}7Q{5o9a~#llgi4<xYE+nhh=4DAMpkkA$X2yjN6zn4C6_2bMqb@
z-^VgCG9n!v9r>M|ofDWu8w4)QW8B6BURaUKF^g4vKoX9qz3gCx$X?Bn<B2>-uvPqm
z0l_=0V%f$Dkpo1I(j2*(SSyMjf(nGOY-0uUR^&Q_Vd5uJkP5alBDZLcoIvC$f|*J+
z1m9pfA##w&(V8PS5zACYA*cu2(Yh5m1J~d~6=HD^Y-dD1qdD?kA{P?Or<{bK96l#R
zb`yEG=E#}E@+o-`oC4cXtrdAkh%A~T3z4m;+d^a^vS^NMMcp<lR65FW6D5d6qS_uC
zUJH>kHAjvnavs5M!Gkmiict@b4KI-kiM&g5<P2hYQHNXz($NTy4KFIJ$Te7kiLXe;
zu`S%>+Yz|QuQ%M;atJ<e@+QBJz{6+7HI*R<YQc6C`V;v(Onli!<R;CL4-k3uFOg?A
z8F@Mak-ZzDz1(8tA6DdSwBZ?Auph~4ciDK1ZX%!89C;s+ZxE~pkB|kyT|7mXjcy`0
zM&RMgAy&6?6@qN^qRU1%9{hj!{?Wsi3Kz<dix|YKZP+M=o5*RJBS#VW9Ko)@z)=V;
zp#+8vH<2$y;Nd$#EVq&kK`JU?*l;6H)c?qfFcHL|E#72b1a9)H4R_Z12tIA{CQnA-
zCVMvA*g*(tz;?7G{r&x3tinVHDL4+cv!0%w`@vvP%MS{N!%|dKl#rjFKUq*vU@FxR
zEW&i+a=GRk8XBT?MIIU&lGfH%AE8Yp06`ttj@D#mW+n@F(2hpLAqi|}Q&Uqpp-@Q6
z4_aSew{Cn)Z*Ol^UteFlavFkqu<h|jzdk%XtnJ~Oo12qBAaHhUY^+@=g&+%TNB4dM
XVjz0Jh+ZI(00000NkvXXu0mjfWp`~n

diff --git a/common/static/images/sequence-nav/video-icon-current.png b/common/static/images/sequence-nav/video-icon-current.png
index a7a787ee8ba4d989a913f49f47a4f1460c4d50ea..2674a7a950eacbed82c710900ba0a92c57e9cb2d 100644
GIT binary patch
literal 113
zcmeAS@N?(olHy`uVBq!ia0vp^d_c^@!3HFQ8hUO4DGN^*$B>F!M<;INWMJSp{OA81
zyA>8!)^=D~u(S#}W--(-ADy$6TWfds65*4vAq%angyz@%d0*(vpm$)O0?X}iPoNnL
Mp00i_>zopr0MP&=oB#j-

literal 403
zcmV;E0c`$>P)<h;3K|Lk000e1NJLTq000sI000dL1^@s6q)t8=00046Nkl<Zc-no@
zze@sf7{~D&lnPpENrSd%Xy|{aB?ux&`z4J{(cd8H5Y0giO)Wu3LLvmU2&Gv;QI^`3
z36dBEWf&GD;kP&S92`gI!HfGocMl)#c}|PR<3opkS5ofBBH`c!Dd|1Jrcz4NbX^Zb
zqtSQFVH8EYU>rX9g%7h(*uw~dDE<aTB9WO`ELMUG8WJ$%Z0Cl;lGObum_bt%uLxoR
zWn>(J+EK>==CKOH4D!oMWpUQzi{5O#X)|b&qKYkS;28!y@S<CI(Th)HrFR!OGblju
z08Q-U8yRGg6ImEg2up7t3f5(p<zXjMs9+HxghdF;Xkblxhmp7L=nKl?++jzp|Lo|>
z44R<$Kpxkq<Fd(LtD%B4O30W&(-e;wfCm@2aR_Qd1MBF*81nWV^`Hf(xPuFBn+_<f
xNbex-t)tasoRo}Ng^q2T9W?NSByP>oegGsjYOep6AwB>A002ovPDHLkV1nJrsj2_~

diff --git a/common/static/images/sequence-nav/video-icon-normal.png b/common/static/images/sequence-nav/video-icon-normal.png
index df907e83a00e44751b974e1a3300db8c6393ba0b..4b0baeeca04f3fa51f876317ec5cc2544368fe6a 100644
GIT binary patch
literal 113
zcmeAS@N?(olHy`uVBq!ia0vp^d_c^@!3HFQ8hUO4DGN^*$B>F!M<;INWMJSp{O5nG
z+-i#}YdfqgSXzY~vlwcakIvc3t+l&*iSWtTkcC!OLi6kXyf1WSm=-zVhTpl9=YeK0
Nc)I$ztaD0e0s!AgB`5#@

literal 394
zcmV;50d@X~P)<h;3K|Lk000e1NJLTq000sI000dL1^@s6q)t8=0003|Nkl<Zc-no@
zze@sP9LMo1l3ZGvvL%ET#~@nT8l}yq=Afbef|feTh?WQh4I65#FgS{qpuo~xGra7F
zB^jC-S{cz|*IW1=9Ea!d8ou!1^E}V@Q8Z1P!4WQyz$MZ+caTO(vPm4r<8hx7jYd~d
z#4ILpk52@|ln7uN22SC}0=~oH@R$;d#X`{GhJq73L20842G(UB#z!O)8Ep+gJVM1h
z3b=D9a^nX{%wYpnvuF`z7#5ihH>%pQC9_CH0lV0i(mXt3P<Y@)13Aea;>|2tfsSq{
z(9lFy=pu_77+90+kab5PIl+g1oZ$<q2ntmW{lk`ICs4EQs072}+F?gMc(-NCX3-K}
z@E`@h&^!EEU1ac#SF>mtw-~_y(#Sg$xzNOpWc{ewcjQGc5-7mcMjs4pN_HG|>(h$3
oLJAGBhkcs^G*LkkIaFFj|J(^CVYfKH4gdfE07*qoM6N<$g7dwjs{jB1

diff --git a/common/static/images/sequence-nav/video-icon-visited.png b/common/static/images/sequence-nav/video-icon-visited.png
index 49ab8085670c7b98025464ce40e252c15d63701e..62a5b9d6c45bf28f21a05477b60cd3d9f99c4ba9 100644
GIT binary patch
literal 112
zcmeAS@N?(olHy`uVBq!ia0vp^d_c^@!3HFQ8hUO4DRWO3$B>F!M<*%*m2oiFe)tzJ
zdN{}VN`i&RF-{}q2htkP*2D(fj8&QI@oo{<)r%8<e0f~oFU@pV(IkLJ$kh>O1cRrm
KpUXO@geCxe-XgRB

literal 425
zcmV;a0apHrP)<h;3K|Lk000e1NJLTq000sI000dL1^@s6q)t8=0004SNkl<Zc-n>0
zy-Pw-7=ZB$6*V+PB?=8u(9qw|-Xvk6L{1v0<Zz|0A>~q&f^!fw6hvRr&=9ni+6Pot
znp6~NMj3$+flv|l1n-4Ahz-Btyyx(6&pnE!X~U67<PdRjB<p=y8zp2vi9IC4;qXc{
z8f{e^4oA@Kb{AoX4c|z?ia`vC0jQ{85&c+jxm*R0$74~PPG`vL^`1cyZ`guTMJFm4
zk+qG;qu=j0|AnR*ykG(<zG{SeBou=Wn}lxlkSd!-Yqh?}h)_xoO)@B98A~W*2kkJ!
zB24I$z=52N6UyqL5Q9@F;vOHk#1*n4gF6Y?p}<P0poeDUP#aqCj2i?oi#efTUP1vm
z>m!uYLjl<|+JI6;SCxNsu7}1MeBv5e{Z;;XwIVL?N+@l-S{5C!;JwE4cS~prCa8oS
z^iYsN8qH`z3EQYcgF!udB{YUcj1tNluU5thj`4#htRiNxj$H}mkU*YL<}dUM!H1cC
TSYmwX00000NkvXXu0mjf_{y;Q

diff --git a/common/static/images/sequence-nav/video-icon.png b/common/static/images/sequence-nav/video-icon.png
deleted file mode 100644
index 715a38eb969291976cef50e6c8d23fdd947d3ab5..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1074
zcmV-21kL-2P)<h;3K|Lk000e1NJLTq003D4000gM1^@s6M1Zj1000B|Nkl<Zc-rmO
zZ%EvA9Ki8!rD(7oB$b{pLXu(yK@dHO9<(Qg)Cx6i<|7q!?H(BYgIaSZO*DikY`WY7
z2bH_2rPgARIOch$gDwA^xAR}#yv@^`XE&YXm4164eT3t<yC?pB&pLQ<9QS!}zc*h#
z_f=Z!|Cvnn^z>BVCk$c$Ll}l5fnm60)`_3Hy1EX8LZLnVkiNb?RZ~-QxS^q82o5nU
zp9kQGF(}_VaT(6~`ucAg8yg=Ahr@=%2?PSFzrX+Bz<;knc^?vv1cu>~Stq_#EiEne
z@S_s1U<M%+h(b|-5@_@z4<BKpsj2C?)z#HKJy3glyDBa&K2}~{zJwy=<8O@M5DHKz
zUPm=F&fsO7E-NeZS5{VLZ*6TE5_x`pUfJ#TlJ4&AJE*{`@ZmP{QGh~GfKq5&L>`XA
zr&?QEPr`$ADEx|fs5tI{#^+GT#h=a1&Cdpd!96_?52H#;OFyZqs`?E|te^`jjvQ#b
z1%-S9FIcTsi&2q%KA-CB>^$7t+v`UP6ddqE#gPh)Iw(Aexk#v5{0<we@L@VZ<aBJp
ziKF-eD+WgXkXQk{hiZhAM1BGq9XNvXM4mPwaxtM+aU53Mf;&OveF)<+-o{t(M#9w~
z03BsK$w^*`nO!t6awM#d(VqMyLlAkygvf;wPDi<#<Rq`f%#JBJ!9Lj0Cc)=m5!u3m
z9IV4Dvp?bw10%mrtRT*!4V$=tM_@s=$ixfKaLKHL$Q~0S7ZECib7;ddyvTwD*}{Tc
zY+_PoFTfLtTn7*Cg+dRuF)2J^64#;e85ABhVJBaM5_4F`I40o{Zp=cX2nvUY>^C8D
z385CC#4q><Zi(p;lM-K}77CB=?&Op3;s7#m33p%<wZeuv?BI;d9z@W<$RA6<hmnCr
zOyL-8s1-Fh1&w!P_6U)ECjIf<l3*EdA&3*Op;p*Xj~$$n*_SZ0yOS58qf9`>k%HSX
zvjGDmM}p}XcBnWWi?fqQP1?y@&{3{I#gQIoCyz(Moxn}ZO5DHTNpibb6XRIGl7W%m
zCDs<a@IY=4NpBZR7{fA=CrpU^2BGd^1``NlG|BB^13`?z4|gQor<lSs$igt@5=2hL
zHqOdyo(b#1gZ;=xD9IHr7aAWR6V*hXHzD$ygj&SY$ifJ&Cy0DMcJMVa@fv2LcXAHW
zFaRG?<9GlXr)BnetQi<NvU?}659tV^2lpX0N(!EW#!;l9g2*>a+{ycqhAWsx3Q}V{
z2#qgg_C?I@t_wfL;KI5%kB%7MV;jqG!i!~t*Tp8T;tIBL6W^gD$~jzwh7W_dL1ec{
s>tX|=aN#aOu%jc!57@yH1~CQqzgEp}j^-X^y8r+H07*qoM6N<$f`$X<sQ>@~

diff --git a/lms/static/sass/course/base/_base.scss b/lms/static/sass/course/base/_base.scss
index 9f0be9c298..952ff91365 100644
--- a/lms/static/sass/course/base/_base.scss
+++ b/lms/static/sass/course/base/_base.scss
@@ -27,6 +27,33 @@ form {
   }
 }
 
+textarea,
+input[type="text"],
+input[type="email"],
+input[type="password"] {
+  background: rgb(250,250,250);
+  border: 1px solid rgb(200,200,200);
+  @include border-radius(0);
+  @include box-shadow(0 1px 0 0 rgba(255,255,255, 0.6), inset 0 0 3px 0 rgba(0,0,0, 0.1));
+  @include box-sizing(border-box);
+  font: normal 1em $sans-serif;
+  height: 35px;
+  padding: 5px 12px;
+  vertical-align: top;
+  -webkit-font-smoothing: antialiased;
+
+  &:last-child {
+    margin-right: 0px;
+  }
+
+  &:focus {
+    border-color: lighten($blue, 20%);
+    @include box-shadow(0 0 6px 0 rgba($blue, 0.4), inset 0 0 4px 0 rgba(0,0,0, 0.15));
+    outline: none;
+  }
+}
+
+
 img {
   max-width: 100%;
 }