diff --git a/css/marketing.css b/css/marketing.css index eb73ab5669..a4d8136642 100644 --- a/css/marketing.css +++ b/css/marketing.css @@ -5,18 +5,7 @@ Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com 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 { +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; padding: 0; border: 0; @@ -28,8 +17,7 @@ time, mark, audio, video { body { line-height: 1; } -article, aside, details, figcaption, figure, -footer, header, hgroup, menu, nav, section { +article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } nav ul { @@ -38,8 +26,7 @@ nav ul { blockquote, q { quotes: none; } -blockquote:before, blockquote:after, -q:before, q:after { +blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } @@ -142,27 +129,27 @@ input, select { .subpage > div, section.copyright > div, section.tos > div, section.privacy-policy > div, section.honor-code > div { padding-left: 34.171%; } - @media screen and (max-width: 940px) { - .subpage > div, section.copyright > div, section.tos > div, section.privacy-policy > div, section.honor-code > div { - padding-left: 0; } } - .subpage > div p, section.copyright > div p, section.tos > div p, section.privacy-policy > div p, section.honor-code > div p { - margin-bottom: 25.888px; - line-height: 25.888px; } - .subpage > div h1, section.copyright > div h1, section.tos > div h1, section.privacy-policy > div h1, section.honor-code > div h1 { - margin-bottom: 12.944px; } - .subpage > div h2, section.copyright > div h2, section.tos > div h2, section.privacy-policy > div h2, section.honor-code > div h2 { - font: 18px "Open Sans", Helvetica, Arial, sans-serif; - color: #000; - margin-bottom: 12.944px; } - .subpage > div ul, section.copyright > div ul, section.tos > div ul, section.privacy-policy > div ul, section.honor-code > div ul { - list-style: disc outside none; } - .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; } - .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; } - .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; } +@media screen and (max-width: 940px) { + .subpage > div, section.copyright > div, section.tos > div, section.privacy-policy > div, section.honor-code > div { + padding-left: 0; } } +.subpage > div p, section.copyright > div p, section.tos > div p, section.privacy-policy > div p, section.honor-code > div p { + margin-bottom: 25.888px; + line-height: 25.888px; } +.subpage > div h1, section.copyright > div h1, section.tos > div h1, section.privacy-policy > div h1, section.honor-code > div h1 { + margin-bottom: 12.944px; } +.subpage > div h2, section.copyright > div h2, section.tos > div h2, section.privacy-policy > div h2, section.honor-code > div h2 { + font: 18px "Open Sans", Helvetica, Arial, sans-serif; + color: #000; + margin-bottom: 12.944px; } +.subpage > div ul, section.copyright > div ul, section.tos > div ul, section.privacy-policy > div ul, section.honor-code > div ul { + list-style: disc outside none; } +.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; } +.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; } +.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; } .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: "."; @@ -217,12 +204,12 @@ input, select { -o-box-shadow: inset 0 1px 0 #b83d3d; box-shadow: inset 0 1px 0 #b83d3d; -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 { - background-color: #732626; - border-color: #4d1919; } - .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; } +.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: #732626; + border-color: #4d1919; } +.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; } p.ie-warning { display: block !important; @@ -235,39 +222,39 @@ body { background-color: #fff; color: #444; font: 16px Georgia, serif; } - body :focus { - outline-color: #ccc; } - body h1 { - font: 800 24px "Open Sans", Helvetica, Arial, sans-serif; } - body li { - margin-bottom: 25.888px; } - body em { - font-style: italic; } - body a { - color: #993333; - font-style: italic; - text-decoration: none; } - body a:hover, body a:focus { - color: #732626; } - 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 { - -webkit-box-shadow: 0 -1px 0 white; - -moz-box-shadow: 0 -1px 0 white; - -ms-box-shadow: 0 -1px 0 white; - -o-box-shadow: 0 -1px 0 white; - box-shadow: 0 -1px 0 white; - background-color: #eeeeee; - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, white)); - background-image: -webkit-linear-gradient(top, #eeeeee, white); - background-image: -moz-linear-gradient(top, #eeeeee, white); - background-image: -ms-linear-gradient(top, #eeeeee, white); - 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%; } - 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; } +body :focus { + outline-color: #ccc; } +body h1 { + font: 800 24px "Open Sans", Helvetica, Arial, sans-serif; } +body li { + margin-bottom: 25.888px; } +body em { + font-style: italic; } +body a { + color: #993333; + font-style: italic; + text-decoration: none; } +body a:hover, body a:focus { + color: #732626; } +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 { + -webkit-box-shadow: 0 -1px 0 white; + -moz-box-shadow: 0 -1px 0 white; + -ms-box-shadow: 0 -1px 0 white; + -o-box-shadow: 0 -1px 0 white; + box-shadow: 0 -1px 0 white; + background-color: #eeeeee; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, white)); + background-image: -webkit-linear-gradient(top, #eeeeee, white); + background-image: -moz-linear-gradient(top, #eeeeee, white); + background-image: -ms-linear-gradient(top, #eeeeee, white); + 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%; } +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; } header.announcement { -webkit-background-size: cover; @@ -279,480 +266,480 @@ header.announcement { border-bottom: 1px solid #000; color: #fff; -webkit-font-smoothing: antialiased; } +header.announcement.home { + background: #e3e3e3 url("/static/images/marketing/shot-5-medium.jpg"); } +@media screen and (min-width: 1200px) { header.announcement.home { - background: #e3e3e3 url("/static/images/marketing/shot-5-medium.jpg"); } - @media screen and (min-width: 1200px) { - header.announcement.home { - background: #e3e3e3 url("/static/images/marketing/shot-5-large.jpg"); } } - header.announcement.home div { - padding: 258.88px 25.888px 77.664px; } - @media screen and (max-width:780px) { - header.announcement.home div { - padding: 64.72px 25.888px 51.776px; } } - header.announcement.home div nav h1 { - margin-right: 0; } - header.announcement.home div nav a.login { - display: none; } + background: #e3e3e3 url("/static/images/marketing/shot-5-large.jpg"); } } +header.announcement.home div { + padding: 258.88px 25.888px 77.664px; } +@media screen and (max-width:780px) { + header.announcement.home div { + padding: 64.72px 25.888px 51.776px; } } +header.announcement.home div nav h1 { + margin-right: 0; } +header.announcement.home div nav a.login { + display: none; } +header.announcement.course { + background: #e3e3e3 url("/static/images/marketing/course-bg-small.jpg"); } +@media screen and (min-width: 1200px) { header.announcement.course { - background: #e3e3e3 url("/static/images/marketing/course-bg-small.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"); } } - header.announcement.course div { - padding: 103.552px 25.888px 51.776px; } - @media screen and (max-width:780px) { - header.announcement.course div { - padding: 64.72px 25.888px 51.776px; } } - header.announcement div { - 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: #333; - background: rgba(0, 0, 0, 0.7); - padding: 12.944px 25.888px; } - 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: 12.944px; } - header.announcement div nav h1 a { - font: italic 800 18px "Open Sans", Helvetica, Arial, sans-serif; - color: #fff; - text-decoration: none; } - header.announcement div nav h1 a:hover, header.announcement div nav h1 a:focus { - color: #999; } - header.announcement div nav a.login { - text-decoration: none; - color: #fff; - font-size: 12px; - font-style: normal; - font-family: "Open Sans", Helvetica, Arial, sans-serif; } - header.announcement div nav a.login:hover, header.announcement div nav a.login:focus { - color: #999; } - header.announcement div section { - background: #993333; - display: -moz-inline-box; - -moz-box-orient: vertical; - display: inline-block; - vertical-align: baseline; - zoom: 1; - *display: inline; - *vertical-align: auto; - margin-left: 34.171%; - padding: 25.888px 38.832px; } - @media screen and (max-width: 780px) { - header.announcement div section { - margin-left: 0; } } - header.announcement div section h1 { - font-family: "Open Sans"; - font-size: 30px; - font-weight: 800; - display: -moz-inline-box; - -moz-box-orient: vertical; - display: inline-block; - vertical-align: baseline; - zoom: 1; - *display: inline; - *vertical-align: auto; - line-height: 1.2em; - margin: 0 25.888px 0 0; } - header.announcement div section h2 { - font-family: "Open Sans"; - font-size: 24px; - font-weight: 400; - display: -moz-inline-box; - -moz-box-orient: vertical; - display: inline-block; - vertical-align: baseline; - zoom: 1; - *display: inline; - *vertical-align: auto; - line-height: 1.2em; } - header.announcement div section.course section { - float: left; - margin-left: 0; - margin-right: 3.817%; - padding: 0; - width: 48.092%; } - @media screen and (max-width: 780px) { - header.announcement div section.course section { - float: none; - width: 100%; - margin-right: 0; } } - 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; - -ms-box-shadow: inset 0 1px 0 #732626, 0 1px 0 #ac3939; - -o-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; } - header.announcement div section.course section a:hover { - background-color: #732626; - border-color: #4d1919; } - header.announcement div section.course p { - width: 48.092%; - line-height: 25.888px; - float: left; } - @media screen and (max-width: 780px) { - header.announcement div section.course p { - float: none; - width: 100%; } } + 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"); } } +header.announcement.course div { + padding: 103.552px 25.888px 51.776px; } +@media screen and (max-width:780px) { + header.announcement.course div { + padding: 64.72px 25.888px 51.776px; } } +header.announcement div { + 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: #333; + background: rgba(0, 0, 0, 0.7); + padding: 12.944px 25.888px; } +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: 12.944px; } +header.announcement div nav h1 a { + font: italic 800 18px "Open Sans", Helvetica, Arial, sans-serif; + color: #fff; + text-decoration: none; } +header.announcement div nav h1 a:hover, header.announcement div nav h1 a:focus { + color: #999; } +header.announcement div nav a.login { + text-decoration: none; + color: #fff; + font-size: 12px; + font-style: normal; + font-family: "Open Sans", Helvetica, Arial, sans-serif; } +header.announcement div nav a.login:hover, header.announcement div nav a.login:focus { + color: #999; } +header.announcement div section { + background: #993333; + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + margin-left: 34.171%; + padding: 25.888px 38.832px; } +@media screen and (max-width: 780px) { + header.announcement div section { + margin-left: 0; } } +header.announcement div section h1 { + font-family: "Open Sans"; + font-size: 30px; + font-weight: 800; + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + line-height: 1.2em; + margin: 0 25.888px 0 0; } +header.announcement div section h2 { + font-family: "Open Sans"; + font-size: 24px; + font-weight: 400; + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + line-height: 1.2em; } +header.announcement div section.course section { + float: left; + margin-left: 0; + margin-right: 3.817%; + padding: 0; + width: 48.092%; } +@media screen and (max-width: 780px) { + header.announcement div section.course section { + float: none; + width: 100%; + margin-right: 0; } } +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; + -ms-box-shadow: inset 0 1px 0 #732626, 0 1px 0 #ac3939; + -o-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; } +header.announcement div section.course section a:hover { + background-color: #732626; + border-color: #4d1919; } +header.announcement div section.course p { + width: 48.092%; + line-height: 25.888px; + float: left; } +@media screen and (max-width: 780px) { + header.announcement div section.course p { + float: none; + width: 100%; } } 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; } +@media screen and (max-width: 780px) { 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; } - @media screen and (max-width: 780px) { - footer div.footer-wrapper { - background-position: left bottom; - padding-bottom: 77.664px; } } - 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; } - @media screen and (max-width: 780px) { - footer div.footer-wrapper ul { - margin-top: 25.888px; } } - 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; - margin-bottom: 0; } - footer div.footer-wrapper ul li:after { - content: ' |'; - display: inline; - color: #ccc; } - footer div.footer-wrapper ul li:last-child:after { - content: none; } - footer div.footer-wrapper ul.social { - float: right; - margin-right: 60px; - position: relative; - top: -5px; } - @media screen and (max-width: 780px) { - footer div.footer-wrapper ul.social { - float: none; } } - footer div.footer-wrapper ul.social li { - float: left; - margin-right: 12.944px; } - footer div.footer-wrapper ul.social li:after { - content: none; - display: none; } - footer div.footer-wrapper ul.social li a { - display: block; - height: 29px; - width: 28px; - text-indent: -9999px; } - footer div.footer-wrapper ul.social li a:hover { - opacity: .8; } - footer div.footer-wrapper ul.social li.twitter a { - background: url("/static/images/marketing/twitter.png") 0 0 no-repeat; } - footer div.footer-wrapper ul.social li.facebook a { - background: url("/static/images/marketing/facebook.png") 0 0 no-repeat; } - footer div.footer-wrapper ul.social li.linkedin a { - background: url("/static/images/marketing/linkedin.png") 0 0 no-repeat; } + background-position: left bottom; + padding-bottom: 77.664px; } } +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; } +@media screen and (max-width: 780px) { + footer div.footer-wrapper ul { + margin-top: 25.888px; } } +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; + margin-bottom: 0; } +footer div.footer-wrapper ul li:after { + content: ' |'; + display: inline; + color: #ccc; } +footer div.footer-wrapper ul li:last-child:after { + content: none; } +footer div.footer-wrapper ul.social { + float: right; + margin-right: 60px; + position: relative; + top: -5px; } +@media screen and (max-width: 780px) { + footer div.footer-wrapper ul.social { + float: none; } } +footer div.footer-wrapper ul.social li { + float: left; + margin-right: 12.944px; } +footer div.footer-wrapper ul.social li:after { + content: none; + display: none; } +footer div.footer-wrapper ul.social li a { + display: block; + height: 29px; + width: 28px; + text-indent: -9999px; } +footer div.footer-wrapper ul.social li a:hover { + opacity: .8; } +footer div.footer-wrapper ul.social li.twitter a { + background: url("/static/images/marketing/twitter.png") 0 0 no-repeat; } +footer div.footer-wrapper ul.social li.facebook a { + background: url("/static/images/marketing/facebook.png") 0 0 no-repeat; } +footer div.footer-wrapper ul.social li.linkedin a { + background: url("/static/images/marketing/linkedin.png") 0 0 no-repeat; } section.index-content section { float: left; } - @media screen and (max-width: 780px) { - section.index-content section { - float: none; - width: auto; - margin-right: 0; } } - section.index-content section h1 { - font-size: 800 24px "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; } +@media screen and (max-width: 780px) { + section.index-content section { + float: none; + width: auto; + margin-right: 0; } } +section.index-content section h1 { + font-size: 800 24px "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 { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + border-right: 1px solid #e5e5e5; + margin-right: 2.513%; + padding-right: 1.256%; + width: 65.829%; } +@media screen and (max-width: 780px) { section.index-content section.about { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - -o-box-sizing: border-box; - box-sizing: border-box; - border-right: 1px solid #e5e5e5; - margin-right: 2.513%; - padding-right: 1.256%; - width: 65.829%; } - @media screen and (max-width: 780px) { - section.index-content section.about { - width: 100%; - border-right: 0; - margin-right: 0; - padding-right: 0; } } - section.index-content section.about section { - margin-bottom: 25.888px; } - section.index-content section.about section p { - width: 48.092%; - float: left; } - @media screen and (max-width: 780px) { - section.index-content section.about section p { - float: none; - width: auto; } } - section.index-content section.about section p:nth-child(odd) { - margin-right: 3.817%; } - @media screen and (max-width: 780px) { - section.index-content section.about section p:nth-child(odd) { - margin-right: 0; } } - section.index-content section.about section.intro section { - margin-bottom: 0; } - section.index-content section.about section.intro section.intro-text { - margin-right: 3.817%; - width: 48.092%; } - @media screen and (max-width: 780px) { - section.index-content section.about section.intro section.intro-text { - margin-right: 0; - width: auto; } } - section.index-content section.about section.intro section.intro-text p { - margin-right: 0; - width: auto; - float: none; } - section.index-content section.about section.intro section.intro-video { - width: 48.092%; } - @media screen and (max-width: 780px) { - section.index-content section.about section.intro section.intro-video { - width: auto; } } - section.index-content section.about section.intro section.intro-video a { - display: block; - width: 100%; } - section.index-content section.about section.intro section.intro-video a img { - width: 100%; } - section.index-content section.about section.intro section.intro-video a span { - display: none; } - 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: #888; - margin-bottom: 25.888px; - font-weight: normal; - font-size: 14px; } - section.index-content section.about section.features h2 span { - text-transform: none; } - section.index-content section.about section.features p { - width: auto; - clear: both; } - 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: #993333; - 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: #602020; } - 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; } - @media screen and (max-width: 780px) { - section.index-content section.about section.features ul li { - width: auto; - float: none; } } - section.index-content section.about section.features ul li:nth-child(odd) { - margin-right: 3.817%; } - @media screen and (max-width: 780px) { - section.index-content section.about section.features ul li:nth-child(odd) { - margin-right: 0; } } + width: 100%; + border-right: 0; + margin-right: 0; + padding-right: 0; } } +section.index-content section.about section { + margin-bottom: 25.888px; } +section.index-content section.about section p { + width: 48.092%; + float: left; } +@media screen and (max-width: 780px) { + section.index-content section.about section p { + float: none; + width: auto; } } +section.index-content section.about section p:nth-child(odd) { + margin-right: 3.817%; } +@media screen and (max-width: 780px) { + section.index-content section.about section p:nth-child(odd) { + margin-right: 0; } } +section.index-content section.about section.intro section { + margin-bottom: 0; } +section.index-content section.about section.intro section.intro-text { + margin-right: 3.817%; + width: 48.092%; } +@media screen and (max-width: 780px) { + section.index-content section.about section.intro section.intro-text { + margin-right: 0; + width: auto; } } +section.index-content section.about section.intro section.intro-text p { + margin-right: 0; + width: auto; + float: none; } +section.index-content section.about section.intro section.intro-video { + width: 48.092%; } +@media screen and (max-width: 780px) { + section.index-content section.about section.intro section.intro-video { + width: auto; } } +section.index-content section.about section.intro section.intro-video a { + display: block; + width: 100%; } +section.index-content section.about section.intro section.intro-video a img { + width: 100%; } +section.index-content section.about section.intro section.intro-video a span { + display: none; } +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: #888; + margin-bottom: 25.888px; + font-weight: normal; + font-size: 14px; } +section.index-content section.about section.features h2 span { + text-transform: none; } +section.index-content section.about section.features p { + width: auto; + clear: both; } +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: #993333; + 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: #602020; } +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; } +@media screen and (max-width: 780px) { + section.index-content section.about section.features ul li { + width: auto; + float: none; } } +section.index-content section.about section.features ul li:nth-child(odd) { + margin-right: 3.817%; } +@media screen and (max-width: 780px) { + section.index-content section.about section.features ul li:nth-child(odd) { + margin-right: 0; } } +section.index-content section.course, section.index-content section.staff { + width: 31.658%; } +@media screen and (max-width: 780px) { section.index-content section.course, section.index-content section.staff { - width: 31.658%; } - @media screen and (max-width: 780px) { - section.index-content section.course, section.index-content section.staff { - width: auto; } } - section.index-content section.course h1, section.index-content section.staff h1 { - color: #888; - font: normal 16px Georgia, serif; - font-size: 14px; - letter-spacing: 1px; - margin-bottom: 25.888px; - text-transform: uppercase; } - 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 a span.arrow, section.index-content section.staff a span.arrow { - color: rgba(255, 255, 255, 0.6); - font-style: normal; - display: -moz-inline-box; - -moz-box-orient: vertical; - display: inline-block; - vertical-align: baseline; - zoom: 1; - *display: inline; - *vertical-align: auto; - padding-left: 10px; } - section.index-content section.course ul, section.index-content section.staff ul { - list-style: none; } - section.index-content section.course ul li img, section.index-content section.staff ul li img { - float: left; - margin-right: 12.944px; } + width: auto; } } +section.index-content section.course h1, section.index-content section.staff h1 { + color: #888; + font: normal 16px Georgia, serif; + font-size: 14px; + letter-spacing: 1px; + margin-bottom: 25.888px; + text-transform: uppercase; } +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 a span.arrow, section.index-content section.staff a span.arrow { + color: rgba(255, 255, 255, 0.6); + font-style: normal; + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + padding-left: 10px; } +section.index-content section.course ul, section.index-content section.staff ul { + list-style: none; } +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) and (min-width: 781px) { + section.index-content section.course h2 { + background: url("/static/images/marketing/circuits-medium-bg.jpg") 0 0 no-repeat; } } +@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; - -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) and (min-width: 781px) { - section.index-content section.course h2 { - background: url("/static/images/marketing/circuits-medium-bg.jpg") 0 0 no-repeat; } } - @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) { - section.index-content section.course h2 { - padding-top: 207.104px; } } + background: url("/static/images/marketing/circuits-bg.jpg") 0 0 no-repeat; } } +@media screen and (min-width: 500px) and (max-width: 781px) { + section.index-content section.course h2 { + padding-top: 207.104px; } } +section.index-content section.about-course { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + border-right: 1px solid #e5e5e5; + margin-right: 2.513%; + padding-right: 1.256%; + width: 65.829%; } +@media screen and (max-width: 780px) { section.index-content section.about-course { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - -o-box-sizing: border-box; - box-sizing: border-box; - border-right: 1px solid #e5e5e5; - margin-right: 2.513%; - padding-right: 1.256%; - width: 65.829%; } - @media screen and (max-width: 780px) { - section.index-content section.about-course { - width: auto; - border-right: 0; - margin-right: 0; - padding-right: 0; } } - section.index-content section.about-course section { - width: 48.092%; } - @media screen and (max-width: 780px) { - section.index-content section.about-course section { - width: auto; } } - section.index-content section.about-course section.about-info { - margin-right: 3.817%; } - @media screen and (max-width: 780px) { - section.index-content section.about-course section.about-info { - margin-right: 0; } } - section.index-content section.about-course section.requirements { - clear: both; - width: 100%; - 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%; } - @media screen and (max-width: 780px) { - section.index-content section.about-course section.requirements p { - margin-right: 0; - float: none; - width: auto; } } - 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%; - text-align: center; } - 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; } - section.index-content section.staff h1 { - margin-top: 25.888px; } + width: auto; + border-right: 0; + margin-right: 0; + padding-right: 0; } } +section.index-content section.about-course section { + width: 48.092%; } +@media screen and (max-width: 780px) { + section.index-content section.about-course section { + width: auto; } } +section.index-content section.about-course section.about-info { + margin-right: 3.817%; } +@media screen and (max-width: 780px) { + section.index-content section.about-course section.about-info { + margin-right: 0; } } +section.index-content section.about-course section.requirements { + clear: both; + width: 100%; + 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%; } +@media screen and (max-width: 780px) { + section.index-content section.about-course section.requirements p { + margin-right: 0; + float: none; + width: auto; } } +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%; + text-align: center; } +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; } +section.index-content section.staff h1 { + margin-top: 25.888px; } #lean_overlay { position: fixed; @@ -784,167 +771,167 @@ div.leanModal_box { box-sizing: border-box; display: none; padding: 51.776px; } - div.leanModal_box a.modal_close { - color: #aaa; - display: block; - font-style: normal; - height: 14px; - position: absolute; - right: 12px; - top: 12px; - width: 14px; - z-index: 2; } - div.leanModal_box a.modal_close:hover { - text-decoration: none; - color: #993333; } - div.leanModal_box h1 { - border-bottom: 1px solid #eee; - font-size: 24px; - margin-bottom: 25.888px; - margin-top: 0; - padding-bottom: 25.888px; - text-align: left; } - div.leanModal_box#enroll { - max-width: 600px; } - div.leanModal_box#enroll ol { - padding-top: 25.888px; } - div.leanModal_box#enroll ol li.terms, div.leanModal_box#enroll ol li.honor-code { - width: auto; - float: none; } - div.leanModal_box#enroll ol li div.tip { - display: none; } - div.leanModal_box#enroll ol li:hover div.tip { - background: #333; - color: #fff; - display: block; - font-size: 16px; - line-height: 25.888px; - margin: 0 0 0 -10px; - padding: 10px; - position: absolute; - -webkit-font-smoothing: antialiased; - width: 500px; } - div.leanModal_box form { - text-align: left; } - div.leanModal_box form div#enroll_error, div.leanModal_box form div#login_error, div.leanModal_box form div#pwd_error { - background-color: #333333; - border: black; - color: #fff; - font-family: "Open sans"; - font-weight: bold; - letter-spacing: 1px; - margin: -25.888px -25.888px 25.888px; - padding: 12.944px; - text-shadow: 0 1px 0 #1a1a1a; - -webkit-font-smoothing: antialiased; } - div.leanModal_box form div#enroll_error:empty, div.leanModal_box form div#login_error:empty, div.leanModal_box form div#pwd_error:empty { - padding: 0; } - div.leanModal_box form ol { - list-style: none; - margin-bottom: 25.888px; } - div.leanModal_box form ol li { - margin-bottom: 12.944px; } - div.leanModal_box form ol li.terms, div.leanModal_box form ol li.remember { - border-top: 1px solid #eee; - clear: both; - float: none; - padding-top: 25.888px; - width: auto; } - div.leanModal_box form ol li.honor-code { - width: auto; - float: none; } - div.leanModal_box form ol li label { - display: block; - font-weight: bold; } - 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 { - 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.leanModal_box form ol li input[type="checkbox"] { - margin-right: 10px; } - div.leanModal_box form ol li ul { - list-style: disc outside none; - margin: 12.944px 0 25.888px 25.888px; } - div.leanModal_box form ol li ul li { - color: #666; - float: none; - font-size: 14px; - list-style: disc outside none; - margin-bottom: 12.944px; } - div.leanModal_box form input[type="button"], div.leanModal_box form input[type="submit"] { - 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; - font-size: 18px; - padding: 12.944px; } - 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; - -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); } - 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; - -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; } +div.leanModal_box a.modal_close { + color: #aaa; + display: block; + font-style: normal; + height: 14px; + position: absolute; + right: 12px; + top: 12px; + width: 14px; + z-index: 2; } +div.leanModal_box a.modal_close:hover { + text-decoration: none; + color: #993333; } +div.leanModal_box h1 { + border-bottom: 1px solid #eee; + font-size: 24px; + margin-bottom: 25.888px; + margin-top: 0; + padding-bottom: 25.888px; + text-align: left; } +div.leanModal_box#enroll { + max-width: 600px; } +div.leanModal_box#enroll ol { + padding-top: 25.888px; } +div.leanModal_box#enroll ol li.terms, div.leanModal_box#enroll ol li.honor-code { + width: auto; + float: none; } +div.leanModal_box#enroll ol li div.tip { + display: none; } +div.leanModal_box#enroll ol li:hover div.tip { + background: #333; + color: #fff; + display: block; + font-size: 16px; + line-height: 25.888px; + margin: 0 0 0 -10px; + padding: 10px; + position: absolute; + -webkit-font-smoothing: antialiased; + width: 500px; } +div.leanModal_box form { + text-align: left; } +div.leanModal_box form div#enroll_error, div.leanModal_box form div#login_error, div.leanModal_box form div#pwd_error { + background-color: #333333; + border: black; + color: #fff; + font-family: "Open sans"; + font-weight: bold; + letter-spacing: 1px; + margin: -25.888px -25.888px 25.888px; + padding: 12.944px; + text-shadow: 0 1px 0 #1a1a1a; + -webkit-font-smoothing: antialiased; } +div.leanModal_box form div#enroll_error:empty, div.leanModal_box form div#login_error:empty, div.leanModal_box form div#pwd_error:empty { + padding: 0; } +div.leanModal_box form ol { + list-style: none; + margin-bottom: 25.888px; } +div.leanModal_box form ol li { + margin-bottom: 12.944px; } +div.leanModal_box form ol li.terms, div.leanModal_box form ol li.remember { + border-top: 1px solid #eee; + clear: both; + float: none; + padding-top: 25.888px; + width: auto; } +div.leanModal_box form ol li.honor-code { + width: auto; + float: none; } +div.leanModal_box form ol li label { + display: block; + font-weight: bold; } +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 { + 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.leanModal_box form ol li input[type="checkbox"] { + margin-right: 10px; } +div.leanModal_box form ol li ul { + list-style: disc outside none; + margin: 12.944px 0 25.888px 25.888px; } +div.leanModal_box form ol li ul li { + color: #666; + float: none; + font-size: 14px; + list-style: disc outside none; + margin-bottom: 12.944px; } +div.leanModal_box form input[type="button"], div.leanModal_box form input[type="submit"] { + 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; + font-size: 18px; + padding: 12.944px; } +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; + -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); } +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; + -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; } div#login { min-width: 400px; } - div#login header { - border-bottom: 1px solid #ddd; - margin-bottom: 25.888px; - padding-bottom: 25.888px; } - div#login header h1 { - border-bottom: 0; - padding-bottom: 0; - margin-bottom: 6.472px; } - div#login ol li { - width: auto; - float: none; } +div#login header { + border-bottom: 1px solid #ddd; + margin-bottom: 25.888px; + padding-bottom: 25.888px; } +div#login header h1 { + border-bottom: 0; + padding-bottom: 0; + margin-bottom: 6.472px; } +div#login ol li { + width: auto; + float: none; } div.lost-password { text-align: left; margin-top: 25.888px; } - div.lost-password a { - color: #999; } - div.lost-password a:hover { - color: #444; } +div.lost-password a { + color: #999; } +div.lost-password a:hover { + color: #444; } div#pwd_reset p { margin-bottom: 25.888px; } @@ -954,42 +941,42 @@ div#pwd_reset input[type="email"] { div#feedback_div form ol li { float: none; width: 100%; } - div#feedback_div form ol li textarea#feedback_message { - height: 100px; } +div#feedback_div form ol li textarea#feedback_message { + height: 100px; } div#calculator_div { max-width: 500px; } - div#calculator_div form { - padding-bottom: 25.888px; - margin-bottom: 25.888px; - border-bottom: 1px solid #ddd; } - div#calculator_div form input#calculator_input { - width: 400px; } - div#calculator_div form input#calculator_button { - background: 0; - color: #993333; - border: 0; - -webkit-box-shadow: none; - -moz-box-shadow: none; - -ms-box-shadow: none; - -o-box-shadow: none; - box-shadow: none; - padding: 0; - text-shadow: none; } - div#calculator_div form input#calculator_button:hover { - color: #333; } - div#calculator_div form input#calculator_output { - border: 0; - background: none; - padding: 9.061px; - font-size: 24px; - width: 378px; - font-weight: bold; - margin-top: 4px; } - div#calculator_div dl dt { - float: left; - clear: both; - padding-right: 12.944px; - font-weight: bold; } - div#calculator_div dl dd { - float: left; } +div#calculator_div form { + padding-bottom: 25.888px; + margin-bottom: 25.888px; + border-bottom: 1px solid #ddd; } +div#calculator_div form input#calculator_input { + width: 400px; } +div#calculator_div form input#calculator_button { + background: 0; + color: #993333; + border: 0; + -webkit-box-shadow: none; + -moz-box-shadow: none; + -ms-box-shadow: none; + -o-box-shadow: none; + box-shadow: none; + padding: 0; + text-shadow: none; } +div#calculator_div form input#calculator_button:hover { + color: #333; } +div#calculator_div form input#calculator_output { + border: 0; + background: none; + padding: 9.061px; + font-size: 24px; + width: 378px; + font-weight: bold; + margin-top: 4px; } +div#calculator_div dl dt { + float: left; + clear: both; + padding-right: 12.944px; + font-weight: bold; } +div#calculator_div dl dd { + float: left; } diff --git a/images/marketing/facebook.png b/images/marketing/facebook.png index 0d644f5367..d7bca9b628 100644 Binary files a/images/marketing/facebook.png and b/images/marketing/facebook.png differ diff --git a/images/marketing/linkedin.png b/images/marketing/linkedin.png index 3220a9c54c..7658bb3139 100644 Binary files a/images/marketing/linkedin.png and b/images/marketing/linkedin.png differ diff --git a/images/marketing/twitter.png b/images/marketing/twitter.png index 92137199d3..3747bdce73 100644 Binary files a/images/marketing/twitter.png and b/images/marketing/twitter.png differ diff --git a/js/video_player.js b/js/video_player.js index 73a727a14c..507596f8a6 100644 --- a/js/video_player.js +++ b/js/video_player.js @@ -141,12 +141,17 @@ function format_time(t) hours = Math.floor(minutes / 60); seconds = seconds % 60; minutes = minutes % 60; - return hours+":"+((minutes < 10)?"0":"")+minutes+":"+((seconds < 10)?"0":"")+(seconds%60); + + if (hours) { + return hours+":"+((minutes < 10)?"0":"")+minutes+":"+((seconds < 10)?"0":"")+(seconds%60); + } else { + return minutes+":"+((seconds < 10)?"0":"")+(seconds%60); + } } function update_captions(t) { var i=caption_index(t); - $("#vidtime").html(format_time(ytplayer.getCurrentTime())+'/'+format_time(ytplayer.getDuration())); + $("#vidtime").html(format_time(ytplayer.getCurrentTime())+' / '+format_time(ytplayer.getDuration())); var j; for(j=1; j<9; j++) { $("#std_n"+j).html(caption_at(i-j)); @@ -198,7 +203,7 @@ function onYouTubePlayerAPIReady() { } }); updateytplayerInfoInterval = setInterval(updateHTML5ytplayerInfo, 200); - ajax_videoInterval = setInterval(ajax_video, 5000); + //ajax_videoInterval = setInterval(ajax_video, 5000); } // Need this function to call the API ready callback when we switch to a tab with AJAX that has a video @@ -209,9 +214,26 @@ function loadHTML5Video() { } } +function isiOSDevice(){ + var iphone = "iphone"; + var ipod = "ipod"; + var ipad = "ipad"; + var uagent = navigator.userAgent.toLowerCase(); + + //alert(uagent); + if (uagent.search(ipad) > -1 || uagent.search(iphone) > -1 + || uagent.search(ipod) > -1) { + return true; + } + return false; +} + function onPlayerReady(event) { - // alert("ready"); - event.target.playVideo(); + //do not want to autoplay on iOS devices since its not enabled + //and leads to confusing behavior for the user + if (!isiOSDevice()) { + event.target.playVideo(); + } } function onPlayerStateChange(event) {