Merge pull request #755 from MITx/feature/arjun/188_styling

Some 188-specific styling + default styling for static tabs

lms/static/sass/course.scss

@@ -42,6 +42,7 @@
 @import "course/textbook";
 @import "course/profile";
 @import "course/gradebook";
+@import "course/tabs";
 
 // instructor
 @import "course/instructor/instructor";

lms/static/sass/course/_syllabus.scss

@@ -35,7 +35,7 @@ div.syllabus {
 
       padding: 5px 10px;
 
-      &.day, &.due {
+      &.day, &.due, &.slides {
         white-space: nowrap;
       }
 

lms/static/sass/course/_tabs.scss

@@ -0,0 +1,13 @@
+div.static_tab_wrapper {
+
+  padding: 2em 2.5em;
+
+  h1 {
+    @extend .top-header
+  }
+
+  section {
+    margin: 0px 0px 20px;
+  }
+
+}

lms/static/sass/course/courseware/courses/_cs188.scss

@@ -1,38 +1,103 @@
 body.cs188 {
 
-    .course-content{
-
-        .project {
-            ul, ol {
-                margin-top: 3px;
-                list-style: disc;
-                ul, ol {
-                    margin: 0px;
-                }
-            }
+  .due_dates {
+    li {
+      .assignment {
+        float: left;
+      }
+      .due_date {
+        float: right;
+        &.next {
+          font-weight: bold;
         }
+      }
+    }
+    li.past {
+      .assignment, .due_date {
+        text-decoration: line-through;
+        &, a {
+          color: #999999;
 
-        h3, h4 {
-            font-weight: bold;
-            a {
-                color: inherit;
-            }
         }
-
-        h4 {
-            font-size: 1em;
+        a:hover{
+        color: #666666;
         }
-
-        p, .code_snippet {
-            margin-bottom: 1.416em;
+      }
+    }
+    li.next {
+      border-bottom: 2px solid $blue;
+      .assignment, .due_date {
+        &, a {
+          font-weight: bold;
         }
+      }
+    }
+  }
 
-        .choicegroup {
-            input[type=checkbox], input[type=radio] {
-                margin-right: 5px;
-            }
+  .course-staff {
+    .teacher {
+      margin-bottom: 40px;
+
+      h3 {
+        color: $base-font-color;
+        font-family: $sans-serif;
+        font-weight: 700;
+        margin-bottom: 15px;
+        text-transform: none;
+      }
+
+      .teacher-image {
+        background: rgb(255,255,255);
+        border: 1px solid rgb(200,200,200);
+        height: 115px;
+        float: left;
+        margin: 0 15px 0px 0;
+        overflow: hidden;
+        padding: 1px;
+        width: 115px;
+
+        img {
+          display: block;
+          min-height: 100%;
+          max-width: 100%;
         }
+      }
+    }
+  }
 
+  .course-content{
+
+    .project {
+      ul, ol {
+        margin-top: 3px;
+        list-style: disc;
+        ul, ol {
+          margin: 0px;
+        }
+      }
     }
 
+    h3, h4 {
+      font-weight: bold;
+      a {
+        color: inherit;
+      }
+    }
+
+    h4 {
+      font-size: 1em;
+    }
+
+    p, .code_snippet {
+      margin-bottom: 1.416em;
+    }
+
+    .choicegroup {
+      input[type=checkbox], input[type=radio] {
+        margin-right: 5px;
+      }
+    }
+
+  }
+
 }

lms/templates/courseware/info.html

@@ -1,4 +1,5 @@
 <%inherit file="/main.html" />
+<%block name="bodyclass">${course.css_class}</%block>
 <%namespace name='static' file='/static_content.html'/>
 
 <%block name="headextra">

lms/templates/courseware/static_tab.html

@@ -1,4 +1,5 @@
 <%inherit file="/main.html" />
+<%block name="bodyclass">${course.css_class}</%block>
 <%namespace name='static' file='/static_content.html'/>
 
 <%block name="headextra">