Added styles for help page

This commit is contained in:
Kyle Fiedler
2012-07-23 18:40:58 -04:00
parent 2cb9e2997e
commit 6aac776a33
4 changed files with 51 additions and 7 deletions

View File

@@ -26,3 +26,4 @@
@import 'multicourse/press_release';
@import 'multicourse/password_reset';
@import 'multicourse/error-pages';
@import 'multicourse/help';

View File

@@ -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 {

View File

@@ -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;
}
}
}
}

View File

@@ -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>