adds styles back to courseware

lms/static/sass/_index.scss

@@ -88,7 +88,7 @@
             @include box-sizing(border-box);
             @include border-radius(3px);
             @include inline-block;
-            font: normal italic 1.2rem/1.6rem $serif;
+            font: italic 1.2rem/1.6rem $serif;
             padding: 15px 0px;
             text-transform: uppercase;
             text-align: center;

lms/static/sass/_shared_forms.scss

@@ -16,7 +16,7 @@ form {
     @include border-radius(3px);
     @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 italic 1.2rem/1.6rem $serif;
+    font: italic 1.2rem/1.6rem $serif;
     height: 35px;
     @include inline-block;
     padding: 5px 12px;
@@ -36,7 +36,7 @@ form {
   input[type="submit"] {
     @include button(shiny, $blue);
     @include border-radius(3px);
-    font: normal italic 1.2rem/1.6rem $serif;
+    font: italic 1.2rem/1.6rem $serif;
     height: 35px;
     @include inline-block;
     text-transform: uppercase;

lms/static/sass/_shared_header.scss

@@ -64,7 +64,7 @@ header.app {
           @include box-sizing(border-box);
           color: $lighter-base-font-color;
           display: block;
-          font: normal italic 1.2rem/1.4rem $serif;
+          font: italic 1.2rem/1.4rem $serif;
           height: 30px;
           @include inline-block;
           margin: 5px 15px 5px 0px;
@@ -211,7 +211,7 @@ header.app {
             @include box-sizing(border-box);
             color: rgba(255,255,255, 0.9);
             display: block;
-            font: normal italic 1.2rem/1.4rem $serif;
+            font: italic 1.2rem/1.4rem $serif;
             height: auto;
             margin: 5px 0px;
             overflow: hidden;

lms/static/sass/_shared_modal.scss

@@ -205,12 +205,12 @@
 
       p {
         color: $lighter-base-font-color;
-        font: normal italic 1.2rem/1.6rem $serif;
+        font: italic 1.2rem/1.6rem $serif;
         text-align: center;
 
         a {
           color: $lighter-base-font-color;
-          font: normal italic 1.2rem/1.6rem $serif;
+          font: italic 1.2rem/1.6rem $serif;
           text-decoration: underline;
 
           &:hover {

lms/static/sass/application.scss

@@ -5,6 +5,13 @@
 @import 'base_extends';
 @import 'base_animations';
 
+@import 'sass_old/base/variables';
+//@import 'sass_old/base/base';
+@import 'sass_old/base/extends';
+//@import 'sass_old/base/font-face';
+@import 'sass_old/base/functions';
+//@import 'sass_old/base/reset';
+
 @import 'shared_forms';
 @import 'shared_footer';
 @import 'shared_header';
@@ -17,3 +24,9 @@
 @import 'course';
 @import 'find_courses';
 @import 'course_info';
+
+@import 'sass_old/courseware/courseware';
+@import 'sass_old/courseware/sequence-nav';
+@import 'sass_old/courseware/sidebar';
+@import 'sass_old/courseware/video';
+@import 'sass_old/courseware/amplifier';

lms/static/sass/sass_old/.gitignore

+*.css

lms/static/sass/sass_old/README.md

+SASS
+====
+
+This project is using Sass to generate its CSS. Sass is a CSS preprocessor that
+allows for faster development of CSS. For more information about sass:
+
+   http://sass-lang.com
+
+Install SASS
+------------
+
+To use sass, make sure that you have RubyGems install, then you can use Bundler:
+
+    $ gem install bundler
+    $ bundle install
+
+This should ensure that you have all the dependencies required for compiling.
+
+Compiling
+---------
+
+The dev server will automatically compile sass files that have changed. Simply start
+the server using:
+    
+    $ rake runserver

lms/static/sass/sass_old/_gradebook.scss

+div.gradebook-wrapper {
+  @extend .table-wrapper;
+
+  section.gradebook-content {
+    @extend .content;
+
+    h1 {
+      @extend .top-header;
+    }
+  }
+}
\ No newline at end of file

lms/static/sass/sass_old/_help.scss

+section.help.main-content {
+  padding: lh();
+
+  h1 {
+    border-bottom: 1px solid #ddd;
+    margin-bottom: lh();
+    margin-top: 0;
+    padding-bottom: lh();
+  }
+
+  p {
+    max-width: 700px;
+  }
+
+  h2 {
+    margin-top: 0;
+  }
+
+  section.self-help {
+    float: left;
+    margin-bottom: lh();
+    margin-right: flex-gutter();
+    width: flex-grid(6);
+
+    ul {
+      margin-left: flex-gutter(6);
+
+      li {
+        margin-bottom: lh(.5);
+      }
+    }
+  }
+
+  section.help-email {
+    float: left;
+    width: flex-grid(6);
+
+    dl {
+      display: block;
+      margin-bottom: lh();
+
+      dd {
+        margin-bottom: lh();
+      }
+
+      dt {
+        clear: left;
+        float: left;
+        font-weight: bold;
+        width: flex-grid(2, 6);
+      }
+    }
+  }
+}

lms/static/sass/sass_old/_info.scss

+div.info-wrapper {
+  @extend .table-wrapper;
+
+  section.updates {
+    @extend .content;
+
+    > h1 {
+      @extend .top-header;
+    }
+
+    > p {
+      margin-bottom: lh();
+    }
+
+    > ol {
+      list-style: none;
+
+      > li {
+        @extend .clearfix;
+        border-bottom: 1px solid #e3e3e3;
+        margin-bottom: lh(.5);
+        padding-bottom: lh(.5);
+        list-style-type: disk;
+
+        &:first-child {
+          background: $cream;
+          border-bottom: 1px solid darken($cream, 10%);
+          margin: 0 (-(lh(.5))) lh();
+          padding: lh(.5);
+        }
+
+        ol, ul {
+          margin: lh() 0 0 lh();
+          list-style-type: circle;
+        }
+
+        h2 {
+          float: left;
+          margin: 0 flex-gutter() 0 0;
+          width: flex-grid(2, 9);
+        }
+
+        section.update-description {
+          float: left;
+          margin-bottom: 0;
+          width: flex-grid(7, 9);
+
+          li {
+            margin-bottom: lh(.5);
+          }
+
+          p {
+            &:last-child {
+              margin-bottom: 0;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  section.handouts {
+    @extend .sidebar;
+    border-left: 1px solid #d3d3d3;
+    @include border-radius(0 4px 4px 0);
+    border-right: 0;
+
+    header {
+      @extend .bottom-border;
+      padding: lh(.5) lh(.75);
+
+      h1 {
+        font-size: 18px;
+        margin: 0 ;
+      }
+
+      p {
+         color: #666;
+         font-size: 12px;
+         margin-bottom: 0;
+         margin-top: 4px;
+      }
+    }
+
+    ol {
+      background: none;
+      list-style: none;
+
+      li {
+        @extend .clearfix;
+        background: none;
+        border-bottom: 1px solid #d3d3d3;
+        @include box-shadow(0 1px 0 #eee);
+        @include box-sizing(border-box);
+        padding: 7px lh(.75);
+        position: relative;
+
+        &.expandable,
+        &.collapsable {
+          h4 {
+            font-style: $body-font-size;
+            font-weight: normal;
+            padding-left: 18px;
+          }
+        }
+
+        ul {
+          background: none;
+          margin: 7px (-(lh(.75))) 0;
+
+          li {
+            border-bottom: 0;
+            border-top: 1px solid #d3d3d3;
+            @include box-shadow(inset 0 1px 0 #eee);
+            padding-left: 18px + lh(.75);
+          }
+        }
+
+        &:hover {
+          background-color: #e9e9e9;
+        }
+
+        div.hitarea {
+          background-image: url('../images/treeview-default.gif');
+          display: block;
+          height: 100%;
+          left: lh(.75);
+          margin-left: 0;
+          max-height: 20px;
+          position: absolute;
+          width: 100%;
+
+          &:hover {
+            opacity: 0.6;
+            filter: alpha(opacity=60);
+          }
+
+          &.expandable-hitarea {
+            background-position: -80px 1px;
+          }
+
+          &.collapsable-hitarea {
+            background-position: -64px -21px;
+          }
+        }
+
+        h3 {
+          border-bottom: 0;
+          @include box-shadow(none);
+          color: #999;
+          font-size: 12px;
+          font-weight: bold;
+          text-transform: uppercase;
+        }
+
+        p {
+          font-size: $body-font-size;
+          letter-spacing: 0;
+          margin: 0;
+          text-transform: none;
+
+          a {
+            padding-right: 8px;
+
+            &:before {
+              color: #ccc;
+              content: "•";
+              @include inline-block();
+              padding-right: 8px;
+            }
+
+            &:first-child {
+              &:before {
+                content: "";
+                padding-right: 0;
+              }
+            }
+          }
+        }
+
+        a {
+          color: lighten($text-color, 10%);
+          @include inline-block();
+          text-decoration: none;
+          @include transition();
+
+          &:hover {
+            color: $mit-red;
+          }
+        }
+      }
+    }
+  }
+}

lms/static/sass/sass_old/_profile.scss

+div.profile-wrapper {
+  @extend .table-wrapper;
+  color: #000;
+
+  section.user-info {
+    @extend .sidebar;
+    border-left: 1px solid #d3d3d3;
+    @include border-radius(0px 4px 4px 0);
+    border-right: 0;
+
+    header {
+      @extend .bottom-border;
+      margin: 0 ;
+      padding: lh(.5) lh();
+
+      h1 {
+        font-size: 18px;
+        margin: 0;
+        padding-right: 30px;
+      }
+
+      a {
+        color: #999;
+        font-size: 12px;
+        position: absolute;
+        right: lh(.5);
+        text-transform: uppercase;
+        top: 13px;
+
+        &:hover {
+          color: #555;
+        }
+      }
+    }
+
+    ul {
+      list-style: none;
+
+      li {
+        border-bottom: 1px solid #d3d3d3;
+        @include box-shadow(0 1px 0 #eee);
+        color: lighten($text-color, 10%);
+        display: block;
+        padding: 7px lh();
+        position: relative;
+        text-decoration: none;
+        @include transition();
+
+        div#location_sub, div#language_sub {
+          font-weight: bold;
+          @include inline-block();
+
+          form {
+            width: 100%;
+          }
+
+          input {
+
+            &[type="text"] {
+              @include box-sizing(border-box);
+              margin: lh(.5) 0;
+              width: 100%;
+            }
+
+            &[type="input"]{
+            }
+          }
+
+          &:empty {
+            padding: 0;
+          }
+        }
+
+        div#description {
+          font-size: 12px;
+        }
+
+        a#change_language,
+        a#change_location,
+        a.edit-email,
+        a.name-edit,
+        a.email-edit {
+          color: #999;
+          font-size: 12px;
+          position: absolute;
+          right: lh(.5);
+          text-transform: uppercase;
+          top: 9px;
+
+          &:hover {
+            color: #555;
+          }
+        }
+
+        p {
+          color: #999;
+          font-size: 12px;
+          margin-bottom: 0;
+          margin-top: 4px;
+        }
+
+        a.deactivate {
+          color: #aaa;
+          font-style: italic;
+        }
+
+        input#pwd_reset_button {
+          background: none;
+          border: none;
+          @include box-shadow(none);
+          color: #999;
+          font-size: 12px;
+          font-weight: normal;
+          margin: 0;
+          padding: 0;
+          position: absolute;
+          right: lh(.5);
+          text-transform: uppercase;
+          top: 9px;
+
+          &:hover {
+            color: #555;
+          }
+        }
+      }
+    }
+
+    div#change_password_pop {
+      border-bottom: 1px solid #d3d3d3;
+      @include box-shadow(0 1px 0 #eee);
+      color: #4D4D4D;
+      padding: 7px lh();
+
+      h2 {
+        font-size: $body-font-size;
+        font-weight: bold;
+        margin-top: 0;
+        text-transform: uppercase;
+      }
+    }
+  }
+
+  section.course-info {
+    @extend .content;
+
+    header {
+      @extend h1.top-header;
+      @extend .clearfix;
+
+      h1 {
+        float: left;
+        margin: 0;
+      }
+    }
+
+    div#grade-detail-graph {
+      min-height: 300px;
+      width: 100%;
+    }
+
+    > ol {
+      border-top: 1px solid #e3e3e3;
+      list-style: none;
+      margin-top: lh();
+
+      > li {
+        @extend .clearfix;
+        border-bottom: 1px solid #e3e3e3;
+        display: table;
+        padding: lh() 0;
+        width: 100%;
+
+        &:last-child {
+          border-bottom: 0px;
+        }
+
+        h2 {
+          border-right: 1px dashed #ddd;
+          @include box-sizing(border-box);
+          display: table-cell;
+          margin: 0;
+          padding: 0;
+          padding-right: flex-gutter(9);
+          width: flex-grid(2, 9);
+        }
+
+        ol.sections {
+          display: table-cell;
+          list-style: none;
+          padding-left: flex-gutter(9);
+          width: flex-grid(7, 9);
+
+          > li {
+            padding:0 0 lh() 0;
+
+            &:first-child {
+              padding-top: 0;
+            }
+
+            &:last-child {
+              border-bottom: 0;
+            }
+
+            h3 {
+              color: #666;
+            }
+
+            ol {
+              list-style: none;
+
+              li {
+                display: inline-block;
+                padding-right: 1em;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}

lms/static/sass/sass_old/_textbook.scss

+div.book-wrapper {
+  @extend .table-wrapper;
+
+  section.book-sidebar {
+    @extend .sidebar;
+    @extend .tran;
+    @include box-sizing(border-box);
+
+    ul#booknav {
+      font-size: 12px;
+
+      a {
+        color: #000;
+
+        &:hover {
+          color: #666;
+        }
+      }
+
+      li {
+        background: none;
+        padding-left: 30px;
+
+        div.hitarea {
+          background-image: url('../images/treeview-default.gif');
+          margin-left: -22px;
+          position: relative;
+          top: 4px;
+
+          &:hover {
+            filter: alpha(opacity=60);
+            opacity: 0.6;
+          }
+        }
+
+        ul {
+          background: none;
+        }
+      }
+
+      > li {
+        border-bottom: 1px solid #d3d3d3;
+        @include box-shadow(0 1px 0 #eee);
+        padding: 7px 7px 7px 30px;
+      }
+    }
+  }
+
+  section.book {
+    @extend .content;
+
+    nav {
+      @extend .topbar;
+      @extend .clearfix;
+
+      a {
+        @extend .block-link;
+        padding: 0 lh();
+      }
+
+      ul {
+        @extend .clearfix;
+
+        li {
+          &.last {
+            display: block;
+            float: left;
+
+            a {
+              border-left: 0;
+              border-right: 1px solid darken(#f6efd4, 20%);
+              @include box-shadow(inset -1px 0 0 lighten(#f6efd4, 5%));
+            }
+          }
+
+          &.next {
+            display: block;
+            float: right;
+          }
+        }
+      }
+
+      &.bottom-nav {
+        border-bottom: 0;
+        border-top: 1px solid #EDDFAA;
+        margin-bottom: -(lh());
+        margin-top: lh();
+      }
+    }
+
+    section.page {
+      text-align: center;
+
+      img {
+        border: 1px solid $border-color;
+        max-width: 100%;
+      }
+    }
+  }
+
+  &.closed {
+    section.book-sidebar {
+      width: flex-grid(.6);
+
+      header#open_close_accordion {
+        padding: 0;
+
+        a {
+          background-image: url('../images/slide-right-icon.png');
+        }
+
+        h2 {
+          padding: 0;
+          visibility: hidden;
+          width: 10px;
+        }
+      }
+
+      ul#booknav {
+        max-height: 100px;
+        overflow: hidden;
+        padding: 0;
+        visibility: hidden;
+        width: 10px;
+      }
+    }
+
+    section.course-content {
+      width: flex-grid(11.5) + flex-gutter();
+    }
+  }
+}

lms/static/sass/sass_old/application.scss

+@import "bourbon/bourbon";
+
+// Base layout
+@import "base/reset", "base/font-face";
+@import "base/variables", "base/functions", "base/extends", "base/base";
+@import "layout/layout", "layout/header", "layout/footer", "layout/calculator", "layout/leanmodal";
+@import "plugins/jquery-ui-1.8.16.custom", "plugins/jquery.qtip.min";
+
+// pages
+@import "courseware/courseware", "courseware/sidebar", "courseware/video", "courseware/sequence-nav", "courseware/amplifier";
+@import "textbook";
+@import "info";
+@import "profile";
+@import "gradebook";
+@import "wiki/basic-html", "wiki/sidebar", "wiki/create", "wiki/wiki", "wiki/table";
+@import "help";
+
+@import "discussion/askbot-original", "discussion/discussion","discussion/sidebar", "discussion/questions", "discussion/tags", "discussion/question-view" , "discussion/answers", "discussion/forms", "discussion/form-wmd-toolbar", "discussion/modals", "discussion/profile", "discussion/badges";

lms/static/sass/sass_old/base/_base.scss

+:focus {
+  outline-color: #ccc;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  a {
+    color: #000;
+  }
+}
+
+h1 {
+  font-size:1.6em;
+  margin:20px 0 10px 0;
+}
+
+h2 {
+  font-size: $body-font-size;
+  font-weight: bold;
+  letter-spacing: 1px;
+  margin:20px 0 10px 0;
+  text-transform: uppercase;
+}
+
+p {
+  margin-bottom: $body-line-height;
+}
+
+em {
+  font-style: italic;
+}
+
+img {
+  max-width: 100%;
+  height: auto;
+}
+
+#{$all-text-inputs}, textarea {
+  border: 1px solid #999;
+  @include box-shadow(0 -1px 0 #fff);
+  font: $body-font-size $body-font-family;
+  @include linear-gradient(#eee, #fff);
+  padding: 4px;
+
+  &:focus {
+    border-color: $mit-red;
+  }
+}
+
+a {
+  color: $mit-red;
+
+  &:link {
+    color: $mit-red;
+  }
+
+  &:visited {
+    color: darken($mit-red, 10%);
+  }
+
+  &:link, &:visited {
+    text-decoration:none;
+  }
+
+  p &, li > &, span > &, .inline {
+    border-bottom: 1px solid #bbb;
+    // font-style: italic;
+  }
+
+  &:hover, &:focus {
+    color: #000;
+  }
+}
+
+input[type="submit"], input[type="button"], button {
+  @extend .button;
+}
+

lms/static/sass/sass_old/base/_extends.scss

+.clearfix:after {
+  clear: both;
+  content: ".";
+  display: block;
+  height: 0;
+  visibility: hidden;
+}
+
+.wrapper {
+  margin: 0 auto;
+  max-width: $fg-max-width;
+  min-width: $fg-min-width;
+  text-align: left;
+  width: flex-grid(12);
+
+  div.table-wrapper {
+    display: table;
+    width: flex-grid(12);
+    overflow: hidden;
+
+    @media screen and (min-width: 1400px) {
+      @include border-radius(4px);
+    }
+  }
+}
+
+h1.top-header {
+  background: #f3f3f3;
+  border-bottom: 1px solid #e3e3e3;
+  margin: (-(lh())) (-(lh())) lh();
+  padding: lh();
+}
+
+.button {
+  border: 1px solid darken(#888, 10%);
+  @include border-radius(3px);
+  @include box-shadow(inset 0 1px 0 lighten(#888, 10%), 0 0 3px #ccc);
+  color: #fff;
+  cursor: pointer;
+  font: bold $body-font-size $body-font-family;
+  @include linear-gradient(lighten(#888, 5%), darken(#888, 5%));
+  padding: 4px 8px;
+  text-decoration: none;
+  text-shadow: none;
+  -webkit-font-smoothing: antialiased;
+
+  &:hover, &:focus {
+    border: 1px solid darken(#888, 20%);
+    @include box-shadow(inset 0 1px 0 lighten(#888, 20%), 0 0 3px #ccc);
+    @include linear-gradient(lighten(#888, 10%), darken(#888, 5%));
+  }
+}
+
+.light-button, a.light-button {
+  border: 1px solid #ccc;
+  @include border-radius(3px);
+  @include box-shadow(inset 0 1px 0 #fff);
+  color: #666;
+  cursor: pointer;
+  font: normal $body-font-size $body-font-family;
+  @include linear-gradient(#fff, lighten(#888, 40%));
+  padding: 4px 8px;
+  text-decoration: none;
+  -webkit-font-smoothing: antialiased;
+
+  &:hover, &:focus {
+    border: 1px solid #ccc;
+    @include linear-gradient(#fff, lighten(#888, 37%));
+    text-decoration: none;
+  }
+}
+
+.action-link {
+  a {
+    color: $mit-red;
+
+    &:hover {
+      color: darken($mit-red, 20%);
+      text-decoration: none;
+    }
+  }
+}
+
+.content {
+  @include box-shadow(inset 0 0 2px 3px #f3f3f3);
+  @include box-sizing(border-box);
+  display: table-cell;
+  padding: lh();
+  vertical-align: top;
+  width: flex-grid(9) + flex-gutter();
+  overflow: hidden;
+
+  @media print {
+    @include box-shadow(none);
+  }
+}
+
+.sidebar {
+  background: #e3e3e3;
+  @include border-radius(4px 0 0 4px);
+  border-right: 1px solid #d3d3d3;
+  @include box-shadow( inset 0 0 0 1px #f6f6f6);
+  @include box-sizing(border-box);
+  display: table-cell;
+  font-family: $body-font-family;
+  position: relative;
+  text-shadow: 0 1px 0 #f1f1f1;
+  vertical-align: top;
+  width: flex-grid(3);
+
+  h1, h2 {
+   font-size: 18px;
+   font-weight: bold;
+   letter-spacing: 0;
+   text-transform: none;
+  }
+
+  a {
+    border: none;
+    font-style: normal;
+  }
+
+  .bottom-border {
+    border-bottom: 1px solid #d3d3d3;
+    @include box-shadow(0 1px 0 #eee);
+  }
+
+  @media print {
+    display: none;
+  }
+
+  h3 {
+    background: none;
+    border: none;
+    color: #000;
+    font-weight: normal;
+    margin: 0;
+    overflow: hidden;
+
+    a {
+      color: lighten($text-color, 10%);
+      display: block;
+      font-size: $body-font-size;
+      padding: 7px 7px 7px 30px;
+      text-decoration: none;
+      @include transition();
+    }
+
+    span.ui-icon {
+      background-image: url(../images/ui-icons_454545_256x240.png);
+    }
+
+    &.active {
+      background: none;
+      @include background-image(linear-gradient(-90deg, rgb(245,245,245), rgb(225,225,225)));
+      border-bottom: 1px solid #d3d3d3;
+      @include box-shadow(inset 0 1px 0 0 #eee);
+      color: #000;
+      font-weight: bold;
+
+      a {
+        color: #000;
+      }
+    }
+  }
+
+  header#open_close_accordion {
+    border-bottom: 1px solid #d3d3d3;
+    @include box-shadow(0 1px 0 #eee);
+    padding: lh(.5) lh();
+    position: relative;
+
+    h2 {
+      margin: 0;
+      padding-right: 20px;
+    }
+
+    a {
+      background: #eee url('../images/slide-left-icon.png') center center no-repeat;
+      border: 1px solid #D3D3D3;
+      @include border-radius(3px 0 0 3px);
+      height: 16px;
+      padding: 8px;
+      position: absolute;
+      right: -1px;
+      text-indent: -9999px;
+      top: 6px;
+      width: 16px;
+
+      &:hover {
+        background-color: white;
+      }
+    }
+  }
+
+  a.button {
+    text-decoration: none;
+  }
+}
+
+.topbar {
+  @extend .clearfix;
+  background: $cream;
+  border-bottom: 1px solid darken($cream, 10%);
+  border-top: 1px solid #fff;
+  // @include box-shadow(inset 0 1px 0 #fff, inset 1px 0 0 #fff);
+  font-size: 12px;
+  height:46px;
+  line-height: 46px;
+  margin: (-$body-line-height) (-$body-line-height) $body-line-height;
+  text-shadow: 0 1px 0 #fff;
+
+  @media print {
+    display: none;
+  }
+
+  a {
+    border-bottom: 0;
+    color: darken($cream, 80%);
+
+    &:hover {
+      color: darken($cream, 60%);
+      text-decoration: none;
+    }
+
+    &.block-link {
+      background: darken($cream, 5%);
+      border-left: 1px solid darken($cream, 20%);
+      @include box-shadow(inset 1px 0 0 lighten($cream, 5%));
+      display: block;
+      text-transform: uppercase;
+
+      &:hover {
+        background: none;
+      }
+    }
+  }
+}
+
+.tran {
+  @include transition( all, .2s, $ease-in-out-quad);
+}
+
+p.ie-warning {
+  background: yellow;
+  display: block !important;
+  line-height: 1.3em;
+  margin-bottom: 0;
+  padding: lh();
+  text-align: left;
+}

lms/static/sass/sass_old/base/_font-face.scss

+/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 25, 2012 05:06:34 PM America/New_York */
+
+
+// Not used in UI
+// @font-face {
+//     font-family: 'Open Sans';
+//     src: url('../fonts/OpenSans-Light-webfont.eot');
+//     src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
+//          url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
+//          url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
+//          url('../fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
+//     font-weight: 300;
+//     font-style: normal;
+
+// }
+
+// @font-face {
+//     font-family: 'Open Sans';
+//     src: url('../fonts/OpenSans-LightItalic-webfont.eot');
+//     src: url('../fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
+//          url('../fonts/OpenSans-LightItalic-webfont.woff') format('woff'),
+//          url('../fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),
+//          url('../fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
+//     font-weight: 300;
+//     font-style: italic;
+
+// }
+
+@font-face {
+    font-family: 'Open Sans';
+    src: url('../fonts/OpenSans-Regular-webfont.eot');
+    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
+         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
+         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
+         url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
+    font-weight: 600;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'Open Sans';
+    src: url('../fonts/OpenSans-Italic-webfont.eot');
+    src: url('../fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
+         url('../fonts/OpenSans-Italic-webfont.woff') format('woff'),
+         url('../fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
+         url('../fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
+    font-weight: 400;
+    font-style: italic;
+
+}
+
+// Not used in UI
+// @font-face {
+//     font-family: 'Open Sans';
+//     src: url('../fonts/OpenSans-Semibold-webfont.eot');
+//     src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
+//          url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
+//          url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
+//          url('../fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
+//     font-weight: 600;
+//     font-style: normal;
+
+// }
+
+// @font-face {
+//     font-family: 'Open Sans';
+//     src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot');
+//     src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
+//          url('../fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
+//          url('../fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
+//          url('../fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
+//     font-weight: 600;
+//     font-style: italic;
+
+// }
+
+@font-face {
+    font-family: 'Open Sans';
+    src: url('../fonts/OpenSans-Bold-webfont.eot');
+    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
+         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
+         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
+         url('../fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
+    font-weight: 700;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'Open Sans';
+    src: url('../fonts/OpenSans-BoldItalic-webfont.eot');
+    src: url('../fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
+         url('../fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
+         url('../fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
+         url('../fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
+    font-weight: 700;
+    font-style: italic;
+
+}
+
+@font-face {
+    font-family: 'Open Sans';
+    src: url('../fonts/OpenSans-ExtraBold-webfont.eot');
+    src: url('../fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
+         url('../fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
+         url('../fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
+         url('../fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
+    font-weight: 800;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'Open Sans';
+    src: url('../fonts/OpenSans-ExtraBoldItalic-webfont.eot');
+    src: url('../fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
+         url('../fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
+         url('../fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
+         url('../fonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
+    font-weight: 800;
+    font-style: italic;
+
+}
+

lms/static/sass/sass_old/base/_functions.scss

+// Line-height
+@function lh($amount: 1) {
+  @return $body-line-height * $amount;
+}
+
+@mixin hide-text(){
+  text-indent: -9999px;
+  overflow: hidden;
+  display: block;
+}

lms/static/sass/sass_old/base/_reset.scss

+/* 
+html5doctor.com Reset Stylesheet
+v1.6.1
+Last Updated: 2010-09-17
+Author: Richard Clark - http://richclarkdesign.com 
+Twitter: @rich_clark
+*/
+
+html, body, div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+abbr, address, cite, code,
+del, dfn, em, img, ins, kbd, q, samp,
+small, strong,  var,
+b, i,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section, summary,
+time, mark, audio, video {
+    margin:0;
+    padding:0;
+    border:0;
+    outline:0;
+    font-size:100%;
+    vertical-align:baseline;
+    background:transparent;
+}
+
+body {
+    line-height:1;
+}
+
+article,aside,details,figcaption,figure,
+footer,header,hgroup,menu,nav,section { 
+    display:block;
+}
+
+nav ul {
+    list-style:none;
+}
+
+blockquote, q {
+    quotes:none;
+}
+
+blockquote:before, blockquote:after,
+q:before, q:after {
+    content:'';
+    content:none;
+}
+
+a {
+    margin:0;
+    padding:0;
+    font-size:100%;
+    vertical-align:baseline;
+    background:transparent;
+}
+
+/* change colours to suit your needs */
+ins {
+    background-color:#ff9;
+    color:#000;
+    text-decoration:none;
+}
+
+/* change colours to suit your needs */
+mark {
+    background-color:#ff9;
+    color:#000; 
+    font-style:italic;
+    font-weight:bold;
+}
+
+del {
+    text-decoration: line-through;
+}
+
+abbr[title], dfn[title] {
+    border-bottom:1px dotted;
+    cursor:help;
+}
+
+table {
+    border-collapse:collapse;
+    border-spacing:0;
+}
+
+/* change border colour to suit your needs */
+hr {
+    display:block;
+    height:1px;
+    border:0;   
+    border-top:1px solid #cccccc;
+    margin:1em 0;
+    padding:0;
+}
+
+input, select {
+    vertical-align:middle;
+}

lms/static/sass/sass_old/base/_variables.scss

+// Variables
+// ---------------------------------------- //
+
+// Type
+$body-font-family: "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
+$body-font-size: 14px;
+$body-line-height: golden-ratio($body-font-size, 1);
+
+// Grid
+$fg-column: 80px;
+$fg-gutter: 25px;
+$fg-max-columns: 12;
+$fg-max-width: 1400px;
+$fg-min-width: 810px;
+
+// Color
+$light-gray: #ddd;
+$dark-gray: #333;
+$mit-red: #993333;
+$cream: #F6EFD4;
+$text-color: $dark-gray;
+$border-color: $light-gray;

lms/static/sass/sass_old/bourbon/_bourbon.scss

+// Custom Functions
+@import "functions/deprecated-webkit-gradient";
+@import "functions/flex-grid";
+@import "functions/grid-width";
+@import "functions/linear-gradient";
+@import "functions/modular-scale";
+@import "functions/radial-gradient";
+@import "functions/render-gradients";
+@import "functions/tint-shade";
+
+// CSS3 Mixins
+@import "css3/animation";
+@import "css3/appearance";
+@import "css3/background-image";
+@import "css3/background-size";
+@import "css3/border-image";
+@import "css3/border-radius";
+@import "css3/box-shadow";
+@import "css3/box-sizing";
+@import "css3/columns";
+@import "css3/flex-box";
+@import "css3/inline-block";
+@import "css3/linear-gradient";
+@import "css3/radial-gradient";
+@import "css3/transform";
+@import "css3/transition";
+@import "css3/user-select";
+
+// Addons & other mixins
+@import "addons/button";
+@import "addons/clearfix";
+@import "addons/font-family";
+@import "addons/html5-input-types";
+@import "addons/position";
+@import "addons/timing-functions";

lms/static/sass/sass_old/bourbon/addons/_button.scss

+@mixin button ($style: simple, $base-color: #4294f0) {
+
+  @if type-of($style) == color {
+    $base-color: $style;
+    $style: simple;
+  }
+
+  // Grayscale button
+  @if $base-color == grayscale($base-color) {
+    @if $style == simple {
+      @include simple($base-color, $grayscale: true);
+    }
+
+    @else if $style == shiny {
+      @include shiny($base-color, $grayscale: true);
+    }
+
+    @else if $style == pill {
+      @include pill($base-color, $grayscale: true);
+    }
+  }
+
+  // Colored button
+  @else {
+    @if $style == simple {
+      @include simple($base-color);
+    }
+
+    @else if $style == shiny {
+      @include shiny($base-color);
+    }
+
+    @else if $style == pill {
+      @include pill($base-color);
+    }
+  }
+}
+
+
+// Simple Button
+//************************************************************************//
+@mixin simple($base-color, $grayscale: false) {
+  $color:         hsl(0, 0, 100%);
+  $border:        adjust-color($base-color, $saturation:  9%,  $lightness: -14%);
+  $inset-shadow:  adjust-color($base-color, $saturation: -8%,  $lightness:  15%);
+  $stop-gradient: adjust-color($base-color, $saturation:  9%,  $lightness: -11%);
+  $text-shadow:   adjust-color($base-color, $saturation:  15%, $lightness: -18%);
+
+  @if lightness($base-color) > 70% {
+    $color:       hsl(0, 0, 20%);
+    $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%);
+  }
+
+  @if $grayscale == true {
+    $border:        grayscale($border);
+    $inset-shadow:  grayscale($inset-shadow);
+    $stop-gradient: grayscale($stop-gradient);
+    $text-shadow:   grayscale($text-shadow);
+  }
+
+  border: 1px solid $border;
+  @include border-radius (3px);
+  @include box-shadow (inset 0 1px 0 0 $inset-shadow);
+  color: $color;
+  display: inline;
+  font-size: 11px;
+  font-weight: bold;
+  @include linear-gradient ($base-color, $stop-gradient);
+  padding: 6px 18px 7px;
+  text-shadow: 0 1px 0 $text-shadow;
+  -webkit-background-clip: padding-box;
+
+  &:hover {
+    $base-color-hover:    adjust-color($base-color, $saturation: -4%, $lightness: -5%);
+    $inset-shadow-hover:  adjust-color($base-color, $saturation: -7%, $lightness:  5%);
+    $stop-gradient-hover: adjust-color($base-color, $saturation:  8%, $lightness: -14%);
+
+    @if $grayscale == true {
+      $base-color-hover:    grayscale($base-color-hover);
+      $inset-shadow-hover:  grayscale($inset-shadow-hover);
+      $stop-gradient-hover: grayscale($stop-gradient-hover);
+    }
+
+    @include box-shadow (inset 0 1px 0 0 $inset-shadow-hover);
+    cursor: pointer;
+    @include linear-gradient ($base-color-hover, $stop-gradient-hover);
+  }
+
+  &:active {
+    $border-active:       adjust-color($base-color, $saturation: 9%, $lightness: -14%);
+    $inset-shadow-active: adjust-color($base-color, $saturation: 7%, $lightness: -17%);
+
+    @if $grayscale == true {
+      $border-active:       grayscale($border-active);
+      $inset-shadow-active: grayscale($inset-shadow-active);
+    }
+
+    border: 1px solid $border-active;
+    @include box-shadow (inset 0 0 8px 4px $inset-shadow-active, inset 0 0 8px 4px $inset-shadow-active, 0 1px 1px 0 #eee);
+  }
+}
+
+
+// Shiny Button
+//************************************************************************//
+@mixin shiny($base-color, $grayscale: false) {
+  $color:         hsl(0, 0, 100%);
+  $border:        adjust-color($base-color, $red: -117, $green: -111, $blue: -81);
+  $border-bottom: adjust-color($base-color, $red: -126, $green: -127, $blue: -122);
+  $fourth-stop:   adjust-color($base-color, $red: -79,  $green: -70,  $blue: -46);
+  $inset-shadow:  adjust-color($base-color, $red:  37,  $green:  29,  $blue:  12);
+  $second-stop:   adjust-color($base-color, $red: -56,  $green: -50,  $blue: -33);
+  $text-shadow:   adjust-color($base-color, $red: -140, $green: -141, $blue: -114);
+  $third-stop:    adjust-color($base-color, $red: -86,  $green: -75,  $blue: -48);
+
+  @if lightness($base-color) > 70% {
+    $color:       hsl(0, 0, 20%);
+    $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%);
+  }
+
+  @if $grayscale == true {
+    $border:        grayscale($border);
+    $border-bottom: grayscale($border-bottom);
+    $fourth-stop:   grayscale($fourth-stop);
+    $inset-shadow:  grayscale($inset-shadow);
+    $second-stop:   grayscale($second-stop);
+    $text-shadow:   grayscale($text-shadow);
+    $third-stop:    grayscale($third-stop);
+  }
+
+  border: 1px solid $border;
+  border-bottom: 1px solid $border-bottom;
+  @include border-radius(5px);
+  @include box-shadow(inset 0 1px 0 0 $inset-shadow);
+  color: $color;
+  display: inline;
+  font-size: 14px;
+  font-weight: bold;
+  @include linear-gradient(top, $base-color 0%, $second-stop 50%, $third-stop 50%, $fourth-stop 100%);
+  padding: 7px 20px 8px;
+  text-align: center;
+  text-decoration: none;
+  text-shadow: 0 -1px 1px $text-shadow;
+
+  &:hover {
+    $first-stop-hover:  adjust-color($base-color, $red: -13, $green: -15, $blue: -18);
+    $second-stop-hover: adjust-color($base-color, $red: -66, $green: -62, $blue: -51);
+    $third-stop-hover:  adjust-color($base-color, $red: -93, $green: -85, $blue: -66);
+    $fourth-stop-hover: adjust-color($base-color, $red: -86, $green: -80, $blue: -63);
+
+    @if $grayscale == true {
+      $first-stop-hover:  grayscale($first-stop-hover);
+      $second-stop-hover: grayscale($second-stop-hover);
+      $third-stop-hover:  grayscale($third-stop-hover);
+      $fourth-stop-hover: grayscale($fourth-stop-hover);
+    }
+
+    cursor: pointer;
+    @include linear-gradient(top, $first-stop-hover  0%,
+                                  $second-stop-hover 50%,
+                                  $third-stop-hover  50%,
+                                  $fourth-stop-hover 100%);
+  }
+
+  &:active {
+    $inset-shadow-active: adjust-color($base-color, $red: -111, $green: -116, $blue: -122);
+
+    @if $grayscale == true {
+      $inset-shadow-active: grayscale($inset-shadow-active);
+    }
+
+    @include box-shadow(inset 0 0 20px 0 $inset-shadow-active, 0 1px 0 #fff);
+  }
+}
+
+
+// Pill Button
+//************************************************************************//
+@mixin pill($base-color, $grayscale: false) {
+  $color:         hsl(0, 0, 100%);
+  $border-bottom: adjust-color($base-color, $hue:  8, $saturation: -11%, $lightness: -26%);
+  $border-sides:  adjust-color($base-color, $hue:  4, $saturation: -21%, $lightness: -21%);
+  $border-top:    adjust-color($base-color, $hue: -1, $saturation: -30%, $lightness: -15%);
+  $inset-shadow:  adjust-color($base-color, $hue: -1, $saturation: -1%,  $lightness:  7%);
+  $stop-gradient: adjust-color($base-color, $hue:  8, $saturation:  14%, $lightness: -10%);
+  $text-shadow:   adjust-color($base-color, $hue:  5, $saturation: -19%, $lightness: -15%);
+
+  @if lightness($base-color) > 70% {
+    $color:       hsl(0, 0, 20%);
+    $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%);
+  }
+
+  @if $grayscale == true {
+    $border-bottom: grayscale($border-bottom);
+    $border-sides:  grayscale($border-sides);
+    $border-top:    grayscale($border-top);
+    $inset-shadow:  grayscale($inset-shadow);
+    $stop-gradient: grayscale($stop-gradient);
+    $text-shadow:   grayscale($text-shadow);
+  }
+
+  border: 1px solid $border-top;
+  border-color: $border-top $border-sides $border-bottom;
+  @include border-radius(16px);
+  @include box-shadow(inset 0 1px 0 0 $inset-shadow, 0 1px 2px 0 #b3b3b3);
+  color: $color;
+  display: inline;
+  font-size: 11px;
+  font-weight: normal;
+  line-height: 1;
+  @include linear-gradient ($base-color, $stop-gradient);
+  padding: 3px 16px 5px;
+  text-align: center;
+  text-shadow: 0 -1px 1px $text-shadow;
+  -webkit-background-clip: padding-box;
+
+  &:hover {
+    $base-color-hover:    adjust-color($base-color,                                $lightness: -4.5%);
+    $border-bottom:       adjust-color($base-color, $hue:  8, $saturation:  13.5%, $lightness: -32%);
+    $border-sides:        adjust-color($base-color, $hue:  4, $saturation: -2%,    $lightness: -27%);
+    $border-top:          adjust-color($base-color, $hue: -1, $saturation: -17%,   $lightness: -21%);
+    $inset-shadow-hover:  adjust-color($base-color,           $saturation: -1%,    $lightness:  3%);
+    $stop-gradient-hover: adjust-color($base-color, $hue:  8, $saturation: -4%,    $lightness: -15.5%);
+    $text-shadow-hover:   adjust-color($base-color, $hue:  5, $saturation: -5%,    $lightness: -22%);
+
+    @if $grayscale == true {
+      $base-color-hover:    grayscale($base-color-hover);
+      $border-bottom:       grayscale($border-bottom);
+      $border-sides:        grayscale($border-sides);
+      $border-top:          grayscale($border-top);
+      $inset-shadow-hover:  grayscale($inset-shadow-hover);
+      $stop-gradient-hover: grayscale($stop-gradient-hover);
+      $text-shadow-hover:   grayscale($text-shadow-hover);
+    }
+
+    border: 1px solid $border-top;
+    border-color: $border-top $border-sides $border-bottom;
+    @include box-shadow(inset 0 1px 0 0 $inset-shadow-hover);
+    cursor: pointer;
+    @include linear-gradient ($base-color-hover, $stop-gradient-hover);
+    text-shadow: 0 -1px 1px $text-shadow-hover;
+    -webkit-background-clip: padding-box;
+  }
+
+  &:active {
+    $active-color:         adjust-color($base-color, $hue: 4,  $saturation: -12%,  $lightness: -10%);
+    $border-active:        adjust-color($base-color, $hue: 6,  $saturation: -2.5%, $lightness: -30%);
+    $border-bottom-active: adjust-color($base-color, $hue: 11, $saturation:  6%,   $lightness: -31%);
+    $inset-shadow-active:  adjust-color($base-color, $hue: 9,  $saturation:  2%,   $lightness: -21.5%);
+    $text-shadow-active:   adjust-color($base-color, $hue: 5,  $saturation: -12%,  $lightness: -21.5%);
+
+    @if $grayscale == true {
+      $active-color:         grayscale($active-color);
+      $border-active:        grayscale($border-active);
+      $border-bottom-active: grayscale($border-bottom-active);
+      $inset-shadow-active:  grayscale($inset-shadow-active);
+      $text-shadow-active:   grayscale($text-shadow-active);
+    }
+
+    background: $active-color;
+    border: 1px solid $border-active;
+    border-bottom: 1px solid $border-bottom-active;
+    @include box-shadow(inset 0 0 6px 3px $inset-shadow-active, 0 1px 0 0 #fff);
+    text-shadow: 0 -1px 1px $text-shadow-active;
+  }
+}
+

lms/static/sass/sass_old/bourbon/addons/_clearfix.scss

+// Micro clearfix provides an easy way to contain floats without adding additional markup
+//
+// Example usage:
+//
+//    // Contain all floats within .wrapper
+//    .wrapper {
+//      @include clearfix;
+//      .content,
+//      .sidebar {
+//        float : left;
+//      }
+//    }
+
+@mixin clearfix {
+  zoom: 1;
+
+  &:before,
+  &:after {
+    content: "";
+    display: table;
+  }
+
+  &:after {
+    clear: both;
+  }
+}
+
+// Acknowledgements
+// Micro clearfix: [Nicolas Gallagher](http://nicolasgallagher.com/micro-clearfix-hack/)

lms/static/sass/sass_old/bourbon/addons/_font-family.scss

+$georgia: Georgia, Cambria, "Times New Roman", Times, serif;
+$helvetica: "Helvetica Neue", Helvetica, Arial, sans-serif;
+$lucida-grande: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
+$monospace: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
+$verdana: Verdana, Geneva, sans-serif;

lms/static/sass/sass_old/bourbon/addons/_html5-input-types.scss

+//************************************************************************//
+// Generate a variable ($all-text-inputs) with a list of all html5
+// input types that have a text-based input, excluding textarea.
+// http://diveintohtml5.org/forms.html
+//************************************************************************//
+$inputs-list: 'input[type="email"]',
+              'input[type="number"]',
+              'input[type="password"]',
+              'input[type="search"]',
+              'input[type="tel"]',
+              'input[type="text"]',
+              'input[type="url"]',
+
+              // Webkit & Gecko may change the display of these in the future
+              'input[type="color"]',
+              'input[type="date"]',
+              'input[type="datetime"]',
+              'input[type="datetime-local"]',
+              'input[type="month"]',
+              'input[type="time"]',
+              'input[type="week"]';
+
+$unquoted-inputs-list: ();
+
+@each $input-type in $inputs-list {
+  $unquoted-inputs-list: append($unquoted-inputs-list, unquote($input-type), comma);
+}
+
+$all-text-inputs: $unquoted-inputs-list;
+
+// You must use interpolation on the variable:
+// #{$all-text-inputs}
+//************************************************************************//
+//   #{$all-text-inputs}, textarea {
+//     border: 1px solid red;
+//   }

lms/static/sass/sass_old/bourbon/addons/_position.scss

+@mixin position ($position: relative, $coordinates: 0 0 0 0) {
+
+  @if type-of($position) == list {
+    $coordinates: $position;
+    $position: relative;
+  }
+
+  $top: nth($coordinates, 1);
+  $right: nth($coordinates, 2);
+  $bottom: nth($coordinates, 3);
+  $left: nth($coordinates, 4);
+
+  position: $position;
+
+  @if not(unitless($top)) {
+    top: $top;
+  }
+
+  @if not(unitless($right)) {
+    right: $right;
+  }
+
+  @if not(unitless($bottom)) {
+    bottom: $bottom;
+  }
+
+  @if not(unitless($left)) {
+    left: $left;
+  }
+}

lms/static/sass/sass_old/bourbon/addons/_timing-functions.scss

+// CSS cubic-bezier timing functions. Timing functions courtesy of jquery.easie (github.com/jaukia/easie)
+// Timing functions are the same as demo'ed here: http://jqueryui.com/demos/effect/easing.html
+
+// EASE IN
+$ease-in-quad:      cubic-bezier(0.550,  0.085, 0.680, 0.530);
+$ease-in-cubic:     cubic-bezier(0.550,  0.055, 0.675, 0.190);
+$ease-in-quart:     cubic-bezier(0.895,  0.030, 0.685, 0.220);
+$ease-in-quint:     cubic-bezier(0.755,  0.050, 0.855, 0.060);
+$ease-in-sine:      cubic-bezier(0.470,  0.000, 0.745, 0.715);
+$ease-in-expo:      cubic-bezier(0.950,  0.050, 0.795, 0.035);
+$ease-in-circ:      cubic-bezier(0.600,  0.040, 0.980, 0.335);
+$ease-in-back:      cubic-bezier(0.600, -0.280, 0.735, 0.045);
+
+// EASE OUT
+$ease-out-quad:     cubic-bezier(0.250,  0.460, 0.450, 0.940);
+$ease-out-cubic:    cubic-bezier(0.215,  0.610, 0.355, 1.000);
+$ease-out-quart:    cubic-bezier(0.165,  0.840, 0.440, 1.000);
+$ease-out-quint:    cubic-bezier(0.230,  1.000, 0.320, 1.000);
+$ease-out-sine:     cubic-bezier(0.390,  0.575, 0.565, 1.000);
+$ease-out-expo:     cubic-bezier(0.190,  1.000, 0.220, 1.000);
+$ease-out-circ:     cubic-bezier(0.075,  0.820, 0.165, 1.000);
+$ease-out-back:     cubic-bezier(0.175,  0.885, 0.320, 1.275);
+
+// EASE IN OUT
+$ease-in-out-quad:  cubic-bezier(0.455,  0.030, 0.515, 0.955);
+$ease-in-out-cubic: cubic-bezier(0.645,  0.045, 0.355, 1.000);
+$ease-in-out-quart: cubic-bezier(0.770,  0.000, 0.175, 1.000);
+$ease-in-out-quint: cubic-bezier(0.860,  0.000, 0.070, 1.000);
+$ease-in-out-sine:  cubic-bezier(0.445,  0.050, 0.550, 0.950);
+$ease-in-out-expo:  cubic-bezier(1.000,  0.000, 0.000, 1.000);
+$ease-in-out-circ:  cubic-bezier(0.785,  0.135, 0.150, 0.860);
+$ease-in-out-back:  cubic-bezier(0.680, -0.550, 0.265, 1.550);

lms/static/sass/sass_old/bourbon/css3/_animation.scss

+// http://www.w3.org/TR/css3-animations/#the-animation-name-property-
+// Each of these mixins support comma separated lists of values, which allows different transitions for individual properties to be described in a single style rule. Each value in the list corresponds to the value at that same position in the other properties.
+
+// Official animation shorthand property.
+@mixin animation ($animation-1,
+  $animation-2: false, $animation-3: false,
+  $animation-4: false, $animation-5: false,
+  $animation-6: false, $animation-7: false,
+  $animation-8: false, $animation-9: false)
+  {
+    $full: compact($animation-1, $animation-2, $animation-3, $animation-4,
+                   $animation-5, $animation-6, $animation-7, $animation-8, $animation-9);
+
+  -webkit-animation: $full;
+     -moz-animation: $full;
+          animation: $full;
+}
+
+// Individual Animation Properties
+@mixin animation-name ($name-1,
+  $name-2: false, $name-3: false,
+  $name-4: false, $name-5: false,
+  $name-6: false, $name-7: false,
+  $name-8: false, $name-9: false)
+  {
+    $full:  compact($name-1, $name-2, $name-3, $name-4,
+                    $name-5, $name-6, $name-7, $name-8, $name-9);
+
+  -webkit-animation-name: $full;
+     -moz-animation-name: $full;
+          animation-name: $full;
+}
+
+
+@mixin animation-duration ($time-1: 0,
+  $time-2: false, $time-3: false,
+  $time-4: false, $time-5: false,
+  $time-6: false, $time-7: false,
+  $time-8: false, $time-9: false)
+  {
+    $full:  compact($time-1, $time-2, $time-3, $time-4,
+                    $time-5, $time-6, $time-7, $time-8, $time-9);
+
+  -webkit-animation-duration: $full;
+     -moz-animation-duration: $full;
+          animation-duration: $full;
+}
+
+
+@mixin animation-timing-function ($motion-1: ease,
+//  ease | linear | ease-in | ease-out | ease-in-out
+  $motion-2: false, $motion-3: false,
+  $motion-4: false, $motion-5: false,
+  $motion-6: false, $motion-7: false,
+  $motion-8: false, $motion-9: false)
+  {
+    $full:  compact($motion-1, $motion-2, $motion-3, $motion-4,
+                    $motion-5, $motion-6, $motion-7, $motion-8, $motion-9);
+
+  -webkit-animation-timing-function: $full;
+     -moz-animation-timing-function: $full;
+          animation-timing-function: $full;
+}
+
+
+@mixin animation-iteration-count ($value-1: 1,
+//  infinite | <number>
+  $value-2: false, $value-3: false,
+  $value-4: false, $value-5: false,
+  $value-6: false, $value-7: false,
+  $value-8: false, $value-9: false)
+  {
+    $full:  compact($value-1, $value-2, $value-3, $value-4,
+                    $value-5, $value-6, $value-7, $value-8, $value-9);
+
+  -webkit-animation-iteration-count: $full;
+     -moz-animation-iteration-count: $full;
+          animation-iteration-count: $full;
+}
+
+
+@mixin animation-direction ($direction-1: normal,
+//  normal | alternate
+  $direction-2: false, $direction-3: false,
+  $direction-4: false, $direction-5: false,
+  $direction-6: false, $direction-7: false,
+  $direction-8: false, $direction-9: false)
+  {
+    $full:  compact($direction-1, $direction-2, $direction-3, $direction-4,
+                    $direction-5, $direction-6, $direction-7, $direction-8, $direction-9);
+
+  -webkit-animation-direction: $full;
+     -moz-animation-direction: $full;
+          animation-direction: $full;
+}
+
+
+@mixin animation-play-state ($state-1: running,
+//  running | paused
+  $state-2: false, $state-3: false,
+  $state-4: false, $state-5: false,
+  $state-6: false, $state-7: false,
+  $state-8: false, $state-9: false)
+  {
+    $full:  compact($state-1, $state-2, $state-3, $state-4,
+                    $state-5, $state-6, $state-7, $state-8, $state-9);
+
+  -webkit-animation-play-state: $full;
+     -moz-animation-play-state: $full;
+          animation-play-state: $full;
+}
+
+
+@mixin animation-delay ($time-1: 0,
+  $time-2: false, $time-3: false,
+  $time-4: false, $time-5: false,
+  $time-6: false, $time-7: false,
+  $time-8: false, $time-9: false)
+  {
+    $full:  compact($time-1, $time-2, $time-3, $time-4,
+                    $time-5, $time-6, $time-7, $time-8, $time-9);
+
+  -webkit-animation-delay: $full;
+     -moz-animation-delay: $full;
+          animation-delay: $full;
+}
+
+
+@mixin animation-fill-mode ($mode-1: none,
+//  http://goo.gl/l6ckm
+//  none | forwards | backwards | both
+  $mode-2: false, $mode-3: false,
+  $mode-4: false, $mode-5: false,
+  $mode-6: false, $mode-7: false,
+  $mode-8: false, $mode-9: false)
+  {
+    $full:  compact($mode-1, $mode-2, $mode-3, $mode-4,
+                    $mode-5, $mode-6, $mode-7, $mode-8, $mode-9);
+
+  -webkit-animation-fill-mode: $full;
+     -moz-animation-fill-mode: $full;
+          animation-fill-mode: $full;
+}
+
+
+// Deprecated
+@mixin animation-basic ($name, $time: 0, $motion: ease) {
+    $length-of-name: length($name);
+    $length-of-time: length($time);
+  $length-of-motion: length($motion);
+
+  @if $length-of-name > 1 {
+    @include animation-name(zip($name));
+  } @else {
+    @include animation-name(    $name);
+  }
+
+  @if $length-of-time > 1 {
+    @include animation-duration(zip($time));
+  } @else {
+    @include animation-duration(    $time);
+  }
+
+  @if $length-of-motion > 1 {
+    @include animation-timing-function(zip($motion));
+  } @else {
+    @include animation-timing-function(    $motion);
+  }
+  @warn "The animation-basic mixin is deprecated. Use the animation mixin instead.";
+}
+

lms/static/sass/sass_old/bourbon/css3/_appearance.scss

+@mixin appearance ($value) {
+  -webkit-appearance: $value;
+     -moz-appearance: $value;
+      -ms-appearance: $value;
+       -o-appearance: $value;
+          appearance: $value;
+}

lms/static/sass/sass_old/bourbon/css3/_background-image.scss

+//************************************************************************//
+// Background-image property for adding multiple background images with
+// gradients, or for stringing multiple gradients together.
+//************************************************************************//
+
+@mixin background-image(
+  $image-1       , $image-2: false,
+  $image-3: false, $image-4: false,
+  $image-5: false, $image-6: false,
+  $image-7: false, $image-8: false,
+  $image-9: false, $image-10: false
+) {
+  $images: compact($image-1, $image-2,
+           $image-3, $image-4,
+           $image-5, $image-6,
+           $image-7, $image-8,
+           $image-9, $image-10);
+
+  background-image: add-prefix($images, webkit);
+  background-image: add-prefix($images, moz);
+  background-image: add-prefix($images, ms);
+  background-image: add-prefix($images, o);
+  background-image: add-prefix($images);
+}
+
+
+@function add-prefix($images, $vendor: false) {
+  $images-prefixed: ();
+
+  @for $i from 1 through length($images) {
+    $type: type-of(nth($images, $i)); // Get type of variable - List or String
+
+    // If variable is a list - Gradient
+    @if $type == list {
+      $gradient-type: nth(nth($images, $i), 1); // Get type of gradient (linear || radial)
+      $gradient-args: nth(nth($images, $i), 2); // Get actual gradient (red, blue)
+
+      $gradient: render-gradients($gradient-args, $gradient-type, $vendor);
+      $images-prefixed: append($images-prefixed, $gradient, comma);
+    }
+
+    // If variable is a string - Image
+    @else if $type == string {
+      $images-prefixed: join($images-prefixed, nth($images, $i), comma);
+    }
+  }
+  @return $images-prefixed;
+}
+
+
+
+//Examples:
+  //@include background-image(linear-gradient(top, orange, red));
+  //@include background-image(radial-gradient(50% 50%, cover circle, orange, red));
+  //@include background-image(url("/images/a.png"), linear-gradient(orange, red));
+  //@include background-image(url("image.png"), linear-gradient(orange, red), url("image.png"));
+  //@include background-image(linear-gradient(hsla(0, 100%, 100%, 0.25) 0%, hsla(0, 100%, 100%, 0.08) 50%, transparent 50%), linear-gradient(orange, red);

lms/static/sass/sass_old/bourbon/css3/_background-size.scss

+@mixin background-size ($length-1,
+  $length-2: false, $length-3: false,
+  $length-4: false, $length-5: false,
+  $length-6: false, $length-7: false,
+  $length-8: false, $length-9: false)
+  {
+    $full: compact($length-1, $length-2, $length-3, $length-4,
+                   $length-5, $length-6, $length-7, $length-8, $length-9);
+
+  -webkit-background-size: $full;
+     -moz-background-size: $full;
+      -ms-background-size: $full;
+       -o-background-size: $full;
+          background-size: $full;
+}

lms/static/sass/sass_old/bourbon/css3/_border-image.scss

+@mixin border-image ($image) {
+  -webkit-border-image: $image;
+     -moz-border-image: $image;
+      -ms-border-image: $image;
+       -o-border-image: $image;
+          border-image: $image;
+}

lms/static/sass/sass_old/bourbon/css3/_border-radius.scss

+@mixin border-radius ($radii) {
+  -webkit-border-radius: $radii;
+     -moz-border-radius: $radii;
+      -ms-border-radius: $radii;
+       -o-border-radius: $radii;
+          border-radius: $radii;
+}
+
+@mixin border-top-left-radius($radii) {
+  -webkit-border-top-left-radius: $radii;
+     -moz-border-top-left-radius: $radii;
+      -moz-border-radius-topleft: $radii;
+      -ms-border-top-left-radius: $radii;
+       -o-border-top-left-radius: $radii;
+          border-top-left-radius: $radii;
+}
+
+@mixin border-top-right-radius($radii) {
+  -webkit-border-top-right-radius: $radii;
+     -moz-border-top-right-radius: $radii;
+      -moz-border-radius-topright: $radii;
+      -ms-border-top-right-radius: $radii;
+       -o-border-top-right-radius: $radii;
+          border-top-right-radius: $radii;
+}
+
+@mixin border-bottom-left-radius($radii) {
+  -webkit-border-bottom-left-radius: $radii;
+     -moz-border-bottom-left-radius: $radii;
+      -moz-border-radius-bottomleft: $radii;
+      -ms-border-bottom-left-radius: $radii;
+       -o-border-bottom-left-radius: $radii;
+          border-bottom-left-radius: $radii;
+}
+
+@mixin border-bottom-right-radius($radii) {
+  -webkit-border-bottom-right-radius: $radii;
+     -moz-border-bottom-right-radius: $radii;
+      -moz-border-radius-bottomright: $radii;
+      -ms-border-bottom-right-radius: $radii;
+       -o-border-bottom-right-radius: $radii;
+          border-bottom-right-radius: $radii;
+}
+
+@mixin border-top-radius($radii) {
+  @include border-top-left-radius($radii);
+  @include border-top-right-radius($radii);
+}
+
+@mixin border-right-radius($radii) {
+  @include border-top-right-radius($radii);
+  @include border-bottom-right-radius($radii);
+}
+
+@mixin border-bottom-radius($radii) {
+  @include border-bottom-left-radius($radii);
+  @include border-bottom-right-radius($radii);
+}
+
+@mixin border-left-radius($radii) {
+  @include border-top-left-radius($radii);
+  @include border-bottom-left-radius($radii);
+}

lms/static/sass/sass_old/bourbon/css3/_box-shadow.scss

+// Box-Shadow Mixin Requires Sass v3.1.1+
+@mixin box-shadow ($shadow-1,
+  $shadow-2: false, $shadow-3: false,
+  $shadow-4: false, $shadow-5: false,
+  $shadow-6: false, $shadow-7: false,
+  $shadow-8: false, $shadow-9: false)
+  {
+    $full: compact($shadow-1, $shadow-2, $shadow-3, $shadow-4,
+                   $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9);
+
+  -webkit-box-shadow: $full;
+     -moz-box-shadow: $full;
+          box-shadow: $full;
+}

lms/static/sass/sass_old/bourbon/css3/_box-sizing.scss

+@mixin box-sizing ($box) {
+//  content-box | border-box | inherit
+  -webkit-box-sizing: $box;
+     -moz-box-sizing: $box;
+          box-sizing: $box;
+}

lms/static/sass/sass_old/bourbon/css3/_columns.scss

+@mixin columns($arg: auto) {
+// <column-count> || <column-width>
+  -webkit-columns: $arg;
+     -moz-columns: $arg;
+          columns: $arg;
+}
+
+@mixin column-count($int: auto) {
+// auto || integer
+  -webkit-column-count: $int;
+     -moz-column-count: $int;
+          column-count: $int;
+}
+
+@mixin column-gap($length: normal) {
+// normal || length
+  -webkit-column-gap: $length;
+     -moz-column-gap: $length;
+          column-gap: $length;
+}
+
+@mixin column-fill($arg: auto) {
+// auto || length
+  -webkit-columns-fill: $arg;
+     -moz-columns-fill: $arg;
+          columns-fill: $arg;
+}
+
+@mixin column-rule($arg) {
+// <border-width> || <border-style> || <color>
+  -webkit-column-rule: $arg;
+     -moz-column-rule: $arg;
+          column-rule: $arg;
+}
+
+@mixin column-rule-color($color) {
+  -webkit-column-rule-color: $color;
+     -moz-column-rule-color: $color;
+          column-rule-color: $color;
+}
+
+@mixin column-rule-style($style: none) {
+// none | hidden | dashed | dotted | double | groove | inset | inset | outset | ridge | solid
+  -webkit-column-rule-style: $style;
+     -moz-column-rule-style: $style;
+          column-rule-style: $style;
+}
+
+@mixin column-rule-width ($width: none) {
+  -webkit-column-rule-width: $width;
+     -moz-column-rule-width: $width;
+          column-rule-width: $width;
+}
+
+@mixin column-span($arg: none) {
+// none || all
+  -webkit-column-span: $arg;
+     -moz-column-span: $arg;
+          column-span: $arg;
+}
+
+@mixin column-width($length: auto) {
+// auto || length
+  -webkit-column-width: $length;
+     -moz-column-width: $length;
+          column-width: $length;
+}

lms/static/sass/sass_old/bourbon/css3/_flex-box.scss

+// CSS3 Flexible Box Model and property defaults
+
+// Custom shorthand notation for flexbox
+@mixin box($orient: inline-axis, $pack: start, $align: stretch) {
+  @include display-box;
+  @include box-orient($orient);
+  @include box-pack($pack);
+  @include box-align($align);
+}
+
+@mixin display-box {
+  display: -webkit-box;
+  display: -moz-box;
+  display: box;
+}
+
+@mixin box-orient($orient: inline-axis) {
+// horizontal|vertical|inline-axis|block-axis|inherit
+  -webkit-box-orient: $orient;
+     -moz-box-orient: $orient;
+          box-orient: $orient;
+}
+
+@mixin box-pack($pack: start) {
+// start|end|center|justify
+  -webkit-box-pack: $pack;
+     -moz-box-pack: $pack;
+          box-pack: $pack;
+}
+
+@mixin box-align($align: stretch) {
+// start|end|center|baseline|stretch
+  -webkit-box-align: $align;
+     -moz-box-align: $align;
+          box-align: $align;
+}
+
+@mixin box-direction($direction: normal) {
+// normal|reverse|inherit
+  -webkit-box-direction: $direction;
+     -moz-box-direction: $direction;
+          box-direction: $direction;
+}
+@mixin box-lines($lines: single) {
+// single|multiple
+  -webkit-box-lines: $lines;
+     -moz-box-lines: $lines;
+          box-lines: $lines;
+}
+
+@mixin box-ordinal-group($integer: 1) {
+  -webkit-box-ordinal-group: $integer;
+     -moz-box-ordinal-group: $integer;
+          box-ordinal-group: $integer;
+}
+
+@mixin box-flex($value: 0.0) {
+  -webkit-box-flex: $value;
+     -moz-box-flex: $value;
+          box-flex: $value;
+}
+
+@mixin box-flex-group($integer: 1) {
+  -webkit-box-flex-group: $integer;
+     -moz-box-flex-group: $integer;
+          box-flex-group: $integer;
+}

lms/static/sass/sass_old/bourbon/css3/_inline-block.scss

+// Legacy support for inline-block in IE7 (maybe IE6)
+@mixin inline-block {
+  display: -moz-inline-box;
+  -moz-box-orient: vertical;
+  display: inline-block;
+  vertical-align: baseline;
+  zoom: 1;
+  *display: inline;
+  *vertical-align: auto;
+}

lms/static/sass/sass_old/bourbon/css3/_linear-gradient.scss

+@mixin linear-gradient($pos, $G1, $G2: false,
+                       $G3: false, $G4: false,
+                       $G5: false, $G6: false,
+                       $G7: false, $G8: false,
+                       $G9: false, $G10: false,
+                       $fallback: false) {
+  // Detect what type of value exists in $pos
+  $pos-type: type-of(nth($pos, 1));
+
+  // If $pos is missing from mixin, reassign vars and add default position
+  @if ($pos-type == color) or (nth($pos, 1) == "transparent")  {
+    $G10: $G9; $G9: $G8; $G8: $G7; $G7: $G6; $G6: $G5;
+     $G5: $G4; $G4: $G3; $G3: $G2; $G2: $G1; $G1: $pos;
+    $pos: top; // Default position
+  }
+
+  $full: compact($G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10);
+
+  // Set $G1 as the default fallback color
+  $fallback-color: nth($G1, 1);
+
+  // If $fallback is a color use that color as the fallback color
+  @if (type-of($fallback) == color) or ($fallback == "transparent") {
+    $fallback-color: $fallback;
+  }
+
+  background-color: $fallback-color;
+  background-image: deprecated-webkit-gradient(linear, $full); // Safari <= 5.0
+  background-image:  -webkit-linear-gradient($pos, $full); // Safari 5.1+, Chrome
+  background-image:     -moz-linear-gradient($pos, $full);
+  background-image:      -ms-linear-gradient($pos, $full);
+  background-image:       -o-linear-gradient($pos, $full);
+  background-image: unquote("linear-gradient(#{$pos}, #{$full})");
+}
+
+
+// Usage: Gradient position is optional, default is top. Position can be a degree. Color stops are optional as well.
+// @include linear-gradient(#1e5799, #2989d8);
+// @include linear-gradient(#1e5799, #2989d8, $fallback:#2989d8);
+// @include linear-gradient(top, #1e5799 0%, #2989d8 50%);
+// @include linear-gradient(50deg, rgba(10, 10, 10, 0.5) 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);

lms/static/sass/sass_old/bourbon/css3/_radial-gradient.scss

+// Requires Sass 3.1+
+@mixin radial-gradient($pos, $shape-size,
+                       $G1,        $G2,
+                       $G3: false, $G4: false,
+                       $G5: false, $G6: false,
+                       $G7: false, $G8: false,
+                       $G9: false, $G10: false,
+                       $fallback: false) {
+
+  $full: compact($G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10);
+
+  // Set $G1 as the default fallback color
+  $fallback-color: nth($G1, 1);
+
+  // If $fallback is a color use that color as the fallback color
+  @if (type-of($fallback) == color) or ($fallback == "transparent") {
+    $fallback-color: $fallback;
+  }
+
+  background-color:  $fallback-color;
+  background-image:          deprecated-webkit-gradient(radial, $full); // Safari <= 5.0
+  background-image:  -webkit-radial-gradient($pos, $shape-size, $full);
+  background-image:     -moz-radial-gradient($pos, $shape-size, $full);
+  background-image:      -ms-radial-gradient($pos, $shape-size, $full);
+  background-image:       -o-radial-gradient($pos, $shape-size, $full);
+  background-image: unquote("radial-gradient(#{$pos}, #{$shape-size}, #{$full})");
+}
+
+//  Usage: Gradient position and shape-size are required. Color stops are optional.
+//  @include radial-gradient(50% 50%, circle cover, #1e5799, #efefef);
+//  @include radial-gradient(50% 50%, circle cover, #eee 10%, #1e5799 30%, #efefef);

lms/static/sass/sass_old/bourbon/css3/_transform.scss

+@mixin transform($property: none) {
+//  none | <transform-function>
+  -webkit-transform: $property;
+     -moz-transform: $property;
+      -ms-transform: $property;
+       -o-transform: $property;
+          transform: $property;
+}
+
+@mixin transform-origin($axes: 50%) {
+// x-axis - left | center | right  | length | %
+// y-axis - top  | center | bottom | length | %
+// z-axis -                          length
+  -webkit-transform-origin: $axes;
+     -moz-transform-origin: $axes;
+      -ms-transform-origin: $axes;
+       -o-transform-origin: $axes;
+          transform-origin: $axes;
+}

lms/static/sass/sass_old/bourbon/css3/_transition.scss

+// Shorthand mixin. Supports multiple parentheses-deliminated values for each variable.
+// Example: @include transition (all, 2.0s, ease-in-out);
+//          @include transition ((opacity, width), (1.0s, 2.0s), ease-in, (0, 2s));
+//          @include transition ($property:(opacity, width), $delay: (1.5s, 2.5s));
+
+@mixin transition ($property: all, $duration: 0.15s, $timing-function: ease-out, $delay: 0) {
+
+  // Detect # of args passed into each variable
+  $length-of-property:        length($property);
+  $length-of-duration:        length($duration);
+  $length-of-timing-function: length($timing-function);
+  $length-of-delay:           length($delay);
+
+  @if $length-of-property > 1 {
+    @include transition-property(zip($property)); }
+  @else {
+    @include transition-property(    $property);
+  }
+
+  @if $length-of-duration > 1 {
+    @include transition-duration(zip($duration)); }
+  @else {
+    @include transition-duration(    $duration);
+  }
+
+  @if $length-of-timing-function > 1 {
+    @include transition-timing-function(zip($timing-function)); }
+  @else {
+    @include transition-timing-function(    $timing-function);
+  }
+
+  @if $length-of-delay > 1 {
+    @include transition-delay(zip($delay)); }
+  @else {
+    @include transition-delay(    $delay);
+  }
+}
+
+
+@mixin transition-property ($prop-1: all,
+  $prop-2: false, $prop-3: false,
+  $prop-4: false, $prop-5: false,
+  $prop-6: false, $prop-7: false,
+  $prop-8: false, $prop-9: false)
+  {
+    $full: compact($prop-1, $prop-2, $prop-3, $prop-4, $prop-5,
+                   $prop-6, $prop-7, $prop-8, $prop-9);
+
+  -webkit-transition-property: $full;
+     -moz-transition-property: $full;
+      -ms-transition-property: $full;
+       -o-transition-property: $full;
+          transition-property: $full;
+}
+
+@mixin transition-duration ($time-1: 0,
+  $time-2: false, $time-3: false,
+  $time-4: false, $time-5: false,
+  $time-6: false, $time-7: false,
+  $time-8: false, $time-9: false)
+  {
+    $full: compact($time-1, $time-2, $time-3, $time-4, $time-5,
+                   $time-6, $time-7, $time-8, $time-9);
+
+  -webkit-transition-duration: $full;
+     -moz-transition-duration: $full;
+      -ms-transition-duration: $full;
+       -o-transition-duration: $full;
+          transition-duration: $full;
+}
+
+@mixin transition-timing-function ($motion-1: ease,
+  $motion-2: false, $motion-3: false,
+  $motion-4: false, $motion-5: false,
+  $motion-6: false, $motion-7: false,
+  $motion-8: false, $motion-9: false)
+  {
+    $full: compact($motion-1, $motion-2, $motion-3, $motion-4, $motion-5,
+                   $motion-6, $motion-7, $motion-8, $motion-9);
+
+// ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier()
+  -webkit-transition-timing-function: $full;
+     -moz-transition-timing-function: $full;
+      -ms-transition-timing-function: $full;
+       -o-transition-timing-function: $full;
+          transition-timing-function: $full;
+}
+
+@mixin transition-delay ($time-1: 0,
+  $time-2: false, $time-3: false,
+  $time-4: false, $time-5: false,
+  $time-6: false, $time-7: false,
+  $time-8: false, $time-9: false)
+  {
+    $full: compact($time-1, $time-2, $time-3, $time-4, $time-5,
+                   $time-6, $time-7, $time-8, $time-9);
+
+  -webkit-transition-delay: $full;
+     -moz-transition-delay: $full;
+      -ms-transition-delay: $full;
+       -o-transition-delay: $full;
+          transition-delay: $full;
+}
+

lms/static/sass/sass_old/bourbon/css3/_user-select.scss

+@mixin user-select($arg: none) {
+  -webkit-user-select: $arg;
+     -moz-user-select: $arg;
+      -ms-user-select: $arg;
+          user-select: $arg;
+}

lms/static/sass/sass_old/bourbon/functions/_deprecated-webkit-gradient.scss

+// Render Deprecated Webkit Gradient - Linear || Radial
+//************************************************************************//
+@function deprecated-webkit-gradient($type, $full) {
+  $gradient-list: ();
+  $gradient: false;
+  $full-length: length($full);
+  $percentage: false;
+  $gradient-type: $type;
+
+  @for $i from 1 through $full-length {
+    $gradient: nth($full, $i);
+
+    @if length($gradient) == 2 {
+      $color-stop: color-stop(nth($gradient, 2), nth($gradient, 1));
+      $gradient-list: join($gradient-list, $color-stop, comma);
+    }
+    @else {
+      @if $i == $full-length {
+        $percentage: 100%;
+      }
+      @else {
+        $percentage: ($i - 1) * (100 / ($full-length - 1)) + "%";
+      }
+      $color-stop: color-stop(unquote($percentage), $gradient);
+      $gradient-list: join($gradient-list, $color-stop, comma);
+    }
+  }
+
+  @if $type == radial {
+    $gradient: -webkit-gradient(radial, center center, 0, center center, 460, $gradient-list);
+  }
+  @else if $type == linear {
+    $gradient: -webkit-gradient(linear, left top, left bottom, $gradient-list);
+  }
+  @return $gradient;
+}

lms/static/sass/sass_old/bourbon/functions/_flex-grid.scss

+// Flexible grid
+@function flex-grid($columns, $container-columns: $fg-max-columns) {
+  $width: $columns * $fg-column + ($columns - 1) * $fg-gutter;
+  $container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter;
+  @return percentage($width / $container-width);
+}
+
+// Flexible gutter
+@function flex-gutter($container-columns: $fg-max-columns, $gutter: $fg-gutter) {
+  $container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter;
+  @return percentage($gutter / $container-width);
+}
+
+// The $fg-column, $fg-gutter and $fg-max-columns variables must be defined in your base stylesheet to properly use the flex-grid function.
+// This function takes the fluid grid equation (target / context = result) and uses columns to help define each.
+//
+//  $fg-column: 60px;             // Column Width
+//  $fg-gutter: 25px;             // Gutter Width
+//  $fg-max-columns: 12;          // Total Columns For Main Container
+//
+//  div {
+//    width: flex-grid(4);        // returns (315px / 1020px) = 30.882353%;
+//    margin-left: flex-gutter(); // returns (25px / 1020px) = 2.45098%;
+//
+//    p {
+//      width: flex-grid(2, 4);  // returns (145px / 315px) = 46.031746%;
+//      float: left;
+//      margin: flex-gutter(4);  // returns (25px / 315px) = 7.936508%;
+//    }
+//
+//    blockquote {
+//      float: left;
+//      width: flex-grid(2, 4); // returns (145px / 315px) = 46.031746%;
+//    }
+//  }

lms/static/sass/sass_old/bourbon/functions/_grid-width.scss

+@function grid-width($n) {
+  @return $n * $gw-column + ($n - 1) * $gw-gutter;
+}
+
+// The $gw-column and $gw-gutter variables must be defined in your base stylesheet to properly use the grid-width function.
+//
+//  $gw-column: 100px;         // Column Width
+//  $gw-gutter: 40px;          // Gutter Width
+//
+//  div {
+//    width: grid-width(4);    // returns 520px;
+//    margin-left: $gw-gutter; // returns 40px;
+//  }

lms/static/sass/sass_old/bourbon/functions/_linear-gradient.scss

+@function linear-gradient($pos: top, $G1: false, $G2: false,
+                       $G3: false, $G4: false,
+                       $G5: false, $G6: false,
+                       $G7: false, $G8: false,
+                       $G9: false, $G10: false) {
+
+  // Detect what type of value exists in $pos
+  $pos-type: type-of(nth($pos, 1));
+
+  // If $pos is missing from mixin, reassign vars and add default position
+  @if ($pos-type == color) or (nth($pos, 1) == "transparent")  {
+    $G10: $G9; $G9: $G8; $G8: $G7; $G7: $G6; $G6: $G5;
+     $G5: $G4; $G4: $G3; $G3: $G2; $G2: $G1; $G1: $pos;
+    $pos: top; // Default position
+  }
+
+  $type: linear;
+  $gradient: compact($pos, $G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10);
+  $type-gradient: append($type, $gradient, comma);
+
+  @return $type-gradient;
+}
+

lms/static/sass/sass_old/bourbon/functions/_modular-scale.scss

+@function modular-scale($value, $increment, $ratio) {
+  @if $increment > 0 {
+    @for $i from 1 through $increment {
+      $value: ($value * $ratio);
+    }
+  }
+
+  @if $increment < 0 {
+    $increment: abs($increment);
+    @for $i from 1 through $increment {
+      $value: ($value / $ratio);
+    }
+  }
+
+  @return $value;
+}
+
+//  div {
+//                     Increment Up GR with positive value
+//   font-size:        modular-scale(14px,   1, 1.618); // returns: 22.652px
+//
+//                     Increment Down GR with negative value
+//   font-size:        modular-scale(14px,  -1, 1.618); // returns: 8.653px
+//
+//                     Can be used with ceil(round up) or floor(round down)
+//   font-size: floor( modular-scale(14px, 1, 1.618) ); // returns: 22px
+//   font-size:  ceil( modular-scale(14px, 1, 1.618) ); // returns: 23px
+//  }
+//
+// modularscale.com
+
+@function golden-ratio($value, $increment) {
+  @return modular-scale($value, $increment, 1.618)
+}
+
+//  div {
+//    font-size: golden-ratio(14px, 1); // returns: 22.652px
+//  }
+//
+// goldenratiocalculator.com

lms/static/sass/sass_old/bourbon/functions/_radial-gradient.scss

+// This function is required and used by the background-image mixin.
+@function radial-gradient($pos, $shape-size,
+                       $G1,        $G2,
+                       $G3: false, $G4: false,
+                       $G5: false, $G6: false,
+                       $G7: false, $G8: false,
+                       $G9: false, $G10: false) {
+
+  $type: radial;
+  $gradient: compact($pos, $shape-size, $G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10);
+  $type-gradient: append($type, $gradient, comma);
+
+  @return $type-gradient;
+}
+

lms/static/sass/sass_old/bourbon/functions/_render-gradients.scss

+// User for linear and radial gradients within background-image or border-image properties
+
+@function render-gradients($gradients, $gradient-type, $vendor: false) {
+  $vendor-gradients: false;
+  @if $vendor {
+    $vendor-gradients: -#{$vendor}-#{$gradient-type}-gradient($gradients);
+  }
+
+  @else if $vendor == false {
+    $vendor-gradients: "#{$gradient-type}-gradient(#{$gradients})";
+    $vendor-gradients: unquote($vendor-gradients);
+  }
+  @return $vendor-gradients;
+}

lms/static/sass/sass_old/bourbon/functions/_tint-shade.scss

+// Add percentage of white to a color
+@function tint($color, $percent){
+  @return mix(white, $color, $percent);
+}
+
+// Add percentage of black to a color
+@function shade($color, $percent){
+  @return mix(black, $color, $percent);
+}

lms/static/sass/sass_old/bourbon/lib/bourbon.rb

+require "bourbon/generator"
+
+module Bourbon
+  if defined?(Rails)
+    class Engine < ::Rails::Engine
+      require 'bourbon/engine'
+    end
+
+    module Rails
+      class Railtie < ::Rails::Railtie
+        rake_tasks do
+          load "tasks/install.rake"
+        end
+      end
+    end
+  end
+end
+
+require File.join(File.dirname(__FILE__), "/bourbon/sass_extensions")

lms/static/sass/sass_old/bourbon/lib/bourbon/sass_extensions.rb

+module Bourbon::SassExtensions
+end
+
+require "sass"
+
+require File.join(File.dirname(__FILE__), "/sass_extensions/functions")

lms/static/sass/sass_old/bourbon/lib/bourbon/sass_extensions/functions.rb

+module Bourbon::SassExtensions::Functions
+end
+
+require File.join(File.dirname(__FILE__), "/functions/compact")
+
+module Sass::Script::Functions
+  include Bourbon::SassExtensions::Functions::Compact
+end
+
+# Wierd that this has to be re-included to pick up sub-modules. Ruby bug?
+class Sass::Script::Functions::EvaluationContext
+  include Sass::Script::Functions
+end

lms/static/sass/sass_old/bourbon/lib/bourbon/sass_extensions/functions/compact.rb

+# Compact function pulled from compass
+module Bourbon::SassExtensions::Functions::Compact
+
+  def compact(*args)
+    sep = :comma
+    if args.size == 1 && args.first.is_a?(Sass::Script::List)
+      args = args.first.value
+      sep = args.first.separator
+    end
+    Sass::Script::List.new(args.reject{|a| !a.to_bool}, sep)
+  end
+
+end

lms/static/sass/sass_old/courseware/_amplifier.scss

+// JM MOSFET AMPLIFIER
+section.tool-wrapper {
+  @extend .clearfix;
+  background: #073642;
+  border-bottom: 1px solid darken(#002b36, 10%);
+  border-top: 1px solid darken(#002b36, 10%);
+  @include box-shadow(inset 0 0 0 4px darken(#094959, 2%));
+  color: #839496;
+  display: table;
+  margin: lh() (-(lh())) 0;
+
+  div#graph-container {
+    background: none;
+    @include box-sizing(border-box);
+    display: table-cell;
+    padding: lh();
+    vertical-align: top;
+    width: flex-grid(4.5, 9) + flex-gutter(9);
+
+    .ui-widget-content {
+      background: none;
+      border: none;
+      @include border-radius(0);
+    }
+
+    canvas {
+      width: 100%;
+    }
+
+    ul.ui-tabs-nav {
+      background: darken(#073642, 2%);
+      border-bottom: 1px solid darken(#073642, 8%);
+      @include border-radius(0);
+      margin: (-(lh())) (-(lh())) 0;
+      padding: 0;
+      position: relative;
+      width: 110%;
+
+      li {
+        background: none;
+        border: none;
+        @include border-radius(0);
+        color: #fff;
+        margin-bottom: 0;
+
+        &.ui-tabs-selected {
+          background-color: #073642;
+          border-left: 1px solid darken(#073642, 8%);
+          border-right: 1px solid darken(#073642, 8%);
+
+          &:first-child {
+            border-left: none;
+          }
+
+          a {
+            color: #eee8d5;
+          }
+        }
+
+        a {
+          border: none;
+          color: #839496;
+          font: bold 12px $body-font-family;
+          letter-spacing: 1px;
+          text-transform: uppercase;
+
+          &:hover {
+            color: #eee8d5;
+          }
+        }
+      }
+    }
+  }
+
+  div#controlls-container {
+    @extend .clearfix;
+    background: darken(#073642, 2%);
+    border-right: 1px solid darken(#002b36, 6%);
+    @include box-shadow(1px 0 0 lighten(#002b36, 6%), inset 0 0 0 4px darken(#094959, 6%));
+    @include box-sizing(border-box);
+    display: table-cell;
+    padding: lh();
+    vertical-align: top;
+    width: flex-grid(4.5, 9);
+
+    div.graph-controls {
+
+      div.music-wrapper {
+        @extend .clearfix;
+        border-bottom: 1px solid darken(#073642, 10%);
+        @include box-shadow(0 1px 0 lighten(#073642, 2%));
+        margin-bottom: lh();
+        padding: 0 0 lh();
+
+        input#playButton {
+          border-color: darken(#002b36, 6%);
+          @include button(simple, lighten( #586e75, 5% ));
+          display: block;
+          float: right;
+          font: bold 14px $body-font-family;
+
+          &:active {
+            @include box-shadow(none);
+          }
+
+          &[value="Stop"] {
+            @include button(simple, darken(#268bd2, 30%));
+            font: bold 14px $body-font-family;
+
+            &:active {
+              @include box-shadow(none);
+            }
+          }
+        }
+      }
+
+      div.inputs-wrapper {
+        @extend .clearfix;
+        border-bottom: 1px solid darken(#073642, 10%);
+        @include box-shadow(0 1px 0 lighten(#073642, 2%));
+        @include clearfix;
+        margin-bottom: lh();
+        margin-bottom: lh();
+        padding: 0 0 lh();
+      }
+
+      p {
+        font-weight: bold;
+        @include inline-block();
+        margin: 0;
+        text-shadow: 0 -1px 0 darken(#073642, 10%);
+        -webkit-font-smoothing: antialiased;
+      }
+
+      ul {
+        @include inline-block();
+        margin-bottom: 0;
+
+        li {
+          @include inline-block();
+          margin-bottom: 0;
+
+          input {
+            margin-right: 5px;
+          }
+        }
+      }
+
+      div#graph-listen {
+        display: block;
+        float: left;
+        margin-bottom: 0;
+        margin-right: 20px;
+        margin-top: 8px;
+        text-align: right;
+      }
+    }
+
+    label {
+      @include border-radius(2px);
+      color: #fff;
+      font-weight: bold;
+      padding: 3px;
+      -webkit-font-smoothing: antialiased;
+    }
+
+    //MOSFET AMPLIFIER
+    label[for="vinCheckbox"], label[for="vinRadioButton"]{
+      color: desaturate(#00bfff, 50%);
+    }
+
+    label[for="voutCheckbox"], label[for="voutRadioButton"]{
+      color: darken(#ffcf48, 20%);
+    }
+
+    label[for="vrCheckbox"], label[for="vrRadioButton"]{
+      color: desaturate(#1df914, 40%);
+    }
+
+    //RC Filters
+    label[for="vcCheckbox"], label[for="vcRadioButton"]{
+      color: darken(#ffcf48, 20%);
+    }
+
+    //RLC Series
+    label[for="vlCheckbox"], label[for="vlRadioButton"]{
+      color: desaturate(#d33682, 40%);
+    }
+
+    div.schematic-sliders {
+      div.top-sliders {
+        @extend .clearfix;
+        border-bottom: 1px solid darken(#073642, 10%);
+        @include box-shadow(0 1px 0 lighten(#073642, 2%));
+        margin-bottom: lh();
+        padding: 0 0 lh();
+
+        select#musicTypeSelect {
+          font: 16px $body-font-family;
+          @include inline-block();
+          margin-bottom: 0;
+        }
+
+        p {
+          font-weight: bold;
+          @include inline-block();
+          margin: 0 lh(.5) lh() 0;
+          text-shadow: 0 -1px 0 darken(#073642, 10%);
+          -webkit-font-smoothing: antialiased;
+        }
+      }
+
+      div.slider-label {
+        font-weight: bold;
+        margin-bottom: lh(0.5);
+        text-shadow: 0 -1px 0 darken(#073642, 10%);
+        -webkit-font-smoothing: antialiased;
+      }
+
+      div.slider {
+        margin-bottom: lh(1);
+
+        &.ui-slider-horizontal {
+          background: darken(#002b36, 2%);
+          border: 1px solid darken(#002b36, 8%);
+          @include box-shadow(none);
+          height: 0.4em;
+        }
+
+        .ui-slider-handle {
+          background: lighten( #586e75, 5% ) url('../images/amplifier-slider-handle.png') center no-repeat;
+          border: 1px solid darken(#002b36, 8%);
+          @include box-shadow(inset 0 1px 0 lighten( #586e75, 20% ));
+          margin-top: -.3em;
+
+          &:hover, &:active {
+            background-color: lighten( #586e75, 10% );
+          }
+        }
+      }
+    }
+  }
+}

lms/static/sass/sass_old/courseware/_courseware.scss

+html {
+  height: 100%;
+  max-height: 100%;
+}
+
+body.courseware {
+  height: 100%;
+  max-height: 100%;
+
+  .container {
+    margin-bottom: 40px;
+    margin-top: 20px;
+  }
+
+  footer {
+    &.fixed-bottom {
+      Position: static;
+    }
+  }
+}
+
+div.course-wrapper {
+  @extend .table-wrapper;
+
+  ul, ol {
+    list-style: none;
+  }
+
+  section.course-content {
+    @extend .content;
+    @include border-radius(0 4px 4px 0);
+
+    h1 {
+      margin: 0 0 lh();
+    }
+
+    p {
+      margin-bottom: lh();
+
+      &:empty {
+        display: none;
+        margin-bottom: 0;
+      }
+    }
+
+    ul {
+      li {
+        margin-bottom: lh(.5);
+      }
+    }
+
+    .problem-set {
+      position: relative;
+      @extend .clearfix;
+
+      h2 {
+        margin-top: 0;
+        margin-bottom: 15px;
+        width: flex-grid(2, 9);
+        padding-right: flex-gutter(9);
+        border-right: 1px dashed #ddd;
+        @include box-sizing(border-box);
+        display: table-cell;
+        vertical-align: top;
+
+        &.problem-header {
+          section.staff {
+            margin-top: 30px;
+            font-size: 80%;
+          }
+        }
+
+        @media screen and (max-width:1120px) {
+          display: block;
+          width: auto;
+          border-right: 0;
+        }
+
+        @media print {
+          display: block;
+          width: auto;
+          border-right: 0;
+        }
+      }
+
+      section.problem {
+        display: table-cell;
+        width: flex-grid(7, 9);
+        padding-left: flex-gutter(9);
+
+        @media screen and (max-width:1120px) {
+          display: block;
+          width: auto;
+          padding: 0;
+        }
+
+        @media print {
+          display: block;
+          width: auto;
+          padding: 0;
+
+          canvas, img {
+            page-break-inside: avoid;
+          }
+        }
+
+        span {
+          &.unanswered, &.ui-icon-bullet {
+            @include inline-block();
+            background: url('../images/unanswered-icon.png') center center no-repeat;
+            height: 14px;
+            position: relative;
+            top: 4px;
+            width: 14px;
+          }
+
+          &.correct, &.ui-icon-check {
+            @include inline-block();
+            background: url('../images/correct-icon.png') center center no-repeat;
+            height: 20px;
+            position: relative;
+            top: 6px;
+            width: 25px;
+          }
+
+          &.incorrect, &.ui-icon-close {
+            @include inline-block();
+            background: url('../images/incorrect-icon.png') center center no-repeat;
+            height: 20px;
+            width: 20px;
+            position: relative;
+            top: 6px;
+          }
+        }
+      }
+
+      div {
+        > span {
+          display: block;
+          margin-bottom: lh(.5);
+
+          &[answer] {
+            border-top: 1px solid #ededed;
+            border-bottom: 1px solid #ededed;
+            background: #f3f3f3;
+            margin: 0 (-(lh()));
+            padding: lh(.5) lh();
+          }
+        }
+      }
+
+      input[type="text"] {
+        display: inline-block;
+        width: 50%;
+      }
+
+      center {
+        display: block;
+        margin: lh() 0;
+        border: 1px solid #ccc;
+        padding: lh();
+      }
+
+      section.action {
+        margin-top: lh();
+
+        input[type="button"] {
+          padding: lh(.4) lh();
+          text-shadow: 0 -1px 0 #666;
+        }
+      }
+    }
+
+    section.problems-wrapper, div#seq_content {
+      @extend .problem-set;
+    }
+
+    section.problems-wrapper {
+      display: table;
+      width: 100%;
+
+      @media screen and (max-width:1120px) {
+        display: block;
+        width: auto;
+      }
+    }
+
+    div#seq_content {
+      h1 {
+        background: none;
+        margin-bottom: lh();
+        padding-bottom: 0;
+        border-bottom: none;
+      }
+    }
+
+    ol.vert-mod {
+      > li {
+        @extend .clearfix;
+        @extend .problem-set;
+        border-bottom: 1px solid #ddd;
+        margin-bottom: 15px;
+        padding: 0 0 15px;
+
+        header {
+          @extend h1.top-header;
+          @include border-radius(0 4px 0 0);
+          margin-bottom: -16px;
+
+          h1 {
+            margin: 0;
+          }
+
+          h2 {
+            float: right;
+            margin-right: 0;
+            margin-top: 8px;
+            text-align: right;
+            padding-right: 0;
+            border-right: 0;
+          }
+        }
+
+        &:last-child {
+          border-bottom: none;
+          margin-bottom: 0;
+          padding-bottom: 0;
+        }
+
+        .histogram {
+          width: 200px;
+          height: 150px;
+        }
+
+        ul {
+          list-style: disc outside none;
+          padding-left: 1em;
+        }
+
+        nav.sequence-bottom {
+          ul {
+          list-style: none;
+          padding: 0;
+          }
+        }
+      }
+    }
+
+    section.tutorials {
+      h2 {
+        margin-bottom: lh();
+      }
+
+      ul {
+        margin: 0;
+        @include clearfix();
+
+        li {
+          width: flex-grid(3, 9);
+          float: left;
+          margin-right: flex-gutter(9);
+          margin-bottom: lh();
+
+          &:nth-child(3n) {
+            margin-right: 0;
+          }
+
+          &:nth-child(3n+1) {
+            clear: both;
+          }
+
+          a {
+            font-weight: bold;
+          }
+        }
+      }
+    }
+
+    div.staff_info {
+      @include clearfix();
+      white-space: pre-wrap;
+      border-top: 1px solid #ccc;
+      padding-top: lh();
+      margin-top: lh();
+      line-height: lh();
+      font-family: Consolas, "Lucida Console", Monaco, "Courier New", Courier, monospace;
+    }
+
+    div.ui-slider {
+      border: 1px solid #aaa;
+      background: #ddd;
+      @include box-shadow(inset 0 1px 0 #eee);
+      @include border-radius(0);
+
+      a.ui-slider-handle {
+        @include box-shadow(inset 0 1px 0 lighten($mit-red, 10%));
+        background: $mit-red url(../images/slider-bars.png) center center no-repeat;
+        border: 1px solid darken($mit-red, 20%);
+        cursor: pointer;
+
+        &:hover, &:focus {
+          background-color: lighten($mit-red, 10%);
+          outline: none;
+        }
+      }
+    }
+
+    div.ui-tabs {
+      border: 0;
+      @include border-radius(0);
+      margin: 0;
+      padding: 0;
+
+      .ui-tabs-nav {
+        background: none;
+        border: 0;
+        margin-bottom: lh(.5);
+      }
+
+      .ui-tabs-panel {
+        @include border-radius(0);
+        padding: 0;
+      }
+    }
+  }
+
+  &.closed {
+    section.course-index {
+      width: flex-grid(.6);
+      overflow: hidden;
+
+      header#open_close_accordion {
+        padding: 0;
+        min-height: 47px;
+
+        a {
+          background-image: url('../images/slide-right-icon.png');
+        }
+
+        h2 {
+          visibility: hidden;
+          width: 10px;
+        }
+      }
+
+      div#accordion {
+        visibility: hidden;
+        width: 10px;
+        padding: 0;
+
+       nav {
+         white-space: pre;
+         overflow: hidden;
+
+         ul {
+           overflow: hidden;
+           white-space: nowrap;
+         }
+        }
+      }
+    }
+
+    section.course-content {
+      width: flex-grid(11.5) + flex-gutter();
+    }
+  }
+}

lms/static/sass/sass_old/courseware/_sequence-nav.scss

+nav.sequence-nav {
+  @extend .topbar;
+  border-bottom: 1px solid darken($cream, 20%);
+  margin-bottom: $body-line-height;
+  position: relative;
+  @include border-top-right-radius(4px);
+
+  ol {
+    @include box-sizing(border-box);
+    display: table;
+    height: 100%;
+    padding-right: flex-grid(1, 9);
+    width: 100%;
+
+    a {
+      @extend .block-link;
+    }
+
+    li {
+      border-left: 1px solid darken($cream, 20%);
+      display: table-cell;
+      min-width: 20px;
+
+      &:first-child {
+        border-left: none;
+      }
+
+      .inactive {
+        background-repeat: no-repeat;
+
+        &:hover {
+          background-color: lighten($cream, 3%);
+        }
+      }
+
+      .visited {
+        background-color: #DCCDA2;
+        background-repeat: no-repeat;
+        @include box-shadow(inset 0 0 3px darken(#dccda2, 10%));
+
+        &:hover {
+          background-color: $cream;
+          background-position: center center;
+        }
+      }
+
+      .active {
+        background-color: #fff;
+        background-repeat: no-repeat;
+        @include box-shadow(0 1px 0 #fff);
+
+        &:hover {
+          background-color: #fff;
+          background-position: center;
+        }
+      }
+
+      a {
+        background-position: center center;
+        border: none;
+        cursor: pointer;
+        display: block;
+        height: 17px;
+        padding: 15px 0 14px;
+        position: relative;
+        @include transition(all, .4s, $ease-in-out-quad);
+        width: 100%;
+
+        &.progress {
+          border-bottom-style: solid;
+          border-bottom-width: 4px;
+        }
+
+        &.progress-none {
+          @extend .progress;
+          border-bottom-color: red;
+        }
+
+        &.progress-some {
+          @extend .progress;
+          border-bottom-color: yellow;
+        }
+
+        &.progress-done {
+          @extend .progress;
+          border-bottom-color: green;
+        }
+
+        //video
+        &.seq_video_inactive {
+          @extend .inactive;
+          background-image: url('../images/sequence-nav/video-icon-normal.png');
+          background-position: center;
+        }
+
+        &.seq_video_visited {
+          @extend .visited;
+          background-image: url('../images/sequence-nav/video-icon-visited.png');
+          background-position: center;
+        }
+
+        &.seq_video_active {
+          @extend .active;
+          background-image: url('../images/sequence-nav/video-icon-current.png');
+          background-position: center;
+        }
+
+        //other
+        &.seq_other_inactive {
+          @extend .inactive;
+          background-image: url('../images/sequence-nav/document-icon-normal.png');
+          background-position: center;
+        }
+
+        &.seq_other_visited {
+          @extend .visited;
+          background-image: url('../images/sequence-nav/document-icon-visited.png');
+          background-position: center;
+        }
+
+        &.seq_other_active {
+          @extend .active;
+          background-image: url('../images/sequence-nav/document-icon-current.png');
+          background-position: center;
+        }
+
+        //vertical & problems
+        &.seq_vertical_inactive, &.seq_problem_inactive {
+          @extend .inactive;
+          background-image: url('../images/sequence-nav/list-icon-normal.png');
+          background-position: center;
+        }
+
+        &.seq_vertical_visited, &.seq_problem_visited {
+          @extend .visited;
+          background-image: url('../images/sequence-nav/list-icon-visited.png');
+          background-position: center;
+        }
+
+        &.seq_vertical_active, &.seq_problem_active {
+          @extend .active;
+          background-image: url('../images/sequence-nav/list-icon-current.png');
+          background-position: center;
+        }
+
+        p {
+          background: #333;
+          color: #fff;
+          display: none;
+          line-height: lh();
+          left: 0px;
+          opacity: 0;
+          padding: 6px;
+          position: absolute;
+          top: 48px;
+          text-shadow: 0 -1px 0 #000;
+          @include transition(all, .1s, $ease-in-out-quart);
+          white-space: pre;
+          z-index: 99;
+
+          &:empty {
+            background: none;
+
+            &::after {
+              display: none;
+            }
+          }
+
+          &::after {
+            background: #333;
+            content: " ";
+            display: block;
+            height: 10px;
+            left: 18px;
+            position: absolute;
+            top: -5px;
+            @include transform(rotate(45deg));
+            width: 10px;
+          }
+        }
+
+        &:hover {
+          p {
+            display: block;
+            margin-top: 4px;
+            opacity: 1;
+          }
+        }
+      }
+    }
+  }
+
+  ul {
+    list-style: none;
+    height: 100%;
+    position: absolute;
+    right: 0;
+    top: 0;
+    width: flex-grid(1, 9);
+
+    li {
+      float: left;
+      width: 50%;
+
+      &.prev, &.next {
+
+        a {
+          background-color: darken($cream, 5%);
+          background-position: center center;
+          background-repeat: no-repeat;
+          border-left: 1px solid darken(#f6efd4, 20%);
+          @include box-shadow(inset 1px 0 0 lighten(#f6efd4, 5%));
+          @include box-sizing(border-box);
+          cursor: pointer;
+          display: block;
+          text-indent: -9999px;
+          @include transition(all, .2s, $ease-in-out-quad);
+
+          &:hover {
+            opacity: .5;
+          }
+
+          &.disabled {
+            cursor: normal;
+            opacity: .4;
+          }
+        }
+      }
+
+      &.prev {
+        a {
+          background-image: url('../images/sequence-nav/previous-icon.png');
+
+          &:hover {
+            background-color: $cream;
+          }
+        }
+      }
+
+      &.next {
+        a {
+          background-image: url('../images/sequence-nav/next-icon.png');
+
+          &:hover {
+            background-color: $cream;
+          }
+        }
+      }
+    }
+  }
+
+  body.touch-based-device & ol li a:hover p {
+    display: none;
+  }
+}
+
+
+section.course-content {
+  position: relative;
+
+  ol.vert-mod {
+    nav.sequence-nav {
+      margin-top: -15px;
+      @include border-radius(0);
+    }
+  }
+
+  nav.sequence-bottom {
+    margin: lh(2) 0 0;
+    text-align: center;
+
+    ul {
+      @extend .clearfix;
+      background-color: darken(#F6EFD4, 5%);
+      background-color: darken($cream, 5%);
+      border: 1px solid darken(#f6efd4, 20%);
+      @include border-radius(3px);
+      @include box-shadow(inset 0 0 0 1px lighten(#f6efd4, 5%));
+      @include inline-block();
+
+      li {
+        float: left;
+
+        &.prev, &.next {
+          margin-bottom: 0;
+
+          a {
+            background-position: center center;
+            background-repeat: no-repeat;
+            border-bottom: none;
+            display: block;
+            padding: lh(.5) 4px;
+            text-indent: -9999px;
+            @include transition(all, .2s, $ease-in-out-quad);
+            width: 45px;
+
+            &:hover {
+              background-color: $cream;
+              color: darken($cream, 60%);
+              opacity: .5;
+              text-decoration: none;
+            }
+
+            &.disabled {
+              background-color: lighten($cream, 10%);
+              opacity: .4;
+            }
+          }
+        }
+
+        &.prev {
+          a {
+            background-image: url('../images/sequence-nav/previous-icon.png');
+            border-right: 1px solid darken(#f6efd4, 20%);
+
+            &:hover {
+              background-color: none;
+            }
+          }
+        }
+
+        &.next {
+          a {
+            background-image: url('../images/sequence-nav/next-icon.png');
+
+            &:hover {
+              background-color: none;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+

lms/static/sass/sass_old/courseware/_sidebar.scss

+section.course-index {
+  @extend .sidebar;
+  @extend .tran;
+
+  header {
+    max-height: 47px;
+
+    h2 {
+      white-space: nowrap;
+    }
+  }
+
+  div#accordion {
+
+    h3 {
+      @include box-shadow(inset 0 1px 0 0 #eee);
+      border-top: 1px solid #d3d3d3;
+      overflow: hidden;
+      margin: 0;
+
+      &:first-child {
+        border: none;
+      }
+
+      &:hover {
+        @include background-image(linear-gradient(-90deg, rgb(245,245,245), rgb(225,225,225)));
+      }
+
+      &.ui-accordion-header {
+        color: #000;
+
+        a {
+          font-size: $body-font-size;
+          color: lighten($text-color, 10%);
+        }
+
+        &.ui-state-active {
+          @include background-image(linear-gradient(-90deg, rgb(245,245,245), rgb(225,225,225)));
+          @extend .active;
+          border-bottom: 1px solid #d3d3d3;
+        }
+      }
+    }
+
+    ul.ui-accordion-content {
+      @include border-radius(0);
+      @include box-shadow(inset -1px 0 0 #e6e6e6);
+      background: #dadada;
+      border: none;
+      font-size: 12px;
+      margin: 0;
+      padding: 1em 1.5em;
+
+      li {
+        background: transparent;
+        border: 1px solid transparent;
+        @include border-radius(4px);
+        margin-bottom: lh(.5);
+        position: relative;
+        padding: 5px 36px 5px 10px;
+
+        a {
+          text-decoration: none;
+          display: block;
+          color: #666;
+
+          p {
+            font-weight: bold;
+            margin-bottom: 0;
+
+            span.subtitle {
+              color: #666;
+              font-weight: normal;
+              display: block;
+            }
+          }
+        }
+
+        &:after {
+          background: transparent;
+          border-top: 1px solid rgb(180,180,180);
+          border-right: 1px solid rgb(180,180,180);
+          content: "";
+          display: block;
+          height: 12px;
+          margin-top: -6px;
+          opacity: 0;
+          position: absolute;
+          top: 50%;
+          right: 30px;
+          @include transform(rotate(45deg));
+          width: 12px;
+        }
+
+        &:hover {
+          @include background-image(linear-gradient(-90deg, rgba(245,245,245, 0.4), rgba(230,230,230, 0.4)));
+          border-color: rgb(200,200,200);
+
+          &:after {
+            opacity: 1;
+            right: 15px;
+            @include transition(all, 0.2s, linear);
+          }
+
+          > a p {
+            color: #333;
+          }
+        }
+
+        &:active {
+          @include box-shadow(inset 0 1px 14px 0 rgba(0,0,0, 0.1));
+          top: 1px;
+
+          &:after {
+            opacity: 1;
+            right: 15px;
+          }
+        }
+
+        &.active {
+          background: rgb(240,240,240);
+          @include background-image(linear-gradient(-90deg, rgb(245,245,245), rgb(230,230,230)));
+          border-color: rgb(200,200,200);
+          font-weight: bold;
+
+          > a p {
+            color: #333;
+          }
+
+          span.subtitle {
+            font-weight: normal;
+          }
+
+          &:after {
+            opacity: 1;
+            right: 15px;
+          }
+        }
+      }
+    }
+  }
+}

lms/static/sass/sass_old/courseware/_video.scss

+@-moz-document url-prefix() {
+  a.add-fullscreen {
+    display: none !important;
+  }
+}
+
+section.course-content {
+  .dullify {
+    opacity: .4;
+    @include transition();
+
+    &:hover {
+      opacity: 1;
+    }
+  }
+
+  div.video {
+    @include clearfix();
+    background: #f3f3f3;
+    border-bottom: 1px solid #e1e1e1;
+    border-top: 1px solid #e1e1e1;
+    display: block;
+    margin: 0 (-(lh()));
+    padding: 6px lh();
+
+    article.video-wrapper {
+      float: left;
+      margin-right: flex-gutter(9);
+      width: flex-grid(6, 9);
+
+      section.video-player {
+        height: 0;
+        overflow: hidden;
+        padding-bottom: 56.25%;
+        padding-top: 30px;
+        position: relative;
+
+        object, iframe {
+          border: none;
+          height: 100%;
+          left: 0;
+          position: absolute;
+          top: 0;
+          width: 100%;
+        }
+      }
+
+      section.video-controls {
+        @extend .clearfix;
+        background: #333;
+        border: 1px solid #000;
+        border-top: 0;
+        color: #ccc;
+        position: relative;
+
+        &:hover {
+          ul, div {
+            opacity: 1;
+          }
+        }
+
+        div.slider {
+          @extend .clearfix;
+          background: #c2c2c2;
+          border: none;
+          border-bottom: 1px solid #000;
+          @include border-radius(0);
+          border-top: 1px solid #000;
+          @include box-shadow(inset 0 1px 0 #eee, 0 1px 0 #555);
+          height: 7px;
+          @include transition(height 2.0s ease-in-out);
+
+          div.ui-widget-header {
+            background: #777;
+            @include box-shadow(inset 0 1px 0 #999);
+          }
+
+          .ui-tooltip.qtip .ui-tooltip-content {
+            background: $mit-red;
+            border: 1px solid darken($mit-red, 20%);
+            @include border-radius(2px);
+            @include box-shadow(inset 0 1px 0 lighten($mit-red, 10%));
+            color: #fff;
+            font: bold 12px $body-font-family;
+            margin-bottom: 6px;
+            margin-right: 0;
+            overflow: visible;
+            padding: 4px;
+            text-align: center;
+            text-shadow: 0 -1px 0 darken($mit-red, 10%);
+            -webkit-font-smoothing: antialiased;
+
+            &::after {
+              background: $mit-red;
+              border-bottom: 1px solid darken($mit-red, 20%);
+              border-right: 1px solid darken($mit-red, 20%);
+              bottom: -5px;
+              content: " ";
+              display: block;
+              height: 7px;
+              left: 50%;
+              margin-left: -3px;
+              position: absolute;
+              @include transform(rotate(45deg));
+              width: 7px;
+            }
+          }
+
+          a.ui-slider-handle {
+            background: $mit-red url(../images/slider-handle.png) center center no-repeat;
+            @include background-size(50%);
+            border: 1px solid darken($mit-red, 20%);
+            @include border-radius(15px);
+            @include box-shadow(inset 0 1px 0 lighten($mit-red, 10%));
+            cursor: pointer;
+            height: 15px;
+            margin-left: -7px;
+            top: -4px;
+            @include transition(height 2.0s ease-in-out, width 2.0s ease-in-out);
+            width: 15px;
+
+            &:focus, &:hover {
+              background-color: lighten($mit-red, 10%);
+              outline: none;
+            }
+          }
+        }
+
+        ul.vcr {
+          @extend .dullify;
+          float: left;
+          list-style: none;
+          margin-right: lh();
+          padding: 0;
+
+          li {
+            float: left;
+            margin-bottom: 0;
+
+
+            a {
+              border-bottom: none;
+              border-right: 1px solid #000;
+              @include box-shadow(1px 0 0 #555);
+              cursor: pointer;
+              display: block;
+              line-height: 46px;
+              padding: 0 lh(.75);
+              text-indent: -9999px;
+              @include transition(background-color, opacity);
+              width: 14px;
+              background: url('../images/vcr.png') 15px 15px no-repeat;
+
+              &:empty {
+                height: 46px;
+                background: url('../images/vcr.png') 15px 15px no-repeat;
+              }
+
+              &.play {
+                background-position: 17px -114px;
+
+                &:hover {
+                  background-color: #444;
+                }
+              }
+
+              &.pause {
+                background-position: 16px -50px;
+
+                &:hover {
+                  background-color: #444;
+                }
+              }
+            }
+
+            div.vidtime {
+              padding-left: lh(.75);
+              font-weight: bold;
+              line-height: 46px; //height of play pause buttons
+              padding-left: lh(.75);
+              -webkit-font-smoothing: antialiased;
+            }
+          }
+        }
+
+        div.secondary-controls {
+          @extend .dullify;
+          float: right;
+
+          div.speeds {
+            float: left;
+            position: relative;
+
+            &.open {
+              &>a {
+                background: url('../images/open-arrow.png') 10px center no-repeat;
+              }
+
+              ol.video_speeds {
+                display: block;
+                opacity: 1;
+              }
+            }
+
+            &>a {
+              background: url('../images/closed-arrow.png') 10px center no-repeat;
+              border-left: 1px solid #000;
+              border-right: 1px solid #000;
+              @include box-shadow(1px 0 0 #555, inset 1px 0 0 #555);
+              @include clearfix();
+              color: #fff;
+              cursor: pointer;
+              display: block;
+              line-height: 46px; //height of play pause buttons
+              margin-right: 0;
+              padding-left: 15px;
+              position: relative;
+              @include transition();
+              -webkit-font-smoothing: antialiased;
+              width: 110px;
+
+              h3 {
+                color: #999;
+                float: left;
+                font-size: 12px;
+                font-weight: normal;
+                letter-spacing: 1px;
+                padding: 0 lh(.25) 0 lh(.5);
+                text-transform: uppercase;
+              }
+
+              p.active {
+                float: left;
+                font-weight: bold;
+                margin-bottom: 0;
+                padding: 0 lh(.5) 0 0;
+              }
+
+              &:hover, &:active, &:focus {
+                opacity: 1;
+                background-color: #444;
+              }
+            }
+
+            // fix for now
+            ol.video_speeds {
+              @include box-shadow(inset 1px 0 0 #555, 0 3px 0 #444);
+              @include transition();
+              background-color: #444;
+              border: 1px solid #000;
+              bottom: 46px;
+              display: none;
+              opacity: 0;
+              position: absolute;
+              width: 125px;
+              z-index: 10;
+
+              li {
+                @include box-shadow( 0 1px 0 #555);
+                border-bottom: 1px solid #000;
+                color: #fff;
+                cursor: pointer;
+
+                a {
+                  border: 0;
+                  color: #fff;
+                  display: block;
+                  padding: lh(.5);
+
+                  &:hover {
+                    background-color: #666;
+                    color: #aaa;
+                  }
+                }
+
+                &.active {
+                  font-weight: bold;
+                }
+
+                &:last-child {
+                  @include box-shadow(none);
+                  border-bottom: 0;
+                  margin-top: 0;
+                }
+              }
+            }
+          }
+
+          div.volume {
+            float: left;
+            position: relative;
+
+            &.open {
+              .volume-slider-container {
+                display: block;
+                opacity: 1;
+              }
+            }
+
+            &.muted {
+              &>a {
+                background: url('../images/mute.png') 10px center no-repeat;
+              }
+            }
+
+            > a {
+              background: url('../images/volume.png') 10px center no-repeat;
+              border-right: 1px solid #000;
+              @include box-shadow(1px 0 0 #555, inset 1px 0 0 #555);
+              @include clearfix();
+              color: #fff;
+              cursor: pointer;
+              display: block;
+              height: 46px;
+              margin-right: 0;
+              padding-left: 15px;
+              position: relative;
+              @include transition();
+              -webkit-font-smoothing: antialiased;
+              width: 30px;
+
+              &:hover, &:active, &:focus {
+                background-color: #444;
+              }
+            }
+
+            .volume-slider-container {
+              @include box-shadow(inset 1px 0 0 #555, 0 3px 0 #444);
+              @include transition();
+              background-color: #444;
+              border: 1px solid #000;
+              bottom: 46px;
+              display: none;
+              opacity: 0;
+              position: absolute;
+              width: 45px;
+              height: 125px;
+              margin-left: -1px;
+              z-index: 10;
+
+              .volume-slider {
+                height: 100px;
+                border: 0;
+                width: 5px;
+                margin: 14px auto;
+                background: #666;
+                border: 1px solid #000;
+                @include box-shadow(0 1px 0 #333);
+
+                a.ui-slider-handle {
+                  background: $mit-red url(../images/slider-handle.png) center center no-repeat;
+                  @include background-size(50%);
+                  border: 1px solid darken($mit-red, 20%);
+                  @include border-radius(15px);
+                  @include box-shadow(inset 0 1px 0 lighten($mit-red, 10%));
+                  cursor: pointer;
+                  height: 15px;
+                  left: -6px;
+                  @include transition(height 2.0s ease-in-out, width 2.0s ease-in-out);
+                  width: 15px;
+                }
+
+                .ui-slider-range {
+                  background: #ddd;
+                }
+              }
+            }
+          }
+
+          a.add-fullscreen {
+            background: url(../images/fullscreen.png) center no-repeat;
+            border-right: 1px solid #000;
+            @include box-shadow(1px 0 0 #555, inset 1px 0 0 #555);
+            color: #797979;
+            display: block;
+            float: left;
+            line-height: 46px; //height of play pause buttons
+            margin-left: 0;
+            padding: 0 lh(.5);
+            text-indent: -9999px;
+            @include transition();
+            width: 30px;
+
+            &:hover {
+              background-color: #444;
+              color: #fff;
+              text-decoration: none;
+            }
+          }
+
+          a.hide-subtitles {
+            background: url('../images/cc.png') center no-repeat;
+            color: #797979;
+            display: block;
+            float: left;
+            font-weight: 800;
+            line-height: 46px; //height of play pause buttons
+            margin-left: 0;
+            opacity: 1;
+            padding: 0 lh(.5);
+            position: relative;
+            text-indent: -9999px;
+            @include transition();
+            -webkit-font-smoothing: antialiased;
+            width: 30px;
+
+            &:hover {
+              background-color: #444;
+              color: #fff;
+              text-decoration: none;
+            }
+
+            &.off {
+              opacity: .7;
+            }
+          }
+        }
+      }
+
+      &:hover section.video-controls {
+        ul, div {
+          opacity: 1;
+        }
+
+        div.slider {
+          height: 14px;
+          margin-top: -7px;
+
+          a.ui-slider-handle {
+            @include border-radius(20px);
+            height: 20px;
+            margin-left: -10px;
+            top: -4px;
+            width: 20px;
+          }
+        }
+      }
+    }
+
+    ol.subtitles {
+      float: left;
+      max-height: 460px;
+      overflow: auto;
+      width: flex-grid(3, 9);
+
+      li {
+        border: 0;
+        color: #666;
+        cursor: pointer;
+        margin-bottom: 8px;
+        padding: 0;
+
+        &.current {
+          color: #333;
+          font-weight: 700;
+        }
+
+        &:hover {
+          color: $mit-red;
+        }
+
+        &:empty {
+          margin-bottom: 0px;
+        }
+      }
+    }
+
+    &.closed {
+      @extend .trans;
+
+      article.video-wrapper {
+        width: flex-grid(9,9);
+      }
+
+      ol.subtitles {
+        width: 0px;
+      }
+    }
+
+    &.fullscreen {
+      background: rgba(#000, .95);
+      border: 0;
+      bottom: 0;
+      height: 100%;
+      left: 0;
+      margin: 0;
+      max-height: 100%;
+      overflow: hidden;
+      padding: 0;
+      position: fixed;
+      top: 0;
+      width: 100%;
+      z-index: 999;
+
+      &.closed {
+        ol.subtitles {
+          right: -(flex-grid(4));
+          width: auto;
+        }
+      }
+
+      a.exit {
+        color: #aaa;
+        display: none;
+        font-style: 12px;
+        left: 20px;
+        letter-spacing: 1px;
+        position: absolute;
+        text-transform: uppercase;
+        top: 20px;
+
+        &::after {
+          content: "✖";
+          @include inline-block();
+          padding-left: 6px;
+        }
+
+        &:hover {
+          color: $mit-red;
+        }
+      }
+
+      div.tc-wrapper {
+        article.video-wrapper {
+          width: 100%;
+        }
+
+        object, iframe {
+          bottom: 0;
+          height: 100%;
+          left: 0;
+          overflow: hidden;
+          position: fixed;
+          top: 0;
+        }
+
+        section.video-controls {
+          bottom: 0;
+          left: 0;
+          position: absolute;
+          width: 100%;
+          z-index: 9999;
+        }
+      }
+
+      ol.subtitles {
+        background: rgba(#000, .8);
+        bottom: 0;
+        height: 100%;
+        max-height: 100%;
+        max-width: flex-grid(3);
+        padding: lh();
+        position: fixed;
+        right: 0;
+        top: 0;
+        @include transition();
+
+        li {
+          color: #aaa;
+
+          &.current {
+            color: #fff;
+          }
+        }
+      }
+    }
+  }
+}
+
+div.course-wrapper.closed section.course-content div.video {
+  ol.subtitles {
+    max-height: 577px;
+  }
+}

lms/static/sass/sass_old/discussion/_answers.scss

+// Styles for individual answers
+
+div.answer-controls {
+  @include box-sizing(border-box);
+  display: inline-block;
+  margin: 0 0 15px;
+  padding-left: flex-grid(1.1);
+  width: 100%;
+
+  div.answer-count {
+    display: inline-block;
+    float: left;
+  }
+
+  div.answer-sort {
+    float: right;
+    margin-left: flex-gutter();
+
+    nav {
+      @extend .action-link;
+      float: right;
+      margin-top: 34px;
+
+      a {
+        &.on span{
+          font-weight: bold;
+        }
+
+        &:before {
+          content: '|';
+          color: #ccc;
+          font-size: 16px;
+        }
+      }
+    }
+  }
+}
+
+div.answer-block {
+  @extend div.question-header;
+  border-top: #ddd 1px solid;
+  display: inline-block;
+  float: left;
+  padding-top: 20px;
+  width: 100%;
+
+  img.answer-img-accept {
+    margin: 10px 0px 10px 16px;
+  }
+  div.answer-container {
+    @extend div.question-container;
+
+    div.answer-content {
+      @extend div.question-content;
+
+      div.answer-body {
+        @extend div.question-body;
+      }
+    }
+  }
+
+  div.meta-bar {
+    div.answer-actions {
+      @extend div.question-actions;
+    }
+  }
+
+  div.answered-by-owner {
+    p {
+      font-style: italic;
+      color: #656565;
+    }
+
+    div.comments-container {
+      color: #555;
+    }
+  }
+
+  div.accepted-answer {
+    p {
+      color:#000;
+    }
+  }
+
+  div.deleted {
+    p {
+      color: $mit-red;
+    }
+  }
+
+  img.answer-img-accept {
+    opacity: 0.7;
+  }
+}
+
+div.paginator {
+  @extend div.answer-block;
+  text-align: center;
+  padding: 20px 0;
+
+  span {
+    @include border-radius(3px);
+    background: #eee;
+    margin: 0 5px;
+    padding: 4px 10px;
+
+    &.curr {
+      background: none;
+      color: $mit-red;
+      font-weight: bold;
+    }
+
+    &.next, &.prev {
+      @extend .light-button;
+    }
+
+    a {
+      color: #555;
+      text-decoration: none;
+      border-bottom: none;
+    }
+  }
+}
+
+div.answer-own {
+  border-top: 1px solid #eee;
+  overflow:hidden;
+  padding-left: flex-grid(1.2);
+  padding-top: 10px;
+}
+
+div.answer-actions {
+  margin: 0;
+  padding:8px 8px 8px 0;
+  text-align: right;
+  border-top: 1px solid #efefef;
+
+  span.sep {
+    color: #EDDFAA;
+  }
+
+  a {
+    cursor: pointer;
+    text-decoration: none;
+
+    &.question-delete {
+      // color: $mit-red;
+    }
+  }
+}
+

lms/static/sass/sass_old/discussion/_askbot-original.scss

+// original Askbot styles
+
+// body {
+//   background: #fff;
+//   font-size: 14px;
+//   line-height: 150%;
+//   margin: 0;
+//   padding: 0;
+//   color: #000;
+//   font-family: arial; }
+
+// div {
+//   margin: 0 auto;
+//   padding: 0; }
+
+// h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form, img, p {
+//   margin: 0;
+//   padding: 0;
+//   border: none; }
+
+// label {
+//   vertical-align: middle; }
+
+// hr {
+//   border: none;
+//   border-top: 1px dashed #ccccce; }
+
+// input, select {
+//   vertical-align: middle;
+//   font-family: trebuchet ms,"segoe ui",helvetica,tahoma,verdana,mingliu,pmingliu,arial,sans-serif;
+//   margin-left: 0px; }
+
+// textarea:focus, input:focus {
+//   outline: none; }
+
+// iframe {
+//   border: none; }
+
+// p {
+//   font-size: 14px;
+//   line-height: 140%;
+//   margin-bottom: 6px; }
+
+// a {
+//   color: #1b79bd;
+//   text-decoration: none;
+//   cursor: pointer; }
+
+// h2 {
+//   font-size: 21px;
+//   padding: 3px 0 3px 5px; }
+
+// h3 {
+//   font-size: 19px;
+//   padding: 3px 0 3px 5px; }
+
+// ul {
+//   list-style: disc;
+//   margin-left: 20px;
+//   padding-left: 0px;
+//   margin-bottom: 1em; }
+
+// ol {
+//   list-style: decimal;
+//   margin-left: 30px;
+//   margin-bottom: 1em;
+//   padding-left: 0px; }
+
+// td ul {
+//   vertical-align: middle; }
+
+// li input {
+//   margin: 3px 3px 4px 3px; }
+
+// pre {
+//   font-family: consolas, monaco, liberation mono, lucida console, monospace;
+//   font-size: 100%;
+//   margin-bottom: 10px;
+//   background-color: #f5f5f5;
+//   padding-left: 5px;
+//   padding-top: 5px;
+//   padding-bottom: 20px; }
+
+// code {
+//   font-family: consolas, monaco, liberation mono, lucida console, monospace;
+//   font-size: 100%; }
+
+// blockquote {
+//   margin-bottom: 10px;
+//   margin-right: 15px;
+//   padding: 10px 0px 1px 10px;
+//   background-color: #f5f5f5; }
+
+// * html {
+//   .clearfix, .paginator {
+//     height: 1;
+//     overflow: visible; } }
+
+// +html {
+//   .clearfix, .paginator {
+//     min-height: 1%; } }
+
+// .clearfix:after, .paginator:after {
+//   clear: both;
+//   content: ".";
+//   display: block;
+//   height: 0;
+//   visibility: hidden; }
+
+// .badges a {
+//   color: #763333;
+//   text-decoration: underline; }
+
+// a:hover {
+//   text-decoration: underline; }
+
+.badge-context-toggle.active {
+  cursor: pointer;
+  text-decoration: underline; }
+
+// h1 {
+//   font-size: 24px;
+//   padding: 10px 0 5px 0px; }
+
+body.user-messages {
+  margin-top: 2.4em; }
+
+// .left {
+//   float: left; }
+
+// .right {
+//   float: right; }
+
+// .clean {
+//   clear: both; }
+
+// .center {
+//   margin: 0 auto;
+//   padding: 0; }
+
+.notify {
+  position: fixed;
+  top: 0px;
+  left: 0px;
+  width: 100%;
+  z-index: 100;
+  padding: 0;
+  text-align: center;
+  background-color: #f5dd69;
+  border-top: #fff 1px solid;
+  font-family: 'yanone kaffeesatz',sans-serif;
+  p.notification {
+    margin-top: 6px;
+    margin-bottom: 6px;
+    font-size: 16px;
+    color: #424242; } }
+
+#closenotify {
+  position: absolute;
+  right: 5px;
+  top: 7px;
+  color: #735005;
+  text-decoration: none;
+  line-height: 18px;
+  background: -6px -5px url(../default/media/images/sprites.png) no-repeat;
+  cursor: pointer;
+  width: 20px;
+  height: 20px;
+  &:hover {
+    background: -26px -5px url(../default/media/images/sprites.png) no-repeat; } }
+
+#header {
+  margin-top: 0px;
+  background: #16160f;
+  font-family: 'yanone kaffeesatz',sans-serif; }
+
+/*.content-wrapper {
+  width: 960px;
+  margin: auto;
+  position: relative; }*/
+
+#logo img {
+  padding: 5px 0px 5px 0px;
+  height: 75px;
+  width: auto;
+  float: left; }
+
+#usertoolsnav {
+  height: 20px;
+  padding-bottom: 5px;
+  a {
+    height: 35px;
+    text-align: right;
+    margin-left: 20px;
+    text-decoration: underline;
+    color: #d0e296;
+    font-size: 16px;
+    &:first-child {
+      margin-left: 0; }
+    &#ab-responses {
+      margin-left: 3px; } }
+  .user-info, .user-micro-info {
+    color: #b5b593; }
+  a img {
+    vertical-align: middle;
+    margin-bottom: 2px; }
+  .user-info a {
+    margin: 0;
+    text-decoration: none; } }
+
+#metanav {
+  float: right;
+  a {
+    color: #e2e2ae;
+    padding: 0px 0px 0px 35px;
+    height: 25px;
+    line-height: 30px;
+    margin: 5px 0px 0px 10px;
+    font-size: 18px;
+    font-weight: 100;
+    text-decoration: none;
+    display: block;
+    float: left;
+    &:hover {
+      text-decoration: underline; }
+    &.on {
+      font-weight: bold;
+      color: #fff;
+      text-decoration: none; }
+    &.special {
+      font-size: 18px;
+      color: #b02b2c;
+      font-weight: bold;
+      text-decoration: none;
+      &:hover {
+        text-decoration: underline; } } }
+  #navtags {
+    background: -50px -5px url(../default/media/images/sprites.png) no-repeat; }
+  #navusers {
+    background: -125px -5px url(../default/media/images/sprites.png) no-repeat; }
+  #navbadges {
+    background: -210px -5px url(../default/media/images/sprites.png) no-repeat; } }
+
+// #header {
+//   &.with-logo #usertoolsnav {
+//     position: absolute;
+//     bottom: 0;
+//     right: 0px; }
+//   &.without-logo {
+//     #usertoolsnav {
+//       float: left;
+//       margin-top: 7px; }
+//     #metanav {
+//       margin-bottom: 7px; } } }
+
+// #secondaryheader {
+//   height: 55px;
+//   background: #e9e9e1;
+//   border-bottom: #d3d3c2 1px solid;
+//   border-top: #fcfcfc 1px solid;
+//   margin-bottom: 10px;
+//   font-family: 'yanone kaffeesatz',sans-serif;
+//   #homebutton {
+//     border-right: #afaf9e 1px solid;
+//     background: -6px -36px url(../default/media/images/sprites.png) no-repeat;
+//     height: 55px;
+//     width: 43px;
+//     display: block;
+//     float: left;
+//     &:hover {
+//       background: -51px -36px url(../default/media/images/sprites.png) no-repeat; } }
+//   #scopewrapper {
+//     width: 688px;
+//     float: left;
+//     a {
+//       display: block;
+//       float: left; }
+//     .scope-selector {
+//       font-size: 21px;
+//       color: #5a5a4b;
+//       height: 55px;
+//       line-height: 55px;
+//       margin-left: 24px; }
+//     .on {
+//       background: url(../default/media/images/scopearrow.png) no-repeat center bottom; }
+//     .ask-message {
+//       font-size: 24px; } } }
+
+#searchbar {
+  display: inline-block;
+  background-color: #fff;
+  width: 412px;
+  border: 1px solid #c9c9b5;
+  float: right;
+  height: 42px;
+  margin: 6px 0px 0px 15px;
+  .searchinput, .searchinputcancelable {
+    font-size: 30px;
+    height: 40px;
+    font-weight: 300;
+    background: #fff;
+    border: 0px;
+    color: #484848;
+    padding-left: 10px;
+    font-family: arial;
+    vertical-align: middle; }
+  .searchinput {
+    width: 352px; }
+  .searchinputcancelable {
+    width: 317px; }
+  .logoutsearch {
+    width: 337px; }
+  .searchbtn {
+    font-size: 10px;
+    color: #666;
+    background-color: #eee;
+    height: 42px;
+    border: #fff 1px solid;
+    line-height: 22px;
+    text-align: center;
+    float: right;
+    margin: 0px;
+    width: 48px;
+    background: -98px -36px url(../default/media/images/sprites.png) no-repeat;
+    cursor: pointer;
+    &:hover {
+      background: -146px -36px url(../default/media/images/sprites.png) no-repeat; } }
+  .cancelsearchbtn {
+    font-size: 30px;
+    color: #ce8888;
+    background: #fff;
+    height: 42px;
+    border: 0px;
+    border-left: #deded0 1px solid;
+    text-align: center;
+    width: 35px;
+    cursor: pointer;
+    &:hover {
+      color: #d84040; } } }
+
+body.anon #searchbar {
+  width: 500px;
+  .searchinput {
+    width: 440px; }
+  .searchinputcancelable {
+    width: 405px; } }
+
+#askbutton {
+  background: url(../default/media/images/bigbutton.png) repeat-x bottom;
+  line-height: 44px;
+  text-align: center;
+  width: 200px;
+  height: 42px;
+  font-size: 23px;
+  color: #4a757f;
+  margin-top: 7px;
+  float: right;
+  text-transform: uppercase;
+  border-radius: 5px;
+  -ms-border-radius: 5px;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  -khtml-border-radius: 5px;
+  -webkit-box-shadow: 1px 1px 2px #636363;
+  -moz-box-shadow: 1px 1px 2px #636363;
+  box-shadow: 1px 1px 2px #636363;
+  &:hover {
+    text-decoration: none;
+    background: url(../default/media/images/bigbutton.png) repeat-x top;
+    text-shadow: 0px 1px 0px #c6d9dd;
+    -moz-text-shadow: 0px 1px 0px #c6d9dd;
+    -webkit-text-shadow: 0px 1px 0px #c6d9dd; } }
+
+/*#contentleft {
+  width: 730px;
+  float: left;
+  position: relative;
+  padding-bottom: 10px; }
+
+#contentright {
+  width: 200px;
+  float: right;
+  padding: 0 0px 10px 0px; }*/
+
+#contentfull {
+  float: left;
+  width: 960px; }
+
+.box {
+  /*background: #fff;*/
+  /*padding: 4px 0px 10px 0px;*/
+  /*width: 200px;*/
+  p {
+    margin-bottom: 4px;
+    &.info-box-follow-up-links {
+      text-align: right;
+      margin: 0; } }
+  h2 {
+    // padding-left: 0;
+    // /*background: #eceeeb;*/
+    // height: 30px;
+    // line-height: 30px;
+    // /*text-align: right;*/
+    // /*font-size: 18px !important;*/
+    // // font-weight: normal;
+    // // color: #656565;
+    // /*padding-right: 10px;*/
+    // /*margin-bottom: 10px;*/
+    // /*font-family: 'yanone kaffeesatz',sans-serif;*/
+  }
+  // h3 {
+  //   /*color: #4a757f;*/
+  //   /*font-size: 18px;*/
+  //   text-align: left;
+  //   font-weight: normal;
+  //   /*font-family: 'yanone kaffeesatz',sans-serif;*/
+  //   padding-left: 0px; }
+  // .contributorback {
+  //   background: #eceeeb url(../default/media/images/contributorsback.png) no-repeat center left; }
+  // label {
+  //   color: #707070;
+  //   font-size: 15px;
+  //   display: block;
+  //   float: right;
+  //   text-align: left;
+  //   font-family: 'yanone kaffeesatz',sans-serif;
+  //   width: 80px;
+  //   margin-right: 18px; }
+  // #displaytagfiltercontrol label {
+  //   width: 160px; }
+  // ul {
+  //   margin-left: 22px; }
+  // li {
+  //   list-style-type: disc;
+  //   font-size: 13px;
+  //   line-height: 20px;
+  //   margin-bottom: 10px;
+  //   color: #707070; }
+  // ul.tags {
+  //   list-style: none;
+  //   margin: 0;
+  //   padding: 0;
+  //   line-height: 170%;
+  //   display: block; }
+  // #displaytagfiltercontrol p label {
+  //   color: #707070;
+  //   font-size: 15px; }
+  /*.inputs {
+    #interestingtaginput, #ignoredtaginput {
+      width: 153px;
+      padding-left: 5px;
+      border: #c9c9b5 1px solid;
+      height: 25px; }
+    #interestingtagadd, #ignoredtagadd {
+      background: url(../default/media/images/small-button-blue.png) repeat-x top;
+      border: 0;
+      color: #4a757f;
+      font-weight: bold;
+      font-size: 12px;
+      width: 30px;
+      height: 27px;
+      margin-top: -2px;
+      cursor: pointer;
+      border-radius: 4px;
+      -ms-border-radius: 4px;
+      -moz-border-radius: 4px;
+      -webkit-border-radius: 4px;
+      -khtml-border-radius: 4px;
+      text-shadow: 0px 1px 0px #e6f6fa;
+      -moz-text-shadow: 0px 1px 0px #e6f6fa;
+      -webkit-text-shadow: 0px 1px 0px #e6f6fa;
+      -webkit-box-shadow: 1px 1px 2px #808080;
+      -moz-box-shadow: 1px 1px 2px #808080;
+      box-shadow: 1px 1px 2px #808080; }
+    #interestingtagadd:hover, #ignoredtagadd:hover {
+      background: url(../default/media/images/small-button-blue.png) repeat-x bottom; } }*/
+  // img.gravatar {
+    // margin: 1px; }
+  // a {
+  //   &.followed, &.follow {
+  //     background: url(../default/media/images/medium-button.png) top repeat-x;
+  //     height: 34px;
+  //     line-height: 34px;
+  //     text-align: center;
+  //     border: 0;
+  //     font-family: 'yanone kaffeesatz',sans-serif;
+  //     color: #4a757f;
+  //     font-weight: normal;
+  //     font-size: 21px;
+  //     margin-top: 3px;
+  //     display: block;
+  //     width: 120px;
+  //     text-decoration: none;
+  //     border-radius: 4px;
+  //     -ms-border-radius: 4px;
+  //     -moz-border-radius: 4px;
+  //     -webkit-border-radius: 4px;
+  //     -khtml-border-radius: 4px;
+  //     -webkit-box-shadow: 1px 1px 2px #636363;
+  //     -moz-box-shadow: 1px 1px 2px #636363;
+  //     box-shadow: 1px 1px 2px #636363;
+  //     margin: 0 auto;
+  //     padding: 0; }
+  //   &.followed:hover, &.follow:hover {
+  //     text-decoration: none;
+  //     background: url(../default/media/images/medium-button.png) bottom repeat-x;
+  //     text-shadow: 0px 1px 0px #c6d9dd;
+  //     -moz-text-shadow: 0px 1px 0px #c6d9dd;
+  //     -webkit-text-shadow: 0px 1px 0px #c6d9dd; }
+  //   &.followed {
+  //     div.unfollow {
+  //       display: none; }
+  //     &:hover div {
+  //       display: none;
+  //       &.unfollow {
+  //         display: inline;
+  //         color: #a05736; } } } }
+  // .favorite-number {
+  //   padding: 5px 0 0 5px;
+  //   font-size: 100%;
+  //   font-family: arial;
+  //   font-weight: bold;
+  //   color: #777;
+  //   text-align: center; }
+  // .notify-sidebar #question-subscribe-sidebar {
+    // margin: 7px 0 0 3px; }
+ }
+
+//.statswidget p {
+  // color: #707070;
+  // font-size: 16px;
+  // border-bottom: #cccccc 1px solid;
+  // font-size: 13px;
+  // strong {
+  //   float: right;
+  //   padding-right: 10px; } }
+
+// .questions-related {
+//   word-wrap: break-word;
+//   p {
+//     line-height: 20px;
+//     padding: 4px 0px 4px 0px;
+//     font-size: 16px;
+//     font-weight: normal;
+//     border-bottom: #cccccc 1px solid; }
+//   a {
+//     font-size: 13px; } }
+
+// #tips {
+//   li {
+//     color: #707070;
+//     font-size: 13px;
+//     list-style-image: url(../default/media/images/tips.png); }
+//   a {
+//     font-size: 16px; } }
+
+// #markdownhelp {
+//   li {
+//     color: #707070;
+//     font-size: 13px; }
+//   a {
+//     font-size: 16px; } }
+
+// .tabbar {
+  // background-color: #eff5f6;
+  // height: 30px;
+  // margin-bottom: 3px;
+  // margin-top: 3px;
+  // float: right;
+  // font-family: georgia,serif;
+  // font-size: 16px;
+  // border-radius: 5px;
+  // -ms-border-radius: 5px;
+  // -moz-border-radius: 5px;
+  // -webkit-border-radius: 5px;
+  // -khtml-border-radius: 5px;
+  // h2 {
+  //   float: left; } }
+
+// .tabsa, .tabsc {
+  // float: right;
+  // position: relative;
+  // display: block;
+  // height: 20px; }
+
+// .tabsa {
+  // float: right; }
+
+// .tabsc {
+  // float: left; }
+
+// .tabsa a, .tabsc a {
+  // border-left: 1px solid #d0e1e4;
+  // color: #7ea9b3;
+  // display: block;
+  // float: left;
+  // height: 20px;
+  // line-height: 20px;
+  // padding: 4px 7px 4px 7px;
+  // text-decoration: none; }
+
+// .tabsa a.on, .tabsc a.on, .tabsa a:hover, .tabsc a:hover {
+  // color: #4a757f; }
+
+// .tabsa .label, .tabsc .label {
+  // float: left;
+  // color: #646464;
+  // margin-top: 4px;
+  // margin-right: 5px; }
+
+// .main-page .tabsa .label {
+  // margin-left: 8px; }
+
+// .tabsb a {
+  // background: #eee;
+  // border: 1px solid #eee;
+  // color: #777;
+  // display: block;
+  // float: left;
+  // height: 22px;
+  // line-height: 28px;
+  // margin: 5px 0px 0 4px;
+  // padding: 0 11px 0 11px;
+  // text-decoration: none; }
+
+// .tabsc .first {
+  // border: none; }
+
+// .rss {
+  // float: right;
+  // font-size: 16px;
+  // color: #f57900;
+  // margin: 5px 0px 3px 7px;
+  // width: 52px;
+  // padding-left: 2px;
+  // padding-top: 3px;
+  // background: white url(../default/media/images/feed-icon-small.png) no-repeat center right;
+  // float: right;
+  // font-family: georgia,serif;
+  // font-size: 16px;
+  // &:hover {
+  //   color: #f4a731 !important; } }
+
+// #questioncount {
+//   font-weight: bold;
+//   font-size: 23px;
+//   color: #7ea9b3;
+//   width: 200px;
+//   float: left;
+//   margin-bottom: 8px;
+//   padding-top: 6px;
+//   font-family: 'yanone kaffeesatz',sans-serif; }
+
+// #listsearchtags {
+//   float: left;
+//   margin-top: 3px;
+//   color: #707070;
+//   font-size: 16px;
+//   font-family: 'yanone kaffeesatz',sans-serif; }
+
+// ul#searchtags {
+//   margin-left: 10px;
+//   float: right;
+//   padding-top: 2px; }
+
+// .search-tips {
+//   font-size: 16px;
+//   line-height: 17px;
+//   color: #707070;
+//   margin: 5px 0 10px 0;
+//   padding: 0px;
+//   float: left;
+//   font-family: 'yanone kaffeesatz',sans-serif;
+//   a {
+//     text-decoration: underline;
+//     color: #1b79bd; } }
+
+// #question-list {
+//   float: left;
+//   position: relative;
+//   background-color: #fff;
+//   padding: 0;
+//   width: 100%; }
+
+// .short-summary {
+//   position: relative;
+//   filter: inherit;
+//   padding: 10px;
+//   border-bottom: 1px solid #dddbce;
+//   margin-bottom: 1px;
+//   overflow: hidden;
+//   width: 710px;
+//   float: left;
+//   background: url(../default/media/images/summary-background.png) repeat-x;
+//   h2 {
+//     font-size: 24px;
+//     font-weight: normal;
+//     line-height: 26px;
+//     padding-left: 0;
+//     margin-bottom: 6px;
+//     display: block;
+//     font-family: 'yanone kaffeesatz',sans-serif; }
+//   a {
+//     color: #464646; }
+//   .userinfo {
+//     text-align: right;
+//     line-height: 16px;
+//     font-family: arial;
+//     padding-right: 4px;
+//     .relativetime {
+//       font-size: 11px;
+//       clear: both;
+//       font-weight: normal;
+//       color: #555; } }
+//   span.anonymous {
+//     font-size: 11px;
+//     clear: both;
+//     font-weight: normal;
+//     color: #555; }
+//   .userinfo a {
+//     font-weight: bold;
+//     font-size: 11px; }
+//   .counts {
+//     float: right;
+//     margin: 4px 0 0 5px;
+//     font-family: 'yanone kaffeesatz',sans-serif;
+//     .item-count {
+//       padding: 0px 5px 0px 5px;
+//       font-size: 25px;
+//       font-family: 'yanone kaffeesatz',sans-serif; }
+//     .votes div, .views div, .answers div, .favorites div {
+//       margin-top: 3px;
+//       font-size: 14px;
+//       line-height: 14px;
+//       color: #646464; } }
+//   .tags {
+//     margin-top: 0; }
+//   .votes, .answers, .favorites, .views {
+//     text-align: center;
+//     margin: 0 3px;
+//     padding: 8px 2px 0px 2px;
+//     width: 51px;
+//     float: right;
+//     height: 44px;
+//     border: #dbdbd4 1px solid; }
+//   .votes {
+//     background: url(../default/media/images/vote-background.png) repeat-x; }
+//   .answers {
+//     background: url(../default/media/images/answers-background.png) repeat-x; }
+//   .views {
+//     background: url(../default/media/images/view-background.png) repeat-x; }
+//   .no-votes .item-count {
+//     color: #b1b5b6; }
+//   .some-votes .item-count {
+//     color: #4a757f; }
+//   .no-answers .item-count {
+//     color: #b1b5b6; }
+//   .some-answers .item-count {
+//     color: #eab243; }
+//   .no-views .item-count {
+//     color: #b1b5b6; }
+//   .some-views .item-count {
+//     color: #d33f00; }
+//   .accepted .item-count {
+//     background: url(../default/media/images/accept.png) no-repeat top right;
+//     display: block;
+//     text-align: center;
+//     width: 40px;
+//     color: #eab243; }
+//   .some-favorites .item-count {
+//     background: #338333;
+//     color: #d0f5a9; }
+//   .no-favorites .item-count {
+//     background: #eab243;
+//     color: yellow; } }
+
+// .evenmore {
+//   font-size: 13px;
+//   color: #707070;
+//   padding: 15px 0px 10px 0px;
+//   clear: both;
+//   a {
+//     text-decoration: underline;
+//     color: #1b79bd; } }
+
+.pager {
+  margin-top: 10px;
+  margin-bottom: 16px; }
+
+.pagesize {
+  margin-top: 10px;
+  margin-bottom: 16px;
+  float: right; }
+
+// .paginator {
+//   padding: 5px 0 10px 0;
+//   font-size: 13px;
+//   margin-bottom: 10px;
+//   .prev a, .next a {
+//     background-color: #fff;
+//     color: #777;
+//     padding: 2px 4px 3px 4px;
+//     &:visited {
+//       background-color: #fff;
+//       color: #777;
+//       padding: 2px 4px 3px 4px; } }
+//   a {
+//     color: #7ea9b3; }
+//   .prev {
+//     margin-right: .5em; }
+//   .next {
+//     margin-left: .5em; }
+//   .page a {
+//     padding: .25em;
+//     background-color: #fff;
+//     margin: 0em .25em;
+//     color: #ff;
+//     &:visited {
+//       padding: .25em;
+//       background-color: #fff;
+//       margin: 0em .25em;
+//       color: #ff; } }
+//   .curr {
+//     padding: .25em;
+//     background-color: #fff;
+//     margin: 0em .25em;
+//     color: #ff;
+//     background-color: #8ebcc7;
+//     color: #fff;
+//     font-weight: bold; }
+//   .next a, .prev a {
+//     color: #7ea9b3; }
+//   .page a:hover, .curr a:hover, .prev a:hover, .next a:hover {
+//     color: #8c8c8c;
+//     background-color: #e1e1e1;
+//     text-decoration: none; }
+//   .text {
+//     color: #777;
+//     padding: .3em; }
+//   .paginator-container-left {
+//     padding: 5px 0 10px 0; } }
+
+// .tag-size-1 {
+//   font-size: 12px; }
+
+// .tag-size-2 {
+//   font-size: 13px; }
+
+// .tag-size-3 {
+//   font-size: 14px; }
+
+// .tag-size-4 {
+//   font-size: 15px; }
+
+// .tag-size-5 {
+//   font-size: 16px; }
+
+// .tag-size-6 {
+//   font-size: 17px; }
+
+// .tag-size-7 {
+//   font-size: 18px; }
+
+// .tag-size-8 {
+//   font-size: 19px; }
+
+// .tag-size-9 {
+//   font-size: 20px; }
+
+// .tag-size-10 {
+//   font-size: 21px; }
+
+// ul {
+//   &.tags {
+//     list-style: none;
+//     margin: 0;
+//     padding: 0;
+//     line-height: 170%;
+//     display: block;
+//     &.marked-tags {
+//       list-style: none;
+//       margin: 0;
+//       padding: 0;
+//       line-height: 170%;
+//       display: block; } }
+//   &#related-tags {
+//     list-style: none;
+//     margin: 0;
+//     padding: 0;
+//     line-height: 170%;
+//     display: block; }
+//   &.tags li {
+//     float: left;
+//     display: block;
+//     margin: 0 8px 0 0;
+//     padding: 0;
+//     height: 20px; } }
+
+// .wildcard-tags {
+//   clear: both; }
+
+// ul.tags.marked-tags li, .wildcard-tags ul.tags li {
+//   margin-bottom: 5px; }
+
+// #tagselector div.inputs {
+//   clear: both;
+//   float: none;
+//   margin-bottom: 10px; }
+
+// .tags-page ul.tags li {
+//   width: 160px;
+//   margin: 5px; }
+
+// ul {
+//   &#ab-user-tags li {
+//     width: 160px;
+//     margin: 5px; }
+//   &#related-tags li {
+//     margin: 0 5px 8px 0;
+//     float: left;
+//     clear: left; } }
+
+// .tag-left {
+//   cursor: pointer;
+//   display: block;
+//   float: left;
+//   height: 17px;
+//   margin: 0 5px 0 0;
+//   padding: 0;
+//   -webkit-box-shadow: 0px 0px 5px #d3d6d7;
+//   -moz-box-shadow: 0px 0px 5px #d3d6d7;
+//   box-shadow: 0px 0px 5px #d3d6d7; }
+
+// .tag-right {
+//   background: #f3f6f6;
+//   border: #fff 1px solid;
+//   border-top: #fff 2px solid;
+//   outline: #cfdbdb 1px solid;
+//   display: block;
+//   float: left;
+//   height: 17px;
+//   line-height: 17px;
+//   font-weight: normal;
+//   font-size: 11px;
+//   padding: 0px 8px 0px 8px;
+//   text-decoration: none;
+//   text-align: center;
+//   white-space: nowrap;
+//   vertical-align: middle;
+//   font-family: arial;
+//   color: #717179; }
+
+// .deletable-tag {
+//   margin-right: 3px;
+//   white-space: nowrap;
+//   border-top-right-radius: 4px;
+//   border-bottom-right-radius: 4px;
+//   -moz-border-radius-topright: 4px;
+//   -moz-border-radius-bottomright: 4px;
+//   -webkit-border-bottom-right-radius: 4px;
+//   -webkit-border-top-right-radius: 4px; }
+
+// .tags {
+//   a.tag-right, span.tag-right {
+//     color: #585858;
+//     text-decoration: none; }
+//   a:hover {
+//     color: #1a1a1a; } }
+
+// .users-page h1, .tags-page h1 {
+//   float: left; }
+
+// .main-page h1 {
+//   margin-right: 5px; }
+
+// .delete-icon {
+//   margin-top: -1px;
+//   float: left;
+//   height: 21px;
+//   width: 18px;
+//   display: block;
+//   line-height: 20px;
+//   text-align: center;
+//   background: #bbcdcd;
+//   cursor: default;
+//   color: #fff;
+//   border-top: #cfdbdb 1px solid;
+//   font-family: arial;
+//   border-top-right-radius: 4px;
+//   border-bottom-right-radius: 4px;
+//   -moz-border-radius-topright: 4px;
+//   -moz-border-radius-bottomright: 4px;
+//   -webkit-border-bottom-right-radius: 4px;
+//   -webkit-border-top-right-radius: 4px;
+//   text-shadow: 0px 1px 0px #7ea0a0;
+//   -moz-text-shadow: 0px 1px 0px #7ea0a0;
+//   -webkit-text-shadow: 0px 1px 0px #7ea0a0;
+//   &:hover {
+//     background: #b32f2f; } }
+
+// .tag-number {
+//   font-weight: normal;
+//   float: left;
+//   font-size: 16px;
+//   color: #5d5d5d; }
+
+// .badges .tag-number {
+//   float: none;
+//   display: inline;
+//   padding-right: 15px; }
+
+// .section-title {
+//   color: #7ea9b3;
+//   font-family: 'yanone kaffeesatz',sans-serif;
+//   font-weight: bold;
+//   font-size: 24px; }
+
+// #fmask {
+//   margin-bottom: 30px;
+//   width: 100%; }
+
+// #askformbar {
+//   display: inline-block;
+//   padding: 4px 7px 5px 0px;
+//   margin-top: 0px;
+//   p {
+//     margin: 0 0 5px 0;
+//     font-size: 14px;
+//     color: #525252;
+//     line-height: 1.4; }
+//   .questiontitleinput {
+//     font-size: 24px;
+//     line-height: 24px;
+//     height: 36px;
+//     margin: 0px;
+//     padding: 0px 0 0 5px;
+//     border: #cce6ec 3px solid;
+//     width: 725px; } }
+
+// .ask-page div#question-list, .edit-question-page div#question-list {
+//   float: none;
+//   border-bottom: #f0f0ec 1px solid;
+//   float: left;
+//   margin-bottom: 10px; }
+
+// .ask-page div#question-list a, .edit-question-page div#question-list a {
+//   line-height: 30px; }
+
+// .ask-page div#question-list h2, .edit-question-page div#question-list h2 {
+//   font-size: 13px;
+//   padding-bottom: 0;
+//   color: #1b79bd;
+//   border-top: #f0f0ec 1px solid;
+//   border-left: #f0f0ec 1px solid;
+//   height: 30px;
+//   line-height: 30px;
+//   font-weight: normal; }
+
+// .ask-page div#question-list span, .edit-question-page div#question-list span {
+//   width: 28px;
+//   height: 26px;
+//   line-height: 26px;
+//   text-align: center;
+//   margin-right: 10px;
+//   float: left;
+//   display: block;
+//   color: #fff;
+//   background: #b8d0d5;
+//   border-radius: 3px;
+//   -ms-border-radius: 3px;
+//   -moz-border-radius: 3px;
+//   -webkit-border-radius: 3px;
+//   -khtml-border-radius: 3px; }
+
+// .ask-page label, .edit-question-page label {
+//   color: #525252;
+//   font-size: 13px; }
+
+// .ask-page #id_tags, .edit-question-page #id_tags {
+//   border: #cce6ec 3px solid;
+//   height: 25px;
+//   padding-left: 5px;
+//   width: 395px;
+//   font-size: 14px; }
+
+// .title-desc {
+//   color: #707070;
+//   font-size: 13px; }
+
+// #fmanswer input.submit, .ask-page input.submit, .edit-question-page input.submit {
+//   float: left;
+//   background: url(../default/media/images/medium-button.png) top repeat-x;
+//   height: 34px;
+//   border: 0;
+//   font-family: 'yanone kaffeesatz',sans-serif;
+//   color: #4a757f;
+//   font-weight: normal;
+//   font-size: 21px;
+//   margin-top: 3px;
+//   border-radius: 4px;
+//   -ms-border-radius: 4px;
+//   -moz-border-radius: 4px;
+//   -webkit-border-radius: 4px;
+//   -khtml-border-radius: 4px;
+//   -webkit-box-shadow: 1px 1px 2px #636363;
+//   -moz-box-shadow: 1px 1px 2px #636363;
+//   box-shadow: 1px 1px 2px #636363;
+//   margin-right: 7px; }
+
+// #fmanswer input.submit:hover, .ask-page input.submit:hover, .edit-question-page input.submit:hover {
+//   text-decoration: none;
+//   background: url(../default/media/images/medium-button.png) bottom repeat-x;
+//   text-shadow: 0px 1px 0px #c6d9dd;
+//   -moz-text-shadow: 0px 1px 0px #c6d9dd;
+//   -webkit-text-shadow: 0px 1px 0px #c6d9dd; }
+
+// #editor {
+//   font-size: 100%;
+//   min-height: 200px;
+//   line-height: 18px;
+//   margin: 0;
+//   border-left: #cce6ec 3px solid;
+//   border-bottom: #cce6ec 3px solid;
+//   border-right: #cce6ec 3px solid;
+//   border-top: 0;
+//   padding: 10px;
+//   margin-bottom: 10px;
+//   width: 710px; }
+
+// #id_title {
+//   width: 100%; }
+
+// .wmd-preview {
+//   margin: 3px 0 5px 0;
+//   padding: 6px;
+//   background-color: #f5f5f5;
+//   min-height: 20px;
+//   overflow: auto;
+//   font-size: 13px;
+//   font-family: arial;
+//   p {
+//     margin-bottom: 14px;
+//     line-height: 1.4;
+//     font-size: 14px; }
+//   pre {
+//     background-color: #e7f1f8; }
+//   blockquote {
+//     background-color: #eee; }
+//   img {
+//     max-width: 600px; } }
+
+// .preview-toggle {
+//   width: 100%;
+//   color: #b6a475;
+//   text-align: left;
+//   span:hover {
+//     cursor: pointer; } }
+
+// .after-editor {
+//   margin-top: 15px;
+//   margin-bottom: 15px; }
+
+.checkbox {
+  margin-left: 5px;
+  font-weight: normal;
+  cursor: help; }
+
+// .question-options {
+//   margin-top: 1px;
+//   color: #666;
+//   line-height: 13px;
+//   margin-bottom: 5px;
+//   label {
+//     vertical-align: text-bottom; } }
+
+// .edit-content-html {
+//   border-top: 1px dotted #d8d2a9;
+//   border-bottom: 1px dotted #d8d2a9;
+//   margin: 5px 0 5px 0; }
+
+// .edit-question-page, #fmedit, .wmd-preview {
+//   color: #525252; }
+
+// .edit-question-page #id_revision, #fmedit #id_revision, .wmd-preview #id_revision {
+//   font-size: 14px;
+//   margin-top: 5px;
+//   margin-bottom: 5px; }
+
+// .edit-question-page #id_title, #fmedit #id_title, .wmd-preview #id_title {
+//   font-size: 24px;
+//   line-height: 24px;
+//   height: 36px;
+//   margin: 0px;
+//   padding: 0px 0 0 5px;
+//   border: #cce6ec 3px solid;
+//   width: 725px;
+//   margin-bottom: 10px; }
+
+// .edit-question-page #id_summary, #fmedit #id_summary, .wmd-preview #id_summary {
+//   border: #cce6ec 3px solid;
+//   height: 25px;
+//   padding-left: 5px;
+//   width: 395px;
+//   font-size: 14px; }
+
+// .edit-question-page .title-desc, #fmedit .title-desc, .wmd-preview .title-desc {
+//   margin-bottom: 10px; }
+
+// .question-page {
+//   h1 {
+//     padding-top: 0px;
+//     font-family: 'yanone kaffeesatz',sans-serif;
+//     a {
+//       color: #464646;
+//       font-size: 30px;
+//       font-weight: normal;
+//       line-height: 1; } }
+//   p.rss {
+//     float: none;
+//     clear: both;
+//     padding: 3px 0 0 23px;
+//     font-size: 15px;
+//     width: 110px;
+//     background-position: center left;
+//     margin-left: 0px !important;
+//     a {
+//       font-family: 'yanone kaffeesatz',sans-serif;
+//       vertical-align: top; } }
+//   .question-content {
+//     float: right;
+//     width: 682px;
+//     margin-bottom: 10px; }
+//   #question-table {
+//     float: left;
+//     border-top: #f0f0f0 1px solid;
+//     margin: 6px 0 6px 0;
+//     border-spacing: 0px;
+//     width: 670px;
+//     padding-right: 10px; }
+//   .answer-table {
+//     margin: 6px 0 6px 0;
+//     border-spacing: 0px;
+//     width: 670px;
+//     padding-right: 10px;
+//     margin-top: 0px;
+//     border-bottom: 1px solid #d4d4d4;
+//     float: right;
+//     td {
+//       width: 20px;
+//       vertical-align: top; } }
+//   #question-table td {
+//     width: 20px;
+//     vertical-align: top; }
+//   .question-body, .answer-body {
+//     overflow: auto;
+//     margin-top: 10px;
+//     font-family: arial;
+//     color: #4b4b4b; }
+//   .question-body p, .answer-body p {
+//     margin-bottom: 14px;
+//     line-height: 1.4;
+//     font-size: 14px;
+//     padding: 0px 5px 5px 0px; }
+//   .question-body a, .answer-body a {
+//     color: #1b79bd; }
+//   .question-body li, .answer-body li {
+//     margin-bottom: 7px; }
+//   .question-body img, .answer-body img {
+//     max-width: 600px; }
+//   .post-update-info-container {
+//     float: right;
+//     width: 175px; }
+//   .post-update-info {
+//     background: white url(../default/media/images/background-user-info.png) repeat-x bottom;
+//     float: right;
+//     font-size: 9px;
+//     font-family: arial;
+//     width: 158px;
+//     padding: 4px;
+//     margin: 0px 0px 5px 5px;
+//     line-height: 14px;
+//     border-radius: 4px;
+//     -ms-border-radius: 4px;
+//     -moz-border-radius: 4px;
+//     -webkit-border-radius: 4px;
+//     -khtml-border-radius: 4px;
+//     -webkit-box-shadow: 0px 2px 1px #bfbfbf;
+//     -moz-box-shadow: 0px 2px 1px #bfbfbf;
+//     box-shadow: 0px 2px 1px #bfbfbf;
+//     p {
+//       line-height: 13px;
+//       font-size: 11px;
+//       margin: 0 0 2px 1px;
+//       padding: 0; }
+//     a {
+//       color: #444; }
+//     .gravatar {
+//       float: left;
+//       margin-right: 4px; }
+//     p.tip {
+//       color: #444;
+//       line-height: 13px;
+//       font-size: 10px; } }
+//   .post-controls {
+//     font-size: 11px;
+//     line-height: 12px;
+//     min-width: 200px;
+//     padding-left: 5px;
+//     text-align: right;
+//     clear: left;
+//     float: right;
+//     margin-top: 10px;
+//     margin-bottom: 8px;
+//     a {
+//       color: #777;
+//       padding: 0px 3px 3px 22px;
+//       cursor: pointer;
+//       border: none;
+//       font-size: 12px;
+//       font-family: arial;
+//       text-decoration: none;
+//       height: 18px;
+//       display: block;
+//       float: right;
+//       line-height: 18px;
+//       margin-top: -2px;
+//       margin-left: 4px;
+//       &:hover {
+//         background-color: #f5f0c9;
+//         border-radius: 3px;
+//         -ms-border-radius: 3px;
+//         -moz-border-radius: 3px;
+//         -webkit-border-radius: 3px;
+//         -khtml-border-radius: 3px; } }
+//     .sep {
+//       color: #ccc;
+//       float: right;
+//       height: 18px;
+//       font-size: 18px; }
+//     .question-delete {
+//       background: url(../default/media/images/delete.png) no-repeat center left;
+//       padding-left: 16px; } }
+//   .answer-controls .question-delete {
+//     background: url(../default/media/images/delete.png) no-repeat center left;
+//     padding-left: 16px; }
+//   .post-controls .question-flag, .answer-controls .question-flag {
+//     background: url(../default/media/images/flag.png) no-repeat center left; }
+//   .post-controls .question-edit, .answer-controls .question-edit {
+//     background: url(../default/media/images/edit2.png) no-repeat center left; }
+//   .post-controls .question-retag, .answer-controls .question-retag {
+//     background: url(../default/media/images/retag.png) no-repeat center left; }
+//   .post-controls .question-close, .answer-controls .question-close {
+//     background: url(../default/media/images/close.png) no-repeat center left; }
+//   .post-controls .permant-link, .answer-controls .permant-link {
+//     background: url(../default/media/images/link.png) no-repeat center left; }
+//   .tabbar {
+//     width: 100%; }
+//   #questioncount {
+//     float: left;
+//     font-family: 'yanone kaffeesatz',sans-serif;
+//     line-height: 15px; }
+//   .question-img-upvote, .question-img-downvote, .answer-img-upvote, .answer-img-downvote {
+//     width: 25px;
+//     height: 20px;
+//     cursor: pointer; }
+//   .question-img-upvote, .answer-img-upvote {
+//     background: url(../default/media/images/vote-arrow-up-new.png) no-repeat; }
+//   .question-img-downvote, .answer-img-downvote {
+//     background: url(../default/media/images/vote-arrow-down-new.png) no-repeat; }
+//   .question-img-upvote {
+//     &:hover, &.on {
+//       background: url(../default/media/images/vote-arrow-up-on-new.png) no-repeat; } }
+//   .answer-img-upvote {
+//     &:hover, &.on {
+//       background: url(../default/media/images/vote-arrow-up-on-new.png) no-repeat; } }
+//   .question-img-downvote {
+//     &:hover, &.on {
+//       background: url(../default/media/images/vote-arrow-down-on-new.png) no-repeat; } }
+//   .answer-img-downvote {
+//     &:hover, &.on {
+//       background: url(../default/media/images/vote-arrow-down-on-new.png) no-repeat; } }
+//   #fmanswer_button {
+//     margin: 8px 0px; }
+//   .question-img-favorite:hover {
+//     background: url(../default/media/images/vote-favorite-on.png); }
+//   div.comments {
+//     padding: 0; }
+//   #comment-title {
+//     font-weight: bold;
+//     font-size: 23px;
+//     color: #7ea9b3;
+//     width: 200px;
+//     float: left;
+//     font-family: 'yanone kaffeesatz',sans-serif; }
+//   .comments {
+//     font-size: 12px;
+//     clear: both;
+//     div.controls {
+//       clear: both;
+//       float: left;
+//       width: 100%;
+//       margin: 3px 0 20px 5px; }
+//     .controls a {
+//       color: #988e4c;
+//       padding: 0 3px 2px 22px;
+//       font-family: arial;
+//       font-size: 13px;
+//       background: url(../default/media/images/comment.png) no-repeat center left;
+//       &:hover {
+//         background-color: #f5f0c9;
+//         text-decoration: none; } }
+//     .button {
+//       color: #988e4c;
+//       font-size: 11px;
+//       padding: 3px;
+//       cursor: pointer; }
+//     a {
+//       background-color: inherit;
+//       color: #1b79bd;
+//       padding: 0; }
+//     form.post-comments {
+//       margin: 3px 26px 0 42px;
+//       textarea {
+//         font-size: 13px;
+//         line-height: 1.3; } }
+//     textarea {
+//       height: 42px;
+//       width: 100%;
+//       margin: 7px 0 5px 1px;
+//       font-family: arial;
+//       outline: none;
+//       overflow: auto;
+//       font-size: 12px;
+//       line-height: 140%;
+//       padding-left: 2px;
+//       padding-top: 3px;
+//       border: #cce6ec 3px solid; }
+//     input {
+//       margin-left: 10px;
+//       margin-top: 1px;
+//       vertical-align: top;
+//       width: 100px; }
+//     button {
+//       background: url(../default/media/images/small-button-blue.png) repeat-x top;
+//       border: 0;
+//       color: #4a757f;
+//       font-family: arial;
+//       font-size: 13px;
+//       width: 100px;
+//       font-weight: bold;
+//       height: 27px;
+//       line-height: 25px;
+//       margin-bottom: 5px;
+//       cursor: pointer;
+//       border-radius: 4px;
+//       -ms-border-radius: 4px;
+//       -moz-border-radius: 4px;
+//       -webkit-border-radius: 4px;
+//       -khtml-border-radius: 4px;
+//       text-shadow: 0px 1px 0px #e6f6fa;
+//       -moz-text-shadow: 0px 1px 0px #e6f6fa;
+//       -webkit-text-shadow: 0px 1px 0px #e6f6fa;
+//       -webkit-box-shadow: 1px 1px 2px #808080;
+//       -moz-box-shadow: 1px 1px 2px #808080;
+//       box-shadow: 1px 1px 2px #808080;
+//       &:hover {
+//         background: url(../default/media/images/small-button-blue.png) bottom repeat-x;
+//         text-shadow: 0px 1px 0px #c6d9dd;
+//         -moz-text-shadow: 0px 1px 0px #c6d9dd;
+//         -webkit-text-shadow: 0px 1px 0px #c6d9dd; } }
+//     .counter {
+//       display: inline-block;
+//       width: 245px;
+//       float: right;
+//       color: #b6a475 !important;
+//       vertical-align: top;
+//       font-family: arial;
+//       float: right;
+//       text-align: right; }
+//     .comment {
+//       border-bottom: 1px solid #edeeeb;
+//       clear: both;
+//       margin: 0;
+//       margin-top: 8px;
+//       padding-bottom: 4px;
+//       overflow: auto;
+//       font-family: arial;
+//       font-size: 11px;
+//       min-height: 25px;
+//       background: white url(../default/media/images/comment-background.png) bottom repeat-x;
+//       border-radius: 5px;
+//       -ms-border-radius: 5px;
+//       -moz-border-radius: 5px;
+//       -webkit-border-radius: 5px;
+//       -khtml-border-radius: 5px; }
+//     div.comment:hover {
+//       background-color: #efefef; }
+//     a.author {
+//       background-color: inherit;
+//       color: #1b79bd;
+//       padding: 0;
+//       &:hover {
+//         text-decoration: underline; } }
+//     span.delete-icon {
+//       background: url(../default/media/images/close-small.png) no-repeat;
+//       border: 0;
+//       width: 14px;
+//       height: 14px;
+//       &:hover {
+//         border: #bc564b 2px solid;
+//         border-radius: 10px;
+//         -ms-border-radius: 10px;
+//         -moz-border-radius: 10px;
+//         -webkit-border-radius: 10px;
+//         -khtml-border-radius: 10px;
+//         margin: -3px 0px 0px -2px; } }
+//     .content {
+//       margin-bottom: 7px; }
+//     .comment-votes {
+//       float: left;
+//       width: 37px;
+//       line-height: 130%;
+//       padding: 6px 5px 6px 3px; }
+//     .comment-body {
+//       line-height: 1.3;
+//       margin: 3px 26px 0 46px;
+//       padding: 5px 3px;
+//       color: #666;
+//       font-size: 13px;
+//       .edit {
+//         padding-left: 6px; }
+//       p {
+//         font-size: 13px;
+//         line-height: 1.3;
+//         margin-bottom: 3px;
+//         padding: 0; } }
+//     .comment-delete {
+//       float: right;
+//       width: 14px;
+//       line-height: 130%;
+//       padding: 8px 6px; }
+//     .upvote {
+//       margin: 0px;
+//       padding-right: 17px;
+//       padding-top: 2px;
+//       text-align: right;
+//       height: 20px;
+//       font-size: 13px;
+//       font-weight: bold;
+//       color: #777;
+//       &.upvoted {
+//         color: #d64000; }
+//       &.hover {
+//         background: url(../default/media/images/go-up-grey.png) no-repeat;
+//         background-position: right 1px; }
+//       &:hover {
+//         background: url(../default/media/images/go-up-orange.png) no-repeat;
+//         background-position: right 1px; } }
+//     .help-text {
+//       float: right;
+//       text-align: right;
+//       color: gray;
+//       margin-bottom: 0px;
+//       margin-top: 0px;
+//       line-height: 50%; } }
+//   #questiontools {
+//     font-size: 22px;
+//     margin-top: 11px;
+//     text-align: left; }
+//   .question-status {
+//     margin-top: 10px;
+//     margin-bottom: 15px;
+//     padding: 20px;
+//     background-color: #fef7cc;
+//     text-align: center;
+//     border: #e1c04a 1px solid;
+//     h3 {
+//       font-size: 20px;
+//       color: #707070;
+//       font-weight: normal; } }
+//   .vote-buttons {
+//     // float: left;
+//     // text-align: center;
+//     // padding-top: 2px;
+//     // margin: 10px 10px 0px 3px;
+//     img {
+//       cursor: pointer; } }
+//   .vote-number {
+//     font-family: 'yanone kaffeesatz',sans-serif;
+//     padding: 0px 0 5px 0;
+//     font-size: 25px;
+//     font-weight: bold;
+//     color: #777; }
+//   .vote-buttons .notify-sidebar {
+//     // text-align: left;
+//     // width: 120px;
+//     label {
+//       vertical-align: top; } }
+//   .tabbar-answer {
+//     margin-bottom: 15px;
+//     padding-left: 7px;
+//     width: 723px;
+//     margin-top: 10px; }
+//   .answer .vote-buttons {
+//     // float: left;
+//   }
+//   .accepted-answer {
+//     background-color: #f7fecc;
+//     border-bottom-color: #9bd59b;
+//     // .vote-buttons {
+//     //   width: 27px;
+//     //   margin-right: 10px;
+//     //   margin-top: 10px; } 
+//   }
+//   .answer .post-update-info a {
+//     color: #444444; }
+//   .answered {
+//     background: #ccc;
+//     color: #999; }
+//   .answered-accepted {
+//     background: #dcdcdc;
+//     color: #763333;
+//     strong {
+//       color: #e1e818; } }
+//   .answered-by-owner {
+//     background: #f1f1ff;
+//     .comments {
+//       .button {
+//         background-color: #e6ecff; }
+//       background-color: #e6ecff; }
+//     // .vote-buttons {
+//       // margin-right: 10px; }
+//     }
+//   .answer-img-accept:hover {
+//     background: url(../default/media/images/vote-accepted-on.png); }
+//   .answer-body {
+//     a {
+//       color: #1b79bd; }
+//     li {
+//       margin-bottom: 0.7em; } }
+//   #fmanswer {
+//     color: #707070;
+//     line-height: 1.2;
+//     margin-top: 10px;
+//     h2 {
+//       font-family: 'yanone kaffeesatz',sans-serif;
+//       color: #7ea9b3;
+//       font-size: 24px; }
+//     label {
+//       font-size: 13px; } }
+//   .message {
+//     padding: 5px;
+//     margin: 0px 0 10px 0; } }
+
+// @media screen and (-webkit-min-device-pixel-ratio:0) {
+//   textarea {
+//     padding-left: 3px !important; } }
+
+// .facebook-share.icon, .twitter-share.icon, .linkedin-share.icon, .identica-share.icon {
+//   background: url(../default/media/images/socialsprite.png) no-repeat;
+//   display: block;
+//   text-indent: -100em;
+//   height: 25px;
+//   width: 25px;
+//   margin-bottom: 3px; }
+
+// .facebook-share.icon:hover, .twitter-share.icon:hover, .linkedin-share.icon:hover, .identica-share.icon:hover {
+//   opacity: 0.8;
+//   filter: alpha(opacity = 80); }
+
+// .facebook-share.icon {
+//   background-position: -26px 0px; }
+
+// .identica-share.icon {
+//   background-position: -78px 0px; }
+
+// .twitter-share.icon {
+//   margin-top: 10px;
+//   background-position: 0px 0px; }
+
+// .linkedin-share.icon {
+//   background-position: -52px 0px; }
+
+// .openid-signin, .meta, .users-page, .user-profile-edit-page {
+//   font-size: 13px;
+//   line-height: 1.3;
+//   color: #525252; }
+
+// .openid-signin p, .meta p, .users-page p, .user-profile-edit-page p {
+//   font-size: 13px;
+//   color: #707070;
+//   line-height: 1.3;
+//   font-family: arial;
+//   color: #525252;
+//   margin-bottom: 12px; }
+
+// .openid-signin h2, .meta h2, .users-page h2, .user-profile-edit-page h2 {
+//   color: #525252;
+//   padding-left: 0px;
+//   font-size: 16px; }
+
+// .openid-signin form, .meta form, .users-page form, .user-profile-edit-page form, .user-profile-page form {
+//   margin-bottom: 15px; }
+
+// .openid-signin input[type="text"], .meta input[type="text"], .users-page input[type="text"], .user-profile-edit-page input[type="text"], .user-profile-page input[type="text"], .openid-signin input[type="password"], .meta input[type="password"], .users-page input[type="password"], .user-profile-edit-page input[type="password"], .user-profile-page input[type="password"], .openid-signin select, .meta select, .users-page select, .user-profile-edit-page select, .user-profile-page select {
+//   border: #cce6ec 3px solid;
+//   height: 25px;
+//   padding-left: 5px;
+//   width: 395px;
+//   font-size: 14px; }
+
+// .openid-signin select, .meta select, .users-page select, .user-profile-edit-page select, .user-profile-page select {
+//   width: 405px;
+//   height: 30px; }
+
+// .openid-signin textarea, .meta textarea, .users-page textarea, .user-profile-edit-page textarea, .user-profile-page textarea {
+//   border: #cce6ec 3px solid;
+//   padding-left: 5px;
+//   padding-top: 5px;
+//   width: 395px;
+//   font-size: 14px; }
+
+// .openid-signin input.submit, .meta input.submit, .users-page input.submit, .user-profile-edit-page input.submit, .user-profile-page input.submit {
+//   background: url(../default/media/images/small-button-blue.png) repeat-x top;
+//   border: 0;
+//   color: #4a757f;
+//   font-weight: bold;
+//   font-size: 13px;
+//   font-family: arial;
+//   height: 26px;
+//   margin: 5px 0px;
+//   width: 100px;
+//   cursor: pointer;
+//   border-radius: 4px;
+//   -ms-border-radius: 4px;
+//   -moz-border-radius: 4px;
+//   -webkit-border-radius: 4px;
+//   -khtml-border-radius: 4px;
+//   text-shadow: 0px 1px 0px #e6f6fa;
+//   -moz-text-shadow: 0px 1px 0px #e6f6fa;
+//   -webkit-text-shadow: 0px 1px 0px #e6f6fa;
+//   -webkit-box-shadow: 1px 1px 2px #808080;
+//   -moz-box-shadow: 1px 1px 2px #808080;
+//   box-shadow: 1px 1px 2px #808080; }
+
+// .openid-signin input.submit:hover, .meta input.submit:hover, .users-page input.submit:hover, .user-profile-edit-page input.submit:hover, .user-profile-page input.submit:hover {
+//   background: url(../default/media/images/small-button-blue.png) repeat-x bottom;
+//   text-decoration: none; }
+
+.openid-signin .cancel, .meta .cancel, .users-page .cancel, .user-profile-edit-page .cancel, .user-profile-page .cancel {
+  background: url(../default/media/images/small-button-cancel.png) repeat-x top !important;
+  color: #525252 !important; }
+
+.openid-signin .cancel:hover, .meta .cancel:hover, .users-page .cancel:hover, .user-profile-edit-page .cancel:hover, .user-profile-page .cancel:hover {
+  background: url(../default/media/images/small-button-cancel.png) repeat-x bottom !important; }
+
+#email-input-fs, #local_login_buttons, #password-fs, #openid-fs {
+  margin-top: 10px; }
+
+#email-input-fs #id_email, #local_login_buttons #id_email, #password-fs #id_email, #openid-fs #id_email, #email-input-fs #id_username, #local_login_buttons #id_username, #password-fs #id_username, #openid-fs #id_username, #email-input-fs #id_password, #local_login_buttons #id_password, #password-fs #id_password, #openid-fs #id_password {
+  font-size: 12px;
+  line-height: 20px;
+  height: 20px;
+  margin: 0px;
+  padding: 0px 0 0 5px;
+  border: #cce6ec 3px solid;
+  width: 200px; }
+
+#email-input-fs .submit-b, #local_login_buttons .submit-b, #password-fs .submit-b, #openid-fs .submit-b {
+  background: url(../default/media/images/small-button-blue.png) repeat-x top;
+  border: 0;
+  color: #4a757f;
+  font-weight: bold;
+  font-size: 13px;
+  font-family: arial;
+  height: 24px;
+  margin-top: -2px;
+  padding-left: 10px;
+  padding-right: 10px;
+  cursor: pointer;
+  border-radius: 4px;
+  -ms-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  -khtml-border-radius: 4px;
+  text-shadow: 0px 1px 0px #e6f6fa;
+  -moz-text-shadow: 0px 1px 0px #e6f6fa;
+  -webkit-text-shadow: 0px 1px 0px #e6f6fa;
+  -webkit-box-shadow: 1px 1px 2px #808080;
+  -moz-box-shadow: 1px 1px 2px #808080;
+  box-shadow: 1px 1px 2px #808080; }
+
+#email-input-fs .submit-b:hover, #local_login_buttons .submit-b:hover, #password-fs .submit-b:hover, #openid-fs .submit-b:hover {
+  background: url(../default/media/images/small-button-blue.png) repeat-x bottom; }
+
+.openid-input {
+  background: url(../default/media/images/openid.gif) no-repeat;
+  padding-left: 15px;
+  cursor: pointer; }
+
+.openid-login-input {
+  background-position: center left;
+  background: url(../default/media/images/openid.gif) no-repeat 0% 50%;
+  padding: 5px 5px 5px 15px;
+  cursor: pointer;
+  font-family: trebuchet ms;
+  font-weight: 300;
+  font-size: 150%;
+  width: 500px; }
+
+.openid-login-submit {
+  height: 40px;
+  width: 80px;
+  line-height: 40px;
+  cursor: pointer;
+  border: 1px solid #777;
+  font-weight: bold;
+  font-size: 120%; }
+
+.tabbar-user {
+  width: 375px; }
+
+.user {
+  padding: 5px;
+  line-height: 140%;
+  width: 166px;
+  border: #eee 1px solid;
+  margin-bottom: 5px;
+  border-radius: 3px;
+  -ms-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  -khtml-border-radius: 3px;
+  .user-micro-info {
+    color: #525252; }
+  ul {
+    margin: 0;
+    list-style-type: none; }
+  .thumb {
+    clear: both;
+    float: left;
+    margin-right: 4px;
+    display: inline; } }
+
+// .tabbar-tags {
+//   width: 270px;
+//   margin-bottom: 15px; }
+
+// a {
+//   &.medal {
+//     font-size: 17px;
+//     line-height: 250%;
+//     margin-right: 5px;
+//     color: #333;
+//     text-decoration: none;
+//     background: url(../default/media/images/medala.gif) no-repeat;
+//     border-left: 1px solid #eee;
+//     border-top: 1px solid #eee;
+//     border-bottom: 1px solid #ccc;
+//     border-right: 1px solid #ccc;
+//     padding: 4px 12px 4px 6px; }
+//   &:hover.medal {
+//     color: #333;
+//     text-decoration: none;
+//     background: url(../default/media/images/medala_on.gif) no-repeat;
+//     border-left: 1px solid #e7e296;
+//     border-top: 1px solid #e7e296;
+//     border-bottom: 1px solid #d1ca3d;
+//     border-right: 1px solid #d1ca3d; } }
+
+#award-list .user {
+  float: left;
+  margin: 5px; }
+
+.tabbar-profile {
+  width: 100%;
+  margin-bottom: 15px;
+  float: left; }
+
+// .user-profile-page {
+//   font-size: 13px;
+//   color: #525252;
+//   p {
+//     font-size: 13px;
+//     line-height: 1.3;
+//     color: #525252; }
+//   .avatar img {
+//     border: #eee 1px solid;
+//     padding: 5px; }
+//   h2 {
+//     padding: 10px 0px 10px 0px;
+//     font-family: 'yanone kaffeesatz',sans-serif; } }
+
+.user-details {
+  font-size: 13px;
+  h3 {
+    font-size: 16px; } }
+
+.user-about {
+  background-color: #eeeeee;
+  height: 200px;
+  line-height: 20px;
+  overflow: auto;
+  padding: 10px;
+  width: 90%;
+  p {
+    font-size: 13px; } }
+
+// .follow-toggle, .submit {
+//   border: 0 !important;
+//   color: #4a757f;
+//   font-weight: bold;
+//   font-size: 12px;
+//   height: 26px;
+//   line-height: 26px;
+//   margin-top: -2px;
+//   font-size: 15px;
+//   cursor: pointer;
+//   font-family: 'yanone kaffeesatz',sans-serif;
+//   background: url(../default/media/images/small-button-blue.png) repeat-x top;
+//   border-radius: 4px;
+//   -ms-border-radius: 4px;
+//   -moz-border-radius: 4px;
+//   -webkit-border-radius: 4px;
+//   -khtml-border-radius: 4px;
+//   text-shadow: 0px 1px 0px #e6f6fa;
+//   -moz-text-shadow: 0px 1px 0px #e6f6fa;
+//   -webkit-text-shadow: 0px 1px 0px #e6f6fa;
+//   -webkit-box-shadow: 1px 1px 2px #808080;
+//   -moz-box-shadow: 1px 1px 2px #808080;
+//   box-shadow: 1px 1px 2px #808080; }
+
+// .follow-toggle:hover, .submit:hover {
+//   background: url(../default/media/images/small-button-blue.png) repeat-x bottom;
+//   text-decoration: none !important; }
+
+// .follow-toggle {
+//   .follow {
+//     font-color: #000;
+//     font-style: normal; }
+//   .unfollow {
+//     div.unfollow-red {
+//       display: none; }
+//     &:hover div {
+//       &.unfollow-red {
+//         display: inline;
+//         color: #fff;
+//         font-weight: bold;
+//         color: #a05736; }
+//       &.unfollow-green {
+//         display: none; } } } }
+
+.count {
+  font-family: 'yanone kaffeesatz',sans-serif;
+  font-size: 200%;
+  font-weight: 700;
+  color: #777777; }
+
+.scorenumber {
+  font-family: 'yanone kaffeesatz',sans-serif;
+  font-size: 35px;
+  font-weight: 800;
+  color: #777;
+  line-height: 40px;
+  margin-top: 3px; }
+
+.vote-count {
+  font-family: arial;
+  font-size: 160%;
+  font-weight: 700;
+  color: #777; }
+
+// .answer-summary {
+//   display: block;
+//   clear: both;
+//   padding: 3px; }
+
+.answer-votes {
+  background-color: #eeeeee;
+  color: #555555;
+  float: left;
+  font-family: arial;
+  font-size: 15px;
+  font-weight: bold;
+  height: 17px;
+  padding: 2px 4px 5px;
+  text-align: center;
+  text-decoration: none;
+  width: 20px;
+  margin-right: 10px;
+  border-radius: 4px;
+  -ms-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  -khtml-border-radius: 4px; }
+
+.karma-summary {
+  padding: 5px;
+  font-size: 13px;
+  h3 {
+    text-align: center;
+    font-weight: bold;
+    padding: 5px; } }
+
+.karma-diagram {
+  width: 477px;
+  height: 300px;
+  float: left;
+  margin-right: 10px; }
+
+.karma-details {
+  float: right;
+  width: 450px;
+  height: 250px;
+  overflow-y: auto;
+  word-wrap: break-word;
+  p {
+    margin-bottom: 10px; } }
+
+.karma-gained {
+  font-weight: bold;
+  background: #eee;
+  width: 25px;
+  margin-right: 5px;
+  color: green;
+  padding: 3px;
+  display: block;
+  float: left;
+  text-align: center;
+  border-radius: 3px;
+  -ms-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  -khtml-border-radius: 3px; }
+
+.karma-lost {
+  font-weight: bold;
+  background: #eee;
+  width: 25px;
+  color: red;
+  padding: 3px;
+  display: block;
+  margin-right: 5px;
+  float: left;
+  text-align: center;
+  border-radius: 3px;
+  -ms-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  -khtml-border-radius: 3px; }
+
+.submit-row {
+  margin-bottom: 10px; }
+
+.revision {
+  margin: 10px 0 10px 0;
+  font-size: 13px;
+  color: #525252;
+  p {
+    font-size: 13px;
+    line-height: 1.3;
+    color: #525252; }
+  h3 {
+    font-family: 'yanone kaffeesatz',sans-serif;
+    font-size: 21px;
+    padding-left: 0px; }
+  .header {
+    background-color: #f5f5f5;
+    padding: 5px;
+    cursor: pointer; }
+  .author {
+    background-color: #e9f3f5; }
+  .summary {
+    padding: 5px 0 10px 0;
+    span {
+      background-color: #fde785;
+      padding: 6px;
+      border-radius: 4px;
+      -ms-border-radius: 4px;
+      -moz-border-radius: 4px;
+      -webkit-border-radius: 4px;
+      -khtml-border-radius: 4px;
+      display: inline;
+      -webkit-box-shadow: 1px 1px 4px #cfb852;
+      -moz-box-shadow: 1px 1px 4px #cfb852;
+      box-shadow: 1px 1px 4px #cfb852; } }
+  .answerbody {
+    padding: 10px 0 5px 10px; }
+  .revision-mark {
+    width: 150px;
+    text-align: left;
+    display: inline-block;
+    font-size: 11px;
+    overflow: hidden;
+    .gravatar {
+      float: left;
+      margin-right: 4px;
+      padding-top: 5px; } }
+  .revision-number {
+    font-size: 300%;
+    font-weight: bold;
+    font-family: sans-serif; } }
+
+// del {
+//   color: #c34719;
+//   .post-tag {
+//     color: #c34719; } }
+
+ins {
+  .post-tag, p {
+    background-color: #e6f0a2; }
+  background-color: #e6f0a2; }
+
+// .vote-notification {
+//   z-index: 1;
+//   cursor: pointer;
+//   display: none;
+//   position: absolute;
+//   font-family: arial;
+//   font-size: 14px;
+//   font-weight: normal;
+//   color: white;
+//   background-color: #8e0000;
+//   text-align: center;
+//   padding-bottom: 10px;
+//   -webkit-box-shadow: 0px 2px 4px #370000;
+//   -moz-box-shadow: 0px 2px 4px #370000;
+//   box-shadow: 0px 2px 4px #370000;
+//   border-radius: 4px;
+//   -ms-border-radius: 4px;
+//   -moz-border-radius: 4px;
+//   -webkit-border-radius: 4px;
+//   -khtml-border-radius: 4px;
+//   h3 {
+//     background: url(../default/media/images/notification.png) repeat-x top;
+//     padding: 10px 10px 10px 10px;
+//     font-size: 13px;
+//     margin-bottom: 5px;
+//     border-top: #8e0000 1px solid;
+//     color: #fff;
+//     font-weight: normal;
+//     border-top-right-radius: 4px;
+//     border-top-left-radius: 4px;
+//     -moz-border-radius-topright: 4px;
+//     -moz-border-radius-topleft: 4px;
+//     -webkit-border-top-left-radius: 4px;
+//     -webkit-border-top-right-radius: 4px; }
+//   a {
+//     color: #fb7321;
+//     text-decoration: underline;
+//     font-weight: bold; } }
+
+// #ground {
+//   width: 100%;
+//   clear: both;
+//   border-top: 1px solid #000;
+//   padding: 6px 0 0 0;
+//   background: #16160f;
+//   font-size: 16px;
+//   font-family: 'yanone kaffeesatz',sans-serif;
+//   p {
+//     margin-bottom: 0; } }
+
+.footer-links {
+  color: #eee;
+  text-align: left;
+  width: 500px;
+  float: left;
+  a {
+    color: #e7e8a8; } }
+
+.powered-link {
+  width: 500px;
+  float: left;
+  text-align: left;
+  a {
+    color: #8ebcc7; } }
+
+.copyright {
+  color: #616161;
+  width: 450px;
+  float: right;
+  text-align: right;
+  a {
+    color: #8ebcc7; }
+  img.license-logo {
+    margin: 6px 0px 20px 10px;
+    float: right; } }
+
+.notify-me {
+  float: left; }
+
+span {
+  &.text-counter {
+    margin-right: 20px; }
+  // &.form-error {
+  //   color: #990000;
+  //   font-weight: normal;
+  //   margin-left: 5px; }
+  }
+
+p.form-item {
+  margin: 0px; }
+
+// .deleted {
+//   background: #f4e7e7 none repeat scroll 0 0; }
+
+.form-row {
+  line-height: 25px; }
+
+table {
+  &.form-as-table {
+    margin-top: 5px;
+    ul {
+      list-style-type: none;
+      display: inline; }
+    li {
+      display: inline; }
+    td {
+      text-align: right; }
+    th {
+      text-align: left;
+      font-weight: normal; } }
+  &.ab-subscr-form, &.ab-tag-filter-form {
+    width: 45em; } }
+
+.submit-row {
+  line-height: 30px;
+  padding-top: 10px;
+  display: block;
+  clear: both; }
+
+.errors {
+  line-height: 20px;
+  color: red; }
+
+.error {
+  color: darkred;
+  margin: 0;
+  font-size: 10px; }
+
+label.retag-error {
+  color: darkred;
+  padding-left: 5px;
+  font-size: 10px; }
+
+.fieldset {
+  border: none;
+  margin-top: 10px;
+  padding: 10px; }
+
+// span.form-error {
+//   color: #990000;
+//   font-size: 90%;
+//   font-weight: normal;
+//   margin-left: 5px; }
+
+.favorites-empty {
+  width: 32px;
+  height: 45px;
+  float: left; }
+
+.user-info-table {
+  margin-bottom: 10px;
+  border-spacing: 0; }
+
+.user-stats-table .narrow {
+  width: 660px; }
+
+.narrow .summary h3 {
+  padding: 0px;
+  margin: 0px; }
+
+.relativetime {
+  font-weight: bold;
+  text-decoration: none; }
+
+// .narrow .tags {
+//   float: left; }
+
+.user-action-1 {
+  font-weight: bold;
+  color: #333; }
+
+.user-action-2 {
+  font-weight: bold;
+  color: #ccc; }
+
+.user-action-3, .user-action-4 {
+  color: #333; }
+
+.user-action-5, .user-action-6 {
+  color: darkred; }
+
+.user-action-7 {
+  color: #333; }
+
+.user-action-8 {
+  padding: 3px;
+  font-weight: bold;
+  background-color: #ccc;
+  color: #763333; }
+
+.revision-summary {
+  background-color: #fffe9b;
+  padding: 2px; }
+
+.question-title-link a {
+  font-weight: bold;
+  color: #0077cc; }
+
+.answer-title-link a {
+  color: #333; }
+
+.post-type-1 a, .post-type-3 a, .post-type-5 a {
+  font-weight: bold; }
+
+.post-type-2 a, .post-type-4 a, .post-type-6 a, .post-type-8 a {
+  color: #333; }
+
+.hilite, .hilite1 {
+  background-color: #ff0; }
+
+.hilite2 {
+  background-color: #f0f; }
+
+.hilite3 {
+  background-color: #0ff; }
+
+// .gold, .badge1 {
+//   color: #ffcc00; }
+
+// .silver, .badge2 {
+//   color: #cccccc; }
+
+// .bronze, .badge3 {
+//   color: #cc9933; }
+
+.score {
+  font-weight: 800;
+  color: #333; }
+
+a {
+  &.comment {
+    background: #eee;
+    color: #993300;
+    padding: 5px; }
+  &.offensive {
+    color: #999; } }
+
+.message {
+  h1 {
+    padding-top: 0px;
+    font-size: 15px; }
+  p {
+    margin-bottom: 0px; } }
+
+p.space-above {
+  margin-top: 10px; }
+
+.warning {
+  color: red; }
+
+button::-moz-focus-inner {
+  padding: 0;
+  border: none; }
+
+// .submit {
+//   cursor: pointer;
+//   background-color: #d4d0c8;
+//   height: 30px;
+//   border: 1px solid #777777;
+//   font-weight: bold;
+//   font-size: 120%;
+//   &:hover {
+//     text-decoration: underline; }
+//   &.small {
+//     margin-right: 5px;
+//     height: 20px;
+//     font-weight: normal;
+//     font-size: 12px;
+//     padding: 1px 5px;
+//     &:hover {
+//       text-decoration: none; } } }
+
+.question-page a.submit {
+  display: -moz-inline-stack;
+  display: inline-block;
+  line-height: 30px;
+  padding: 0 5px;
+  *display: inline; }
+
+.noscript {
+  position: fixed;
+  top: 0px;
+  left: 0px;
+  width: 100%;
+  z-index: 100;
+  padding: 5px 0;
+  text-align: center;
+  font-family: sans-serif;
+  font-size: 120%;
+  font-weight: bold;
+  color: #ffffff;
+  background-color: #ae0000; }
+
+.big {
+  font-size: 14px; }
+
+.strong {
+  font-weight: bold; }
+
+.orange {
+  color: #d64000;
+  font-weight: bold; }
+
+.grey {
+  color: #808080; }
+
+.about div {
+  padding: 10px 5px 10px 5px;
+  border-top: 1px dashed #aaaaaa; }
+
+.highlight {
+  background-color: #fff8c6; }
+
+.nomargin {
+  margin: 0; }
+
+.margin-bottom {
+  margin-bottom: 10px; }
+
+.margin-top {
+  margin-top: 10px; }
+
+.inline-block {
+  display: inline-block; }
+
+.action-status {
+  margin: 0;
+  border: none;
+  text-align: center;
+  line-height: 10px;
+  font-size: 12px;
+  padding: 0;
+  span {
+    padding: 3px 5px 3px 5px;
+    background-color: #fff380;
+    font-weight: normal;
+    -moz-border-radius: 5px;
+    -khtml-border-radius: 5px;
+    -webkit-border-radius: 5px; } }
+
+.list-table td {
+  vertical-align: top; }
+
+table.form-as-table {
+  .errorlist {
+    display: block;
+    margin: 0;
+    padding: 0 0 0 5px;
+    text-align: left;
+    font-size: 10px;
+    color: darkred; }
+  input {
+    display: inline;
+    margin-left: 4px; }
+  th {
+    vertical-align: bottom;
+    padding-bottom: 4px; } }
+
+.form-row-vertical {
+  margin-top: 8px;
+  display: block;
+  label {
+    margin-bottom: 3px;
+    display: block; } }
+
+.text-align-right {
+  text-align: center; }
+
+ul.form-horizontal-rows {
+  list-style: none;
+  margin: 0;
+  li {
+    position: relative;
+    height: 40px; }
+  label {
+    display: inline-block; }
+  ul.errorlist {
+    list-style: none;
+    color: darkred;
+    font-size: 10px;
+    line-height: 10px;
+    position: absolute;
+    top: 2px;
+    left: 180px;
+    text-align: left;
+    margin: 0;
+    li {
+      height: 10px; } }
+  label {
+    position: absolute;
+    left: 0px;
+    bottom: 6px;
+    margin: 0px;
+    line-height: 12px;
+    font-size: 12px; }
+  li input {
+    position: absolute;
+    bottom: 0px;
+    left: 180px;
+    margin: 0px; } }
+
+.narrow .summary {
+  float: left; }
+
+.user-profile-tool-links {
+  font-weight: bold;
+  vertical-align: top; }
+
+// ul {
+//   &.post-tags {
+//     margin-left: 3px;
+//     li {
+//       margin-top: 4px;
+//       margin-bottom: 3px; } }
+//   &.post-retag {
+//     margin-bottom: 0px;
+//     margin-left: 5px; } }
+
+// #question-controls .tags {
+//   margin: 0 0 3px 0; }
+
+// #tagselector {
+//   padding-bottom: 2px;
+//   margin-bottom: 0; }
+
+// #related-tags {
+//   padding-left: 3px; }
+
+#hideignoredtagscontrol {
+  margin: 5px 0 0 0;
+  label {
+    font-size: 12px;
+    color: #666; } }
+
+#hideignoredtagscb {
+  margin: 0 2px 0 1px; }
+
+#recaptcha_widget_div {
+  width: 318px;
+  float: left;
+  clear: both; }
+
+p.signup_p {
+  margin: 20px 0px 0px 0px; }
+
+.simple-subscribe-options ul {
+  list-style: none;
+  list-style-position: outside;
+  margin: 0; }
+
+.wmd-preview {
+  a {
+    color: #1b79bd; }
+  li {
+    margin-bottom: 7px;
+    font-size: 14px; } }
+
+// .search-result-summary {
+//   font-weight: bold;
+//   font-size: 18px;
+//   line-height: 22px;
+//   margin: 0px 0px 0px 0px;
+//   padding: 2px 0 0 0;
+//   float: left; }
+
+.faq-rep-item {
+  text-align: right;
+  padding-right: 5px; }
+
+.user-info-table .gravatar {
+  margin: 0; }
+
+#responses {
+  clear: both;
+  line-height: 18px;
+  margin-bottom: 15px;
+  div.face {
+    float: left;
+    text-align: center;
+    width: 54px;
+    padding: 3px;
+    overflow: hidden; } }
+
+.response-parent {
+  margin-top: 18px;
+  strong {
+    font-size: 20px; } }
+
+.re {
+  min-height: 57px;
+  clear: both;
+  margin-top: 10px; }
+
+#responses input {
+  float: left; }
+
+#re_tools {
+  margin-bottom: 10px; }
+
+#re_sections {
+  margin-bottom: 6px;
+  .on {
+    font-weight: bold; } }
+
+.avatar-page {
+  ul {
+    list-style: none; }
+  li {
+    display: inline; } }
+
+// .user-profile-page {
+//   .avatar p {
+//     margin-bottom: 0px; }
+//   .tabbar a#stats {
+//     margin-left: 0; }
+//   img.gravatar {
+//     margin: 2px 0 3px 0; }
+//   h3 {
+//     padding: 0;
+//     margin-top: -3px; } }
+
+.userlist {
+  font-size: 13px; }
+
+img.flag {
+  border: 1px solid #eee;
+  vertical-align: text-top; }
+
+.main-page img.flag {
+  vertical-align: text-bottom; }
+
+a.edit {
+  padding-left: 3px;
+  color: #145bff; }
+
+.str {
+  color: #080; }
+
+.kwd {
+  color: #008; }
+
+.com {
+  color: #800; }
+
+.typ {
+  color: #606; }
+
+.lit {
+  color: #066; }
+
+.pun {
+  color: #660; }
+
+.pln {
+  color: #000; }
+
+// .tag {
+//   color: #008; }
+
+.atn {
+  color: #606; }
+
+.atv {
+  color: #080; }
+
+.dec {
+  color: #606; }
+
+pre.prettyprint {
+  clear: both;
+  padding: 3px;
+  border: 0px solid #888; }
+
+// @media print {
+//   .str {
+//     color: #060; }
+//   .kwd {
+//     color: #006;
+//     font-weight: bold; }
+//   .com {
+//     color: #600;
+//     font-style: italic; }
+//   .typ {
+//     color: #404;
+//     font-weight: bold; }
+//   .lit {
+//     color: #044; }
+//   .pun {
+//     color: #440; }
+//   .pln {
+//     color: #000; }
+//   .tag {
+//     color: #006;
+//     font-weight: bold; }
+//   .atn {
+//     color: #404; }
+//   .atv {
+//     color: #060; } }

lms/static/sass/sass_old/discussion/_badges.scss

+// Style for the user badge list (can be accessed by clicking "View all MIT badges" in the badge section of the Askbot user profile
+
+div.badges-intro {
+  margin: 20px 0;
+}
+
+div.badge-intro {
+  @extend .badges-intro;
+
+  .badge1, .badge2, .badge3 {
+    font-size: 20px;
+  }
+
+
+}
+
+div#award-list{
+  li.username {
+    font-size: 20px;
+    margin-bottom: 8px;
+  }
+}
+
+ul.badge-list {
+  li.badge {
+    border-bottom: 1px solid #eee;
+    @extend .clearfix;
+    list-style: none;
+    padding: 10px 0;
+
+    &:last-child {
+      border-bottom: 0;
+    }
+
+    div.check {
+      float:right;
+      min-width:flex-grid(1,9);
+      text-align:right;
+
+      span {
+      font-size:19px;
+      padding-right:5px;
+      color:green;
+      }
+    }
+     div.badge-name {
+       float:left;
+       width:flex-grid(3,9);
+
+       span {
+        font-size: 20px;
+       }
+     }
+
+     p {
+       margin: 0;
+       float:left;
+     }
+  }
+}
+
+.gold, .badge1 {
+  color: #ffcc00;
+}
+
+.silver, .badge2 {
+  color: #cccccc;
+}
+
+.bronze, .badge3 {
+  color: #cc9933;
+}
+div.badge-desc {
+  > div {
+    margin-bottom: 20px;
+     span {
+      font-size: 18px;
+      @include border-radius(10px);
+     }
+  }
+}

lms/static/sass/sass_old/discussion/_discussion.scss

+// Generic layout styles for the discussion forums
+
+body.askbot {
+
+  section.main-content {
+    div.discussion-wrapper {
+      @extend .table-wrapper;
+
+      div.discussion-content {
+        @include box-sizing(border-box);
+        display: table-cell;
+        min-width: 650px;
+        padding: lh();
+        vertical-align: top;
+        width: flex-grid(9) + flex-gutter();
+
+        a.tabula-rasa, .tabula-rasa{
+          @extend .light-button;
+          @include border-radius(5px);
+          display: block;
+          margin: 10px auto;
+          padding: 20px;
+          text-align: center;
+          width: flex-grid(5);
+          text-decoration: none;
+          color: #888;
+          font-weight: bold;
+
+          &:first-child {
+            margin-top: 70px;
+          }
+
+          &:last-child {
+            margin-bottom: 70px;
+          }
+
+        }
+      }
+    }
+  }
+
+}
+
+// Autocomplete
+.acInput {
+  width: 200px;
+}
+.acResults {
+  background-color: #fff;
+  border: 1px solid #ababab;
+  overflow: hidden;
+  padding: 0px;
+  @include box-shadow(0 2px 2px #bbb);
+
+  ul {
+    list-style-position: outside;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+  }
+
+  li {
+    cursor: pointer;
+    display: block;
+    font: menu;
+    margin: 0px;
+    overflow: hidden;
+    padding: 5px 10px;
+    text-align: left;
+    border-top: 1px solid #eee;
+    width: 100%;
+  }
+}
+
+.acLoading {
+  background : url('../default/media/images/indicator.gif') right center no-repeat;
+}
+
+.acSelect {
+  background-color: $mit-red;
+  color: #fff;
+}

lms/static/sass/sass_old/discussion/_form-wmd-toolbar.scss

+// Styles for the WYSIWYG question/answer editor
+
+.wmd-panel
+{
+}
+
+#wmd-button-bar {
+  border: 1px solid #ddd;
+  height:36px;
+  float:left;
+  width:99%;
+}
+
+#wmd-input {
+  height: 500px;
+  background-color: Gainsboro;
+  border: 1px solid DarkGray;
+  margin-top: -20px;
+}
+
+#wmd-preview {
+  background-color: LightSkyBlue;
+}
+
+#wmd-output {
+  background-color: Pink;
+}
+
+#wmd-button-row {
+  position: relative; 
+  margin-left: 5px;
+  margin-right: 5px;
+  margin-bottom: 0px;
+  margin-top: 10px;
+  padding: 0px;  
+  height: 20px;
+}
+
+.wmd-spacer {
+  width: 1px; 
+  height: 20px; 
+  margin-left: 14px;
+  position: absolute;
+  background-color: Silver;
+  display: inline-block; 
+  list-style: none;
+}
+
+.wmd-button {
+  width: 20px; 
+  height: 20px; 
+  margin-left: 5px;
+  margin-right: 5px;
+  position: absolute;
+  background-image: url(../images/askbot/wmd-buttons.png);
+  background-repeat: no-repeat;
+  background-position: 0px 0px;
+  display: inline-block; 
+  list-style: none;
+}
+
+.wmd-button > a {
+  width: 20px; 
+  height: 20px; 
+  margin-left: 5px;
+  margin-right: 5px;
+  position: absolute;
+  display: inline-block; 
+}
+
+
+/* sprite button slicing style information */
+#wmd-bold-button    {left: 0px;   background-position: 0px 0;}
+#wmd-italic-button  {left: 25px;  background-position: -20px 0;}
+#wmd-spacer1        {left: 50px;}
+#wmd-link-button    {left: 75px;  background-position: -40px 0;}
+#wmd-quote-button   {left: 100px;  background-position: -60px 0;}
+#wmd-code-button    {left: 125px;  background-position: -80px 0;}
+#wmd-image-button   {left: 150px;  background-position: -100px 0;}
+#wmd-attachment-button   {left: 175px;  background-position: -120px 0;}
+#wmd-spacer2        {left: 200px;}
+#wmd-olist-button   {left: 225px;  background-position: -140px 0;}
+#wmd-ulist-button   {left: 250px; background-position: -160px 0;}
+#wmd-heading-button {left: 275px; background-position: -180px 0;}
+#wmd-hr-button      {left: 300px; background-position: -200px 0;}
+#wmd-spacer3        {left: 325px;}
+#wmd-undo-button    {left: 350px; background-position: -220px 0;}
+#wmd-redo-button    {left: 375px; background-position: -240px 0;}
+#wmd-help-button    {right: 0px; background-position: -260px 0;}
+
+
+.wmd-prompt-background
+{
+  background-color: Black;
+}
+
+.wmd-prompt-dialog
+{
+  border: 1px solid #999999;
+  background-color: #F5F5F5;
+}
+
+.wmd-prompt-dialog > div {
+  font-size: 1em;
+  font-family: arial, helvetica, sans-serif;
+}
+
+
+.wmd-prompt-dialog > form > input[type="text"] {
+  border: 1px solid #999999;
+  color: black;
+}
+
+.wmd-prompt-dialog > form > input[type="button"]{
+  border: 1px solid #888888;
+  font-family: trebuchet MS, helvetica, sans-serif;
+  font-size: 1em;
+  font-weight: bold;
+}
+

lms/static/sass/sass_old/discussion/_forms.scss

+// Styles for different forms in the system
+
+form.answer-form {
+  @include box-sizing(border-box);
+  border-top: 1px solid #ddd;
+  overflow: hidden;
+  padding-left: flex-grid(1.1);
+
+  textarea {
+    @include box-sizing(border-box);
+    margin-top: 15px;
+    resize: vertical;
+    width: 99%;
+  }
+
+  div.form-item {
+    margin: 15px 0;
+
+    label {
+      display: block;
+      margin-bottom: -5px;
+    }
+
+    .title-desc {
+      @include box-sizing(border-box);
+      @include border-radius(4px);
+      background: #333;
+      color: #fff;
+      display: none;
+      font-size: 13px;
+      padding: 7px 14px;
+      -webkit-font-smoothing: antialiased;
+    }
+
+    &:hover  {
+      .title-desc {
+        display: inline-block;
+        position: absolute;
+        margin-left: 10px;
+        z-index: 1;
+        width: 200px;
+
+        &:before {
+          border-color: transparent #333 transparent transparent;
+          border-style:solid;
+          border-width:12px 12px 12px 0;
+          content:"";
+          height:0;
+          left:-10px;
+          position:absolute;
+          top:1;
+          width:0;
+
+        }
+      }
+    }
+
+  }
+
+  span.form-error, label.form-error {
+    color: #990000;
+    display: inline-block;
+    font-size: 90%;
+    font-weight: bold;
+    padding: 10px 0;
+  }
+
+  div.preview-toggle{
+    padding: 15px 0;
+    width: auto;
+    a {
+      @extend .light-button;
+    }
+  }
+
+  .wmd-preview {
+    margin: 3px 0 15px 0;
+    padding: 10px;
+    background-color: #F5F5F5;
+    min-height: 20px;
+    overflow: auto;
+    font-size: 13px;
+    font-family: Arial;
+
+    p {
+      margin-bottom: 14px;
+      line-height: 1.4;
+      font-size: 14px;
+    }
+
+    blockquote {
+      margin-left: 2.5%;
+      padding-left: 1.5%;
+      border-left: 1px dashed #ddd;
+      color: $mit-red;;
+    }
+
+    ul, ol, pre {
+      margin-left: 3%;
+      margin-bottom: 20px;
+    }
+
+
+    pre {
+      background-color: #eee;
+    }
+
+    blockquote {
+      background-color: #eee;
+    }
+  }
+}
+
+input.after-editor {
+  margin-bottom: 20px;
+  margin-right: 10px;
+}
+
+form.question-form {
+  @extend .answer-form;
+  border: none;
+  padding: 15px 0 0 0;
+
+
+  input[type="text"] {
+    @include box-sizing(border-box);
+    width: flex-grid(6);
+  }
+
+  input[type="checkbox"] {
+    margin-top: 10px;
+  }
+
+  div#question-list {
+  background-color: rgba(255,255,255,0.95);
+  @include box-sizing(border-box);
+  margin-top: -15px;
+  max-width: 505px;
+  min-width: 300px;
+  overflow: hidden;
+  padding-left: 5px;
+  position: absolute;
+  width: 35%;
+  z-index: 9999;
+
+  h2 {
+    text-transform: none;
+    padding: 8px 0;
+    border-bottom: 1px solid #eee;
+    margin: 0;
+
+    span {
+      background: #eee;
+      color: #555;
+      padding: 2px 5px;
+      @include border-radius(2px);
+      margin-right: 5px;
+    }
+  }
+}
+}
+
+

lms/static/sass/sass_old/discussion/_modals.scss

+// Style for modal boxes that pop up to notify the user of various events
+
+.vote-notification {
+  background-color: darken($mit-red, 7%);
+  @include border-radius(4px);
+  @include box-shadow(0px 2px 9px #aaa);
+  color: white;
+  cursor: pointer;
+  display: none;
+  font-size: 14px;
+  font-weight: normal;
+  padding-bottom: 10px;
+  position: absolute;
+  text-align: center;
+  z-index: 1;
+
+  h3 {
+    background: $mit-red;
+    padding: 10px 10px 10px 10px;
+    font-size: 13px;
+    margin-bottom: 5px;
+    border-bottom: darken(#8e0000, 10%) 1px solid;
+    @include box-shadow(0 1px 0 lighten($mit-red, 10%));
+    color: #fff;
+    font-weight: normal;
+    @include border-radius(4px 4px 0 0);
+  }
+
+  a {
+    color: #fb7321;
+    text-decoration: underline;
+    font-weight: bold; 
+  }
+}

lms/static/sass/sass_old/discussion/_profile.scss

+// Style for the user profile view
+
+body.user-profile-page {
+
+  section.questions {
+    h1 {
+     margin: 0;
+    }
+  }
+
+  ul.sub-info {
+    // border-top: 1px solid #ddd;
+    margin-top: lh();
+    list-style: none;
+
+    > li {
+      display: table-cell;
+      padding: (flex-gutter(9)/2);
+      border-right: 1px dashed #efefef;
+      @include box-sizing(border-box);
+
+      &:first-child {
+        padding-left: 0;
+      }
+
+      &:last-child {
+        border-right: 0;
+        padding-right: 0;
+      }
+
+      &.votes-badges {
+        width: flex-grid(2,9);
+
+        p {
+          margin-top: 15px;
+        }
+
+      }
+
+      &.answer-list {
+        width: flex-grid(4, 9);
+      }
+
+      &.tags-list {
+        width: flex-grid(3,9);
+      }
+
+      h2 {
+        margin-bottom: 30px;
+        margin-top: 0;
+      }
+
+      span.tag-number {
+        display: none;
+      }
+    }
+
+    ul {
+      list-style: none;
+
+      &.user-stats-table {
+        list-style: none;
+
+        li {
+          padding: 10px 0 15px;
+          border-top: 1px solid #eee;
+        }
+      }
+
+      &.vote-buttons {
+        list-style: none;
+        margin-bottom: 30px;
+
+        li {
+          background-color: lighten($cream, 3%);
+          background-position: 10px center;
+          background-repeat: no-repeat;
+          @include border-radius(4px);
+          display: inline-block;
+          height: 20px;
+          padding: 10px 10px 10px 40px;
+
+          &.up {
+            background-color:#d1e3a8;
+            background-image: url(../images/askbot/vote-arrow-up-activate.png);
+            margin-right: 6px;
+
+            span.vote-count {
+              color: #3f6c3e;
+            }
+          }
+
+          &.down {
+            background-image: url(../images/askbot/vote-arrow-down-activate.png);
+            background-color:#eac6ad;
+
+            span.vote-count {
+              color: $mit-red;
+            }
+
+          }
+        }
+      }
+
+      &.badges {
+        @include inline-block();
+
+        a {
+          background-color: #e3e3e3;
+          border: 0;
+          @include border-radius(4px);
+          color: #292309;
+          display: block;
+          font-size: 12px;
+          padding: 10px;
+          margin-bottom: 10px;
+          text-shadow: 0 1px 0 #fff;
+          text-transform: uppercase;
+          text-decoration: none;
+
+          &:hover {
+            background-color: #cdcdcd;
+          }
+        }
+      }
+    }
+  }
+}

lms/static/sass/sass_old/discussion/_question-view.scss

+// Styles for the single question view
+
+div.question-header {
+
+  div.official-stamp {
+    background: $mit-red;
+    color: #fff;
+    font-size: 12px;
+    margin-top: 10px;
+    padding: 2px 5px;
+    text-align: center;
+    margin-left: -1px;
+  }
+
+  div.vote-buttons {
+    display: inline-block;
+    float: left;
+    margin-right: flex-gutter(9);
+    width: flex-grid(0.7,9);
+
+    ul {
+      li {
+        background-position: center;
+        background-repeat: no-repeat;
+        cursor: pointer;
+        font-weight: bold;
+        height: 20px;
+        list-style: none;
+        padding: 10px;
+        text-align: center;
+        width: 70%;
+
+        &.post-vote {
+          @include border-radius(4px);
+          background-color: lighten($cream, 5%);
+          border: 1px solid darken( $cream, 10% );
+          @include box-shadow(inset 0 1px 0px #fff);
+        }
+
+        &.question-img-upvote, &.answer-img-upvote  {
+          background-image: url(../images/askbot/vote-arrow-up.png);
+          @include box-shadow(inset 0 1px 0px rgba(255, 255, 255, 0.5));
+
+          &:hover, &.on {
+            background-color:#d1e3a8;
+            border-color: darken(#D1E3A8, 20%);
+          background-image: url(../images/askbot/vote-arrow-up-activate.png);
+          }
+        }
+
+        &.question-img-downvote, &.answer-img-downvote  {
+          background-image: url(../images/askbot/vote-arrow-down.png);
+
+          &:hover, &.on {
+            background-color:#EAC6AD;
+            border-color: darken(#EAC6AD, 20%);
+            background-image: url(../images/askbot/vote-arrow-down-activate.png);
+          }
+        }
+      }
+    }
+  }
+
+  div.question-container {
+    display: inline-block;
+    float: left;
+    width: flex-grid(8.3,9);
+
+    h1 {
+      margin-top: 0;
+    }
+
+    div.meta-bar {
+      border-bottom: 1px solid #eee;
+      display: block;
+      margin: 10px 0;
+      overflow: hidden;
+      padding: 5px 0 10px;
+
+      div.tag-list {
+        display: inline-block;
+        float:left;
+        width: flex-grid(4,8);
+        margin-right: flex-gutter(8);
+      }
+
+      div.question-actions {
+        display: inline-block;
+        float:left;
+        text-align: right;
+        width: flex-grid(4,8);
+
+        a {
+          &.question-delete {
+            color: $mit-red;
+            text-decoration: none;
+            cursor: pointer;
+          }
+        }
+
+        span.sep {
+          color: #ccc;
+        }
+      }
+    }
+
+    div.question-content {
+      overflow: hidden;
+
+      div.question-body {
+        display: inline-block;
+        float: left;
+        margin-right: flex-gutter(8);
+        width: flex-grid(6.2,8);
+
+      blockquote {
+        margin-left: 2.5%;
+        padding-left: 1.5%;
+        border-left: 1px dashed #ddd;
+        color: $mit-red;;
+      }
+
+      ul, ol, pre {
+        margin-left: 6%;
+        margin-bottom: 20px;
+      }
+    }
+
+
+      div.post-update-container {
+        display: inline-block;
+        float: left;
+        width: 20%;
+        border-left: 1px dashed #ddd;
+
+        a {
+          border-bottom: none;
+          font-style: normal;
+        }
+
+        div.post-update-info {
+          @include box-sizing(border-box);
+          padding: 10px;
+          margin-bottom: 10px;
+
+          &:last-child {
+            margin-bottom: 0;
+          }
+
+          &.revision {
+            text-align: center;
+            background:lighten($cream, 7%);
+
+            a {
+              color: black;
+            }
+          }
+
+          div.change-date {
+            font-size: 12px;
+            margin-bottom: 2px;
+          }
+
+          div.user-meta {
+            display: inline-block;
+
+            span.username {
+              font-size: 20px;
+              margin-right: 5px;
+            }
+
+            span.user-badges {
+            }
+          }
+        }
+      }
+    }
+
+    div.comments-container {
+      @include box-sizing(border-box);
+      display: inline-block;
+      padding: 0 0 3% 0;
+      width: 100%;
+
+      div.comments-content {
+        font-size: 13px;
+        background: #efefef;
+
+        .block {
+          border-top: 1px solid #ddd;
+          padding: 15px;
+          display: block;
+
+          &:first-child {
+            border-top: 0;
+          }
+
+          &.official {
+            padding-top: 10px;
+
+            span.official-comment {
+              background: $mit-red;
+              color: #fff;
+              display: block;
+              font-size: 12px;
+              margin: 0 0 10px -5%;
+              padding:2px 5px 2px 5%;
+              text-align: left;
+              width:100px;
+            }
+          }
+        }
+
+        form.post-comments {
+          padding: 15px;
+
+           button:last-child {
+            margin-left: 10px;
+            @extend .light-button;
+          }
+        }
+
+        div.comment {
+          &:first-child {
+            border-top: 0;
+          }
+
+          &:last-child {
+            margin-bottom: 20px;
+          }
+
+          aside.comment-controls {
+            background: none;
+            border: none;
+            @include box-shadow(none);
+            display: inline-block;
+            margin-top: -8px;
+            padding:0 2% 0 0;
+            text-align: center;
+            width: 5%;
+
+            div {
+              background: none;
+              opacity: 0.6;
+
+              &:hover {
+                opacity: 1;
+              }
+            }
+
+            div.comment-votes {
+                width: 16px;
+
+              a.upvote {
+                background: url(../images/askbot/comment-vote-up.png) no-repeat 2px;
+                cursor: pointer;
+                color: green;
+                display: block;
+                margin-bottom: 6px;
+                margin-top: 5px;
+                overflow: hidden;
+                text-decoration: none;
+                text-indent: -9999px; 
+                width: 20px;
+              }
+
+              a.upvoted {
+                @include border-radius(3px);
+                background: #D1E3A8;
+                color: green;
+                font-weight: bold;
+                margin-top: 10px;
+                padding: 2px;
+                text-indent: 0px;
+              }
+            }
+
+            hr {
+              margin: 0;
+            }
+
+            div.comment-delete {
+              // display: inline;
+              color: $mit-red;
+              cursor: pointer;
+              font-size: 15px;
+            }
+
+            div.comment-edit {
+              @include transform(rotate(50deg));
+              cursor: pointer;
+              font-size: 16px;
+              a.edit-icon {
+                color: #555;
+                text-decoration: none;
+              }
+            }
+          }
+
+          div.comment-body {
+            display: inline-block;
+            width: 95%;
+
+            &#full-width {
+              width: 100%;
+            }
+
+            div.comment-meta {
+              text-align: right;
+
+              a.author {
+                font-weight: bold;
+              }
+
+              a.edit {
+                @extend .button;
+                font-size: 12px;
+                padding: 2px 10px;
+              }
+            }
+          }
+        }
+      }
+
+      #edit-comment-form {
+        margin: 10px 0;
+        min-height: 100px;
+        width: 99%;
+        resize: vertical;
+      }
+      .counter {
+        color: #888;
+        display: none;
+        float: right;
+        margin-top: 5px;
+        text-align: right;
+      }
+
+      div.controls {
+        border-top: 1px solid #efefef;
+        text-align: right;
+
+        a {
+          display: inline-block;
+          font-size: 12px;
+          margin: 10px 10px 10px 0;
+        }
+      }
+    }
+  }
+}
+
+div.question-status {
+  background: $mit-red;
+  clear:both;
+  color: #fff;
+  display: block;
+  padding: 10px 0 10px 7.5%;
+
+  h3 {
+  font-weight: normal;
+  }
+
+  a {
+    color: #eee;
+  }
+}
+
+div.share-question {
+  padding: 10px 0 10px 7.5%;
+
+  p {
+    padding: 0;
+    margin: 0;
+  }
+}

lms/static/sass/sass_old/discussion/_questions.scss

+// Styles for the default question list view
+
+div.question-list-header {
+  display: block;
+  margin-bottom: 0px;
+  overflow: hidden;
+  width: flex-grid(9,9);
+  @extend h1.top-header;
+
+  h1 {
+    margin: 0;
+
+    > a.light-button {
+      float: right;
+    }
+  }
+
+  section.question-list-meta  {
+    display: block;
+    overflow: hidden;
+    width: 100%;
+
+    div {
+      display: inline-block;
+      float: left;
+    }
+
+    h1 {
+      margin: 0;
+    }
+    span.label {
+      color: #555;
+    }
+
+    div.question-list-title {
+      margin-right: flex-gutter();
+
+      h1 {
+        margin-top: 0;
+      }
+    }
+
+
+    div.question-sort {
+      float: right;
+      margin-left: flex-gutter();
+      margin-top: 6px;
+
+      nav {
+        @extend .action-link;
+        float: right;
+
+        a {
+          &.on span{
+            font-weight: bold;
+          }
+
+          &:before {
+            content: '|';
+            color: #ccc;
+            font-size: 16px;
+          }
+        }
+      }
+    }
+  }
+
+  section.question-tags-list {
+    display: block;
+    min-height: 26px;
+    padding-top:15px;
+    width: 100%;
+
+    div {
+      display: inline-block;
+      float: left;
+    }
+
+    div.back {
+      margin-right: 10px;
+      margin-top: 4px;
+
+      a {
+        color: #555;
+      }
+    }
+
+    div.tags-list {
+
+    }
+
+    ul.tags {
+      li {
+        background: #fff;
+
+        &:before {
+          border-color: transparent #fff transparent transparent;
+        }
+      }
+    }
+  }
+}
+
+ul.question-list, div#question-list {
+  width: flex-grid(9,9);
+
+  li.single-question {
+    border-bottom: 1px solid #eee;
+    list-style: none;
+    padding: 10px lh();
+    margin-left: (-(lh()));
+    width: 100%;
+
+    &:hover {
+      background: #F3F3F3;
+
+      ul.tags li {
+        background: #ddd;
+
+        &:before {
+          border-color: transparent #ddd transparent transparent;
+        }
+      }
+    }
+
+    &:first-child {
+      border-top: 0;
+    }
+
+    div {
+      display: inline-block;
+
+      &.question-body {
+        @include box-sizing(border-box);
+        margin-right: flex-gutter();
+        width: flex-grid(5.5,9);
+
+        h2 {
+          font-size: 16px;
+          font-weight: bold;
+          letter-spacing: 0;
+          margin: 0px 0 15px 0;
+          text-transform: none;
+        }
+
+        p.excerpt {
+          color: #777;
+        }
+
+
+        div.user-info {
+          display: inline-block;
+          vertical-align: top;
+          margin-bottom: 10px;
+
+          span.relative-time {
+            font-weight: normal;
+          }
+
+          a {
+            color: $mit-red;
+          }
+        }
+
+        ul.tags {
+          display: inline-block;
+        }
+
+      }
+
+      &.question-meta {
+        float: right;
+        margin-top: 10px;
+        width: flex-grid(3.5,9);
+
+
+        ul {
+          text-align: right;
+
+          li {
+            border: 1px solid #ddd;
+            @include box-shadow(0 1px 0 #fff);
+            display: inline-block;
+            height:60px;
+            @include linear-gradient(#fff, #f5f5f5);
+            margin-right: 10px;
+            width: 60px;
+
+            &:last-child {
+              margin-right: 0px;
+            }
+
+            &:hover {
+              span, div {
+                color: #555;
+              }
+            }
+
+            &.views {
+            }
+
+            &.answers {
+              &.accepted {
+
+                @include linear-gradient(#fff, lighten( #c4dfbe, 12% ));
+                border-color: #c4dfbe;
+
+                span, div {
+                  color: darken(#c4dfbe, 35%);
+                }
+              }
+              &.no-answers {
+
+
+                span, div {
+                  color: lighten($mit-red, 20%);
+                }
+              }
+            }
+
+            &.votes {
+            }
+
+            span, div {
+              @include box-sizing(border-box);
+              color: #888;
+              display: block;
+              text-align: center;
+            }
+
+            span {
+              font-size: 16px;
+              font-weight: bold;
+              height: 35px;
+              padding-top: 15px;
+              vertical-align: middle;
+            }
+
+            div {
+              height: 25px;
+              font-size: 12px;
+            }
+          }
+        }
+      }
+    }
+
+  }
+
+  div.post-own-question {
+    padding: 11px;
+    margin-top: 10px;
+    color: #888;
+    text-align: center;
+
+    a {
+      font-weight: bold;
+      @extend .light-button;
+      padding: 20px;
+      display: block;
+      margin: 10px auto;
+          text-align: center;
+          width: flex-grid(5);
+    }
+  }
+}
+
+.search-result-summary {
+}

lms/static/sass/sass_old/discussion/_sidebar.scss

+// Styles for the Askbot sidebar
+
+div.discussion-wrapper aside {
+  @extend .sidebar;
+  border-left: 1px solid #d3d3d3;
+  @include border-radius(0 4px 4px 0);
+  border-right: 1px solid #f6f6f6;
+  @include box-shadow(inset 1px 0 0 #f6f6f6);
+  padding: lh();
+  width: flex-grid(3);
+
+  &.main-sidebar {
+    min-width:200px;
+  }
+
+  h1 {
+    @extend .bottom-border;
+    margin: (-(lh())) (-(lh())) 0;
+    padding: lh(.5) lh();
+  }
+
+  h2 {
+    color: #4D4D4D;
+
+    &.first {
+      margin-top: 0px;
+    }
+  }
+
+  h3 {
+    border-bottom: 0;
+    box-shadow: none;
+  }
+
+  div.inputs {
+    input[type="submit"] {
+      width: 27%;
+      float: right;
+    }
+
+    input[type="text"] {
+      width: 62%;
+    }
+  }
+
+  div.box {
+    display: block;
+    margin: lh(.5) 0;
+
+    &:last-child {
+      @include box-shadow(none);
+      border: 0;
+    }
+
+    h2 {
+      text-transform: uppercase;
+      font-weight: bold;
+      font-size: 14px;
+      letter-spacing: 1px;
+
+      &:not(.first) {
+        @include box-shadow(inset 0 1px 0 #eee);
+        border-top: 1px solid #d3d3d3;
+        margin: 0 (-(lh())) 0;
+        padding: lh(.5) lh();
+      }
+    }
+
+    &.contributors {
+
+      a {
+        @include border-radius(3px);
+        border: 1px solid #aaa;
+        cursor: pointer;
+        display: inline-block;
+        margin-right: 6px;
+        position: relative;
+
+        &:before {
+          @include border-radius(3px);
+          @include box-shadow(inset 0 0 1px 1px rgba(255,255,255,.4));
+          top: 1px; left: 1px; bottom: 1px; right: 1px;
+          content: '';
+          position: absolute;
+        }
+
+      }
+      img.gravatar {
+        @include border-radius(3px);
+      }
+    }
+
+    &.tag-selector {
+     ul {
+       margin-bottom: 10px;
+       display: block;
+     }
+    }
+  }
+
+  div.search-box {
+    margin-top: lh(.5);
+    input {
+      @include box-sizing(border-box);
+      display: inline;
+    }
+
+    input[type='submit'] {
+      @include box-shadow(none);
+      opacity: 0.5;
+      background: url(../images/askbot/search-icon.png) no-repeat center;
+      border: 0;
+      margin-left: 3px;
+      position: absolute;
+      text-indent: -9999px;
+      width: 24px;
+
+      &:hover {
+        opacity: 0.9;
+      }
+
+      &:focus {
+        opacity: 1;
+      }
+    }
+
+    input#keywords {
+      padding-left: 30px;
+      padding-right: 30px;
+      width: 100%;
+    }
+
+    input#clear {
+      @include box-shadow(none);
+      @include border-radius(15px);
+      border: none;
+      background: #bbb;
+      color: #fff;
+      display: inline;
+      font-size: 10px;
+      margin-left: -25px;
+      padding: 2px 5px;
+    }
+  }
+
+  div#tagSelector {
+    h2 {
+      @include box-shadow(inset 0 1px 0 #eee);
+      border-top: 1px solid #d3d3d3;
+      margin: 0 (-(lh())) 0;
+      padding: lh(.5) lh();
+      text-transform: uppercase;
+      font-weight: bold;
+      font-size: 14px;
+      letter-spacing: 1px;
+    }
+
+    ul {
+      margin: 0;
+    }
+
+    div.inputs {
+      margin-bottom: lh();
+    }
+
+    div#displayTagFilterControl {
+      p.choice {
+        @include inline-block();
+        margin-right: lh(.5);
+      }
+    }
+  }
+
+  // Question view sopecific
+
+  div.follow-buttons {
+    margin-top: 20px;
+    display: block;
+
+    a.button {
+      @include box-sizing(border-box);
+      display: block;
+      text-align: center;
+      width: 100%;
+    }
+  }
+
+
+  div.question-stats {
+    ul {
+      color: #777;
+      list-style: none;
+
+      li {
+        padding: 7px 0 0;
+
+        &:last-child {
+          @include box-shadow(none);
+          border: 0;
+        }
+        strong {
+          float: right;
+          padding-right: 10px;
+        }
+      }
+    }
+  }
+
+  div.user-info, div.user-stats {
+    @extend div.question-stats;
+    overflow: hidden;
+
+    div {
+      float: left;
+      display: block;
+    }
+
+    div.karma {
+      background: #eee;
+      border: 1px solid #D3D3D3;
+      @include border-radius(3px);
+      @include box-sizing(border-box);
+      @include box-shadow(inset 0 0 0 1px #fff, 0 1px 0 #fff);
+      padding: lh(.4) 0;
+      text-align: center;
+      width: flex-grid(1, 3);
+      float: right;
+
+      strong {
+        display: block;
+        font-style: 20px;
+      }
+    }
+
+    div.meta {
+      width: flex-grid(2,3);
+      padding-right: flex-gutter(3)*0.5;
+      @include box-sizing(border-box);
+
+      h2 {
+        border: 0;
+        @include box-shadow(none);
+        margin: 0 0 8px 0;
+        padding: 0;
+      }
+
+      p {
+        color: #777;
+        font-size: 14px;
+      }
+    }
+  }
+
+  div.user-stats {
+    overflow: visible;
+
+    ul {
+      font-size: 14px;
+
+      h2 {
+        margin:0 (-(lh())) 5px (-(lh()));
+        padding: lh(.5) lh();
+      }
+    }
+ }
+
+  div.question-tips, div.markdown {
+    ul {
+      margin-left: 8%;
+    }
+
+    ol {
+      margin-left: 8%;
+    }
+  }
+  div.markdown ul li {
+    margin: 20px 0;
+
+    &:first-child {
+      margin: 0;
+    }
+
+    ol li {
+      margin: 0;
+    }
+  }
+
+  div.view-profile {
+    h2 {
+      border-top: 0;
+      @include box-shadow(none);
+    }
+
+    a {
+      width: 100%;
+      @include box-sizing(border-box);
+      text-align: center;
+      padding: 10px;
+      display: block;
+      margin-top: 10px;
+      @extend .light-button;
+
+      &:first-child {
+        margin-top: 0;
+      }
+
+      span {
+        font-weight: bold;
+      }
+    }
+  }
+}

lms/static/sass/sass_old/discussion/_tags.scss

+// Styles for the question tags
+
+ul.tags {
+  list-style: none;
+  display: inline;
+
+  li, a {
+    position: relative;
+  }
+
+  li {
+    background: #eee;
+    @include border-radius(4px);
+    @include box-shadow(0px 1px 0px #ccc);
+    color: #555;
+    display: inline-block;
+    font-size: 12px;
+    margin-bottom: 5px;
+    margin-left: 15px;
+    padding: 3px 10px 5px 5px;
+
+    &:before {
+     border-color:transparent #eee transparent transparent;
+     border-style:solid;
+     border-width:12px 12px 12px 0;
+     content:"";
+     height:0;
+     left:-10px;
+     position:absolute;
+     top:0;
+     width:0;
+    }
+
+    span.delete-icon, div.delete-icon {
+      background: #555;
+      @include border-radius(0 4px 4px 0);
+      clear: none;
+      color: #eee;
+      cursor: pointer;
+      display: inline;
+      float: none;
+      left: 10px;
+      opacity: 0.5;
+      padding: 4px 6px;
+      position: relative;
+      top: 1px;
+
+      &:hover {
+        opacity: 1;
+      }
+    }
+
+    a {
+      color: #555;
+      text-decoration: none;
+      border-bottom: none;
+      font-style: normal;
+    }
+  }
+}
+
+span.tag-number {
+  display: none;
+  // @include border-radius(3px);
+  // background: #555;
+  // font-size: 10px;
+  // margin: 0 3px;
+  // padding: 2px 5px;
+  // color: #eee;
+  // opacity: 0.5;
+}

lms/static/sass/sass_old/layout/_calculator.scss

+li.calc-main {
+  bottom: -126px;
+  left: 0;
+  position: fixed;
+  @include transition(bottom);
+  -webkit-appearance: none;
+  width: 100%;
+  z-index: 99;
+
+  &.open {
+    bottom: -36px;
+
+    div#calculator_wrapper form div.input-wrapper div.help-wrapper dl {
+      display: block;
+    }
+  }
+
+  a.calc {
+    background: url("../images/calc-icon.png") rgba(#111, .9) no-repeat center;
+    border-bottom: 0;
+    @include border-radius(3px 3px 0 0);
+    color: #fff;
+    float: right;
+    height: 20px;
+    @include hide-text;
+    @include inline-block;
+    margin-right: 10px;
+    padding: 8px 12px;
+    position: relative;
+    top: -36px;
+    width: 16px;
+
+    &:hover {
+      opacity: .8;
+    }
+
+    &.closed {
+      background-image: url("../images/close-calc-icon.png");
+    }
+  }
+
+  div#calculator_wrapper {
+    background: rgba(#111, .9);
+    clear: both;
+    max-height: 90px;
+    position: relative;
+    top: -36px;
+
+    form {
+      @extend .clearfix;
+      @include box-sizing(border-box);
+      padding: lh();
+
+      input#calculator_button {
+        background: #111;
+        border: 1px solid #000;
+        @include border-radius(0);
+        @include box-shadow(none);
+        @include box-sizing(border-box);
+        color: #fff;
+        float: left;
+        font-size: 30px;
+        font-weight: bold;
+        margin: 0 (flex-gutter() / 2);
+        padding: 0;
+        text-shadow: none;
+        -webkit-appearance: none;
+        width: flex-grid(.5) + flex-gutter();
+
+        &:hover {
+          color: #333;
+        }
+      }
+
+      input#calculator_output {
+        background: #222;
+        border: 0;
+        @include box-shadow(none);
+        @include box-sizing(border-box);
+        color: #fff;
+        float: left;
+        font-size: 16px;
+        font-weight: bold;
+        margin: 1px 0 0;
+        padding: 10px;
+        -webkit-appearance: none;
+        width: flex-grid(4);
+      }
+
+      div.input-wrapper {
+        @extend .clearfix;
+        float: left;
+        margin: 0;
+        position: relative;
+        width: flex-grid(7.5);
+
+        input#calculator_input {
+          border: none;
+          @include box-shadow(none);
+          @include box-sizing(border-box);
+          font-size: 16px;
+          padding: 10px;
+          -webkit-appearance: none;
+          width: 100%;
+
+          &:focus {
+            outline: none;
+            border: none;
+          }
+        }
+
+        div.help-wrapper {
+          position: absolute;
+          right: 8px;
+          top: 15px;
+
+          a {
+            background: url("../images/info-icon.png") center center no-repeat;
+            height: 17px;
+            @include hide-text;
+            width: 17px;
+          }
+
+          dl {
+            background: #fff;
+            @include border-radius(3px);
+            @include box-shadow(0 0 3px #999);
+            color: #333;
+            display: none;
+            opacity: 0;
+            padding: 10px;
+            position: absolute;
+            right: -40px;
+            top: -110px;
+            @include transition();
+            width: 500px;
+
+            &.shown {
+              opacity: 1;
+              top: -115px;
+            }
+
+            dt {
+              clear: both;
+              float: left;
+              font-weight: bold;
+              padding-right: lh(.5);
+            }
+
+            dd {
+              float: left;
+            }
+          }
+        }
+      }
+    }
+  }
+}

lms/static/sass/sass_old/layout/_footer.scss

+footer {
+  @extend .clearfix;
+  @extend .wrapper;
+  @include box-sizing(border-box);
+  color: #777;
+  margin-top: $body-line-height;
+  padding: 0 $body-line-height;
+
+  @media print {
+    display: none;
+  }
+
+  p {
+    float: left;
+
+    a {
+      color: #444;
+
+      &:link, &:visited {
+        color: #444;
+      }
+
+      &:hover, &:focus {
+        color: #000;
+      }
+    }
+  }
+
+  nav {
+    float: right;
+
+    ul {
+      float: left;
+
+      li {
+        display: inline-block;
+        margin-right: 20px;
+
+        a {
+          color: #444;
+
+          &:link, &:visited {
+            color: #444;
+          }
+
+          &:hover, &:focus {
+            color: #000;
+          }
+        }
+      }
+
+      &.social {
+        margin-right: 40px;
+        position: relative;
+        top: -5px;
+
+        @media screen and (max-width: 780px) {
+          float: none;
+        }
+
+        li {
+          float: left;
+          margin-right: lh(.5);
+
+          &:after {
+            content: none;
+            display: none;
+          }
+
+          a {
+            border-bottom: 0;
+            display: block;
+            height: 29px;
+            text-indent: -9999px;
+            width: 28px;
+
+            &:hover {
+              opacity: .8;
+            }
+          }
+
+          &.twitter a {
+            background: url('../images/twitter.png') 0 0 no-repeat;
+          }
+
+          &.facebook a {
+            background: url('../images/facebook.png') 0 0 no-repeat;
+          }
+
+          &.linkedin a {
+            background: url('../images/linkedin.png') 0 0 no-repeat;
+          }
+        }
+      }
+    }
+  }
+}

lms/static/sass/sass_old/layout/_header.scss

+div.header-wrapper {
+  background: $mit-red;
+  border-bottom: 1px solid #fff;
+  @include box-shadow(inset 0 -4px 6px darken($mit-red, 5%));
+
+  @media print {
+    display: none;
+  }
+
+  header {
+    @extend .clearfix;
+    @extend .wrapper;
+    @include box-sizing(border-box);
+    padding: 0 $body-line-height;
+
+    hgroup {
+      @extend .clearfix;
+      float: left;
+      min-width: flex-grid(3);
+      padding-top: 13px;
+
+      h1 {
+        color: darken($mit-red, 25%);
+        font-size: 18px;
+        font-weight: 800;
+        @include inline-block();
+        line-height: lh();
+        margin: 0;
+        padding: 0 lh(.5) 0 0;
+        text-shadow: 0 1px 0 lighten($mit-red, 10%);
+
+        &:after {
+          color: darken($mit-red, 10%);
+          content: "•";
+          display: inline-block;
+          font-size: 10px;
+          letter-spacing: -2px;
+          padding-left: lh(.5);
+          text-shadow: 0;
+        }
+      }
+
+      h2 {
+        font-size: 16px;
+        @include inline-block();
+        letter-spacing: 0;
+        margin: 0;
+        padding: 0 lh() 0px 0;
+        text-shadow: 0 -1px 0 darken($mit-red, 10%);
+        text-transform: none;
+        -webkit-font-smoothing: antialiased;
+
+        a {
+          color: #fff;
+          border: none;
+
+          &:hover {
+            color: rgba(#fff, .7);
+          }
+        }
+      }
+
+
+      @media screen and (max-width: 900px) {
+        display: block;
+        float: none;
+
+        h1 {
+          border: 0;
+          float: left;
+        }
+
+        h2 {
+          border: 0;
+          float: left;
+          margin-right: 0;
+        }
+      }
+    }
+
+    nav {
+      background: #501016;
+      border-bottom: 1px solid darken(#501016, 10%);
+      @include border-radius(3px 3px 0 0);
+      @include box-shadow(inset 0 0 0 1px darken(#501016, 5%), inset 0 2px 0 lighten(#501016, 5%));
+      display: block;
+      float: left;
+      margin: 5px 0 0;
+      padding: 0;
+      text-shadow: 0 -1px 0 darken($mit-red, 10%);
+      -webkit-font-smoothing: antialiased;
+
+      ul {
+        @extend .clearfix;
+        margin: 0;
+
+        li {
+          line-height: lh();
+          margin-bottom: 0;
+          float: left;
+
+          a {
+            border: none;
+            color: #fff;
+            display: block;
+            font-style: normal;
+            font-weight: bold;
+            padding: 10px lh() 8px;
+
+            @media screen and (max-width: 1020px) {
+              padding: 10px lh(.7) 8px;
+            }
+
+            &:hover {
+              color: rgba(#fff, .7);
+              background-color: none;
+            }
+          }
+        }
+      }
+
+      @media screen and (max-width: 900px) {
+        width: 100%;
+        float: none;
+
+        ul {
+          li {
+            display: table-cell;
+            padding: auto;
+            text-align: center;
+            width: 16.6666666667%;
+          }
+        }
+      }
+
+      .active {
+        background: #F4F4F4;
+        border: 1px solid darken(#501016, 10%);
+        border-bottom: 0;
+        @include border-radius(3px 3px 0 0);
+        @include box-shadow(0 2px 0 #f4f4f4, inset 0 1px 0 #fff);
+        color: #333;
+        text-shadow: 0 1px 0 #fff;
+      }
+
+      &.courseware {
+        li.courseware a {
+          @extend .active;
+        }
+      }
+
+      &.book {
+        li.book a {
+          @extend .active;
+        }
+      }
+
+      &.info {
+        li.info a {
+          @extend .active;
+        }
+      }
+
+      &.discussion {
+        li.discussion a {
+          @extend .active;
+        }
+      }
+
+      &.wiki {
+        li.wiki a {
+          @extend .active;
+        }
+      }
+
+      &.profile {
+        li.profile a {
+          @extend .active;
+        }
+      }
+    }
+  }
+}

lms/static/sass/sass_old/layout/_layout.scss

+html {
+  margin-top: 0;
+
+  body {
+    background: #f4f4f4; //#f3f1e5
+    color: $dark-gray;
+    font: $body-font-size $body-font-family;
+    margin: 0;
+    text-align: center;
+
+    section.main-content {
+      @extend .clearfix;
+      @extend .wrapper;
+      background: #fff;
+      border: 1px solid #bbb;
+      border-bottom: 1px solid #bbb;
+      @include box-shadow(0 0 4px #dfdfdf);
+      @include box-sizing(border-box);
+      margin-top: 3px;
+
+      @media print {
+        border-bottom: 0;
+        @include border-radius(none);
+      }
+
+      @media screen and (min-width: 1400px) {
+        @include border-radius(4px);
+        margin-top: lh(.5);
+        overflow: hidden;
+      }
+    }
+
+    div.qtip {
+     div.ui-tooltip-content {
+       background: #000;
+       background: rgba(#000, .8);
+       border: none;
+       color: #fff;
+       font: 12px $body-font-family;
+       margin-right: -20px;
+       margin-top: -30px;
+      }
+    }
+
+    section.outside-app {
+      @extend .main-content;
+      max-width: 600px;
+      padding: lh();
+
+      #{$all-text-inputs} {
+        display: block;
+      }
+    }
+  }
+}

lms/static/sass/sass_old/layout/_leanmodal.scss

+#lean_overlay {
+  background: #000;
+  display: none;
+  height:100%;
+  left: 0px;
+  position: fixed;
+  top: 0px;
+  width:100%;
+  z-index:100;
+}
+
+div.leanModal_box {
+  background: #fff;
+  border: none;
+  @include border-radius(3px);
+  @include box-shadow(0 0 6px #000);
+  @include box-sizing(border-box);
+  display: none;
+  padding: lh(2);
+  text-align: left;
+
+  a.modal_close {
+    color: #aaa;
+    display: block;
+    font-style: normal;
+    height: 14px;
+    position: absolute;
+    right: 12px;
+    top: 12px;
+    width: 14px;
+    z-index: 2;
+
+    &:hover{
+      color: $mit-red;
+      text-decoration: none;
+    }
+  }
+
+  h1 {
+    border-bottom: 1px solid #eee;
+    font-size: 24px;
+    margin-bottom: lh();
+    margin-top: 0;
+    padding-bottom: lh();
+    text-align: left;
+  }
+
+  &#enroll {
+    max-width: 600px;
+
+    ol {
+      @extend .clearfix;
+      padding-top: lh();
+
+      li {
+
+        &.terms, &.honor-code {
+          float: none;
+          width: auto;
+        }
+
+        div.tip {
+          display: none;
+        }
+
+        &:hover {
+          div.tip {
+            background: #333;
+            color: #fff;
+            display: block;
+            font-size: 16px;
+            line-height: lh();
+            margin: 0 0 0 -10px;
+            padding: 10px;
+            position: absolute;
+            -webkit-font-smoothing: antialiased;
+            width: 500px;
+          }
+        }
+      }
+    }
+  }
+
+  form {
+    text-align: left;
+
+    div#enroll_error, div#login_error, div#pwd_error {
+      $error-color: #333;
+      background-color: $error-color;
+      border: darken($error-color, 20%);
+      color: #fff;
+      font-family: "Open sans";
+      font-weight: bold;
+      letter-spacing: 1px;
+      margin: (-(lh())) (-(lh())) lh();
+      padding: lh(.5);
+      text-shadow: 0 1px 0 darken($error-color, 10%);
+      -webkit-font-smoothing: antialiased;
+
+      &:empty {
+        padding: 0;
+      }
+    }
+
+    ol {
+      list-style: none;
+      margin-bottom: lh();
+
+      li {
+        margin-bottom: lh(.5);
+
+        &.terms, &.remember {
+          border-top: 1px solid #eee;
+          clear: both;
+          float: none;
+          padding-top: lh();
+          width: auto;
+        }
+
+        &.honor-code {
+          float: none;
+          width: auto;
+        }
+
+        label {
+          display: block;
+          font-weight: bold;
+        }
+
+        #{$all-text-inputs}, textarea {
+          @include box-sizing(border-box);
+          width: 100%;
+        }
+
+        input[type="checkbox"] {
+          margin-right: 10px;
+        }
+
+        ul {
+          list-style: disc outside none;
+          margin: lh(.5) 0 lh() lh();
+
+          li {
+            color: #666;
+            float: none;
+            font-size: 14px;
+            list-style: disc outside none;
+            margin-bottom: lh(.5);
+          }
+        }
+      }
+    }
+
+    input[type="button"], input[type="submit"] {
+      @include button($mit-red);
+      font-size: 18px;
+      padding: lh(.5);
+    }
+  }
+}
+
+div#login {
+  min-width: 400px;
+
+  header {
+    border-bottom: 1px solid #ddd;
+    margin-bottom: lh();
+    padding-bottom: lh();
+
+    h1 {
+      border-bottom: 0;
+      padding-bottom: 0;
+      margin-bottom: lh(.25);
+    }
+  }
+
+  ol {
+    li {
+      float: none;
+      width: auto;
+    }
+  }
+}
+
+div.lost-password {
+  margin-top: lh();
+  text-align: left;
+
+  a {
+    color: #999;
+
+    &:hover {
+      color: #444;
+    }
+  }
+}
+
+div#pwd_reset {
+  p {
+    margin-bottom: lh();
+  }
+
+  input[type="email"] {
+    margin-bottom: lh();
+  }
+}
+
+div#apply_name_change,
+div#change_email,
+div#unenroll,
+div#deactivate-account {
+  max-width: 700px;
+
+  ul {
+    list-style: none;
+
+    li {
+      margin-bottom: lh(.5);
+
+      textarea, #{$all-text-inputs} {
+        @include box-sizing(border-box);
+        display: block;
+        width: 100%;
+      }
+
+      textarea {
+        height: 60px;
+      }
+
+      input[type="submit"] {
+        white-space: normal;
+      }
+    }
+  }
+}
+
+div#feedback_div{
+  form{
+    ol {
+      li {
+        float: none;
+        width: 100%;
+
+        textarea#feedback_message {
+          height: 100px;
+        }
+      }
+    }
+  }
+}
+

lms/static/sass/sass_old/marketing-ie.scss

+body {
+  margin: 0;
+  padding: 0;
+}
+
+.wrapper, .subpage, section.copyright, section.tos, section.privacy-policy, section.honor-code, header.announcement div, section.index-content, footer {
+  margin: 0;
+  overflow: hidden;
+}
+
+div#enroll {
+  form {
+    display: none;
+  }
+}

lms/static/sass/sass_old/marketing.scss

+@import "bourbon/bourbon";
+@import "base/reset", "base/font-face", "base/functions";
+
+// pages
+@import "marketing/variables", "marketing/extends", "marketing/base", "marketing/header", "marketing/footer", "marketing/index";
+@import "layout/leanmodal";

lms/static/sass/sass_old/marketing/_base.scss

+body {
+  background-color: #fff;
+  color: #444;
+  font: $body-font-size $body-font-family;
+
+  :focus {
+    outline-color: #ccc;
+  }
+
+  h1 {
+    font: 800 24px $header-font-family;
+  }
+
+  li {
+    margin-bottom: lh();
+  }
+
+  em {
+    font-style: italic;
+  }
+
+  a {
+    color: $mit-red;
+    font-style: italic;
+    text-decoration: none;
+
+    &:hover, &:focus {
+      color: darken($mit-red, 10%);
+    }
+  }
+
+  #{$all-text-inputs}, textarea {
+    @include box-shadow(0 -1px 0 #fff);
+    @include linear-gradient(#eee, #fff);
+    border: 1px solid #999;
+    font: $body-font-size $body-font-family;
+    padding: 4px;
+    width: 100%;
+
+    &:focus {
+      border-color: $mit-red;
+    }
+  }
+}

lms/static/sass/sass_old/marketing/_extends.scss

+.wrapper {
+  @include box-sizing(border-box);
+  margin: 0 auto;
+  max-width: $fg-max-width;
+  // min-width: $fg-min-width;
+  padding: lh();
+  width: flex-grid(12);
+}
+
+.subpage {
+  @extend .clearfix;
+  @extend .wrapper;
+
+  > div {
+    padding-left: flex-grid(4) + flex-gutter();
+
+    @media screen and (max-width: 940px) {
+      padding-left: 0;
+    }
+
+    p {
+      margin-bottom: lh();
+      line-height: lh();
+    }
+
+    h1 {
+      margin-bottom: lh(.5);
+    }
+
+    h2 {
+      font: 18px $header-font-family;
+      color: #000;
+      margin-bottom: lh(.5);
+    }
+
+    ul {
+      list-style: disc outside none;
+
+      li {
+        list-style: disc outside none;
+        line-height: lh();
+      }
+    }
+
+    dl {
+      margin-bottom: lh();
+
+      dd {
+        margin-bottom: lh(.5);
+      }
+    }
+  }
+}
+
+.clearfix:after {
+  content: ".";
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden;
+}
+
+.button {
+  @include border-radius(3px);
+  @include inline-block();
+  @include transition();
+  background-color: $mit-red;
+  border: 1px solid darken($mit-red, 10%);
+  color: #fff;
+  margin: lh() 0 lh(.5);
+  padding: lh(.25) lh(.5);
+  text-decoration: none;
+  font-style: normal;
+  @include box-shadow(inset 0 1px 0 lighten($mit-red, 8%));
+  -webkit-font-smoothing: antialiased;
+
+  &:hover {
+    background-color: darken($mit-red, 10%);
+    border-color: darken($mit-red, 20%);
+  }
+
+  span {
+    font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
+    font-style: italic;
+  }
+}
+
+p.ie-warning {
+  display: block !important;
+  line-height: 1.3em;
+  background: yellow;
+  margin-bottom: lh();
+  padding: lh();
+}

lms/static/sass/sass_old/marketing/_footer.scss

+footer {
+  @extend .wrapper;
+  @extend .clearfix;
+  padding-top: 0;
+
+  div.footer-wrapper {
+    border-top: 1px solid #e5e5e5;
+    padding: lh() 0;
+    background: url('../images/marketing/mit-logo.png') right center no-repeat;
+
+    @media screen and (max-width: 780px) {
+      background-position: left bottom;
+      padding-bottom: lh(3);
+    }
+
+    a {
+      color: #888;
+      text-decoration: none;
+      @include transition();
+
+      &:hover, &:focus {
+        color: #666;
+      }
+    }
+
+    p {
+      @include inline-block();
+      margin-right: lh();
+    }
+
+    ul {
+      @include inline-block();
+
+      @media screen and (max-width: 780px) {
+        margin-top: lh();
+      }
+
+      li {
+        @include inline-block();
+        margin-bottom: 0;
+
+        &:after {
+          content: ' |';
+          display: inline;
+          color: #ccc;
+        }
+
+        &:last-child {
+          &:after {
+            content: none;
+          }
+        }
+
+      }
+
+      &.social {
+        float: right;
+        margin-right: 60px;
+        position: relative;
+        top: -5px;
+
+        @media screen and (max-width: 780px) {
+          float: none;
+        }
+
+        li {
+          float: left;
+          margin-right: lh(.5);
+
+          &:after {
+            content: none;
+            display: none;
+          }
+
+          a {
+            display: block;
+            height: 29px;
+            width: 28px;
+            text-indent: -9999px;
+
+            &:hover {
+              opacity: .8;
+            }
+          }
+
+          &.twitter a {
+            background: url('../images/marketing/twitter.png') 0 0 no-repeat;
+          }
+
+          &.facebook a {
+            background: url('../images/marketing/facebook.png') 0 0 no-repeat;
+          }
+
+          &.linkedin a {
+            background: url('../images/marketing/linkedin.png') 0 0 no-repeat;
+          }
+        }
+      }
+    }
+  }
+}

lms/static/sass/sass_old/marketing/_header.scss

+header.announcement {
+  @include background-size(cover);
+  background: #333;
+  border-bottom: 1px solid #000;
+  color: #fff;
+  -webkit-font-smoothing: antialiased;
+
+  &.home {
+    background: #e3e3e3 url("../images/marketing/shot-5-medium.jpg");
+
+    @media screen and (min-width: 1200px) {
+      background: #e3e3e3 url("../images/marketing/shot-5-large.jpg");
+    }
+
+    div {
+      padding: lh(10) lh() lh(3);
+
+      @media screen and (max-width:780px) {
+        padding: lh(2.5) lh() lh(2);
+      }
+
+      //hide login link for homepage
+      nav {
+        h1 {
+          margin-right: 0;
+        }
+
+        a.login {
+          display: none;
+        }
+      }
+    }
+  }
+
+  &.course {
+    background: #e3e3e3 url("../images/marketing/course-bg-small.jpg");
+
+    @media screen and (min-width: 1200px) {
+      background: #e3e3e3 url("../images/marketing/course-bg-large.jpg");
+    }
+
+    @media screen and (max-width: 1199px) and (min-width: 700px) {
+      background: #e3e3e3 url("../images/marketing/course-bg-medium.jpg");
+    }
+
+    div {
+      padding: lh(4) lh() lh(2);
+
+      @media screen and (max-width:780px) {
+        padding: lh(2.5) lh() lh(2);
+      }
+    }
+
+  }
+
+  div {
+    @extend .wrapper;
+    position: relative;
+
+    nav {
+      position: absolute;
+      top: 0;
+      right: lh();
+      @include border-radius(0 0 3px 3px);
+      background: #333;
+      background: rgba(#000, .7);
+      padding: lh(.5) lh();
+
+      h1 {
+        @include inline-block();
+        margin-right: lh(.5);
+
+
+        a {
+          font: italic 800 18px $header-font-family;
+          color: #fff;
+          text-decoration: none;
+
+          &:hover, &:focus {
+            color: #999;
+          }
+        }
+      }
+
+      a.login {
+        text-decoration: none;
+        color: #fff;
+        font-size: 12px;
+        font-style: normal;
+        font-family: $header-font-family;
+
+        &:hover, &:focus {
+          color: #999;
+        }
+      }
+    }
+
+    section {
+      @extend .clearfix;
+      background: $mit-red;
+      @include inline-block();
+      margin-left: flex-grid(4) + flex-gutter();
+      padding: lh() lh(1.5);
+
+      @media screen and (max-width: 780px) {
+        margin-left: 0;
+      }
+
+      h1 {
+        font-family: "Open Sans";
+        font-size: 30px;
+        font-weight: 800;
+        @include inline-block();
+        line-height: 1.2em;
+        margin: 0 lh() 0 0;
+      }
+
+      h2 {
+        font-family: "Open Sans";
+        font-size: 24px;
+        font-weight: 400;
+        @include inline-block();
+        line-height: 1.2em;
+      }
+
+      &.course {
+        section {
+          float: left;
+          margin-left: 0;
+          margin-right: flex-gutter(8);
+          padding: 0;
+          width: flex-grid(4, 8);
+
+          @media screen and (max-width: 780px) {
+            float: none;
+            width: 100%;
+            margin-right: 0;
+          }
+
+          a {
+            @extend .button;
+            background-color: darken($mit-red, 20%);
+            border-color: darken($mit-red, 30%);
+            @include box-shadow(inset 0 1px 0 darken($mit-red, 10%), 0 1px 0 lighten($mit-red, 5%));
+            display: block;
+            padding: lh(.5) lh();
+            text-align: center;
+
+            &:hover {
+              background-color: darken($mit-red, 10%);
+              border-color: darken($mit-red, 20%);
+            }
+          }
+        }
+
+        p {
+          width: flex-grid(4, 8);
+          line-height: lh();
+          float: left;
+
+          @media screen and (max-width: 780px) {
+            float: none;
+            width: 100%;
+          }
+        }
+      }
+    }
+  }
+}

lms/static/sass/sass_old/marketing/_index.scss

+section.index-content {
+  @extend .wrapper;
+  @extend .clearfix;
+
+  section {
+    @extend .clearfix;
+    float: left;
+
+    @media screen and (max-width: 780px) {
+      float: none;
+      width: auto;
+      margin-right: 0;
+    }
+
+    h1 {
+      font-size: 800 24px "Open Sans";
+      margin-bottom: lh();
+    }
+
+    p {
+      line-height: lh();
+      margin-bottom: lh();
+
+    }
+
+    ul {
+      margin: 0;
+    }
+
+    &.about {
+      @include box-sizing(border-box);
+      border-right: 1px solid #e5e5e5;
+      margin-right: flex-gutter();
+      padding-right: flex-gutter() / 2;
+      width: flex-grid(8);
+
+      @media screen and (max-width: 780px) {
+        width: 100%;
+        border-right: 0;
+        margin-right: 0;
+        padding-right: 0;
+      }
+
+      section {
+        @extend .clearfix;
+        margin-bottom: lh();
+
+        p {
+          width: flex-grid(4, 8);
+          float: left;
+
+          @media screen and (max-width: 780px) {
+            float: none;
+            width: auto;
+          }
+
+          &:nth-child(odd) {
+            margin-right: flex-gutter(8);
+
+            @media screen and (max-width: 780px) {
+              margin-right: 0;
+            }
+          }
+        }
+
+        &.intro {
+          section {
+            margin-bottom: 0;
+
+            &.intro-text {
+              margin-right: flex-gutter(8);
+              width: flex-grid(4, 8);
+
+              @media screen and (max-width: 780px) {
+                margin-right: 0;
+                width: auto;
+              }
+
+              p {
+                margin-right: 0;
+                width: auto;
+                float: none;
+              }
+            }
+
+            &.intro-video {
+              width: flex-grid(4, 8);
+
+              @media screen and (max-width: 780px) {
+                width: auto;
+              }
+
+              a {
+                display: block;
+                width: 100%;
+
+                img {
+                  width: 100%;
+                }
+
+                span {
+                  display: none;
+                }
+              }
+            }
+          }
+        }
+
+        &.features {
+          border-top: 1px solid #E5E5E5;
+          padding-top: lh();
+          margin-bottom: 0;
+
+          h2 {
+            text-transform: uppercase;
+            letter-spacing: 1px;
+            color: #888;
+            margin-bottom: lh();
+            font-weight: normal;
+            font-size: 14px;
+
+            span {
+              text-transform: none;
+
+            }
+          }
+
+          p {
+            width: auto;
+            clear: both;
+
+            strong {
+              font-family: "Open sans";
+              font-weight: 800;
+            }
+
+            a {
+              color: $mit-red;
+              text-decoration: none;
+              @include transition();
+
+              &:hover, &:focus {
+                color: darken($mit-red, 15%);
+              }
+            }
+          }
+
+          ul {
+            margin-bottom: 0;
+
+            li {
+              line-height: lh();
+              width: flex-grid(4, 8);
+              float: left;
+              margin-bottom: lh(.5);
+
+              @media screen and (max-width: 780px) {
+                width: auto;
+                float: none;
+              }
+
+              &:nth-child(odd) {
+                margin-right: flex-gutter(8);
+
+                @media screen and (max-width: 780px) {
+                  margin-right: 0;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+
+    &.course, &.staff {
+      width: flex-grid(4);
+
+      @media screen and (max-width: 780px) {
+        width: auto;
+      }
+
+      h1 {
+        color: #888;
+        font: normal $body-font-size $body-font-family;
+        font-size: 14px;
+        letter-spacing: 1px;
+        margin-bottom: lh();
+        text-transform: uppercase;
+      }
+
+      h2 {
+        font: 800 24px $header-font-family;
+      }
+
+      h3 {
+        font: 400 18px $header-font-family;
+      }
+
+      a {
+        @extend .button;
+
+        span.arrow {
+          color: rgba(#fff, .6);
+          font-style: normal;
+          @include inline-block();
+          padding-left: 10px;
+        }
+      }
+
+      ul {
+        list-style: none;
+
+        li {
+          img {
+            float: left;
+            margin-right: lh(.5);
+          }
+        }
+      }
+    }
+
+    &.course {
+      h2 {
+        padding-top: lh(5);
+        background: url('../images/marketing/circuits-bg.jpg') 0 0 no-repeat;
+        @include background-size(contain);
+
+        @media screen and (max-width: 998px) and (min-width: 781px){
+          background: url('../images/marketing/circuits-medium-bg.jpg') 0 0 no-repeat;
+        }
+
+        @media screen and (max-width: 780px) {
+          padding-top: lh(5);
+          background: url('../images/marketing/circuits-bg.jpg') 0 0 no-repeat;
+        }
+
+        @media screen and (min-width: 500px) and (max-width: 781px) {
+          padding-top: lh(8);
+        }
+      }
+
+      div.announcement {
+        p.announcement-button {
+          a {
+            margin-top: 0;
+          }
+        }
+
+        img {
+          max-width: 100%;
+          margin-bottom: lh();
+        }
+      }
+    }
+
+
+    // index
+    //---------------------------------------- //
+    &.about-course {
+      @include box-sizing(border-box);
+      border-right: 1px solid #e5e5e5;
+      margin-right: flex-gutter();
+      padding-right: flex-gutter() / 2;
+      width: flex-grid(8);
+
+      @media screen and (max-width: 780px) {
+        width: auto;
+        border-right: 0;
+        margin-right: 0;
+        padding-right: 0;
+      }
+
+      section {
+        width: flex-grid(4, 8);
+
+        @media screen and (max-width: 780px) {
+          width: auto;
+        }
+
+        &.about-info {
+          margin-right: flex-gutter(8);
+
+          @media screen and (max-width: 780px) {
+            margin-right: 0;
+          }
+        }
+
+        &.requirements {
+          clear: both;
+          width: 100%;
+          border-top: 1px solid #E5E5E5;
+          padding-top: lh();
+          margin-bottom: 0;
+
+          p {
+            float: left;
+            width: flex-grid(4, 8);
+            margin-right: flex-gutter(8);
+
+            @media screen and (max-width: 780px) {
+              margin-right: 0;
+              float: none;
+              width: auto;
+            }
+
+            &:nth-child(odd) {
+              margin-right: 0;
+            }
+          }
+        }
+
+        &.cta {
+          width: 100%;
+          text-align: center;
+
+          a.enroll {
+            @extend .button;
+            padding: lh(.5) lh(2);
+            @include inline-block();
+            text-align: center;
+            font: 800 18px $header-font-family;
+          }
+        }
+      }
+    }
+
+    &.staff {
+      h1 {
+        margin-top: lh(1);
+      }
+    }
+  }
+}
+
+section.copyright, section.tos, section.privacy-policy, section.honor-code {
+  @extend .subpage;
+}

lms/static/sass/sass_old/marketing/_variables.scss

+// Variables
+//---------------------------------------- //
+// // grid
+$fg-column: 60px;
+$fg-gutter: 25px;
+$fg-max-columns: 12;
+$fg-max-width: 1400px;
+$fg-min-width: 781px;
+
+$gw-column: 60px;
+$gw-gutter: 25px;
+
+$body-font-family: Georgia, serif;
+$header-font-family: "Open Sans", Helvetica, Arial, sans-serif;
+
+$body-font-size: 16px;
+$body-line-height: golden-ratio($body-font-size, 1);
+
+// Colors
+$mit-red: #933;
+$cream: #F6EFD4;

lms/static/sass/sass_old/plugins/_jquery-ui-1.8.16.custom.scss

+/*
+ * jQuery UI CSS Framework 1.8.16
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Theming/API
+ */
+
+/* Layout helpers
+----------------------------------*/
+.ui-helper-hidden { display: none; }
+.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
+.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
+.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
+.ui-helper-clearfix { display: inline-block; }
+/* required comment for clearfix to work in Opera \*/
+* html .ui-helper-clearfix { height:1%; }
+.ui-helper-clearfix { display:block; }
+/* end clearfix */
+.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
+
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-disabled { cursor: default !important; }
+
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Overlays */
+.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
+
+
+/*
+ * jQuery UI CSS Framework 1.8.16
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Theming/API
+ *
+ * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Helvetica,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=2px&bgColorHeader=7fbcfd&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=50&borderColorHeader=dae5c9&fcHeader=031634&iconColorHeader=031634&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=dae5c9&fcContent=031634&iconColorContent=adcc80&bgColorDefault=7fbcdf&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=100&borderColorDefault=dae5c9&fcDefault=7a994c&iconColorDefault=adcc80&bgColorHover=bddeff&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=25&borderColorHover=7fbcdf&fcHover=7a994c&iconColorHover=adcc80&bgColorActive=023063&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=dae5c9&fcActive=dae5c9&iconColorActive=454545&bgColorHighlight=ffffff&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=cccccc&fcHighlight=444444&iconColorHighlight=adcc80&bgColorError=ffffff&bgTextureError=01_flat.png&bgImgOpacityError=55&borderColorError=fa720a&fcError=222222&iconColorError=fa720a&bgColorOverlay=eeeeee&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=80&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=60&thicknessShadow=4px&offsetTopShadow=-4px&offsetLeftShadow=-4px&cornerRadiusShadow=0px
+ */
+
+
+/* Component containers
+----------------------------------*/
+.ui-widget { font-family: Helvetica, Arial, sans-serif; font-size: 1.1em; }
+.ui-widget .ui-widget { font-size: 1em; }
+.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Helvetica, Arial, sans-serif; font-size: 1em; }
+.ui-widget-content { border: 1px solid #dae5c9; background: #ffffff url(../images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #031634; }
+.ui-widget-content a { color: #031634; }
+.ui-widget-header { border: 1px solid #dae5c9; background: #7fbcfd url(../images/ui-bg_highlight-soft_50_7fbcfd_1x100.png) 50% 50% repeat-x; color: #031634; font-weight: bold; }
+.ui-widget-header a { color: #031634; }
+
+/* Interaction states
+----------------------------------*/
+.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #dae5c9; background: #7fbcdf url(../images/ui-bg_highlight-soft_100_7fbcdf_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #7a994c; }
+.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #7a994c; text-decoration: none; }
+.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #7fbcdf; background: #bddeff url(../images/ui-bg_highlight-soft_25_bddeff_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #7a994c; }
+.ui-state-hover a, .ui-state-hover a:hover { color: #7a994c; text-decoration: none; }
+.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #dae5c9; background: #023063 url(../images/ui-bg_glass_65_023063_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #dae5c9; }
+.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #dae5c9; text-decoration: none; }
+.ui-widget :active { outline: none; }
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #cccccc; background: #ffffff url(../images/ui-bg_flat_55_ffffff_40x100.png) 50% 50% repeat-x; color: #444444; }
+.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #444444; }
+.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #fa720a; background: #ffffff url(../images/ui-bg_flat_55_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
+.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #222222; }
+.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #222222; }
+.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
+.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
+.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon { width: 16px; height: 16px; background-image: url(../images/ui-icons_adcc80_256x240.png); }
+.ui-widget-content .ui-icon {background-image: url(../images/ui-icons_adcc80_256x240.png); }
+.ui-widget-header .ui-icon {background-image: url(../images/ui-icons_031634_256x240.png); }
+.ui-state-default .ui-icon { background-image: url(../images/ui-icons_adcc80_256x240.png); }
+.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../images/ui-icons_adcc80_256x240.png); }
+.ui-state-active .ui-icon {background-image: url(../images/ui-icons_454545_256x240.png); }
+.ui-state-highlight .ui-icon {background-image: url(../images/ui-icons_adcc80_256x240.png); }
+.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../images/ui-icons_fa720a_256x240.png); }
+
+/* positioning */
+.ui-icon-carat-1-n { background-position: 0 0; }
+.ui-icon-carat-1-ne { background-position: -16px 0; }
+.ui-icon-carat-1-e { background-position: -32px 0; }
+.ui-icon-carat-1-se { background-position: -48px 0; }
+.ui-icon-carat-1-s { background-position: -64px 0; }
+.ui-icon-carat-1-sw { background-position: -80px 0; }
+.ui-icon-carat-1-w { background-position: -96px 0; }
+.ui-icon-carat-1-nw { background-position: -112px 0; }
+.ui-icon-carat-2-n-s { background-position: -128px 0; }
+.ui-icon-carat-2-e-w { background-position: -144px 0; }
+.ui-icon-triangle-1-n { background-position: 0 -16px; }
+.ui-icon-triangle-1-ne { background-position: -16px -16px; }
+.ui-icon-triangle-1-e { background-position: -32px -16px; }
+.ui-icon-triangle-1-se { background-position: -48px -16px; }
+.ui-icon-triangle-1-s { background-position: -64px -16px; }
+.ui-icon-triangle-1-sw { background-position: -80px -16px; }
+.ui-icon-triangle-1-w { background-position: -96px -16px; }
+.ui-icon-triangle-1-nw { background-position: -112px -16px; }
+.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
+.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
+.ui-icon-arrow-1-n { background-position: 0 -32px; }
+.ui-icon-arrow-1-ne { background-position: -16px -32px; }
+.ui-icon-arrow-1-e { background-position: -32px -32px; }
+.ui-icon-arrow-1-se { background-position: -48px -32px; }
+.ui-icon-arrow-1-s { background-position: -64px -32px; }
+.ui-icon-arrow-1-sw { background-position: -80px -32px; }
+.ui-icon-arrow-1-w { background-position: -96px -32px; }
+.ui-icon-arrow-1-nw { background-position: -112px -32px; }
+.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
+.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
+.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
+.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
+.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
+.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
+.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
+.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
+.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
+.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
+.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
+.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
+.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
+.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
+.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
+.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
+.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
+.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
+.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
+.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
+.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
+.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
+.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
+.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
+.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
+.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
+.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
+.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
+.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
+.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
+.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
+.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
+.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
+.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
+.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
+.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
+.ui-icon-arrow-4 { background-position: 0 -80px; }
+.ui-icon-arrow-4-diag { background-position: -16px -80px; }
+.ui-icon-extlink { background-position: -32px -80px; }
+.ui-icon-newwin { background-position: -48px -80px; }
+.ui-icon-refresh { background-position: -64px -80px; }
+.ui-icon-shuffle { background-position: -80px -80px; }
+.ui-icon-transfer-e-w { background-position: -96px -80px; }
+.ui-icon-transferthick-e-w { background-position: -112px -80px; }
+.ui-icon-folder-collapsed { background-position: 0 -96px; }
+.ui-icon-folder-open { background-position: -16px -96px; }
+.ui-icon-document { background-position: -32px -96px; }
+.ui-icon-document-b { background-position: -48px -96px; }
+.ui-icon-note { background-position: -64px -96px; }
+.ui-icon-mail-closed { background-position: -80px -96px; }
+.ui-icon-mail-open { background-position: -96px -96px; }
+.ui-icon-suitcase { background-position: -112px -96px; }
+.ui-icon-comment { background-position: -128px -96px; }
+.ui-icon-person { background-position: -144px -96px; }
+.ui-icon-print { background-position: -160px -96px; }
+.ui-icon-trash { background-position: -176px -96px; }
+.ui-icon-locked { background-position: -192px -96px; }
+.ui-icon-unlocked { background-position: -208px -96px; }
+.ui-icon-bookmark { background-position: -224px -96px; }
+.ui-icon-tag { background-position: -240px -96px; }
+.ui-icon-home { background-position: 0 -112px; }
+.ui-icon-flag { background-position: -16px -112px; }
+.ui-icon-calendar { background-position: -32px -112px; }
+.ui-icon-cart { background-position: -48px -112px; }
+.ui-icon-pencil { background-position: -64px -112px; }
+.ui-icon-clock { background-position: -80px -112px; }
+.ui-icon-disk { background-position: -96px -112px; }
+.ui-icon-calculator { background-position: -112px -112px; }
+.ui-icon-zoomin { background-position: -128px -112px; }
+.ui-icon-zoomout { background-position: -144px -112px; }
+.ui-icon-search { background-position: -160px -112px; }
+.ui-icon-wrench { background-position: -176px -112px; }
+.ui-icon-gear { background-position: -192px -112px; }
+.ui-icon-heart { background-position: -208px -112px; }
+.ui-icon-star { background-position: -224px -112px; }
+.ui-icon-link { background-position: -240px -112px; }
+.ui-icon-cancel { background-position: 0 -128px; }
+.ui-icon-plus { background-position: -16px -128px; }
+.ui-icon-plusthick { background-position: -32px -128px; }
+.ui-icon-minus { background-position: -48px -128px; }
+.ui-icon-minusthick { background-position: -64px -128px; }
+.ui-icon-close { background-position: -80px -128px; }
+.ui-icon-closethick { background-position: -96px -128px; }
+.ui-icon-key { background-position: -112px -128px; }
+.ui-icon-lightbulb { background-position: -128px -128px; }
+.ui-icon-scissors { background-position: -144px -128px; }
+.ui-icon-clipboard { background-position: -160px -128px; }
+.ui-icon-copy { background-position: -176px -128px; }
+.ui-icon-contact { background-position: -192px -128px; }
+.ui-icon-image { background-position: -208px -128px; }
+.ui-icon-video { background-position: -224px -128px; }
+.ui-icon-script { background-position: -240px -128px; }
+.ui-icon-alert { background-position: 0 -144px; }
+.ui-icon-info { background-position: -16px -144px; }
+.ui-icon-notice { background-position: -32px -144px; }
+.ui-icon-help { background-position: -48px -144px; }
+.ui-icon-check { background-position: -64px -144px; }
+.ui-icon-bullet { background-position: -80px -144px; }
+.ui-icon-radio-off { background-position: -96px -144px; }
+.ui-icon-radio-on { background-position: -112px -144px; }
+.ui-icon-pin-w { background-position: -128px -144px; }
+.ui-icon-pin-s { background-position: -144px -144px; }
+.ui-icon-play { background-position: 0 -160px; }
+.ui-icon-pause { background-position: -16px -160px; }
+.ui-icon-seek-next { background-position: -32px -160px; }
+.ui-icon-seek-prev { background-position: -48px -160px; }
+.ui-icon-seek-end { background-position: -64px -160px; }
+.ui-icon-seek-start { background-position: -80px -160px; }
+/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
+.ui-icon-seek-first { background-position: -80px -160px; }
+.ui-icon-stop { background-position: -96px -160px; }
+.ui-icon-eject { background-position: -112px -160px; }
+.ui-icon-volume-off { background-position: -128px -160px; }
+.ui-icon-volume-on { background-position: -144px -160px; }
+.ui-icon-power { background-position: 0 -176px; }
+.ui-icon-signal-diag { background-position: -16px -176px; }
+.ui-icon-signal { background-position: -32px -176px; }
+.ui-icon-battery-0 { background-position: -48px -176px; }
+.ui-icon-battery-1 { background-position: -64px -176px; }
+.ui-icon-battery-2 { background-position: -80px -176px; }
+.ui-icon-battery-3 { background-position: -96px -176px; }
+.ui-icon-circle-plus { background-position: 0 -192px; }
+.ui-icon-circle-minus { background-position: -16px -192px; }
+.ui-icon-circle-close { background-position: -32px -192px; }
+.ui-icon-circle-triangle-e { background-position: -48px -192px; }
+.ui-icon-circle-triangle-s { background-position: -64px -192px; }
+.ui-icon-circle-triangle-w { background-position: -80px -192px; }
+.ui-icon-circle-triangle-n { background-position: -96px -192px; }
+.ui-icon-circle-arrow-e { background-position: -112px -192px; }
+.ui-icon-circle-arrow-s { background-position: -128px -192px; }
+.ui-icon-circle-arrow-w { background-position: -144px -192px; }
+.ui-icon-circle-arrow-n { background-position: -160px -192px; }
+.ui-icon-circle-zoomin { background-position: -176px -192px; }
+.ui-icon-circle-zoomout { background-position: -192px -192px; }
+.ui-icon-circle-check { background-position: -208px -192px; }
+.ui-icon-circlesmall-plus { background-position: 0 -208px; }
+.ui-icon-circlesmall-minus { background-position: -16px -208px; }
+.ui-icon-circlesmall-close { background-position: -32px -208px; }
+.ui-icon-squaresmall-plus { background-position: -48px -208px; }
+.ui-icon-squaresmall-minus { background-position: -64px -208px; }
+.ui-icon-squaresmall-close { background-position: -80px -208px; }
+.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
+.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
+.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
+.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
+.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
+.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Corner radius */
+.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; -khtml-border-top-left-radius: 2px; border-top-left-radius: 2px; }
+.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; -khtml-border-top-right-radius: 2px; border-top-right-radius: 2px; }
+.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; -khtml-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; }
+.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; -khtml-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }
+
+/* Overlays */
+.ui-widget-overlay { background: #eeeeee url(../images/ui-bg_flat_0_eeeeee_40x100.png) 50% 50% repeat-x; opacity: .80;filter:Alpha(Opacity=80); }
+.ui-widget-shadow { margin: -4px 0 0 -4px; padding: 4px; background: #aaaaaa url(../images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .60;filter:Alpha(Opacity=60); -moz-border-radius: 0px; -khtml-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }/*
+ * jQuery UI Resizable 1.8.16
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Resizable#theming
+ */
+.ui-resizable { position: relative;}
+.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; }
+.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
+.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
+.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
+.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
+.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
+.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
+.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
+.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
+.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
+ * jQuery UI Selectable 1.8.16
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Selectable#theming
+ */
+.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
+/*
+ * jQuery UI Accordion 1.8.16
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Accordion#theming
+ */
+/* IE/Win - Fix animation bug - #4615 */
+.ui-accordion { width: 100%; }
+.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
+.ui-accordion .ui-accordion-li-fix { display: inline; }
+.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
+.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
+.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
+.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
+.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
+.ui-accordion .ui-accordion-content-active { display: block; }
+/*
+ * jQuery UI Autocomplete 1.8.16
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Autocomplete#theming
+ */
+.ui-autocomplete { position: absolute; cursor: default; }	
+
+/* workarounds */
+* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
+
+/*
+ * jQuery UI Menu 1.8.16
+ *
+ * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Menu#theming
+ */
+.ui-menu {
+	list-style:none;
+	padding: 2px;
+	margin: 0;
+	display:block;
+	float: left;
+}
+.ui-menu .ui-menu {
+	margin-top: -3px;
+}
+.ui-menu .ui-menu-item {
+	margin:0;
+	padding: 0;
+	zoom: 1;
+	float: left;
+	clear: left;
+	width: 100%;
+}
+.ui-menu .ui-menu-item a {
+	text-decoration:none;
+	display:block;
+	padding:.2em .4em;
+	line-height:1.5;
+	zoom:1;
+}
+.ui-menu .ui-menu-item a.ui-state-hover,
+.ui-menu .ui-menu-item a.ui-state-active {
+	font-weight: normal;
+	margin: -1px;
+}
+/*
+ * jQuery UI Button 1.8.16
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Button#theming
+ */
+.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
+.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
+button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
+.ui-button-icons-only { width: 3.4em; } 
+button.ui-button-icons-only { width: 3.7em; } 
+
+/*button text element */
+.ui-button .ui-button-text { display: block; line-height: 1.4;  }
+.ui-button-text-only .ui-button-text { padding: .4em 1em; }
+.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
+.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
+.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
+.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
+/* no icon support for input elements, provide padding by default */
+input.ui-button { padding: .4em 1em; }
+
+/*button icon element(s) */
+.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
+.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
+.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
+.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
+.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
+
+/*button sets*/
+.ui-buttonset { margin-right: 7px; }
+.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }
+
+/* workarounds */
+button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
+/*
+ * jQuery UI Dialog 1.8.16
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Dialog#theming
+ */
+.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
+.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
+.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
+.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
+.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
+.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
+.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
+.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
+.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
+.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
+.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
+.ui-draggable .ui-dialog-titlebar { cursor: move; }
+/*
+ * jQuery UI Slider 1.8.16
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Slider#theming
+ */
+.ui-slider { position: relative; text-align: left; }
+.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
+.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
+
+.ui-slider-horizontal { height: .8em; }
+.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
+.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
+.ui-slider-horizontal .ui-slider-range-min { left: 0; }
+.ui-slider-horizontal .ui-slider-range-max { right: 0; }
+
+.ui-slider-vertical { width: .8em; height: 100px; }
+.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
+.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
+.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
+.ui-slider-vertical .ui-slider-range-max { top: 0; }/*
+ * jQuery UI Tabs 1.8.16
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Tabs#theming
+ */
+.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
+.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
+.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
+.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
+.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
+.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
+.ui-tabs .ui-tabs-hide { display: none !important; }
+/*
+ * jQuery UI Datepicker 1.8.16
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Datepicker#theming
+ */
+.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
+.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
+.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
+.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
+.ui-datepicker .ui-datepicker-prev { left:2px; }
+.ui-datepicker .ui-datepicker-next { right:2px; }
+.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
+.ui-datepicker .ui-datepicker-next-hover { right:1px; }
+.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
+.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
+.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
+.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
+.ui-datepicker select.ui-datepicker-month, 
+.ui-datepicker select.ui-datepicker-year { width: 49%;}
+.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
+.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
+.ui-datepicker td { border: 0; padding: 1px; }
+.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
+.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
+.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
+.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
+
+/* with multiple calendars */
+.ui-datepicker.ui-datepicker-multi { width:auto; }
+.ui-datepicker-multi .ui-datepicker-group { float:left; }
+.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
+.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
+.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
+.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
+.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
+.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
+.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
+.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }
+
+/* RTL support */
+.ui-datepicker-rtl { direction: rtl; }
+.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
+.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
+.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
+.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
+.ui-datepicker-rtl .ui-datepicker-group { float:right; }
+.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
+.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
+
+/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
+.ui-datepicker-cover {
+    display: none; /*sorry for IE5*/
+    display/**/: block; /*sorry for IE5*/
+    position: absolute; /*must have*/
+    z-index: -1; /*must have*/
+    filter: mask(); /*must have*/
+    top: -4px; /*must have*/
+    left: -4px; /*must have*/
+    width: 200px; /*must have*/
+    height: 200px; /*must have*/
+}/*
+ * jQuery UI Progressbar 1.8.16
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Progressbar#theming
+ */
+.ui-progressbar { height:2em; text-align: left; }
+.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }

lms/static/sass/sass_old/plugins/_jquery.qtip.min.scss

+.ui-tooltip,.qtip{position:absolute;left:-28000px;top:-28000px;display:none;max-width:280px;min-width:50px;font-size:10.5px;line-height:12px;}.ui-tooltip-fluid{display:block;visibility:hidden;position:static!important;float:left!important;}.ui-tooltip-content{position:relative;padding:5px 9px;overflow:hidden;border:1px solid #000001;text-align:left;word-wrap:break-word;overflow:hidden;}.ui-tooltip-titlebar{position:relative;min-height:14px;padding:5px 35px 5px 10px;overflow:hidden;border:1px solid #000001;border-width:1px 1px 0;font-weight:bold;}.ui-tooltip-titlebar+.ui-tooltip-content{border-top-width:0!important;}/*!Default close button class */ .ui-tooltip-titlebar .ui-state-default{position:absolute;right:4px;top:50%;margin-top:-9px;cursor:pointer;outline:medium none;border-width:1px;border-style:solid;}* html .ui-tooltip-titlebar .ui-state-default{top:16px;}.ui-tooltip-titlebar .ui-icon,.ui-tooltip-icon .ui-icon{display:block;text-indent:-1000em;}.ui-tooltip-icon,.ui-tooltip-icon .ui-icon{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}.ui-tooltip-icon .ui-icon{width:18px;height:14px;text-align:center;text-indent:0;font:normal bold 10px/13px Tahoma,sans-serif;color:inherit;background:transparent none no-repeat -100em -100em;}/*!Default tooltip style */ .ui-tooltip-default .ui-tooltip-titlebar,.ui-tooltip-default .ui-tooltip-content{border-color:#F1D031;background-color:#FFFFA3;color:#555;}.ui-tooltip-default .ui-tooltip-titlebar{background-color:#FFEF93;}.ui-tooltip-default .ui-tooltip-icon{border-color:#CCC;background:#F1F1F1;color:#777;}.ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover{border-color:#AAA;color:#111;}
\ No newline at end of file

lms/static/sass/sass_old/print.scss

+

lms/static/sass/sass_old/wiki/_basic-html.scss

+section.wiki-body {
+   h1 {
+    font-weight: bold;
+    font-size: 2em;
+    margin-bottom: 25px;
+   }
+
+  div#wiki_article {
+    html, address, blockquote, body, dd, div, dl, dt, fieldset, form, frame, frameset, h1, h2, h3, h4, h5, h6, noframes, ol, p, ul, center, dir, hr, menu, pre   {
+      display: block;
+      unicode-bidi: embed
+    }
+
+    li {
+      display: list-item
+    }
+
+    head {
+      display: none
+    }
+
+    table {
+      display: table
+    }
+
+    tr {
+      display: table-row
+    }
+
+    thead {
+      display: table-header-group
+    }
+
+    tbody {
+      display: table-row-group
+    }
+
+    tfoot {
+      display: table-footer-group
+    }
+
+    col { display: table-column }
+
+    colgroup { display: table-column-group }
+
+    td, th { display: table-cell }
+
+    caption {
+      display: table-caption
+    }
+
+    th {
+      font-weight: bolder;
+      text-align: center
+    }
+
+    caption {
+      text-align: center
+    }
+
+    h1 {
+      font-size: 1.6em;
+      margin: .67em 0;
+      letter-spacing: 0px;
+    }
+
+    h2 {
+      text-transform: none;
+      font-size: 1.4em;
+      margin: .75em 0;
+      letter-spacing: 0px;
+    }
+
+    h3 {
+      font-size: 1.2em;
+      margin: .83em 0;
+    }
+
+    h4 {
+      font-size: 1.1em;
+    }
+
+    h4, p, blockquote, ul, fieldset, form, ol, dl, dir, menu  { margin: 1.12em 0 }
+
+    h5 { font-size: 1em; margin: 1.5em 0 }
+
+    h6 { font-size: 0.5em; margin: 1.67em 0 }
+
+    b, strong { font-weight: bolder }
+
+    blockquote      {
+      padding: 10px 20px;
+      background: #e3e3e3;
+      border-left: 4px solid;
+    }
+
+    i, cite, em, var, address  { font-style: italic }
+
+    pre, tt, code, kbd, samp  {
+      font-family: monospace;
+    }
+
+    pre { white-space: pre }
+
+    button, textarea, input, select   { display: inline-block }
+
+    big { font-size: 1.17em }
+
+    small, sub, sup { font-size: .83em }
+
+    sub { vertical-align: sub }
+
+    sup { vertical-align: super }
+
+    table { border-spacing: 2px; }
+
+    thead, tbody, tfoot { vertical-align: middle }
+
+    td, th, tr { vertical-align: inherit }
+
+    s, strike, del  { text-decoration: line-through }
+
+    hr { height: 1px; background: #999; border: none;}
+
+    ol, ul, dir, menu, dd { margin-left: 40px }
+
+    ol { list-style-type: decimal }
+
+    ol ul, ul ol, ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }
+
+    u, ins { text-decoration: underline }
+
+    br:before { content: "\A"; white-space: pre-line }
+
+    center { text-align: center }
+  }
+}

lms/static/sass/sass_old/wiki/_create.scss

+form#wiki_revision {
+  float: left;
+  margin-right: flex-gutter(9);
+  width: flex-grid(6, 9);
+
+  label {
+    display: block;
+    margin-bottom: 7px ;
+  }
+
+  .CodeMirror-scroll {
+    min-height: 550px;
+    width: 100%;
+  }
+
+  .CodeMirror {
+    @extend textarea;
+    @include box-sizing(border-box);
+    font-family: monospace;
+    margin-bottom: 20px;
+  }
+
+  textarea {
+    @include box-sizing(border-box);
+    margin-bottom: 20px;
+    min-height: 450px;
+    width: 100%;
+  }
+
+  input[type="text"] {
+    display: block;
+    width: 50%;
+  }
+
+  #submit_delete {
+    background: none;
+    border: none;
+    @include box-shadow(none);
+    color: #999;
+    float: right;
+    font-weight: normal;
+    text-decoration: underline;
+  }
+
+  input[type="submit"] {
+    margin-top: 20px;
+  }
+}
+
+#wiki_edit_instructions {
+  color: #666;
+  float: left;
+  margin-top: lh();
+  width: flex-grid(3, 9);
+
+  &:hover {
+    color: #333;
+  }
+
+  .markdown-example {
+    background-color: #e3e3e3;
+    line-height: 1.0;
+    margin: 5px 0 7px;
+    padding: {
+      top: 5px;
+      right: 2px;
+      bottom: 5px;
+      left: 5px;
+    }
+    text-shadow: 0 1px 0 #fff;
+  }
+}

lms/static/sass/sass_old/wiki/_sidebar.scss

+div#wiki_panel {
+  @extend .sidebar;
+  overflow: auto;
+
+  h2 {
+    @extend .bottom-border;
+    font-size: 18px;
+    margin: 0 ;
+    padding: lh(.5) lh();
+  }
+
+  input[type="button"] {
+    background: transparent;
+    border: none;
+    @include box-shadow(none);
+    color: #666;
+    font-size: 14px;
+    font-weight: bold;
+    margin: 0px;
+    padding: 7px lh();
+    text-align: left;
+    @include transition();
+    width: 100%;
+  }
+
+  ul {
+    li {
+      @include box-shadow(inset 0 1px 0 0 #eee);
+      border-top: 1px solid #d3d3d3;
+
+      &:hover {
+        background: #efefef;
+        @include background-image(linear-gradient(-90deg, rgb(245,245,245), rgb(225,225,225)));
+      }
+
+      &:first-child {
+        border: none;
+      }
+
+      &.search {
+        padding: 10px lh();
+
+        label {
+          display: none;
+        }
+      }
+
+      &.create-article {
+        h3 {
+        }
+      }
+
+      a {
+        color: #666;
+        font-size: 14px;
+        padding: 7px lh();
+      }
+    }
+  }
+
+  div#wiki_create_form {
+    @extend .clearfix;
+    background: #dadada;
+    border-bottom: 1px solid #d3d3d3;
+    padding: 15px;
+
+    input[type="text"] {
+      @include box-sizing(border-box);
+      display: block;
+      margin-bottom: 6px;
+      width: 100%;
+    }
+
+    ul {
+      list-style: none;
+
+      li {
+        float: left;
+
+        &#cancel {
+          float: right;
+          margin-top: 10px;
+        }
+      }
+    }
+  }
+}

lms/static/sass/sass_old/wiki/_table.scss

+table.wiki-history {
+  thead {
+    background: #ddd;
+    // border-bottom: 1px solid #ddd;
+
+    tr {
+      height: 40px;
+
+      th {
+        padding-top: 10px;
+        padding-left: 15px;
+
+        &#revision {
+          width: 5%;
+        }
+
+        &#comment {
+          width: 15%;
+        }
+
+        &#diff {
+          width: 60%;
+        }
+
+        &#modified {
+          width:20%;
+        }
+      }
+    }
+  }
+   tbody {
+    tr td {
+      padding: 8px 15px;
+    }
+   }
+
+  tr.dark {
+    background-color: #efefef;
+  }
+}
+
+div.history-controls {
+  margin-top: 20px;
+
+  input[type="submit"] {
+    @extend .light-button;
+  }
+}

lms/static/sass/sass_old/wiki/_wiki.scss

+div.wiki-wrapper {
+  display: table;
+  width: 100%;
+
+  section.wiki-body {
+    @extend .clearfix;
+    @extend .content;
+    @include border-radius(0 4px 4px 0);
+    position: relative;
+
+    header {
+      @extend .topbar;
+      @include border-radius(0 4px 0 0);
+      height:46px;
+      overflow: hidden;
+
+      &:empty {
+        border-bottom: 0;
+        display: none !important;
+      }
+
+      a {
+        @extend .block-link;
+      }
+
+      p {
+        color: darken($cream, 55%);
+        float: left;
+        line-height: 46px;
+        margin-bottom: 0;
+        padding-left: lh();
+      }
+
+      ul {
+        float: right;
+        list-style: none;
+
+        li {
+          float: left;
+
+          input[type="button"] {
+            @extend .block-link;
+            background-color: darken($cream, 5%);
+            background-position: 12px center;
+            background-repeat: no-repeat;
+            border: 0;
+            border-left: 1px solid darken(#f6efd4, 20%);
+            @include border-radius(0);
+            @include box-shadow(inset 1px 0 0 lighten(#f6efd4, 5%));
+            color: darken($cream, 80%);
+            display: block;
+            font-size: 12px;
+            font-weight: normal;
+            letter-spacing: 1px;
+            line-height: 46px;
+            margin: 0;
+            padding: 0 lh() 0 38px;
+            text-shadow: none;
+            text-transform: uppercase;
+            @include transition();
+
+            &.view {
+              background-image: url('../images/sequence-nav/view.png');
+            }
+
+            &.history {
+              background-image:  url('../images/sequence-nav/history.png');
+            }
+
+            &.edit {
+              background-image:  url('../images/sequence-nav/edit.png');
+            }
+
+            &:hover {
+              background-color: transparent;
+            }
+          }
+        }
+      }
+    }
+
+     h2.wiki-title {
+        @include box-sizing(border-box);
+        display: inline-block;
+        float: left;
+        margin-bottom: 15px;
+        margin-top: 0;
+        padding-right: flex-gutter(9);
+        vertical-align: top;
+        width: flex-grid(2.5, 9);
+
+        @media screen and (max-width:900px) {
+          border-right: 0;
+          display: block;
+          width: auto;
+        }
+
+        @media print {
+          border-right: 0;
+          display: block;
+          width: auto;
+        }
+      }
+
+    p {
+      line-height: 1.6em;
+    }
+
+    section.results {
+      border-left: 1px dashed #ddd;
+      @include box-sizing(border-box);
+      display: inline-block;
+      float: left;
+      padding-left: 10px;
+      width: flex-grid(6.5, 9);
+
+      @media screen and (max-width:900px) {
+        border: 0;
+        display: block;
+        padding-left: 0;
+        width: 100%;
+        width: auto;
+      }
+
+      @media print {
+        display: block;
+        padding: 0;
+        width: auto;
+
+        canvas, img {
+          page-break-inside: avoid;
+        }
+      }
+
+      ul.article-list {
+        margin-left: 15px;
+        width: 100%;
+
+        @media screen and (max-width:900px) {
+          margin-left: 0px;
+        }
+
+        li {
+          border-bottom: 1px solid #eee;
+          list-style: none;
+          margin: 0;
+          padding: 10px 0;
+
+          &:last-child {
+            border-bottom: 0;
+          }
+
+          h3 {
+            font-size: 18px;
+            font-weight: normal;
+          }
+        }
+      }
+    }
+  }
+}

lms/templates/course.html

@@ -4,7 +4,7 @@
 <article class="course">
   <div class="inner-wrapper">
     <header class="course-preview">
-      <a href="#">
+      <a href="courses/${course.id}/info">
         <hgroup>
           <h2>${course.title}</h2>
           <p>${course.institution}</p>