Added generated new stylesheets and new images
BIN
Kirchhoff_files/.DS_Store
vendored
Normal file
@@ -56,14 +56,14 @@ blockquote, q {
|
||||
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"); }
|
||||
|
||||
.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: ".";
|
||||
display: block;
|
||||
height: 0;
|
||||
clear: both;
|
||||
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;
|
||||
max-width: 1235px;
|
||||
width: 100%;
|
||||
@@ -298,7 +298,7 @@ html {
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
background-color: 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;
|
||||
-moz-box-shadow: 0 1px 0 white;
|
||||
-ms-box-shadow: 0 1px 0 white;
|
||||
@@ -803,294 +803,6 @@ div.wiki-wrapper {
|
||||
div.wiki-wrapper section.wiki-body p {
|
||||
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 {
|
||||
-webkit-box-shadow: 0 1px 0 white;
|
||||
-moz-box-shadow: 0 1px 0 white;
|
||||
|
||||
BIN
css/images/.DS_Store
vendored
Normal file
567
css/marketing.css
Normal file
@@ -0,0 +1,567 @@
|
||||
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; }
|
||||
BIN
images/.DS_Store
vendored
Normal file
BIN
images/marketing/.DS_Store
vendored
Normal file
BIN
images/marketing/circuits-bg.jpg
Normal file
|
After Width: | Height: | Size: 25 KiB |
BIN
images/marketing/circuits-medium-bg.jpg
Normal file
|
After Width: | Height: | Size: 19 KiB |
BIN
images/marketing/course-bg-large.jpg
Normal file
|
After Width: | Height: | Size: 499 KiB |
BIN
images/marketing/course-bg-medium.jpg
Normal file
|
After Width: | Height: | Size: 298 KiB |
BIN
images/marketing/course-bg-small.jpg
Normal file
|
After Width: | Height: | Size: 171 KiB |
BIN
images/marketing/link-arrow.png
Normal file
|
After Width: | Height: | Size: 106 B |
BIN
images/marketing/mit-logo.png
Normal file
|
After Width: | Height: | Size: 144 B |
BIN
images/marketing/shot-1-large.jpg
Normal file
|
After Width: | Height: | Size: 217 KiB |
BIN
images/marketing/shot-1-medium.jpg
Normal file
|
After Width: | Height: | Size: 120 KiB |