studio - settings: revamp of tabs to views WIP

cms/static/sass/_account.scss

-// login and sign up UI
+// Studio - Sign In/Up
+// ====================
 .signup, .signin {
 
   .wrapper-content {
@@ -25,7 +26,6 @@
 
       h1 {
         @include font-size(32);
-        float: none;
         margin: 0;
         padding: 0;
         font-weight: 600;
@@ -244,6 +244,8 @@
   }
 }
 
+// ====================
+
 // messages
 .message {
   @include font-size(14);

cms/static/sass/_header.scss

@@ -29,6 +29,10 @@
     margin: 0 auto;
     color: $gray-l1;
   }
+
+  nav .nav-item {
+    display: inline-block;
+  }
 }
 
 // ====================
@@ -51,9 +55,6 @@
 
 // general nav styles
 // ====================
-nav .nav-item {
-  display: inline-block;
-}
 
 // ====================
 
@@ -81,10 +82,10 @@ nav .nav-item {
 
 // specific elements - course name/info
 .info-course {
+  @include font-size(14);
   position: relative;
   margin: -3px ($baseline/2) 0 0;
   padding-right: ($baseline*0.75);
-  @include font-size(14);
 
   &:before {
     @extend .faded-vertical-divider;

cms/static/sass/_index.scss

@@ -311,6 +311,11 @@
     .content-cta {
       border-top: 1px solid $gray-l4;
 
+      header {
+        border: none;
+        margin: 0;
+        padding: 0;
+      }
 
       .list-actions {
         position: relative;

cms/templates/login.html

@@ -8,7 +8,7 @@
 <div class="wrapper-content wrapper">
   <section class="content">
     <header>
-      <h1>Sign into edX Studio</h1>
+      <h1 class="title title-1">Sign into edX Studio</h1>
       <a href="" class="action action-signin">Don't have a Studio Account? Sign up!</a>
     </header>
 
@@ -45,7 +45,7 @@
       <h2 class="sr">Studio Support</h2>
 
       <div class="bit">
-        <h3>Need Help?</h3>
+        <h3 class="title-3">Need Help?</h3>
         <p>Having trouble with your account? Use <a href="" rel="external">our support center</a> to look over self help steps, find solutions others have found to the same problem, or let us know of your issue.</p>
       </div>
     </aside>

cms/templates/signup.html

@@ -9,7 +9,7 @@
 <div class="wrapper-content wrapper">
   <section class="content">
     <header>
-      <h1>Sign Up for edX Studio</h1>
+      <h1 class="title title-1">Sign Up for edX Studio</h1>
       <a href="" class="action action-signin">Already have a Studio Account? Sign in</a>
     </header>
 
@@ -77,17 +77,17 @@
       <h2 class="sr">Common Studio Questions</h2>
 
       <div class="bit">
-        <h3>Who is Studio for?</h3>
+        <h3 class="title-3">Who is Studio for?</h3>
         <p>Studio is for anyone that wants to create online courses that leverage the global edX platform. Our users are often faculty members, teaching assistants and course staff, and members of instructional technology groups.</p>
       </div>
 
       <div class="bit">
-        <h3>How technically savvy do I need to be to create courses in Studio?</h3>
+        <h3 class="title-3">How technically savvy do I need to be to create courses in Studio?</h3>
         <p>Studio is designed to be easy to use by almost anyone familiar with common web-based authoring environments (Wordpress, Moodle, etc.). No programming knowledge is required, but for some of the more advanced features, a technical background would be helpful. As always, we are here to help, so don't hesitate to dive right in.</p>
       </div>
 
       <div class="bit">
-        <h3>I've never authored a course online before. Is there help?</h3>
+        <h3 class="title-3">I've never authored a course online before. Is there help?</h3>
         <p>Absolutely. We have created an online course, edX101, that describes some best practices: from filming video, creating exercises, to the basics of running an online course. Additionally, we're always here to help, just drop us a note.</p>
       </div>
     </aside>