diff --git a/lms/static/sass/_about.scss b/lms/static/sass/_about.scss index 96b0f4e994..d977986bae 100644 --- a/lms/static/sass/_about.scss +++ b/lms/static/sass/_about.scss @@ -15,7 +15,8 @@ a { border-bottom: 3px solid transparent; color: $lighter-base-font-color; - font: italic 1.2rem/1.4rem $serif; + font-family: $serif; + font-style: italic; @include inline-block; letter-spacing: 1px; margin: 0px 15px; @@ -26,6 +27,7 @@ &:hover, &.active { border-color: rgb(200,200,200); color: $base-font-color; + text-decoration: none; } } } @@ -97,12 +99,12 @@ display: block; letter-spacing: 1px; margin: 0px -20px; - padding: 10px 0px 10px 20px; + padding: 12px 0px 12px 20px; text-align: left; - text-transform: uppercase; &:hover { background: rgb(245,245,245); + text-decoration: none; } } } @@ -130,7 +132,7 @@ h3 { font-family: $sans-serif; - font-weight: bold; + font-weight: 700; margin-bottom: 15px; } } @@ -193,16 +195,16 @@ width: flex-grid(10); header { - margin-bottom: 15px; + margin-bottom: 10px; h3 { font-family: $sans-serif; - font-weight: bold; + font-weight: 700; + margin-bottom: 5px; } span.post-date { color: $lighter-base-font-color; - font: 300 italic 1.2rem/1.6rem $sans-serif; margin-right: 10px; } } diff --git a/lms/static/sass/_base.scss b/lms/static/sass/_base.scss index 3f230ae753..02d560735e 100644 --- a/lms/static/sass/_base.scss +++ b/lms/static/sass/_base.scss @@ -13,21 +13,24 @@ $lighter-base-font-color: rgb(160,160,160); $blue: rgb(29,157,217); $pink: rgb(182,37,104); +$yellow: rgb(255, 252, 221); html, body { background: rgb(250,250,250); - font-size: 75%; + font-family: $sans-serif; + font-size: 1em; + line-height: 1em; } h1, h2, h3, h4, h5, h6 { color: $base-font-color; - font: normal 1.4rem/2rem $serif; + font: normal 1.2em/1.2em $serif; margin: 0px; } h1 { color: $base-font-color; - font: 300 2.4rem/3rem $sans-serif; + font: normal 2em/1.4em $sans-serif; letter-spacing: 1px; margin-bottom: 30px; text-align: center; @@ -36,7 +39,7 @@ h1 { h2 { color: $lighter-base-font-color; - font: normal 1.4rem/2rem $serif; + font: normal 1.2em/1.2em $serif; letter-spacing: 1px; margin-bottom: 15px; text-transform: uppercase; @@ -49,10 +52,14 @@ p + h2, ul + h2, ol + h2 { p { color: $base-font-color; - font: normal 1.3rem/2rem $serif; + font: normal 1em/1.6em $serif; margin: 0px; } +span { + font: normal 1em/1.6em $sans-serif; +} + p + p, ul + p, ol + p { margin-top: 20px; } @@ -60,7 +67,7 @@ p + p, ul + p, ol + p { p { a:link, a:visited { color: $blue; - font: normal 1.3rem/2rem $serif; + font: normal 1em/1em $serif; text-decoration: none; @include transition(all, 0.1s, linear); @@ -73,15 +80,16 @@ p { a:link, a:visited { color: $blue; - font: normal 1.2rem/2rem $sans-serif; + font: normal 1em/1em $sans-serif; text-decoration: none; @include transition(all, 0.1s, linear); &:hover { - color: $base-font-color; + text-decoration: underline; } } + .content-wrapper { background: rgb(255,255,255); margin: 0 auto 0; @@ -112,7 +120,7 @@ a:link, a:visited { li { color: $base-font-color; - font: normal 1.3rem/2rem $serif; + font: normal 1em/1.4em $serif; margin: 0px; } } diff --git a/lms/static/sass/_base_animations.scss b/lms/static/sass/_base_animations.scss index e3bc4dd670..0c95e6b5af 100644 --- a/lms/static/sass/_base_animations.scss +++ b/lms/static/sass/_base_animations.scss @@ -2,19 +2,21 @@ //************************************************************************// .animation-home-header-pop-up { - @include animation(home-header-pop-up 1.25s ease-in-out); + @include animation(home-header-pop-up 1.15s ease-in-out); @include animation-fill-mode(both); @include animation-delay(1s); } @mixin home-header-pop-up-keyframes { 0% { - //opacity: 0; + opacity: 0; top: 300px; //@include transform(scale(0.9)); } + 45% { + opacity: 1; + } 65% { - //opacity: 1; top: -40px; //@include transform(scale(1)); } diff --git a/lms/static/sass/_course_info.scss b/lms/static/sass/_course_info.scss index bb8f2efec2..5da2355f4c 100644 --- a/lms/static/sass/_course_info.scss +++ b/lms/static/sass/_course_info.scss @@ -16,20 +16,6 @@ position: relative; width: 100%; - &::before { - @include background-image(radial-gradient(50% 50%, ellipse closest-side, rgba(#fff, 1), rgba(#fff, 0))); - //content: ""; - display: block; - height: 200%; - left: 50%; - margin-left: -(flex-grid(5)); - margin-top: -100%; - position: absolute; - top: 50%; - width: flex-grid(10); - z-index: 1; - } - .intro-inner-wrapper { background: rgba(255,255,255, 0.9); border: 1px solid rgb(100,100,100); @@ -56,22 +42,16 @@ border-bottom: 1px solid rgb(210,210,210); @include box-shadow(0 1px 0 0 rgba(255,255,255, 0.6)); margin-bottom: 30px; - padding-bottom: 20px; + padding-bottom: 15px; width: 100%; h1 { color: $base-font-color; - font: 600 2.8rem/3.2rem $sans-serif; + font-weight: 700; @include inline-block; margin: 0 10px 0 0; letter-spacing: 0px; text-shadow: 0 1px rgba(255,255,255, 0.6); - - span { - color: $lighter-base-font-color; - display: none; - font: 300 1.2rem/3rem $sans-serif; - } } h2 { @@ -80,7 +60,7 @@ a { color: $lighter-base-font-color; - font: italic 800 1.4rem/1.6rem $sans-serif; + font: italic 800 1em/1em $sans-serif; letter-spacing: 0px; text-shadow: 0 1px rgba(255,255,255, 0.6); text-transform: none; @@ -92,29 +72,91 @@ } } - .course-dates { - display: none; - margin-bottom: 20px; + .main-cta { + @include clearfix; + float: left; + margin-right: flex-gutter(); + @include transition(all, 0.15s, linear); + width: flex-grid(6); - p { - color: $lighter-base-font-color; + > a.find-courses, a.register { + @include button(shiny, $blue); + @include box-sizing(border-box); + @include border-radius(3px); + display: block; + font: normal 1.2rem/1.6rem $sans-serif; + letter-spacing: 1px; + padding: 10px 0px; + text-transform: uppercase; + text-align: center; + width: flex-grid(12); + + &:hover { + color: rgb(255,255,255); + } + } + } + + .social-sharing { + @include box-sizing(border-box); + float: left; + height: 44px; + position: relative; + text-align: center; + width: flex-grid(6); + + &:hover { + .sharing-message { + opacity: 1; + top: 56px; + } + } + + .sharing-message { + @include background-image(linear-gradient(-90deg, rgba(0,0,0, 0.9) 0%, + rgba(0,0,0, 0.7) 100%)); + border: 1px solid rgba(0,0,0, 0.5); + @include border-radius(4px); + @include box-shadow(0 4px 25px 0 rgba(0,0,0, 0.5)); + @include box-sizing(border-box); + color: rgb(255,255,255); + float: right; + font-family: $serif; + font-size: 0.9em; + font-style: italic; + left: 50%; + margin-left: -110px; + opacity: 0; + padding: 6px 10px; + position: absolute; + text-align: center; + @include transition(all, 0.15s, ease-out); + top: 65px; + width: 220px; + + &:hover { + opacity: 0; + } + } + + .share { + height: 44px; @include inline-block; - font: italic 1.2rem/1.6rem $serif; - margin-top: 0px; - margin-right: 20px; + margin-right: 10px; + opacity: 0.5; + @include transition(all, 0.15s, linear); + width: 44px; - &:last-child { - margin: 0; + &:hover { + opacity: 1; } - > span { - background: rgb(255,255,255); - border: 1px solid rgb(220,220,220); - @include border-radius(4px); - color: $base-font-color; - font: 300 1.2rem/1.6rem $sans-serif; - margin-left: 5px; - padding: 2px 10px; + img { + width: 100%; + } + + &:last-child { + margin-right: 0px; } } } @@ -137,10 +179,10 @@ position: relative; .play-intro { - @include background-image(linear-gradient(-90deg, rgba(255,255,255, 0.6), rgba(255,255,255, 0.4))); + @include background-image(linear-gradient(-90deg, rgba(0,0,0, 0.65), rgba(0,0,0, 0.75))); @include border-radius(4px); - @include box-shadow(0 1px 10px 0 rgba(0,0,0, 0.2)); - border: 1px solid rgba(0,0,0, 0.3); + @include box-shadow(0 1px 12px 0 rgba(0,0,0, 0.4)); + border: 2px solid rgba(255,255,255, 0.8); height: 80px; left: 50%; margin-top: -40px; @@ -150,15 +192,15 @@ width: 80px; &::after { - color: $base-font-color; + color: rgba(255,255,255, 0.8); content: "\25B6"; display: block; - font: normal 3.2rem/3.2rem $sans-serif; + font: normal 2em/1em $sans-serif; left: 50%; - margin-left: -12px; - margin-top: -17px; + margin-left: -11px; + margin-top: -16px; position: absolute; - text-shadow: 0 1px rgba(255,255,255, 0.8); + text-shadow: 0 -1px rgba(0,0,0, 0.8); top: 50%; } } @@ -173,76 +215,12 @@ cursor: pointer; .play-intro { - @include background-image(linear-gradient(-90deg, rgba(255,255,255, 0.7), rgba(255,255,255, 0.5))); - @include box-shadow(0 1px 10px 0 rgba(0,0,0, 0.2)); - border: 1px solid rgba(0,0,0, 0.4); + @include background-image(linear-gradient(-90deg, rgba(0,0,0, 0.75), rgba(0,0,0, 0.8))); + @include box-shadow(0 1px 12px 0 rgba(0,0,0, 0.5)); + border-color: rgba(255,255,255, 0.9); &::after { - color: $pink; - } - } - } - } - - .actions { - @include clearfix; - position: relative; - width: flex-grid(12); - z-index: 2; - - &:hover { - .register-wrapper { - @include box-shadow(0 1px 16px 0 rgba($blue, 0.35)); - } - } - - .register-wrapper { - @include background-image(linear-gradient(-90deg, rgb(245,245,245) 0%, rgb(243,243,243) 50%, rgb(237,237,237) 50%, rgb(235,235,235) 100%)); - @include box-shadow(0 1px 8px 0 rgba(0,0,0, 0.1), inset 0 0 0 1px rgba(255,255,255, 0.9)); - @include border-radius(4px); - float: left; - margin-right: flex-gutter(); - @include transition(all, 0.15s, linear); - width: flex-grid(6); - - a.register { - @include button(shiny, $blue); - @include box-sizing(border-box); - @include border-radius(3px); - display: block; - font: italic 1.2rem/1.6rem $serif; - padding: 10px 0px; - position: relative; - text-transform: uppercase; - text-align: center; - width: flex-grid(12); - z-index: 1; - } - } - - .social-sharing { - float: left; - width: flex-grid(6); - - p { - background: rgb(255,255,255); - @include box-shadow(inset 0 0 3px 0 rgba(0,0,0, 0.15)); - border: 1px solid rgb(210,210,210); - @include border-radius(4px); - padding: 9px 10px; - color: $base-font-color; - font: italic 300 1.2rem/1.6rem $serif; - margin: 0 0 5px 0; - text-align: center; - text-shadow: 0 1px rgba(255,255,255, 0.6); - - &:last-child { - margin: 0; - } - - > span { - font: normal 1.2rem/1.6rem $sans-serif; - margin-right: 5px; + color: rgba(255,255,255, 1); } } } @@ -270,7 +248,6 @@ border-bottom: 3px solid transparent; color: $lighter-base-font-color; @include inline-block; - font: italic 1.2rem/1.6rem $serif; letter-spacing: 1px; margin: 0 15px; padding: 0px 5px 15px; @@ -284,22 +261,10 @@ &:hover, &.active { border-color: rgb(200,200,200); color: $base-font-color; + text-decoration: none; } } } - - h2 { - color: $lighter-base-font-color; - margin-bottom: 20px; - text-transform: uppercase; - } - - h3 { - color: $base-font-color; - font-weight: 300; - font-family: $sans-serif; - margin-bottom: 10px; - } } .details { @@ -310,18 +275,6 @@ .inner-wrapper { > section { margin-bottom: 40px; - - &::after { - @extend .faded-hr-divider; - content: ""; - display: none; - margin-top: 60px; - } - - - p + h2 { - margin-top: 40px; - } } .course-staff { @@ -333,8 +286,7 @@ font-family: $sans-serif; font-weight: 700; margin-bottom: 15px; - letter-spacing: 1px; - text-transform: uppercase; + text-transform: none; } .teacher-image { @@ -377,7 +329,9 @@ a.university-name { border-right: 1px solid rgb(200,200,200); color: $base-font-color; - font: italic 800 1.4rem/1.6rem $sans-serif; + font-family: $sans-serif; + font-style: italic; + font-weight: 800; @include inline-block; letter-spacing: 0px; margin-right: 15px; @@ -387,10 +341,6 @@ color: $lighter-base-font-color; } } - - span { - font: 300 1.2rem/1.6rem $sans-serif; - } } .important-dates { @@ -405,59 +355,22 @@ padding-bottom: 10px; p { + color: $lighter-base-font-color; float: left; - font: 300 1.2rem/1.6rem $sans-serif; + font-family: $sans-serif; } img { background: rgb(230,230,230); float: left; height: 19px; - margin-right: 10px; + margin: 3px 10px 0 0; width: 19px; } span { - font: 700 1.2rem/1.6rem $sans-serif; float: right; - } - } - } - - .course-staff { - display: none; - - .teacher { - margin-bottom: 30px; - - h3 { - color: $base-font-color; - font-family: $sans-serif; font-weight: 700; - margin-bottom: 15px; - letter-spacing: 1px; - text-transform: uppercase; - } - - &::after { - @extend .faded-hr-divider; - content: ""; - display: block; - margin-top: 30px; - } - - &:last-child { - &::after { - display: none; - } - } - - .teacher-image { - background: rgb(255,255,255); - border: 1px solid rgb(200,200,200); - float: left; - margin: 0 15px 15px 0; - padding: 1px; } } } diff --git a/lms/static/sass/_dashboard.scss b/lms/static/sass/_dashboard.scss index e4af5f1bc2..aa64b8b6c5 100644 --- a/lms/static/sass/_dashboard.scss +++ b/lms/static/sass/_dashboard.scss @@ -14,7 +14,7 @@ @include border-radius(4px); @include box-sizing(border-box); color: $base-font-color; - font: bold 1.4rem/1.6rem $sans-serif; + font: 700 1.2em/1.2em $sans-serif; margin: 0px; overflow: hidden; padding: 15px 10px 17px; @@ -44,12 +44,12 @@ p { color: $lighter-base-font-color; - font: 300 1.2rem/1.6rem $sans-serif; + font-family: $sans-serif; text-shadow: 0 1px rgba(255,255,255, 0.8); span { font-weight: 700; - margin-left: 5px; + margin-left: 10px; text-transform: none; } } @@ -66,7 +66,7 @@ > header { border-bottom: 1px solid rgb(210,210,210); - margin-bottom: 40px; + margin-bottom: 30px; } .empty-dashboard-message { @@ -78,7 +78,6 @@ font-style: italic; margin-bottom: 20px; text-shadow: 0 1px rgba(255,255,255, 0.6); - -webkit-font-smoothing: antialiased; } a { @@ -89,7 +88,7 @@ @include box-shadow(0 1px 8px 0 rgba(0,0,0, 0.1)); @include box-sizing(border-box); color: $base-font-color; - font: 300 1.2rem/1.6rem $sans-serif; + font-family: $sans-serif; @include inline-block; letter-spacing: 1px; margin-left: 5px; @@ -98,7 +97,7 @@ &:hover { color: $blue; - //text-decoration: none; + text-decoration: none; } } } @@ -111,7 +110,6 @@ @include box-shadow(0 1px 8px 0 rgba(0,0,0, 0.1), inset 0 -1px 0 0 rgba(255,255,255, 0.8), inset 0 1px 0 0 rgba(255,255,255, 0.8)); @include box-sizing(border-box); @include clearfix; - font-size: 0em; margin-right: flex-gutter(); margin-bottom: 25px; overflow: hidden; @@ -190,17 +188,37 @@ > hgroup { border-bottom: 1px solid rgb(210,210,210); @include box-shadow(0 1px 0 0 rgba(255,255,255, 0.6)); - padding: 15px 0px; + padding: 12px 0px; width: 100%; - h2 { + a.university { + background: rgba(255,255,255, 1); + border: 1px solid rgb(180,180,180); + @include border-radius(3px); + @include box-shadow(inset 0 0 3px 0 rgba(0,0,0, 0.2), 0 1px 0 0 rgba(255,255,255, 0.6)); + color: $lighter-base-font-color; + display: block; + font-style: italic; + font-weight: 800; + @include inline-block; + margin-right: 10px; + padding: 5px 10px; + vertical-align: middle; + + &:hover { + color: $blue; + text-decoration: none; + } + } + + h3 { @include inline-block; margin-bottom: 0px; vertical-align: middle; a { color: $base-font-color; - font: 800 1.6rem/2rem $sans-serif; + font-weight: 700; text-shadow: 0 1px rgba(255,255,255, 0.6); text-overflow: ellipsis; white-space: nowrap; @@ -210,53 +228,26 @@ } } } - - h3 { - @include inline-block; - margin-right: 10px; - vertical-align: middle; - - a { - background: rgba(255,255,255, 1); - border: 1px solid rgb(180,180,180); - @include border-radius(3px); - @include box-shadow(inset 0 0 3px 0 rgba(0,0,0, 0.2), 0 1px 0 0 rgba(255,255,255, 0.6)); - color: $lighter-base-font-color; - display: block; - font: italic 800 1.2rem/1.6rem $sans-serif; - padding: 5px 10px; - - &:hover { - color: $blue; - } - } - } } .course-status { - background: rgb(250,250,250); + background: $yellow; border: 1px solid rgb(200,200,200); @include box-shadow(0 1px 0 0 rgba(255,255,255, 0.6)); - margin-top: 14px; + margin-top: 16px; padding: 5px; p { color: $lighter-base-font-color; - font: italic 300 1.2rem/1.4rem $sans-serif; + font-style: italic; letter-spacing: 1px; text-align: center; - text-transform: uppercase; - - span { - color: $base-font-color; - font: italic 800 1.2rem/1.6rem $sans-serif; - } } } .meta { @include clearfix; - margin-top: 19px; + margin-top: 22px; position: relative; @include transition(opacity, 0.15s, linear); width: 100%; @@ -265,26 +256,23 @@ .course-work-icon { background: rgb(200,200,200); float: left; - font: 300 1.2rem/1.6rem $sans-serif; height: 22px; width: 22px; } .complete { float: right; - padding-top: 2px; p { color: $lighter-base-font-color; - font: italic 1.2rem/1.4rem $serif; + font-style: italic; @include inline-block; text-align: right; text-shadow: 0 1px rgba(255,255,255, 0.6); - -webkit-font-smoothing: antialiased; .completeness { color: $base-font-color; - font: 700 1.2rem/1.4rem $sans-serif; + font-weight: 700; margin-right: 5px; } } @@ -294,7 +282,7 @@ @include box-shadow(0 1px 0 0 rgba(255,255,255, 0.6)); left: 40px; position: absolute; - right: 110px; + right: 130px; .meter { background: rgb(245,245,245); @@ -308,7 +296,7 @@ width: 100%; .meter-fill { - background: rgb(120,120,120); + background: $blue; @include background-image(linear-gradient(-45deg, rgba(255,255,255, 0.15) 25%, transparent 25%, transparent 50%, diff --git a/lms/static/sass/_find_courses.scss b/lms/static/sass/_find_courses.scss index 84423ea3c4..718f596a85 100644 --- a/lms/static/sass/_find_courses.scss +++ b/lms/static/sass/_find_courses.scss @@ -75,7 +75,9 @@ h1 { color: $base-font-color; - font: italic 800 2.4rem/3rem $sans-serif; + font-family: $sans-serif; + font-style: italic; + font-weight: 800; letter-spacing: 0px; text-transform: none; } diff --git a/lms/static/sass/_index.scss b/lms/static/sass/_index.scss index 1eeee7fc25..369570a3f7 100644 --- a/lms/static/sass/_index.scss +++ b/lms/static/sass/_index.scss @@ -74,16 +74,6 @@ text-shadow: 0 1px rgba(255,255,255, 0.6); } - p { - color: $lighter-base-font-color; - display: none; - font-style: italic; - letter-spacing: 2px; - margin-bottom: 30px; - text-shadow: 0 1px rgba(255,255,255, 0.6); - text-transform: lowercase; - } - .main-cta { @include clearfix; float: left; @@ -96,12 +86,11 @@ @include box-sizing(border-box); @include border-radius(3px); display: block; - font: italic 1.4rem/1.6rem $serif; + font: normal 1.2rem/1.6rem $sans-serif; letter-spacing: 1px; - padding: 12px 0px; + padding: 10px 0px; text-transform: uppercase; text-align: center; - -webkit-font-smoothing: antialiased; width: flex-grid(12); &:hover { @@ -121,7 +110,7 @@ &:hover { .sharing-message { opacity: 1; - top: 63px; + top: 56px; } } @@ -134,35 +123,21 @@ @include box-sizing(border-box); color: rgb(255,255,255); float: right; - font: italic 1.2rem/1.6rem $serif; + font-family: $serif; + font-size: 0.9em; + font-style: italic; left: 50%; margin-left: -110px; opacity: 0; - padding: 5px 10px; + padding: 6px 10px; position: absolute; text-align: center; @include transition(all, 0.15s, ease-out); - top: 73px; + top: 65px; width: 220px; - &::before { - background: transparent; - border: { - top: 6px solid rgba(0,0,0, 1); - right: 6px solid rgba(0,0,0, 1); - bottom: 6px solid transparent; - left: 6px solid transparent; - } - @include box-shadow(1px 0 0 0 rgb(0,0,0), 0 -1px 0 0 rgb(0,0,0)); - content: ""; - display: block; - height: 0px; - left: 50%; - margin-left: -7px; - position: absolute; - @include transform(rotate(-45deg)); - top: -6px; - width: 0px; + &:hover { + opacity: 0; } } @@ -206,28 +181,29 @@ position: relative; .play-intro { - @include background-image(linear-gradient(-90deg, rgba(255,255,255, 0.6), rgba(255,255,255, 0.4))); + @include background-image(linear-gradient(-90deg, rgba(0,0,0, 0.65), rgba(0,0,0, 0.75))); @include border-radius(4px); - @include box-shadow(0 1px 10px 0 rgba(0,0,0, 0.2)); - border: 1px solid rgba(0,0,0, 0.3); + @include box-shadow(0 1px 12px 0 rgba(0,0,0, 0.4)); + border: 2px solid rgba(255,255,255, 0.8); height: 80px; left: 50%; margin-top: -40px; margin-left: -40px; position: absolute; top: 50%; + @include transition(all, 0.15s, linear); width: 80px; &::after { - color: $base-font-color; + color: rgba(255,255,255, 0.8); content: "\25B6"; display: block; - font: normal 3.2rem/3.2rem $sans-serif; + font: normal 2em/1em $sans-serif; left: 50%; - margin-left: -12px; - margin-top: -17px; + margin-left: -11px; + margin-top: -16px; position: absolute; - text-shadow: 0 1px rgba(255,255,255, 0.8); + text-shadow: 0 -1px rgba(0,0,0, 0.8); top: 50%; } } @@ -242,12 +218,12 @@ cursor: pointer; .play-intro { - @include background-image(linear-gradient(-90deg, rgba(255,255,255, 0.7), rgba(255,255,255, 0.5))); - @include box-shadow(0 1px 10px 0 rgba(0,0,0, 0.2)); - border: 1px solid rgba(0,0,0, 0.4); + @include background-image(linear-gradient(-90deg, rgba(0,0,0, 0.75), rgba(0,0,0, 0.8))); + @include box-shadow(0 1px 12px 0 rgba(0,0,0, 0.5)); + border-color: rgba(255,255,255, 0.9); &::after { - color: $pink; + color: rgba(255,255,255, 1); } } } @@ -268,24 +244,25 @@ border-top-color: rgb(190,190,190); @include box-shadow(inset 0 0 0 1px rgba(255,255,255, 0.4), 0 0px 12px 0 rgba(0,0,0, 0.2)); color: $lighter-base-font-color; - //display: none; letter-spacing: 1px; margin-bottom: 0px; margin-top: -15px; - padding: 15px 10px; + padding: 10px 10px 8px; text-align: center; text-transform: uppercase; text-shadow: 0 1px rgba(255,255,255, 0.6); .lowercase { color: $lighter-base-font-color; + font-family: inherit; + font-size: inherit; + font-style: inherit; text-transform: none; } } } .university-partners { - //@include background-image(linear-gradient(-90deg, rgb(250,250,250), rgb(240,240,240))); @include background-image(linear-gradient(180deg, rgba(245,245,245, 0) 0%, rgba(245,245,245, 1) 50%, rgba(245,245,245, 0) 100%)); @@ -308,7 +285,6 @@ } .partners { - font-size: 0em; margin: 0 auto; padding: 20px 0px; text-align: center; @@ -372,17 +348,17 @@ } .name { + bottom: -60px; left: 0px; position: absolute; text-align: center; - bottom: -60px; @include transition(all, 0.25s, ease-in-out); width: 100%; z-index: 2; - span { + > span { color: $base-font-color; - font: 800 italic 2rem/2.2rem $sans-serif; + font: 800 italic 1.4em/1.4em $sans-serif; text-shadow: 0 1px rgba(255,255,255, 0.6); @include transition(all, 0.15s, ease-in-out); @@ -418,7 +394,6 @@ } .more-info { - //background: rgb(245,245,245); border: 1px solid rgb(200,200,200); margin-bottom: 80px; width: flex-grid(12); @@ -427,7 +402,6 @@ @include background-image(linear-gradient(-90deg, rgb(250,250,250), rgb(230,230,230))); border-bottom: 1px solid rgb(200,200,200); @include clearfix; - //margin-bottom: 30px; padding: 10px 20px 8px; h2 { @@ -439,7 +413,8 @@ a { color: $lighter-base-font-color; float: right; - font: italic 1.2rem/1.6rem $serif; + font-style: italic; + font-family: $serif; padding-top: 3px; text-shadow: 0 1px rgba(255,255,255, 0.6); @@ -450,23 +425,17 @@ } .news { - //border: 1px solid rgb(200,200,200); @include box-sizing(border-box); padding: 20px; width: flex-grid(12); .blog-posts { @include clearfix; - //border-bottom: 1px solid rgb(220,220,220); - //margin-bottom: 30px; - //padding-bottom: 30px; > article { - //background: rgb(250,250,250); border: 1px dotted transparent; border-color: rgb(220,220,220); @include box-sizing(border-box); - //@include box-shadow(0 1px 10px 0 rgba(0,0,0, 0.1)); @include clearfix; float: left; margin-right: flex-gutter(); @@ -487,6 +456,7 @@ .post-graphics { border: 1px solid rgb(190,190,190); @include box-sizing(border-box); + display: block; float: left; height: 65px; margin-right: flex-gutter(); @@ -505,24 +475,18 @@ width: flex-grid(8); vertical-align: top; - h3 { - font: 700 1.2rem/1.6rem $sans-serif; - margin-bottom: 5px; + a { + color: $base-font-color; + font: 700 1em/1.2em $sans-serif; - a { - color: $base-font-color; - font: 700 1.2rem/1.6rem $sans-serif; - - &:hover { - color: $blue; - text-decoration: underline; - } + &:hover { + color: $blue; + text-decoration: underline; } } .post-date { color: $lighter-base-font-color; - font: italic 300 1.2rem/1.6rem $sans-serif; letter-spacing: 1px; } } diff --git a/lms/static/sass/_jobs.scss b/lms/static/sass/_jobs.scss index c9ec063993..f19d12abf3 100644 --- a/lms/static/sass/_jobs.scss +++ b/lms/static/sass/_jobs.scss @@ -34,7 +34,6 @@ width: flex-grid(12); > h2 { - //border-bottom: 1px solid rgb(220,220,220); display: none; margin-bottom: 60px; padding-bottom: 20px; @@ -50,30 +49,16 @@ nav { margin-bottom: 40px; - ol { - @include clearfix; + a { + display: block; + letter-spacing: 1px; + margin: 0px -20px; + padding: 12px 0px 12px 20px; + text-align: left; - li { - float: left; - margin-right: flex-gutter(); - width: flex-grid(12); - - &:nth-child(4n) { - margin-right: 0px; - } - - a { - display: block; - letter-spacing: 1px; - margin: 0px -20px; - padding: 10px 0 10px 20px; - position: relative; - text-transform: uppercase; - - &:hover { - background: rgb(245,245,245); - } - } + &:hover { + background: rgb(245,245,245); + text-decoration: none; } } } @@ -106,7 +91,7 @@ h3 { font-family: $sans-serif; - font-weight: bold; + font-weight: 700; margin-bottom: 15px; } } diff --git a/lms/static/sass/_shared_course_filter.scss b/lms/static/sass/_shared_course_filter.scss index afcdd217e2..ff283b1e86 100644 --- a/lms/static/sass/_shared_course_filter.scss +++ b/lms/static/sass/_shared_course_filter.scss @@ -34,11 +34,10 @@ @include box-sizing(border-box); @include box-shadow(0 1px 0 0 rgba(255,255,255, 0.4), inset 0 1px 0 0 rgba(255,255,255, 0.6)); border: 1px solid rgb(200,200,200); - color: $lighter-base-font-color; + color: $base-font-color; cursor: pointer; - font: normal 1.2rem/1.8rem $sans-serif; height: 36px; - padding: 6px; + padding: 9px; position: relative; text-align: center; text-shadow: 0 1px rgba(255,255,255, 0.8); @@ -51,7 +50,7 @@ @include border-radius(0px 4px 4px 4px); border: 1px solid rgb(200,200,200); @include box-shadow(0 2px 15px 0 rgba(0,0,0, 0.2)); - padding: 10px; + padding: 20px 0px 5px 20px; position: absolute; visibility: hidden; width: 200px; @@ -59,9 +58,7 @@ li { list-style: none; - - a { - } + margin-bottom: 15px; } } @@ -70,7 +67,7 @@ background: rgb(255,255,255); @include background-image(linear-gradient(-90deg, rgb(250,250,250), rgb(255,255,255))); @include border-radius(4px 4px 0px 0px); - border-bottom: none; + border-bottom: 1px dotted rgb(200,200,200); @include box-shadow(0 2px 0 -1px rgb(255,255,255)); color: $base-font-color; height: 40px; @@ -87,13 +84,16 @@ input[type="text"] { @include border-radius(3px 0px 0px 3px); + float: left; height: 36px; width: 200px; } input[type="submit"] { @include border-radius(0px 3px 3px 0px); + float: left; height: 36px; + padding: 2px 20px; } } } diff --git a/lms/static/sass/_shared_footer.scss b/lms/static/sass/_shared_footer.scss index a78dd86453..07799f628f 100644 --- a/lms/static/sass/_shared_footer.scss +++ b/lms/static/sass/_shared_footer.scss @@ -28,8 +28,6 @@ footer { text-align: left; a { - color: $lighter-base-font-color; - font: 300 1.2rem/1.6rem $sans-serif; letter-spacing: 1px; margin-right: 20px; } @@ -71,16 +69,16 @@ footer { p { color: $lighter-base-font-color; - font: italic 1.2rem/1.6rem $serif; + font-style: italic; @include inline-block; margin: 0 auto; - padding-top: 4px; + padding-top: 1px; text-align: center; vertical-align: middle; a { color: $lighter-base-font-color; - font: italic 1.2rem/1.6rem $serif; + font-style: italic; margin-left: 5px; } } @@ -88,7 +86,6 @@ footer { ol { float: right; - font-size: 0em; li { @include inline-block; @@ -110,7 +107,6 @@ footer { a:link, a:visited { color: $lighter-base-font-color; - font: 300 1.2rem/1.6rem $sans-serif; letter-spacing: 1px; padding: 6px 0px; } @@ -120,15 +116,13 @@ footer { margin: 0 0 0 5px; padding: 0; - &::after { - display: none; - } - a { + opacity: 0.7; padding: 0 0 0 10px; @include transition(all, 0.1s, linear); + &:hover { - opacity: 0.7; + opacity: 1; } } } diff --git a/lms/static/sass/_shared_forms.scss b/lms/static/sass/_shared_forms.scss index 41bf8841b4..cd237666d8 100644 --- a/lms/static/sass/_shared_forms.scss +++ b/lms/static/sass/_shared_forms.scss @@ -3,7 +3,7 @@ form { label { color: $base-font-color; - font: italic 300 1.2rem/1.6rem $serif; + font: italic 300 1rem/1.6rem $serif; margin-bottom: 5px; text-shadow: 0 1px rgba(255,255,255, 0.4); -webkit-font-smoothing: antialiased; @@ -17,9 +17,8 @@ form { @include border-radius(3px); @include box-shadow(0 1px 0 0 rgba(255,255,255, 0.6), inset 0 0 3px 0 rgba(0,0,0, 0.1)); @include box-sizing(border-box); - font: italic 300 1.2rem/1.6rem $serif; + font: italic 300 1rem/1.6rem $serif; height: 35px; - @include inline-block; padding: 5px 12px; vertical-align: top; -webkit-font-smoothing: antialiased; @@ -38,9 +37,8 @@ form { input[type="submit"] { @include button(shiny, $blue); @include border-radius(3px); - font: 300 1.2rem/1.6rem $sans-serif; + font: normal 1.2rem/1.6rem $sans-serif; height: 35px; - @include inline-block; letter-spacing: 1px; text-transform: uppercase; vertical-align: top; diff --git a/lms/static/sass/_shared_header.scss b/lms/static/sass/_shared_header.scss index e20b0e1000..1f5da3d310 100644 --- a/lms/static/sass/_shared_header.scss +++ b/lms/static/sass/_shared_header.scss @@ -1,12 +1,7 @@ header.global { - //background: rgb(255,255,255); - //background: rgba(245,245,245, 0.9); border-bottom: 1px solid rgb(190,190,190); @include box-shadow(0 1px 5px 0 rgba(0,0,0, 0.1)); - //@include background-image(linear-gradient(-90deg, rgb(255,255,255), rgba(235,235,235, 1))); - //@include background-image(linear-gradient(-90deg, rgb(255,255,255), rgba(228,239,243, 1))); @include background-image(linear-gradient(-90deg, rgba(255,255,255, 1), rgba(230,230,230, 0.9))); - //border-color: rgb(177, 210, 222); height: 68px; position: relative; width: 100%; @@ -90,12 +85,10 @@ header.global { color: $lighter-base-font-color; color: $blue; display: block; - //font: italic 1.2rem/1.4rem $serif; - font: normal 1.2rem/1.4rem $sans-serif; + font-family: $sans-serif; @include inline-block; margin: 0px 30px 0px 0px; text-decoration: none; - //text-transform: lowercase; text-transform: uppercase; text-shadow: 0 1px rgba(255,255,255, 0.6); @@ -121,8 +114,9 @@ header.global { @include box-shadow(0 1px 0 0 rgba(255,255,255, 0.6)); color: $base-font-color; display: inline-block; - font: normal 1.2rem/1.4rem $sans-serif; + font-family: $sans-serif; @include inline-block; + line-height: 1em; margin: 1px 5px; padding: 10px 12px; text-decoration: none; @@ -147,12 +141,6 @@ header.global { position: relative; text-transform: none; - @media screen and (max-width: 768px) { - font-size: 0em; - padding: 10px 0px; - width: 38px; - } - .avatar { background: rgb(220,220,220); @include border-radius(3px); @@ -239,8 +227,9 @@ header.global { @include border-radius(3px); color: rgba(255,255,255, 0.9); display: block; - font: italic 1.2rem/1.4rem $serif; + font-family: $serif; height: auto; + line-height: 1em; margin: 5px 0px; overflow: hidden; padding: 3px 5px 4px; diff --git a/lms/static/sass/_shared_list_of_courses.scss b/lms/static/sass/_shared_list_of_courses.scss index b85cb460f9..377cd23d5c 100644 --- a/lms/static/sass/_shared_list_of_courses.scss +++ b/lms/static/sass/_shared_list_of_courses.scss @@ -10,7 +10,6 @@ @include box-sizing(border-box); @include box-shadow(0 1px 10px 0 rgba(0,0,0, 0.15), inset 0 0 0 1px rgba(255,255,255, 0.9)); float: left; - font-size: 0em; margin-right: flex-gutter(); margin-bottom: 30px; position: relative; @@ -34,12 +33,8 @@ p { color: rgb(255,255,255); - font: 300 1.2rem/1.4rem $sans-serif; - padding: 5px 12px; - - &.university { - float: left; - } + line-height: 1.2em; + padding: 4px 12px 5px; } } @@ -74,8 +69,8 @@ h2 { color: $base-font-color; - font: 800 1.2rem/1.6rem $sans-serif; - padding-top: 10px; + margin-bottom: 0px; + padding-top: 9px; text-shadow: 0 1px rgba(255,255,255, 0.6); text-overflow: ellipsis; white-space: nowrap; @@ -87,7 +82,7 @@ @include box-sizing(border-box); color: $base-font-color; display: block; - font: bold 2rem/2.2rem $sans-serif; + font: bold 1.6em/1.2em $sans-serif; height: 100%; opacity: 0.6; padding-top: 10px; @@ -102,7 +97,7 @@ &:hover { @include background-image(linear-gradient(-90deg, rgba(255,255,255, 1), rgba(255,255,255, 0.8))); - h2, p, .info-link { + h2, .info-link { color: $blue; opacity: 1; } @@ -139,7 +134,7 @@ @include box-sizing(border-box); height: 100px; overflow: hidden; - padding: 10px 10px 15px 10px; + padding: 10px 10px 12px 10px; position: relative; width: 100%; @@ -152,32 +147,25 @@ .bottom { @include box-sizing(border-box); - @include clearfix; - padding: 6px 10px; + padding: 0px 10px 10px 10px; width: 100%; - > p, a { + + .university { + border-right: 1px solid rgb(200,200,200); color: $lighter-base-font-color; - font: 300 1.2rem/1.4rem $sans-serif; letter-spacing: 1px; - padding: 0; + margin-right: 10px; + padding-right: 10px; - &.university { - border-right: 1px solid $lighter-base-font-color; - display: block; - float: left; - margin-right: 10px; - padding-right: 10px; - - &:hover { - color: $blue; - } + &:hover { + color: $blue; } + } - &.dates { - float: left; - margin-top: 0px; - } + .start-date { + color: $lighter-base-font-color; + letter-spacing: 1px; } } } diff --git a/lms/static/sass/_shared_modal.scss b/lms/static/sass/_shared_modal.scss index 89b4a564f7..27aef3c400 100644 --- a/lms/static/sass/_shared_modal.scss +++ b/lms/static/sass/_shared_modal.scss @@ -18,7 +18,6 @@ color: #fff; display: none; left: 50%; - //margin-left: -(grid-width(6)) / 2; padding: 8px; position: absolute; width: grid-width(6); @@ -99,17 +98,10 @@ } } - h3 { - color: $lighter-base-font-color; - font: normal 1.4rem/1.8rem $serif; - letter-spacing: 1px; - padding-bottom: 20px; + h2 { position: relative; text-align: center; text-shadow: 0 1px rgba(255,255,255, 0.4); - text-transform: uppercase; - vertical-align: middle; - -webkit-font-smoothing: antialiased; z-index: 2; } } @@ -154,8 +146,8 @@ } a { - font: italic normal 1.2rem/1.6rem $serif; - text-decoration: underline; + font-family: $serif; + font-style: italic; } } @@ -166,7 +158,7 @@ p { color: $lighter-base-font-color; - font: 300 1.2rem/1.6rem $sans-serif; + font-family: $sans-serif; } hr { @@ -222,18 +214,19 @@ p { color: $lighter-base-font-color; - font: italic 1.2rem/1.6rem $serif; + font-style: italic; text-align: center; - -webkit-font-smoothing: antialiased; span { color: $lighter-base-font-color; - font: italic 1.2rem/1.6rem $serif; + font-family: $serif; + font-style: italic; } a { color: $lighter-base-font-color; - font: italic 1.2rem/1.6rem $serif; + font-family: $serif; + font-style: italic; text-decoration: underline; &:hover { diff --git a/lms/static/sass/application.css b/lms/static/sass/application.css new file mode 100644 index 0000000000..ac6f81b7f9 --- /dev/null +++ b/lms/static/sass/application.css @@ -0,0 +1,6518 @@ +@charset "UTF-8"; +/* HTML5 Boilerplate */ +article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { + display: block; } + +audio, canvas, video { + display: inline-block; + *display: inline; + *zoom: 1; } + +audio:not([controls]) { + display: none; } + +[hidden] { + display: none; } + +html { + font-size: 100%; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; } + +html, button, input, select, textarea { + font-family: sans-serif; + color: #222; } + +body { + margin: 0; + font-size: 1em; + line-height: 1.4; } + +::-moz-selection { + background: #fe57a1; + color: #fff; + text-shadow: none; } + +::selection { + background: #fe57a1; + color: #fff; + text-shadow: none; } + +a { + color: #00e; } + +a:visited { + color: #551a8b; } + +a:hover { + color: #06e; } + +a:focus { + outline: thin dotted; } + +a:hover, a:active { + outline: 0; } + +abbr[title] { + border-bottom: 1px dotted; } + +b, strong { + font-weight: bold; } + +blockquote { + margin: 1em 40px; } + +dfn { + font-style: italic; } + +hr { + display: block; + height: 1px; + border: 0; + border-top: 1px solid #ccc; + margin: 1em 0; + padding: 0; } + +ins { + background: #ff9; + color: #000; + text-decoration: none; } + +mark { + background: #ff0; + color: #000; + font-style: italic; + font-weight: bold; } + +pre, code, kbd, samp { + font-family: monospace, serif; + _font-family: 'courier new', monospace; + font-size: 1em; } + +pre { + white-space: pre; + white-space: pre-wrap; + word-wrap: break-word; } + +q { + quotes: none; } + +q:before, q:after { + content: ""; + content: none; } + +small { + font-size: 85%; } + +sub, sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; } + +sup { + top: -0.5em; } + +sub { + bottom: -0.25em; } + +ul, ol { + margin: 1em 0; + padding: 0 0 0 40px; } + +dd { + margin: 0 0 0 40px; } + +nav ul, nav ol { + list-style: none; + list-style-image: none; + margin: 0; + padding: 0; } + +img { + border: 0; + -ms-interpolation-mode: bicubic; + vertical-align: middle; } + +svg:not(:root) { + overflow: hidden; } + +figure { + margin: 0; } + +form { + margin: 0; } + +fieldset { + border: 0; + margin: 0; + padding: 0; } + +label { + cursor: pointer; } + +legend { + border: 0; + *margin-left: -7px; + padding: 0; + white-space: normal; } + +button, input, select, textarea { + font-size: 100%; + margin: 0; + vertical-align: baseline; + *vertical-align: middle; } + +button, input { + line-height: normal; } + +button, input[type="button"], input[type="reset"], input[type="submit"] { + cursor: pointer; + -webkit-appearance: button; + *overflow: visible; } + +button[disabled], input[disabled] { + cursor: default; } + +input[type="checkbox"], input[type="radio"] { + box-sizing: border-box; + padding: 0; + *width: 13px; + *height: 13px; } + +input[type="search"] { + -webkit-appearance: textfield; + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box; } + +input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { + -webkit-appearance: none; } + +button::-moz-focus-inner, input::-moz-focus-inner { + border: 0; + padding: 0; } + +textarea { + overflow: auto; + vertical-align: top; + resize: vertical; } + +input:invalid, textarea:invalid { + background-color: #f0dddd; } + +table { + border-collapse: collapse; + border-spacing: 0; } + +td { + vertical-align: top; } + +.chromeframe { + margin: 0.2em 0; + background: #ccc; + color: black; + padding: 0.2em 0; } + +.ir { + display: block; + border: 0; + text-indent: -999em; + overflow: hidden; + background-color: transparent; + background-repeat: no-repeat; + text-align: left; + direction: ltr; + *line-height: 0; } + +.ir br { + display: none; } + +.hidden { + display: none !important; + visibility: hidden; } + +.visuallyhidden { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; } + +.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { + clip: auto; + height: auto; + margin: 0; + overflow: visible; + position: static; + width: auto; } + +.invisible { + visibility: hidden; } + +.clearfix:before, .topbar:before, nav.sequence-nav:before, div.course-wrapper section.course-content .problem-set:before, div.course-wrapper section.course-content section.problems-wrapper:before, div.course-wrapper section.course-content div#seq_content:before, div.course-wrapper section.course-content ol.vert-mod > li:before, section.course-content nav.sequence-bottom ul:before, section.course-content div.video article.video-wrapper section.video-controls:before, section.course-content div.video article.video-wrapper section.video-controls div.slider:before, section.tool-wrapper:before, section.tool-wrapper div#controlls-container:before, section.tool-wrapper div#controlls-container div.graph-controls div.music-wrapper:before, section.tool-wrapper div#controlls-container div.graph-controls div.inputs-wrapper:before, section.tool-wrapper div#controlls-container div.schematic-sliders div.top-sliders:before, .clearfix:after, .topbar:after, nav.sequence-nav:after, div.course-wrapper section.course-content .problem-set:after, div.course-wrapper section.course-content section.problems-wrapper:after, div.course-wrapper section.course-content div#seq_content:after, div.course-wrapper section.course-content ol.vert-mod > li:after, section.course-content nav.sequence-bottom ul:after, section.course-content div.video article.video-wrapper section.video-controls:after, section.course-content div.video article.video-wrapper section.video-controls div.slider:after, section.tool-wrapper:after, section.tool-wrapper div#controlls-container:after, section.tool-wrapper div#controlls-container div.graph-controls div.music-wrapper:after, section.tool-wrapper div#controlls-container div.graph-controls div.inputs-wrapper:after, section.tool-wrapper div#controlls-container div.schematic-sliders div.top-sliders:after { + content: ""; + display: table; } + +.clearfix:after, .topbar:after, nav.sequence-nav:after, div.course-wrapper section.course-content .problem-set:after, div.course-wrapper section.course-content section.problems-wrapper:after, div.course-wrapper section.course-content div#seq_content:after, div.course-wrapper section.course-content ol.vert-mod > li:after, section.course-content nav.sequence-bottom ul:after, section.course-content div.video article.video-wrapper section.video-controls:after, section.course-content div.video article.video-wrapper section.video-controls div.slider:after, section.tool-wrapper:after, section.tool-wrapper div#controlls-container:after, section.tool-wrapper div#controlls-container div.graph-controls div.music-wrapper:after, section.tool-wrapper div#controlls-container div.graph-controls div.inputs-wrapper:after, section.tool-wrapper div#controlls-container div.schematic-sliders div.top-sliders:after { + clear: both; } + +.clearfix, .topbar, nav.sequence-nav, div.course-wrapper section.course-content .problem-set, div.course-wrapper section.course-content section.problems-wrapper, div.course-wrapper section.course-content div#seq_content, div.course-wrapper section.course-content ol.vert-mod > li, section.course-content nav.sequence-bottom ul, section.course-content div.video article.video-wrapper section.video-controls, section.course-content div.video article.video-wrapper section.video-controls div.slider, section.tool-wrapper, section.tool-wrapper div#controlls-container, section.tool-wrapper div#controlls-container div.graph-controls div.music-wrapper, section.tool-wrapper div#controlls-container div.graph-controls div.inputs-wrapper, section.tool-wrapper div#controlls-container div.schematic-sliders div.top-sliders { + *zoom: 1; } + +@media print { + * { + background: transparent !important; + color: black !important; + box-shadow: none !important; + text-shadow: none !important; + filter: none !important; + -ms-filter: none !important; } + + a, a:visited { + text-decoration: underline; } + + a[href]:after { + content: " (" attr(href) ")"; } + + abbr[title]:after { + content: " (" attr(title) ")"; } + + .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { + content: ""; } + + pre, blockquote { + border: 1px solid #999; + page-break-inside: avoid; } + + thead { + display: table-header-group; } + + tr, img { + page-break-inside: avoid; } + + img { + max-width: 100% !important; } + + @page { + margin: 0.5cm; } + + p, h2, h3 { + orphans: 3; + widows: 3; } + + h2, h3 { + page-break-after: avoid; } } +/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 25, 2012 05:06:34 PM America/New_York */ +@font-face { + font-family: 'Open Sans'; + src: url("../fonts/OpenSans-Light-webfont.eot"); + src: url("../fonts/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Light-webfont.woff") format("woff"), url("../fonts/OpenSans-Light-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Light-webfont.svg#OpenSansLight") format("svg"); + font-weight: 300; + font-style: normal; } + +@font-face { + font-family: 'Open Sans'; + src: url("../fonts/OpenSans-LightItalic-webfont.eot"); + src: url("../fonts/OpenSans-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-LightItalic-webfont.woff") format("woff"), url("../fonts/OpenSans-LightItalic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic") format("svg"); + font-weight: 300; + font-style: italic; } + +@font-face { + font-family: 'Open Sans'; + src: url("../fonts/OpenSans-Regular-webfont.eot"); + src: url("../fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Regular-webfont.woff") format("woff"), url("../fonts/OpenSans-Regular-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular") format("svg"); + font-weight: 600; + font-style: normal; } + +@font-face { + font-family: 'Open Sans'; + src: url("../fonts/OpenSans-Italic-webfont.eot"); + src: url("../fonts/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Italic-webfont.woff") format("woff"), url("../fonts/OpenSans-Italic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Italic-webfont.svg#OpenSansItalic") format("svg"); + font-weight: 400; + font-style: italic; } + +@font-face { + font-family: 'Open Sans'; + src: url("../fonts/OpenSans-Bold-webfont.eot"); + src: url("../fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Bold-webfont.woff") format("woff"), url("../fonts/OpenSans-Bold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Bold-webfont.svg#OpenSansBold") format("svg"); + font-weight: 700; + font-style: normal; } + +@font-face { + font-family: 'Open Sans'; + src: url("../fonts/OpenSans-BoldItalic-webfont.eot"); + src: url("../fonts/OpenSans-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-BoldItalic-webfont.woff") format("woff"), url("../fonts/OpenSans-BoldItalic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic") format("svg"); + font-weight: 700; + font-style: italic; } + +@font-face { + font-family: 'Open Sans'; + src: url("../fonts/OpenSans-ExtraBold-webfont.eot"); + src: url("../fonts/OpenSans-ExtraBold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-ExtraBold-webfont.woff") format("woff"), url("../fonts/OpenSans-ExtraBold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold") format("svg"); + font-weight: 800; + font-style: normal; } + +@font-face { + font-family: 'Open Sans'; + src: url("../fonts/OpenSans-ExtraBoldItalic-webfont.eot"); + src: url("../fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-ExtraBoldItalic-webfont.woff") format("woff"), url("../fonts/OpenSans-ExtraBoldItalic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic") format("svg"); + font-weight: 800; + font-style: italic; } + +html, body { + background: #fafafa; + font-family: "Open Sans", Verdana, Geneva, sans-serif; + font-size: 1em; + line-height: 1em; } + +h1, h2, h3, h4, h5, h6 { + color: #3c3c3c; + font: normal 1.2em/1.2em Georgia, Cambria, "Times New Roman", Times, serif; + margin: 0px; } + +h1 { + color: #3c3c3c; + font: normal 2em/1.4em "Open Sans", Verdana, Geneva, sans-serif; + letter-spacing: 1px; + margin-bottom: 30px; + text-align: center; + text-transform: uppercase; } + +h2 { + color: #a0a0a0; + font: normal 1.2em/1.2em Georgia, Cambria, "Times New Roman", Times, serif; + letter-spacing: 1px; + margin-bottom: 15px; + text-transform: uppercase; + -webkit-font-smoothing: antialiased; } + +p + h2, ul + h2, ol + h2 { + margin-top: 40px; } + +p { + color: #3c3c3c; + font: normal 1em/1.6em Georgia, Cambria, "Times New Roman", Times, serif; + margin: 0px; } + +span { + font: normal 1em/1.6em "Open Sans", Verdana, Geneva, sans-serif; } + +p + p, ul + p, ol + p { + margin-top: 20px; } + +p a:link, p a:visited { + color: #1d9dd9; + font: normal 1em/1em Georgia, Cambria, "Times New Roman", Times, serif; + 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.1s; + -moz-transition-duration: 0.1s; + -ms-transition-duration: 0.1s; + -o-transition-duration: 0.1s; + transition-duration: 0.1s; + -webkit-transition-timing-function: linear; + -moz-transition-timing-function: linear; + -ms-transition-timing-function: linear; + -o-transition-timing-function: linear; + transition-timing-function: linear; + -webkit-transition-delay: 0; + -moz-transition-delay: 0; + -ms-transition-delay: 0; + -o-transition-delay: 0; + transition-delay: 0; } + p a:link:hover, p a:visited:hover { + color: #1d9dd9; + text-decoration: underline; } + +a:link, a:visited { + color: #1d9dd9; + font: normal 1em/1em "Open Sans", Verdana, Geneva, sans-serif; + 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.1s; + -moz-transition-duration: 0.1s; + -ms-transition-duration: 0.1s; + -o-transition-duration: 0.1s; + transition-duration: 0.1s; + -webkit-transition-timing-function: linear; + -moz-transition-timing-function: linear; + -ms-transition-timing-function: linear; + -o-transition-timing-function: linear; + transition-timing-function: linear; + -webkit-transition-delay: 0; + -moz-transition-delay: 0; + -ms-transition-delay: 0; + -o-transition-delay: 0; + transition-delay: 0; } + a:link:hover, a:visited:hover { + text-decoration: underline; } + +.content-wrapper { + background: white; + margin: 0 auto 0; + width: 100%; } + +.container { + zoom: 1; + margin: 0 auto 0; + max-width: 1200px; + width: 100%; } + .container:before, .container:after { + content: ""; + display: table; } + .container:after { + clear: both; } + +.static-container { + zoom: 1; + margin: 0 auto 0; + max-width: 1200px; + padding: 60px 0px 120px; + width: 100%; } + .static-container:before, .static-container:after { + content: ""; + display: table; } + .static-container:after { + clear: both; } + .static-container .inner-wrapper { + margin: 0 auto 0; + width: 82.915%; } + .static-container ol, .static-container ul { + list-style: disc; } + .static-container ol li, .static-container ul li { + color: #3c3c3c; + font: normal 1em/1.4em Georgia, Cambria, "Times New Roman", Times, serif; + margin: 0px; } + .static-container h1 { + margin-bottom: 30px; } + .static-container h1 + hr { + margin-bottom: 60px; } + .static-container p + h2, .static-container ul + h2, .static-container ol + h2 { + margin-top: 40px; } + .static-container ul + p, .static-container ol + p { + margin-top: 20px; } + +.faded-hr-divider, .horizontal-divider, .modal .inner-wrapper header hr::after, .modal .inner-wrapper form .honor-code-summary hr::after, .course-info .container nav::after, .course-info .course-sidebar header::after, .container.about > nav::after { + background-image: -webkit-linear-gradient(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0)); + background-image: -moz-linear-gradient(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0)); + background-image: -ms-linear-gradient(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0)); + background-image: -o-linear-gradient(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0)); + background-image: linear-gradient(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0)); + height: 1px; + width: 100%; } + +.faded-hr-divider-medium, .home .university-partners::before, .home .university-partners::after { + background-image: -webkit-linear-gradient(180deg, rgba(240, 240, 240, 0) 0%, #f0f0f0 50%, rgba(240, 240, 240, 0)); + background-image: -moz-linear-gradient(180deg, rgba(240, 240, 240, 0) 0%, #f0f0f0 50%, rgba(240, 240, 240, 0)); + background-image: -ms-linear-gradient(180deg, rgba(240, 240, 240, 0) 0%, #f0f0f0 50%, rgba(240, 240, 240, 0)); + background-image: -o-linear-gradient(180deg, rgba(240, 240, 240, 0) 0%, #f0f0f0 50%, rgba(240, 240, 240, 0)); + background-image: linear-gradient(180deg, rgba(240, 240, 240, 0) 0%, #f0f0f0 50%, rgba(240, 240, 240, 0)); + height: 1px; + width: 100%; } + +.faded-hr-divider-light, .horizontal-divider::after, .modal .inner-wrapper header hr, .modal .inner-wrapper form .honor-code-summary hr { + background-image: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0)); + background-image: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0)); + background-image: -ms-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0)); + background-image: -o-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0)); + background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0)); + height: 1px; + width: 100%; } + +.faded-vertical-divider, .vertical-divider, footer nav .copyright a.logo::after, footer nav ol li::after, header.global h1.logo::before, .home > header .title::before, .home .university-partners .partners li.partner::before, .find-courses header.search .inner-wrapper.main-search .logo::after, .find-courses header.search .inner-wrapper.university-search .logo::after, .university-profile header.search .inner-wrapper.main-search .logo::after, .university-profile header.search .inner-wrapper.university-search .logo::after { + background-image: -webkit-linear-gradient(90deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0)); + background-image: -moz-linear-gradient(90deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0)); + background-image: -ms-linear-gradient(90deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0)); + background-image: -o-linear-gradient(90deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0)); + background-image: linear-gradient(90deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0)); + height: 100%; + width: 1px; } + +.faded-vertical-divider-light, .vertical-divider::after, header.global h1.logo::after, .home > header .title::after, .home .university-partners .partners li.partner::after { + background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0)); + background-image: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0)); + background-image: -ms-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0)); + background-image: -o-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0)); + background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0)); + height: 100%; + width: 1px; } + +.vertical-divider { + position: relative; } + .vertical-divider::after { + content: ""; + display: block; + position: absolute; + left: 1px; } + +.horizontal-divider { + border: none; + position: relative; } + .horizontal-divider::after { + content: ""; + display: block; + position: absolute; + top: 1px; } + +.fade-right-hr-divider { + background-image: -webkit-linear-gradient(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8); + background-image: -moz-linear-gradient(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8); + background-image: -ms-linear-gradient(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8); + background-image: -o-linear-gradient(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8); + background-image: linear-gradient(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8); + border: none; } + +.fade-left-hr-divider { + background-image: -webkit-linear-gradient(180deg, #c8c8c8 0%, rgba(200, 200, 200, 0)); + background-image: -moz-linear-gradient(180deg, #c8c8c8 0%, rgba(200, 200, 200, 0)); + background-image: -ms-linear-gradient(180deg, #c8c8c8 0%, rgba(200, 200, 200, 0)); + background-image: -o-linear-gradient(180deg, #c8c8c8 0%, rgba(200, 200, 200, 0)); + background-image: linear-gradient(180deg, #c8c8c8 0%, rgba(200, 200, 200, 0)); + border: none; } + +.animation-home-header-pop-up, .home > header .outer-wrapper { + -webkit-animation: home-header-pop-up 1.15s ease-in-out; + -moz-animation: home-header-pop-up 1.15s ease-in-out; + animation: home-header-pop-up 1.15s ease-in-out; + -webkit-animation-fill-mode: both; + -moz-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-delay: 1s; + -moz-animation-delay: 1s; + animation-delay: 1s; } + +@-webkit-keyframes home-header-pop-up { + 0% { + opacity: 0; + top: 300px; } + + 45% { + opacity: 1; } + + 65% { + top: -40px; } + + 85% { + top: 10px; } + + 100% { + top: 0px; } } + +@-moz-keyframes home-header-pop-up { + 0% { + opacity: 0; + top: 300px; } + + 45% { + opacity: 1; } + + 65% { + top: -40px; } + + 85% { + top: 10px; } + + 100% { + top: 0px; } } + +@keyframes home-header-pop-up { + 0% { + opacity: 0; + top: 300px; } + + 45% { + opacity: 1; } + + 65% { + top: -40px; } + + 85% { + top: 10px; } + + 100% { + top: 0px; } } + +.animation-title-appear { + -webkit-animation: title-appear 4.65s ease-out; + -moz-animation: title-appear 4.65s ease-out; + animation: title-appear 4.65s ease-out; + -webkit-animation-fill-mode: both; + -moz-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-delay: 1s; + -moz-animation-delay: 1s; + animation-delay: 1s; } + +@-webkit-keyframes title-appear { + 0% { + opacity: 0; + top: 60px; + -webkit-transform: scale(0.9); + -moz-transform: scale(0.9); + -ms-transform: scale(0.9); + -o-transform: scale(0.9); + transform: scale(0.9); } + + 20% { + opacity: 1; } + + 27% { + top: 40px; + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); } + + 90% { + opacity: 1; + top: 40px; + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); } + + 100% { + top: 0px; } } + +@-moz-keyframes title-appear { + 0% { + opacity: 0; + top: 60px; + -webkit-transform: scale(0.9); + -moz-transform: scale(0.9); + -ms-transform: scale(0.9); + -o-transform: scale(0.9); + transform: scale(0.9); } + + 20% { + opacity: 1; } + + 27% { + top: 40px; + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); } + + 90% { + opacity: 1; + top: 40px; + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); } + + 100% { + top: 0px; } } + +@keyframes title-appear { + 0% { + opacity: 0; + top: 60px; + -webkit-transform: scale(0.9); + -moz-transform: scale(0.9); + -ms-transform: scale(0.9); + -o-transform: scale(0.9); + transform: scale(0.9); } + + 20% { + opacity: 1; } + + 27% { + top: 40px; + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); } + + 90% { + opacity: 1; + top: 40px; + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); } + + 100% { + top: 0px; } } + +.animation-home-appear { + -webkit-animation: home-appear 4.25s ease-out; + -moz-animation: home-appear 4.25s ease-out; + animation: home-appear 4.25s ease-out; + -webkit-animation-fill-mode: both; + -moz-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-delay: 1s; + -moz-animation-delay: 1s; + animation-delay: 1s; } + +@-webkit-keyframes home-appear { + 0% { + opacity: 0; + top: 60px; + -webkit-transform: scale(0.9); + -moz-transform: scale(0.9); + -ms-transform: scale(0.9); + -o-transform: scale(0.9); + transform: scale(0.9); } + + 20% { + opacity: 1; } + + 30% { + top: 40px; + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); } + + 80% { + opacity: 1; + top: 40px; + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); } + + 100% { + opacity: 0; + top: 60px; + -webkit-transform: scale(0.7); + -moz-transform: scale(0.7); + -ms-transform: scale(0.7); + -o-transform: scale(0.7); + transform: scale(0.7); } } + +@-moz-keyframes home-appear { + 0% { + opacity: 0; + top: 60px; + -webkit-transform: scale(0.9); + -moz-transform: scale(0.9); + -ms-transform: scale(0.9); + -o-transform: scale(0.9); + transform: scale(0.9); } + + 20% { + opacity: 1; } + + 30% { + top: 40px; + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); } + + 80% { + opacity: 1; + top: 40px; + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); } + + 100% { + opacity: 0; + top: 60px; + -webkit-transform: scale(0.7); + -moz-transform: scale(0.7); + -ms-transform: scale(0.7); + -o-transform: scale(0.7); + transform: scale(0.7); } } + +@keyframes home-appear { + 0% { + opacity: 0; + top: 60px; + -webkit-transform: scale(0.9); + -moz-transform: scale(0.9); + -ms-transform: scale(0.9); + -o-transform: scale(0.9); + transform: scale(0.9); } + + 20% { + opacity: 1; } + + 30% { + top: 40px; + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); } + + 80% { + opacity: 1; + top: 40px; + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); } + + 100% { + opacity: 0; + top: 60px; + -webkit-transform: scale(0.7); + -moz-transform: scale(0.7); + -ms-transform: scale(0.7); + -o-transform: scale(0.7); + transform: scale(0.7); } } + +.animation-edx-appear { + -webkit-animation: edx-appear 1.25s ease-in; + -moz-animation: edx-appear 1.25s ease-in; + animation: edx-appear 1.25s ease-in; + -webkit-animation-fill-mode: both; + -moz-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-delay: 2.15s; + -moz-animation-delay: 2.15s; + animation-delay: 2.15s; } + +@-webkit-keyframes edx-appear { + 0% { + opacity: 0; } + + 100% { + opacity: 1; } } + +@-moz-keyframes edx-appear { + 0% { + opacity: 0; } + + 100% { + opacity: 1; } } + +@keyframes edx-appear { + 0% { + opacity: 0; } + + 100% { + opacity: 1; } } + +.animation-mit-slide { + -webkit-animation: mit-slide 1.15s ease-out; + -moz-animation: mit-slide 1.15s ease-out; + animation: mit-slide 1.15s ease-out; + -webkit-animation-fill-mode: both; + -moz-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-delay: 2s; + -moz-animation-delay: 2s; + animation-delay: 2s; } + +@-webkit-keyframes mit-slide { + 0% { + left: 80px; } + + 100% { + left: 0px; } } + +@-moz-keyframes mit-slide { + 0% { + left: 80px; } + + 100% { + left: 0px; } } + +@keyframes mit-slide { + 0% { + left: 80px; } + + 100% { + left: 0px; } } + +.animation-harvard-slide { + -webkit-animation: harvard-slide 1.15s ease-out; + -moz-animation: harvard-slide 1.15s ease-out; + animation: harvard-slide 1.15s ease-out; + -webkit-animation-fill-mode: both; + -moz-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-delay: 2s; + -moz-animation-delay: 2s; + animation-delay: 2s; } + +@-webkit-keyframes harvard-slide { + 0% { + right: 80px; } + + 100% { + right: 0px; } } + +@-moz-keyframes harvard-slide { + 0% { + right: 80px; } + + 100% { + right: 0px; } } + +@keyframes harvard-slide { + 0% { + right: 80px; } + + 100% { + right: 0px; } } + +.animation-divider-left-slide { + -webkit-animation: divider-left-slide 1.1s ease-out; + -moz-animation: divider-left-slide 1.1s ease-out; + animation: divider-left-slide 1.1s ease-out; + -webkit-animation-fill-mode: both; + -moz-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-delay: 2s; + -moz-animation-delay: 2s; + animation-delay: 2s; } + +@-webkit-keyframes divider-left-slide { + 0% { + left: 340px; } + + 100% { + left: 200px; } } + +@-moz-keyframes divider-left-slide { + 0% { + left: 340px; } + + 100% { + left: 200px; } } + +@keyframes divider-left-slide { + 0% { + left: 340px; } + + 100% { + left: 200px; } } + +.animation-divider-right-slide { + -webkit-animation: divider-right-slide 1.1s ease-out; + -moz-animation: divider-right-slide 1.1s ease-out; + animation: divider-right-slide 1.1s ease-out; + -webkit-animation-fill-mode: both; + -moz-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-delay: 2s; + -moz-animation-delay: 2s; + animation-delay: 2s; } + +@-webkit-keyframes divider-right-slide { + 0% { + left: 340px; } + + 100% { + left: 480px; } } + +@-moz-keyframes divider-right-slide { + 0% { + left: 340px; } + + 100% { + left: 480px; } } + +@keyframes divider-right-slide { + 0% { + left: 340px; } + + 100% { + left: 480px; } } + +.animation-video-appear { + -webkit-animation: video-appear 1.25s ease-out; + -moz-animation: video-appear 1.25s ease-out; + animation: video-appear 1.25s ease-out; + -webkit-animation-fill-mode: both; + -moz-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-delay: 4.4s; + -moz-animation-delay: 4.4s; + animation-delay: 4.4s; } + +@-webkit-keyframes video-appear { + 0% { + bottom: -270px; + opacity: 0.9; } + + 80% { + opacity: 1; } + + 100% { + bottom: 0px; } } + +@-moz-keyframes video-appear { + 0% { + bottom: -270px; + opacity: 0.9; } + + 80% { + opacity: 1; } + + 100% { + bottom: 0px; } } + +@keyframes video-appear { + 0% { + bottom: -270px; + opacity: 0.9; } + + 80% { + opacity: 1; } + + 100% { + bottom: 0px; } } + +.clearfix:after, .topbar:after, nav.sequence-nav:after, div.course-wrapper section.course-content .problem-set:after, div.course-wrapper section.course-content section.problems-wrapper:after, div.course-wrapper section.course-content div#seq_content:after, div.course-wrapper section.course-content ol.vert-mod > li:after, section.course-content nav.sequence-bottom ul:after, section.course-content div.video article.video-wrapper section.video-controls:after, section.course-content div.video article.video-wrapper section.video-controls div.slider:after, section.tool-wrapper:after, section.tool-wrapper div#controlls-container:after, section.tool-wrapper div#controlls-container div.graph-controls div.music-wrapper:after, section.tool-wrapper div#controlls-container div.graph-controls div.inputs-wrapper:after, section.tool-wrapper div#controlls-container div.schematic-sliders div.top-sliders:after { + clear: both; + content: "."; + display: block; + height: 0; + visibility: hidden; } + +.wrapper { + margin: 0 auto; + max-width: 1400px; + min-width: 810px; + text-align: left; + width: 100%; } + .wrapper div.table-wrapper, .wrapper div.course-wrapper { + display: table; + width: 100%; + overflow: hidden; } + @media screen and (min-width: 1400px) { + .wrapper div.table-wrapper, .wrapper div.course-wrapper { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; } } + +h1.top-header, div.course-wrapper section.course-content ol.vert-mod > li header { + background: #f3f3f3; + border-bottom: 1px solid #e3e3e3; + margin: -lh() -lh() lh(); + padding: lh(); } + +.button { + border: 1px solid #6f6f6f; + -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 #a2a2a2, 0 0 3px #cccccc; + -moz-box-shadow: inset 0 1px 0 #a2a2a2, 0 0 3px #cccccc; + box-shadow: inset 0 1px 0 #a2a2a2, 0 0 3px #cccccc; + color: #fff; + cursor: pointer; + font: bold 14px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; + background-color: #959595; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #959595), color-stop(100%, #7b7b7b)); + background-image: -webkit-linear-gradient(top, #959595, #7b7b7b); + background-image: -moz-linear-gradient(top, #959595, #7b7b7b); + background-image: -ms-linear-gradient(top, #959595, #7b7b7b); + background-image: -o-linear-gradient(top, #959595, #7b7b7b); + background-image: linear-gradient(top, #959595, #7b7b7b); + padding: 4px 8px; + text-decoration: none; + text-shadow: none; + -webkit-font-smoothing: antialiased; } + .button:hover, .button:focus { + border: 1px solid #555555; + -webkit-box-shadow: inset 0 1px 0 #bbbbbb, 0 0 3px #cccccc; + -moz-box-shadow: inset 0 1px 0 #bbbbbb, 0 0 3px #cccccc; + box-shadow: inset 0 1px 0 #bbbbbb, 0 0 3px #cccccc; + background-color: #a2a2a2; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a2a2a2), color-stop(100%, #7b7b7b)); + background-image: -webkit-linear-gradient(top, #a2a2a2, #7b7b7b); + background-image: -moz-linear-gradient(top, #a2a2a2, #7b7b7b); + background-image: -ms-linear-gradient(top, #a2a2a2, #7b7b7b); + background-image: -o-linear-gradient(top, #a2a2a2, #7b7b7b); + background-image: linear-gradient(top, #a2a2a2, #7b7b7b); } + +.light-button, a.light-button { + border: 1px solid #ccc; + -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 white; + -moz-box-shadow: inset 0 1px 0 white; + box-shadow: inset 0 1px 0 white; + color: #666; + cursor: pointer; + font: normal 14px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; + background-color: white; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #eeeeee)); + background-image: -webkit-linear-gradient(top, white, #eeeeee); + background-image: -moz-linear-gradient(top, white, #eeeeee); + background-image: -ms-linear-gradient(top, white, #eeeeee); + background-image: -o-linear-gradient(top, white, #eeeeee); + background-image: linear-gradient(top, white, #eeeeee); + padding: 4px 8px; + text-decoration: none; + -webkit-font-smoothing: antialiased; } + .light-button:hover, .light-button:focus, a.light-button:hover, a.light-button:focus { + border: 1px solid #ccc; + background-color: white; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e6e6e6)); + background-image: -webkit-linear-gradient(top, white, #e6e6e6); + background-image: -moz-linear-gradient(top, white, #e6e6e6); + background-image: -ms-linear-gradient(top, white, #e6e6e6); + background-image: -o-linear-gradient(top, white, #e6e6e6); + background-image: linear-gradient(top, white, #e6e6e6); + text-decoration: none; } + +.action-link a { + color: #993333; } + .action-link a:hover { + color: #4d1919; + text-decoration: none; } + +.content, div.course-wrapper section.course-content { + -webkit-box-shadow: inset 0 0 2px 3px #f3f3f3; + -moz-box-shadow: inset 0 0 2px 3px #f3f3f3; + box-shadow: inset 0 0 2px 3px #f3f3f3; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + display: table-cell; + padding: lh(); + vertical-align: top; + width: 76.518%; + overflow: hidden; } + @media print { + .content, div.course-wrapper section.course-content { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; } } + +.sidebar, section.course-index { + background: #e3e3e3; + -webkit-border-radius: 4px 0 0 4px; + -moz-border-radius: 4px 0 0 4px; + -ms-border-radius: 4px 0 0 4px; + -o-border-radius: 4px 0 0 4px; + border-radius: 4px 0 0 4px; + border-right: 1px solid #d3d3d3; + -webkit-box-shadow: inset 0 0 0 1px #f6f6f6; + -moz-box-shadow: inset 0 0 0 1px #f6f6f6; + box-shadow: inset 0 0 0 1px #f6f6f6; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + display: table-cell; + font-family: "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; + position: relative; + text-shadow: 0 1px 0 #f1f1f1; + vertical-align: top; + width: 23.482%; } + .sidebar h1, section.course-index h1, .sidebar h2, section.course-index h2 { + font-size: 18px; + font-weight: bold; + letter-spacing: 0; + text-transform: none; } + .sidebar a, section.course-index a { + border: none; + font-style: normal; } + .sidebar .bottom-border, section.course-index .bottom-border { + border-bottom: 1px solid #d3d3d3; + -webkit-box-shadow: 0 1px 0 #eeeeee; + -moz-box-shadow: 0 1px 0 #eeeeee; + box-shadow: 0 1px 0 #eeeeee; } + @media print { + .sidebar, section.course-index { + display: none; } } + .sidebar h3, section.course-index h3 { + background: none; + border: none; + color: #000; + font-weight: normal; + margin: 0; + overflow: hidden; } + .sidebar h3 a, section.course-index h3 a { + color: #4d4d4d; + display: block; + font-size: 14px; + padding: 7px 7px 7px 30px; + 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; } + .sidebar h3 span.ui-icon, section.course-index h3 span.ui-icon { + background-image: url(../images/ui-icons_454545_256x240.png); } + .sidebar h3.active, section.course-index h3.active, .sidebar section.course-index div#accordion h3.ui-accordion-header.ui-state-active, section.course-index div#accordion .sidebar h3.ui-accordion-header.ui-state-active, section.course-index div#accordion h3.ui-accordion-header.ui-state-active { + background: none; + background-image: -webkit-linear-gradient(-90deg, #f5f5f5, #e1e1e1); + background-image: -moz-linear-gradient(-90deg, #f5f5f5, #e1e1e1); + background-image: -ms-linear-gradient(-90deg, #f5f5f5, #e1e1e1); + background-image: -o-linear-gradient(-90deg, #f5f5f5, #e1e1e1); + background-image: linear-gradient(-90deg, #f5f5f5, #e1e1e1); + border-bottom: 1px solid #d3d3d3; + -webkit-box-shadow: inset 0 1px 0 0 #eeeeee; + -moz-box-shadow: inset 0 1px 0 0 #eeeeee; + box-shadow: inset 0 1px 0 0 #eeeeee; + color: #000; + font-weight: bold; } + .sidebar h3.active a, section.course-index h3.active a, .sidebar section.course-index div#accordion h3.ui-accordion-header.ui-state-active a, section.course-index div#accordion .sidebar h3.ui-accordion-header.ui-state-active a, section.course-index div#accordion h3.ui-accordion-header.ui-state-active a { + color: #000; } + .sidebar header#open_close_accordion, section.course-index header#open_close_accordion { + border-bottom: 1px solid #d3d3d3; + -webkit-box-shadow: 0 1px 0 #eeeeee; + -moz-box-shadow: 0 1px 0 #eeeeee; + box-shadow: 0 1px 0 #eeeeee; + padding: lh(0.5) lh(); + position: relative; } + .sidebar header#open_close_accordion h2, section.course-index header#open_close_accordion h2 { + margin: 0; + padding-right: 20px; } + .sidebar header#open_close_accordion a, section.course-index header#open_close_accordion a { + background: #eeeeee url("../images/slide-left-icon.png") center center no-repeat; + border: 1px solid #D3D3D3; + -webkit-border-radius: 3px 0 0 3px; + -moz-border-radius: 3px 0 0 3px; + -ms-border-radius: 3px 0 0 3px; + -o-border-radius: 3px 0 0 3px; + border-radius: 3px 0 0 3px; + height: 16px; + padding: 8px; + position: absolute; + right: -1px; + text-indent: -9999px; + top: 6px; + width: 16px; } + .sidebar header#open_close_accordion a:hover, section.course-index header#open_close_accordion a:hover { + background-color: white; } + .sidebar a.button, section.course-index a.button { + text-decoration: none; } + +.topbar, nav.sequence-nav { + background: #f6efd4; + border-bottom: 1px solid #eddfaa; + border-top: 1px solid #fff; + font-size: 12px; + line-height: 46px; + margin: -22.652px -22.652px 22.652px; + text-shadow: 0 1px 0 #fff; } + @media print { + .topbar, nav.sequence-nav { + display: none; } } + .topbar a, nav.sequence-nav a { + border-bottom: 0; + color: #292309; } + .topbar a:hover, nav.sequence-nav a:hover { + color: #7e691a; + text-decoration: none; } + .topbar a.block-link, nav.sequence-nav a.block-link, .topbar nav.sequence-nav ol a, nav.sequence-nav ol .topbar a, nav.sequence-nav ol a { + border-left: 1px solid #e4d080; + -webkit-box-shadow: inset 1px 0 0 #faf7e9; + -moz-box-shadow: inset 1px 0 0 #faf7e9; + box-shadow: inset 1px 0 0 #faf7e9; + display: block; + text-transform: uppercase; } + .topbar a.block-link:hover, nav.sequence-nav a.block-link:hover, .topbar nav.sequence-nav ol a:hover, nav.sequence-nav ol .topbar a:hover, nav.sequence-nav ol a:hover { + background: none; } + +.tran, section.course-index { + -webkit-transition-property: all; + -moz-transition-property: all; + -ms-transition-property: all; + -o-transition-property: all; + transition-property: all; + -webkit-transition-duration: 0.2s; + -moz-transition-duration: 0.2s; + -ms-transition-duration: 0.2s; + -o-transition-duration: 0.2s; + transition-duration: 0.2s; + -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); + -moz-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); + -ms-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); + -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); + transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); + -webkit-transition-delay: 0; + -moz-transition-delay: 0; + -ms-transition-delay: 0; + -o-transition-delay: 0; + transition-delay: 0; } + +p.ie-warning { + background: yellow; + display: block !important; + line-height: 1.3em; + margin-bottom: 0; + padding: lh(); + text-align: left; } + +form { + font-size: 1em; } + form label { + color: #3c3c3c; + font: italic 300 1rem/1.6rem Georgia, Cambria, "Times New Roman", Times, serif; + margin-bottom: 5px; + text-shadow: 0 1px rgba(255, 255, 255, 0.4); + -webkit-font-smoothing: antialiased; } + form input[type="text"], + form input[type="email"], + form input[type="password"] { + background: #fafafa; + border: 1px solid #c8c8c8; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6), inset 0 0 3px 0 rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6), inset 0 0 3px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6), inset 0 0 3px 0 rgba(0, 0, 0, 0.1); + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + font: italic 300 1rem/1.6rem Georgia, Cambria, "Times New Roman", Times, serif; + height: 35px; + padding: 5px 12px; + vertical-align: top; + -webkit-font-smoothing: antialiased; } + form input[type="text"]:last-child, + form input[type="email"]:last-child, + form input[type="password"]:last-child { + margin-right: 0px; } + form input[type="text"]:focus, + form input[type="email"]:focus, + form input[type="password"]:focus { + border-color: #70c4ec; + -webkit-box-shadow: 0 0 6px 0 rgba(29, 157, 217, 0.4), inset 0 0 4px 0 rgba(0, 0, 0, 0.15); + -moz-box-shadow: 0 0 6px 0 rgba(29, 157, 217, 0.4), inset 0 0 4px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 0 6px 0 rgba(29, 157, 217, 0.4), inset 0 0 4px 0 rgba(0, 0, 0, 0.15); + outline: none; } + form input[type="submit"] { + border: 1px solid #002e88; + border-bottom: 1px solid #001e5f; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -ms-border-radius: 5px; + -o-border-radius: 5px; + border-radius: 5px; + -webkit-box-shadow: inset 0 1px 0 0 #42bae5; + -moz-box-shadow: inset 0 1px 0 0 #42bae5; + box-shadow: inset 0 1px 0 0 #42bae5; + color: white; + display: inline; + font-size: 14px; + font-weight: bold; + background-color: #1d9dd9; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1d9dd9), color-stop(50%, #006bb8), color-stop(50%, #0052a9), color-stop(100%, #0057ab)); + background-image: -webkit-linear-gradient(top, #1d9dd9 0%, #006bb8 50%, #0052a9 50%, #0057ab 100%); + background-image: -moz-linear-gradient(top, #1d9dd9 0%, #006bb8 50%, #0052a9 50%, #0057ab 100%); + background-image: -ms-linear-gradient(top, #1d9dd9 0%, #006bb8 50%, #0052a9 50%, #0057ab 100%); + background-image: -o-linear-gradient(top, #1d9dd9 0%, #006bb8 50%, #0052a9 50%, #0057ab 100%); + background-image: linear-gradient(top, #1d9dd9 0%, #006bb8 50%, #0052a9 50%, #0057ab 100%); + padding: 7px 20px 8px; + text-align: center; + text-decoration: none; + text-shadow: 0 -1px 1px #001067; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + font: normal 1.2rem/1.6rem "Open Sans", Verdana, Geneva, sans-serif; + height: 35px; + letter-spacing: 1px; + text-transform: uppercase; + vertical-align: top; } + form input[type="submit"]:hover { + cursor: pointer; + background-color: #108ec7; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #108ec7), color-stop(50%, #005fa6), color-stop(50%, #004897), color-stop(100%, #004d9a)); + background-image: -webkit-linear-gradient(top, #108ec7 0%, #005fa6 50%, #004897 50%, #004d9a 100%); + background-image: -moz-linear-gradient(top, #108ec7 0%, #005fa6 50%, #004897 50%, #004d9a 100%); + background-image: -ms-linear-gradient(top, #108ec7 0%, #005fa6 50%, #004897 50%, #004d9a 100%); + background-image: -o-linear-gradient(top, #108ec7 0%, #005fa6 50%, #004897 50%, #004d9a 100%); + background-image: linear-gradient(top, #108ec7 0%, #005fa6 50%, #004897 50%, #004d9a 100%); } + form input[type="submit"]:active { + -webkit-box-shadow: inset 0 0 20px 0 #00295f, 0 1px 0 white; + -moz-box-shadow: inset 0 0 20px 0 #00295f, 0 1px 0 white; + box-shadow: inset 0 0 20px 0 #00295f, 0 1px 0 white; } + +footer { + background: transparent; + border-top: 1px solid #c8c8c8; + -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.1); + -moz-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.1); + margin: 0 auto; + width: 100%; } + footer.fixed-bottom { + bottom: 0px; + max-width: 100%; + position: absolute; } + footer nav { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + max-width: 1200px; + margin: 0 auto; + padding: 20px 10px 0; + width: 100%; } + footer nav .primary-links { + zoom: 1; + margin-bottom: 30px; } + footer nav .primary-links:before, footer nav .primary-links:after { + content: ""; + display: table; } + footer nav .primary-links:after { + clear: both; } + footer nav .secondary-links { + padding-bottom: 10px; + text-align: left; } + footer nav .secondary-links a { + letter-spacing: 1px; + margin-right: 20px; } + footer nav .copyright { + float: left; + padding-top: 2px; } + footer nav .copyright a.logo { + background-image: url("/static/images/logo.png"); + background-image: url("/static/images/logo.png"); + background-image: url("/static/images/logo.png"); + background-image: url("/static/images/logo.png"); + background-image: url("/static/images/logo.png"); + background-position: 0 -24px; + background-repeat: no-repeat; + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + float: left; + height: 23px; + margin-right: 15px; + margin-top: 2px; + padding-right: 15px; + position: relative; + width: 47px; + vertical-align: middle; } + footer nav .copyright a.logo:hover { + background-position: 0 0; } + footer nav .copyright a.logo::after { + content: ""; + display: block; + height: 30px; + right: 0px; + position: absolute; + top: -2px; + width: 1px; } + footer nav .copyright p { + color: #a0a0a0; + font-style: italic; + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + margin: 0 auto; + padding-top: 1px; + text-align: center; + vertical-align: middle; } + footer nav .copyright p a { + color: #a0a0a0; + font-style: italic; + margin-left: 5px; } + footer nav ol { + float: right; } + footer nav ol li { + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + list-style: none; + padding: 0px 15px; + position: relative; + vertical-align: middle; } + footer nav ol li::after { + content: ""; + display: block; + height: 30px; + right: 0px; + position: absolute; + top: -5px; + width: 1px; } + footer nav ol li a:link, footer nav ol li a:visited { + color: #a0a0a0; + letter-spacing: 1px; + padding: 6px 0px; } + footer nav ol li.social { + border: none; + margin: 0 0 0 5px; + padding: 0; } + footer nav ol li.social a { + opacity: 0.7; + padding: 0 0 0 10px; + -webkit-transition-property: all; + -moz-transition-property: all; + -ms-transition-property: all; + -o-transition-property: all; + transition-property: all; + -webkit-transition-duration: 0.1s; + -moz-transition-duration: 0.1s; + -ms-transition-duration: 0.1s; + -o-transition-duration: 0.1s; + transition-duration: 0.1s; + -webkit-transition-timing-function: linear; + -moz-transition-timing-function: linear; + -ms-transition-timing-function: linear; + -o-transition-timing-function: linear; + transition-timing-function: linear; + -webkit-transition-delay: 0; + -moz-transition-delay: 0; + -ms-transition-delay: 0; + -o-transition-delay: 0; + transition-delay: 0; } + footer nav ol li.social a:hover { + opacity: 1; } + +header.global { + border-bottom: 1px solid #bebebe; + -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1); + background-image: -webkit-linear-gradient(-90deg, white, rgba(230, 230, 230, 0.9)); + background-image: -moz-linear-gradient(-90deg, white, rgba(230, 230, 230, 0.9)); + background-image: -ms-linear-gradient(-90deg, white, rgba(230, 230, 230, 0.9)); + background-image: -o-linear-gradient(-90deg, white, rgba(230, 230, 230, 0.9)); + background-image: linear-gradient(-90deg, white, rgba(230, 230, 230, 0.9)); + height: 68px; + position: relative; + width: 100%; + z-index: 10; } + header.global nav { + zoom: 1; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + height: 40px; + margin: 0 auto; + max-width: 1200px; + padding-top: 14px; + width: 100%; } + header.global nav:before, header.global nav:after { + content: ""; + display: table; } + header.global nav:after { + clear: both; } + header.global h1.logo { + float: left; + margin: 9px 15px 0px 0px; + padding-right: 20px; + position: relative; } + header.global h1.logo::before { + content: ""; + display: block; + height: 50px; + position: absolute; + right: 1px; + top: -12px; + width: 1px; } + header.global h1.logo::after { + content: ""; + display: block; + height: 50px; + position: absolute; + right: 0px; + top: -12px; + width: 1px; } + header.global h1.logo a { + background-image: url("/static/images/logo.png"); + background-image: url("/static/images/logo.png"); + background-image: url("/static/images/logo.png"); + background-image: url("/static/images/logo.png"); + background-image: url("/static/images/logo.png"); + background-position: 0 0; + background-repeat: no-repeat; + display: block; + height: 23px; + width: 47px; } + header.global ol.left { + float: left; } + header.global ol.guest { + float: right; } + header.global ol > li { + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + margin-right: 20px; + position: relative; + vertical-align: middle; } + header.global ol > li:last-child { + margin-right: 0px; } + header.global ol > li a { + letter-spacing: 1px; + vertical-align: middle; } + header.global ol li.secondary > a { + color: #a0a0a0; + color: #1d9dd9; + display: block; + font-family: "Open Sans", Verdana, Geneva, sans-serif; + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + margin: 0px 30px 0px 0px; + text-decoration: none; + text-transform: uppercase; + text-shadow: 0 1px rgba(255, 255, 255, 0.6); } + header.global ol li.secondary > a:last-child { + margin-right: 0px; } + header.global ol li.secondary > a:hover { + color: #3c3c3c; } + header.global ol li.primary { + margin-right: 5px; } + header.global ol li.primary > a { + background-image: -webkit-linear-gradient(-90deg, #f5f5f5 0%, #f3f3f3 50%, #ededed 50%, #ebebeb 100%); + background-image: -moz-linear-gradient(-90deg, #f5f5f5 0%, #f3f3f3 50%, #ededed 50%, #ebebeb 100%); + background-image: -ms-linear-gradient(-90deg, #f5f5f5 0%, #f3f3f3 50%, #ededed 50%, #ebebeb 100%); + background-image: -o-linear-gradient(-90deg, #f5f5f5 0%, #f3f3f3 50%, #ededed 50%, #ebebeb 100%); + background-image: linear-gradient(-90deg, #f5f5f5 0%, #f3f3f3 50%, #ededed 50%, #ebebeb 100%); + border: 1px solid transparent; + border-color: #c8c8c8; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6); + -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6); + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6); + color: #3c3c3c; + display: inline-block; + font-family: "Open Sans", Verdana, Geneva, sans-serif; + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + line-height: 1em; + margin: 1px 5px; + padding: 10px 12px; + text-decoration: none; + text-transform: uppercase; + text-shadow: 0 1px rgba(255, 255, 255, 0.6); + vertical-align: middle; } + header.global ol li.primary > a:last-child { + margin-right: 0px; } + header.global ol.user { + float: right; } + header.global ol.user a.user-link { + padding: 10px 12px 10px 42px; + position: relative; + text-transform: none; } + header.global ol.user a.user-link .avatar { + background: #dcdcdc; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + border: 1px solid #505050; + -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6); + -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6); + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6); + height: 21px; + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + left: 8px; + overflow: hidden; + position: absolute; + top: 7px; + width: 21px; } + header.global ol.user a.user-link .avatar::after { + background-image: -webkit-linear-gradient(-60deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.3) 100%); + background-image: -moz-linear-gradient(-60deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.3) 100%); + background-image: -ms-linear-gradient(-60deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.3) 100%); + background-image: -o-linear-gradient(-60deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.3) 100%); + background-image: linear-gradient(-60deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.3) 100%); + content: ""; + display: block; + height: 100%; + position: absolute; + right: 0px; + top: 0px; + width: 100%; } + header.global ol.user a.user-link .avatar img { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + display: block; + min-height: 100%; + min-width: 100%; + height: 100%; } + header.global ol.user ul.dropdown-menu { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.3); + -moz-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.3); + box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.3); + border: 1px solid black; + background-image: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 100%); + background-image: -moz-linear-gradient(-90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 100%); + background-image: -ms-linear-gradient(-90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 100%); + background-image: -o-linear-gradient(-90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 100%); + background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 100%); + display: none; + padding: 5px 10px; + position: absolute; + right: 4px; + top: 50px; + width: 150px; + z-index: 3; } + header.global ol.user ul.dropdown-menu.expanded { + display: block; } + header.global ol.user ul.dropdown-menu::before { + background: transparent; + border-top: 6px solid black; + border-right: 6px solid black; + border-bottom: 6px solid transparent; + border-left: 6px solid transparent; + -webkit-box-shadow: 1px 0 0 0 black, 0 -1px 0 0 black; + -moz-box-shadow: 1px 0 0 0 black, 0 -1px 0 0 black; + box-shadow: 1px 0 0 0 black, 0 -1px 0 0 black; + content: ""; + display: block; + height: 0px; + position: absolute; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); + right: 12px; + top: -6px; + width: 0px; } + header.global ol.user ul.dropdown-menu li { + display: block; + border-top: 1px solid rgba(0, 0, 0, 0.4); + -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.05); + -moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.05); + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.05); } + header.global ol.user ul.dropdown-menu li:first-child { + border: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; } + header.global ol.user ul.dropdown-menu li > a { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + color: rgba(255, 255, 255, 0.9); + display: block; + font-family: Georgia, Cambria, "Times New Roman", Times, serif; + height: auto; + line-height: 1em; + margin: 5px 0px; + overflow: hidden; + padding: 3px 5px 4px; + text-shadow: none; + text-overflow: ellipsis; + text-transform: none; + -webkit-transition-property: padding; + -moz-transition-property: padding; + -ms-transition-property: padding; + -o-transition-property: padding; + transition-property: padding; + -webkit-transition-duration: 0.1s; + -moz-transition-duration: 0.1s; + -ms-transition-duration: 0.1s; + -o-transition-duration: 0.1s; + transition-duration: 0.1s; + -webkit-transition-timing-function: linear; + -moz-transition-timing-function: linear; + -ms-transition-timing-function: linear; + -o-transition-timing-function: linear; + transition-timing-function: linear; + -webkit-transition-delay: 0; + -moz-transition-delay: 0; + -ms-transition-delay: 0; + -o-transition-delay: 0; + transition-delay: 0; + white-space: nowrap; + width: 100%; } + header.global ol.user ul.dropdown-menu li > a:hover { + background: #1d9dd9; + background-image: -webkit-linear-gradient(-90deg, #5abbe9 0%, #1d9dd9 100%); + background-image: -moz-linear-gradient(-90deg, #5abbe9 0%, #1d9dd9 100%); + background-image: -ms-linear-gradient(-90deg, #5abbe9 0%, #1d9dd9 100%); + background-image: -o-linear-gradient(-90deg, #5abbe9 0%, #1d9dd9 100%); + background-image: linear-gradient(-90deg, #5abbe9 0%, #1d9dd9 100%); + border-color: black; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + padding-left: 8px; + text-shadow: 0 -1px rgba(0, 0, 0, 0.2); } + +.highlighted-courses .courses, .find-courses .courses { + zoom: 1; + padding: 40px 15px 15px; } + .highlighted-courses .courses:before, .highlighted-courses .courses:after, .find-courses .courses:before, .find-courses .courses:after { + content: ""; + display: table; } + .highlighted-courses .courses:after, .find-courses .courses:after { + clear: both; } + .highlighted-courses .courses .course, .find-courses .courses .course { + background: #fafafa; + border: 1px solid #b4b4b4; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + -ms-border-radius: 2px; + -o-border-radius: 2px; + border-radius: 2px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.9); + -moz-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.9); + box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.9); + float: left; + margin-right: 2.024%; + margin-bottom: 30px; + position: relative; + width: 31.984%; + -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: linear; + -moz-transition-timing-function: linear; + -ms-transition-timing-function: linear; + -o-transition-timing-function: linear; + transition-timing-function: linear; + -webkit-transition-delay: 0; + -moz-transition-delay: 0; + -ms-transition-delay: 0; + -o-transition-delay: 0; + transition-delay: 0; } + .highlighted-courses .courses .course:nth-child(3n+3), .find-courses .courses .course:nth-child(3n+3) { + margin-right: 0; } + .highlighted-courses .courses .course .meta-info, .find-courses .courses .course .meta-info { + background: rgba(0, 0, 0, 0.6); + bottom: 6px; + border: 1px solid rgba(0, 0, 0, 0.5); + -webkit-border-top-right-radius: 2px; + -moz-border-top-right-radius: 2px; + -moz-border-radius-topright: 2px; + -ms-border-top-right-radius: 2px; + -o-border-top-right-radius: 2px; + border-top-right-radius: 2px; + -webkit-border-bottom-right-radius: 2px; + -moz-border-bottom-right-radius: 2px; + -moz-border-radius-bottomright: 2px; + -ms-border-bottom-right-radius: 2px; + -o-border-bottom-right-radius: 2px; + border-bottom-right-radius: 2px; + -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); + -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); + zoom: 1; + position: absolute; + right: -3px; + -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: linear; + -moz-transition-timing-function: linear; + -ms-transition-timing-function: linear; + -o-transition-timing-function: linear; + transition-timing-function: linear; + -webkit-transition-delay: 0; + -moz-transition-delay: 0; + -ms-transition-delay: 0; + -o-transition-delay: 0; + transition-delay: 0; } + .highlighted-courses .courses .course .meta-info:before, .highlighted-courses .courses .course .meta-info:after, .find-courses .courses .course .meta-info:before, .find-courses .courses .course .meta-info:after { + content: ""; + display: table; } + .highlighted-courses .courses .course .meta-info:after, .find-courses .courses .course .meta-info:after { + clear: both; } + .highlighted-courses .courses .course .meta-info p, .find-courses .courses .course .meta-info p { + color: white; + line-height: 1.2em; + padding: 4px 12px 5px; } + .highlighted-courses .courses .course .inner-wrapper, .find-courses .courses .course .inner-wrapper { + border: 1px solid white; + height: 100%; + height: 180px; + overflow: hidden; + position: relative; } + .highlighted-courses .courses .course header.course-preview, .find-courses .courses .course header.course-preview { + left: 0px; + position: absolute; + top: 0px; + width: 100%; + z-index: 3; } + .highlighted-courses .courses .course header.course-preview > a, .find-courses .courses .course header.course-preview > a { + background-image: -webkit-linear-gradient(-90deg, white, rgba(255, 255, 255, 0.85)); + background-image: -moz-linear-gradient(-90deg, white, rgba(255, 255, 255, 0.85)); + background-image: -ms-linear-gradient(-90deg, white, rgba(255, 255, 255, 0.85)); + background-image: -o-linear-gradient(-90deg, white, rgba(255, 255, 255, 0.85)); + background-image: linear-gradient(-90deg, white, rgba(255, 255, 255, 0.85)); + -webkit-box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.2); + -moz-box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.2); + box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.2); + border-bottom: 1px solid rgba(150, 150, 150, 0.7); + display: block; + height: 50px; } + .highlighted-courses .courses .course header.course-preview > a hgroup, .find-courses .courses .course header.course-preview > a hgroup { + left: 0px; + padding: 5px 10px; + position: absolute; + right: 60px; + top: 0px; } + .highlighted-courses .courses .course header.course-preview > a hgroup h2, .find-courses .courses .course header.course-preview > a hgroup h2 { + color: #3c3c3c; + margin-bottom: 0px; + padding-top: 9px; + text-shadow: 0 1px rgba(255, 255, 255, 0.6); + text-overflow: ellipsis; + white-space: nowrap; } + .highlighted-courses .courses .course header.course-preview > a .info-link, .find-courses .courses .course header.course-preview > a .info-link { + border-left: 1px solid rgba(150, 150, 150, 0.5); + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + color: #3c3c3c; + display: block; + font: bold 1.6em/1.2em "Open Sans", Verdana, Geneva, sans-serif; + height: 100%; + opacity: 0.6; + padding-top: 10px; + position: absolute; + right: 0px; + text-align: center; + text-shadow: 0 1px rgba(255, 255, 255, 0.6); + top: 0px; + width: 60px; } + .highlighted-courses .courses .course header.course-preview > a:hover, .find-courses .courses .course header.course-preview > a:hover { + background-image: -webkit-linear-gradient(-90deg, white, rgba(255, 255, 255, 0.8)); + background-image: -moz-linear-gradient(-90deg, white, rgba(255, 255, 255, 0.8)); + background-image: -ms-linear-gradient(-90deg, white, rgba(255, 255, 255, 0.8)); + background-image: -o-linear-gradient(-90deg, white, rgba(255, 255, 255, 0.8)); + background-image: linear-gradient(-90deg, white, rgba(255, 255, 255, 0.8)); } + .highlighted-courses .courses .course header.course-preview > a:hover h2, .highlighted-courses .courses .course header.course-preview > a:hover .info-link, .find-courses .courses .course header.course-preview > a:hover h2, .find-courses .courses .course header.course-preview > a:hover .info-link { + color: #1d9dd9; + opacity: 1; } + .highlighted-courses .courses .course header.course-preview > a:hover h2, .find-courses .courses .course header.course-preview > a:hover h2 { + text-decoration: underline; } + .highlighted-courses .courses .course .info, .find-courses .courses .course .info { + background: white; + height: 310px; + left: 0px; + position: absolute; + top: 0px; + -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: linear; + -moz-transition-timing-function: linear; + -ms-transition-timing-function: linear; + -o-transition-timing-function: linear; + transition-timing-function: linear; + -webkit-transition-delay: 0; + -moz-transition-delay: 0; + -ms-transition-delay: 0; + -o-transition-delay: 0; + transition-delay: 0; + width: 100%; } + .highlighted-courses .courses .course .info .cover-image, .find-courses .courses .course .info .cover-image { + height: 180px; + overflow: hidden; + width: 100%; } + .highlighted-courses .courses .course .info .cover-image img, .find-courses .courses .course .info .cover-image img { + display: block; + min-height: 100%; + width: 100%; } + .highlighted-courses .courses .course .info .desc, .find-courses .courses .course .info .desc { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + height: 100px; + overflow: hidden; + padding: 10px 10px 12px 10px; + position: relative; + width: 100%; } + .highlighted-courses .courses .course .info .desc p, .find-courses .courses .course .info .desc p { + height: 100%; + overflow: hidden; + text-overflow: ellipsis; } + .highlighted-courses .courses .course .info .bottom, .find-courses .courses .course .info .bottom { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 0px 10px 10px 10px; + width: 100%; } + .highlighted-courses .courses .course .info .bottom .university, .find-courses .courses .course .info .bottom .university { + border-right: 1px solid #c8c8c8; + color: #a0a0a0; + letter-spacing: 1px; + margin-right: 10px; + padding-right: 10px; } + .highlighted-courses .courses .course .info .bottom .university:hover, .find-courses .courses .course .info .bottom .university:hover { + color: #1d9dd9; } + .highlighted-courses .courses .course .info .bottom .start-date, .find-courses .courses .course .info .bottom .start-date { + color: #a0a0a0; + letter-spacing: 1px; } + .highlighted-courses .courses .course:hover, .find-courses .courses .course:hover { + background: #f5f5f5; + border-color: #aaaaaa; + -webkit-box-shadow: 0 1px 16px 0 rgba(29, 157, 217, 0.4); + -moz-box-shadow: 0 1px 16px 0 rgba(29, 157, 217, 0.4); + box-shadow: 0 1px 16px 0 rgba(29, 157, 217, 0.4); } + .highlighted-courses .courses .course:hover .info, .find-courses .courses .course:hover .info { + top: -130px; } + .highlighted-courses .courses .course:hover .meta-info, .find-courses .courses .course:hover .meta-info { + opacity: 0; } + +.filter { + height: 60px; } + .filter nav { + background-image: -webkit-linear-gradient(-90deg, #fafafa, #e6e6e6); + background-image: -moz-linear-gradient(-90deg, #fafafa, #e6e6e6); + background-image: -ms-linear-gradient(-90deg, #fafafa, #e6e6e6); + background-image: -o-linear-gradient(-90deg, #fafafa, #e6e6e6); + background-image: linear-gradient(-90deg, #fafafa, #e6e6e6); + -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4), inset 0 0 0 -1px rgba(255, 255, 255, 0.4); + -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4), inset 0 0 0 -1px rgba(255, 255, 255, 0.4); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4), inset 0 0 0 -1px rgba(255, 255, 255, 0.4); + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + border: 1px solid #bebebe; + border-bottom-color: #c8c8c8; + border-top: none; + -webkit-border-bottom-left-radius: 4px; + -moz-border-bottom-left-radius: 4px; + -moz-border-radius-bottomleft: 4px; + -ms-border-bottom-left-radius: 4px; + -o-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + -webkit-border-bottom-right-radius: 4px; + -moz-border-bottom-right-radius: 4px; + -moz-border-radius-bottomright: 4px; + -ms-border-bottom-right-radius: 4px; + -o-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; + zoom: 1; + height: 60px; + padding: 12px 10px; + position: relative; + z-index: 9; } + .filter nav:before, .filter nav:after { + content: ""; + display: table; } + .filter nav:after { + clear: both; } + .filter nav.fixed-top { + -webkit-box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.4); + -moz-box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.4); + box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.4); + max-width: 1200px; + position: fixed; + top: 0px; + width: 100%; } + .filter nav .dropdown { + float: left; + margin-right: 15px; + position: relative; } + .filter nav .dropdown .filter-heading { + background-image: -webkit-linear-gradient(-90deg, #fafafa 0%, #f5f5f5 50%, #ebebeb 50%, #e6e6e6 100%); + background-image: -moz-linear-gradient(-90deg, #fafafa 0%, #f5f5f5 50%, #ebebeb 50%, #e6e6e6 100%); + background-image: -ms-linear-gradient(-90deg, #fafafa 0%, #f5f5f5 50%, #ebebeb 50%, #e6e6e6 100%); + background-image: -o-linear-gradient(-90deg, #fafafa 0%, #f5f5f5 50%, #ebebeb 50%, #e6e6e6 100%); + background-image: linear-gradient(-90deg, #fafafa 0%, #f5f5f5 50%, #ebebeb 50%, #e6e6e6 100%); + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.4), inset 0 1px 0 0 rgba(255, 255, 255, 0.6); + -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.4), inset 0 1px 0 0 rgba(255, 255, 255, 0.6); + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.4), inset 0 1px 0 0 rgba(255, 255, 255, 0.6); + border: 1px solid #c8c8c8; + color: #3c3c3c; + cursor: pointer; + height: 36px; + padding: 9px; + position: relative; + text-align: center; + text-shadow: 0 1px rgba(255, 255, 255, 0.8); + width: 150px; + z-index: 11; } + .filter nav .dropdown ul { + background: white; + -webkit-border-radius: 0px 4px 4px 4px; + -moz-border-radius: 0px 4px 4px 4px; + -ms-border-radius: 0px 4px 4px 4px; + -o-border-radius: 0px 4px 4px 4px; + border-radius: 0px 4px 4px 4px; + border: 1px solid #c8c8c8; + -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2); + box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2); + padding: 20px 0px 5px 20px; + position: absolute; + visibility: hidden; + width: 200px; + z-index: 10; } + .filter nav .dropdown ul li { + list-style: none; + margin-bottom: 15px; } + .filter nav .dropdown:hover .filter-heading { + background: white; + background-image: -webkit-linear-gradient(-90deg, #fafafa, white); + background-image: -moz-linear-gradient(-90deg, #fafafa, white); + background-image: -ms-linear-gradient(-90deg, #fafafa, white); + background-image: -o-linear-gradient(-90deg, #fafafa, white); + background-image: linear-gradient(-90deg, #fafafa, white); + -webkit-border-radius: 4px 4px 0px 0px; + -moz-border-radius: 4px 4px 0px 0px; + -ms-border-radius: 4px 4px 0px 0px; + -o-border-radius: 4px 4px 0px 0px; + border-radius: 4px 4px 0px 0px; + border-bottom: 1px dotted #c8c8c8; + -webkit-box-shadow: 0 2px 0 -1px white; + -moz-box-shadow: 0 2px 0 -1px white; + box-shadow: 0 2px 0 -1px white; + color: #3c3c3c; + height: 40px; } + .filter nav .dropdown:hover ul { + visibility: visible; } + .filter nav form.search { + float: right; } + .filter nav form.search input[type="text"] { + -webkit-border-radius: 3px 0px 0px 3px; + -moz-border-radius: 3px 0px 0px 3px; + -ms-border-radius: 3px 0px 0px 3px; + -o-border-radius: 3px 0px 0px 3px; + border-radius: 3px 0px 0px 3px; + float: left; + height: 36px; + width: 200px; } + .filter nav form.search input[type="submit"] { + -webkit-border-radius: 0px 3px 3px 0px; + -moz-border-radius: 0px 3px 3px 0px; + -ms-border-radius: 0px 3px 3px 0px; + -o-border-radius: 0px 3px 3px 0px; + border-radius: 0px 3px 3px 0px; + float: left; + height: 36px; + padding: 2px 20px; } + +#lean_overlay { + background: transparent; + background-image: -webkit-radial-gradient(50% 30%, circle cover, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.8)); + background-image: -moz-radial-gradient(50% 30%, circle cover, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.8)); + background-image: -ms-radial-gradient(50% 30%, circle cover, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.8)); + background-image: -o-radial-gradient(50% 30%, circle cover, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.8)); + background-image: radial-gradient(50% 30%, circle cover, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.8)); + display: none; + height: 100%; + left: 0px; + position: fixed; + top: 0px; + width: 100%; + z-index: 100; } + +.modal { + background: rgba(0, 0, 0, 0.6); + border: 1px solid rgba(0, 0, 0, 0.9); + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + -ms-border-radius: 0px; + -o-border-radius: 0px; + border-radius: 0px; + -webkit-box-shadow: 0 15px 80px 15px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 0 15px 80px 15px rgba(0, 0, 0, 0.5); + box-shadow: 0 15px 80px 15px rgba(0, 0, 0, 0.5); + color: #fff; + display: none; + left: 50%; + padding: 8px; + position: absolute; + width: 485px; + z-index: 12; } + .modal.video-modal { + left: 50%; + padding: 10px; + width: 582px; } + .modal.video-modal .inner-wrapper { + background: #000; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + height: 315px; + padding: 10px; + width: 560px; } + .modal.home-page-video-modal { + left: 50%; + padding: 10px; + width: 662px; } + .modal.home-page-video-modal .inner-wrapper { + background: #000; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + height: 360px; + padding: 10px; + width: 640px; } + .modal .inner-wrapper { + background: #f5f5f5; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + -ms-border-radius: 0px; + -o-border-radius: 0px; + border-radius: 0px; + border: 1px solid rgba(0, 0, 0, 0.9); + -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.7); + -moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.7); + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.7); + overflow: hidden; + padding-bottom: 30px; + position: relative; + z-index: 2; } + .modal .inner-wrapper header { + margin-bottom: 30px; + overflow: hidden; + padding: 28px 20px 0px; + position: relative; + z-index: 2; } + .modal .inner-wrapper header::before { + background-image: -webkit-radial-gradient(50% 50%, circle closest-side, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%); + background-image: -moz-radial-gradient(50% 50%, circle closest-side, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%); + background-image: -ms-radial-gradient(50% 50%, circle closest-side, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%); + background-image: -o-radial-gradient(50% 50%, circle closest-side, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%); + background-image: radial-gradient(50% 50%, circle closest-side, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%); + content: ""; + display: block; + height: 400px; + left: 0px; + margin: 0 auto; + position: absolute; + top: -140px; + width: 100%; + z-index: 1; } + .modal .inner-wrapper header hr { + border: none; + margin: 0px; + position: relative; + z-index: 2; } + .modal .inner-wrapper header hr::after { + bottom: 0px; + content: ""; + display: block; + position: absolute; + top: -1px; } + .modal .inner-wrapper header h2 { + position: relative; + text-align: center; + text-shadow: 0 1px rgba(255, 255, 255, 0.4); + z-index: 2; } + .modal .inner-wrapper form { + margin-bottom: 12px; + padding: 0px 40px; + position: relative; + z-index: 2; } + .modal .inner-wrapper form label { + display: none; } + .modal .inner-wrapper form input[type="checkbox"] { + margin-right: 5px; } + .modal .inner-wrapper form input[type="email"], + .modal .inner-wrapper form input[type="text"], + .modal .inner-wrapper form input[type="password"] { + background: white; + display: block; + height: 45px; + margin-bottom: 20px; + width: 100%; } + .modal .inner-wrapper form label.remember-me, + .modal .inner-wrapper form label.terms-of-service, + .modal .inner-wrapper form label.honor-code { + background: #e9e9e9; + border: 1px solid #c8c8c8; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6); + -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6); + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6); + display: block; + margin-bottom: 20px; + padding: 8px 10px; } + .modal .inner-wrapper form label.remember-me:hover, + .modal .inner-wrapper form label.terms-of-service:hover, + .modal .inner-wrapper form label.honor-code:hover { + background: #e6e6e6; } + .modal .inner-wrapper form label.remember-me a, + .modal .inner-wrapper form label.terms-of-service a, + .modal .inner-wrapper form label.honor-code a { + font-family: Georgia, Cambria, "Times New Roman", Times, serif; + font-style: italic; } + .modal .inner-wrapper form .honor-code-summary { + margin-bottom: 20px; + padding: 0px; + position: relative; } + .modal .inner-wrapper form .honor-code-summary p { + color: #a0a0a0; + font-family: "Open Sans", Verdana, Geneva, sans-serif; } + .modal .inner-wrapper form .honor-code-summary hr { + border: none; + margin-top: 30px; + position: relative; + z-index: 2; } + .modal .inner-wrapper form .honor-code-summary hr::after { + bottom: 0px; + content: ""; + display: block; + position: absolute; + top: -1px; } + .modal .inner-wrapper form .honor-code-summary ul { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + margin: 0; + padding: 0 0 0 20px; + width: 100%; } + .modal .inner-wrapper form .honor-code-summary ul li { + color: #a0a0a0; + font: 300 1.2rem/1.6rem "Open Sans", Verdana, Geneva, sans-serif; + margin-bottom: 10px; } + .modal .inner-wrapper form .honor-code-summary ul li:last-child { + margin-bottom: 0px; } + .modal .inner-wrapper form .submit { + padding-top: 10px; } + .modal .inner-wrapper form .submit input[type="submit"] { + display: block; + height: 45px; + margin: 0 auto; + width: 100%; } + .modal .inner-wrapper .login-extra { + position: relative; + z-index: 2; } + .modal .inner-wrapper .login-extra p { + color: #a0a0a0; + font-style: italic; + text-align: center; } + .modal .inner-wrapper .login-extra p span { + color: #a0a0a0; + font-family: Georgia, Cambria, "Times New Roman", Times, serif; + font-style: italic; } + .modal .inner-wrapper .login-extra p a { + color: #a0a0a0; + font-family: Georgia, Cambria, "Times New Roman", Times, serif; + font-style: italic; + text-decoration: underline; } + .modal .inner-wrapper .login-extra p a:hover { + color: #3c3c3c; } + .modal .inner-wrapper .login-extra p span + a { + margin-left: 15px; } + .modal .inner-wrapper .close-modal { + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + -ms-border-radius: 2px; + -o-border-radius: 2px; + border-radius: 2px; + cursor: pointer; + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + padding: 10px; + position: absolute; + right: 2px; + top: 0px; + z-index: 3; } + .modal .inner-wrapper .close-modal .inner p { + color: #a0a0a0; + font: normal 1.2rem/1.2rem "Open Sans", Verdana, Geneva, sans-serif; + text-align: center; + text-shadow: 0 1px rgba(255, 255, 255, 0.8); + -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; } + .modal .inner-wrapper .close-modal:hover p { + color: #3c3c3c; } + +.home { + padding: 0px; } + .home > header { + background: white; + background-image: url("/static/images/shot-2-large.jpg"); + background-image: url("/static/images/shot-2-large.jpg"); + background-image: url("/static/images/shot-2-large.jpg"); + background-image: url("/static/images/shot-2-large.jpg"); + background-image: url("/static/images/shot-2-large.jpg"); + background-size: cover; + border-bottom: 1px solid #505050; + -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.9), inset 0 -1px 5px 0 rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.9), inset 0 -1px 5px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.9), inset 0 -1px 5px 0 rgba(0, 0, 0, 0.1); + zoom: 1; + margin-top: -69px; + overflow: hidden; + padding: 149px 0px 90px; + width: 100%; } + .home > header:before, .home > header:after { + content: ""; + display: table; } + .home > header:after { + clear: both; } + .home > header .outer-wrapper { + max-width: 1200px; + margin: 0 auto; + position: relative; + text-align: center; } + .home > header .outer-wrapper:hover .main-cta { + -webkit-box-shadow: 0 1px 16px 0 rgba(29, 157, 217, 0.35); + -moz-box-shadow: 0 1px 16px 0 rgba(29, 157, 217, 0.35); + box-shadow: 0 1px 16px 0 rgba(29, 157, 217, 0.35); } + .home > header .inner-wrapper { + background: rgba(255, 255, 255, 0.9); + border: 1px solid #646464; + -webkit-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.5); + -moz-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.5); + box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.5); + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + padding: 30px 50px 30px; + position: relative; + text-align: center; + z-index: 1; } + .home > header .title { + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + margin-right: 50px; + padding-right: 50px; + position: relative; + text-align: left; + vertical-align: middle; } + .home > header .title::before { + content: ""; + display: block; + height: 170px; + position: absolute; + right: 0px; + top: -20px; } + .home > header .title::after { + content: ""; + display: block; + height: 170px; + position: absolute; + right: -1px; + top: -20px; } + .home > header .title h1 { + border-bottom: 1px solid #c8c8c8; + margin-bottom: 25px; + padding-bottom: 15px; + text-align: left; + text-shadow: 0 1px rgba(255, 255, 255, 0.6); } + .home > header .title .main-cta { + zoom: 1; + float: left; + margin-right: 2.024%; + -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: linear; + -moz-transition-timing-function: linear; + -ms-transition-timing-function: linear; + -o-transition-timing-function: linear; + transition-timing-function: linear; + -webkit-transition-delay: 0; + -moz-transition-delay: 0; + -ms-transition-delay: 0; + -o-transition-delay: 0; + transition-delay: 0; + width: 48.988%; } + .home > header .title .main-cta:before, .home > header .title .main-cta:after { + content: ""; + display: table; } + .home > header .title .main-cta:after { + clear: both; } + .home > header .title .main-cta > a.find-courses { + border: 1px solid #002e88; + border-bottom: 1px solid #001e5f; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -ms-border-radius: 5px; + -o-border-radius: 5px; + border-radius: 5px; + -webkit-box-shadow: inset 0 1px 0 0 #42bae5; + -moz-box-shadow: inset 0 1px 0 0 #42bae5; + box-shadow: inset 0 1px 0 0 #42bae5; + color: white; + display: inline; + font-size: 14px; + font-weight: bold; + background-color: #1d9dd9; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1d9dd9), color-stop(50%, #006bb8), color-stop(50%, #0052a9), color-stop(100%, #0057ab)); + background-image: -webkit-linear-gradient(top, #1d9dd9 0%, #006bb8 50%, #0052a9 50%, #0057ab 100%); + background-image: -moz-linear-gradient(top, #1d9dd9 0%, #006bb8 50%, #0052a9 50%, #0057ab 100%); + background-image: -ms-linear-gradient(top, #1d9dd9 0%, #006bb8 50%, #0052a9 50%, #0057ab 100%); + background-image: -o-linear-gradient(top, #1d9dd9 0%, #006bb8 50%, #0052a9 50%, #0057ab 100%); + background-image: linear-gradient(top, #1d9dd9 0%, #006bb8 50%, #0052a9 50%, #0057ab 100%); + padding: 7px 20px 8px; + text-align: center; + text-decoration: none; + text-shadow: 0 -1px 1px #001067; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + display: block; + font: normal 1.2rem/1.6rem "Open Sans", Verdana, Geneva, sans-serif; + letter-spacing: 1px; + padding: 10px 0px; + text-transform: uppercase; + text-align: center; + width: 100%; } + .home > header .title .main-cta > a.find-courses:hover { + cursor: pointer; + background-color: #108ec7; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #108ec7), color-stop(50%, #005fa6), color-stop(50%, #004897), color-stop(100%, #004d9a)); + background-image: -webkit-linear-gradient(top, #108ec7 0%, #005fa6 50%, #004897 50%, #004d9a 100%); + background-image: -moz-linear-gradient(top, #108ec7 0%, #005fa6 50%, #004897 50%, #004d9a 100%); + background-image: -ms-linear-gradient(top, #108ec7 0%, #005fa6 50%, #004897 50%, #004d9a 100%); + background-image: -o-linear-gradient(top, #108ec7 0%, #005fa6 50%, #004897 50%, #004d9a 100%); + background-image: linear-gradient(top, #108ec7 0%, #005fa6 50%, #004897 50%, #004d9a 100%); } + .home > header .title .main-cta > a.find-courses:active { + -webkit-box-shadow: inset 0 0 20px 0 #00295f, 0 1px 0 white; + -moz-box-shadow: inset 0 0 20px 0 #00295f, 0 1px 0 white; + box-shadow: inset 0 0 20px 0 #00295f, 0 1px 0 white; } + .home > header .title .main-cta > a.find-courses:hover { + color: white; } + .home > header .title .social-sharing { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + float: left; + height: 44px; + position: relative; + text-align: center; + width: 48.988%; } + .home > header .title .social-sharing:hover .sharing-message { + opacity: 1; + top: 56px; } + .home > header .title .social-sharing .sharing-message { + background-image: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 100%); + background-image: -moz-linear-gradient(-90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 100%); + background-image: -ms-linear-gradient(-90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 100%); + background-image: -o-linear-gradient(-90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 100%); + background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 100%); + border: 1px solid rgba(0, 0, 0, 0.5); + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.5); + -moz-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.5); + box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.5); + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + color: white; + float: right; + font-family: Georgia, Cambria, "Times New Roman", Times, serif; + font-size: 0.9em; + font-style: italic; + left: 50%; + margin-left: -110px; + opacity: 0; + padding: 6px 10px; + position: absolute; + text-align: center; + -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; + top: 65px; + width: 220px; } + .home > header .title .social-sharing .sharing-message:hover { + opacity: 0; } + .home > header .title .social-sharing .share { + height: 44px; + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + margin-right: 10px; + opacity: 0.5; + -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: linear; + -moz-transition-timing-function: linear; + -ms-transition-timing-function: linear; + -o-transition-timing-function: linear; + transition-timing-function: linear; + -webkit-transition-delay: 0; + -moz-transition-delay: 0; + -ms-transition-delay: 0; + -o-transition-delay: 0; + transition-delay: 0; + width: 44px; } + .home > header .title .social-sharing .share:hover { + opacity: 1; } + .home > header .title .social-sharing .share img { + width: 100%; } + .home > header .title .social-sharing .share:last-child { + margin-right: 0px; } + .home > header .media { + background: #fff; + border: 1px solid #c8c8c8; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + padding: 1px; + position: relative; + vertical-align: middle; + width: 210px; + z-index: 2; } + .home > header .media .hero { + height: 125px; + overflow: hidden; + position: relative; } + .home > header .media .hero .play-intro { + background-image: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.75)); + background-image: -moz-linear-gradient(-90deg, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.75)); + background-image: -ms-linear-gradient(-90deg, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.75)); + background-image: -o-linear-gradient(-90deg, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.75)); + background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.75)); + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.4); + -moz-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.4); + box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.4); + border: 2px solid rgba(255, 255, 255, 0.8); + height: 80px; + left: 50%; + margin-top: -40px; + margin-left: -40px; + position: absolute; + top: 50%; + -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: linear; + -moz-transition-timing-function: linear; + -ms-transition-timing-function: linear; + -o-transition-timing-function: linear; + transition-timing-function: linear; + -webkit-transition-delay: 0; + -moz-transition-delay: 0; + -ms-transition-delay: 0; + -o-transition-delay: 0; + transition-delay: 0; + width: 80px; } + .home > header .media .hero .play-intro::after { + color: rgba(255, 255, 255, 0.8); + content: "\25B6"; + display: block; + font: normal 2em/1em "Open Sans", Verdana, Geneva, sans-serif; + left: 50%; + margin-left: -11px; + margin-top: -16px; + position: absolute; + text-shadow: 0 -1px rgba(0, 0, 0, 0.8); + top: 50%; } + .home > header .media .hero img { + display: block; + width: 100%; } + .home > header .media:hover { + cursor: pointer; } + .home > header .media:hover .play-intro { + background-image: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.8)); + background-image: -moz-linear-gradient(-90deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.8)); + background-image: -ms-linear-gradient(-90deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.8)); + background-image: -o-linear-gradient(-90deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.8)); + background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.8)); + -webkit-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.5); + -moz-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.5); + box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.5); + border-color: rgba(255, 255, 255, 0.9); } + .home > header .media:hover .play-intro::after { + color: white; } + .home .highlighted-courses { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + margin-bottom: 40px; + position: relative; + width: 100%; + z-index: 1; } + .home .highlighted-courses > h2 { + background-image: -webkit-linear-gradient(-90deg, #fafafa, #e6e6e6); + background-image: -moz-linear-gradient(-90deg, #fafafa, #e6e6e6); + background-image: -ms-linear-gradient(-90deg, #fafafa, #e6e6e6); + background-image: -o-linear-gradient(-90deg, #fafafa, #e6e6e6); + background-image: linear-gradient(-90deg, #fafafa, #e6e6e6); + border: 1px solid #c8c8c8; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + border-top-color: #bebebe; + -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4), 0 0px 12px 0 rgba(0, 0, 0, 0.2); + -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4), 0 0px 12px 0 rgba(0, 0, 0, 0.2); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4), 0 0px 12px 0 rgba(0, 0, 0, 0.2); + color: #a0a0a0; + letter-spacing: 1px; + margin-bottom: 0px; + margin-top: -15px; + padding: 10px 10px 8px; + text-align: center; + text-transform: uppercase; + text-shadow: 0 1px rgba(255, 255, 255, 0.6); } + .home .highlighted-courses > h2 .lowercase { + color: #a0a0a0; + font-family: inherit; + font-size: inherit; + font-style: inherit; + text-transform: none; } + .home .university-partners { + background-image: -webkit-linear-gradient(180deg, rgba(245, 245, 245, 0) 0%, #f5f5f5 50%, rgba(245, 245, 245, 0) 100%); + background-image: -moz-linear-gradient(180deg, rgba(245, 245, 245, 0) 0%, #f5f5f5 50%, rgba(245, 245, 245, 0) 100%); + background-image: -ms-linear-gradient(180deg, rgba(245, 245, 245, 0) 0%, #f5f5f5 50%, rgba(245, 245, 245, 0) 100%); + background-image: -o-linear-gradient(180deg, rgba(245, 245, 245, 0) 0%, #f5f5f5 50%, rgba(245, 245, 245, 0) 100%); + background-image: linear-gradient(180deg, rgba(245, 245, 245, 0) 0%, #f5f5f5 50%, rgba(245, 245, 245, 0) 100%); + border-bottom: 1px solid #d2d2d2; + margin-bottom: 0px; + overflow: hidden; + position: relative; + width: 100%; } + .home .university-partners::before { + content: ""; + display: block; } + .home .university-partners::after { + content: ""; + display: block; } + .home .university-partners .partners { + margin: 0 auto; + padding: 20px 0px; + text-align: center; } + .home .university-partners .partners li.partner { + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + padding: 0px 30px; + position: relative; + vertical-align: middle; } + .home .university-partners .partners li.partner::before { + content: ""; + display: block; + height: 80px; + right: 0px; + position: absolute; + top: -5px; + width: 1px; } + .home .university-partners .partners li.partner::after { + content: ""; + display: block; + height: 80px; + right: 1px; + position: absolute; + top: -5px; + width: 1px; } + .home .university-partners .partners li.partner:last-child::before { + display: none; } + .home .university-partners .partners li.partner:last-child::after { + display: none; } + .home .university-partners .partners a { + -webkit-transition-property: all; + -moz-transition-property: all; + -ms-transition-property: all; + -o-transition-property: all; + transition-property: all; + -webkit-transition-duration: 0.25s; + -moz-transition-duration: 0.25s; + -ms-transition-duration: 0.25s; + -o-transition-duration: 0.25s; + transition-duration: 0.25s; + -webkit-transition-timing-function: ease-in-out; + -moz-transition-timing-function: ease-in-out; + -ms-transition-timing-function: ease-in-out; + -o-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; + -webkit-transition-delay: 0; + -moz-transition-delay: 0; + -ms-transition-delay: 0; + -o-transition-delay: 0; + transition-delay: 0; } + .home .university-partners .partners a::before { + background-image: -webkit-radial-gradient(50% 50%, circle closest-side, white 0%, rgba(255, 255, 255, 0) 100%); + background-image: -moz-radial-gradient(50% 50%, circle closest-side, white 0%, rgba(255, 255, 255, 0) 100%); + background-image: -ms-radial-gradient(50% 50%, circle closest-side, white 0%, rgba(255, 255, 255, 0) 100%); + background-image: -o-radial-gradient(50% 50%, circle closest-side, white 0%, rgba(255, 255, 255, 0) 100%); + background-image: radial-gradient(50% 50%, circle closest-side, white 0%, rgba(255, 255, 255, 0) 100%); + content: ""; + display: block; + height: 200px; + left: 50%; + margin-left: -100px; + margin-top: -100px; + opacity: 0; + width: 200px; + position: absolute; + -webkit-transition-property: all; + -moz-transition-property: all; + -ms-transition-property: all; + -o-transition-property: all; + transition-property: all; + -webkit-transition-duration: 0.25s; + -moz-transition-duration: 0.25s; + -ms-transition-duration: 0.25s; + -o-transition-duration: 0.25s; + transition-duration: 0.25s; + -webkit-transition-timing-function: ease-in-out; + -moz-transition-timing-function: ease-in-out; + -ms-transition-timing-function: ease-in-out; + -o-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; + -webkit-transition-delay: 0; + -moz-transition-delay: 0; + -ms-transition-delay: 0; + -o-transition-delay: 0; + transition-delay: 0; + top: 50%; + z-index: 1; } + .home .university-partners .partners a .name { + bottom: -60px; + left: 0px; + position: absolute; + text-align: center; + -webkit-transition-property: all; + -moz-transition-property: all; + -ms-transition-property: all; + -o-transition-property: all; + transition-property: all; + -webkit-transition-duration: 0.25s; + -moz-transition-duration: 0.25s; + -ms-transition-duration: 0.25s; + -o-transition-duration: 0.25s; + transition-duration: 0.25s; + -webkit-transition-timing-function: ease-in-out; + -moz-transition-timing-function: ease-in-out; + -ms-transition-timing-function: ease-in-out; + -o-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; + -webkit-transition-delay: 0; + -moz-transition-delay: 0; + -ms-transition-delay: 0; + -o-transition-delay: 0; + transition-delay: 0; + width: 100%; + z-index: 2; } + .home .university-partners .partners a .name > span { + color: #3c3c3c; + font: 800 italic 1.4em/1.4em "Open Sans", Verdana, Geneva, sans-serif; + text-shadow: 0 1px rgba(255, 255, 255, 0.6); + -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-in-out; + -moz-transition-timing-function: ease-in-out; + -ms-transition-timing-function: ease-in-out; + -o-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; + -webkit-transition-delay: 0; + -moz-transition-delay: 0; + -ms-transition-delay: 0; + -o-transition-delay: 0; + transition-delay: 0; } + .home .university-partners .partners a .name > span:hover { + color: #a0a0a0; } + .home .university-partners .partners a img { + max-width: 160px; + position: relative; + -webkit-transition-property: all; + -moz-transition-property: all; + -ms-transition-property: all; + -o-transition-property: all; + transition-property: all; + -webkit-transition-duration: 0.25s; + -moz-transition-duration: 0.25s; + -ms-transition-duration: 0.25s; + -o-transition-duration: 0.25s; + transition-duration: 0.25s; + -webkit-transition-timing-function: ease-in-out; + -moz-transition-timing-function: ease-in-out; + -ms-transition-timing-function: ease-in-out; + -o-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; + -webkit-transition-delay: 0; + -moz-transition-delay: 0; + -ms-transition-delay: 0; + -o-transition-delay: 0; + transition-delay: 0; + vertical-align: middle; + z-index: 2; } + .home .university-partners .partners a:hover::before { + opacity: 1; } + .home .university-partners .partners a:hover .name { + bottom: 20px; } + .home .university-partners .partners a:hover img { + top: -100px; } + .home .more-info { + border: 1px solid #c8c8c8; + margin-bottom: 80px; + width: 100%; } + .home .more-info header { + background-image: -webkit-linear-gradient(-90deg, #fafafa, #e6e6e6); + background-image: -moz-linear-gradient(-90deg, #fafafa, #e6e6e6); + background-image: -ms-linear-gradient(-90deg, #fafafa, #e6e6e6); + background-image: -o-linear-gradient(-90deg, #fafafa, #e6e6e6); + background-image: linear-gradient(-90deg, #fafafa, #e6e6e6); + border-bottom: 1px solid #c8c8c8; + zoom: 1; + padding: 10px 20px 8px; } + .home .more-info header:before, .home .more-info header:after { + content: ""; + display: table; } + .home .more-info header:after { + clear: both; } + .home .more-info header h2 { + float: left; + margin: 0px; + text-shadow: 0 1px rgba(255, 255, 255, 0.6); } + .home .more-info header a { + color: #a0a0a0; + float: right; + font-style: italic; + font-family: Georgia, Cambria, "Times New Roman", Times, serif; + padding-top: 3px; + text-shadow: 0 1px rgba(255, 255, 255, 0.6); } + .home .more-info header a:hover { + color: #3c3c3c; } + .home .more-info .news { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 20px; + width: 100%; } + .home .more-info .news .blog-posts { + zoom: 1; } + .home .more-info .news .blog-posts:before, .home .more-info .news .blog-posts:after { + content: ""; + display: table; } + .home .more-info .news .blog-posts:after { + clear: both; } + .home .more-info .news .blog-posts > article { + border: 1px dotted transparent; + border-color: #dcdcdc; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + zoom: 1; + float: left; + margin-right: 2.024%; + padding: 10px; + -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: linear; + -moz-transition-timing-function: linear; + -ms-transition-timing-function: linear; + -o-transition-timing-function: linear; + transition-timing-function: linear; + -webkit-transition-delay: 0; + -moz-transition-delay: 0; + -ms-transition-delay: 0; + -o-transition-delay: 0; + transition-delay: 0; + width: 31.984%; } + .home .more-info .news .blog-posts > article:before, .home .more-info .news .blog-posts > article:after { + content: ""; + display: table; } + .home .more-info .news .blog-posts > article:after { + clear: both; } + .home .more-info .news .blog-posts > article:hover { + background: #f8f8f8; + border: 1px solid #dcdcdc; + -webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.1); + -moz-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.1); + box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.1); } + .home .more-info .news .blog-posts > article:last-child { + margin-right: 0px; } + .home .more-info .news .blog-posts > article .post-graphics { + border: 1px solid #bebebe; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + display: block; + float: left; + height: 65px; + margin-right: 2.024%; + overflow: hidden; + width: 31.984%; + vertical-align: top; } + .home .more-info .news .blog-posts > article .post-graphics img { + min-height: 100%; + max-width: 100%; } + .home .more-info .news .blog-posts > article .post-name { + float: left; + width: 65.992%; + vertical-align: top; } + .home .more-info .news .blog-posts > article .post-name a { + color: #3c3c3c; + font: 700 1em/1.2em "Open Sans", Verdana, Geneva, sans-serif; } + .home .more-info .news .blog-posts > article .post-name a:hover { + color: #1d9dd9; + text-decoration: underline; } + .home .more-info .news .blog-posts > article .post-name .post-date { + color: #a0a0a0; + letter-spacing: 1px; } + +.dashboard { + zoom: 1; + padding: 60px 0px 120px; } + .dashboard:before, .dashboard:after { + content: ""; + display: table; } + .dashboard:after { + clear: both; } + .dashboard .profile-sidebar { + background: transparent; + float: left; + margin-right: 2.024%; + width: 23.482%; } + .dashboard .profile-sidebar header.profile h1.user-name { + border: 1px solid #c8c8c8; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + color: #3c3c3c; + font: 700 1.2em/1.2em "Open Sans", Verdana, Geneva, sans-serif; + margin: 0px; + overflow: hidden; + padding: 15px 10px 17px; + text-wrap: nowrap; + text-overflow: ellipsis; + text-transform: none; + width: 100%; } + .dashboard .profile-sidebar header.profile .user-info { + zoom: 1; + padding: 0px 10px; } + .dashboard .profile-sidebar header.profile .user-info:before, .dashboard .profile-sidebar header.profile .user-info:after { + content: ""; + display: table; } + .dashboard .profile-sidebar header.profile .user-info:after { + clear: both; } + .dashboard .profile-sidebar header.profile .user-info > ul { + background: #fafafa; + border: 1px solid #dcdcdc; + border-top: none; + -webkit-border-bottom-left-radius: 4px; + -moz-border-bottom-left-radius: 4px; + -moz-border-radius-bottomleft: 4px; + -ms-border-bottom-left-radius: 4px; + -o-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + -webkit-border-bottom-right-radius: 4px; + -moz-border-bottom-right-radius: 4px; + -moz-border-radius-bottomright: 4px; + -ms-border-bottom-right-radius: 4px; + -o-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + zoom: 1; + margin: 0px; + padding: 0px 10px 20px; + width: 100%; } + .dashboard .profile-sidebar header.profile .user-info > ul:before, .dashboard .profile-sidebar header.profile .user-info > ul:after { + content: ""; + display: table; } + .dashboard .profile-sidebar header.profile .user-info > ul:after { + clear: both; } + .dashboard .profile-sidebar header.profile .user-info > ul li { + list-style: none; } + .dashboard .profile-sidebar header.profile .user-info > ul li p { + color: #a0a0a0; + font-family: "Open Sans", Verdana, Geneva, sans-serif; + text-shadow: 0 1px rgba(255, 255, 255, 0.8); } + .dashboard .profile-sidebar header.profile .user-info > ul li p span { + font-weight: 700; + margin-left: 10px; + text-transform: none; } + .dashboard .my-courses { + float: left; + margin: 0px; + width: 74.494%; } + .dashboard .my-courses > header { + border-bottom: 1px solid #d2d2d2; + margin-bottom: 30px; } + .dashboard .my-courses .empty-dashboard-message { + padding: 80px 0px; + text-align: center; } + .dashboard .my-courses .empty-dashboard-message p { + color: #a0a0a0; + font-style: italic; + margin-bottom: 20px; + text-shadow: 0 1px rgba(255, 255, 255, 0.6); } + .dashboard .my-courses .empty-dashboard-message a { + background: #f0f0f0; + background-image: -webkit-linear-gradient(-90deg, #f5f5f5 0%, #f3f3f3 50%, #ededed 50%, #ebebeb 100%); + background-image: -moz-linear-gradient(-90deg, #f5f5f5 0%, #f3f3f3 50%, #ededed 50%, #ebebeb 100%); + background-image: -ms-linear-gradient(-90deg, #f5f5f5 0%, #f3f3f3 50%, #ededed 50%, #ebebeb 100%); + background-image: -o-linear-gradient(-90deg, #f5f5f5 0%, #f3f3f3 50%, #ededed 50%, #ebebeb 100%); + background-image: linear-gradient(-90deg, #f5f5f5 0%, #f3f3f3 50%, #ededed 50%, #ebebeb 100%); + border: 1px solid #dcdcdc; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1); + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + color: #3c3c3c; + font-family: "Open Sans", Verdana, Geneva, sans-serif; + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + letter-spacing: 1px; + margin-left: 5px; + padding: 5px 10px; + text-shadow: 0 1px rgba(255, 255, 255, 0.6); } + .dashboard .my-courses .empty-dashboard-message a:hover { + color: #1d9dd9; + text-decoration: none; } + .dashboard .my-courses .my-course { + background: #fafafa; + background-image: -webkit-linear-gradient(-90deg, #fdfdfd, #f0f0f0); + background-image: -moz-linear-gradient(-90deg, #fdfdfd, #f0f0f0); + background-image: -ms-linear-gradient(-90deg, #fdfdfd, #f0f0f0); + background-image: -o-linear-gradient(-90deg, #fdfdfd, #f0f0f0); + background-image: linear-gradient(-90deg, #fdfdfd, #f0f0f0); + border: 1px solid #bebebe; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(255, 255, 255, 0.8), inset 0 1px 0 0 rgba(255, 255, 255, 0.8); + -moz-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(255, 255, 255, 0.8), inset 0 1px 0 0 rgba(255, 255, 255, 0.8); + box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(255, 255, 255, 0.8), inset 0 1px 0 0 rgba(255, 255, 255, 0.8); + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + zoom: 1; + margin-right: 2.024%; + margin-bottom: 25px; + overflow: hidden; + position: relative; + width: 100%; + -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: linear; + -moz-transition-timing-function: linear; + -ms-transition-timing-function: linear; + -o-transition-timing-function: linear; + transition-timing-function: linear; + -webkit-transition-delay: 0; + -moz-transition-delay: 0; + -ms-transition-delay: 0; + -o-transition-delay: 0; + transition-delay: 0; } + .dashboard .my-courses .my-course:before, .dashboard .my-courses .my-course:after { + content: ""; + display: table; } + .dashboard .my-courses .my-course:after { + clear: both; } + .dashboard .my-courses .my-course:last-child { + margin-bottom: none; } + .dashboard .my-courses .my-course .cover { + background: #e1e1e1; + background-size: cover; + background-position: center center; + border-right: 1px solid #969696; + -webkit-border-top-left-radius: 3px; + -moz-border-top-left-radius: 3px; + -moz-border-radius-topleft: 3px; + -ms-border-top-left-radius: 3px; + -o-border-top-left-radius: 3px; + border-top-left-radius: 3px; + -webkit-border-bottom-left-radius: 3px; + -moz-border-bottom-left-radius: 3px; + -moz-border-radius-bottomleft: 3px; + -ms-border-bottom-left-radius: 3px; + -o-border-bottom-left-radius: 3px; + border-bottom-left-radius: 3px; + -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6), 1px 0 0 0 rgba(255, 255, 255, 0.8); + -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6), 1px 0 0 0 rgba(255, 255, 255, 0.8); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6), 1px 0 0 0 rgba(255, 255, 255, 0.8); + float: left; + height: 120px; + margin: 0px; + position: relative; + -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: linear; + -moz-transition-timing-function: linear; + -ms-transition-timing-function: linear; + -o-transition-timing-function: linear; + transition-timing-function: linear; + -webkit-transition-delay: 0; + -moz-transition-delay: 0; + -ms-transition-delay: 0; + -o-transition-delay: 0; + transition-delay: 0; + width: 200px; } + .dashboard .my-courses .my-course .cover .shade { + background-image: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%); + background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%); + background-image: -ms-linear-gradient(-90deg, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%); + background-image: -o-linear-gradient(-90deg, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%); + background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%); + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + bottom: 0px; + content: ""; + display: block; + left: 0px; + position: absolute; + top: 0px; + -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: linear; + -moz-transition-timing-function: linear; + -ms-transition-timing-function: linear; + -o-transition-timing-function: linear; + transition-timing-function: linear; + -webkit-transition-delay: 0; + -moz-transition-delay: 0; + -ms-transition-delay: 0; + -o-transition-delay: 0; + transition-delay: 0; + right: 0px; } + .dashboard .my-courses .my-course .cover .arrow { + border-top: 8px solid; + border-left: 8px solid; + border-color: rgba(0, 0, 0, 0.7); + -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.8), -1px 0 1px 0 rgba(255, 255, 255, 0.8); + -moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.8), -1px 0 1px 0 rgba(255, 255, 255, 0.8); + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.8), -1px 0 1px 0 rgba(255, 255, 255, 0.8); + content: ""; + display: block; + height: 55px; + left: 50%; + margin-left: -10px; + margin-top: -30px; + opacity: 0; + position: absolute; + top: 50%; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); + -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: linear; + -moz-transition-timing-function: linear; + -ms-transition-timing-function: linear; + -o-transition-timing-function: linear; + transition-timing-function: linear; + -webkit-transition-delay: 0; + -moz-transition-delay: 0; + -ms-transition-delay: 0; + -o-transition-delay: 0; + transition-delay: 0; + width: 55px; } + .dashboard .my-courses .my-course .cover:hover .shade { + background: rgba(255, 255, 255, 0.3); + background-image: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%); + background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%); + background-image: -ms-linear-gradient(-90deg, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%); + background-image: -o-linear-gradient(-90deg, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%); + background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%); } + .dashboard .my-courses .my-course .info { + left: 201px; + padding: 0px 10px; + position: absolute; + right: 0px; + top: 0px; + z-index: 2; } + .dashboard .my-courses .my-course .info > hgroup { + border-bottom: 1px solid #d2d2d2; + -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6); + -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6); + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6); + padding: 12px 0px; + width: 100%; } + .dashboard .my-courses .my-course .info > hgroup a.university { + background: white; + border: 1px solid #b4b4b4; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + -webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2), 0 1px 0 0 rgba(255, 255, 255, 0.6); + -moz-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2), 0 1px 0 0 rgba(255, 255, 255, 0.6); + box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2), 0 1px 0 0 rgba(255, 255, 255, 0.6); + color: #a0a0a0; + display: block; + font-style: italic; + font-weight: 800; + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + margin-right: 10px; + padding: 5px 10px; + vertical-align: middle; } + .dashboard .my-courses .my-course .info > hgroup a.university:hover { + color: #1d9dd9; + text-decoration: none; } + .dashboard .my-courses .my-course .info > hgroup h3 { + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + margin-bottom: 0px; + vertical-align: middle; } + .dashboard .my-courses .my-course .info > hgroup h3 a { + color: #3c3c3c; + font-weight: 700; + text-shadow: 0 1px rgba(255, 255, 255, 0.6); + text-overflow: ellipsis; + white-space: nowrap; } + .dashboard .my-courses .my-course .info > hgroup h3 a:hover { + text-decoration: underline; } + .dashboard .my-courses .my-course .info .course-status { + background: #fffcdd; + border: 1px solid #c8c8c8; + -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6); + -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6); + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6); + margin-top: 16px; + padding: 5px; } + .dashboard .my-courses .my-course .info .course-status p { + color: #a0a0a0; + font-style: italic; + letter-spacing: 1px; + text-align: center; } + .dashboard .my-courses .my-course .info .meta { + zoom: 1; + margin-top: 22px; + position: relative; + -webkit-transition-property: opacity; + -moz-transition-property: opacity; + -ms-transition-property: opacity; + -o-transition-property: opacity; + transition-property: opacity; + -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: linear; + -moz-transition-timing-function: linear; + -ms-transition-timing-function: linear; + -o-transition-timing-function: linear; + transition-timing-function: linear; + -webkit-transition-delay: 0; + -moz-transition-delay: 0; + -ms-transition-delay: 0; + -o-transition-delay: 0; + transition-delay: 0; + width: 100%; } + .dashboard .my-courses .my-course .info .meta:before, .dashboard .my-courses .my-course .info .meta:after { + content: ""; + display: table; } + .dashboard .my-courses .my-course .info .meta:after { + clear: both; } + .dashboard .my-courses .my-course .info .meta .course-work-icon { + background: #c8c8c8; + float: left; + height: 22px; + width: 22px; } + .dashboard .my-courses .my-course .info .meta .complete { + float: right; } + .dashboard .my-courses .my-course .info .meta .complete p { + color: #a0a0a0; + font-style: italic; + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + text-align: right; + text-shadow: 0 1px rgba(255, 255, 255, 0.6); } + .dashboard .my-courses .my-course .info .meta .complete p .completeness { + color: #3c3c3c; + font-weight: 700; + margin-right: 5px; } + .dashboard .my-courses .my-course .info .meta .progress, .dashboard .my-courses .my-course .info .meta nav.sequence-nav ol li a.progress-none, nav.sequence-nav ol li .dashboard .my-courses .my-course .info .meta a.progress-none, .dashboard .my-courses .my-course .info .meta nav.sequence-nav ol li a.progress-some, nav.sequence-nav ol li .dashboard .my-courses .my-course .info .meta a.progress-some, .dashboard .my-courses .my-course .info .meta nav.sequence-nav ol li a.progress-done, nav.sequence-nav ol li .dashboard .my-courses .my-course .info .meta a.progress-done { + -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6); + -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6); + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6); + left: 40px; + position: absolute; + right: 130px; } + .dashboard .my-courses .my-course .info .meta .progress .meter, .dashboard .my-courses .my-course .info .meta nav.sequence-nav ol li a.progress-none .meter, nav.sequence-nav ol li .dashboard .my-courses .my-course .info .meta a.progress-none .meter, .dashboard .my-courses .my-course .info .meta nav.sequence-nav ol li a.progress-some .meter, nav.sequence-nav ol li .dashboard .my-courses .my-course .info .meta a.progress-some .meter, .dashboard .my-courses .my-course .info .meta nav.sequence-nav ol li a.progress-done .meter, nav.sequence-nav ol li .dashboard .my-courses .my-course .info .meta a.progress-done .meter { + background: #f5f5f5; + border: 1px solid #a0a0a0; + -webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.15); + -moz-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.15); + box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.15); + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + height: 22px; + margin: 0 auto; + padding: 2px; + width: 100%; } + .dashboard .my-courses .my-course .info .meta .progress .meter .meter-fill, .dashboard .my-courses .my-course .info .meta nav.sequence-nav ol li a.progress-none .meter .meter-fill, nav.sequence-nav ol li .dashboard .my-courses .my-course .info .meta a.progress-none .meter .meter-fill, .dashboard .my-courses .my-course .info .meta nav.sequence-nav ol li a.progress-some .meter .meter-fill, nav.sequence-nav ol li .dashboard .my-courses .my-course .info .meta a.progress-some .meter .meter-fill, .dashboard .my-courses .my-course .info .meta nav.sequence-nav ol li a.progress-done .meter .meter-fill, nav.sequence-nav ol li .dashboard .my-courses .my-course .info .meta a.progress-done .meter .meter-fill { + background: #1d9dd9; + background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%); + background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%); + background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%); + background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%); + background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%); + background-size: 40px 40px; + background-repeat: repeat-x; + border: 1px solid #737373; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + content: ""; + display: block; + height: 100%; + width: 60%; } + .dashboard .my-courses .my-course:hover .cover .shade { + background: rgba(255, 255, 255, 0.1); + background-image: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%); + background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%); + background-image: -ms-linear-gradient(-90deg, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%); + background-image: -o-linear-gradient(-90deg, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%); + background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%); } + .dashboard .my-courses .my-course:hover .cover .arrow { + opacity: 1; } + +nav.course-material { + background: #d2d2d2; + zoom: 1; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-shadow: inset 0 1px 5px 0 rgba(0, 0, 0, 0.05); + -moz-box-shadow: inset 0 1px 5px 0 rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 5px 0 rgba(0, 0, 0, 0.05); + border-bottom: 1px solid #bebebe; + margin: 0px auto 0px; + padding: 0px; + width: 100%; } + nav.course-material:before, nav.course-material:after { + content: ""; + display: table; } + nav.course-material:after { + clear: both; } + nav.course-material .inner-wrapper { + margin: 0 auto; + max-width: 1200px; + width: 100%; } + nav.course-material ol.course-tabs { + -webkit-border-top-left-radius: 4px; + -moz-border-top-left-radius: 4px; + -moz-border-radius-topleft: 4px; + -ms-border-top-left-radius: 4px; + -o-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -webkit-border-top-right-radius: 4px; + -moz-border-top-right-radius: 4px; + -moz-border-radius-topright: 4px; + -ms-border-top-right-radius: 4px; + -o-border-top-right-radius: 4px; + border-top-right-radius: 4px; + zoom: 1; + padding: 10px 0 0 0; } + nav.course-material ol.course-tabs:before, nav.course-material ol.course-tabs:after { + content: ""; + display: table; } + nav.course-material ol.course-tabs:after { + clear: both; } + nav.course-material ol.course-tabs li { + float: left; + list-style: none; } + nav.course-material ol.course-tabs li a { + color: #a0a0a0; + display: block; + text-align: center; + padding: 5px 13px; + text-decoration: none; + text-shadow: 0 1px rgba(255, 255, 255, 0.4); } + nav.course-material ol.course-tabs li a:hover { + color: #3c3c3c; } + nav.course-material ol.course-tabs li a.active, nav.course-material nav.sequence-nav ol.course-tabs li a.seq_video_active, nav.sequence-nav nav.course-material ol.course-tabs li a.seq_video_active, nav.course-material nav.sequence-nav ol.course-tabs li a.seq_other_active, nav.sequence-nav nav.course-material ol.course-tabs li a.seq_other_active, nav.course-material nav.sequence-nav ol.course-tabs li a.seq_vertical_active, nav.sequence-nav nav.course-material ol.course-tabs li a.seq_vertical_active, nav.course-material nav.sequence-nav ol.course-tabs li a.seq_problem_active, nav.sequence-nav nav.course-material ol.course-tabs li a.seq_problem_active { + background: white; + border: 1px solid #c8c8c8; + border-bottom: 0px; + -webkit-border-top-left-radius: 4px; + -moz-border-top-left-radius: 4px; + -moz-border-radius-topleft: 4px; + -ms-border-top-left-radius: 4px; + -o-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -webkit-border-top-right-radius: 4px; + -moz-border-top-right-radius: 4px; + -moz-border-radius-topright: 4px; + -ms-border-top-right-radius: 4px; + -o-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -webkit-box-shadow: 0 2px 0 0 white; + -moz-box-shadow: 0 2px 0 0 white; + box-shadow: 0 2px 0 0 white; + color: #3c3c3c; } + +.course-content { + margin-top: 30px; } + .course-content .courseware { + background: #f0f0f0; + height: 600px; } + +.find-courses, .university-profile { + background: #fcfcfc; + padding-bottom: 60px; } + .find-courses header.search, .university-profile header.search { + background: #f0f0f0; + background-image: url("/static/images/shot-2-large.jpg"); + background-image: url("/static/images/shot-2-large.jpg"); + background-image: url("/static/images/shot-2-large.jpg"); + background-image: url("/static/images/shot-2-large.jpg"); + background-image: url("/static/images/shot-2-large.jpg"); + background-size: cover; + border-bottom: 1px solid #646464; + -webkit-box-shadow: inset 0 -1px 8px 0 rgba(0, 0, 0, 0.2), inset 0 1px 12px 0 rgba(0, 0, 0, 0.3); + -moz-box-shadow: inset 0 -1px 8px 0 rgba(0, 0, 0, 0.2), inset 0 1px 12px 0 rgba(0, 0, 0, 0.3); + box-shadow: inset 0 -1px 8px 0 rgba(0, 0, 0, 0.2), inset 0 1px 12px 0 rgba(0, 0, 0, 0.3); + margin-top: -69px; + width: 100%; } + .find-courses header.search .inner-wrapper, .university-profile header.search .inner-wrapper { + height: 120px; + margin: 0 auto; + max-width: 1200px; + overflow: hidden; + padding: 154px 0px 80px; + position: relative; + text-align: center; + width: 100%; } + .find-courses header.search .inner-wrapper::before, .university-profile header.search .inner-wrapper::before { + background-image: -webkit-radial-gradient(50% 50%, circle closest-side, white 0%, rgba(255, 255, 255, 0) 100%); + background-image: -moz-radial-gradient(50% 50%, circle closest-side, white 0%, rgba(255, 255, 255, 0) 100%); + background-image: -ms-radial-gradient(50% 50%, circle closest-side, white 0%, rgba(255, 255, 255, 0) 100%); + background-image: -o-radial-gradient(50% 50%, circle closest-side, white 0%, rgba(255, 255, 255, 0) 100%); + background-image: radial-gradient(50% 50%, circle closest-side, white 0%, rgba(255, 255, 255, 0) 100%); + bottom: -300px; + content: ""; + display: none; + height: 600px; + margin: 0 auto; + position: absolute; + width: 100%; + z-index: 1; } + .find-courses header.search .inner-wrapper > hgroup, .university-profile header.search .inner-wrapper > hgroup { + background: rgba(255, 255, 255, 0.9); + border: 1px solid #646464; + -webkit-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.5); + -moz-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.5); + box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.5); + padding: 20px 30px; + position: relative; + z-index: 2; } + .find-courses header.search .inner-wrapper.main-search, .find-courses header.search .inner-wrapper.university-search, .university-profile header.search .inner-wrapper.main-search, .university-profile header.search .inner-wrapper.university-search { + text-align: center; } + .find-courses header.search .inner-wrapper.main-search hgroup, .find-courses header.search .inner-wrapper.university-search hgroup, .university-profile header.search .inner-wrapper.main-search hgroup, .university-profile header.search .inner-wrapper.university-search hgroup { + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; } + .find-courses header.search .inner-wrapper.main-search .logo, .find-courses header.search .inner-wrapper.university-search .logo, .university-profile header.search .inner-wrapper.main-search .logo, .university-profile header.search .inner-wrapper.university-search .logo { + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + height: 80px; + margin-right: 30px; + padding-right: 30px; + position: relative; + vertical-align: middle; } + .find-courses header.search .inner-wrapper.main-search .logo::after, .find-courses header.search .inner-wrapper.university-search .logo::after, .university-profile header.search .inner-wrapper.main-search .logo::after, .university-profile header.search .inner-wrapper.university-search .logo::after { + content: ""; + display: block; + height: 80px; + position: absolute; + right: 0px; + top: 0px; } + .find-courses header.search .inner-wrapper.main-search .logo img, .find-courses header.search .inner-wrapper.university-search .logo img, .university-profile header.search .inner-wrapper.main-search .logo img, .university-profile header.search .inner-wrapper.university-search .logo img { + height: 100%; } + .find-courses header.search .inner-wrapper.main-search h1, .find-courses header.search .inner-wrapper.university-search h1, .university-profile header.search .inner-wrapper.main-search h1, .university-profile header.search .inner-wrapper.university-search h1 { + color: #3c3c3c; + font-family: "Open Sans", Verdana, Geneva, sans-serif; + font-style: italic; + font-weight: 800; + letter-spacing: 0px; + text-transform: none; } + .find-courses header.search .inner-wrapper.main-search h1, .find-courses header.search .inner-wrapper.main-search h2, .find-courses header.search .inner-wrapper.university-search h1, .find-courses header.search .inner-wrapper.university-search h2, .university-profile header.search .inner-wrapper.main-search h1, .university-profile header.search .inner-wrapper.main-search h2, .university-profile header.search .inner-wrapper.university-search h1, .university-profile header.search .inner-wrapper.university-search h2 { + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + letter-spacing: 1px; + margin-bottom: 0px; + text-shadow: 0 1px rgba(255, 255, 255, 0.8); + vertical-align: middle; } + +.course-info .container { + padding-bottom: 120px; } +.course-info header.course-profile { + background: #f5f5f5; + background-image: url("/static/images/shot-2-large.jpg"); + background-image: url("/static/images/shot-2-large.jpg"); + background-image: url("/static/images/shot-2-large.jpg"); + background-image: url("/static/images/shot-2-large.jpg"); + background-image: url("/static/images/shot-2-large.jpg"); + background-size: cover; + -webkit-box-shadow: 0 1px 80px 0 rgba(0, 0, 0, 0.5); + -moz-box-shadow: 0 1px 80px 0 rgba(0, 0, 0, 0.5); + box-shadow: 0 1px 80px 0 rgba(0, 0, 0, 0.5); + border-bottom: 1px solid #646464; + -webkit-box-shadow: inset 0 1px 5px 0 rgba(0, 0, 0, 0.1); + -moz-box-shadow: inset 0 1px 5px 0 rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 5px 0 rgba(0, 0, 0, 0.1); + margin-top: -69px; + overflow: hidden; + padding: 134px 0px 60px; + position: relative; + width: 100%; } + .course-info header.course-profile .intro-inner-wrapper { + background: rgba(255, 255, 255, 0.9); + border: 1px solid #646464; + -webkit-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.5); + -moz-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.5); + box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.5); + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + zoom: 1; + margin: 0 auto; + max-width: 1200px; + position: relative; + width: 100%; + z-index: 2; } + .course-info header.course-profile .intro-inner-wrapper:before, .course-info header.course-profile .intro-inner-wrapper:after { + content: ""; + display: table; } + .course-info header.course-profile .intro-inner-wrapper:after { + clear: both; } + .course-info header.course-profile .intro-inner-wrapper .intro { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + zoom: 1; + float: left; + padding: 20px 20px; + position: relative; + width: 68.016%; + z-index: 2; } + .course-info header.course-profile .intro-inner-wrapper .intro:before, .course-info header.course-profile .intro-inner-wrapper .intro:after { + content: ""; + display: table; } + .course-info header.course-profile .intro-inner-wrapper .intro:after { + clear: both; } + .course-info header.course-profile .intro-inner-wrapper .intro > hgroup { + border-bottom: 1px solid #d2d2d2; + -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6); + -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6); + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6); + margin-bottom: 30px; + padding-bottom: 15px; + width: 100%; } + .course-info header.course-profile .intro-inner-wrapper .intro > hgroup h1 { + color: #3c3c3c; + font-weight: 700; + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + margin: 0 10px 0 0; + letter-spacing: 0px; + text-shadow: 0 1px rgba(255, 255, 255, 0.6); } + .course-info header.course-profile .intro-inner-wrapper .intro > hgroup h2 { + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + margin: 0; } + .course-info header.course-profile .intro-inner-wrapper .intro > hgroup h2 a { + color: #a0a0a0; + font: italic 800 1em/1em "Open Sans", Verdana, Geneva, sans-serif; + letter-spacing: 0px; + text-shadow: 0 1px rgba(255, 255, 255, 0.6); + text-transform: none; } + .course-info header.course-profile .intro-inner-wrapper .intro > hgroup h2 a:hover { + color: #1d9dd9; } + .course-info header.course-profile .intro-inner-wrapper .intro .main-cta { + zoom: 1; + float: left; + margin-right: 2.024%; + -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: linear; + -moz-transition-timing-function: linear; + -ms-transition-timing-function: linear; + -o-transition-timing-function: linear; + transition-timing-function: linear; + -webkit-transition-delay: 0; + -moz-transition-delay: 0; + -ms-transition-delay: 0; + -o-transition-delay: 0; + transition-delay: 0; + width: 48.988%; } + .course-info header.course-profile .intro-inner-wrapper .intro .main-cta:before, .course-info header.course-profile .intro-inner-wrapper .intro .main-cta:after { + content: ""; + display: table; } + .course-info header.course-profile .intro-inner-wrapper .intro .main-cta:after { + clear: both; } + .course-info header.course-profile .intro-inner-wrapper .intro .main-cta > a.find-courses, .course-info header.course-profile .intro-inner-wrapper .intro .main-cta a.register { + border: 1px solid #002e88; + border-bottom: 1px solid #001e5f; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -ms-border-radius: 5px; + -o-border-radius: 5px; + border-radius: 5px; + -webkit-box-shadow: inset 0 1px 0 0 #42bae5; + -moz-box-shadow: inset 0 1px 0 0 #42bae5; + box-shadow: inset 0 1px 0 0 #42bae5; + color: white; + display: inline; + font-size: 14px; + font-weight: bold; + background-color: #1d9dd9; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1d9dd9), color-stop(50%, #006bb8), color-stop(50%, #0052a9), color-stop(100%, #0057ab)); + background-image: -webkit-linear-gradient(top, #1d9dd9 0%, #006bb8 50%, #0052a9 50%, #0057ab 100%); + background-image: -moz-linear-gradient(top, #1d9dd9 0%, #006bb8 50%, #0052a9 50%, #0057ab 100%); + background-image: -ms-linear-gradient(top, #1d9dd9 0%, #006bb8 50%, #0052a9 50%, #0057ab 100%); + background-image: -o-linear-gradient(top, #1d9dd9 0%, #006bb8 50%, #0052a9 50%, #0057ab 100%); + background-image: linear-gradient(top, #1d9dd9 0%, #006bb8 50%, #0052a9 50%, #0057ab 100%); + padding: 7px 20px 8px; + text-align: center; + text-decoration: none; + text-shadow: 0 -1px 1px #001067; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + display: block; + font: normal 1.2rem/1.6rem "Open Sans", Verdana, Geneva, sans-serif; + letter-spacing: 1px; + padding: 10px 0px; + text-transform: uppercase; + text-align: center; + width: 100%; } + .course-info header.course-profile .intro-inner-wrapper .intro .main-cta > a.find-courses:hover, .course-info header.course-profile .intro-inner-wrapper .intro .main-cta a.register:hover { + cursor: pointer; + background-color: #108ec7; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #108ec7), color-stop(50%, #005fa6), color-stop(50%, #004897), color-stop(100%, #004d9a)); + background-image: -webkit-linear-gradient(top, #108ec7 0%, #005fa6 50%, #004897 50%, #004d9a 100%); + background-image: -moz-linear-gradient(top, #108ec7 0%, #005fa6 50%, #004897 50%, #004d9a 100%); + background-image: -ms-linear-gradient(top, #108ec7 0%, #005fa6 50%, #004897 50%, #004d9a 100%); + background-image: -o-linear-gradient(top, #108ec7 0%, #005fa6 50%, #004897 50%, #004d9a 100%); + background-image: linear-gradient(top, #108ec7 0%, #005fa6 50%, #004897 50%, #004d9a 100%); } + .course-info header.course-profile .intro-inner-wrapper .intro .main-cta > a.find-courses:active, .course-info header.course-profile .intro-inner-wrapper .intro .main-cta a.register:active { + -webkit-box-shadow: inset 0 0 20px 0 #00295f, 0 1px 0 white; + -moz-box-shadow: inset 0 0 20px 0 #00295f, 0 1px 0 white; + box-shadow: inset 0 0 20px 0 #00295f, 0 1px 0 white; } + .course-info header.course-profile .intro-inner-wrapper .intro .main-cta > a.find-courses:hover, .course-info header.course-profile .intro-inner-wrapper .intro .main-cta a.register:hover { + color: white; } + .course-info header.course-profile .intro-inner-wrapper .intro .social-sharing { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + float: left; + height: 44px; + position: relative; + text-align: center; + width: 48.988%; } + .course-info header.course-profile .intro-inner-wrapper .intro .social-sharing:hover .sharing-message { + opacity: 1; + top: 56px; } + .course-info header.course-profile .intro-inner-wrapper .intro .social-sharing .sharing-message { + background-image: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 100%); + background-image: -moz-linear-gradient(-90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 100%); + background-image: -ms-linear-gradient(-90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 100%); + background-image: -o-linear-gradient(-90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 100%); + background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 100%); + border: 1px solid rgba(0, 0, 0, 0.5); + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.5); + -moz-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.5); + box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.5); + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + color: white; + float: right; + font-family: Georgia, Cambria, "Times New Roman", Times, serif; + font-size: 0.9em; + font-style: italic; + left: 50%; + margin-left: -110px; + opacity: 0; + padding: 6px 10px; + position: absolute; + text-align: center; + -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; + top: 65px; + width: 220px; } + .course-info header.course-profile .intro-inner-wrapper .intro .social-sharing .sharing-message:hover { + opacity: 0; } + .course-info header.course-profile .intro-inner-wrapper .intro .social-sharing .share { + height: 44px; + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + margin-right: 10px; + opacity: 0.5; + -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: linear; + -moz-transition-timing-function: linear; + -ms-transition-timing-function: linear; + -o-transition-timing-function: linear; + transition-timing-function: linear; + -webkit-transition-delay: 0; + -moz-transition-delay: 0; + -ms-transition-delay: 0; + -o-transition-delay: 0; + transition-delay: 0; + width: 44px; } + .course-info header.course-profile .intro-inner-wrapper .intro .social-sharing .share:hover { + opacity: 1; } + .course-info header.course-profile .intro-inner-wrapper .intro .social-sharing .share img { + width: 100%; } + .course-info header.course-profile .intro-inner-wrapper .intro .social-sharing .share:last-child { + margin-right: 0px; } + .course-info header.course-profile .intro-inner-wrapper .media { + background: #fff; + border-left: 1px solid #646464; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + display: block; + float: right; + padding: 1px; + position: relative; + width: 31.984%; + z-index: 2; } + .course-info header.course-profile .intro-inner-wrapper .media .hero { + height: 180px; + overflow: hidden; + position: relative; } + .course-info header.course-profile .intro-inner-wrapper .media .hero .play-intro { + background-image: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.75)); + background-image: -moz-linear-gradient(-90deg, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.75)); + background-image: -ms-linear-gradient(-90deg, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.75)); + background-image: -o-linear-gradient(-90deg, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.75)); + background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.75)); + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.4); + -moz-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.4); + box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.4); + border: 2px solid rgba(255, 255, 255, 0.8); + height: 80px; + left: 50%; + margin-top: -40px; + margin-left: -40px; + position: absolute; + top: 50%; + width: 80px; } + .course-info header.course-profile .intro-inner-wrapper .media .hero .play-intro::after { + color: rgba(255, 255, 255, 0.8); + content: "\25B6"; + display: block; + font: normal 2em/1em "Open Sans", Verdana, Geneva, sans-serif; + left: 50%; + margin-left: -11px; + margin-top: -16px; + position: absolute; + text-shadow: 0 -1px rgba(0, 0, 0, 0.8); + top: 50%; } + .course-info header.course-profile .intro-inner-wrapper .media .hero img { + display: block; + width: 100%; } + .course-info header.course-profile .intro-inner-wrapper .media:hover { + cursor: pointer; } + .course-info header.course-profile .intro-inner-wrapper .media:hover .play-intro { + background-image: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.8)); + background-image: -moz-linear-gradient(-90deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.8)); + background-image: -ms-linear-gradient(-90deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.8)); + background-image: -o-linear-gradient(-90deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.8)); + background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.8)); + -webkit-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.5); + -moz-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.5); + box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.5); + border-color: rgba(255, 255, 255, 0.9); } + .course-info header.course-profile .intro-inner-wrapper .media:hover .play-intro::after { + color: white; } +.course-info .container { + zoom: 1; } + .course-info .container:before, .course-info .container:after { + content: ""; + display: table; } + .course-info .container:after { + clear: both; } + .course-info .container nav { + border-bottom: 1px solid #dcdcdc; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + zoom: 1; + margin: 40px 0; + width: 100%; } + .course-info .container nav:before, .course-info .container nav:after { + content: ""; + display: table; } + .course-info .container nav:after { + clear: both; } + .course-info .container nav::after { + content: ""; + display: none; } + .course-info .container nav a { + border-bottom: 3px solid transparent; + color: #a0a0a0; + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + letter-spacing: 1px; + margin: 0 15px; + padding: 0px 5px 15px; + text-align: center; + text-transform: lowercase; } + .course-info .container nav a:first-child { + margin-left: 0px; } + .course-info .container nav a:hover, .course-info .container nav a.active, .course-info .container nav.sequence-nav ol li a.seq_video_active, .course-info .container nav.sequence-nav ol li a.seq_other_active, .course-info .container nav.sequence-nav ol li a.seq_vertical_active, .course-info .container nav.sequence-nav ol li a.seq_problem_active { + border-color: #c8c8c8; + color: #3c3c3c; + text-decoration: none; } +.course-info .details { + float: left; + margin-right: 2.024%; + width: 65.992%; } + .course-info .details .inner-wrapper > section { + margin-bottom: 40px; } + .course-info .details .inner-wrapper .course-staff .teacher { + margin-bottom: 40px; } + .course-info .details .inner-wrapper .course-staff .teacher h3 { + color: #3c3c3c; + font-family: "Open Sans", Verdana, Geneva, sans-serif; + font-weight: 700; + margin-bottom: 15px; + text-transform: none; } + .course-info .details .inner-wrapper .course-staff .teacher .teacher-image { + background: white; + border: 1px solid #c8c8c8; + float: left; + margin: 0 15px 15px 0; + padding: 1px; } +.course-info .course-sidebar { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.15); + -moz-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.15); + box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.15); + border: 1px solid #c8c8c8; + border-top: none; + float: left; + padding: 30px 20px; + width: 31.984%; } + .course-info .course-sidebar header { + margin-bottom: 30px; + padding-bottom: 26px; + position: relative; + text-align: center; } + .course-info .course-sidebar header::after { + content: ""; + display: block; + height: 1px; + position: absolute; + bottom: 0px; + width: 100%; } + .course-info .course-sidebar header a.university-name { + border-right: 1px solid #c8c8c8; + color: #3c3c3c; + font-family: "Open Sans", Verdana, Geneva, sans-serif; + font-style: italic; + font-weight: 800; + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + letter-spacing: 0px; + margin-right: 15px; + padding-right: 15px; } + .course-info .course-sidebar header a.university-name:hover { + color: #a0a0a0; } + .course-info .course-sidebar .important-dates { + list-style: none; + margin: 0px; + padding: 0px 10px; } + .course-info .course-sidebar .important-dates li { + zoom: 1; + border-bottom: 1px dotted #dcdcdc; + margin-bottom: 20px; + padding-bottom: 10px; } + .course-info .course-sidebar .important-dates li:before, .course-info .course-sidebar .important-dates li:after { + content: ""; + display: table; } + .course-info .course-sidebar .important-dates li:after { + clear: both; } + .course-info .course-sidebar .important-dates li p { + color: #a0a0a0; + float: left; + font-family: "Open Sans", Verdana, Geneva, sans-serif; } + .course-info .course-sidebar .important-dates li img { + background: #e6e6e6; + float: left; + height: 19px; + margin: 3px 10px 0 0; + width: 19px; } + .course-info .course-sidebar .important-dates li span { + float: right; + font-weight: 700; } + +.container.jobs { + padding: 60px 0 120px; } + .container.jobs h1 + hr { + margin-bottom: 80px; } + .container.jobs .message { + zoom: 1; + margin-bottom: 80px; + position: relative; } + .container.jobs .message:before, .container.jobs .message:after { + content: ""; + display: table; } + .container.jobs .message:after { + clear: both; } + .container.jobs .message .photo { + background: white; + border: 1px solid #d2d2d2; + float: left; + margin-right: 2.024%; + padding: 1px; + width: 31.984%; } + .container.jobs .message .photo img { + background: #f5f5f5; + display: block; + height: 200px; + width: 100%; } + .container.jobs .jobs-wrapper { + zoom: 1; + float: left; + padding-top: 80px; + width: 100%; } + .container.jobs .jobs-wrapper:before, .container.jobs .jobs-wrapper:after { + content: ""; + display: table; } + .container.jobs .jobs-wrapper:after { + clear: both; } + .container.jobs .jobs-wrapper > h2 { + display: none; + margin-bottom: 60px; + padding-bottom: 20px; } + .container.jobs .jobs-wrapper .jobs-sidebar { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + border: 1px solid #dcdcdc; + float: left; + padding: 20px; + width: 23.482%; } + .container.jobs .jobs-wrapper .jobs-sidebar nav { + margin-bottom: 40px; } + .container.jobs .jobs-wrapper .jobs-sidebar nav a { + display: block; + letter-spacing: 1px; + margin: 0px -20px; + padding: 12px 0px 12px 20px; + text-align: left; } + .container.jobs .jobs-wrapper .jobs-sidebar nav a:hover { + background: #f5f5f5; + text-decoration: none; } + .container.jobs .jobs-wrapper .jobs-sidebar p + h2 { + margin-top: 40px; } + .container.jobs .jobs-wrapper .jobs-listing { + float: left; + margin-right: 2.024%; + width: 74.494%; } + .container.jobs .jobs-wrapper .jobs-listing .job { + border-bottom: 1px solid #dcdcdc; + padding: 40px 0px; } + .container.jobs .jobs-wrapper .jobs-listing .job:first-child { + padding-top: 0px; } + .container.jobs .jobs-wrapper .jobs-listing .job:last-child { + border: none; + padding-bottom: 0px; } + .container.jobs .jobs-wrapper .jobs-listing .job h3 { + font-family: "Open Sans", Verdana, Geneva, sans-serif; + font-weight: 700; + margin-bottom: 15px; } + +.container.about { + padding: 20px 0 120px; } + .container.about > nav { + margin-bottom: 80px; + text-align: center; + width: 100%; } + .container.about > nav::after { + content: ""; + display: block; } + .container.about > nav a { + border-bottom: 3px solid transparent; + color: #a0a0a0; + font-family: Georgia, Cambria, "Times New Roman", Times, serif; + font-style: italic; + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + letter-spacing: 1px; + margin: 0px 15px; + padding: 20px 10px; + -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: linear; + -moz-transition-timing-function: linear; + -ms-transition-timing-function: linear; + -o-transition-timing-function: linear; + transition-timing-function: linear; + -webkit-transition-delay: 0; + -moz-transition-delay: 0; + -ms-transition-delay: 0; + -o-transition-delay: 0; + transition-delay: 0; + text-transform: lowercase; } + .container.about > nav a:hover, .container.about > nav a.active, .container.about > nav nav.sequence-nav ol li a.seq_video_active, nav.sequence-nav ol li .container.about > nav a.seq_video_active, .container.about > nav nav.sequence-nav ol li a.seq_other_active, nav.sequence-nav ol li .container.about > nav a.seq_other_active, .container.about > nav nav.sequence-nav ol li a.seq_vertical_active, nav.sequence-nav ol li .container.about > nav a.seq_vertical_active, .container.about > nav nav.sequence-nav ol li a.seq_problem_active, nav.sequence-nav ol li .container.about > nav a.seq_problem_active { + border-color: #c8c8c8; + color: #3c3c3c; + text-decoration: none; } + .container.about .vision h1 + hr { + margin-bottom: 80px; } + .container.about .vision .message { + zoom: 1; + margin-bottom: 60px; + padding-bottom: 60px; + position: relative; } + .container.about .vision .message:before, .container.about .vision .message:after { + content: ""; + display: table; } + .container.about .vision .message:after { + clear: both; } + .container.about .vision .message hr { + bottom: 0px; + margin: 0px; + position: absolute; + width: 100%; } + .container.about .vision .message .photo { + background: white; + border: 1px solid #d2d2d2; + padding: 1px; + width: 31.984%; } + .container.about .vision .message .photo img { + background: #f5f5f5; + display: block; + height: 200px; + width: 100%; } + .container.about .vision .message.left .photo { + float: left; + margin-right: 2.024%; } + .container.about .vision .message.right .photo { + float: right; + margin-left: 2.024%; } + .container.about .vision .message:last-child { + margin-bottom: 0px; } + .container.about .faq { + zoom: 1; } + .container.about .faq:before, .container.about .faq:after { + content: ""; + display: table; } + .container.about .faq:after { + clear: both; } + .container.about .faq nav.categories { + border: 1px solid #dcdcdc; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + float: left; + margin-left: 2.024%; + padding: 20px; + width: 23.482%; } + .container.about .faq nav.categories a { + display: block; + letter-spacing: 1px; + margin: 0px -20px; + padding: 12px 0px 12px 20px; + text-align: left; } + .container.about .faq nav.categories a:hover { + background: #f5f5f5; + text-decoration: none; } + .container.about .faq .responses { + float: left; + width: 74.494%; } + .container.about .faq .responses .category { + padding-top: 40px; } + .container.about .faq .responses .category:first-child { + padding-top: 0px; } + .container.about .faq .responses .category > h2 { + border-bottom: 1px solid #dcdcdc; + margin-bottom: 40px; + padding-bottom: 20px; } + .container.about .faq .responses .response { + margin-bottom: 40px; } + .container.about .faq .responses .response h3 { + font-family: "Open Sans", Verdana, Geneva, sans-serif; + font-weight: 700; + margin-bottom: 15px; } + .container.about .press .press-resources { + zoom: 1; + margin-bottom: 60px; } + .container.about .press .press-resources:before, .container.about .press .press-resources:after { + content: ""; + display: table; } + .container.about .press .press-resources:after { + clear: both; } + .container.about .press .press-resources .pressreleases, .container.about .press .press-resources .identity-assets { + background: #f5f5f5; + border: 1px solid #c8c8c8; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + float: left; + padding: 20px 30px; + text-align: center; + width: 48.988%; } + .container.about .press .press-resources .pressreleases { + margin-right: 2.024%; } + .container.about .press .press-story { + border-bottom: 1px solid #dcdcdc; + zoom: 1; + margin-bottom: 40px; + padding-bottom: 40px; } + .container.about .press .press-story:before, .container.about .press .press-story:after { + content: ""; + display: table; } + .container.about .press .press-story:after { + clear: both; } + .container.about .press .press-story:last-child { + border: none; + margin: 0px; + padding: 0px; } + .container.about .press .press-story .article-cover { + background: white; + border: 1px solid #787878; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + float: left; + height: 120px; + margin-right: 2.024%; + overflow: hidden; + width: 14.98%; } + .container.about .press .press-story .article-cover img { + display: block; + min-height: 100%; + width: 100%; } + .container.about .press .press-story .press-info { + float: left; + width: 82.996%; } + .container.about .press .press-story .press-info header { + margin-bottom: 10px; } + .container.about .press .press-story .press-info header h3 { + font-family: "Open Sans", Verdana, Geneva, sans-serif; + font-weight: 700; + margin-bottom: 5px; } + .container.about .press .press-story .press-info header span.post-date { + color: #a0a0a0; + margin-right: 10px; } + .container.about .contact { + zoom: 1; + margin: 0 auto; + width: 82.996%; } + .container.about .contact:before, .container.about .contact:after { + content: ""; + display: table; } + .container.about .contact:after { + clear: both; } + .container.about .contact .map { + background: #f5f5f5; + float: left; + height: 280px; + margin-right: 2.024%; + overflow: hidden; + width: 48.988%; } + .container.about .contact .map img { + min-height: 100%; + max-width: 100%; } + .container.about .contact .contacts { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + float: left; + padding-left: 40px; + width: 48.988%; } + .container.about .contact .contacts ul { + list-style: none; + margin: 0px; + padding: 0px; } + .container.about .contact .contacts ul li { + margin-bottom: 10px; } + +.pressrelease { + background: #fafafa; } + .pressrelease .container { + padding: 60px 0 120px; } + .pressrelease .container h1 + hr { + margin-bottom: 60px; } + .pressrelease .container h3 + hr { + margin-bottom: 60px; } + .pressrelease .container h3 { + color: #a0a0a0; + font-style: italic; + margin-bottom: 30px; + text-align: center; } + .pressrelease .container > article { + border: 1px solid #dcdcdc; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + -o-border-radius: 10px; + border-radius: 10px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.1); + margin: 0 auto; + padding: 80px 80px 40px 80px; + width: 82.996%; } + .pressrelease .container > article .footer hr { + margin: 80px 0px 40px; } + .pressrelease .container p + h2 { + margin-top: 60px; } + .pressrelease .container h2 + p { + margin-top: 30px; } + +html { + height: 100%; + max-height: 100%; } + +body.courseware { + height: 100%; + max-height: 100%; } + body.courseware .container { + margin-bottom: 40px; + margin-top: 20px; } + body.courseware footer.fixed-bottom { + Position: static; } + +div.course-wrapper ul, div.course-wrapper ol { + list-style: none; } +div.course-wrapper section.course-content { + -webkit-border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + -ms-border-radius: 0 4px 4px 0; + -o-border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; } + div.course-wrapper section.course-content h1 { + margin: 0 0 22.652px; } + div.course-wrapper section.course-content p { + margin-bottom: 22.652px; } + div.course-wrapper section.course-content p:empty { + display: none; + margin-bottom: 0; } + div.course-wrapper section.course-content ul li { + margin-bottom: 11.326px; } + div.course-wrapper section.course-content .problem-set, div.course-wrapper section.course-content section.problems-wrapper, div.course-wrapper section.course-content div#seq_content, div.course-wrapper section.course-content ol.vert-mod > li { + position: relative; } + div.course-wrapper section.course-content .problem-set h2, div.course-wrapper section.course-content section.problems-wrapper h2, div.course-wrapper section.course-content div#seq_content h2, div.course-wrapper section.course-content ol.vert-mod > li h2 { + margin-top: 0; + margin-bottom: 15px; + width: 20.109%; + padding-right: 2.717%; + border-right: 1px dashed #ddd; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + display: table-cell; + vertical-align: top; } + div.course-wrapper section.course-content .problem-set h2.problem-header section.staff, div.course-wrapper section.course-content section.problems-wrapper h2.problem-header section.staff, div.course-wrapper section.course-content div#seq_content h2.problem-header section.staff, div.course-wrapper section.course-content ol.vert-mod > li h2.problem-header section.staff { + margin-top: 30px; + font-size: 80%; } + @media screen and (max-width:1120px) { + div.course-wrapper section.course-content .problem-set h2, div.course-wrapper section.course-content section.problems-wrapper h2, div.course-wrapper section.course-content div#seq_content h2, div.course-wrapper section.course-content ol.vert-mod > li h2 { + display: block; + width: auto; + border-right: 0; } } + @media print { + div.course-wrapper section.course-content .problem-set h2, div.course-wrapper section.course-content section.problems-wrapper h2, div.course-wrapper section.course-content div#seq_content h2, div.course-wrapper section.course-content ol.vert-mod > li h2 { + display: block; + width: auto; + border-right: 0; } } + div.course-wrapper section.course-content .problem-set section.problem, div.course-wrapper section.course-content section.problems-wrapper section.problem, div.course-wrapper section.course-content div#seq_content section.problem, div.course-wrapper section.course-content ol.vert-mod > li section.problem { + display: table-cell; + width: 77.174%; + padding-left: 2.717%; } + @media screen and (max-width:1120px) { + div.course-wrapper section.course-content .problem-set section.problem, div.course-wrapper section.course-content section.problems-wrapper section.problem, div.course-wrapper section.course-content div#seq_content section.problem, div.course-wrapper section.course-content ol.vert-mod > li section.problem { + display: block; + width: auto; + padding: 0; } } + @media print { + div.course-wrapper section.course-content .problem-set section.problem, div.course-wrapper section.course-content section.problems-wrapper section.problem, div.course-wrapper section.course-content div#seq_content section.problem, div.course-wrapper section.course-content ol.vert-mod > li section.problem { + display: block; + width: auto; + padding: 0; } + div.course-wrapper section.course-content .problem-set section.problem canvas, div.course-wrapper section.course-content section.problems-wrapper section.problem canvas, div.course-wrapper section.course-content div#seq_content section.problem canvas, div.course-wrapper section.course-content ol.vert-mod > li section.problem canvas, div.course-wrapper section.course-content .problem-set section.problem img, div.course-wrapper section.course-content section.problems-wrapper section.problem img, div.course-wrapper section.course-content div#seq_content section.problem img, div.course-wrapper section.course-content ol.vert-mod > li section.problem img { + page-break-inside: avoid; } } + div.course-wrapper section.course-content .problem-set section.problem span.unanswered, div.course-wrapper section.course-content section.problems-wrapper section.problem span.unanswered, div.course-wrapper section.course-content div#seq_content section.problem span.unanswered, div.course-wrapper section.course-content ol.vert-mod > li section.problem span.unanswered, div.course-wrapper section.course-content .problem-set section.problem span.ui-icon-bullet, div.course-wrapper section.course-content section.problems-wrapper section.problem span.ui-icon-bullet, div.course-wrapper section.course-content div#seq_content section.problem span.ui-icon-bullet, div.course-wrapper section.course-content ol.vert-mod > li section.problem span.ui-icon-bullet { + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + background: url("../images/unanswered-icon.png") center center no-repeat; + height: 14px; + position: relative; + top: 4px; + width: 14px; } + div.course-wrapper section.course-content .problem-set section.problem span.correct, div.course-wrapper section.course-content section.problems-wrapper section.problem span.correct, div.course-wrapper section.course-content div#seq_content section.problem span.correct, div.course-wrapper section.course-content ol.vert-mod > li section.problem span.correct, div.course-wrapper section.course-content .problem-set section.problem span.ui-icon-check, div.course-wrapper section.course-content section.problems-wrapper section.problem span.ui-icon-check, div.course-wrapper section.course-content div#seq_content section.problem span.ui-icon-check, div.course-wrapper section.course-content ol.vert-mod > li section.problem span.ui-icon-check { + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + background: url("../images/correct-icon.png") center center no-repeat; + height: 20px; + position: relative; + top: 6px; + width: 25px; } + div.course-wrapper section.course-content .problem-set section.problem span.incorrect, div.course-wrapper section.course-content section.problems-wrapper section.problem span.incorrect, div.course-wrapper section.course-content div#seq_content section.problem span.incorrect, div.course-wrapper section.course-content ol.vert-mod > li section.problem span.incorrect, div.course-wrapper section.course-content .problem-set section.problem span.ui-icon-close, div.course-wrapper section.course-content section.problems-wrapper section.problem span.ui-icon-close, div.course-wrapper section.course-content div#seq_content section.problem span.ui-icon-close, div.course-wrapper section.course-content ol.vert-mod > li section.problem span.ui-icon-close { + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + background: url("../images/incorrect-icon.png") center center no-repeat; + height: 20px; + width: 20px; + position: relative; + top: 6px; } + div.course-wrapper section.course-content .problem-set div > span, div.course-wrapper section.course-content section.problems-wrapper div > span, div.course-wrapper section.course-content div#seq_content div > span, div.course-wrapper section.course-content ol.vert-mod > li div > span { + display: block; + margin-bottom: 11.326px; } + div.course-wrapper section.course-content .problem-set div > span[answer], div.course-wrapper section.course-content section.problems-wrapper div > span[answer], div.course-wrapper section.course-content div#seq_content div > span[answer], div.course-wrapper section.course-content ol.vert-mod > li div > span[answer] { + border-top: 1px solid #ededed; + border-bottom: 1px solid #ededed; + background: #f3f3f3; + margin: 0 -22.652px; + padding: 11.326px 22.652px; } + div.course-wrapper section.course-content .problem-set input[type="text"], div.course-wrapper section.course-content section.problems-wrapper input[type="text"], div.course-wrapper section.course-content div#seq_content input[type="text"], div.course-wrapper section.course-content ol.vert-mod > li input[type="text"] { + display: inline-block; + width: 50%; } + div.course-wrapper section.course-content .problem-set center, div.course-wrapper section.course-content section.problems-wrapper center, div.course-wrapper section.course-content div#seq_content center, div.course-wrapper section.course-content ol.vert-mod > li center { + display: block; + margin: 22.652px 0; + border: 1px solid #ccc; + padding: 22.652px; } + div.course-wrapper section.course-content .problem-set section.action, div.course-wrapper section.course-content section.problems-wrapper section.action, div.course-wrapper section.course-content div#seq_content section.action, div.course-wrapper section.course-content ol.vert-mod > li section.action { + margin-top: 22.652px; } + div.course-wrapper section.course-content .problem-set section.action input[type="button"], div.course-wrapper section.course-content section.problems-wrapper section.action input[type="button"], div.course-wrapper section.course-content div#seq_content section.action input[type="button"], div.course-wrapper section.course-content ol.vert-mod > li section.action input[type="button"] { + padding: 9.061px 22.652px; + text-shadow: 0 -1px 0 #666666; } + div.course-wrapper section.course-content section.problems-wrapper { + display: table; + width: 100%; } + @media screen and (max-width:1120px) { + div.course-wrapper section.course-content section.problems-wrapper { + display: block; + width: auto; } } + div.course-wrapper section.course-content div#seq_content h1 { + background: none; + margin-bottom: 22.652px; + padding-bottom: 0; + border-bottom: none; } + div.course-wrapper section.course-content ol.vert-mod > li { + border-bottom: 1px solid #ddd; + margin-bottom: 15px; + padding: 0 0 15px; } + div.course-wrapper section.course-content ol.vert-mod > li header { + -webkit-border-radius: 0 4px 0 0; + -moz-border-radius: 0 4px 0 0; + -ms-border-radius: 0 4px 0 0; + -o-border-radius: 0 4px 0 0; + border-radius: 0 4px 0 0; + margin-bottom: -16px; } + div.course-wrapper section.course-content ol.vert-mod > li header h1 { + margin: 0; } + div.course-wrapper section.course-content ol.vert-mod > li header h2 { + float: right; + margin-right: 0; + margin-top: 8px; + text-align: right; + padding-right: 0; + border-right: 0; } + div.course-wrapper section.course-content ol.vert-mod > li:last-child { + border-bottom: none; + margin-bottom: 0; + padding-bottom: 0; } + div.course-wrapper section.course-content ol.vert-mod > li .histogram { + width: 200px; + height: 150px; } + div.course-wrapper section.course-content ol.vert-mod > li ul { + list-style: disc outside none; + padding-left: 1em; } + div.course-wrapper section.course-content ol.vert-mod > li nav.sequence-bottom ul { + list-style: none; + padding: 0; } + div.course-wrapper section.course-content section.tutorials h2 { + margin-bottom: 22.652px; } + div.course-wrapper section.course-content section.tutorials ul { + margin: 0; + zoom: 1; } + div.course-wrapper section.course-content section.tutorials ul:before, div.course-wrapper section.course-content section.tutorials ul:after { + content: ""; + display: table; } + div.course-wrapper section.course-content section.tutorials ul:after { + clear: both; } + div.course-wrapper section.course-content section.tutorials ul li { + width: 31.522%; + float: left; + margin-right: 2.717%; + margin-bottom: 22.652px; } + div.course-wrapper section.course-content section.tutorials ul li:nth-child(3n) { + margin-right: 0; } + div.course-wrapper section.course-content section.tutorials ul li:nth-child(3n+1) { + clear: both; } + div.course-wrapper section.course-content section.tutorials ul li a { + font-weight: bold; } + div.course-wrapper section.course-content div.staff_info { + zoom: 1; + white-space: pre-wrap; + border-top: 1px solid #ccc; + padding-top: 22.652px; + margin-top: 22.652px; + line-height: 22.652px; + font-family: Consolas, "Lucida Console", Monaco, "Courier New", Courier, monospace; } + div.course-wrapper section.course-content div.staff_info:before, div.course-wrapper section.course-content div.staff_info:after { + content: ""; + display: table; } + div.course-wrapper section.course-content div.staff_info:after { + clear: both; } + div.course-wrapper section.course-content div.ui-slider { + border: 1px solid #aaa; + background: #ddd; + -webkit-box-shadow: inset 0 1px 0 #eeeeee; + -moz-box-shadow: inset 0 1px 0 #eeeeee; + box-shadow: inset 0 1px 0 #eeeeee; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; } + div.course-wrapper section.course-content div.ui-slider a.ui-slider-handle { + -webkit-box-shadow: inset 0 1px 0 #bf4040; + -moz-box-shadow: inset 0 1px 0 #bf4040; + box-shadow: inset 0 1px 0 #bf4040; + background: #993333 url(../images/slider-bars.png) center center no-repeat; + border: 1px solid #4d1919; + cursor: pointer; } + div.course-wrapper section.course-content div.ui-slider a.ui-slider-handle:hover, div.course-wrapper section.course-content div.ui-slider a.ui-slider-handle:focus { + background-color: #bf4040; + outline: none; } + div.course-wrapper section.course-content div.ui-tabs { + border: 0; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + margin: 0; + padding: 0; } + div.course-wrapper section.course-content div.ui-tabs .ui-tabs-nav { + background: none; + border: 0; + margin-bottom: 11.326px; } + div.course-wrapper section.course-content div.ui-tabs .ui-tabs-panel { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + padding: 0; } +div.course-wrapper.closed section.course-index { + width: 3.077%; + overflow: hidden; } + div.course-wrapper.closed section.course-index header#open_close_accordion { + padding: 0; + min-height: 47px; } + div.course-wrapper.closed section.course-index header#open_close_accordion a { + background-image: url("../images/slide-right-icon.png"); } + div.course-wrapper.closed section.course-index header#open_close_accordion h2 { + visibility: hidden; + width: 10px; } + div.course-wrapper.closed section.course-index div#accordion { + visibility: hidden; + width: 10px; + padding: 0; } + div.course-wrapper.closed section.course-index div#accordion nav { + white-space: pre; + overflow: hidden; } + div.course-wrapper.closed section.course-index div#accordion nav ul { + overflow: hidden; + white-space: nowrap; } +div.course-wrapper.closed section.course-content { + width: 97.773%; } + +nav.sequence-nav { + border-bottom: 1px solid #e4d080; + margin-bottom: 22.652px; + position: relative; + -webkit-border-top-right-radius: 4px; + -moz-border-top-right-radius: 4px; + -moz-border-radius-topright: 4px; + -ms-border-top-right-radius: 4px; + -o-border-top-right-radius: 4px; + border-top-right-radius: 4px; } + nav.sequence-nav ol { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + display: table; + height: 100%; + padding-right: 8.696%; + width: 100%; } + nav.sequence-nav ol li { + border-left: 1px solid #e4d080; + display: table-cell; + min-width: 20px; } + nav.sequence-nav ol li:first-child { + border-left: none; } + nav.sequence-nav ol li .inactive, nav.sequence-nav ol li a.seq_video_inactive, nav.sequence-nav ol li a.seq_other_inactive, nav.sequence-nav ol li a.seq_vertical_inactive, nav.sequence-nav ol li a.seq_problem_inactive { + background-repeat: no-repeat; } + nav.sequence-nav ol li .inactive:hover, nav.sequence-nav ol li a.seq_video_inactive:hover, nav.sequence-nav ol li a.seq_other_inactive:hover, nav.sequence-nav ol li a.seq_vertical_inactive:hover, nav.sequence-nav ol li a.seq_problem_inactive:hover { + background-color: #f9f4e1; } + nav.sequence-nav ol li .visited, nav.sequence-nav ol li a.seq_video_visited, nav.sequence-nav ol li a.seq_other_visited, nav.sequence-nav ol li a.seq_vertical_visited, nav.sequence-nav ol li a.seq_problem_visited { + background-color: #DCCDA2; + background-repeat: no-repeat; + -webkit-box-shadow: inset 0 0 3px #ceb97d; + -moz-box-shadow: inset 0 0 3px #ceb97d; + box-shadow: inset 0 0 3px #ceb97d; } + nav.sequence-nav ol li .visited:hover, nav.sequence-nav ol li a.seq_video_visited:hover, nav.sequence-nav ol li a.seq_other_visited:hover, nav.sequence-nav ol li a.seq_vertical_visited:hover, nav.sequence-nav ol li a.seq_problem_visited:hover { + background-color: #f6efd4; + background-position: center center; } + nav.sequence-nav ol li .active, nav.sequence-nav ol li a.seq_video_active, nav.sequence-nav ol li a.seq_other_active, nav.sequence-nav ol li a.seq_vertical_active, nav.sequence-nav ol li a.seq_problem_active, nav.sequence-nav ol li section.course-index div#accordion h3.ui-accordion-header.ui-state-active, section.course-index div#accordion nav.sequence-nav ol li h3.ui-accordion-header.ui-state-active { + background-color: #fff; + background-repeat: no-repeat; + -webkit-box-shadow: 0 1px 0 white; + -moz-box-shadow: 0 1px 0 white; + box-shadow: 0 1px 0 white; } + nav.sequence-nav ol li .active:hover, nav.sequence-nav ol li a.seq_video_active:hover, nav.sequence-nav ol li a.seq_other_active:hover, nav.sequence-nav ol li a.seq_vertical_active:hover, nav.sequence-nav ol li a.seq_problem_active:hover, nav.sequence-nav ol li section.course-index div#accordion h3.ui-accordion-header.ui-state-active:hover, section.course-index div#accordion nav.sequence-nav ol li h3.ui-accordion-header.ui-state-active:hover { + background-color: #fff; + background-position: center; } + nav.sequence-nav ol li a { + background-position: center center; + border: none; + cursor: pointer; + display: block; + height: 17px; + padding: 15px 0 14px; + position: relative; + -webkit-transition-property: all; + -moz-transition-property: all; + -ms-transition-property: all; + -o-transition-property: all; + transition-property: all; + -webkit-transition-duration: 0.4s; + -moz-transition-duration: 0.4s; + -ms-transition-duration: 0.4s; + -o-transition-duration: 0.4s; + transition-duration: 0.4s; + -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); + -moz-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); + -ms-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); + -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); + transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); + -webkit-transition-delay: 0; + -moz-transition-delay: 0; + -ms-transition-delay: 0; + -o-transition-delay: 0; + transition-delay: 0; + width: 100%; } + nav.sequence-nav ol li a.progress, nav.sequence-nav ol li a.progress-none, nav.sequence-nav ol li a.progress-some, nav.sequence-nav ol li a.progress-done { + border-bottom-style: solid; + border-bottom-width: 4px; } + nav.sequence-nav ol li a.progress-none { + border-bottom-color: red; } + nav.sequence-nav ol li a.progress-some { + border-bottom-color: yellow; } + nav.sequence-nav ol li a.progress-done { + border-bottom-color: green; } + nav.sequence-nav ol li a.seq_video_inactive { + background-image: url("../images/sequence-nav/video-icon-normal.png"); + background-position: center; } + nav.sequence-nav ol li a.seq_video_visited { + background-image: url("../images/sequence-nav/video-icon-visited.png"); + background-position: center; } + nav.sequence-nav ol li a.seq_video_active { + background-image: url("../images/sequence-nav/video-icon-current.png"); + background-position: center; } + nav.sequence-nav ol li a.seq_other_inactive { + background-image: url("../images/sequence-nav/document-icon-normal.png"); + background-position: center; } + nav.sequence-nav ol li a.seq_other_visited { + background-image: url("../images/sequence-nav/document-icon-visited.png"); + background-position: center; } + nav.sequence-nav ol li a.seq_other_active { + background-image: url("../images/sequence-nav/document-icon-current.png"); + background-position: center; } + nav.sequence-nav ol li a.seq_vertical_inactive, nav.sequence-nav ol li a.seq_problem_inactive { + background-image: url("../images/sequence-nav/list-icon-normal.png"); + background-position: center; } + nav.sequence-nav ol li a.seq_vertical_visited, nav.sequence-nav ol li a.seq_problem_visited { + background-image: url("../images/sequence-nav/list-icon-visited.png"); + background-position: center; } + nav.sequence-nav ol li a.seq_vertical_active, nav.sequence-nav ol li a.seq_problem_active { + background-image: url("../images/sequence-nav/list-icon-current.png"); + background-position: center; } + nav.sequence-nav ol li a p { + background: #333; + color: #fff; + display: none; + line-height: 22.652px; + left: 0px; + opacity: 0; + padding: 6px; + position: absolute; + top: 48px; + text-shadow: 0 -1px 0 black; + -webkit-transition-property: all; + -moz-transition-property: all; + -ms-transition-property: all; + -o-transition-property: all; + transition-property: all; + -webkit-transition-duration: 0.1s; + -moz-transition-duration: 0.1s; + -ms-transition-duration: 0.1s; + -o-transition-duration: 0.1s; + transition-duration: 0.1s; + -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); + -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); + -ms-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); + -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); + transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); + -webkit-transition-delay: 0; + -moz-transition-delay: 0; + -ms-transition-delay: 0; + -o-transition-delay: 0; + transition-delay: 0; + white-space: pre; + z-index: 99; } + nav.sequence-nav ol li a p:empty { + background: none; } + nav.sequence-nav ol li a p:empty::after { + display: none; } + nav.sequence-nav ol li a p::after { + background: #333; + content: " "; + display: block; + height: 10px; + left: 18px; + position: absolute; + top: -5px; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); + width: 10px; } + nav.sequence-nav ol li a:hover p { + display: block; + margin-top: 4px; + opacity: 1; } + nav.sequence-nav ul { + list-style: none; + height: 100%; + position: absolute; + right: 0; + top: 0; + width: 8.696%; } + nav.sequence-nav ul li { + float: left; + width: 50%; } + nav.sequence-nav ul li.prev a, nav.sequence-nav ul li.next a { + background-color: #f2e7bf; + background-position: center center; + background-repeat: no-repeat; + border-left: 1px solid #e4d080; + -webkit-box-shadow: inset 1px 0 0 #faf7e9; + -moz-box-shadow: inset 1px 0 0 #faf7e9; + box-shadow: inset 1px 0 0 #faf7e9; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + cursor: pointer; + display: block; + text-indent: -9999px; + -webkit-transition-property: all; + -moz-transition-property: all; + -ms-transition-property: all; + -o-transition-property: all; + transition-property: all; + -webkit-transition-duration: 0.2s; + -moz-transition-duration: 0.2s; + -ms-transition-duration: 0.2s; + -o-transition-duration: 0.2s; + transition-duration: 0.2s; + -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); + -moz-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); + -ms-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); + -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); + transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); + -webkit-transition-delay: 0; + -moz-transition-delay: 0; + -ms-transition-delay: 0; + -o-transition-delay: 0; + transition-delay: 0; } + nav.sequence-nav ul li.prev a:hover, nav.sequence-nav ul li.next a:hover { + opacity: .5; } + nav.sequence-nav ul li.prev a.disabled, nav.sequence-nav ul li.next a.disabled { + cursor: normal; + opacity: .4; } + nav.sequence-nav ul li.prev a { + background-image: url("../images/sequence-nav/previous-icon.png"); } + nav.sequence-nav ul li.prev a:hover { + background-color: #f6efd4; } + nav.sequence-nav ul li.next a { + background-image: url("../images/sequence-nav/next-icon.png"); } + nav.sequence-nav ul li.next a:hover { + background-color: #f6efd4; } + body.touch-based-device nav.sequence-nav ol li a:hover p { + display: none; } + +section.course-content { + position: relative; } + section.course-content ol.vert-mod nav.sequence-nav { + margin-top: -15px; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; } + section.course-content nav.sequence-bottom { + margin: 45.304px 0 0; + text-align: center; } + section.course-content nav.sequence-bottom ul { + background-color: #f2e7bf; + background-color: #f2e7bf; + border: 1px solid #e4d080; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + -webkit-box-shadow: inset 0 0 0 1px #faf7e9; + -moz-box-shadow: inset 0 0 0 1px #faf7e9; + box-shadow: inset 0 0 0 1px #faf7e9; + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; } + section.course-content nav.sequence-bottom ul li { + float: left; } + section.course-content nav.sequence-bottom ul li.prev, section.course-content nav.sequence-bottom ul li.next { + margin-bottom: 0; } + section.course-content nav.sequence-bottom ul li.prev a, section.course-content nav.sequence-bottom ul li.next a { + background-position: center center; + background-repeat: no-repeat; + border-bottom: none; + display: block; + padding: 11.326px 4px; + text-indent: -9999px; + -webkit-transition-property: all; + -moz-transition-property: all; + -ms-transition-property: all; + -o-transition-property: all; + transition-property: all; + -webkit-transition-duration: 0.2s; + -moz-transition-duration: 0.2s; + -ms-transition-duration: 0.2s; + -o-transition-duration: 0.2s; + transition-duration: 0.2s; + -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); + -moz-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); + -ms-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); + -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); + transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); + -webkit-transition-delay: 0; + -moz-transition-delay: 0; + -ms-transition-delay: 0; + -o-transition-delay: 0; + transition-delay: 0; + width: 45px; } + section.course-content nav.sequence-bottom ul li.prev a:hover, section.course-content nav.sequence-bottom ul li.next a:hover { + background-color: #f6efd4; + color: #7e691a; + opacity: .5; + text-decoration: none; } + section.course-content nav.sequence-bottom ul li.prev a.disabled, section.course-content nav.sequence-bottom ul li.next a.disabled { + background-color: #fffffe; + opacity: .4; } + section.course-content nav.sequence-bottom ul li.prev a { + background-image: url("../images/sequence-nav/previous-icon.png"); + border-right: 1px solid #e4d080; } + section.course-content nav.sequence-bottom ul li.prev a:hover { + background-color: none; } + section.course-content nav.sequence-bottom ul li.next a { + background-image: url("../images/sequence-nav/next-icon.png"); } + section.course-content nav.sequence-bottom ul li.next a:hover { + background-color: none; } + +section.course-index header { + max-height: 47px; } + section.course-index header h2 { + white-space: nowrap; } +section.course-index div#accordion h3 { + -webkit-box-shadow: inset 0 1px 0 0 #eeeeee; + -moz-box-shadow: inset 0 1px 0 0 #eeeeee; + box-shadow: inset 0 1px 0 0 #eeeeee; + border-top: 1px solid #d3d3d3; + overflow: hidden; + margin: 0; } + section.course-index div#accordion h3:first-child { + border: none; } + section.course-index div#accordion h3:hover { + background-image: -webkit-linear-gradient(-90deg, #f5f5f5, #e1e1e1); + background-image: -moz-linear-gradient(-90deg, #f5f5f5, #e1e1e1); + background-image: -ms-linear-gradient(-90deg, #f5f5f5, #e1e1e1); + background-image: -o-linear-gradient(-90deg, #f5f5f5, #e1e1e1); + background-image: linear-gradient(-90deg, #f5f5f5, #e1e1e1); } + section.course-index div#accordion h3.ui-accordion-header { + color: #000; } + section.course-index div#accordion h3.ui-accordion-header a { + font-size: 14px; + color: #4d4d4d; } + section.course-index div#accordion h3.ui-accordion-header.ui-state-active { + background-image: -webkit-linear-gradient(-90deg, #f5f5f5, #e1e1e1); + background-image: -moz-linear-gradient(-90deg, #f5f5f5, #e1e1e1); + background-image: -ms-linear-gradient(-90deg, #f5f5f5, #e1e1e1); + background-image: -o-linear-gradient(-90deg, #f5f5f5, #e1e1e1); + background-image: linear-gradient(-90deg, #f5f5f5, #e1e1e1); + border-bottom: 1px solid #d3d3d3; } +section.course-index div#accordion ul.ui-accordion-content { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + -webkit-box-shadow: inset -1px 0 0 #e6e6e6; + -moz-box-shadow: inset -1px 0 0 #e6e6e6; + box-shadow: inset -1px 0 0 #e6e6e6; + background: #dadada; + border: none; + font-size: 12px; + margin: 0; + padding: 1em 1.5em; } + section.course-index div#accordion ul.ui-accordion-content li { + margin-bottom: 11.326px; } + section.course-index div#accordion ul.ui-accordion-content li a { + border: 1px solid transparent; + background: transparent; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + position: relative; + padding: 5px 36px 5px 10px; + text-decoration: none; + display: block; + color: #666; } + section.course-index div#accordion ul.ui-accordion-content li a p { + font-weight: bold; + margin-bottom: 0; } + section.course-index div#accordion ul.ui-accordion-content li a p span.subtitle { + color: #666; + font-weight: normal; + display: block; } + section.course-index div#accordion ul.ui-accordion-content li a:after { + background: transparent; + border-top: 1px solid #b4b4b4; + border-right: 1px solid #b4b4b4; + content: ""; + display: block; + height: 12px; + margin-top: -6px; + opacity: 0; + position: absolute; + top: 50%; + right: 30px; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); + width: 12px; } + section.course-index div#accordion ul.ui-accordion-content li a:hover { + background-image: -webkit-linear-gradient(-90deg, rgba(245, 245, 245, 0.4), rgba(230, 230, 230, 0.4)); + background-image: -moz-linear-gradient(-90deg, rgba(245, 245, 245, 0.4), rgba(230, 230, 230, 0.4)); + background-image: -ms-linear-gradient(-90deg, rgba(245, 245, 245, 0.4), rgba(230, 230, 230, 0.4)); + background-image: -o-linear-gradient(-90deg, rgba(245, 245, 245, 0.4), rgba(230, 230, 230, 0.4)); + background-image: linear-gradient(-90deg, rgba(245, 245, 245, 0.4), rgba(230, 230, 230, 0.4)); + border-color: #c8c8c8; } + section.course-index div#accordion ul.ui-accordion-content li a:hover:after { + opacity: 1; + right: 15px; + -webkit-transition-property: all; + -moz-transition-property: all; + -ms-transition-property: all; + -o-transition-property: all; + transition-property: all; + -webkit-transition-duration: 0.2s; + -moz-transition-duration: 0.2s; + -ms-transition-duration: 0.2s; + -o-transition-duration: 0.2s; + transition-duration: 0.2s; + -webkit-transition-timing-function: linear; + -moz-transition-timing-function: linear; + -ms-transition-timing-function: linear; + -o-transition-timing-function: linear; + transition-timing-function: linear; + -webkit-transition-delay: 0; + -moz-transition-delay: 0; + -ms-transition-delay: 0; + -o-transition-delay: 0; + transition-delay: 0; } + section.course-index div#accordion ul.ui-accordion-content li a:hover > a p { + color: #333; } + section.course-index div#accordion ul.ui-accordion-content li a:active { + -webkit-box-shadow: inset 0 1px 14px 0 rgba(0, 0, 0, 0.1); + -moz-box-shadow: inset 0 1px 14px 0 rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 14px 0 rgba(0, 0, 0, 0.1); } + section.course-index div#accordion ul.ui-accordion-content li a:active:after { + opacity: 1; + right: 15px; } + section.course-index div#accordion ul.ui-accordion-content li.active { + font-weight: bold; } + section.course-index div#accordion ul.ui-accordion-content li.active > a { + background: #f0f0f0; + background-image: -webkit-linear-gradient(-90deg, #f5f5f5, #e6e6e6); + background-image: -moz-linear-gradient(-90deg, #f5f5f5, #e6e6e6); + background-image: -ms-linear-gradient(-90deg, #f5f5f5, #e6e6e6); + background-image: -o-linear-gradient(-90deg, #f5f5f5, #e6e6e6); + background-image: linear-gradient(-90deg, #f5f5f5, #e6e6e6); + border-color: #c8c8c8; } + section.course-index div#accordion ul.ui-accordion-content li.active > a:after { + opacity: 1; + right: 15px; } + section.course-index div#accordion ul.ui-accordion-content li.active > a p { + color: #333; } + section.course-index div#accordion ul.ui-accordion-content li.active span.subtitle { + font-weight: normal; } + +@-moz-document url-prefix() { + a.add-fullscreen { + display: none !important; } } + +section.course-content .dullify, section.course-content div.video article.video-wrapper section.video-controls ul.vcr, section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls { + opacity: .4; + -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.course-content .dullify:hover, section.course-content div.video article.video-wrapper section.video-controls ul.vcr:hover, section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls:hover { + opacity: 1; } +section.course-content div.video { + zoom: 1; + background: #f3f3f3; + border-bottom: 1px solid #e1e1e1; + border-top: 1px solid #e1e1e1; + display: block; + margin: 0 -22.652px; + padding: 6px 22.652px; } + section.course-content div.video:before, section.course-content div.video:after { + content: ""; + display: table; } + section.course-content div.video:after { + clear: both; } + section.course-content div.video article.video-wrapper { + float: left; + margin-right: 2.717%; + width: 65.761%; } + section.course-content div.video article.video-wrapper section.video-player { + height: 0; + overflow: hidden; + padding-bottom: 56.25%; + padding-top: 30px; + position: relative; } + section.course-content div.video article.video-wrapper section.video-player object, section.course-content div.video article.video-wrapper section.video-player iframe { + border: none; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; } + section.course-content div.video article.video-wrapper section.video-controls { + background: #333; + border: 1px solid #000; + border-top: 0; + color: #ccc; + position: relative; } + section.course-content div.video article.video-wrapper section.video-controls:hover ul, section.course-content div.video article.video-wrapper section.video-controls:hover div { + opacity: 1; } + section.course-content div.video article.video-wrapper section.video-controls div.slider { + background: #c2c2c2; + border: none; + border-bottom: 1px solid #000; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + border-top: 1px solid #000; + -webkit-box-shadow: inset 0 1px 0 #eeeeee, 0 1px 0 #555555; + -moz-box-shadow: inset 0 1px 0 #eeeeee, 0 1px 0 #555555; + box-shadow: inset 0 1px 0 #eeeeee, 0 1px 0 #555555; + height: 7px; + -webkit-transition-property: height, 2s, ease-in-out; + -moz-transition-property: height, 2s, ease-in-out; + -ms-transition-property: height, 2s, ease-in-out; + -o-transition-property: height, 2s, ease-in-out; + transition-property: height, 2s, ease-in-out; + -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.course-content div.video article.video-wrapper section.video-controls div.slider div.ui-widget-header { + background: #777; + -webkit-box-shadow: inset 0 1px 0 #999999; + -moz-box-shadow: inset 0 1px 0 #999999; + box-shadow: inset 0 1px 0 #999999; } + section.course-content div.video article.video-wrapper section.video-controls div.slider .ui-tooltip.qtip .ui-tooltip-content { + background: #993333; + border: 1px solid #4d1919; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + -ms-border-radius: 2px; + -o-border-radius: 2px; + border-radius: 2px; + -webkit-box-shadow: inset 0 1px 0 #bf4040; + -moz-box-shadow: inset 0 1px 0 #bf4040; + box-shadow: inset 0 1px 0 #bf4040; + color: #fff; + font: bold 12px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; + margin-bottom: 6px; + margin-right: 0; + overflow: visible; + padding: 4px; + text-align: center; + text-shadow: 0 -1px 0 #732626; + -webkit-font-smoothing: antialiased; } + section.course-content div.video article.video-wrapper section.video-controls div.slider .ui-tooltip.qtip .ui-tooltip-content::after { + background: #993333; + border-bottom: 1px solid #4d1919; + border-right: 1px solid #4d1919; + bottom: -5px; + content: " "; + display: block; + height: 7px; + left: 50%; + margin-left: -3px; + position: absolute; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); + width: 7px; } + section.course-content div.video article.video-wrapper section.video-controls div.slider a.ui-slider-handle { + background: #993333 url(../images/slider-handle.png) center center no-repeat; + -webkit-background-size: 50%; + -moz-background-size: 50%; + -ms-background-size: 50%; + -o-background-size: 50%; + background-size: 50%; + border: 1px solid #4d1919; + -webkit-border-radius: 15px; + -moz-border-radius: 15px; + -ms-border-radius: 15px; + -o-border-radius: 15px; + border-radius: 15px; + -webkit-box-shadow: inset 0 1px 0 #bf4040; + -moz-box-shadow: inset 0 1px 0 #bf4040; + box-shadow: inset 0 1px 0 #bf4040; + cursor: pointer; + height: 15px; + margin-left: -7px; + top: -4px; + -webkit-transition-property: height, 2s, ease-in-out; + -moz-transition-property: height, 2s, ease-in-out; + -ms-transition-property: height, 2s, ease-in-out; + -o-transition-property: height, 2s, ease-in-out; + transition-property: height, 2s, ease-in-out; + -webkit-transition-duration: width, 2s, ease-in-out; + -moz-transition-duration: width, 2s, ease-in-out; + -ms-transition-duration: width, 2s, ease-in-out; + -o-transition-duration: width, 2s, ease-in-out; + transition-duration: width, 2s, ease-in-out; + -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; + width: 15px; } + section.course-content div.video article.video-wrapper section.video-controls div.slider a.ui-slider-handle:focus, section.course-content div.video article.video-wrapper section.video-controls div.slider a.ui-slider-handle:hover { + background-color: #bf4040; + outline: none; } + section.course-content div.video article.video-wrapper section.video-controls ul.vcr { + float: left; + list-style: none; + margin-right: 22.652px; + padding: 0; } + section.course-content div.video article.video-wrapper section.video-controls ul.vcr li { + float: left; + margin-bottom: 0; } + section.course-content div.video article.video-wrapper section.video-controls ul.vcr li a { + border-bottom: none; + border-right: 1px solid #000; + -webkit-box-shadow: 1px 0 0 #555555; + -moz-box-shadow: 1px 0 0 #555555; + box-shadow: 1px 0 0 #555555; + cursor: pointer; + display: block; + line-height: 46px; + padding: 0 16.989px; + text-indent: -9999px; + -webkit-transition-property: background-color; + -moz-transition-property: background-color; + -ms-transition-property: background-color; + -o-transition-property: background-color; + transition-property: background-color; + -webkit-transition-duration: opacity; + -moz-transition-duration: opacity; + -ms-transition-duration: opacity; + -o-transition-duration: opacity; + transition-duration: opacity; + -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; + width: 14px; + background: url("../images/vcr.png") 15px 15px no-repeat; } + section.course-content div.video article.video-wrapper section.video-controls ul.vcr li a:empty { + height: 46px; + background: url("../images/vcr.png") 15px 15px no-repeat; } + section.course-content div.video article.video-wrapper section.video-controls ul.vcr li a.play { + background-position: 17px -114px; } + section.course-content div.video article.video-wrapper section.video-controls ul.vcr li a.play:hover { + background-color: #444; } + section.course-content div.video article.video-wrapper section.video-controls ul.vcr li a.pause { + background-position: 16px -50px; } + section.course-content div.video article.video-wrapper section.video-controls ul.vcr li a.pause:hover { + background-color: #444; } + section.course-content div.video article.video-wrapper section.video-controls ul.vcr li div.vidtime { + padding-left: 16.989px; + font-weight: bold; + line-height: 46px; + padding-left: 16.989px; + -webkit-font-smoothing: antialiased; } + section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls { + float: right; } + section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds { + float: left; + position: relative; } + section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds.open > a { + background: url("../images/open-arrow.png") 10px center no-repeat; } + section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds.open ol.video_speeds { + display: block; + opacity: 1; } + section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds > a { + background: url("../images/closed-arrow.png") 10px center no-repeat; + border-left: 1px solid #000; + border-right: 1px solid #000; + -webkit-box-shadow: 1px 0 0 #555555, inset 1px 0 0 #555555; + -moz-box-shadow: 1px 0 0 #555555, inset 1px 0 0 #555555; + box-shadow: 1px 0 0 #555555, inset 1px 0 0 #555555; + zoom: 1; + color: #fff; + cursor: pointer; + display: block; + line-height: 46px; + margin-right: 0; + padding-left: 15px; + position: relative; + -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; + -webkit-font-smoothing: antialiased; + width: 110px; } + section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds > a:before, section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds > a:after { + content: ""; + display: table; } + section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds > a:after { + clear: both; } + section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds > a h3 { + color: #999; + float: left; + font-size: 12px; + font-weight: normal; + letter-spacing: 1px; + padding: 0 5.663px 0 11.326px; + text-transform: uppercase; } + section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds > a p.active { + float: left; + font-weight: bold; + margin-bottom: 0; + padding: 0 11.326px 0 0; } + section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds > a:hover, section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds > a:active, section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds > a:focus { + opacity: 1; + background-color: #444; } + section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds ol.video_speeds { + -webkit-box-shadow: inset 1px 0 0 #555555, 0 3px 0 #444444; + -moz-box-shadow: inset 1px 0 0 #555555, 0 3px 0 #444444; + box-shadow: inset 1px 0 0 #555555, 0 3px 0 #444444; + -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: #444; + border: 1px solid #000; + bottom: 46px; + display: none; + opacity: 0; + position: absolute; + width: 125px; + z-index: 10; } + section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds ol.video_speeds li { + -webkit-box-shadow: 0 1px 0 #555555; + -moz-box-shadow: 0 1px 0 #555555; + box-shadow: 0 1px 0 #555555; + border-bottom: 1px solid #000; + color: #fff; + cursor: pointer; } + section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds ol.video_speeds li a { + border: 0; + color: #fff; + display: block; + padding: 11.326px; } + section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds ol.video_speeds li a:hover { + background-color: #666; + color: #aaa; } + section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds ol.video_speeds li.active { + font-weight: bold; } + section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds ol.video_speeds li:last-child { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + border-bottom: 0; + margin-top: 0; } + section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.volume { + float: left; + position: relative; } + section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.volume.open .volume-slider-container { + display: block; + opacity: 1; } + section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.volume.muted > a { + background: url("../images/mute.png") 10px center no-repeat; } + section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.volume > a { + background: url("../images/volume.png") 10px center no-repeat; + border-right: 1px solid #000; + -webkit-box-shadow: 1px 0 0 #555555, inset 1px 0 0 #555555; + -moz-box-shadow: 1px 0 0 #555555, inset 1px 0 0 #555555; + box-shadow: 1px 0 0 #555555, inset 1px 0 0 #555555; + zoom: 1; + color: #fff; + cursor: pointer; + display: block; + height: 46px; + margin-right: 0; + padding-left: 15px; + position: relative; + -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; + -webkit-font-smoothing: antialiased; + width: 30px; } + section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.volume > a:before, section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.volume > a:after { + content: ""; + display: table; } + section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.volume > a:after { + clear: both; } + section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.volume > a:hover, section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.volume > a:active, section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.volume > a:focus { + background-color: #444; } + section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.volume .volume-slider-container { + -webkit-box-shadow: inset 1px 0 0 #555555, 0 3px 0 #444444; + -moz-box-shadow: inset 1px 0 0 #555555, 0 3px 0 #444444; + box-shadow: inset 1px 0 0 #555555, 0 3px 0 #444444; + -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: #444; + border: 1px solid #000; + bottom: 46px; + display: none; + opacity: 0; + position: absolute; + width: 45px; + height: 125px; + margin-left: -1px; + z-index: 10; } + section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.volume .volume-slider-container .volume-slider { + height: 100px; + border: 0; + width: 5px; + margin: 14px auto; + background: #666; + border: 1px solid #000; + -webkit-box-shadow: 0 1px 0 #333333; + -moz-box-shadow: 0 1px 0 #333333; + box-shadow: 0 1px 0 #333333; } + section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.volume .volume-slider-container .volume-slider a.ui-slider-handle { + background: #993333 url(../images/slider-handle.png) center center no-repeat; + -webkit-background-size: 50%; + -moz-background-size: 50%; + -ms-background-size: 50%; + -o-background-size: 50%; + background-size: 50%; + border: 1px solid #4d1919; + -webkit-border-radius: 15px; + -moz-border-radius: 15px; + -ms-border-radius: 15px; + -o-border-radius: 15px; + border-radius: 15px; + -webkit-box-shadow: inset 0 1px 0 #bf4040; + -moz-box-shadow: inset 0 1px 0 #bf4040; + box-shadow: inset 0 1px 0 #bf4040; + cursor: pointer; + height: 15px; + left: -6px; + -webkit-transition-property: height, 2s, ease-in-out; + -moz-transition-property: height, 2s, ease-in-out; + -ms-transition-property: height, 2s, ease-in-out; + -o-transition-property: height, 2s, ease-in-out; + transition-property: height, 2s, ease-in-out; + -webkit-transition-duration: width, 2s, ease-in-out; + -moz-transition-duration: width, 2s, ease-in-out; + -ms-transition-duration: width, 2s, ease-in-out; + -o-transition-duration: width, 2s, ease-in-out; + transition-duration: width, 2s, ease-in-out; + -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; + width: 15px; } + section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.volume .volume-slider-container .volume-slider .ui-slider-range { + background: #ddd; } + section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls a.add-fullscreen { + background: url(../images/fullscreen.png) center no-repeat; + border-right: 1px solid #000; + -webkit-box-shadow: 1px 0 0 #555555, inset 1px 0 0 #555555; + -moz-box-shadow: 1px 0 0 #555555, inset 1px 0 0 #555555; + box-shadow: 1px 0 0 #555555, inset 1px 0 0 #555555; + color: #797979; + display: block; + float: left; + line-height: 46px; + margin-left: 0; + padding: 0 11.326px; + text-indent: -9999px; + -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; + width: 30px; } + section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls a.add-fullscreen:hover { + background-color: #444; + color: #fff; + text-decoration: none; } + section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls a.hide-subtitles { + background: url("../images/cc.png") center no-repeat; + color: #797979; + display: block; + float: left; + font-weight: 800; + line-height: 46px; + margin-left: 0; + opacity: 1; + padding: 0 11.326px; + position: relative; + text-indent: -9999px; + -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; + -webkit-font-smoothing: antialiased; + width: 30px; } + section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls a.hide-subtitles:hover { + background-color: #444; + color: #fff; + text-decoration: none; } + section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls a.hide-subtitles.off { + opacity: .7; } + section.course-content div.video article.video-wrapper:hover section.video-controls ul, section.course-content div.video article.video-wrapper:hover section.video-controls div { + opacity: 1; } + section.course-content div.video article.video-wrapper:hover section.video-controls div.slider { + height: 14px; + margin-top: -7px; } + section.course-content div.video article.video-wrapper:hover section.video-controls div.slider a.ui-slider-handle { + -webkit-border-radius: 20px; + -moz-border-radius: 20px; + -ms-border-radius: 20px; + -o-border-radius: 20px; + border-radius: 20px; + height: 20px; + margin-left: -10px; + top: -4px; + width: 20px; } + section.course-content div.video ol.subtitles { + float: left; + max-height: 460px; + overflow: auto; + width: 31.522%; } + section.course-content div.video ol.subtitles li { + border: 0; + color: #666; + cursor: pointer; + margin-bottom: 8px; + padding: 0; } + section.course-content div.video ol.subtitles li.current { + color: #333; + font-weight: 700; } + section.course-content div.video ol.subtitles li:hover { + color: #993333; } + section.course-content div.video ol.subtitles li:empty { + margin-bottom: 0px; } + section.course-content div.video.closed article.video-wrapper { + width: 100%; } + section.course-content div.video.closed ol.subtitles { + width: 0px; } + section.course-content div.video.fullscreen { + background: rgba(0, 0, 0, 0.95); + border: 0; + bottom: 0; + height: 100%; + left: 0; + margin: 0; + max-height: 100%; + overflow: hidden; + padding: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; } + section.course-content div.video.fullscreen.closed ol.subtitles { + right: -31.984%; + width: auto; } + section.course-content div.video.fullscreen a.exit { + color: #aaa; + display: none; + font-style: 12px; + left: 20px; + letter-spacing: 1px; + position: absolute; + text-transform: uppercase; + top: 20px; } + section.course-content div.video.fullscreen a.exit::after { + content: "✖"; + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + padding-left: 6px; } + section.course-content div.video.fullscreen a.exit:hover { + color: #993333; } + section.course-content div.video.fullscreen div.tc-wrapper article.video-wrapper { + width: 100%; } + section.course-content div.video.fullscreen div.tc-wrapper object, section.course-content div.video.fullscreen div.tc-wrapper iframe { + bottom: 0; + height: 100%; + left: 0; + overflow: hidden; + position: fixed; + top: 0; } + section.course-content div.video.fullscreen div.tc-wrapper section.video-controls { + bottom: 0; + left: 0; + position: absolute; + width: 100%; + z-index: 9999; } + section.course-content div.video.fullscreen ol.subtitles { + background: rgba(0, 0, 0, 0.8); + bottom: 0; + height: 100%; + max-height: 100%; + max-width: 23.482%; + padding: 22.652px; + position: fixed; + right: 0; + top: 0; + -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.course-content div.video.fullscreen ol.subtitles li { + color: #aaa; } + section.course-content div.video.fullscreen ol.subtitles li.current { + color: #fff; } + +div.course-wrapper.closed section.course-content div.video ol.subtitles { + max-height: 577px; } + +section.tool-wrapper { + background: #073642; + border-bottom: 1px solid #000203; + border-top: 1px solid #000203; + -webkit-box-shadow: inset 0 0 0 4px #084150; + -moz-box-shadow: inset 0 0 0 4px #084150; + box-shadow: inset 0 0 0 4px #084150; + color: #839496; + display: table; + margin: 22.652px -22.652px 0; } + section.tool-wrapper div#graph-container { + background: none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + display: table-cell; + padding: 22.652px; + vertical-align: top; + width: 51.359%; } + section.tool-wrapper div#graph-container .ui-widget-content { + background: none; + border: none; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; } + section.tool-wrapper div#graph-container canvas { + width: 100%; } + section.tool-wrapper div#graph-container ul.ui-tabs-nav { + background: #062e39; + border-bottom: 1px solid #03181d; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + margin: -22.652px -22.652px 0; + padding: 0; + position: relative; + width: 110%; } + section.tool-wrapper div#graph-container ul.ui-tabs-nav li { + background: none; + border: none; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + color: #fff; + margin-bottom: 0; } + section.tool-wrapper div#graph-container ul.ui-tabs-nav li.ui-tabs-selected { + background-color: #073642; + border-left: 1px solid #03181d; + border-right: 1px solid #03181d; } + section.tool-wrapper div#graph-container ul.ui-tabs-nav li.ui-tabs-selected:first-child { + border-left: none; } + section.tool-wrapper div#graph-container ul.ui-tabs-nav li.ui-tabs-selected a { + color: #eee8d5; } + section.tool-wrapper div#graph-container ul.ui-tabs-nav li a { + border: none; + color: #839496; + font: bold 12px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; + letter-spacing: 1px; + text-transform: uppercase; } + section.tool-wrapper div#graph-container ul.ui-tabs-nav li a:hover { + color: #eee8d5; } + section.tool-wrapper div#controlls-container { + background: #062e39; + border-right: 1px solid #001317; + -webkit-box-shadow: 1px 0 0 #004355, inset 0 0 0 4px #06323d; + -moz-box-shadow: 1px 0 0 #004355, inset 0 0 0 4px #06323d; + box-shadow: 1px 0 0 #004355, inset 0 0 0 4px #06323d; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + display: table-cell; + padding: 22.652px; + vertical-align: top; + width: 48.641%; } + section.tool-wrapper div#controlls-container div.graph-controls div.music-wrapper { + border-bottom: 1px solid #021014; + -webkit-box-shadow: 0 1px 0 #083e4b; + -moz-box-shadow: 0 1px 0 #083e4b; + box-shadow: 0 1px 0 #083e4b; + margin-bottom: 22.652px; + padding: 0 0 22.652px; } + section.tool-wrapper div#controlls-container div.graph-controls div.music-wrapper input#playButton { + border-color: #001317; + border: 1px solid #3d5962; + -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 #939da0; + -moz-box-shadow: inset 0 1px 0 0 #939da0; + box-shadow: inset 0 1px 0 0 #939da0; + color: white; + display: inline; + font-size: 11px; + font-weight: bold; + background-color: #637c84; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #637c84), color-stop(100%, #43626b)); + background-image: -webkit-linear-gradient(top, #637c84, #43626b); + background-image: -moz-linear-gradient(top, #637c84, #43626b); + background-image: -ms-linear-gradient(top, #637c84, #43626b); + background-image: -o-linear-gradient(top, #637c84, #43626b); + background-image: linear-gradient(top, #637c84, #43626b); + padding: 6px 18px 7px; + text-shadow: 0 1px 0 #31505a; + -webkit-background-clip: padding-box; + display: block; + float: right; + font: bold 14px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; } + section.tool-wrapper div#controlls-container div.graph-controls div.music-wrapper input#playButton:hover { + -webkit-box-shadow: inset 0 1px 0 0 #778589; + -moz-box-shadow: inset 0 1px 0 0 #778589; + box-shadow: inset 0 1px 0 0 #778589; + cursor: pointer; + background-color: #5c6c71; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5c6c71), color-stop(100%, #3e5961)); + background-image: -webkit-linear-gradient(top, #5c6c71, #3e5961); + background-image: -moz-linear-gradient(top, #5c6c71, #3e5961); + background-image: -ms-linear-gradient(top, #5c6c71, #3e5961); + background-image: -o-linear-gradient(top, #5c6c71, #3e5961); + background-image: linear-gradient(top, #5c6c71, #3e5961); } + section.tool-wrapper div#controlls-container div.graph-controls div.music-wrapper input#playButton:active { + border: 1px solid #3d5962; + -webkit-box-shadow: inset 0 0 8px 4px #395057, inset 0 0 8px 4px #395057, 0 1px 1px 0 #eeeeee; + -moz-box-shadow: inset 0 0 8px 4px #395057, inset 0 0 8px 4px #395057, 0 1px 1px 0 #eeeeee; + box-shadow: inset 0 0 8px 4px #395057, inset 0 0 8px 4px #395057, 0 1px 1px 0 #eeeeee; } + section.tool-wrapper div#controlls-container div.graph-controls div.music-wrapper input#playButton:active { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; } + section.tool-wrapper div#controlls-container div.graph-controls div.music-wrapper input#playButton[value="Stop"] { + border: 1px solid #030d15; + -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 #215f8a; + -moz-box-shadow: inset 0 1px 0 0 #215f8a; + box-shadow: inset 0 1px 0 0 #215f8a; + color: white; + display: inline; + font-size: 11px; + font-weight: bold; + background-color: #0f3550; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0f3550), color-stop(100%, #041623)); + background-image: -webkit-linear-gradient(top, #0f3550, #041623); + background-image: -moz-linear-gradient(top, #0f3550, #041623); + background-image: -ms-linear-gradient(top, #0f3550, #041623); + background-image: -o-linear-gradient(top, #0f3550, #041623); + background-image: linear-gradient(top, #0f3550, #041623); + padding: 6px 18px 7px; + text-shadow: 0 1px 0 #000203; + -webkit-background-clip: padding-box; + font: bold 14px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; } + section.tool-wrapper div#controlls-container div.graph-controls div.music-wrapper input#playButton[value="Stop"]:hover { + -webkit-box-shadow: inset 0 1px 0 0 #174362; + -moz-box-shadow: inset 0 1px 0 0 #174362; + box-shadow: inset 0 1px 0 0 #174362; + cursor: pointer; + background-color: #0c2739; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0c2739), color-stop(100%, #030d15)); + background-image: -webkit-linear-gradient(top, #0c2739, #030d15); + background-image: -moz-linear-gradient(top, #0c2739, #030d15); + background-image: -ms-linear-gradient(top, #0c2739, #030d15); + background-image: -o-linear-gradient(top, #0c2739, #030d15); + background-image: linear-gradient(top, #0c2739, #030d15); } + section.tool-wrapper div#controlls-container div.graph-controls div.music-wrapper input#playButton[value="Stop"]:active { + border: 1px solid #030d15; + -webkit-box-shadow: inset 0 0 8px 4px #010507, inset 0 0 8px 4px #010507, 0 1px 1px 0 #eeeeee; + -moz-box-shadow: inset 0 0 8px 4px #010507, inset 0 0 8px 4px #010507, 0 1px 1px 0 #eeeeee; + box-shadow: inset 0 0 8px 4px #010507, inset 0 0 8px 4px #010507, 0 1px 1px 0 #eeeeee; } + section.tool-wrapper div#controlls-container div.graph-controls div.music-wrapper input#playButton[value="Stop"]:active { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; } + section.tool-wrapper div#controlls-container div.graph-controls div.inputs-wrapper { + border-bottom: 1px solid #021014; + -webkit-box-shadow: 0 1px 0 #083e4b; + -moz-box-shadow: 0 1px 0 #083e4b; + box-shadow: 0 1px 0 #083e4b; + zoom: 1; + margin-bottom: 22.652px; + margin-bottom: 22.652px; + padding: 0 0 22.652px; } + section.tool-wrapper div#controlls-container div.graph-controls div.inputs-wrapper:before, section.tool-wrapper div#controlls-container div.graph-controls div.inputs-wrapper:after { + content: ""; + display: table; } + section.tool-wrapper div#controlls-container div.graph-controls div.inputs-wrapper:after { + clear: both; } + section.tool-wrapper div#controlls-container div.graph-controls p { + font-weight: bold; + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + margin: 0; + text-shadow: 0 -1px 0 #021014; + -webkit-font-smoothing: antialiased; } + section.tool-wrapper div#controlls-container div.graph-controls ul { + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + margin-bottom: 0; } + section.tool-wrapper div#controlls-container div.graph-controls 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; } + section.tool-wrapper div#controlls-container div.graph-controls ul li input { + margin-right: 5px; } + section.tool-wrapper div#controlls-container div.graph-controls div#graph-listen { + display: block; + float: left; + margin-bottom: 0; + margin-right: 20px; + margin-top: 8px; + text-align: right; } + section.tool-wrapper div#controlls-container label { + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + -ms-border-radius: 2px; + -o-border-radius: 2px; + border-radius: 2px; + color: #fff; + font-weight: bold; + padding: 3px; + -webkit-font-smoothing: antialiased; } + section.tool-wrapper div#controlls-container label[for="vinCheckbox"], section.tool-wrapper div#controlls-container label[for="vinRadioButton"] { + color: #409fbf; } + section.tool-wrapper div#controlls-container label[for="voutCheckbox"], section.tool-wrapper div#controlls-container label[for="voutRadioButton"] { + color: #e1a600; } + section.tool-wrapper div#controlls-container label[for="vrCheckbox"], section.tool-wrapper div#controlls-container label[for="vrRadioButton"] { + color: #49c944; } + section.tool-wrapper div#controlls-container label[for="vcCheckbox"], section.tool-wrapper div#controlls-container label[for="vcRadioButton"] { + color: #e1a600; } + section.tool-wrapper div#controlls-container label[for="vlCheckbox"], section.tool-wrapper div#controlls-container label[for="vlRadioButton"] { + color: #a26784; } + section.tool-wrapper div#controlls-container div.schematic-sliders div.top-sliders { + border-bottom: 1px solid #021014; + -webkit-box-shadow: 0 1px 0 #083e4b; + -moz-box-shadow: 0 1px 0 #083e4b; + box-shadow: 0 1px 0 #083e4b; + margin-bottom: 22.652px; + padding: 0 0 22.652px; } + section.tool-wrapper div#controlls-container div.schematic-sliders div.top-sliders select#musicTypeSelect { + font: 16px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + margin-bottom: 0; } + section.tool-wrapper div#controlls-container div.schematic-sliders div.top-sliders p { + font-weight: bold; + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + margin: 0 11.326px 22.652px 0; + text-shadow: 0 -1px 0 #021014; + -webkit-font-smoothing: antialiased; } + section.tool-wrapper div#controlls-container div.schematic-sliders div.slider-label { + font-weight: bold; + margin-bottom: 11.326px; + text-shadow: 0 -1px 0 #021014; + -webkit-font-smoothing: antialiased; } + section.tool-wrapper div#controlls-container div.schematic-sliders div.slider { + margin-bottom: 22.652px; } + section.tool-wrapper div#controlls-container div.schematic-sliders div.slider.ui-slider-horizontal { + background: #00232c; + border: 1px solid #000b0d; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + height: 0.4em; } + section.tool-wrapper div#controlls-container div.schematic-sliders div.slider .ui-slider-handle { + background: #637c84 url("../images/amplifier-slider-handle.png") center no-repeat; + border: 1px solid #000b0d; + -webkit-box-shadow: inset 0 1px 0 #8ba1a8; + -moz-box-shadow: inset 0 1px 0 #8ba1a8; + box-shadow: inset 0 1px 0 #8ba1a8; + margin-top: -0.3em; } + section.tool-wrapper div#controlls-container div.schematic-sliders div.slider .ui-slider-handle:hover, section.tool-wrapper div#controlls-container div.schematic-sliders div.slider .ui-slider-handle:active { + background-color: #6e8992; } diff --git a/lms/templates/course.html b/lms/templates/course.html index 082d1d564d..b69994a76d 100644 --- a/lms/templates/course.html +++ b/lms/templates/course.html @@ -23,7 +23,7 @@
${course.get_about_section('university')} -

7/23/12

+ 7/23/12
diff --git a/lms/templates/courses.html b/lms/templates/courses.html index f00eaa77fa..35585efdfa 100644 --- a/lms/templates/courses.html +++ b/lms/templates/courses.html @@ -16,7 +16,7 @@
## I'm removing this for now since we aren't using it for the fall. - ## <%include file="course_filter.html" /> + <%include file="course_filter.html" />
%for course in courses: <%include file="course.html" args="course=course" /> diff --git a/lms/templates/dashboard.html b/lms/templates/dashboard.html index 71429a4ba6..d20f377133 100644 --- a/lms/templates/dashboard.html +++ b/lms/templates/dashboard.html @@ -39,11 +39,11 @@
-

${course.get_about_section('university')}

-

${course.get_about_section("title")}

+ ${course.get_about_section('university')} +

${course.get_about_section("title")}

-

Class starts - 9/2/2012 +

Class Starts - 9/2/2012

diff --git a/lms/templates/index.html b/lms/templates/index.html index e585a464ff..64ff3488f2 100644 --- a/lms/templates/index.html +++ b/lms/templates/index.html @@ -8,7 +8,6 @@

The Future of Online Education

-

Free. Online. World Class.

Find Courses
@@ -87,31 +86,31 @@
diff --git a/lms/templates/jobs.html b/lms/templates/jobs.html index 6217098b7d..956d2e9625 100644 --- a/lms/templates/jobs.html +++ b/lms/templates/jobs.html @@ -62,17 +62,9 @@

Positions

How to Apply

E-mail your resume, coverletter and any other materials to careers@edxonline.org

diff --git a/lms/templates/login_modal.html b/lms/templates/login_modal.html index 0cfb334104..ef809ee0a1 100644 --- a/lms/templates/login_modal.html +++ b/lms/templates/login_modal.html @@ -4,7 +4,7 @@
@@ -102,50 +105,24 @@

${course.get_about_section("faq")}

-
-
+
+
${course.get_about_section("university")}${course.get_about_section("title")}
+

  1. Classes Start

    7/12/12
    2. -

  2. Final Exam

    12/09/12
    3. +

  3. Final Exam

    12/09/12

  4. Course Length

    15 weeks

  5. Course Number

    ${course.get_about_section("number")}
- -
-

Course staff

-
-
- -
-

Anant Agarwal

-

Director of MIT’s Computer Science and Artificial Intelligence Laboratory (CSAIL) and a professor of the Electrical Engineering and Computer Science department at MIT. His research focus is in parallel computer architectures and cloud software systems, and he is a founder of several successful startups, including Tilera, a company that produces scalable multicore processors. Prof. Agarwal won MIT’s Smullin and Jamieson prizes for teaching and co-authored the course textbook “Foundations of Analog and Digital Electronic Circuits.”

-
- -
-
- -
-

Gerald Sussman

-

Professor of Electrical Engineering at MIT. He is a well known educator in the computer science community, perhaps best known as the author of Structure and Interpretation of Computer Programs, which is universally acknowledged as one of the top ten textbooks in computer science, and as the creator of Scheme, a popular teaching language. His research spans a range of topics, from artificial intelligence, to physics and chaotic systems, to supercomputer design.

-
- -
-
- -
-

Piotr Mitros

-

Research Scientist at MIT. His research focus is in finding ways to apply techniques from control systems to optimizing the learning process. Dr. Mitros has worked as an analog designer at Texas Instruments, Talking Lights, and most recently, designed the analog front end for a novel medical imaging modality for Rhythmia Medical.

-
-
-
+
diff --git a/lms/templates/signup_modal.html b/lms/templates/signup_modal.html index 7bfa56e987..5b57e1aadc 100644 --- a/lms/templates/signup_modal.html +++ b/lms/templates/signup_modal.html @@ -3,7 +3,7 @@