diff --git a/lms/static/sass/application.css b/lms/static/sass/application.css new file mode 100644 index 0000000000..90ea9a6b88 --- /dev/null +++ b/lms/static/sass/application.css @@ -0,0 +1,6536 @@ +@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, .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 { + 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 textarea, + 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 textarea:last-child, + form input[type="text"]:last-child, + form input[type="email"]:last-child, + form input[type="password"]:last-child { + margin-right: 0px; } + form textarea:focus, + 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 textarea { + height: 60px; } + 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 .input-group { + zoom: 1; + 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: 10px; } + .modal .inner-wrapper form .input-group:before, .modal .inner-wrapper form .input-group:after { + content: ""; + display: table; } + .modal .inner-wrapper form .input-group:after { + clear: both; } + .modal .inner-wrapper form label { + display: none; } + .modal .inner-wrapper form input[type="checkbox"] { + margin-right: 5px; } + .modal .inner-wrapper form textarea { + background: white; + display: block; + height: 45px; + margin-bottom: 20px; + width: 100%; } + .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 .citizenship, .modal .inner-wrapper form .gender, .modal .inner-wrapper form .date-of-birth { + margin-bottom: 20px; } + .modal .inner-wrapper form .citizenship label, .modal .inner-wrapper form .gender label, .modal .inner-wrapper form .date-of-birth label { + display: block; } + .modal .inner-wrapper form .citizenship select, .modal .inner-wrapper form .gender select, .modal .inner-wrapper form .date-of-birth select { + width: 100%; } + .modal .inner-wrapper form .citizenship, .modal .inner-wrapper form .gender { + float: left; + width: 48.988%; } + .modal .inner-wrapper form .citizenship { + margin-right: 2.024%; } + .modal .inner-wrapper form .date-of-birth { + float: left; + width: 100%; } + .modal .inner-wrapper form .date-of-birth select { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + display: block; + float: left; + margin-right: 2.024%; + max-width: 31.984%; + width: 31.984%; } + .modal .inner-wrapper form .date-of-birth select:last-child { + margin: 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/static/sass/shared/_forms.scss b/lms/static/sass/shared/_forms.scss index 7eba8e9ad5..760dc0bf63 100644 --- a/lms/static/sass/shared/_forms.scss +++ b/lms/static/sass/shared/_forms.scss @@ -9,6 +9,7 @@ form { -webkit-font-smoothing: antialiased; } + textarea, input[type="text"], input[type="email"], input[type="password"] { @@ -34,6 +35,10 @@ form { } } + textarea { + height: 60px; + } + input[type="submit"] { @include button(shiny, $blue); @include border-radius(3px); diff --git a/lms/static/sass/shared/_modal.scss b/lms/static/sass/shared/_modal.scss index 083bf1cf7c..7184a2c485 100644 --- a/lms/static/sass/shared/_modal.scss +++ b/lms/static/sass/shared/_modal.scss @@ -138,6 +138,14 @@ position: relative; z-index: 2; + .input-group { + @include clearfix; + 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: 10px; + } + label { display: none; } @@ -146,6 +154,14 @@ margin-right: 5px; } + textarea { + background: rgb(255,255,255); + display: block; + height: 45px; + margin-bottom: 20px; + width: 100%; + } + input[type="email"], input[type="text"], input[type="password"] { @@ -177,6 +193,48 @@ } } + .citizenship, .gender, .date-of-birth { + margin-bottom: 20px; + + .input-wrapper { + } + + label { + display: block; + } + + select { + width: 100%; + } + } + + .citizenship, .gender { + float: left; + width: flex-grid(6); + } + + .citizenship { + margin-right: flex-gutter(); + } + + .date-of-birth { + float: left; + width: flex-grid(12); + + select { + @include box-sizing(border-box); + display: block; + float: left; + margin-right: flex-gutter(); + max-width: flex-grid(4); + width: flex-grid(4); + + &:last-child { + margin: 0px; + } + } + } + .submit { padding-top: 10px; diff --git a/lms/templates/signup_modal.html b/lms/templates/signup_modal.html index 7e2394af85..0d2547e968 100644 --- a/lms/templates/signup_modal.html +++ b/lms/templates/signup_modal.html @@ -16,58 +16,84 @@
- - - - - - - - -

- - -

- - - - - - - - - - - - + +
+ + + + + + + + + + +
+ +
+
+ +
+ +
+
+ +
+ +
+ +
+
+ +
+ +
+ + + + + +
+
+
+ +
+ + + +