added font variables for LMS, more sass for verification

lms/static/sass/base/_variables.scss

@@ -9,6 +9,7 @@ $fg-max-columns: 12;
 $fg-max-width: 1400px;
 $fg-min-width: 810px;
 
+// fonts
 $sans-serif: 'Open Sans', $verdana;
 $monospace: Monaco, 'Bitstream Vera Sans Mono', 'Lucida Console', monospace;
 $body-font-family: $sans-serif;
@@ -197,4 +198,14 @@ $homepage-bg-image: '../images/homepage-bg.jpg';
 $login-banner-image: url(../images/bg-banner-login.png);
 $register-banner-image: url(../images/bg-banner-register.png);
 
-$video-thumb-url: '../images/courses/video-thumb.jpg';
+$video-thumb-url: '../images/courses/video-thumb.jpg';
\ No newline at end of file
+
+//-----------------
+//  Newer variables ported from Studio
+//-----------------
+
+// fonts
+$f-serif: 'Bree Serif', Georgia, Cambria, 'Times New Roman', Times, serif;
+$f-sans-serif: 'Open Sans','Helvetica Neue', Helvetica, Arial, sans-serif;
+$f-monospace: 'Bitstream Vera Sans Mono', Consolas, Courier, monospace;
+

lms/static/sass/views/_verification.scss

@@ -2,27 +2,120 @@
 // ====================
 
 body.register.verification {
+    font-family: 'Open Sans', sans-serif;
 
-  .page-header {
-    @extend .t-title3;
+    h1, h2, h3, h4, h5, h6, p {
+      font-family: 'Open Sans', sans-serif;
+    }
 
 
+  .page-header {
 
     .title {
-
+      @extend .t-title5;
     }
   }
 
   .progress {
 
+    .progress-step {
+      border: 1px solid #eee;
+      display: inline-block;
+      padding: ($baseline/2) $baseline;
+    }
+  }
+
+
+  // for dev placement only
+  .placeholder-cam,
+  .placeholder-photo  {
+    height: 300px;
+    background-color: #eee;
+    position: relative;
+
+    p {
+      position: absolute;
+      top: 40%;
+      left: 40%;
+      color: #ccc;
+    }
+  }
+
+
+  #wrapper {
+    overflow: hidden;
   }
 
   .block-photo {
+    @include clearfix();
 
+    .title {
+      font-weight: bold;
+    }
+
+    .wrapper-up,
+    .wrapper-down {
+      @include clearfix();
+    }
 
+    .cam {
+      width: 45%;
+      float: left;
+      padding-right: $baseline;
+    }
+
+    .photo-controls {
+      background-color: #ddd;
+
+      .controls-list {
+        margin: 0;
+        padding: 0;
+        list-style-type: none;
+
+        .control {
+          display: inline-block;
+        }
+      }
+    }
+
+    .faq {
+      width: 45%;
+      float: left;
+      padding-right: $baseline;
+
+      dt {
+        font-weight: bold;
+        padding: 0 0 ($baseline/2) 0;
+      }
+
+      dd {
+        margin: 0;
+        padding: 0 0 $baseline 0;
+      }
+    }
+
+
+
+  }
+
+  .photo-tips {
+    width: 45%;
+    float: left;
   }
 
+  .actions {
+    width: 45%;
+    float: right;
+  }
+
+  .review-photo {
+    width: 45%;
+    float: left;
+  }
 
+  #review-facephoto {
+    margin-right: $baseline;
+  }
 
 
 }