From 1b3f03e2e583fce30e8d2cc860b03cefc24fbe04 Mon Sep 17 00:00:00 2001
From: Kyle Fiedler <kfiedler@thoughtbot.com>
Date: Fri, 20 Jul 2012 19:16:10 -0400
Subject: [PATCH] Added fixes for ie and an image change

---
 lms/static/images/courses/video-thumb.jpg  | Bin 0 -> 6779 bytes
 lms/static/sass/_courses.scss              |   2 +-
 lms/static/sass/_home.scss                 |   4 +
 lms/static/sass/ie.scss                    | 127 +++++++++++++++++++++
 lms/static/sass/shared/_course_object.scss |   2 +-
 lms/templates/courses.html                 |   2 +-
 lms/templates/index.html                   |   4 +-
 lms/templates/main.html                    |   7 +-
 8 files changed, 139 insertions(+), 9 deletions(-)
 create mode 100644 lms/static/images/courses/video-thumb.jpg
 create mode 100644 lms/static/sass/ie.scss

diff --git a/lms/static/images/courses/video-thumb.jpg b/lms/static/images/courses/video-thumb.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..b27b8dc75024d9bb9b1f5b036e7d89f70e55ae4d
GIT binary patch
literal 6779
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
VFJ`?^PF-X^16a2H6lXr0{x3wE^Hcx;

literal 0
HcmV?d00001

diff --git a/lms/static/sass/_courses.scss b/lms/static/sass/_courses.scss
index 6fef20ea22..7e5bd4ff38 100644
--- a/lms/static/sass/_courses.scss
+++ b/lms/static/sass/_courses.scss
@@ -22,13 +22,13 @@
       width: flex-grid(12);
 
       > hgroup {
+        background: #FFF;
         background: rgba(255,255,255, 0.93);
         border: 1px solid rgb(100,100,100);
         @include box-shadow(0 4px 25px 0 rgba(0,0,0, 0.5));
         padding: 20px 30px;
         position: relative;
         z-index: 2;
-
       }
 
       &.main-search, &.university-search {
diff --git a/lms/static/sass/_home.scss b/lms/static/sass/_home.scss
index 0a03faa28d..4ef25f106c 100644
--- a/lms/static/sass/_home.scss
+++ b/lms/static/sass/_home.scss
@@ -24,6 +24,7 @@
     }
 
     .title {
+      background: #FFF;
       background: rgba(255,255,255, 0.93);
       border: 1px solid rgb(100,100,100);
       @include box-shadow(0 4px 25px 0 rgba(0,0,0, 0.5));
@@ -189,6 +190,7 @@
     }
 
     .media {
+      background: #FFF;
       background: rgba(255,255,255, 0.93);
       border: 1px solid rgb(100,100,100);
       @include box-sizing(border-box);
@@ -226,6 +228,7 @@
           width: 60px;
 
           &::after {
+            color: #fff;
             color: rgba(255,255,255, 0.8);
             content: "\25B6";
             display: block;
@@ -254,6 +257,7 @@
           border-color: rgba(255,255,255, 0.9);
 
           &::after {
+            color: #fff;
             color: rgba(255,255,255, 1);
           }
         }
diff --git a/lms/static/sass/ie.scss b/lms/static/sass/ie.scss
new file mode 100644
index 0000000000..a160513d1a
--- /dev/null
+++ b/lms/static/sass/ie.scss
@@ -0,0 +1,127 @@
+// These are all quick solutions for IE please rewrite
+.highlighted-courses .courses .course header.course-preview, .find-courses .courses .course header.course-preview,
+.home .highlighted-courses > h2, .home .highlighted-courses > section.outside-app h1, section.outside-app .home .highlighted-courses > h1,
+header.global {
+  background: #FFF;
+}
+
+.home > header .title .actions,
+.home > header .title:hover .actions {
+  display: none;
+  height: auto;
+}
+
+.home > header .title {
+  &:hover {
+    height: 120px;
+
+    > hgroup {
+      h1 {
+        border-bottom: 0;
+        padding-bottom: 0;
+      }
+
+      h2 {
+        opacity: 1;
+      }
+    }
+
+    .actions {
+      opacity: 0;
+    }
+  }
+}
+
+.last {
+  margin-right: 0  !important;
+}
+
+.home .university-partners .partners a {
+  .name {
+    position: static;
+  }
+
+  &:hover {
+    text-decoration: none;
+
+    &::before {
+      opacity: 1;
+    }
+
+    .name {
+      bottom: 0px;
+    }
+
+    img {
+      top: 0px;
+    }
+  }
+
+}
+
+
+.home .university-partners .partners { 
+  width: 660px;
+
+  li.partner {
+    float: left;
+    display: block;
+    padding: 0;
+    width: 220px;
+    overflow: hidden;
+  }
+}
+
+.highlighted-courses .courses .course, .find-courses .courses .course {
+  .meta-info {
+    display: none;
+  }
+
+  .inner-wrapper {
+    height: 100%;
+    overflow: visible;
+    position: relative;
+  }
+
+  header.course-preview {
+    left: 0px;
+    position: relative;
+    top: 0px;
+    width: 100%;
+    z-index: 3;
+    height: auto;
+
+    hgroup {
+      position: relative;
+      right: 0;
+      top: 0;
+    }
+
+  }
+  // }
+
+  .info {
+    height: auto;
+    position: static;
+    overflow: visible;
+
+    .desc {
+      height: auto;
+    }
+  }
+
+  &:hover {
+    background: rgb(245,245,245);
+    border-color: rgb(170,170,170);
+    @include box-shadow(0 1px 16px 0 rgba($blue, 0.4));
+
+    .info {
+      top: 0;
+    }
+
+    .meta-info {
+      opacity: 0;
+    }
+  }
+}
+
diff --git a/lms/static/sass/shared/_course_object.scss b/lms/static/sass/shared/_course_object.scss
index a448155447..374caf4898 100644
--- a/lms/static/sass/shared/_course_object.scss
+++ b/lms/static/sass/shared/_course_object.scss
@@ -141,6 +141,7 @@
         top: 0px;
         @include transition(all, 0.15s, linear);
         width: 100%;
+        overflow: hidden;
 
         .cover-image {
           height: 200px;
@@ -174,7 +175,6 @@
           padding: 0px 10px 10px 10px;
           width: 100%;
 
-
           .university {
             border-right: 1px solid rgb(200,200,200);
             color: $lighter-base-font-color;
diff --git a/lms/templates/courses.html b/lms/templates/courses.html
index d7302565d9..25f3d27a08 100644
--- a/lms/templates/courses.html
+++ b/lms/templates/courses.html
@@ -28,7 +28,7 @@
           <%include file="course.html" args="course=course" />
         %endfor
       </section>
-      <section class='university-column'>
+      <section class='university-column last'>
         %for course in universities['BerkeleyX']:
           <%include file="course.html" args="course=course" />
         %endfor
diff --git a/lms/templates/index.html b/lms/templates/index.html
index 062a6bbe3d..28ef2d3b25 100644
--- a/lms/templates/index.html
+++ b/lms/templates/index.html
@@ -66,7 +66,7 @@
               </div>
             </a>
           </li>
-          <li class="partner">
+          <li class="partner last">
             <a href="${reverse('university_profile', args=['BerkeleyX'])}">
               <img src="${static.url('images/university/berkeley/berkeley.png')}" />
               <div class="name">
@@ -88,7 +88,7 @@
             <%include file="course.html" args="course=course" />
           %endfor
         </section>
-        <section class='university-column'>
+        <section class='university-column last'>
           %for course in universities['BerkeleyX']:
             <%include file="course.html" args="course=course" />
           %endfor
diff --git a/lms/templates/main.html b/lms/templates/main.html
index 0fe68e4728..2c9e00081d 100644
--- a/lms/templates/main.html
+++ b/lms/templates/main.html
@@ -13,6 +13,9 @@
 
 % if not settings.MITX_FEATURES['USE_DJANGO_PIPELINE']:
   <link rel="stylesheet" href="/static/sass/application.css" type="text/css" media="all" / >
+  <!--[if lt IE 9]>
+  <link rel="stylesheet" href="/static/sass/ie.css" type="text/css" media="all" / >
+  <![endif]-->
 % endif
 
   <script type="text/javascript" src="${static.url('js/vendor/jquery.min.js')}"></script>
@@ -64,10 +67,6 @@
 
 <body class="<%block name='bodyclass'/>">
   <%include file="navigation.html" />
-  <!--[if lte IE 9]>
-  <p class="ie-warning">You are using a browser that is not supported by <span class="edx">edX</span>, and you might not be able to complete pieces of the course. Please download the latest version of <a href="http://www.mozilla.org/en-US/firefox/new/">Firefox</a> or <a href="https://www.google.com/chrome">Chrome</a> to get the full experience.</p>
-  <![endif]-->
-
   <section class="content-wrapper">
     ${self.body()}
   </section>