From 6aac776a333a233d61ff66773dedd017eccda3f3 Mon Sep 17 00:00:00 2001
From: Kyle Fiedler <kfiedler@thoughtbot.com>
Date: Mon, 23 Jul 2012 18:40:58 -0400
Subject: [PATCH] Added styles for help page

---
 lms/static/sass/application.scss              |  1 +
 lms/static/sass/multicourse/_about_pages.scss | 13 +++++++-
 lms/static/sass/multicourse/_help.scss        | 32 +++++++++++++++++++
 lms/templates/static_templates/help.html      | 12 +++----
 4 files changed, 51 insertions(+), 7 deletions(-)
 create mode 100644 lms/static/sass/multicourse/_help.scss

diff --git a/lms/static/sass/application.scss b/lms/static/sass/application.scss
index 32e57ebcb1..c16d72e367 100644
--- a/lms/static/sass/application.scss
+++ b/lms/static/sass/application.scss
@@ -26,3 +26,4 @@
 @import 'multicourse/press_release';
 @import 'multicourse/password_reset';
 @import 'multicourse/error-pages';
+@import 'multicourse/help';
diff --git a/lms/static/sass/multicourse/_about_pages.scss b/lms/static/sass/multicourse/_about_pages.scss
index 4ab9bb332a..8e7c1994af 100644
--- a/lms/static/sass/multicourse/_about_pages.scss
+++ b/lms/static/sass/multicourse/_about_pages.scss
@@ -146,7 +146,18 @@
     }
   }
 
-  .faq, .help {
+  .help {
+    section.emails {
+      border: 1px solid rgb(220,220,220);
+      @include box-sizing(border-box);
+      float: left;
+      margin-left: flex-gutter();
+      padding: 20px;
+      width: flex-grid(3);
+    }
+  }
+
+  .faq {
     @include clearfix;
 
     nav.categories {
diff --git a/lms/static/sass/multicourse/_help.scss b/lms/static/sass/multicourse/_help.scss
new file mode 100644
index 0000000000..9fed09907d
--- /dev/null
+++ b/lms/static/sass/multicourse/_help.scss
@@ -0,0 +1,32 @@
+.static-container.help {
+  section.questions {
+    float: left;
+    width: flex-grid(9);
+    margin-right: flex-gutter();
+
+    h2 {
+      border-bottom: 1px solid rgb(220,220,220);
+      margin-bottom: 40px;
+      padding-bottom: 20px;
+    }
+  }
+
+  section.emails {
+    border: 1px solid rgb(220,220,220);
+    @include box-sizing(border-box);
+    float: left;
+    padding: 20px;
+    width: flex-grid(3);
+
+    ul {
+      margin-left: 0;
+      padding-left: 0;
+      list-style: none;
+
+      li {
+        margin-bottom: 1em;
+      }
+    }
+  }
+}
+
diff --git a/lms/templates/static_templates/help.html b/lms/templates/static_templates/help.html
index 435df89c38..f7e69634ba 100644
--- a/lms/templates/static_templates/help.html
+++ b/lms/templates/static_templates/help.html
@@ -9,14 +9,14 @@
   <h1>Help</h1>
   <hr class="horizontal-divider">
 
-  <section>
-    <dl>
-      <dt>This is a faq question?</dt>
-      <dd>This is the answer for that question</dd>
-    </dl>
+  <section class="questions">
+    <article class="response">
+      <h2>What are "X Universities"?</h2>
+      <p>Harvard, MIT and UC Berkeley, as the first universities whose courses are delivered on the edX website, are "X Universities." The three institutions will work collaboratively to establish the "X University" Consortium, whose membership will expand to include additional "X Universities" as soon as possible. Each member of the consortium will offer courses on the edX platform as an "X University." The gathering of many universities’ educational content together on one site will enable learners worldwide to access the course content of any participating university from a single website, and to use a set of online educational tools shared by all participating universities. </p>
+    </article>
   </section>
 
-  <section>
+  <section class="emails">
     <h2>Help email</h2>
 
     <ul>