Skip to content

E
edx-platform
Commit 2fb6b56c by Reda Lemeden
Options

Added the edx announcement to the MITx marketing page + Other content updates

parent a96adea4
Showing with 1119 additions and 823 deletions
static/css/application.css
This source diff could not be displayed because it is too large. You can view the blob instead.
static/css/marketing-ie.css
/* line 1, sass/marketing-ie.scss */
body { body {
margin: 0; margin: 0;
padding: 0; } padding: 0; }
/* line 6, sass/marketing-ie.scss */
.wrapper, .subpage, section.copyright, section.tos, section.privacy-policy, section.honor-code, header.announcement div, section.index-content, footer { .wrapper, .subpage, section.copyright, section.tos, section.privacy-policy, section.honor-code, header.announcement div, section.index-content, footer {
margin: 0; margin: 0;
overflow: hidden; } overflow: hidden; }
/* line 12, sass/marketing-ie.scss */
div#enroll form { div#enroll form {
display: none; } display: none; }
static/css/marketing.css
...@@ -5,7 +5,19 @@ Last Updated: 2010-09-17 ...@@ -5,7 +5,19 @@ Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark Twitter: @rich_clark
*/ */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { /* line 20, sass/base/_reset.scss */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0; margin: 0;
padding: 0; padding: 0;
border: 0; border: 0;
...@@ -14,22 +26,30 @@ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pr ...@@ -14,22 +26,30 @@ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pr
vertical-align: baseline; vertical-align: baseline;
background: transparent; } background: transparent; }
/* line 30, sass/base/_reset.scss */
body { body {
line-height: 1; } line-height: 1; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { /* line 35, sass/base/_reset.scss */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block; } display: block; }
/* line 39, sass/base/_reset.scss */
nav ul { nav ul {
list-style: none; } list-style: none; }
/* line 43, sass/base/_reset.scss */
blockquote, q { blockquote, q {
quotes: none; } quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { /* line 48, sass/base/_reset.scss */
blockquote:before, blockquote:after,
q:before, q:after {
content: ''; content: '';
content: none; } content: none; }
/* line 53, sass/base/_reset.scss */
a { a {
margin: 0; margin: 0;
padding: 0; padding: 0;
...@@ -38,30 +58,36 @@ a { ...@@ -38,30 +58,36 @@ a {
background: transparent; } background: transparent; }
/* change colours to suit your needs */ /* change colours to suit your needs */
/* line 62, sass/base/_reset.scss */
ins { ins {
background-color: #ff9; background-color: #ff9;
color: #000; color: #000;
text-decoration: none; } text-decoration: none; }
/* change colours to suit your needs */ /* change colours to suit your needs */
/* line 69, sass/base/_reset.scss */
mark { mark {
background-color: #ff9; background-color: #ff9;
color: #000; color: #000;
font-style: italic; font-style: italic;
font-weight: bold; } font-weight: bold; }
/* line 76, sass/base/_reset.scss */
del { del {
text-decoration: line-through; } text-decoration: line-through; }
/* line 80, sass/base/_reset.scss */
abbr[title], dfn[title] { abbr[title], dfn[title] {
border-bottom: 1px dotted; border-bottom: 1px dotted;
cursor: help; } cursor: help; }
/* line 85, sass/base/_reset.scss */
table { table {
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0; } border-spacing: 0; }
/* change border colour to suit your needs */ /* change border colour to suit your needs */
/* line 91, sass/base/_reset.scss */
hr { hr {
display: block; display: block;
height: 1px; height: 1px;
...@@ -70,6 +96,7 @@ hr { ...@@ -70,6 +96,7 @@ hr {
margin: 1em 0; margin: 1em 0;
padding: 0; } padding: 0; }
/* line 100, sass/base/_reset.scss */
input, select { input, select {
vertical-align: middle; } vertical-align: middle; }
...@@ -116,6 +143,7 @@ input, select { ...@@ -116,6 +143,7 @@ input, select {
font-weight: 800; font-weight: 800;
font-style: italic; } font-style: italic; }
/* line 1, sass/index/_extends.scss */
.wrapper, .subpage, section.copyright, section.tos, section.privacy-policy, section.honor-code, header.announcement div, footer, section.index-content { .wrapper, .subpage, section.copyright, section.tos, section.privacy-policy, section.honor-code, header.announcement div, footer, section.index-content {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
...@@ -125,30 +153,40 @@ input, select { ...@@ -125,30 +153,40 @@ input, select {
padding: 25.888px; padding: 25.888px;
width: 100%; } width: 100%; }
/* line 14, sass/index/_extends.scss */
.subpage > div, section.copyright > div, section.tos > div, section.privacy-policy > div, section.honor-code > div { .subpage > div, section.copyright > div, section.tos > div, section.privacy-policy > div, section.honor-code > div {
padding-left: 34.171%; } padding-left: 34.171%; }
@media screen and (max-width: 940px) { @media screen and (max-width: 940px) {
.subpage > div, section.copyright > div, section.tos > div, section.privacy-policy > div, section.honor-code > div { /* line 14, sass/index/_extends.scss */
padding-left: 0; } } .subpage > div, section.copyright > div, section.tos > div, section.privacy-policy > div, section.honor-code > div {
.subpage > div p, section.copyright > div p, section.tos > div p, section.privacy-policy > div p, section.honor-code > div p { padding-left: 0; } }
margin-bottom: 25.888px; /* line 21, sass/index/_extends.scss */
line-height: 25.888px; } .subpage > div p, section.copyright > div p, section.tos > div p, section.privacy-policy > div p, section.honor-code > div p {
.subpage > div h1, section.copyright > div h1, section.tos > div h1, section.privacy-policy > div h1, section.honor-code > div h1 { margin-bottom: 25.888px;
margin-bottom: 12.944px; } line-height: 25.888px; }
.subpage > div h2, section.copyright > div h2, section.tos > div h2, section.privacy-policy > div h2, section.honor-code > div h2 { /* line 26, sass/index/_extends.scss */
font: 18px "Open Sans", Helvetica, Arial, sans-serif; .subpage > div h1, section.copyright > div h1, section.tos > div h1, section.privacy-policy > div h1, section.honor-code > div h1 {
color: #000; margin-bottom: 12.944px; }
margin-bottom: 12.944px; } /* line 30, sass/index/_extends.scss */
.subpage > div ul, section.copyright > div ul, section.tos > div ul, section.privacy-policy > div ul, section.honor-code > div ul { .subpage > div h2, section.copyright > div h2, section.tos > div h2, section.privacy-policy > div h2, section.honor-code > div h2 {
list-style: disc outside none; } font: 18px "Open Sans", Helvetica, Arial, sans-serif;
.subpage > div ul li, section.copyright > div ul li, section.tos > div ul li, section.privacy-policy > div ul li, section.honor-code > div ul li { color: #000;
list-style: disc outside none; margin-bottom: 12.944px; }
line-height: 25.888px; } /* line 36, sass/index/_extends.scss */
.subpage > div dl, section.copyright > div dl, section.tos > div dl, section.privacy-policy > div dl, section.honor-code > div dl { .subpage > div ul, section.copyright > div ul, section.tos > div ul, section.privacy-policy > div ul, section.honor-code > div ul {
margin-bottom: 25.888px; } list-style: disc outside none; }
.subpage > div dl dd, section.copyright > div dl dd, section.tos > div dl dd, section.privacy-policy > div dl dd, section.honor-code > div dl dd { /* line 39, sass/index/_extends.scss */
margin-bottom: 12.944px; } .subpage > div ul li, section.copyright > div ul li, section.tos > div ul li, section.privacy-policy > div ul li, section.honor-code > div ul li {
list-style: disc outside none;
line-height: 25.888px; }
/* line 45, sass/index/_extends.scss */
.subpage > div dl, section.copyright > div dl, section.tos > div dl, section.privacy-policy > div dl, section.honor-code > div dl {
margin-bottom: 25.888px; }
/* line 48, sass/index/_extends.scss */
.subpage > div dl dd, section.copyright > div dl dd, section.tos > div dl dd, section.privacy-policy > div dl dd, section.honor-code > div dl dd {
margin-bottom: 12.944px; }
/* line 55, sass/index/_extends.scss */
.clearfix:after, .subpage:after, section.copyright:after, section.tos:after, section.privacy-policy:after, section.honor-code:after, header.announcement div section:after, footer:after, section.index-content:after, section.index-content section:after, section.index-content section.about section:after, div.leanModal_box#enroll ol:after { .clearfix:after, .subpage:after, section.copyright:after, section.tos:after, section.privacy-policy:after, section.honor-code:after, header.announcement div section:after, footer:after, section.index-content:after, section.index-content section:after, section.index-content section.about section:after, div.leanModal_box#enroll ol:after {
content: "."; content: ".";
display: block; display: block;
...@@ -156,6 +194,7 @@ input, select { ...@@ -156,6 +194,7 @@ input, select {
clear: both; clear: both;
visibility: hidden; } visibility: hidden; }
/* line 63, sass/index/_extends.scss */
.button, header.announcement div section.course section a, section.index-content section.course a, section.index-content section.staff a, section.index-content section.about-course section.cta a.enroll { .button, header.announcement div section.course section a, section.index-content section.course a, section.index-content section.staff a, section.index-content section.about-course section.cta a.enroll {
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
...@@ -200,13 +239,16 @@ input, select { ...@@ -200,13 +239,16 @@ input, select {
-moz-box-shadow: inset 0 1px 0 #b83d3d; -moz-box-shadow: inset 0 1px 0 #b83d3d;
box-shadow: inset 0 1px 0 #b83d3d; box-shadow: inset 0 1px 0 #b83d3d;
-webkit-font-smoothing: antialiased; } -webkit-font-smoothing: antialiased; }
.button:hover, header.announcement div section.course section a:hover, section.index-content section.course a:hover, section.index-content section.staff a:hover, section.index-content section.about-course section.cta a.enroll:hover { /* line 77, sass/index/_extends.scss */
background-color: #732626; .button:hover, header.announcement div section.course section a:hover, section.index-content section.course a:hover, section.index-content section.staff a:hover, section.index-content section.about-course section.cta a.enroll:hover {
border-color: #4d1919; } background-color: #732626;
.button span, header.announcement div section.course section a span, section.index-content section.course a span, section.index-content section.staff a span, section.index-content section.about-course section.cta a.enroll span { border-color: #4d1919; }
font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif; /* line 82, sass/index/_extends.scss */
font-style: italic; } .button span, header.announcement div section.course section a span, section.index-content section.course a span, section.index-content section.staff a span, section.index-content section.about-course section.cta a.enroll span {
font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
font-style: italic; }
/* line 88, sass/index/_extends.scss */
p.ie-warning { p.ie-warning {
display: block !important; display: block !important;
line-height: 1.3em; line-height: 1.3em;
...@@ -214,42 +256,52 @@ p.ie-warning { ...@@ -214,42 +256,52 @@ p.ie-warning {
margin-bottom: 25.888px; margin-bottom: 25.888px;
padding: 25.888px; } padding: 25.888px; }
/* line 1, sass/index/_base.scss */
body { body {
background-color: #fff; background-color: #fff;
color: #444; color: #444;
font: 16px Georgia, serif; } font: 16px Georgia, serif; }
body :focus { /* line 6, sass/index/_base.scss */
outline-color: #ccc; } body :focus {
body h1 { outline-color: #ccc; }
font: 800 24px "Open Sans", Helvetica, Arial, sans-serif; } /* line 10, sass/index/_base.scss */
body li { body h1 {
margin-bottom: 25.888px; } font: 800 24px "Open Sans", Helvetica, Arial, sans-serif; }
body em { /* line 14, sass/index/_base.scss */
font-style: italic; } body li {
body a { margin-bottom: 25.888px; }
color: #993333; /* line 18, sass/index/_base.scss */
font-style: italic; body em {
text-decoration: none; } font-style: italic; }
body a:hover, body a:focus { /* line 22, sass/index/_base.scss */
color: #732626; } body a {
body input[type="email"], body input[type="number"], body input[type="password"], body input[type="search"], body input[type="tel"], body input[type="text"], body input[type="url"], body input[type="color"], body input[type="date"], body input[type="datetime"], body input[type="datetime-local"], body input[type="month"], body input[type="time"], body input[type="week"], body textarea { color: #993333;
-webkit-box-shadow: 0 -1px 0 white; font-style: italic;
-moz-box-shadow: 0 -1px 0 white; text-decoration: none; }
box-shadow: 0 -1px 0 white; /* line 27, sass/index/_base.scss */
background-color: #eeeeee; body a:hover, body a:focus {
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, white)); color: #732626; }
background-image: -webkit-linear-gradient(top, #eeeeee, white); /* line 32, sass/index/_base.scss */
background-image: -moz-linear-gradient(top, #eeeeee, white); body input[type="email"], body input[type="number"], body input[type="password"], body input[type="search"], body input[type="tel"], body input[type="text"], body input[type="url"], body input[type="color"], body input[type="date"], body input[type="datetime"], body input[type="datetime-local"], body input[type="month"], body input[type="time"], body input[type="week"], body textarea {
background-image: -ms-linear-gradient(top, #eeeeee, white); -webkit-box-shadow: 0 -1px 0 white;
background-image: -o-linear-gradient(top, #eeeeee, white); -moz-box-shadow: 0 -1px 0 white;
background-image: linear-gradient(top, #eeeeee, white); box-shadow: 0 -1px 0 white;
border: 1px solid #999; background-color: #eeeeee;
font: 16px Georgia, serif; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, white));
padding: 4px; background-image: -webkit-linear-gradient(top, #eeeeee, white);
width: 100%; } background-image: -moz-linear-gradient(top, #eeeeee, white);
body input[type="email"]:focus, body input[type="number"]:focus, body input[type="password"]:focus, body input[type="search"]:focus, body input[type="tel"]:focus, body input[type="text"]:focus, body input[type="url"]:focus, body input[type="color"]:focus, body input[type="date"]:focus, body input[type="datetime"]:focus, body input[type="datetime-local"]:focus, body input[type="month"]:focus, body input[type="time"]:focus, body input[type="week"]:focus, body textarea:focus { background-image: -ms-linear-gradient(top, #eeeeee, white);
border-color: #993333; } background-image: -o-linear-gradient(top, #eeeeee, white);
background-image: linear-gradient(top, #eeeeee, white);
border: 1px solid #999;
font: 16px Georgia, serif;
padding: 4px;
width: 100%; }
/* line 40, sass/index/_base.scss */
body input[type="email"]:focus, body input[type="number"]:focus, body input[type="password"]:focus, body input[type="search"]:focus, body input[type="tel"]:focus, body input[type="text"]:focus, body input[type="url"]:focus, body input[type="color"]:focus, body input[type="date"]:focus, body input[type="datetime"]:focus, body input[type="datetime-local"]:focus, body input[type="month"]:focus, body input[type="time"]:focus, body input[type="week"]:focus, body textarea:focus {
border-color: #993333; }
/* line 1, sass/index/_header.scss */
header.announcement { header.announcement {
-webkit-background-size: cover; -webkit-background-size: cover;
-moz-background-size: cover; -moz-background-size: cover;
...@@ -260,475 +312,589 @@ header.announcement { ...@@ -260,475 +312,589 @@ header.announcement {
border-bottom: 1px solid #000; border-bottom: 1px solid #000;
color: #fff; color: #fff;
-webkit-font-smoothing: antialiased; } -webkit-font-smoothing: antialiased; }
header.announcement.home { /* line 8, sass/index/_header.scss */
background: #e3e3e3 url("/static/images/marketing/shot-5-medium.jpg"); }
@media screen and (min-width: 1200px) {
header.announcement.home { header.announcement.home {
background: #e3e3e3 url("/static/images/marketing/shot-5-large.jpg"); } } background: #e3e3e3 url("/static/images/marketing/shot-5-medium.jpg"); }
header.announcement.home div { @media screen and (min-width: 1200px) {
padding: 258.88px 25.888px 77.664px; } /* line 8, sass/index/_header.scss */
@media screen and (max-width:780px) { header.announcement.home {
header.announcement.home div { background: #e3e3e3 url("/static/images/marketing/shot-5-large.jpg"); } }
padding: 64.72px 25.888px 51.776px; } } /* line 15, sass/index/_header.scss */
header.announcement.home div nav h1 { header.announcement.home div {
margin-right: 0; } padding: 258.88px 25.888px 77.664px; }
header.announcement.home div nav a.login { @media screen and (max-width:780px) {
display: none; } /* line 15, sass/index/_header.scss */
header.announcement.course { header.announcement.home div {
background: #e3e3e3 url("/static/images/marketing/course-bg-small.jpg"); } padding: 64.72px 25.888px 51.776px; } }
@media screen and (min-width: 1200px) { /* line 24, sass/index/_header.scss */
header.announcement.course { header.announcement.home div nav h1 {
background: #e3e3e3 url("/static/images/marketing/course-bg-large.jpg"); } } margin-right: 0; }
@media screen and (max-width: 1199px) and (min-width: 700px) { /* line 28, sass/index/_header.scss */
header.announcement.home div nav a.login {
display: none; }
/* line 35, sass/index/_header.scss */
header.announcement.course { header.announcement.course {
background: #e3e3e3 url("/static/images/marketing/course-bg-medium.jpg"); } } background: #e3e3e3 url("/static/images/marketing/course-bg-small.jpg"); }
header.announcement.course div { @media screen and (min-width: 1200px) {
padding: 103.552px 25.888px 51.776px; } /* line 35, sass/index/_header.scss */
@media screen and (max-width:780px) { header.announcement.course {
header.announcement.course div { background: #e3e3e3 url("/static/images/marketing/course-bg-large.jpg"); } }
padding: 64.72px 25.888px 51.776px; } } @media screen and (max-width: 1199px) and (min-width: 700px) {
header.announcement div { /* line 35, sass/index/_header.scss */
position: relative; } header.announcement.course {
header.announcement div nav { background: #e3e3e3 url("/static/images/marketing/course-bg-medium.jpg"); } }
position: absolute; /* line 46, sass/index/_header.scss */
top: 0; header.announcement.course div {
right: 25.888px; padding: 103.552px 25.888px 51.776px; }
-webkit-border-radius: 0 0 3px 3px; @media screen and (max-width:780px) {
-moz-border-radius: 0 0 3px 3px; /* line 46, sass/index/_header.scss */
-ms-border-radius: 0 0 3px 3px; header.announcement.course div {
-o-border-radius: 0 0 3px 3px; padding: 64.72px 25.888px 51.776px; } }
border-radius: 0 0 3px 3px; /* line 56, sass/index/_header.scss */
background: #333; header.announcement div {
background: rgba(0, 0, 0, 0.7); position: relative; }
padding: 12.944px 25.888px; } /* line 60, sass/index/_header.scss */
header.announcement div nav h1 { header.announcement div nav {
display: -moz-inline-box; position: absolute;
-moz-box-orient: vertical; top: 0;
display: inline-block; right: 25.888px;
vertical-align: baseline; -webkit-border-radius: 0 0 3px 3px;
zoom: 1; -moz-border-radius: 0 0 3px 3px;
*display: inline; -ms-border-radius: 0 0 3px 3px;
*vertical-align: auto; -o-border-radius: 0 0 3px 3px;
margin-right: 12.944px; } border-radius: 0 0 3px 3px;
header.announcement div nav h1 a { background: #333;
font: italic 800 18px "Open Sans", Helvetica, Arial, sans-serif; background: rgba(0, 0, 0, 0.7);
color: #fff; padding: 12.944px 25.888px; }
text-decoration: none; } /* line 69, sass/index/_header.scss */
header.announcement div nav h1 a:hover, header.announcement div nav h1 a:focus { header.announcement div nav h1 {
color: #999; } display: -moz-inline-box;
header.announcement div nav a.login { -moz-box-orient: vertical;
text-decoration: none; display: inline-block;
color: #fff; vertical-align: baseline;
font-size: 12px; zoom: 1;
font-style: normal; *display: inline;
font-family: "Open Sans", Helvetica, Arial, sans-serif; } *vertical-align: auto;
header.announcement div nav a.login:hover, header.announcement div nav a.login:focus { margin-right: 12.944px; }
color: #999; } /* line 74, sass/index/_header.scss */
header.announcement div section { header.announcement div nav h1 a {
background: #993333; font: italic 800 18px "Open Sans", Helvetica, Arial, sans-serif;
display: -moz-inline-box; color: #fff;
-moz-box-orient: vertical; text-decoration: none; }
display: inline-block; /* line 79, sass/index/_header.scss */
vertical-align: baseline; header.announcement div nav h1 a:hover, header.announcement div nav h1 a:focus {
zoom: 1; color: #999; }
*display: inline; /* line 85, sass/index/_header.scss */
*vertical-align: auto; header.announcement div nav a.login {
margin-left: 34.171%; text-decoration: none;
padding: 25.888px 38.832px; } color: #fff;
@media screen and (max-width: 780px) { font-size: 12px;
header.announcement div section { font-style: normal;
margin-left: 0; } } font-family: "Open Sans", Helvetica, Arial, sans-serif; }
header.announcement div section h1 { /* line 92, sass/index/_header.scss */
font-family: "Open Sans"; header.announcement div nav a.login:hover, header.announcement div nav a.login:focus {
font-size: 30px; color: #999; }
font-weight: 800; /* line 98, sass/index/_header.scss */
display: -moz-inline-box; header.announcement div section {
-moz-box-orient: vertical; background: #993333;
display: inline-block; display: -moz-inline-box;
vertical-align: baseline; -moz-box-orient: vertical;
zoom: 1; display: inline-block;
*display: inline; vertical-align: baseline;
*vertical-align: auto; zoom: 1;
line-height: 1.2em; *display: inline;
margin: 0 25.888px 0 0; } *vertical-align: auto;
header.announcement div section h2 { margin-left: 34.171%;
font-family: "Open Sans"; padding: 25.888px 38.832px; }
font-size: 24px; @media screen and (max-width: 780px) {
font-weight: 400; /* line 98, sass/index/_header.scss */
display: -moz-inline-box; header.announcement div section {
-moz-box-orient: vertical; margin-left: 0; } }
display: inline-block; /* line 109, sass/index/_header.scss */
vertical-align: baseline; header.announcement div section h1 {
zoom: 1; font-family: "Open Sans";
*display: inline; font-size: 30px;
*vertical-align: auto; font-weight: 800;
line-height: 1.2em; } display: -moz-inline-box;
header.announcement div section.course section { -moz-box-orient: vertical;
float: left; display: inline-block;
margin-left: 0; vertical-align: baseline;
margin-right: 3.817%; zoom: 1;
padding: 0; *display: inline;
width: 48.092%; } *vertical-align: auto;
@media screen and (max-width: 780px) { line-height: 1.2em;
header.announcement div section.course section { margin: 0 25.888px 0 0; }
float: none; /* line 118, sass/index/_header.scss */
width: 100%; header.announcement div section h2 {
margin-right: 0; } } font-family: "Open Sans";
header.announcement div section.course section a { font-size: 24px;
background-color: #4d1919; font-weight: 400;
border-color: #260d0d; display: -moz-inline-box;
-webkit-box-shadow: inset 0 1px 0 #732626, 0 1px 0 #ac3939; -moz-box-orient: vertical;
-moz-box-shadow: inset 0 1px 0 #732626, 0 1px 0 #ac3939; display: inline-block;
box-shadow: inset 0 1px 0 #732626, 0 1px 0 #ac3939; vertical-align: baseline;
display: block; zoom: 1;
padding: 12.944px 25.888px; *display: inline;
text-align: center; } *vertical-align: auto;
header.announcement div section.course section a:hover { line-height: 1.2em; }
background-color: #732626; /* line 127, sass/index/_header.scss */
border-color: #4d1919; } header.announcement div section.course section {
header.announcement div section.course p { float: left;
width: 48.092%; margin-left: 0;
line-height: 25.888px; margin-right: 3.817%;
float: left; } padding: 0;
@media screen and (max-width: 780px) { width: 48.092%; }
header.announcement div section.course p { @media screen and (max-width: 780px) {
float: none; /* line 127, sass/index/_header.scss */
width: 100%; } } header.announcement div section.course section {
float: none;
width: 100%;
margin-right: 0; } }
/* line 140, sass/index/_header.scss */
header.announcement div section.course section a {
background-color: #4d1919;
border-color: #260d0d;
-webkit-box-shadow: inset 0 1px 0 #732626, 0 1px 0 #ac3939;
-moz-box-shadow: inset 0 1px 0 #732626, 0 1px 0 #ac3939;
box-shadow: inset 0 1px 0 #732626, 0 1px 0 #ac3939;
display: block;
padding: 12.944px 25.888px;
text-align: center; }
/* line 149, sass/index/_header.scss */
header.announcement div section.course section a:hover {
background-color: #732626;
border-color: #4d1919; }
/* line 156, sass/index/_header.scss */
header.announcement div section.course p {
width: 48.092%;
line-height: 25.888px;
float: left; }
@media screen and (max-width: 780px) {
/* line 156, sass/index/_header.scss */
header.announcement div section.course p {
float: none;
width: 100%; } }
/* line 1, sass/index/_footer.scss */
footer { footer {
padding-top: 0; } padding-top: 0; }
footer div.footer-wrapper { /* line 6, sass/index/_footer.scss */
border-top: 1px solid #e5e5e5;
padding: 25.888px 0;
background: url("/static/images/marketing/mit-logo.png") right center no-repeat; }
@media screen and (max-width: 780px) {
footer div.footer-wrapper { footer div.footer-wrapper {
background-position: left bottom; border-top: 1px solid #e5e5e5;
padding-bottom: 77.664px; } } padding: 25.888px 0;
footer div.footer-wrapper a { background: url("/static/images/marketing/mit-logo.png") right center no-repeat; }
color: #888; @media screen and (max-width: 780px) {
text-decoration: none; /* line 6, sass/index/_footer.scss */
-webkit-transition-property: all; footer div.footer-wrapper {
-moz-transition-property: all; background-position: left bottom;
-ms-transition-property: all; padding-bottom: 77.664px; } }
-o-transition-property: all; /* line 16, sass/index/_footer.scss */
transition-property: all; footer div.footer-wrapper a {
-webkit-transition-duration: 0.15s; color: #888;
-moz-transition-duration: 0.15s; text-decoration: none;
-ms-transition-duration: 0.15s; -webkit-transition-property: all;
-o-transition-duration: 0.15s; -moz-transition-property: all;
transition-duration: 0.15s; -ms-transition-property: all;
-webkit-transition-timing-function: ease-out; -o-transition-property: all;
-moz-transition-timing-function: ease-out; transition-property: all;
-ms-transition-timing-function: ease-out; -webkit-transition-duration: 0.15s;
-o-transition-timing-function: ease-out; -moz-transition-duration: 0.15s;
transition-timing-function: ease-out; -ms-transition-duration: 0.15s;
-webkit-transition-delay: 0; -o-transition-duration: 0.15s;
-moz-transition-delay: 0; transition-duration: 0.15s;
-ms-transition-delay: 0; -webkit-transition-timing-function: ease-out;
-o-transition-delay: 0; -moz-transition-timing-function: ease-out;
transition-delay: 0; } -ms-transition-timing-function: ease-out;
footer div.footer-wrapper a:hover, footer div.footer-wrapper a:focus { -o-transition-timing-function: ease-out;
color: #666; } transition-timing-function: ease-out;
footer div.footer-wrapper p { -webkit-transition-delay: 0;
display: -moz-inline-box; -moz-transition-delay: 0;
-moz-box-orient: vertical; -ms-transition-delay: 0;
display: inline-block; -o-transition-delay: 0;
vertical-align: baseline; transition-delay: 0; }
zoom: 1; /* line 21, sass/index/_footer.scss */
*display: inline; footer div.footer-wrapper a:hover, footer div.footer-wrapper a:focus {
*vertical-align: auto; color: #666; }
margin-right: 25.888px; } /* line 26, sass/index/_footer.scss */
footer div.footer-wrapper ul { footer div.footer-wrapper p {
display: -moz-inline-box; display: -moz-inline-box;
-moz-box-orient: vertical; -moz-box-orient: vertical;
display: inline-block; display: inline-block;
vertical-align: baseline; vertical-align: baseline;
zoom: 1; zoom: 1;
*display: inline; *display: inline;
*vertical-align: auto; } *vertical-align: auto;
@media screen and (max-width: 780px) { margin-right: 25.888px; }
footer div.footer-wrapper ul { /* line 31, sass/index/_footer.scss */
margin-top: 25.888px; } } footer div.footer-wrapper ul {
footer div.footer-wrapper ul li { display: -moz-inline-box;
display: -moz-inline-box; -moz-box-orient: vertical;
-moz-box-orient: vertical; display: inline-block;
display: inline-block; vertical-align: baseline;
vertical-align: baseline; zoom: 1;
zoom: 1; *display: inline;
*display: inline; *vertical-align: auto; }
*vertical-align: auto; @media screen and (max-width: 780px) {
margin-bottom: 0; } /* line 31, sass/index/_footer.scss */
footer div.footer-wrapper ul li:after { footer div.footer-wrapper ul {
content: ' |'; margin-top: 25.888px; } }
display: inline; /* line 38, sass/index/_footer.scss */
color: #ccc; } footer div.footer-wrapper ul li {
footer div.footer-wrapper ul li:last-child:after { display: -moz-inline-box;
content: none; } -moz-box-orient: vertical;
footer div.footer-wrapper ul.social { display: inline-block;
float: right; vertical-align: baseline;
margin-right: 60px; zoom: 1;
position: relative; *display: inline;
top: -5px; } *vertical-align: auto;
@media screen and (max-width: 780px) { margin-bottom: 0; }
footer div.footer-wrapper ul.social { /* line 42, sass/index/_footer.scss */
float: none; } } footer div.footer-wrapper ul li:after {
footer div.footer-wrapper ul.social li { content: ' |';
float: left; display: inline;
margin-right: 12.944px; } color: #ccc; }
footer div.footer-wrapper ul.social li:after { /* line 49, sass/index/_footer.scss */
content: none; footer div.footer-wrapper ul li:last-child:after {
display: none; } content: none; }
footer div.footer-wrapper ul.social li a { /* line 56, sass/index/_footer.scss */
display: block; footer div.footer-wrapper ul.social {
height: 29px; float: right;
width: 28px; margin-right: 60px;
text-indent: -9999px; } position: relative;
footer div.footer-wrapper ul.social li a:hover { top: -5px; }
opacity: .8; } @media screen and (max-width: 780px) {
footer div.footer-wrapper ul.social li.twitter a { /* line 56, sass/index/_footer.scss */
background: url("/static/images/marketing/twitter.png") 0 0 no-repeat; } footer div.footer-wrapper ul.social {
footer div.footer-wrapper ul.social li.facebook a { float: none; } }
background: url("/static/images/marketing/facebook.png") 0 0 no-repeat; } /* line 66, sass/index/_footer.scss */
footer div.footer-wrapper ul.social li.linkedin a { footer div.footer-wrapper ul.social li {
background: url("/static/images/marketing/linkedin.png") 0 0 no-repeat; } float: left;
margin-right: 12.944px; }
/* line 70, sass/index/_footer.scss */
footer div.footer-wrapper ul.social li:after {
content: none;
display: none; }
/* line 75, sass/index/_footer.scss */
footer div.footer-wrapper ul.social li a {
display: block;
height: 29px;
width: 28px;
text-indent: -9999px; }
/* line 81, sass/index/_footer.scss */
footer div.footer-wrapper ul.social li a:hover {
opacity: .8; }
/* line 86, sass/index/_footer.scss */
footer div.footer-wrapper ul.social li.twitter a {
background: url("/static/images/marketing/twitter.png") 0 0 no-repeat; }
/* line 90, sass/index/_footer.scss */
footer div.footer-wrapper ul.social li.facebook a {
background: url("/static/images/marketing/facebook.png") 0 0 no-repeat; }
/* line 94, sass/index/_footer.scss */
footer div.footer-wrapper ul.social li.linkedin a {
background: url("/static/images/marketing/linkedin.png") 0 0 no-repeat; }
/* line 5, sass/index/_index.scss */
section.index-content section { section.index-content section {
float: left; } float: left; }
@media screen and (max-width: 780px) { @media screen and (max-width: 780px) {
section.index-content section { /* line 5, sass/index/_index.scss */
float: none; section.index-content section {
width: auto; float: none;
margin-right: 0; } } width: auto;
section.index-content section h1 { margin-right: 0; } }
font-size: 800 24px "Open Sans"; /* line 15, sass/index/_index.scss */
margin-bottom: 25.888px; } section.index-content section h1 {
section.index-content section p { font-size: 800 24px "Open Sans";
line-height: 25.888px; margin-bottom: 25.888px; }
margin-bottom: 25.888px; } /* line 20, sass/index/_index.scss */
section.index-content section ul { section.index-content section p {
margin: 0; } line-height: 25.888px;
section.index-content section.about { margin-bottom: 25.888px; }
-webkit-box-sizing: border-box; /* line 26, sass/index/_index.scss */
-moz-box-sizing: border-box; section.index-content section ul {
box-sizing: border-box; margin: 0; }
border-right: 1px solid #e5e5e5; /* line 30, sass/index/_index.scss */
margin-right: 2.513%;
padding-right: 1.256%;
width: 65.829%; }
@media screen and (max-width: 780px) {
section.index-content section.about { section.index-content section.about {
width: 100%; -webkit-box-sizing: border-box;
border-right: 0; -moz-box-sizing: border-box;
margin-right: 0; box-sizing: border-box;
padding-right: 0; } } border-right: 1px solid #e5e5e5;
section.index-content section.about section { margin-right: 2.513%;
margin-bottom: 25.888px; } padding-right: 1.256%;
section.index-content section.about section p { width: 65.829%; }
width: 48.092%; @media screen and (max-width: 780px) {
float: left; } /* line 30, sass/index/_index.scss */
@media screen and (max-width: 780px) { section.index-content section.about {
section.index-content section.about section p { width: 100%;
float: none; border-right: 0;
width: auto; } } margin-right: 0;
section.index-content section.about section p:nth-child(odd) { padding-right: 0; } }
margin-right: 3.817%; } /* line 44, sass/index/_index.scss */
@media screen and (max-width: 780px) { section.index-content section.about section {
section.index-content section.about section p:nth-child(odd) { margin-bottom: 25.888px; }
margin-right: 0; } } /* line 48, sass/index/_index.scss */
section.index-content section.about section.intro section { section.index-content section.about section p {
margin-bottom: 0; } width: 48.092%;
section.index-content section.about section.intro section.intro-text { float: left; }
margin-right: 3.817%; @media screen and (max-width: 780px) {
width: 48.092%; } /* line 48, sass/index/_index.scss */
@media screen and (max-width: 780px) { section.index-content section.about section p {
section.index-content section.about section.intro section.intro-text { float: none;
margin-right: 0; width: auto; } }
width: auto; } } /* line 57, sass/index/_index.scss */
section.index-content section.about section.intro section.intro-text p { section.index-content section.about section p:nth-child(odd) {
margin-right: 0; margin-right: 3.817%; }
width: auto; @media screen and (max-width: 780px) {
float: none; } /* line 57, sass/index/_index.scss */
section.index-content section.about section.intro section.intro-video { section.index-content section.about section p:nth-child(odd) {
width: 48.092%; } margin-right: 0; } }
@media screen and (max-width: 780px) { /* line 67, sass/index/_index.scss */
section.index-content section.about section.intro section.intro-video { section.index-content section.about section.intro section {
width: auto; } } margin-bottom: 0; }
section.index-content section.about section.intro section.intro-video a { /* line 70, sass/index/_index.scss */
display: block; section.index-content section.about section.intro section.intro-text {
width: 100%; } margin-right: 3.817%;
section.index-content section.about section.intro section.intro-video a img { width: 48.092%; }
width: 100%; } @media screen and (max-width: 780px) {
section.index-content section.about section.intro section.intro-video a span { /* line 70, sass/index/_index.scss */
display: none; } section.index-content section.about section.intro section.intro-text {
section.index-content section.about section.features { margin-right: 0;
border-top: 1px solid #E5E5E5; width: auto; } }
padding-top: 25.888px; /* line 79, sass/index/_index.scss */
margin-bottom: 0; } section.index-content section.about section.intro section.intro-text p {
section.index-content section.about section.features h2 { margin-right: 0;
text-transform: uppercase; width: auto;
letter-spacing: 1px; float: none; }
color: #888; /* line 86, sass/index/_index.scss */
margin-bottom: 25.888px; section.index-content section.about section.intro section.intro-video {
font-weight: normal; width: 48.092%; }
font-size: 14px; } @media screen and (max-width: 780px) {
section.index-content section.about section.features h2 span { /* line 86, sass/index/_index.scss */
text-transform: none; } section.index-content section.about section.intro section.intro-video {
section.index-content section.about section.features p { width: auto; } }
width: auto; /* line 93, sass/index/_index.scss */
clear: both; } section.index-content section.about section.intro section.intro-video a {
section.index-content section.about section.features p strong { display: block;
font-family: "Open sans"; width: 100%; }
font-weight: 800; } /* line 97, sass/index/_index.scss */
section.index-content section.about section.features p a { section.index-content section.about section.intro section.intro-video a img {
color: #993333; width: 100%; }
text-decoration: none; /* line 101, sass/index/_index.scss */
-webkit-transition-property: all; section.index-content section.about section.intro section.intro-video a span {
-moz-transition-property: all; display: none; }
-ms-transition-property: all; /* line 109, sass/index/_index.scss */
-o-transition-property: all; section.index-content section.about section.features {
transition-property: all; border-top: 1px solid #E5E5E5;
-webkit-transition-duration: 0.15s; padding-top: 25.888px;
-moz-transition-duration: 0.15s; margin-bottom: 0; }
-ms-transition-duration: 0.15s; /* line 114, sass/index/_index.scss */
-o-transition-duration: 0.15s; section.index-content section.about section.features h2 {
transition-duration: 0.15s; text-transform: uppercase;
-webkit-transition-timing-function: ease-out; letter-spacing: 1px;
-moz-transition-timing-function: ease-out; color: #888;
-ms-transition-timing-function: ease-out; margin-bottom: 25.888px;
-o-transition-timing-function: ease-out; font-weight: normal;
transition-timing-function: ease-out; font-size: 14px; }
-webkit-transition-delay: 0; /* line 122, sass/index/_index.scss */
-moz-transition-delay: 0; section.index-content section.about section.features h2 span {
-ms-transition-delay: 0; text-transform: none; }
-o-transition-delay: 0; /* line 128, sass/index/_index.scss */
transition-delay: 0; } section.index-content section.about section.features p {
section.index-content section.about section.features p a:hover, section.index-content section.about section.features p a:focus { width: auto;
color: #602020; } clear: both; }
section.index-content section.about section.features ul { /* line 132, sass/index/_index.scss */
margin-bottom: 0; } section.index-content section.about section.features p strong {
section.index-content section.about section.features ul li { font-family: "Open sans";
line-height: 25.888px; font-weight: 800; }
width: 48.092%; /* line 137, sass/index/_index.scss */
float: left; section.index-content section.about section.features p a {
margin-bottom: 12.944px; } color: #993333;
@media screen and (max-width: 780px) { text-decoration: none;
section.index-content section.about section.features ul li { -webkit-transition-property: all;
width: auto; -moz-transition-property: all;
float: none; } } -ms-transition-property: all;
section.index-content section.about section.features ul li:nth-child(odd) { -o-transition-property: all;
margin-right: 3.817%; } transition-property: all;
@media screen and (max-width: 780px) { -webkit-transition-duration: 0.15s;
section.index-content section.about section.features ul li:nth-child(odd) { -moz-transition-duration: 0.15s;
margin-right: 0; } } -ms-transition-duration: 0.15s;
section.index-content section.course, section.index-content section.staff { -o-transition-duration: 0.15s;
width: 31.658%; } transition-duration: 0.15s;
@media screen and (max-width: 780px) { -webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-transition-delay: 0;
-moz-transition-delay: 0;
-ms-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0; }
/* line 142, sass/index/_index.scss */
section.index-content section.about section.features p a:hover, section.index-content section.about section.features p a:focus {
color: #602020; }
/* line 148, sass/index/_index.scss */
section.index-content section.about section.features ul {
margin-bottom: 0; }
/* line 151, sass/index/_index.scss */
section.index-content section.about section.features ul li {
line-height: 25.888px;
width: 48.092%;
float: left;
margin-bottom: 12.944px; }
@media screen and (max-width: 780px) {
/* line 151, sass/index/_index.scss */
section.index-content section.about section.features ul li {
width: auto;
float: none; } }
/* line 162, sass/index/_index.scss */
section.index-content section.about section.features ul li:nth-child(odd) {
margin-right: 3.817%; }
@media screen and (max-width: 780px) {
/* line 162, sass/index/_index.scss */
section.index-content section.about section.features ul li:nth-child(odd) {
margin-right: 0; } }
/* line 175, sass/index/_index.scss */
section.index-content section.course, section.index-content section.staff { section.index-content section.course, section.index-content section.staff {
width: auto; } } width: 31.658%; }
section.index-content section.course h1, section.index-content section.staff h1 { @media screen and (max-width: 780px) {
color: #888; /* line 175, sass/index/_index.scss */
font: normal 16px Georgia, serif; section.index-content section.course, section.index-content section.staff {
font-size: 14px; width: auto; } }
letter-spacing: 1px; /* line 182, sass/index/_index.scss */
margin-bottom: 25.888px; section.index-content section.course h1, section.index-content section.staff h1 {
text-transform: uppercase; } color: #888;
section.index-content section.course h2, section.index-content section.staff h2 { font: normal 16px Georgia, serif;
font: 800 24px "Open Sans", Helvetica, Arial, sans-serif; } font-size: 14px;
section.index-content section.course h3, section.index-content section.staff h3 { letter-spacing: 1px;
font: 400 18px "Open Sans", Helvetica, Arial, sans-serif; } margin-bottom: 25.888px;
section.index-content section.course a span.arrow, section.index-content section.staff a span.arrow { text-transform: uppercase; }
color: rgba(255, 255, 255, 0.6); /* line 191, sass/index/_index.scss */
font-style: normal; section.index-content section.course h2, section.index-content section.staff h2 {
display: -moz-inline-box; font: 800 24px "Open Sans", Helvetica, Arial, sans-serif; }
-moz-box-orient: vertical; /* line 195, sass/index/_index.scss */
display: inline-block; section.index-content section.course h3, section.index-content section.staff h3 {
vertical-align: baseline; font: 400 18px "Open Sans", Helvetica, Arial, sans-serif; }
zoom: 1; /* line 202, sass/index/_index.scss */
*display: inline; section.index-content section.course a span.arrow, section.index-content section.staff a span.arrow {
*vertical-align: auto; color: rgba(255, 255, 255, 0.6);
padding-left: 10px; } font-style: normal;
section.index-content section.course ul, section.index-content section.staff ul { display: -moz-inline-box;
list-style: none; } -moz-box-orient: vertical;
section.index-content section.course ul li img, section.index-content section.staff ul li img { display: inline-block;
float: left; vertical-align: baseline;
margin-right: 12.944px; } zoom: 1;
section.index-content section.course h2 { *display: inline;
padding-top: 129.44px; *vertical-align: auto;
background: url("/static/images/marketing/circuits-bg.jpg") 0 0 no-repeat; padding-left: 10px; }
-webkit-background-size: contain; /* line 210, sass/index/_index.scss */
-moz-background-size: contain; section.index-content section.course ul, section.index-content section.staff ul {
-ms-background-size: contain; list-style: none; }
-o-background-size: contain; /* line 214, sass/index/_index.scss */
background-size: contain; } section.index-content section.course ul li img, section.index-content section.staff ul li img {
@media screen and (max-width: 998px) and (min-width: 781px) { float: left;
section.index-content section.course h2 { margin-right: 12.944px; }
background: url("/static/images/marketing/circuits-medium-bg.jpg") 0 0 no-repeat; } } /* line 223, sass/index/_index.scss */
@media screen and (max-width: 780px) {
section.index-content section.course h2 { section.index-content section.course h2 {
padding-top: 129.44px; padding-top: 129.44px;
background: url("/static/images/marketing/circuits-bg.jpg") 0 0 no-repeat; } } background: url("/static/images/marketing/circuits-bg.jpg") 0 0 no-repeat;
@media screen and (min-width: 500px) and (max-width: 781px) { -webkit-background-size: contain;
section.index-content section.course h2 { -moz-background-size: contain;
padding-top: 207.104px; } } -ms-background-size: contain;
section.index-content section.about-course { -o-background-size: contain;
-webkit-box-sizing: border-box; background-size: contain; }
-moz-box-sizing: border-box; @media screen and (max-width: 998px) and (min-width: 781px) {
box-sizing: border-box; /* line 223, sass/index/_index.scss */
border-right: 1px solid #e5e5e5; section.index-content section.course h2 {
margin-right: 2.513%; background: url("/static/images/marketing/circuits-medium-bg.jpg") 0 0 no-repeat; } }
padding-right: 1.256%; @media screen and (max-width: 780px) {
width: 65.829%; } /* line 223, sass/index/_index.scss */
@media screen and (max-width: 780px) { section.index-content section.course h2 {
padding-top: 129.44px;
background: url("/static/images/marketing/circuits-bg.jpg") 0 0 no-repeat; } }
@media screen and (min-width: 500px) and (max-width: 781px) {
/* line 223, sass/index/_index.scss */
section.index-content section.course h2 {
padding-top: 207.104px; } }
/* line 244, sass/index/_index.scss */
section.index-content section.course div.announcement p.announcement-button a {
margin-top: 0; }
/* line 249, sass/index/_index.scss */
section.index-content section.course div.announcement img {
max-width: 100%;
margin-bottom: 25.888px; }
/* line 259, sass/index/_index.scss */
section.index-content section.about-course { section.index-content section.about-course {
width: auto; -webkit-box-sizing: border-box;
border-right: 0; -moz-box-sizing: border-box;
margin-right: 0; box-sizing: border-box;
padding-right: 0; } } border-right: 1px solid #e5e5e5;
section.index-content section.about-course section { margin-right: 2.513%;
width: 48.092%; } padding-right: 1.256%;
@media screen and (max-width: 780px) { width: 65.829%; }
section.index-content section.about-course section { @media screen and (max-width: 780px) {
width: auto; } } /* line 259, sass/index/_index.scss */
section.index-content section.about-course section.about-info { section.index-content section.about-course {
margin-right: 3.817%; } width: auto;
@media screen and (max-width: 780px) { border-right: 0;
section.index-content section.about-course section.about-info { margin-right: 0;
margin-right: 0; } } padding-right: 0; } }
section.index-content section.about-course section.requirements { /* line 273, sass/index/_index.scss */
clear: both; section.index-content section.about-course section {
width: 100%; width: 48.092%; }
border-top: 1px solid #E5E5E5; @media screen and (max-width: 780px) {
padding-top: 25.888px; /* line 273, sass/index/_index.scss */
margin-bottom: 0; } section.index-content section.about-course section {
section.index-content section.about-course section.requirements p { width: auto; } }
float: left; /* line 280, sass/index/_index.scss */
width: 48.092%; section.index-content section.about-course section.about-info {
margin-right: 3.817%; } margin-right: 3.817%; }
@media screen and (max-width: 780px) { @media screen and (max-width: 780px) {
section.index-content section.about-course section.requirements p { /* line 280, sass/index/_index.scss */
margin-right: 0; section.index-content section.about-course section.about-info {
float: none; margin-right: 0; } }
width: auto; } } /* line 288, sass/index/_index.scss */
section.index-content section.about-course section.requirements p:nth-child(odd) { section.index-content section.about-course section.requirements {
margin-right: 0; } clear: both;
section.index-content section.about-course section.cta { width: 100%;
width: 100%; border-top: 1px solid #E5E5E5;
text-align: center; } padding-top: 25.888px;
section.index-content section.about-course section.cta a.enroll { margin-bottom: 0; }
padding: 12.944px 51.776px; /* line 295, sass/index/_index.scss */
display: -moz-inline-box; section.index-content section.about-course section.requirements p {
-moz-box-orient: vertical; float: left;
display: inline-block; width: 48.092%;
vertical-align: baseline; margin-right: 3.817%; }
zoom: 1; @media screen and (max-width: 780px) {
*display: inline; /* line 295, sass/index/_index.scss */
*vertical-align: auto; section.index-content section.about-course section.requirements p {
text-align: center; margin-right: 0;
font: 800 18px "Open Sans", Helvetica, Arial, sans-serif; } float: none;
section.index-content section.staff h1 { width: auto; } }
margin-top: 25.888px; } /* line 306, sass/index/_index.scss */
section.index-content section.about-course section.requirements p:nth-child(odd) {
margin-right: 0; }
/* line 312, sass/index/_index.scss */
section.index-content section.about-course section.cta {
width: 100%;
text-align: center; }
/* line 316, sass/index/_index.scss */
section.index-content section.about-course section.cta a.enroll {
padding: 12.944px 51.776px;
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto;
text-align: center;
font: 800 18px "Open Sans", Helvetica, Arial, sans-serif; }
/* line 328, sass/index/_index.scss */
section.index-content section.staff h1 {
margin-top: 25.888px; }
/* line 1, sass/layout/_leanmodal.scss */
#lean_overlay { #lean_overlay {
position: fixed; position: fixed;
z-index: 100; z-index: 100;
...@@ -739,6 +905,7 @@ section.index-content section.staff h1 { ...@@ -739,6 +905,7 @@ section.index-content section.staff h1 {
background: #000; background: #000;
display: none; } display: none; }
/* line 12, sass/layout/_leanmodal.scss */
div.leanModal_box { div.leanModal_box {
background: #fff; background: #fff;
border: none; border: none;
...@@ -756,184 +923,284 @@ div.leanModal_box { ...@@ -756,184 +923,284 @@ div.leanModal_box {
display: none; display: none;
padding: 51.776px; padding: 51.776px;
text-align: left; } text-align: left; }
div.leanModal_box a.modal_close { /* line 22, sass/layout/_leanmodal.scss */
color: #aaa; div.leanModal_box a.modal_close {
display: block; color: #aaa;
font-style: normal; display: block;
height: 14px; font-style: normal;
position: absolute; height: 14px;
right: 12px; position: absolute;
top: 12px; right: 12px;
width: 14px; top: 12px;
z-index: 2; } width: 14px;
div.leanModal_box a.modal_close:hover { z-index: 2; }
text-decoration: none; /* line 33, sass/layout/_leanmodal.scss */
color: #993333; } div.leanModal_box a.modal_close:hover {
div.leanModal_box h1 { text-decoration: none;
border-bottom: 1px solid #eee; color: #993333; }
font-size: 24px; /* line 39, sass/layout/_leanmodal.scss */
margin-bottom: 25.888px; div.leanModal_box h1 {
margin-top: 0; border-bottom: 1px solid #eee;
padding-bottom: 25.888px; font-size: 24px;
text-align: left; } margin-bottom: 25.888px;
div.leanModal_box#enroll { margin-top: 0;
max-width: 600px; } padding-bottom: 25.888px;
div.leanModal_box#enroll ol { text-align: left; }
padding-top: 25.888px; } /* line 48, sass/layout/_leanmodal.scss */
div.leanModal_box#enroll ol li.terms, div.leanModal_box#enroll ol li.honor-code { div.leanModal_box#enroll {
width: auto; max-width: 600px; }
float: none; } /* line 51, sass/layout/_leanmodal.scss */
div.leanModal_box#enroll ol li div.tip { div.leanModal_box#enroll ol {
display: none; } padding-top: 25.888px; }
div.leanModal_box#enroll ol li:hover div.tip { /* line 57, sass/layout/_leanmodal.scss */
background: #333; div.leanModal_box#enroll ol li.terms, div.leanModal_box#enroll ol li.honor-code {
color: #fff; width: auto;
display: block; float: none; }
font-size: 16px; /* line 62, sass/layout/_leanmodal.scss */
line-height: 25.888px; div.leanModal_box#enroll ol li div.tip {
margin: 0 0 0 -10px; display: none; }
padding: 10px; /* line 67, sass/layout/_leanmodal.scss */
position: absolute; div.leanModal_box#enroll ol li:hover div.tip {
-webkit-font-smoothing: antialiased; background: #333;
width: 500px; } color: #fff;
div.leanModal_box form { display: block;
text-align: left; } font-size: 16px;
div.leanModal_box form div#enroll_error, div.leanModal_box form div#login_error, div.leanModal_box form div#pwd_error { line-height: 25.888px;
background-color: #333333; margin: 0 0 0 -10px;
border: black; padding: 10px;
color: #fff; position: absolute;
font-family: "Open sans"; -webkit-font-smoothing: antialiased;
font-weight: bold; width: 500px; }
letter-spacing: 1px; /* line 84, sass/layout/_leanmodal.scss */
margin: -25.888px -25.888px 25.888px; div.leanModal_box form {
padding: 12.944px; text-align: left; }
text-shadow: 0 1px 0 #1a1a1a; /* line 87, sass/layout/_leanmodal.scss */
-webkit-font-smoothing: antialiased; } div.leanModal_box form div#enroll_error, div.leanModal_box form div#login_error, div.leanModal_box form div#pwd_error {
div.leanModal_box form div#enroll_error:empty, div.leanModal_box form div#login_error:empty, div.leanModal_box form div#pwd_error:empty { background-color: #333333;
padding: 0; } border: black;
div.leanModal_box form ol { color: #fff;
list-style: none; font-family: "Open sans";
margin-bottom: 25.888px; } font-weight: bold;
div.leanModal_box form ol li { letter-spacing: 1px;
margin-bottom: 12.944px; } margin: -25.888px -25.888px 25.888px;
div.leanModal_box form ol li.terms, div.leanModal_box form ol li.remember { padding: 12.944px;
border-top: 1px solid #eee; text-shadow: 0 1px 0 #1a1a1a;
clear: both; -webkit-font-smoothing: antialiased; }
float: none; /* line 100, sass/layout/_leanmodal.scss */
padding-top: 25.888px; div.leanModal_box form div#enroll_error:empty, div.leanModal_box form div#login_error:empty, div.leanModal_box form div#pwd_error:empty {
width: auto; } padding: 0; }
div.leanModal_box form ol li.honor-code { /* line 105, sass/layout/_leanmodal.scss */
width: auto; div.leanModal_box form ol {
float: none; } list-style: none;
div.leanModal_box form ol li label { margin-bottom: 25.888px; }
display: block; /* line 109, sass/layout/_leanmodal.scss */
font-weight: bold; } div.leanModal_box form ol li {
div.leanModal_box form ol li input[type="email"], div.leanModal_box form ol li input[type="number"], div.leanModal_box form ol li input[type="password"], div.leanModal_box form ol li input[type="search"], div.leanModal_box form ol li input[type="tel"], div.leanModal_box form ol li input[type="text"], div.leanModal_box form ol li input[type="url"], div.leanModal_box form ol li input[type="color"], div.leanModal_box form ol li input[type="date"], div.leanModal_box form ol li input[type="datetime"], div.leanModal_box form ol li input[type="datetime-local"], div.leanModal_box form ol li input[type="month"], div.leanModal_box form ol li input[type="time"], div.leanModal_box form ol li input[type="week"], div.leanModal_box form ol li textarea { margin-bottom: 12.944px; }
width: 100%; /* line 112, sass/layout/_leanmodal.scss */
-webkit-box-sizing: border-box; div.leanModal_box form ol li.terms, div.leanModal_box form ol li.remember {
-moz-box-sizing: border-box; border-top: 1px solid #eee;
box-sizing: border-box; } clear: both;
div.leanModal_box form ol li input[type="checkbox"] { float: none;
margin-right: 10px; } padding-top: 25.888px;
div.leanModal_box form ol li ul { width: auto; }
list-style: disc outside none; /* line 120, sass/layout/_leanmodal.scss */
margin: 12.944px 0 25.888px 25.888px; } div.leanModal_box form ol li.honor-code {
div.leanModal_box form ol li ul li { width: auto;
color: #666; float: none; }
float: none; /* line 125, sass/layout/_leanmodal.scss */
font-size: 14px; div.leanModal_box form ol li label {
list-style: disc outside none; display: block;
margin-bottom: 12.944px; } font-weight: bold; }
div.leanModal_box form input[type="button"], div.leanModal_box form input[type="submit"] { /* line 130, sass/layout/_leanmodal.scss */
border: 1px solid #691b1b; div.leanModal_box form ol li input[type="email"], div.leanModal_box form ol li input[type="number"], div.leanModal_box form ol li input[type="password"], div.leanModal_box form ol li input[type="search"], div.leanModal_box form ol li input[type="tel"], div.leanModal_box form ol li input[type="text"], div.leanModal_box form ol li input[type="url"], div.leanModal_box form ol li input[type="color"], div.leanModal_box form ol li input[type="date"], div.leanModal_box form ol li input[type="datetime"], div.leanModal_box form ol li input[type="datetime-local"], div.leanModal_box form ol li input[type="month"], div.leanModal_box form ol li input[type="time"], div.leanModal_box form ol li input[type="week"], div.leanModal_box form ol li textarea {
-webkit-border-radius: 3px; width: 100%;
-moz-border-radius: 3px; -webkit-box-sizing: border-box;
-ms-border-radius: 3px; -moz-box-sizing: border-box;
-o-border-radius: 3px; box-sizing: border-box; }
border-radius: 3px; /* line 135, sass/layout/_leanmodal.scss */
-webkit-box-shadow: inset 0 1px 0 0 #bc5c5c; div.leanModal_box form ol li input[type="checkbox"] {
-moz-box-shadow: inset 0 1px 0 0 #bc5c5c; margin-right: 10px; }
box-shadow: inset 0 1px 0 0 #bc5c5c; /* line 139, sass/layout/_leanmodal.scss */
color: white; div.leanModal_box form ol li ul {
display: inline; list-style: disc outside none;
font-size: 11px; margin: 12.944px 0 25.888px 25.888px; }
font-weight: bold; /* line 143, sass/layout/_leanmodal.scss */
background-color: #993333; div.leanModal_box form ol li ul li {
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #993333), color-stop(100%, #761e1e)); color: #666;
background-image: -webkit-linear-gradient(top, #993333, #761e1e); float: none;
background-image: -moz-linear-gradient(top, #993333, #761e1e); font-size: 14px;
background-image: -ms-linear-gradient(top, #993333, #761e1e); list-style: disc outside none;
background-image: -o-linear-gradient(top, #993333, #761e1e); margin-bottom: 12.944px; }
background-image: linear-gradient(top, #993333, #761e1e); /* line 154, sass/layout/_leanmodal.scss */
padding: 6px 18px 7px; div.leanModal_box form input[type="button"], div.leanModal_box form input[type="submit"] {
text-shadow: 0 1px 0 #5d1414; border: 1px solid #691b1b;
-webkit-background-clip: padding-box; -webkit-border-radius: 3px;
font-size: 18px; -moz-border-radius: 3px;
padding: 12.944px; } -ms-border-radius: 3px;
div.leanModal_box form input[type="button"]:hover, div.leanModal_box form input[type="submit"]:hover { -o-border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 0 #a44141; border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 0 #a44141; -webkit-box-shadow: inset 0 1px 0 0 #bc5c5c;
box-shadow: inset 0 1px 0 0 #a44141; -moz-box-shadow: inset 0 1px 0 0 #bc5c5c;
cursor: pointer; box-shadow: inset 0 1px 0 0 #bc5c5c;
background-color: #823030; color: white;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #823030), color-stop(100%, #691c1c)); display: inline;
background-image: -webkit-linear-gradient(top, #823030, #691c1c); font-size: 11px;
background-image: -moz-linear-gradient(top, #823030, #691c1c); font-weight: bold;
background-image: -ms-linear-gradient(top, #823030, #691c1c); background-color: #993333;
background-image: -o-linear-gradient(top, #823030, #691c1c); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #993333), color-stop(100%, #761e1e));
background-image: linear-gradient(top, #823030, #691c1c); } background-image: -webkit-linear-gradient(top, #993333, #761e1e);
div.leanModal_box form input[type="button"]:active, div.leanModal_box form input[type="submit"]:active { background-image: -moz-linear-gradient(top, #993333, #761e1e);
border: 1px solid #691b1b; background-image: -ms-linear-gradient(top, #993333, #761e1e);
-webkit-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee; background-image: -o-linear-gradient(top, #993333, #761e1e);
-moz-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee; background-image: linear-gradient(top, #993333, #761e1e);
box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee; } padding: 6px 18px 7px;
text-shadow: 0 1px 0 #5d1414;
-webkit-background-clip: padding-box;
font-size: 18px;
padding: 12.944px; }
/* line 73, sass/bourbon/addons/_button.scss */
div.leanModal_box form input[type="button"]:hover, div.leanModal_box form input[type="submit"]:hover {
-webkit-box-shadow: inset 0 1px 0 0 #a44141;
-moz-box-shadow: inset 0 1px 0 0 #a44141;
box-shadow: inset 0 1px 0 0 #a44141;
cursor: pointer;
background-color: #823030;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #823030), color-stop(100%, #691c1c));
background-image: -webkit-linear-gradient(top, #823030, #691c1c);
background-image: -moz-linear-gradient(top, #823030, #691c1c);
background-image: -ms-linear-gradient(top, #823030, #691c1c);
background-image: -o-linear-gradient(top, #823030, #691c1c);
background-image: linear-gradient(top, #823030, #691c1c); }
/* line 89, sass/bourbon/addons/_button.scss */
div.leanModal_box form input[type="button"]:active, div.leanModal_box form input[type="submit"]:active {
border: 1px solid #691b1b;
-webkit-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee;
-moz-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee;
box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee; }
/* line 162, sass/layout/_leanmodal.scss */
div#login { div#login {
min-width: 400px; } min-width: 400px; }
div#login header { /* line 165, sass/layout/_leanmodal.scss */
border-bottom: 1px solid #ddd; div#login header {
margin-bottom: 25.888px; border-bottom: 1px solid #ddd;
padding-bottom: 25.888px; } margin-bottom: 25.888px;
div#login header h1 { padding-bottom: 25.888px; }
border-bottom: 0; /* line 170, sass/layout/_leanmodal.scss */
padding-bottom: 0; div#login header h1 {
margin-bottom: 6.472px; } border-bottom: 0;
div#login ol li { padding-bottom: 0;
width: auto; margin-bottom: 6.472px; }
float: none; } /* line 178, sass/layout/_leanmodal.scss */
div#login ol li {
width: auto;
float: none; }
/* line 185, sass/layout/_leanmodal.scss */
div.lost-password { div.lost-password {
text-align: left; text-align: left;
margin-top: 25.888px; } margin-top: 25.888px; }
div.lost-password a { /* line 189, sass/layout/_leanmodal.scss */
color: #999; } div.lost-password a {
div.lost-password a:hover { color: #999; }
color: #444; } /* line 192, sass/layout/_leanmodal.scss */
div.lost-password a:hover {
color: #444; }
/* line 199, sass/layout/_leanmodal.scss */
div#pwd_reset p { div#pwd_reset p {
margin-bottom: 25.888px; } margin-bottom: 25.888px; }
/* line 203, sass/layout/_leanmodal.scss */
div#pwd_reset input[type="email"] { div#pwd_reset input[type="email"] {
margin-bottom: 25.888px; } margin-bottom: 25.888px; }
div#apply_name_change, div#change_email, div#unenroll, div#deactivate-account { /* line 211, sass/layout/_leanmodal.scss */
div#apply_name_change,
div#change_email,
div#unenroll,
div#deactivate-account {
max-width: 700px; } max-width: 700px; }
div#apply_name_change ul, div#change_email ul, div#unenroll ul, div#deactivate-account ul { /* line 214, sass/layout/_leanmodal.scss */
list-style: none; } div#apply_name_change ul,
div#apply_name_change ul li, div#change_email ul li, div#unenroll ul li, div#deactivate-account ul li { div#change_email ul,
margin-bottom: 12.944px; } div#unenroll ul,
div#apply_name_change ul li textarea, div#apply_name_change ul li input[type="email"], div#apply_name_change ul li input[type="number"], div#apply_name_change ul li input[type="password"], div#apply_name_change ul li input[type="search"], div#apply_name_change ul li input[type="tel"], div#apply_name_change ul li input[type="text"], div#apply_name_change ul li input[type="url"], div#apply_name_change ul li input[type="color"], div#apply_name_change ul li input[type="date"], div#apply_name_change ul li input[type="datetime"], div#apply_name_change ul li input[type="datetime-local"], div#apply_name_change ul li input[type="month"], div#apply_name_change ul li input[type="time"], div#apply_name_change ul li input[type="week"], div#change_email ul li textarea, div#change_email ul li input[type="email"], div#change_email ul li input[type="number"], div#change_email ul li input[type="password"], div#change_email ul li input[type="search"], div#change_email ul li input[type="tel"], div#change_email ul li input[type="text"], div#change_email ul li input[type="url"], div#change_email ul li input[type="color"], div#change_email ul li input[type="date"], div#change_email ul li input[type="datetime"], div#change_email ul li input[type="datetime-local"], div#change_email ul li input[type="month"], div#change_email ul li input[type="time"], div#change_email ul li input[type="week"], div#unenroll ul li textarea, div#unenroll ul li input[type="email"], div#unenroll ul li input[type="number"], div#unenroll ul li input[type="password"], div#unenroll ul li input[type="search"], div#unenroll ul li input[type="tel"], div#unenroll ul li input[type="text"], div#unenroll ul li input[type="url"], div#unenroll ul li input[type="color"], div#unenroll ul li input[type="date"], div#unenroll ul li input[type="datetime"], div#unenroll ul li input[type="datetime-local"], div#unenroll ul li input[type="month"], div#unenroll ul li input[type="time"], div#unenroll ul li input[type="week"], div#deactivate-account ul li textarea, div#deactivate-account ul li input[type="email"], div#deactivate-account ul li input[type="number"], div#deactivate-account ul li input[type="password"], div#deactivate-account ul li input[type="search"], div#deactivate-account ul li input[type="tel"], div#deactivate-account ul li input[type="text"], div#deactivate-account ul li input[type="url"], div#deactivate-account ul li input[type="color"], div#deactivate-account ul li input[type="date"], div#deactivate-account ul li input[type="datetime"], div#deactivate-account ul li input[type="datetime-local"], div#deactivate-account ul li input[type="month"], div#deactivate-account ul li input[type="time"], div#deactivate-account ul li input[type="week"] { div#deactivate-account ul {
display: block; list-style: none; }
width: 100%; /* line 217, sass/layout/_leanmodal.scss */
-webkit-box-sizing: border-box; div#apply_name_change ul li,
-moz-box-sizing: border-box; div#change_email ul li,
box-sizing: border-box; } div#unenroll ul li,
div#apply_name_change ul li textarea, div#change_email ul li textarea, div#unenroll ul li textarea, div#deactivate-account ul li textarea { div#deactivate-account ul li {
height: 60px; } margin-bottom: 12.944px; }
div#apply_name_change ul li input[type="submit"], div#change_email ul li input[type="submit"], div#unenroll ul li input[type="submit"], div#deactivate-account ul li input[type="submit"] { /* line 220, sass/layout/_leanmodal.scss */
white-space: normal; } div#apply_name_change ul li textarea, div#apply_name_change ul li input[type="email"], div#apply_name_change ul li input[type="number"], div#apply_name_change ul li input[type="password"], div#apply_name_change ul li input[type="search"], div#apply_name_change ul li input[type="tel"], div#apply_name_change ul li input[type="text"], div#apply_name_change ul li input[type="url"], div#apply_name_change ul li input[type="color"], div#apply_name_change ul li input[type="date"], div#apply_name_change ul li input[type="datetime"], div#apply_name_change ul li input[type="datetime-local"], div#apply_name_change ul li input[type="month"], div#apply_name_change ul li input[type="time"], div#apply_name_change ul li input[type="week"],
div#change_email ul li textarea,
div#change_email ul li input[type="email"],
div#change_email ul li input[type="number"],
div#change_email ul li input[type="password"],
div#change_email ul li input[type="search"],
div#change_email ul li input[type="tel"],
div#change_email ul li input[type="text"],
div#change_email ul li input[type="url"],
div#change_email ul li input[type="color"],
div#change_email ul li input[type="date"],
div#change_email ul li input[type="datetime"],
div#change_email ul li input[type="datetime-local"],
div#change_email ul li input[type="month"],
div#change_email ul li input[type="time"],
div#change_email ul li input[type="week"],
div#unenroll ul li textarea,
div#unenroll ul li input[type="email"],
div#unenroll ul li input[type="number"],
div#unenroll ul li input[type="password"],
div#unenroll ul li input[type="search"],
div#unenroll ul li input[type="tel"],
div#unenroll ul li input[type="text"],
div#unenroll ul li input[type="url"],
div#unenroll ul li input[type="color"],
div#unenroll ul li input[type="date"],
div#unenroll ul li input[type="datetime"],
div#unenroll ul li input[type="datetime-local"],
div#unenroll ul li input[type="month"],
div#unenroll ul li input[type="time"],
div#unenroll ul li input[type="week"],
div#deactivate-account ul li textarea,
div#deactivate-account ul li input[type="email"],
div#deactivate-account ul li input[type="number"],
div#deactivate-account ul li input[type="password"],
div#deactivate-account ul li input[type="search"],
div#deactivate-account ul li input[type="tel"],
div#deactivate-account ul li input[type="text"],
div#deactivate-account ul li input[type="url"],
div#deactivate-account ul li input[type="color"],
div#deactivate-account ul li input[type="date"],
div#deactivate-account ul li input[type="datetime"],
div#deactivate-account ul li input[type="datetime-local"],
div#deactivate-account ul li input[type="month"],
div#deactivate-account ul li input[type="time"],
div#deactivate-account ul li input[type="week"] {
display: block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
/* line 226, sass/layout/_leanmodal.scss */
div#apply_name_change ul li textarea,
div#change_email ul li textarea,
div#unenroll ul li textarea,
div#deactivate-account ul li textarea {
height: 60px; }
/* line 230, sass/layout/_leanmodal.scss */
div#apply_name_change ul li input[type="submit"],
div#change_email ul li input[type="submit"],
div#unenroll ul li input[type="submit"],
div#deactivate-account ul li input[type="submit"] {
white-space: normal; }
/* line 240, sass/layout/_leanmodal.scss */
div#feedback_div form ol li { div#feedback_div form ol li {
float: none; float: none;
width: 100%; } width: 100%; }
div#feedback_div form ol li textarea#feedback_message { /* line 244, sass/layout/_leanmodal.scss */
height: 100px; } div#feedback_div form ol li textarea#feedback_message {
height: 100px; }
templates/index.html
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<h2>6.002x</h2> <h2>6.002x</h2>
<a class="enroll" rel="leanModal" href="#enroll"><noscript>In order to</noscript> Enroll in 6.002x Circuits <span>&amp;</span> Electronics <noscript>you need to have javascript enabled</noscript></a> <a class="enroll" rel="leanModal" href="#enroll"><noscript>In order to</noscript> Enroll in 6.002x Circuits <span>&amp;</span> Electronics <noscript>you need to have javascript enabled</noscript></a>
</section> </section>
<p>6.002x (Circuits and Electronics) is an experimental on-line adaptation of MIT&rsquo;s first undergraduate analog design course: 6.002. This course will run, free of charge, for students worldwide from March 5, 2012 through June 8, 2012.</p> <p>6.002x (Circuits and Electronics) is an experimental on-line adaptation of MIT&rsquo;s first undergraduate analog design course: 6.002. This course is running, free of charge, for students worldwide from March 5, 2012 through June 8, 2012.</p>
</section> </section>
</%block> </%block>
......
templates/marketing.html
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title><%block name="title">MITx: MIT's new online learning initiative</%block></title> <title><%block name="title">MITx: MIT's new online learning initiative</%block></title>
<meta name="description" content="<%block name="description">MITx will offer a portfolio of MIT courses for free to a virtual community of learners around the world</%block>" /> <meta name="description" content="<%block name="description">MITx will offer a portfolio of MIT courses for free to a virtual community of learners around the world</%block>" />
<meta name="keywords" content="<%block name="keywords">MITx, online learning, MIT, online laboratory, education, learners, undergraduate, certificate</%block>" /> <meta name="keywords" content="<%block name="keywords">MITx, online learning, MIT, online laboratory, education, learners, undergraduate, certificate</%block>" />
<!--link rel="stylesheet" href="${ settings.LIB_URL }jquery.treeview.css" type="text/css" media="all" /--> <!--link rel="stylesheet" href="${ settings.LIB_URL }jquery.treeview.css" type="text/css" media="all" /-->
<link rel="stylesheet" href="/static/css/marketing.css" type="text/css" media="all" /> <link rel="stylesheet" href="/static/css/marketing.css" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="viewport" content="width=device-width, initial-scale=1"/>
<!--[if lt IE 8]> <!--[if lt IE 8]>
<link rel="stylesheet" href="/static/css/marketing-ie.css" type="text/css" media="all" /> <link rel="stylesheet" href="/static/css/marketing-ie.css" type="text/css" media="all" />
<![endif]--> <![endif]-->
<script type="text/javascript" src="${ settings.LIB_URL }jquery-1.6.2.min.js"></script> <script type="text/javascript" src="${ settings.LIB_URL }jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="${ settings.LIB_URL }jquery-ui-1.8.16.custom.min.js"></script> <script type="text/javascript" src="${ settings.LIB_URL }jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="/static/js/jquery.leanModal.min.js"></script> <script type="text/javascript" src="/static/js/jquery.leanModal.min.js"></script>
<!--script type="text/javascript" src="${ settings.LIB_URL }swfobject/swfobject.js"></script--> <!--script type="text/javascript" src="${ settings.LIB_URL }swfobject/swfobject.js"></script-->
<!--script type="text/javascript" src="${ settings.LIB_URL }jquery.treeview.js"></script--> <!--script type="text/javascript" src="${ settings.LIB_URL }jquery.treeview.js"></script-->
<!--script type="text/javascript" src="/static/js/video_player.js"></script--> <!--script type="text/javascript" src="/static/js/video_player.js"></script-->
<!-- <script type="text/javascript" src="/static/js/schematic.js"></script> --> <!-- <script type="text/javascript" src="/static/js/schematic.js"></script> -->
<script src="/static/js/html5shiv.js"></script> <script src="/static/js/html5shiv.js"></script>
<%block name="headextra"/> <%block name="headextra"/>
<script type="text/javascript"> <script type="text/javascript">
function getCookie(name) { function getCookie(name) {
var cookieValue = null; var cookieValue = null;
if (document.cookie && document.cookie != '') { if (document.cookie && document.cookie != '') {
var cookies = document.cookie.split(';'); var cookies = document.cookie.split(';');
for (var i = 0; i < cookies.length; i++) { for (var i = 0; i < cookies.length; i++) {
var cookie = jQuery.trim(cookies[i]); var cookie = jQuery.trim(cookies[i]);
// Does this cookie string begin with the name we want? // Does this cookie string begin with the name we want?
if (cookie.substring(0, name.length + 1) == (name + '=')) { if (cookie.substring(0, name.length + 1) == (name + '=')) {
cookieValue = decodeURIComponent(cookie.substring(name.length + 1)); cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
break; break;
} }
} }
} }
return cookieValue; return cookieValue;
} }
function postJSON(url, data, callback) { function postJSON(url, data, callback) {
$.ajax({type:'POST', $.ajax({type:'POST',
url: url, url: url,
dataType: 'json', dataType: 'json',
data: data, data: data,
success: callback, success: callback,
headers : {'X-CSRFToken':getCookie('csrftoken')} headers : {'X-CSRFToken':getCookie('csrftoken')}
}); });
} }
</script> </script>
...@@ -61,25 +61,25 @@ function postJSON(url, data, callback) { ...@@ -61,25 +61,25 @@ function postJSON(url, data, callback) {
<body> <body>
<%block name="header"> <%block name="header">
<header class="announcement <%block name="header_class"/>"> <header class="announcement <%block name="header_class"/>">
<div class="anouncement-wrapper"> <div class="anouncement-wrapper">
<%block name="header_nav"> <%block name="header_nav">
<nav> <nav>
<h1><a href="http://mitx.mit.edu/">MITx</a></h1> <h1><a href="http://mitx.mit.edu/">MITx</a></h1>
% if settings.COURSEWARE_ENABLED: % if settings.COURSEWARE_ENABLED:
<%block name="login_area"> <%block name="login_area">
<a rel="leanModal" class="login" href="#login">Log In</a> <a rel="leanModal" class="login" href="#login">Log In</a>
</%block> </%block>
% endif % endif
</nav> </nav>
</%block> </%block>
<%block name="header_text"> <%block name="header_text">
<section> <section>
<h1><em>MITx</em></h1> <h1><em>MITx</em></h1>
<h2>MIT&rsquo;s new online learning initiative</h2> <h2>MIT&rsquo;s new online learning initiative</h2>
</section> </section>
</%block> </%block>
</div> </div>
</header> </header>
</%block> </%block>
...@@ -87,95 +87,95 @@ function postJSON(url, data, callback) { ...@@ -87,95 +87,95 @@ function postJSON(url, data, callback) {
<%block name="bodyextra"/> <%block name="bodyextra"/>
<footer> <footer>
<div class="footer-wrapper"> <div class="footer-wrapper">
<p> Copyright &copy; 2012. MIT. <a href="/t/copyright.html">Some rights reserved.</a></p> <p> Copyright &copy; 2012. MIT. <a href="/t/copyright.html">Some rights reserved.</a></p>
<ul> <ul>
<li><a href="/t/tos.html">Terms of Service</a></li> <li><a href="/t/tos.html">Terms of Service</a></li>
<li><a href="/t/privacy.html">Privacy Policy</a></li> <li><a href="/t/privacy.html">Privacy Policy</a></li>
<li><a href="/t/honor.html">Honor Code</a></li> <li><a href="/t/honor.html">Honor Code</a></li>
<li><a href="/t/mitx_help.html">Help</a></li> <li><a href="/t/mitx_help.html">Help</a></li>
</ul> </ul>
<ul class="social"> <ul class="social">
<li class="linkedin"> <li class="linkedin">
<a href="http://www.linkedin.com/groups/Friends-Alumni-MITx-4316538">Linked In</a> <a href="http://www.linkedin.com/groups/Friends-Alumni-MITx-4316538">Linked In</a>
</li> </li>
<li class="twitter"> <li class="twitter">
<a href="https://twitter.com/#!/MyMITx">Twitter</a> <a href="https://twitter.com/#!/MyMITx">Twitter</a>
</li> </li>
<li class="facebook"> <li class="facebook">
<a href="http://www.facebook.com/pages/MITx/378592442151504">Facebook</a> <a href="http://www.facebook.com/pages/MITx/378592442151504">Facebook</a>
</li> </li>
</ul> </ul>
</div> </div>
</footer> </footer>
% if settings.COURSEWARE_ENABLED: % if settings.COURSEWARE_ENABLED:
<div id="login" class="leanModal_box"><%include file="login.html" /></div> <div id="login" class="leanModal_box"><%include file="login.html" /></div>
% endif % endif
<div id="pwd_reset" class="leanModal_box"><%include file="password_reset_form.html" /></div> <div id="pwd_reset" class="leanModal_box"><%include file="password_reset_form.html" /></div>
<div id="reset_done" class="leanModal_box"></div> <div id="reset_done" class="leanModal_box"></div>
<script> <script>
$(document).ready(function(){ $(document).ready(function(){
/* Handles when the user tries to log in. Grabs form data. Does AJAX. /* Handles when the user tries to log in. Grabs form data. Does AJAX.
Either shows error, or redirects. */ Either shows error, or redirects. */
$('form#login_form').submit(function(e) { $('form#login_form').submit(function(e) {
e.preventDefault(); e.preventDefault();
var submit_data={}; var submit_data={};
$.each($("[id^=li_]"), function(index,value){ $.each($("[id^=li_]"), function(index,value){
submit_data[value.name]=value.value; submit_data[value.name]=value.value;
}); });
submit_data["remember"] = ($('#remember').attr("checked")? true : false); submit_data["remember"] = ($('#remember').attr("checked")? true : false);
postJSON('/login', postJSON('/login',
submit_data, submit_data,
function(json) { function(json) {
if(json.success) { if(json.success) {
location.href="/info"; location.href="/info";
} else if($('#login_error').length == 0) { } else if($('#login_error').length == 0) {
$('#login_form').prepend('<div id="login_error">Email or password is incorrect.</div>'); $('#login_form').prepend('<div id="login_error">Email or password is incorrect.</div>');
} else { } else {
$('#login_error').stop().css("background-color", "#933").animate({ backgroundColor: "#333"}, 2000); $('#login_error').stop().css("background-color", "#933").animate({ backgroundColor: "#333"}, 2000);
}
} }
} );
); });
});
$('form#pwd_reset_form').submit(function(e) {
$('form#pwd_reset_form').submit(function(e) { e.preventDefault();
e.preventDefault(); var submit_data = {};
var submit_data = {}; submit_data['email'] = $('#id_email').val();
submit_data['email'] = $('#id_email').val(); postJSON('/password_reset/',
postJSON('/password_reset/', submit_data,
submit_data, function(json){
function(json){ if (json.success) {
if (json.success) { $('#pwd_reset').html(json.value);
$('#pwd_reset').html(json.value); } else {
} else { $('#pwd_error').html(json.error).stop().css("background-color", "#933").animate({ backgroundColor: "#333"}, 2000);
$('#pwd_error').html(json.error).stop().css("background-color", "#933").animate({ backgroundColor: "#333"}, 2000); }
} }
} );
); });
});
}); });
$(function(){ $(function(){
$("a[rel*=leanModal]").leanModal(); $("a[rel*=leanModal]").leanModal();
$("a.login").click(function(){ $("a.login").click(function(){
$("#login_form #li_email").focus(); $("#login_form #li_email").focus();
}); });
$("a.enroll").click(function(){ $("a.enroll").click(function(){
$("#enroll_form #ca_email").focus(); $("#enroll_form #ca_email").focus();
}); });
}); });
</script> </script>
<%block name="js_extra"/> <%block name="js_extra"/>
</body> </body>
</html> </html>
templates/mitx_global.html
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
<section class="intro"> <section class="intro">
<section class="intro-text"> <section class="intro-text">
<p><em>MITx</em> will offer a portfolio of MIT courses for free to a virtual community of learners around the world. It will also enhance the educational experience of its on-campus students, offering them online tools that supplement and enrich their classroom and laboratory experiences.</p> <p><em>MITx</em> will offer a portfolio of MIT courses for free to a virtual community of learners around the world. It will also enhance the educational experience of its on-campus students, offering them online tools that supplement and enrich their classroom and laboratory experiences.</p>
<p>The first <em>MITx</em> course, 6.002x (Circuits and Electronics), will be launched in an experimental prototype form. Watch this space for further upcoming courses, which will become available in Fall 2012.</p> <p>The first <em>MITx</em> course, 6.002x (Circuits and Electronics), was launched in an experimental prototype form. Watch this space for further upcoming courses, which will become available in Fall 2012.</p>
</section> </section>
<section class="intro-video"> <section class="intro-video">
...@@ -33,17 +33,29 @@ ...@@ -33,17 +33,29 @@
</section> </section>
<section class="course"> <section class="course">
<hgroup> <div class="announcement">
<h1>Spring 2012 Course offering</h1> <h1> Announcement </h1>
<h2>Circuits and Electronics</h2> <img src="http://placehold.it/440x130" alt="" />
<h3>6.002x</h3> <p>
</hgroup> On May 2, it was announced that Harvard University will join MIT as a partner in edX. MITx, which offers online versions of MIT courses, will be a core offering of edX, as will Harvardx, a set of course offerings from Harvard.
</p>
<p class="announcement-button">
<a href="http://edxonline.org">Read more details here <span class="arrow">&#8227;</span></a>
</p>
</div>
<hgroup>
<h1>Spring 2012 Course offering</h1>
<h2>Circuits and Electronics</h2>
<h3>6.002x</h3>
</hgroup>
<p> <p>
<a href="http://6002x.mitx.mit.edu/" class="more-info">More information <span>&amp;</span> Enroll <span class="arrow">&#8227;</span></a> <a href="http://6002x.mitx.mit.edu/" class="more-info">More information <span>&amp;</span> Enroll <span class="arrow">&#8227;</span></a>
</p> </p>
<p>Taught by Anant Agarwal, with Gerald Sussman and Piotr Mitros, 6.002x (Circuits and Electronics) is an on-line adaption of 6.002, MIT&rsquo;s first undergraduate analog design course. This prototype course will run, free of charge, for students worldwide from March 5, 2012 through June 8, 2012. Students will be given the opportunity to demonstrate their mastery of the material and earn a certificate from <em>MITx</em>.</p> <p>Taught by Anant Agarwal, with Gerald Sussman and Piotr Mitros, 6.002x (Circuits and Electronics) is an on-line adaption of 6.002, MIT&rsquo;s first undergraduate analog design course. This prototype course is running, free of charge, for students worldwide from March 5, 2012 through June 8, 2012. Students are given the opportunity to demonstrate their mastery of the material and earn a certificate from <em>MITx</em>.</p>
</section> </section>
</section> </section>
......
templates/sass/index/_index.scss
...@@ -20,6 +20,7 @@ section.index-content { ...@@ -20,6 +20,7 @@ section.index-content {
p { p {
line-height: lh(); line-height: lh();
margin-bottom: lh(); margin-bottom: lh();
} }
ul { ul {
...@@ -237,6 +238,19 @@ section.index-content { ...@@ -237,6 +238,19 @@ section.index-content {
padding-top: lh(8); padding-top: lh(8);
} }
} }
div.announcement {
p.announcement-button {
a {
margin-top: 0;
}
}
img {
max-width: 100%;
margin-bottom: lh();
}
}
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment