Skip to content

E
edx-platform
Commit d082f474 by Kyle Fiedler
Options

Added generated new stylesheets and new images

parent 25b92d8e
Showing with 570 additions and 291 deletions
css/application.css
...@@ -56,14 +56,14 @@ blockquote, q { ...@@ -56,14 +56,14 @@ blockquote, q {
font-weight: bold; font-weight: bold;
src: local("Droid Sans Bold"), local("DroidSans-Bold"), url("http://themes.googleusercontent.com/static/fonts/droidsans/v3/EFpQQyG9GqCrobXxL-KRMXbFhgvWbfSbdVg11QabG8w.woff") format("woff"); } src: local("Droid Sans Bold"), local("DroidSans-Bold"), url("http://themes.googleusercontent.com/static/fonts/droidsans/v3/EFpQQyG9GqCrobXxL-KRMXbFhgvWbfSbdVg11QabG8w.woff") format("woff"); }
.clearfix:after, .topbar:after, div.book-wrapper section.book nav:after, div.wiki-wrapper section.wiki-body header:after, html body div.header-wrapper header:after, html body div.header-wrapper header nav ul:after, html body section.main-content:after, html body section.index-content:after, html footer:after, div.course-wrapper section.course-content ol.vert-mod li:after, div.book-wrapper section.book nav ul:after, div.wiki-wrapper div#wiki_panel div#wiki_create_form:after, header.announcement div section:after, section.index-content section:after, section.index-content section.about-course:after, section.index-content section.staff:after { .clearfix:after, .topbar:after, div.book-wrapper section.book nav:after, div.wiki-wrapper section.wiki-body header:after, html body div.header-wrapper header:after, html body div.header-wrapper header nav ul:after, html body section.main-content:after, html footer:after, div.course-wrapper section.course-content ol.vert-mod li:after, div.book-wrapper section.book nav ul:after, div.wiki-wrapper div#wiki_panel div#wiki_create_form:after {
content: "."; content: ".";
display: block; display: block;
height: 0; height: 0;
clear: both; clear: both;
visibility: hidden; } visibility: hidden; }
.wrapper, html body div.header-wrapper header, html body section.main-content, html body section.index-content, html footer, header.announcement div, section.index-content, section.activation { .wrapper, html body div.header-wrapper header, html body section.main-content, html footer, section.activation {
margin: 0 auto; margin: 0 auto;
max-width: 1235px; max-width: 1235px;
width: 100%; width: 100%;
...@@ -298,7 +298,7 @@ html { ...@@ -298,7 +298,7 @@ html {
color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
background-color: none; background-color: none;
text-decoration: none; } text-decoration: none; }
html body section.main-content, html body section.index-content { html body section.main-content {
-webkit-box-shadow: 0 1px 0 white; -webkit-box-shadow: 0 1px 0 white;
-moz-box-shadow: 0 1px 0 white; -moz-box-shadow: 0 1px 0 white;
-ms-box-shadow: 0 1px 0 white; -ms-box-shadow: 0 1px 0 white;
...@@ -803,294 +803,6 @@ div.wiki-wrapper { ...@@ -803,294 +803,6 @@ div.wiki-wrapper {
div.wiki-wrapper section.wiki-body p { div.wiki-wrapper section.wiki-body p {
line-height: 1.6em; } line-height: 1.6em; }
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: normal;
src: local("Oswald "), local("Oswald"), url("http://themes.googleusercontent.com/static/fonts/oswald/v3/qpy-UiLNKP-VfOdbcs6r6-vvDin1pK8aKteLpeZ5c0A.woff") format("woff"); }
header.announcement {
background: #993333;
border-top: 3px solid #732626;
color: #fff; }
header.announcement div {
padding: 80px 22.652px 60px;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box; }
header.announcement div nav {
position: absolute;
top: 20px;
right: 0; }
header.announcement div nav a.login {
text-transform: uppercase;
color: #fff;
font-size: 12px;
margin-right: 20px;
text-shadow: 0 -1px 0 #732626; }
header.announcement div nav a.login:hover {
color: rgba(255, 255, 255, 0.6); }
header.announcement div section {
padding-left: 23.482%; }
header.announcement div section h1 {
font-family: "Oswald";
font-size: 62px;
line-height: 1.2em;
margin: 0;
text-transform: uppercase;
text-shadow: 0 -2px 0 #732626; }
header.announcement div section p {
line-height: 1.6em;
max-width: 700px;
margin: 2em 0 0; }
header.announcement div section.course {
padding-left: 34.008%; }
header.announcement div section.course a.enroll {
border: 1px solid #dfd8d8;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 0 white;
-moz-box-shadow: inset 0 1px 0 0 white;
-ms-box-shadow: inset 0 1px 0 0 white;
-o-box-shadow: inset 0 1px 0 0 white;
box-shadow: inset 0 1px 0 0 white;
color: #333333;
display: inline;
font-size: 11px;
font-weight: bold;
background-color: white;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e5e0e0));
background-image: -webkit-linear-gradient(top, white, #e5e0e0);
background-image: -moz-linear-gradient(top, white, #e5e0e0);
background-image: -ms-linear-gradient(top, white, #e5e0e0);
background-image: -o-linear-gradient(top, white, #e5e0e0);
background-image: linear-gradient(top, white, #e5e0e0);
padding: 6px 18px 7px;
text-shadow: 0 1px 0 white;
-webkit-background-clip: padding-box;
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto;
-webkit-box-shadow: 0 1px 0 #bf4040;
-moz-box-shadow: 0 1px 0 #bf4040;
-ms-box-shadow: 0 1px 0 #bf4040;
-o-box-shadow: 0 1px 0 #bf4040;
box-shadow: 0 1px 0 #bf4040;
margin-top: 22.652px;
font-size: 18px;
padding: 11.326px;
border-color: #732626; }
header.announcement div section.course a.enroll:hover {
-webkit-box-shadow: inset 0 1px 0 0 white;
-moz-box-shadow: inset 0 1px 0 0 white;
-ms-box-shadow: inset 0 1px 0 0 white;
-o-box-shadow: inset 0 1px 0 0 white;
box-shadow: inset 0 1px 0 0 white;
cursor: pointer;
background-color: #f2f2f2;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #ded8d8));
background-image: -webkit-linear-gradient(top, #f2f2f2, #ded8d8);
background-image: -moz-linear-gradient(top, #f2f2f2, #ded8d8);
background-image: -ms-linear-gradient(top, #f2f2f2, #ded8d8);
background-image: -o-linear-gradient(top, #f2f2f2, #ded8d8);
background-image: linear-gradient(top, #f2f2f2, #ded8d8); }
header.announcement div section.course a.enroll:active {
border: 1px solid #dfd8d8;
-webkit-box-shadow: inset 0 0 8px 4px #d7d1d1, inset 0 0 8px 4px #d7d1d1, 0 1px 1px 0 #eeeeee;
-moz-box-shadow: inset 0 0 8px 4px #d7d1d1, inset 0 0 8px 4px #d7d1d1, 0 1px 1px 0 #eeeeee;
-ms-box-shadow: inset 0 0 8px 4px #d7d1d1, inset 0 0 8px 4px #d7d1d1, 0 1px 1px 0 #eeeeee;
-o-box-shadow: inset 0 0 8px 4px #d7d1d1, inset 0 0 8px 4px #d7d1d1, 0 1px 1px 0 #eeeeee;
box-shadow: inset 0 0 8px 4px #d7d1d1, inset 0 0 8px 4px #d7d1d1, 0 1px 1px 0 #eeeeee; }
header.announcement div section.course a.enroll:hover {
text-decoration: none; }
section.index-content {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding: 22.652px; }
section.index-content section {
width: 48.988%;
float: left; }
section.index-content section.about {
margin-right: 2.024%; }
section.index-content section.about-course {
width: 100%;
float: none; }
section.index-content section.about-course section {
width: 31.984%;
margin-right: 2.024%; }
section.index-content section.about-course section.requirements {
margin-right: 0; }
section.index-content section.staff {
border-top: 1px solid #eee;
float: none;
width: 100%;
margin-top: 22.652px;
padding-top: 22.652px; }
section.index-content section.staff ul {
list-style: none;
margin: 0; }
section.index-content section.staff ul li {
width: 23.482%;
list-style: none;
float: left;
margin-right: 2.024%; }
section.index-content section.staff ul li img {
float: left;
margin: 0 1em 1em 0; }
section.index-content section.staff ul li:last-child {
margin-right: 0; }
section.index-content section h1 {
font-size: 34px;
margin-top: 0;
font-family: "Oswald"; }
section.index-content section ul {
margin: 0 6.478% 1em;
list-style: disc outside none; }
section.index-content section ul li {
list-style: disc outside none; }
section.index-content section p {
line-height: 1.5; }
section.index-content section a.more-info {
border: 1px solid #691b1b;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 0 #bc5c5c;
-moz-box-shadow: inset 0 1px 0 0 #bc5c5c;
-ms-box-shadow: inset 0 1px 0 0 #bc5c5c;
-o-box-shadow: inset 0 1px 0 0 #bc5c5c;
box-shadow: inset 0 1px 0 0 #bc5c5c;
color: white;
display: inline;
font-size: 11px;
font-weight: bold;
background-color: #993333;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #993333), color-stop(100%, #761e1e));
background-image: -webkit-linear-gradient(top, #993333, #761e1e);
background-image: -moz-linear-gradient(top, #993333, #761e1e);
background-image: -ms-linear-gradient(top, #993333, #761e1e);
background-image: -o-linear-gradient(top, #993333, #761e1e);
background-image: linear-gradient(top, #993333, #761e1e);
padding: 6px 18px 7px;
text-shadow: 0 1px 0 #5d1414;
-webkit-background-clip: padding-box;
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto;
margin-top: 22.652px;
font-size: 18px;
padding: 11.326px; }
section.index-content section a.more-info:hover {
-webkit-box-shadow: inset 0 1px 0 0 #a44141;
-moz-box-shadow: inset 0 1px 0 0 #a44141;
-ms-box-shadow: inset 0 1px 0 0 #a44141;
-o-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); }
section.index-content section a.more-info: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;
-ms-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee;
-o-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; }
section.index-content section a.more-info:hover {
text-decoration: none; }
section.index-content div.secondary {
border-top: 1px solid #eee;
margin-top: 22.652px;
padding-top: 22.652px; }
section.index-content div.secondary section {
text-align: center;
width: auto;
float: none; }
section.index-content div.secondary section a.enroll {
border: 1px solid #691b1b;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 0 #bc5c5c;
-moz-box-shadow: inset 0 1px 0 0 #bc5c5c;
-ms-box-shadow: inset 0 1px 0 0 #bc5c5c;
-o-box-shadow: inset 0 1px 0 0 #bc5c5c;
box-shadow: inset 0 1px 0 0 #bc5c5c;
color: white;
display: inline;
font-size: 11px;
font-weight: bold;
background-color: #993333;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #993333), color-stop(100%, #761e1e));
background-image: -webkit-linear-gradient(top, #993333, #761e1e);
background-image: -moz-linear-gradient(top, #993333, #761e1e);
background-image: -ms-linear-gradient(top, #993333, #761e1e);
background-image: -o-linear-gradient(top, #993333, #761e1e);
background-image: linear-gradient(top, #993333, #761e1e);
padding: 6px 18px 7px;
text-shadow: 0 1px 0 #5d1414;
-webkit-background-clip: padding-box;
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto;
margin-top: 22.652px;
font-size: 18px;
padding: 11.326px; }
section.index-content div.secondary section a.enroll:hover {
-webkit-box-shadow: inset 0 1px 0 0 #a44141;
-moz-box-shadow: inset 0 1px 0 0 #a44141;
-ms-box-shadow: inset 0 1px 0 0 #a44141;
-o-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); }
section.index-content div.secondary section a.enroll: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;
-ms-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee;
-o-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; }
section.index-content div.secondary section a.enroll:hover {
text-decoration: none; }
section.activation { section.activation {
-webkit-box-shadow: 0 1px 0 white; -webkit-box-shadow: 0 1px 0 white;
-moz-box-shadow: 0 1px 0 white; -moz-box-shadow: 0 1px 0 white;
......
css/marketing.css 0 → 100644
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline; }
/* remember to define focus styles! */
:focus {
outline: 0; }
body {
line-height: 1;
color: black;
background: white; }
ol, ul {
list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0; }
caption, th, td {
text-align: left;
font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after {
content: ""; }
blockquote, q {
quotes: "" ""; }
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local("Open Sans"), local("OpenSans"), url("http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff") format("woff"); }
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
src: local("Open Sans Extrabold"), local("OpenSans-Extrabold"), url("http://themes.googleusercontent.com/static/fonts/opensans/v6/EInbV5DfGHOiMmvb1Xr-hqRDOzjiPcYnFooOUGCOsRk.woff") format("woff"); }
.wrapper, header.announcement div, section.index-content, footer {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
max-width: 1400px;
min-width: 810px;
padding: 25.888px;
width: 100%; }
.clearfix:after, header.announcement div section:after, section.index-content:after, section.index-content section:after, section.index-content section.about section:after, footer:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden; }
.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;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto;
-webkit-transition-property: all;
-moz-transition-property: all;
-ms-transition-property: all;
-o-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.15s;
-moz-transition-duration: 0.15s;
-ms-transition-duration: 0.15s;
-o-transition-duration: 0.15s;
transition-duration: 0.15s;
-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;
background-color: #990000;
color: #fff;
margin: 25.888px 0 12.944px;
padding: 6.472px 12.944px;
text-decoration: none; }
.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 {
background-color: #660000; }
.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; }
body {
background-color: #fff;
color: #444;
font: 16px Georgia, serif; }
header.announcement {
color: #fff;
border-bottom: 1px solid #000;
background: #e3e3e3;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
background-size: cover; }
@media screen and (min-width: 1200px) {
header.announcement.home {
background: #e3e3e3 url("/static/images/marketing/shot-1-large.jpg"); } }
@media screen and (max-width: 1199px) and (min-width: 700px) {
header.announcement.home {
background: #e3e3e3 url("/static/images/marketing/shot-1-medium.jpg"); } }
@media screen and (min-width: 1200px) {
header.announcement.course {
background: #e3e3e3 url("/static/images/marketing/course-bg-large.jpg"); } }
@media screen and (max-width: 1199px) and (min-width: 700px) {
header.announcement.course {
background: #e3e3e3 url("/static/images/marketing/course-bg-medium.jpg"); } }
@media screen and (max-width: 699px) {
header.announcement.course {
background: #e3e3e3 url("/static/images/marketing/course-bg-small.jpg"); } }
header.announcement div {
padding: 258.88px 25.888px 77.664px;
position: relative; }
header.announcement div nav {
position: absolute;
top: 0;
right: 25.888px;
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
-ms-border-radius: 0 0 3px 3px;
-o-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
background: rgba(0, 0, 0, 0.7);
padding: 12.944px; }
header.announcement div nav h1 {
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto;
margin-right: 25.888px; }
header.announcement div nav h1 a {
font: 800 18px "Open Sans", Helvetica, Arial, sans-serif;
color: #fff;
text-decoration: none; }
header.announcement div nav a.login {
text-decoration: none;
color: #fff;
font-size: 12px; }
header.announcement div nav a.login:hover {
color: rgba(255, 255, 255, 0.6); }
header.announcement div section {
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto;
background: #990000;
margin-left: 34.171%;
padding: 25.888px 38.832px; }
header.announcement div section h1 {
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto;
font-family: "Open Sans";
font-size: 30px;
font-weight: 800;
line-height: 1.2em;
margin: 0 25.888px 0 0; }
header.announcement div section h2 {
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto;
font-family: "Open Sans";
font-size: 24px;
font-weight: 400;
line-height: 1.2em; }
header.announcement div section.course section {
width: 48.092%;
margin-right: 3.817%;
float: left;
margin-left: 0;
padding: 0; }
header.announcement div section.course section a {
background-color: #330000;
display: block;
padding: 12.944px 25.888px;
text-align: center; }
header.announcement div section.course section a:hover {
background-color: #660000; }
header.announcement div section.course p {
width: 48.092%;
line-height: 25.888px;
float: left; }
section.index-content section {
float: left; }
section.index-content section h1 {
font-size: 24px;
font-weight: 800;
font-family: "Open Sans";
margin-bottom: 25.888px; }
section.index-content section p {
line-height: 25.888px;
margin-bottom: 25.888px; }
section.index-content section ul {
margin: 0; }
section.index-content section.about {
width: 65.829%;
margin-right: 1.256%;
border-right: 1px solid #e5e5e5;
padding-right: 1.256%; }
section.index-content section.about section {
margin-bottom: 25.888px; }
section.index-content section.about section p {
width: 48.092%;
float: left; }
section.index-content section.about section p:nth-child(odd) {
margin-right: 3.817%; }
section.index-content section.about section.features {
border-top: 1px solid #E5E5E5;
padding-top: 25.888px;
margin-bottom: 0; }
section.index-content section.about section.features h2 {
text-transform: uppercase;
letter-spacing: 1px;
color: #666;
margin-bottom: 25.888px; }
section.index-content section.about section.features p {
width: auto; }
section.index-content section.about section.features p strong {
font-family: "Open sans";
font-weight: 800; }
section.index-content section.about section.features p a {
color: #990000;
text-decoration: none;
-webkit-transition-property: all;
-moz-transition-property: all;
-ms-transition-property: all;
-o-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.15s;
-moz-transition-duration: 0.15s;
-ms-transition-duration: 0.15s;
-o-transition-duration: 0.15s;
transition-duration: 0.15s;
-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; }
section.index-content section.about section.features p a:hover, section.index-content section.about section.features p a:focus {
color: #4d0000; }
section.index-content section.about section.features ul {
margin-bottom: 0; }
section.index-content section.about section.features ul li {
line-height: 25.888px;
width: 48.092%;
float: left;
margin-bottom: 12.944px; }
section.index-content section.about section.features ul li:nth-child(odd) {
margin-right: 3.817%; }
section.index-content section.course, section.index-content section.staff {
width: 31.658%; }
section.index-content section.course h1, section.index-content section.staff h1 {
font: normal 16px Georgia, serif;
text-transform: uppercase;
letter-spacing: 1px;
color: #666;
margin-bottom: 25.888px; }
section.index-content section.course h2, section.index-content section.staff h2 {
font: 800 24px "Open Sans", Helvetica, Arial, sans-serif; }
section.index-content section.course h3, section.index-content section.staff h3 {
font: 400 18px "Open Sans", Helvetica, Arial, sans-serif; }
section.index-content section.course ul li img, section.index-content section.staff ul li img {
float: left;
margin-right: 12.944px; }
section.index-content section.course h2 {
padding-top: 129.44px;
background: url("/static/images/marketing/circuits-bg.jpg") 0 0 no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-ms-background-size: contain;
-o-background-size: contain;
background-size: contain; }
@media screen and (max-width: 998px) {
section.index-content section.course h2 {
background: url("/static/images/marketing/circuits-medium-bg.jpg") 0 0 no-repeat; } }
section.index-content section.about-course {
width: 65.829%;
margin-right: 1.256%;
border-right: 1px solid #e5e5e5;
padding-right: 1.256%; }
section.index-content section.about-course section {
width: 48.092%; }
section.index-content section.about-course section.about-info {
margin-right: 3.817%; }
section.index-content section.about-course section.requirements {
clear: both;
width: auto;
border-top: 1px solid #E5E5E5;
padding-top: 25.888px;
margin-bottom: 0; }
section.index-content section.about-course section.requirements p {
float: left;
width: 48.092%;
margin-right: 3.817%; }
section.index-content section.about-course section.requirements p:nth-child(odd) {
margin-right: 0; }
section.index-content section.about-course section.cta {
width: 100%; }
section.index-content section.about-course section.cta a.enroll {
padding: 12.944px 25.888px;
display: block;
text-align: center;
font: 800 18px "Open Sans", Helvetica, Arial, sans-serif; }
footer {
padding-top: 0; }
footer div.footer-wrapper {
border-top: 1px solid #e5e5e5;
padding: 25.888px 0;
background: url("/static/images/marketing/mit-logo.png") right center no-repeat; }
footer div.footer-wrapper a {
color: #888;
text-decoration: none;
-webkit-transition-property: all;
-moz-transition-property: all;
-ms-transition-property: all;
-o-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.15s;
-moz-transition-duration: 0.15s;
-ms-transition-duration: 0.15s;
-o-transition-duration: 0.15s;
transition-duration: 0.15s;
-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; }
footer div.footer-wrapper a:hover, footer div.footer-wrapper a:focus {
color: #666; }
footer div.footer-wrapper p {
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto;
margin-right: 25.888px; }
footer div.footer-wrapper ul {
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto; }
footer div.footer-wrapper ul li {
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto; }
footer div.footer-wrapper ul li:after {
content: ' |';
display: inline;
color: #ccc; }
footer div.footer-wrapper ul li:last-child:after {
content: none; }
div#fancybox-overlay {
background: #333 !important; }
div#fancybox-wrap {
width: auto !important; }
div#fancybox-wrap div#fancybox-outer {
background: none;
max-width: 600px; }
div#fancybox-wrap div#fancybox-outer div.fancybox-bg {
display: none;
background: none; }
div#fancybox-wrap div#fancybox-outer div#fancybox-content {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 6px black;
-moz-box-shadow: 0 0 6px black;
-ms-box-shadow: 0 0 6px black;
-o-box-shadow: 0 0 6px black;
box-shadow: 0 0 6px black;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border: none;
padding: 51.776px;
max-width: 600px;
width: auto !important; }
div#fancybox-wrap div#fancybox-outer div#fancybox-content h1 {
font-size: 24px;
margin-top: 0;
font-family: "Oswald";
padding-bottom: 25.888px;
border-bottom: 1px solid #eee;
margin-bottom: 25.888px; }
div#fancybox-wrap div#fancybox-outer div#fancybox-content form {
text-align: left; }
div#fancybox-wrap div#fancybox-outer div#fancybox-content form div#enroll_error {
padding-bottom: 25.888px;
color: #DF8B2C;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: bold; }
div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li {
margin-bottom: 25.888px;
width: 485px;
float: left; }
div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li:nth-child(odd) {
margin-right: 25px; }
div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li.terms, div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li.remember {
float: none;
width: auto;
clear: both;
padding-top: 25.888px;
border-top: 1px solid #eee; }
div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li.honor-code {
width: auto;
float: none; }
div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li label {
display: block;
font-weight: bold; }
div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="email"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="number"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="password"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="search"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="tel"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="text"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="url"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="color"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="date"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="datetime"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="datetime-local"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="month"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="time"], div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="week"] {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box; }
div#fancybox-wrap div#fancybox-outer div#fancybox-content form ol li input[type="checkbox"] {
margin-right: 10px; }
div#fancybox-wrap div#fancybox-outer div#fancybox-content form input[type="button"] {
border: 1px solid #520000;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 0 #dc0909;
-moz-box-shadow: inset 0 1px 0 0 #dc0909;
-ms-box-shadow: inset 0 1px 0 0 #dc0909;
-o-box-shadow: inset 0 1px 0 0 #dc0909;
box-shadow: inset 0 1px 0 0 #dc0909;
color: white;
display: inline;
font-size: 11px;
font-weight: bold;
background-color: #990000;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #990000), color-stop(100%, #610000));
background-image: -webkit-linear-gradient(top, #990000, #610000);
background-image: -moz-linear-gradient(top, #990000, #610000);
background-image: -ms-linear-gradient(top, #990000, #610000);
background-image: -o-linear-gradient(top, #990000, #610000);
background-image: linear-gradient(top, #990000, #610000);
padding: 6px 18px 7px;
text-shadow: 0 1px 0 #3d0000;
-webkit-background-clip: padding-box;
font-size: 18px;
padding: 12.944px; }
div#fancybox-wrap div#fancybox-outer div#fancybox-content form input[type="button"]:hover {
-webkit-box-shadow: inset 0 1px 0 0 #ac0606;
-moz-box-shadow: inset 0 1px 0 0 #ac0606;
-ms-box-shadow: inset 0 1px 0 0 #ac0606;
-o-box-shadow: inset 0 1px 0 0 #ac0606;
box-shadow: inset 0 1px 0 0 #ac0606;
cursor: pointer;
background-color: #7d0303;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d0303), color-stop(100%, #520000));
background-image: -webkit-linear-gradient(top, #7d0303, #520000);
background-image: -moz-linear-gradient(top, #7d0303, #520000);
background-image: -ms-linear-gradient(top, #7d0303, #520000);
background-image: -o-linear-gradient(top, #7d0303, #520000);
background-image: linear-gradient(top, #7d0303, #520000); }
div#fancybox-wrap div#fancybox-outer div#fancybox-content form input[type="button"]:active {
border: 1px solid #520000;
-webkit-box-shadow: inset 0 0 8px 4px #420000, inset 0 0 8px 4px #420000, 0 1px 1px 0 #eeeeee;
-moz-box-shadow: inset 0 0 8px 4px #420000, inset 0 0 8px 4px #420000, 0 1px 1px 0 #eeeeee;
-ms-box-shadow: inset 0 0 8px 4px #420000, inset 0 0 8px 4px #420000, 0 1px 1px 0 #eeeeee;
-o-box-shadow: inset 0 0 8px 4px #420000, inset 0 0 8px 4px #420000, 0 1px 1px 0 #eeeeee;
box-shadow: inset 0 0 8px 4px #420000, inset 0 0 8px 4px #420000, 0 1px 1px 0 #eeeeee; }
div#fancybox-wrap div#fancybox-outer div#fancybox-content div#login {
min-width: 300px; }
div#fancybox-wrap div#fancybox-outer div#fancybox-content div#login ol li {
width: auto;
float: none; }
div#fancybox-wrap div#fancybox-outer div#fancybox-content div.lost-password {
text-align: left;
margin-top: 25.888px; }
div#fancybox-wrap div#fancybox-outer div#fancybox-content div.lost-password a {
color: #999; }
div#fancybox-wrap div#fancybox-outer div#fancybox-content div.lost-password a:hover {
color: #444; }
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