From 4d137446227b0b8f68592c65d1a4b4568f479795 Mon Sep 17 00:00:00 2001
From: Brian Talbot <btalbot@edx.org>
Date: Wed, 19 Dec 2012 16:21:37 -0500
Subject: [PATCH] added new visual status to course listings on edx.org

---
 lms/static/sass/shared/_course_object.scss | 25 ++++++++++++++++++++++
 lms/templates/course.html                  |  1 +
 2 files changed, 26 insertions(+)

diff --git a/lms/static/sass/shared/_course_object.scss b/lms/static/sass/shared/_course_object.scss
index 374caf4898..2f6ca88a63 100644
--- a/lms/static/sass/shared/_course_object.scss
+++ b/lms/static/sass/shared/_course_object.scss
@@ -24,6 +24,31 @@
       width: 100%;
       @include transition(all, 0.15s, linear);
 
+      .status {
+        background: $blue;
+        color: white;
+        font-size: 10px;
+        left: 10px;
+        padding: 2px 10px;
+        @include border-radius(2px);
+        position: absolute;
+        text-transform: uppercase;
+        top: -6px;
+        z-index: 100;
+      }
+
+      .status:after {
+        border-bottom: 6px solid shade($blue, 50%);
+        border-right: 6px solid transparent;
+        content: "";
+        display: block;
+        height: 0;
+        position: absolute;
+        right: -6px;
+        top: 0;
+        width: 0;
+      }
+
       a:hover {
         text-decoration: none;
       }
diff --git a/lms/templates/course.html b/lms/templates/course.html
index 50a00f9d31..7392dfcefa 100644
--- a/lms/templates/course.html
+++ b/lms/templates/course.html
@@ -5,6 +5,7 @@
 %>
 <%page args="course" />
 <article id="${course.id}" class="course">
+  <span class="status">New</span>
   <a href="${reverse('about_course', args=[course.id])}">
   <div class="inner-wrapper">
       <header class="course-preview">