Added start to style for profile and course info

info.html

@@ -3,11 +3,11 @@
 <%include file="navigation.html" />
 
 <section class="main-content">
-  <div class="profile-wrapper">
-    <section class="user-info">
+  <div class="info-wrapper">
+    <section class="updates">
       <%include file="info_files/updates.html" />
     </section>
-    <section class="course-info">
+    <section class="handouts">
       <%include file="info_files/handouts.html" />
     </section>
   </div>

sass/_base.scss

@@ -41,12 +41,24 @@ em {
   }
 }
 
-a:link, a:visited {
-  text-decoration:none;
-}
+a {
+  color: $mit-red;
 
-a:hover {
-  text-decoration:underline;
+  &:link {
+    color: $mit-red;
+  }
+
+  &:visited {
+    color: darken($mit-red, 10%);
+  }
+
+  &:link, &:visited {
+    text-decoration:none;
+  }
+
+  &:hover, &:focus {
+    text-decoration:underline;
+  }
 }
 
 input[type="submit"], input[type="button"], button {

sass/_info.scss

@@ -0,0 +1,39 @@
+div.info-wrapper {
+  @extend .table-wrapper;
+
+  section.updates {
+    @extend .content;
+  }
+
+  section.handouts {
+    @extend .sidebar;
+    @include border-radius(0px 4px 0px 4px);
+    border-right: 0;
+    border-left: 1px solid #d3d3d3;
+
+    h1 {
+      padding: 0 lh();
+    }
+
+    ol {
+      list-style: none;
+
+      li {
+        a {
+          @include transition();
+          color: lighten($text-color, 10%);
+          display: block;
+          text-decoration: none;
+          @include box-shadow(0 1px 0 #eee);
+          padding: 7px lh();
+          border-bottom: 1px solid #d3d3d3;
+
+          &:hover {
+            @include box-shadow(0 1px 0 #fff);
+            background: #efefef;
+          }
+        }
+      }
+    }
+  }
+}

sass/_layout.scss

@@ -122,6 +122,14 @@ html {
 
       a {
         color: #444;
+
+        &:link, &:visited {
+          color: #444;
+        }
+
+        &:hover, &:focus {
+          color: #000;
+        }
       }
     }
 
@@ -134,6 +142,14 @@ html {
 
         a {
           color: #444;
+
+        &:link, &:visited {
+          color: #444;
+        }
+
+        &:hover, &:focus {
+          color: #000;
+        }
         }
       }
     }

sass/_profile.scss

@@ -2,23 +2,32 @@ div.profile-wrapper {
   @extend .table-wrapper;
 
   section.user-info {
-    @include box-sizing(border-box);
-    margin-right: flex-gutter();
-    padding: $body-line-height;
-    width: flex-grid(6);
-    background: #e3e3e3;
-    border-right: 1px solid #d3d3d3;
-    text-shadow: 0 1px 0 #f6f6f6;
-    display: table-cell;
+    @extend .sidebar;
+    padding: lh();
+
+    ul {
+      list-style: none;
+
+      li {
+        margin-bottom: lh(.5);
+      }
+    }
+
+    div #change_password_pop {
+      border-top: 1px;
+    }
   }
 
   section.course-info {
-    @include box-sizing(border-box);
-    display: table-cell;
-    padding: $body-line-height;
-    width: flex-grid(6);
+    @extend .content;
+
+    ol {
+      list-style: none;
+    }
 
     ul {
+      list-style: none;
+
       li {
         display: inline-block;
         padding-right: 1em;

sass/application.scss

@@ -10,6 +10,7 @@
 // pages
 @import "courseware", "courseware-video", "courseware-sequence-nav";
 @import "textbook";
+@import "info";
 @import "profile";
 @import "wiki-basic-html", "wiki-create", "wiki";
 @import "activation";