From bae9c307ef1cfa43b117c243289f811a12f79abb Mon Sep 17 00:00:00 2001
From: Brian Talbot <btalbot@edx.org>
Date: Mon, 26 Aug 2013 19:26:28 -0400
Subject: [PATCH] Verification: revised semantic classes/organization - WIP

---
 common/templates/course_modes/choose.html     |  4 +--
 .../verify_student/photo_verification.html    | 34 +++++++++----------
 .../verify_student/show_requirements.html     |  2 +-
 3 files changed, 19 insertions(+), 21 deletions(-)

diff --git a/common/templates/course_modes/choose.html b/common/templates/course_modes/choose.html
index ad46dab2c5..c5c20fb859 100644
--- a/common/templates/course_modes/choose.html
+++ b/common/templates/course_modes/choose.html
@@ -2,13 +2,13 @@
 <%! from django.core.urlresolvers import reverse %>
 <%inherit file="../main.html" />
 
-<%block name="bodyclass">register verification select-track</%block>
+<%block name="bodyclass">register verification-process step-select-track</%block>
 
 <%block name="js_extra">
   <script type="text/javascript">
 
   $(document).ready(function() {
-    $( ".more" ).slideUp();
+    $( ".more" ).hide();
     $( ".expand" ).click(function(e) {
         e.preventDefault();
         $(this).next().slideToggle();
diff --git a/lms/templates/verify_student/photo_verification.html b/lms/templates/verify_student/photo_verification.html
index b78d539c67..d95b1a2be5 100644
--- a/lms/templates/verify_student/photo_verification.html
+++ b/lms/templates/verify_student/photo_verification.html
@@ -2,7 +2,7 @@
 <%! from django.core.urlresolvers import reverse %>
 <%inherit file="../main.html" />
 
-<%block name="bodyclass">register verification photos</%block>
+<%block name="bodyclass">register verification-process step-photos</%block>
 
 <%block name="js_extra">
 <!-- please move link to js/vendor/responsive-carousel/responsive-carousel.js from main.html to here -->
@@ -166,27 +166,25 @@
 
 <%block name="content">
 <div class="container">
-
   <header class="page-header">
     <h2 class="title">You are registering for ${course_name} (ID Verified)</h2>
   </header>
 
-
   <section class="progress">
-  <header class="section-head">
-    <h3 class="sr">Your Progress</h3>
-  </header>
-  <!--<span class="progress-line"></span><span class="progress-line-done"></span>-->
-  <ol>
-    <li class="progress-step done" id="progress-step0"><span class="mini number"></span> Intro</li>
-    <li class="progress-step current" id="progress-step1"><span class="sr">Current Step: </span> <span class="number">1</span> Take Photo</li>
-    <li class="progress-step" id="progress-step2"> <span class="number">2</span> Take ID Photo</li>
-    <li class="progress-step" id="progress-step3"> <span class="number">3</span> Confirm Submission</li>
-    <li class="progress-step" id="progress-step4"> <span class="number">4</span> Make Payment</li>
-    <li class="progress-step" id="progress-step5"><span class="number"><i class="icon-ok"></i></span> Confirmation</li>
-  </ol>
-  </section>
+    <header class="section-head">
+      <h3 class="sr title">Your Progress</h3>
+    </header>
 
+    <!--<span class="progress-status"></span><span class="progress-status-value"></span>-->
+    <ol class="progress-steps">
+      <li class="progress-step done" id="progress-step0"><span class="mini number"></span> Intro</li>
+      <li class="progress-step current" id="progress-step1"><span class="sr">Current Step: </span> <span class="number">1</span> Take Photo</li>
+      <li class="progress-step" id="progress-step2"> <span class="number">2</span> Take ID Photo</li>
+      <li class="progress-step" id="progress-step3"> <span class="number">3</span> Confirm Submission</li>
+      <li class="progress-step" id="progress-step4"> <span class="number">4</span> Make Payment</li>
+      <li class="progress-step" id="progress-step5"><span class="number"><i class="icon-ok"></i></span> Confirmation</li>
+    </ol>
+  </section>
 
   <section class="wrapper carousel"  data-transition="slide">
     <div id="wrapper-facephoto" class="block-photo">
@@ -217,7 +215,7 @@
 
         </div>
 
-        <div class="photo-tips facetips">
+        <div class="help photo-tips facetips">
           <h4>Tips on taking a successful photo</h4>
           <ul>
             <li>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</li>
@@ -230,7 +228,7 @@
 
       <div class="wrapper-down">
         <div class="faq facefaq">
-          <h4 class="sr">Common Questions</h4>
+          <h4 class="sr title">Common Questions</h4>
             <dl>
               <dt>Why do you need my photo?</dt>
                 <dd>We need your photo to confirm that you are you.</dd>
diff --git a/lms/templates/verify_student/show_requirements.html b/lms/templates/verify_student/show_requirements.html
index 7fc14730b6..2731bac71e 100644
--- a/lms/templates/verify_student/show_requirements.html
+++ b/lms/templates/verify_student/show_requirements.html
@@ -1,7 +1,7 @@
 <%! from django.utils.translation import ugettext as _ %>
 <%! from django.core.urlresolvers import reverse %>
 <%inherit file="../main.html" />
-<%block name="bodyclass">register verification requirements</%block>
+<%block name="bodyclass">register verification-process step-requirements</%block>
 
 <%block name="content">
 <div class="container">