diff --git a/lms/static/css/course.css b/lms/static/css/course.css deleted file mode 100644 index 16328fceb9..0000000000 --- a/lms/static/css/course.css +++ /dev/null @@ -1,3450 +0,0 @@ -@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, section.problem-set:before, section.problems-wrapper: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, section.problem-set:after, section.problems-wrapper: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, section.problem-set:after, section.problems-wrapper: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, section.problem-set, section.problems-wrapper { - *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: 400; - 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; } - -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: compact(all, false, false, false, false, false, false, false, false); - -moz-transition-property: compact(all, false, false, false, false, false, false, false, false); - -ms-transition-property: compact(all, false, false, false, false, false, false, false, false); - -o-transition-property: compact(all, false, false, false, false, false, false, false, false); - transition-property: compact(all, false, false, false, false, false, false, false, false); - -webkit-transition-duration: compact(0.1s, false, false, false, false, false, false, false, false); - -moz-transition-duration: compact(0.1s, false, false, false, false, false, false, false, false); - -ms-transition-duration: compact(0.1s, false, false, false, false, false, false, false, false); - -o-transition-duration: compact(0.1s, false, false, false, false, false, false, false, false); - transition-duration: compact(0.1s, false, false, false, false, false, false, false, false); - -webkit-transition-timing-function: compact(linear, false, false, false, false, false, false, false, false); - -moz-transition-timing-function: compact(linear, false, false, false, false, false, false, false, false); - -ms-transition-timing-function: compact(linear, false, false, false, false, false, false, false, false); - -o-transition-timing-function: compact(linear, false, false, false, false, false, false, false, false); - transition-timing-function: compact(linear, false, false, false, false, false, false, false, false); - -webkit-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -moz-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -ms-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -o-transition-delay: compact(0, false, false, false, false, false, false, false, false); - transition-delay: compact(0, false, false, false, false, false, false, false, false); } - 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: compact(all, false, false, false, false, false, false, false, false); - -moz-transition-property: compact(all, false, false, false, false, false, false, false, false); - -ms-transition-property: compact(all, false, false, false, false, false, false, false, false); - -o-transition-property: compact(all, false, false, false, false, false, false, false, false); - transition-property: compact(all, false, false, false, false, false, false, false, false); - -webkit-transition-duration: compact(0.1s, false, false, false, false, false, false, false, false); - -moz-transition-duration: compact(0.1s, false, false, false, false, false, false, false, false); - -ms-transition-duration: compact(0.1s, false, false, false, false, false, false, false, false); - -o-transition-duration: compact(0.1s, false, false, false, false, false, false, false, false); - transition-duration: compact(0.1s, false, false, false, false, false, false, false, false); - -webkit-transition-timing-function: compact(linear, false, false, false, false, false, false, false, false); - -moz-transition-timing-function: compact(linear, false, false, false, false, false, false, false, false); - -ms-transition-timing-function: compact(linear, false, false, false, false, false, false, false, false); - -o-transition-timing-function: compact(linear, false, false, false, false, false, false, false, false); - transition-timing-function: compact(linear, false, false, false, false, false, false, false, false); - -webkit-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -moz-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -ms-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -o-transition-delay: compact(0, false, false, false, false, false, false, false, false); - transition-delay: compact(0, false, false, false, false, false, false, false, false); } - 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; - padding: 0px 30px; - max-width: 1180px; - min-width: 760px; } - .container:before, .container:after { - content: ""; - display: table; } - .container:after { - clear: both; } - -span.edx { - text-transform: none; - font: inherit; } - -.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: 83.051%; } - .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 { - background-image: compact(linear, compact(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0), false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0), false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0), false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0), false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0), false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - height: 1px; - width: 100%; } - -.faded-hr-divider-medium { - background-image: compact(linear, compact(180deg, rgba(240, 240, 240, 0) 0%, #f0f0f0 50%, rgba(240, 240, 240, 0), false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(180deg, rgba(240, 240, 240, 0) 0%, #f0f0f0 50%, rgba(240, 240, 240, 0), false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(180deg, rgba(240, 240, 240, 0) 0%, #f0f0f0 50%, rgba(240, 240, 240, 0), false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(180deg, rgba(240, 240, 240, 0) 0%, #f0f0f0 50%, rgba(240, 240, 240, 0), false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(180deg, rgba(240, 240, 240, 0) 0%, #f0f0f0 50%, rgba(240, 240, 240, 0), false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - height: 1px; - width: 100%; } - -.faded-hr-divider-light, .horizontal-divider::after { - background-image: compact(linear, compact(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0), false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0), false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0), false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0), false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0), false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - height: 1px; - width: 100%; } - -.faded-vertical-divider, .vertical-divider { - background-image: compact(linear, compact(90deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0), false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(90deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0), false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(90deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0), false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(90deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0), false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(90deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0), false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - height: 100%; - width: 1px; } - -.faded-vertical-divider-light, .vertical-divider::after { - background-image: compact(linear, compact(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0), false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0), false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0), false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0), false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0), false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - 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: compact(linear, compact(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8, false, false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8, false, false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8, false, false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8, false, false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8, false, false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - border: none; } - -.fade-left-hr-divider { - background-image: compact(linear, compact(180deg, #c8c8c8 0%, rgba(200, 200, 200, 0), false, false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(180deg, #c8c8c8 0%, rgba(200, 200, 200, 0), false, false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(180deg, #c8c8c8 0%, rgba(200, 200, 200, 0), false, false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(180deg, #c8c8c8 0%, rgba(200, 200, 200, 0), false, false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(180deg, #c8c8c8 0%, rgba(200, 200, 200, 0), false, false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - border: none; } - -.error-message-colors { - background: #fd5757; - border: 1px solid #ca1111; - color: #8f0e0e; } - -.success-message-colors { - background: #139f3a; - border: 1px solid #064112; - color: white; } - -.animation-home-header-pop-up { - -webkit-animation: compact(home-header-pop-up 1.15s ease-in-out, false, false, false, false, false, false, false, false); - -moz-animation: compact(home-header-pop-up 1.15s ease-in-out, false, false, false, false, false, false, false, false); - animation: compact(home-header-pop-up 1.15s ease-in-out, false, false, false, false, false, false, false, false); - -webkit-animation-fill-mode: compact(both, false, false, false, false, false, false, false, false); - -moz-animation-fill-mode: compact(both, false, false, false, false, false, false, false, false); - animation-fill-mode: compact(both, false, false, false, false, false, false, false, false); - -webkit-animation-delay: compact(1s, false, false, false, false, false, false, false, false); - -moz-animation-delay: compact(1s, false, false, false, false, false, false, false, false); - animation-delay: compact(1s, false, false, false, false, false, false, false, false); } - -@-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: compact(title-appear 4.65s ease-out, false, false, false, false, false, false, false, false); - -moz-animation: compact(title-appear 4.65s ease-out, false, false, false, false, false, false, false, false); - animation: compact(title-appear 4.65s ease-out, false, false, false, false, false, false, false, false); - -webkit-animation-fill-mode: compact(both, false, false, false, false, false, false, false, false); - -moz-animation-fill-mode: compact(both, false, false, false, false, false, false, false, false); - animation-fill-mode: compact(both, false, false, false, false, false, false, false, false); - -webkit-animation-delay: compact(1s, false, false, false, false, false, false, false, false); - -moz-animation-delay: compact(1s, false, false, false, false, false, false, false, false); - animation-delay: compact(1s, false, false, false, false, false, false, false, false); } - -@-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: compact(home-appear 4.25s ease-out, false, false, false, false, false, false, false, false); - -moz-animation: compact(home-appear 4.25s ease-out, false, false, false, false, false, false, false, false); - animation: compact(home-appear 4.25s ease-out, false, false, false, false, false, false, false, false); - -webkit-animation-fill-mode: compact(both, false, false, false, false, false, false, false, false); - -moz-animation-fill-mode: compact(both, false, false, false, false, false, false, false, false); - animation-fill-mode: compact(both, false, false, false, false, false, false, false, false); - -webkit-animation-delay: compact(1s, false, false, false, false, false, false, false, false); - -moz-animation-delay: compact(1s, false, false, false, false, false, false, false, false); - animation-delay: compact(1s, false, false, false, false, false, false, false, false); } - -@-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: compact(edx-appear 1.25s ease-in, false, false, false, false, false, false, false, false); - -moz-animation: compact(edx-appear 1.25s ease-in, false, false, false, false, false, false, false, false); - animation: compact(edx-appear 1.25s ease-in, false, false, false, false, false, false, false, false); - -webkit-animation-fill-mode: compact(both, false, false, false, false, false, false, false, false); - -moz-animation-fill-mode: compact(both, false, false, false, false, false, false, false, false); - animation-fill-mode: compact(both, false, false, false, false, false, false, false, false); - -webkit-animation-delay: compact(2.15s, false, false, false, false, false, false, false, false); - -moz-animation-delay: compact(2.15s, false, false, false, false, false, false, false, false); - animation-delay: compact(2.15s, false, false, false, false, false, false, false, false); } - -@-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: compact(mit-slide 1.15s ease-out, false, false, false, false, false, false, false, false); - -moz-animation: compact(mit-slide 1.15s ease-out, false, false, false, false, false, false, false, false); - animation: compact(mit-slide 1.15s ease-out, false, false, false, false, false, false, false, false); - -webkit-animation-fill-mode: compact(both, false, false, false, false, false, false, false, false); - -moz-animation-fill-mode: compact(both, false, false, false, false, false, false, false, false); - animation-fill-mode: compact(both, false, false, false, false, false, false, false, false); - -webkit-animation-delay: compact(2s, false, false, false, false, false, false, false, false); - -moz-animation-delay: compact(2s, false, false, false, false, false, false, false, false); - animation-delay: compact(2s, false, false, false, false, false, false, false, false); } - -@-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: compact(harvard-slide 1.15s ease-out, false, false, false, false, false, false, false, false); - -moz-animation: compact(harvard-slide 1.15s ease-out, false, false, false, false, false, false, false, false); - animation: compact(harvard-slide 1.15s ease-out, false, false, false, false, false, false, false, false); - -webkit-animation-fill-mode: compact(both, false, false, false, false, false, false, false, false); - -moz-animation-fill-mode: compact(both, false, false, false, false, false, false, false, false); - animation-fill-mode: compact(both, false, false, false, false, false, false, false, false); - -webkit-animation-delay: compact(2s, false, false, false, false, false, false, false, false); - -moz-animation-delay: compact(2s, false, false, false, false, false, false, false, false); - animation-delay: compact(2s, false, false, false, false, false, false, false, false); } - -@-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: compact(divider-left-slide 1.1s ease-out, false, false, false, false, false, false, false, false); - -moz-animation: compact(divider-left-slide 1.1s ease-out, false, false, false, false, false, false, false, false); - animation: compact(divider-left-slide 1.1s ease-out, false, false, false, false, false, false, false, false); - -webkit-animation-fill-mode: compact(both, false, false, false, false, false, false, false, false); - -moz-animation-fill-mode: compact(both, false, false, false, false, false, false, false, false); - animation-fill-mode: compact(both, false, false, false, false, false, false, false, false); - -webkit-animation-delay: compact(2s, false, false, false, false, false, false, false, false); - -moz-animation-delay: compact(2s, false, false, false, false, false, false, false, false); - animation-delay: compact(2s, false, false, false, false, false, false, false, false); } - -@-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: compact(divider-right-slide 1.1s ease-out, false, false, false, false, false, false, false, false); - -moz-animation: compact(divider-right-slide 1.1s ease-out, false, false, false, false, false, false, false, false); - animation: compact(divider-right-slide 1.1s ease-out, false, false, false, false, false, false, false, false); - -webkit-animation-fill-mode: compact(both, false, false, false, false, false, false, false, false); - -moz-animation-fill-mode: compact(both, false, false, false, false, false, false, false, false); - animation-fill-mode: compact(both, false, false, false, false, false, false, false, false); - -webkit-animation-delay: compact(2s, false, false, false, false, false, false, false, false); - -moz-animation-delay: compact(2s, false, false, false, false, false, false, false, false); - animation-delay: compact(2s, false, false, false, false, false, false, false, false); } - -@-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: compact(video-appear 1.25s ease-out, false, false, false, false, false, false, false, false); - -moz-animation: compact(video-appear 1.25s ease-out, false, false, false, false, false, false, false, false); - animation: compact(video-appear 1.25s ease-out, false, false, false, false, false, false, false, false); - -webkit-animation-fill-mode: compact(both, false, false, false, false, false, false, false, false); - -moz-animation-fill-mode: compact(both, false, false, false, false, false, false, false, false); - animation-fill-mode: compact(both, false, false, false, false, false, false, false, false); - -webkit-animation-delay: compact(4.4s, false, false, false, false, false, false, false, false); - -moz-animation-delay: compact(4.4s, false, false, false, false, false, false, false, false); - animation-delay: compact(4.4s, false, false, false, false, false, false, false, false); } - -@-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; } } - -nav.course-material { - background: #d2d2d2; - zoom: 1; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - -webkit-box-shadow: compact(inset 0 1px 5px 0 rgba(0, 0, 0, 0.05), false, false, false, false, false, false, false, false); - -moz-box-shadow: compact(inset 0 1px 5px 0 rgba(0, 0, 0, 0.05), false, false, false, false, false, false, false, false); - box-shadow: compact(inset 0 1px 5px 0 rgba(0, 0, 0, 0.05), false, false, false, false, false, false, false, false); - 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: compact(0 2px 0 0 white, false, false, false, false, false, false, false, false); - -moz-box-shadow: compact(0 2px 0 0 white, false, false, false, false, false, false, false, false); - box-shadow: compact(0 2px 0 0 white, false, false, false, false, false, false, false, false); - color: #3c3c3c; } - -.course-content { - margin-top: 30px; } - .course-content .courseware { - background: #f0f0f0; - height: 600px; } - -.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, section.problem-set:after, section.problems-wrapper: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: compact(inset 0 1px 0 #a2a2a2, 0 0 3px #cccccc, false, false, false, false, false, false, false); - -moz-box-shadow: compact(inset 0 1px 0 #a2a2a2, 0 0 3px #cccccc, false, false, false, false, false, false, false); - box-shadow: compact(inset 0 1px 0 #a2a2a2, 0 0 3px #cccccc, false, false, false, false, false, false, false); - 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(100%, compact(#959595, #7b7b7b, false, false, false, false, false, false, false, false))); - background-image: -webkit-linear-gradient(top, compact(#959595, #7b7b7b, false, false, false, false, false, false, false, false)); - background-image: -moz-linear-gradient(top, compact(#959595, #7b7b7b, false, false, false, false, false, false, false, false)); - background-image: -ms-linear-gradient(top, compact(#959595, #7b7b7b, false, false, false, false, false, false, false, false)); - background-image: -o-linear-gradient(top, compact(#959595, #7b7b7b, false, false, false, false, false, false, false, false)); - background-image: linear-gradient(top, compact(#959595, #7b7b7b, false, false, false, false, false, false, false, false)); - padding: 4px 8px; - text-decoration: none; - text-shadow: none; - -webkit-font-smoothing: antialiased; } - .button:hover, .button:focus { - border: 1px solid #555555; - -webkit-box-shadow: compact(inset 0 1px 0 #bbbbbb, 0 0 3px #cccccc, false, false, false, false, false, false, false); - -moz-box-shadow: compact(inset 0 1px 0 #bbbbbb, 0 0 3px #cccccc, false, false, false, false, false, false, false); - box-shadow: compact(inset 0 1px 0 #bbbbbb, 0 0 3px #cccccc, false, false, false, false, false, false, false); - background-color: #a2a2a2; - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(100%, compact(#a2a2a2, #7b7b7b, false, false, false, false, false, false, false, false))); - background-image: -webkit-linear-gradient(top, compact(#a2a2a2, #7b7b7b, false, false, false, false, false, false, false, false)); - background-image: -moz-linear-gradient(top, compact(#a2a2a2, #7b7b7b, false, false, false, false, false, false, false, false)); - background-image: -ms-linear-gradient(top, compact(#a2a2a2, #7b7b7b, false, false, false, false, false, false, false, false)); - background-image: -o-linear-gradient(top, compact(#a2a2a2, #7b7b7b, false, false, false, false, false, false, false, false)); - background-image: linear-gradient(top, compact(#a2a2a2, #7b7b7b, false, false, false, false, false, false, false, false)); } - -.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: compact(inset 0 1px 0 white, false, false, false, false, false, false, false, false); - -moz-box-shadow: compact(inset 0 1px 0 white, false, false, false, false, false, false, false, false); - box-shadow: compact(inset 0 1px 0 white, false, false, false, false, false, false, false, false); - 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(100%, compact(white, #eeeeee, false, false, false, false, false, false, false, false))); - background-image: -webkit-linear-gradient(top, compact(white, #eeeeee, false, false, false, false, false, false, false, false)); - background-image: -moz-linear-gradient(top, compact(white, #eeeeee, false, false, false, false, false, false, false, false)); - background-image: -ms-linear-gradient(top, compact(white, #eeeeee, false, false, false, false, false, false, false, false)); - background-image: -o-linear-gradient(top, compact(white, #eeeeee, false, false, false, false, false, false, false, false)); - background-image: linear-gradient(top, compact(white, #eeeeee, false, false, false, false, false, false, false, false)); - 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(100%, compact(white, #e6e6e6, false, false, false, false, false, false, false, false))); - background-image: -webkit-linear-gradient(top, compact(white, #e6e6e6, false, false, false, false, false, false, false, false)); - background-image: -moz-linear-gradient(top, compact(white, #e6e6e6, false, false, false, false, false, false, false, false)); - background-image: -ms-linear-gradient(top, compact(white, #e6e6e6, false, false, false, false, false, false, false, false)); - background-image: -o-linear-gradient(top, compact(white, #e6e6e6, false, false, false, false, false, false, false, false)); - background-image: linear-gradient(top, compact(white, #e6e6e6, false, false, false, false, false, false, false, false)); - 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: compact(inset 0 0 2px 3px #f3f3f3, false, false, false, false, false, false, false, false); - -moz-box-shadow: compact(inset 0 0 2px 3px #f3f3f3, false, false, false, false, false, false, false, false); - box-shadow: compact(inset 0 0 2px 3px #f3f3f3, false, false, false, false, false, false, false, false); - -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: compact(none, false, false, false, false, false, false, false, false); - -moz-box-shadow: compact(none, false, false, false, false, false, false, false, false); - box-shadow: compact(none, false, false, false, false, false, false, false, false); } } - -.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: compact(inset 0 0 0 1px #f6f6f6, false, false, false, false, false, false, false, false); - -moz-box-shadow: compact(inset 0 0 0 1px #f6f6f6, false, false, false, false, false, false, false, false); - box-shadow: compact(inset 0 0 0 1px #f6f6f6, false, false, false, false, false, false, false, false); - -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: compact(0 1px 0 #eeeeee, false, false, false, false, false, false, false, false); - -moz-box-shadow: compact(0 1px 0 #eeeeee, false, false, false, false, false, false, false, false); - box-shadow: compact(0 1px 0 #eeeeee, false, false, false, false, false, false, false, false); } - @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: compact(all, false, false, false, false, false, false, false, false); - -moz-transition-property: compact(all, false, false, false, false, false, false, false, false); - -ms-transition-property: compact(all, false, false, false, false, false, false, false, false); - -o-transition-property: compact(all, false, false, false, false, false, false, false, false); - transition-property: compact(all, false, false, false, false, false, false, false, false); - -webkit-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -moz-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -ms-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -o-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -webkit-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -moz-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -ms-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -o-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -webkit-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -moz-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -ms-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -o-transition-delay: compact(0, false, false, false, false, false, false, false, false); - transition-delay: compact(0, false, false, false, false, false, false, false, false); } - .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: compact(linear, compact(-90deg, #f5f5f5, #e1e1e1, false, false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(-90deg, #f5f5f5, #e1e1e1, false, false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(-90deg, #f5f5f5, #e1e1e1, false, false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(-90deg, #f5f5f5, #e1e1e1, false, false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(-90deg, #f5f5f5, #e1e1e1, false, false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - border-bottom: 1px solid #d3d3d3; - -webkit-box-shadow: compact(inset 0 1px 0 0 #eeeeee, false, false, false, false, false, false, false, false); - -moz-box-shadow: compact(inset 0 1px 0 0 #eeeeee, false, false, false, false, false, false, false, false); - box-shadow: compact(inset 0 1px 0 0 #eeeeee, false, false, false, false, false, false, false, false); - 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: compact(0 1px 0 #eeeeee, false, false, false, false, false, false, false, false); - -moz-box-shadow: compact(0 1px 0 #eeeeee, false, false, false, false, false, false, false, false); - box-shadow: compact(0 1px 0 #eeeeee, false, false, false, false, false, false, false, false); - 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; - text-shadow: 0 1px 0 #fff; } - @media print { - .topbar, nav.sequence-nav { - display: none; } } - .topbar a, nav.sequence-nav a { - line-height: 46px; - 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: compact(inset 1px 0 0 #faf7e9, false, false, false, false, false, false, false, false); - -moz-box-shadow: compact(inset 1px 0 0 #faf7e9, false, false, false, false, false, false, false, false); - box-shadow: compact(inset 1px 0 0 #faf7e9, false, false, false, false, false, false, false, false); - 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: compact(all, false, false, false, false, false, false, false, false); - -moz-transition-property: compact(all, false, false, false, false, false, false, false, false); - -ms-transition-property: compact(all, false, false, false, false, false, false, false, false); - -o-transition-property: compact(all, false, false, false, false, false, false, false, false); - transition-property: compact(all, false, false, false, false, false, false, false, false); - -webkit-transition-duration: compact(0.2s, false, false, false, false, false, false, false, false); - -moz-transition-duration: compact(0.2s, false, false, false, false, false, false, false, false); - -ms-transition-duration: compact(0.2s, false, false, false, false, false, false, false, false); - -o-transition-duration: compact(0.2s, false, false, false, false, false, false, false, false); - transition-duration: compact(0.2s, false, false, false, false, false, false, false, false); - -webkit-transition-timing-function: compact(cubic-bezier(0.455, 0.03, 0.515, 0.955), false, false, false, false, false, false, false, false); - -moz-transition-timing-function: compact(cubic-bezier(0.455, 0.03, 0.515, 0.955), false, false, false, false, false, false, false, false); - -ms-transition-timing-function: compact(cubic-bezier(0.455, 0.03, 0.515, 0.955), false, false, false, false, false, false, false, false); - -o-transition-timing-function: compact(cubic-bezier(0.455, 0.03, 0.515, 0.955), false, false, false, false, false, false, false, false); - transition-timing-function: compact(cubic-bezier(0.455, 0.03, 0.515, 0.955), false, false, false, false, false, false, false, false); - -webkit-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -moz-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -ms-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -o-transition-delay: compact(0, false, false, false, false, false, false, false, false); - transition-delay: compact(0, false, false, false, false, false, false, false, false); } - -p.ie-warning { - background: yellow; - display: block !important; - line-height: 1.3em; - margin-bottom: 0; - padding: lh(); - text-align: left; } - -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, div.course-wrapper section.course-content section.problems-wrapper, div.course-wrapper section.course-content div#seq_content { - 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, div.course-wrapper section.course-content section.problems-wrapper h2, div.course-wrapper section.course-content div#seq_content 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, 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 { - 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, div.course-wrapper section.course-content section.problems-wrapper h2, div.course-wrapper section.course-content div#seq_content 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, div.course-wrapper section.course-content section.problems-wrapper h2, div.course-wrapper section.course-content div#seq_content 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, div.course-wrapper section.course-content section.problems-wrapper section.problem, div.course-wrapper section.course-content div#seq_content 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, div.course-wrapper section.course-content section.problems-wrapper section.problem, div.course-wrapper section.course-content div#seq_content 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, div.course-wrapper section.course-content section.problems-wrapper section.problem, div.course-wrapper section.course-content div#seq_content 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 section.problems-wrapper section.problem canvas, div.course-wrapper section.course-content div#seq_content 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, div.course-wrapper section.course-content section.problems-wrapper section.problem img, div.course-wrapper section.course-content div#seq_content 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 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 .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, 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 { - 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 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 .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, 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 { - 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 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 .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, 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 { - 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, div.course-wrapper section.course-content section.problems-wrapper div > span, div.course-wrapper section.course-content div#seq_content 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], div.course-wrapper section.course-content section.problems-wrapper div > span[answer], div.course-wrapper section.course-content div#seq_content 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"], div.course-wrapper section.course-content section.problems-wrapper input[type="text"], div.course-wrapper section.course-content div#seq_content 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, div.course-wrapper section.course-content section.problems-wrapper center, div.course-wrapper section.course-content div#seq_content 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, div.course-wrapper section.course-content section.problems-wrapper section.action, div.course-wrapper section.course-content div#seq_content 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"], 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"] { - 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: compact(inset 0 1px 0 #eeeeee, false, false, false, false, false, false, false, false); - -moz-box-shadow: compact(inset 0 1px 0 #eeeeee, false, false, false, false, false, false, false, false); - box-shadow: compact(inset 0 1px 0 #eeeeee, false, false, false, false, false, false, false, false); - -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: compact(inset 0 1px 0 #bf4040, false, false, false, false, false, false, false, false); - -moz-box-shadow: compact(inset 0 1px 0 #bf4040, false, false, false, false, false, false, false, false); - box-shadow: compact(inset 0 1px 0 #bf4040, false, false, false, false, false, false, false, false); - 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: compact(inset 0 0 3px #ceb97d, false, false, false, false, false, false, false, false); - -moz-box-shadow: compact(inset 0 0 3px #ceb97d, false, false, false, false, false, false, false, false); - box-shadow: compact(inset 0 0 3px #ceb97d, false, false, false, false, false, false, false, false); } - 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: compact(0 1px 0 white, false, false, false, false, false, false, false, false); - -moz-box-shadow: compact(0 1px 0 white, false, false, false, false, false, false, false, false); - box-shadow: compact(0 1px 0 white, false, false, false, false, false, false, false, false); } - 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: compact(all, false, false, false, false, false, false, false, false); - -moz-transition-property: compact(all, false, false, false, false, false, false, false, false); - -ms-transition-property: compact(all, false, false, false, false, false, false, false, false); - -o-transition-property: compact(all, false, false, false, false, false, false, false, false); - transition-property: compact(all, false, false, false, false, false, false, false, false); - -webkit-transition-duration: compact(0.4s, false, false, false, false, false, false, false, false); - -moz-transition-duration: compact(0.4s, false, false, false, false, false, false, false, false); - -ms-transition-duration: compact(0.4s, false, false, false, false, false, false, false, false); - -o-transition-duration: compact(0.4s, false, false, false, false, false, false, false, false); - transition-duration: compact(0.4s, false, false, false, false, false, false, false, false); - -webkit-transition-timing-function: compact(cubic-bezier(0.455, 0.03, 0.515, 0.955), false, false, false, false, false, false, false, false); - -moz-transition-timing-function: compact(cubic-bezier(0.455, 0.03, 0.515, 0.955), false, false, false, false, false, false, false, false); - -ms-transition-timing-function: compact(cubic-bezier(0.455, 0.03, 0.515, 0.955), false, false, false, false, false, false, false, false); - -o-transition-timing-function: compact(cubic-bezier(0.455, 0.03, 0.515, 0.955), false, false, false, false, false, false, false, false); - transition-timing-function: compact(cubic-bezier(0.455, 0.03, 0.515, 0.955), false, false, false, false, false, false, false, false); - -webkit-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -moz-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -ms-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -o-transition-delay: compact(0, false, false, false, false, false, false, false, false); - transition-delay: compact(0, false, false, false, false, false, false, false, false); - 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: compact(all, false, false, false, false, false, false, false, false); - -moz-transition-property: compact(all, false, false, false, false, false, false, false, false); - -ms-transition-property: compact(all, false, false, false, false, false, false, false, false); - -o-transition-property: compact(all, false, false, false, false, false, false, false, false); - transition-property: compact(all, false, false, false, false, false, false, false, false); - -webkit-transition-duration: compact(0.1s, false, false, false, false, false, false, false, false); - -moz-transition-duration: compact(0.1s, false, false, false, false, false, false, false, false); - -ms-transition-duration: compact(0.1s, false, false, false, false, false, false, false, false); - -o-transition-duration: compact(0.1s, false, false, false, false, false, false, false, false); - transition-duration: compact(0.1s, false, false, false, false, false, false, false, false); - -webkit-transition-timing-function: compact(cubic-bezier(0.77, 0, 0.175, 1), false, false, false, false, false, false, false, false); - -moz-transition-timing-function: compact(cubic-bezier(0.77, 0, 0.175, 1), false, false, false, false, false, false, false, false); - -ms-transition-timing-function: compact(cubic-bezier(0.77, 0, 0.175, 1), false, false, false, false, false, false, false, false); - -o-transition-timing-function: compact(cubic-bezier(0.77, 0, 0.175, 1), false, false, false, false, false, false, false, false); - transition-timing-function: compact(cubic-bezier(0.77, 0, 0.175, 1), false, false, false, false, false, false, false, false); - -webkit-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -moz-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -ms-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -o-transition-delay: compact(0, false, false, false, false, false, false, false, false); - transition-delay: compact(0, false, false, false, false, false, false, false, false); - 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: compact(inset 1px 0 0 #faf7e9, false, false, false, false, false, false, false, false); - -moz-box-shadow: compact(inset 1px 0 0 #faf7e9, false, false, false, false, false, false, false, false); - box-shadow: compact(inset 1px 0 0 #faf7e9, false, false, false, false, false, false, false, false); - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - cursor: pointer; - display: block; - text-indent: -9999px; - -webkit-transition-property: compact(all, false, false, false, false, false, false, false, false); - -moz-transition-property: compact(all, false, false, false, false, false, false, false, false); - -ms-transition-property: compact(all, false, false, false, false, false, false, false, false); - -o-transition-property: compact(all, false, false, false, false, false, false, false, false); - transition-property: compact(all, false, false, false, false, false, false, false, false); - -webkit-transition-duration: compact(0.2s, false, false, false, false, false, false, false, false); - -moz-transition-duration: compact(0.2s, false, false, false, false, false, false, false, false); - -ms-transition-duration: compact(0.2s, false, false, false, false, false, false, false, false); - -o-transition-duration: compact(0.2s, false, false, false, false, false, false, false, false); - transition-duration: compact(0.2s, false, false, false, false, false, false, false, false); - -webkit-transition-timing-function: compact(cubic-bezier(0.455, 0.03, 0.515, 0.955), false, false, false, false, false, false, false, false); - -moz-transition-timing-function: compact(cubic-bezier(0.455, 0.03, 0.515, 0.955), false, false, false, false, false, false, false, false); - -ms-transition-timing-function: compact(cubic-bezier(0.455, 0.03, 0.515, 0.955), false, false, false, false, false, false, false, false); - -o-transition-timing-function: compact(cubic-bezier(0.455, 0.03, 0.515, 0.955), false, false, false, false, false, false, false, false); - transition-timing-function: compact(cubic-bezier(0.455, 0.03, 0.515, 0.955), false, false, false, false, false, false, false, false); - -webkit-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -moz-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -ms-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -o-transition-delay: compact(0, false, false, false, false, false, false, false, false); - transition-delay: compact(0, false, false, false, false, false, false, false, false); } - 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: compact(inset 0 0 0 1px #faf7e9, false, false, false, false, false, false, false, false); - -moz-box-shadow: compact(inset 0 0 0 1px #faf7e9, false, false, false, false, false, false, false, false); - box-shadow: compact(inset 0 0 0 1px #faf7e9, false, false, false, false, false, false, false, false); - 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: compact(all, false, false, false, false, false, false, false, false); - -moz-transition-property: compact(all, false, false, false, false, false, false, false, false); - -ms-transition-property: compact(all, false, false, false, false, false, false, false, false); - -o-transition-property: compact(all, false, false, false, false, false, false, false, false); - transition-property: compact(all, false, false, false, false, false, false, false, false); - -webkit-transition-duration: compact(0.2s, false, false, false, false, false, false, false, false); - -moz-transition-duration: compact(0.2s, false, false, false, false, false, false, false, false); - -ms-transition-duration: compact(0.2s, false, false, false, false, false, false, false, false); - -o-transition-duration: compact(0.2s, false, false, false, false, false, false, false, false); - transition-duration: compact(0.2s, false, false, false, false, false, false, false, false); - -webkit-transition-timing-function: compact(cubic-bezier(0.455, 0.03, 0.515, 0.955), false, false, false, false, false, false, false, false); - -moz-transition-timing-function: compact(cubic-bezier(0.455, 0.03, 0.515, 0.955), false, false, false, false, false, false, false, false); - -ms-transition-timing-function: compact(cubic-bezier(0.455, 0.03, 0.515, 0.955), false, false, false, false, false, false, false, false); - -o-transition-timing-function: compact(cubic-bezier(0.455, 0.03, 0.515, 0.955), false, false, false, false, false, false, false, false); - transition-timing-function: compact(cubic-bezier(0.455, 0.03, 0.515, 0.955), false, false, false, false, false, false, false, false); - -webkit-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -moz-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -ms-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -o-transition-delay: compact(0, false, false, false, false, false, false, false, false); - transition-delay: compact(0, false, false, false, false, false, false, false, false); - 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: compact(inset 0 1px 0 0 #eeeeee, false, false, false, false, false, false, false, false); - -moz-box-shadow: compact(inset 0 1px 0 0 #eeeeee, false, false, false, false, false, false, false, false); - box-shadow: compact(inset 0 1px 0 0 #eeeeee, false, false, false, false, false, false, false, false); - 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: compact(linear, compact(-90deg, #f5f5f5, #e1e1e1, false, false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(-90deg, #f5f5f5, #e1e1e1, false, false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(-90deg, #f5f5f5, #e1e1e1, false, false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(-90deg, #f5f5f5, #e1e1e1, false, false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(-90deg, #f5f5f5, #e1e1e1, false, false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); } - 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: compact(linear, compact(-90deg, #f5f5f5, #e1e1e1, false, false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(-90deg, #f5f5f5, #e1e1e1, false, false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(-90deg, #f5f5f5, #e1e1e1, false, false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(-90deg, #f5f5f5, #e1e1e1, false, false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(-90deg, #f5f5f5, #e1e1e1, false, false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - 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: compact(inset -1px 0 0 #e6e6e6, false, false, false, false, false, false, false, false); - -moz-box-shadow: compact(inset -1px 0 0 #e6e6e6, false, false, false, false, false, false, false, false); - box-shadow: compact(inset -1px 0 0 #e6e6e6, false, false, false, false, false, false, false, false); - 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: compact(linear, compact(-90deg, rgba(245, 245, 245, 0.4), rgba(230, 230, 230, 0.4), false, false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(-90deg, rgba(245, 245, 245, 0.4), rgba(230, 230, 230, 0.4), false, false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(-90deg, rgba(245, 245, 245, 0.4), rgba(230, 230, 230, 0.4), false, false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(-90deg, rgba(245, 245, 245, 0.4), rgba(230, 230, 230, 0.4), false, false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(-90deg, rgba(245, 245, 245, 0.4), rgba(230, 230, 230, 0.4), false, false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - border-color: #c8c8c8; } - section.course-index div#accordion ul.ui-accordion-content li a:hover:after { - opacity: 1; - right: 15px; - -webkit-transition-property: compact(all, false, false, false, false, false, false, false, false); - -moz-transition-property: compact(all, false, false, false, false, false, false, false, false); - -ms-transition-property: compact(all, false, false, false, false, false, false, false, false); - -o-transition-property: compact(all, false, false, false, false, false, false, false, false); - transition-property: compact(all, false, false, false, false, false, false, false, false); - -webkit-transition-duration: compact(0.2s, false, false, false, false, false, false, false, false); - -moz-transition-duration: compact(0.2s, false, false, false, false, false, false, false, false); - -ms-transition-duration: compact(0.2s, false, false, false, false, false, false, false, false); - -o-transition-duration: compact(0.2s, false, false, false, false, false, false, false, false); - transition-duration: compact(0.2s, false, false, false, false, false, false, false, false); - -webkit-transition-timing-function: compact(linear, false, false, false, false, false, false, false, false); - -moz-transition-timing-function: compact(linear, false, false, false, false, false, false, false, false); - -ms-transition-timing-function: compact(linear, false, false, false, false, false, false, false, false); - -o-transition-timing-function: compact(linear, false, false, false, false, false, false, false, false); - transition-timing-function: compact(linear, false, false, false, false, false, false, false, false); - -webkit-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -moz-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -ms-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -o-transition-delay: compact(0, false, false, false, false, false, false, false, false); - transition-delay: compact(0, false, false, false, false, false, false, false, false); } - 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: compact(inset 0 1px 14px 0 rgba(0, 0, 0, 0.1), false, false, false, false, false, false, false, false); - -moz-box-shadow: compact(inset 0 1px 14px 0 rgba(0, 0, 0, 0.1), false, false, false, false, false, false, false, false); - box-shadow: compact(inset 0 1px 14px 0 rgba(0, 0, 0, 0.1), false, false, false, false, false, false, false, false); } - 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: compact(linear, compact(-90deg, #f5f5f5, #e6e6e6, false, false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(-90deg, #f5f5f5, #e6e6e6, false, false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(-90deg, #f5f5f5, #e6e6e6, false, false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(-90deg, #f5f5f5, #e6e6e6, false, false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - background-image: compact(linear, compact(-90deg, #f5f5f5, #e6e6e6, false, false, false, false, false, false, false, false), false, false, false, false, false, false, false, false, false); - 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: compact(all, false, false, false, false, false, false, false, false); - -moz-transition-property: compact(all, false, false, false, false, false, false, false, false); - -ms-transition-property: compact(all, false, false, false, false, false, false, false, false); - -o-transition-property: compact(all, false, false, false, false, false, false, false, false); - transition-property: compact(all, false, false, false, false, false, false, false, false); - -webkit-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -moz-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -ms-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -o-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -webkit-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -moz-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -ms-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -o-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -webkit-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -moz-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -ms-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -o-transition-delay: compact(0, false, false, false, false, false, false, false, false); - transition-delay: compact(0, false, false, false, false, false, false, false, false); } - 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: compact(inset 0 1px 0 #eeeeee, 0 1px 0 #555555, false, false, false, false, false, false, false); - -moz-box-shadow: compact(inset 0 1px 0 #eeeeee, 0 1px 0 #555555, false, false, false, false, false, false, false); - box-shadow: compact(inset 0 1px 0 #eeeeee, 0 1px 0 #555555, false, false, false, false, false, false, false); - height: 7px; - -webkit-transition-property: compact(height, 2s, ease-in-out, false, false, false, false, false, false, false, false); - -moz-transition-property: compact(height, 2s, ease-in-out, false, false, false, false, false, false, false, false); - -ms-transition-property: compact(height, 2s, ease-in-out, false, false, false, false, false, false, false, false); - -o-transition-property: compact(height, 2s, ease-in-out, false, false, false, false, false, false, false, false); - transition-property: compact(height, 2s, ease-in-out, false, false, false, false, false, false, false, false); - -webkit-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -moz-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -ms-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -o-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -webkit-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -moz-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -ms-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -o-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -webkit-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -moz-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -ms-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -o-transition-delay: compact(0, false, false, false, false, false, false, false, false); - transition-delay: compact(0, false, false, false, false, false, false, false, false); } - section.course-content div.video article.video-wrapper section.video-controls div.slider div.ui-widget-header { - background: #777; - -webkit-box-shadow: compact(inset 0 1px 0 #999999, false, false, false, false, false, false, false, false); - -moz-box-shadow: compact(inset 0 1px 0 #999999, false, false, false, false, false, false, false, false); - box-shadow: compact(inset 0 1px 0 #999999, false, false, false, false, false, false, false, false); } - 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: compact(inset 0 1px 0 #bf4040, false, false, false, false, false, false, false, false); - -moz-box-shadow: compact(inset 0 1px 0 #bf4040, false, false, false, false, false, false, false, false); - box-shadow: compact(inset 0 1px 0 #bf4040, false, false, false, false, false, false, false, false); - 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: compact(50%, false, false, false, false, false, false, false, false); - -moz-background-size: compact(50%, false, false, false, false, false, false, false, false); - -ms-background-size: compact(50%, false, false, false, false, false, false, false, false); - -o-background-size: compact(50%, false, false, false, false, false, false, false, false); - background-size: compact(50%, false, false, false, false, false, false, false, false); - 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: compact(inset 0 1px 0 #bf4040, false, false, false, false, false, false, false, false); - -moz-box-shadow: compact(inset 0 1px 0 #bf4040, false, false, false, false, false, false, false, false); - box-shadow: compact(inset 0 1px 0 #bf4040, false, false, false, false, false, false, false, false); - cursor: pointer; - height: 15px; - margin-left: -7px; - top: -4px; - -webkit-transition-property: compact(height, 2s, ease-in-out, false, false, false, false, false, false, false, false); - -moz-transition-property: compact(height, 2s, ease-in-out, false, false, false, false, false, false, false, false); - -ms-transition-property: compact(height, 2s, ease-in-out, false, false, false, false, false, false, false, false); - -o-transition-property: compact(height, 2s, ease-in-out, false, false, false, false, false, false, false, false); - transition-property: compact(height, 2s, ease-in-out, false, false, false, false, false, false, false, false); - -webkit-transition-duration: compact(width, 2s, ease-in-out, false, false, false, false, false, false, false, false); - -moz-transition-duration: compact(width, 2s, ease-in-out, false, false, false, false, false, false, false, false); - -ms-transition-duration: compact(width, 2s, ease-in-out, false, false, false, false, false, false, false, false); - -o-transition-duration: compact(width, 2s, ease-in-out, false, false, false, false, false, false, false, false); - transition-duration: compact(width, 2s, ease-in-out, false, false, false, false, false, false, false, false); - -webkit-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -moz-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -ms-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -o-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -webkit-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -moz-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -ms-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -o-transition-delay: compact(0, false, false, false, false, false, false, false, false); - transition-delay: compact(0, false, false, false, false, false, false, false, false); - 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: compact(1px 0 0 #555555, false, false, false, false, false, false, false, false); - -moz-box-shadow: compact(1px 0 0 #555555, false, false, false, false, false, false, false, false); - box-shadow: compact(1px 0 0 #555555, false, false, false, false, false, false, false, false); - cursor: pointer; - display: block; - line-height: 46px; - padding: 0 16.989px; - text-indent: -9999px; - -webkit-transition-property: compact(background-color, false, false, false, false, false, false, false, false); - -moz-transition-property: compact(background-color, false, false, false, false, false, false, false, false); - -ms-transition-property: compact(background-color, false, false, false, false, false, false, false, false); - -o-transition-property: compact(background-color, false, false, false, false, false, false, false, false); - transition-property: compact(background-color, false, false, false, false, false, false, false, false); - -webkit-transition-duration: compact(opacity, false, false, false, false, false, false, false, false); - -moz-transition-duration: compact(opacity, false, false, false, false, false, false, false, false); - -ms-transition-duration: compact(opacity, false, false, false, false, false, false, false, false); - -o-transition-duration: compact(opacity, false, false, false, false, false, false, false, false); - transition-duration: compact(opacity, false, false, false, false, false, false, false, false); - -webkit-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -moz-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -ms-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -o-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -webkit-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -moz-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -ms-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -o-transition-delay: compact(0, false, false, false, false, false, false, false, false); - transition-delay: compact(0, false, false, false, false, false, false, false, false); - 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: compact(1px 0 0 #555555, inset 1px 0 0 #555555, false, false, false, false, false, false, false); - -moz-box-shadow: compact(1px 0 0 #555555, inset 1px 0 0 #555555, false, false, false, false, false, false, false); - box-shadow: compact(1px 0 0 #555555, inset 1px 0 0 #555555, false, false, false, false, false, false, false); - zoom: 1; - color: #fff; - cursor: pointer; - display: block; - line-height: 46px; - margin-right: 0; - padding-left: 15px; - position: relative; - -webkit-transition-property: compact(all, false, false, false, false, false, false, false, false); - -moz-transition-property: compact(all, false, false, false, false, false, false, false, false); - -ms-transition-property: compact(all, false, false, false, false, false, false, false, false); - -o-transition-property: compact(all, false, false, false, false, false, false, false, false); - transition-property: compact(all, false, false, false, false, false, false, false, false); - -webkit-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -moz-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -ms-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -o-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -webkit-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -moz-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -ms-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -o-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -webkit-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -moz-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -ms-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -o-transition-delay: compact(0, false, false, false, false, false, false, false, false); - transition-delay: compact(0, false, false, false, false, false, false, false, false); - -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: compact(inset 1px 0 0 #555555, 0 3px 0 #444444, false, false, false, false, false, false, false); - -moz-box-shadow: compact(inset 1px 0 0 #555555, 0 3px 0 #444444, false, false, false, false, false, false, false); - box-shadow: compact(inset 1px 0 0 #555555, 0 3px 0 #444444, false, false, false, false, false, false, false); - -webkit-transition-property: compact(all, false, false, false, false, false, false, false, false); - -moz-transition-property: compact(all, false, false, false, false, false, false, false, false); - -ms-transition-property: compact(all, false, false, false, false, false, false, false, false); - -o-transition-property: compact(all, false, false, false, false, false, false, false, false); - transition-property: compact(all, false, false, false, false, false, false, false, false); - -webkit-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -moz-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -ms-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -o-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -webkit-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -moz-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -ms-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -o-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -webkit-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -moz-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -ms-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -o-transition-delay: compact(0, false, false, false, false, false, false, false, false); - transition-delay: compact(0, false, false, false, false, false, false, false, false); - 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: compact(0 1px 0 #555555, false, false, false, false, false, false, false, false); - -moz-box-shadow: compact(0 1px 0 #555555, false, false, false, false, false, false, false, false); - box-shadow: compact(0 1px 0 #555555, false, false, false, false, false, false, false, false); - 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: compact(none, false, false, false, false, false, false, false, false); - -moz-box-shadow: compact(none, false, false, false, false, false, false, false, false); - box-shadow: compact(none, false, false, false, false, false, false, false, false); - 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: compact(1px 0 0 #555555, inset 1px 0 0 #555555, false, false, false, false, false, false, false); - -moz-box-shadow: compact(1px 0 0 #555555, inset 1px 0 0 #555555, false, false, false, false, false, false, false); - box-shadow: compact(1px 0 0 #555555, inset 1px 0 0 #555555, false, false, false, false, false, false, false); - zoom: 1; - color: #fff; - cursor: pointer; - display: block; - height: 46px; - margin-right: 0; - padding-left: 15px; - position: relative; - -webkit-transition-property: compact(all, false, false, false, false, false, false, false, false); - -moz-transition-property: compact(all, false, false, false, false, false, false, false, false); - -ms-transition-property: compact(all, false, false, false, false, false, false, false, false); - -o-transition-property: compact(all, false, false, false, false, false, false, false, false); - transition-property: compact(all, false, false, false, false, false, false, false, false); - -webkit-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -moz-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -ms-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -o-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -webkit-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -moz-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -ms-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -o-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -webkit-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -moz-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -ms-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -o-transition-delay: compact(0, false, false, false, false, false, false, false, false); - transition-delay: compact(0, false, false, false, false, false, false, false, false); - -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: compact(inset 1px 0 0 #555555, 0 3px 0 #444444, false, false, false, false, false, false, false); - -moz-box-shadow: compact(inset 1px 0 0 #555555, 0 3px 0 #444444, false, false, false, false, false, false, false); - box-shadow: compact(inset 1px 0 0 #555555, 0 3px 0 #444444, false, false, false, false, false, false, false); - -webkit-transition-property: compact(all, false, false, false, false, false, false, false, false); - -moz-transition-property: compact(all, false, false, false, false, false, false, false, false); - -ms-transition-property: compact(all, false, false, false, false, false, false, false, false); - -o-transition-property: compact(all, false, false, false, false, false, false, false, false); - transition-property: compact(all, false, false, false, false, false, false, false, false); - -webkit-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -moz-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -ms-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -o-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -webkit-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -moz-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -ms-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -o-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -webkit-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -moz-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -ms-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -o-transition-delay: compact(0, false, false, false, false, false, false, false, false); - transition-delay: compact(0, false, false, false, false, false, false, false, false); - 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: compact(0 1px 0 #333333, false, false, false, false, false, false, false, false); - -moz-box-shadow: compact(0 1px 0 #333333, false, false, false, false, false, false, false, false); - box-shadow: compact(0 1px 0 #333333, false, false, false, false, false, false, false, false); } - 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: compact(50%, false, false, false, false, false, false, false, false); - -moz-background-size: compact(50%, false, false, false, false, false, false, false, false); - -ms-background-size: compact(50%, false, false, false, false, false, false, false, false); - -o-background-size: compact(50%, false, false, false, false, false, false, false, false); - background-size: compact(50%, false, false, false, false, false, false, false, false); - 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: compact(inset 0 1px 0 #bf4040, false, false, false, false, false, false, false, false); - -moz-box-shadow: compact(inset 0 1px 0 #bf4040, false, false, false, false, false, false, false, false); - box-shadow: compact(inset 0 1px 0 #bf4040, false, false, false, false, false, false, false, false); - cursor: pointer; - height: 15px; - left: -6px; - -webkit-transition-property: compact(height, 2s, ease-in-out, false, false, false, false, false, false, false, false); - -moz-transition-property: compact(height, 2s, ease-in-out, false, false, false, false, false, false, false, false); - -ms-transition-property: compact(height, 2s, ease-in-out, false, false, false, false, false, false, false, false); - -o-transition-property: compact(height, 2s, ease-in-out, false, false, false, false, false, false, false, false); - transition-property: compact(height, 2s, ease-in-out, false, false, false, false, false, false, false, false); - -webkit-transition-duration: compact(width, 2s, ease-in-out, false, false, false, false, false, false, false, false); - -moz-transition-duration: compact(width, 2s, ease-in-out, false, false, false, false, false, false, false, false); - -ms-transition-duration: compact(width, 2s, ease-in-out, false, false, false, false, false, false, false, false); - -o-transition-duration: compact(width, 2s, ease-in-out, false, false, false, false, false, false, false, false); - transition-duration: compact(width, 2s, ease-in-out, false, false, false, false, false, false, false, false); - -webkit-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -moz-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -ms-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -o-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -webkit-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -moz-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -ms-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -o-transition-delay: compact(0, false, false, false, false, false, false, false, false); - transition-delay: compact(0, false, false, false, false, false, false, false, false); - 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: compact(1px 0 0 #555555, inset 1px 0 0 #555555, false, false, false, false, false, false, false); - -moz-box-shadow: compact(1px 0 0 #555555, inset 1px 0 0 #555555, false, false, false, false, false, false, false); - box-shadow: compact(1px 0 0 #555555, inset 1px 0 0 #555555, false, false, false, false, false, false, false); - color: #797979; - display: block; - float: left; - line-height: 46px; - margin-left: 0; - padding: 0 11.326px; - text-indent: -9999px; - -webkit-transition-property: compact(all, false, false, false, false, false, false, false, false); - -moz-transition-property: compact(all, false, false, false, false, false, false, false, false); - -ms-transition-property: compact(all, false, false, false, false, false, false, false, false); - -o-transition-property: compact(all, false, false, false, false, false, false, false, false); - transition-property: compact(all, false, false, false, false, false, false, false, false); - -webkit-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -moz-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -ms-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -o-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -webkit-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -moz-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -ms-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -o-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -webkit-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -moz-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -ms-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -o-transition-delay: compact(0, false, false, false, false, false, false, false, false); - transition-delay: compact(0, false, false, false, false, false, false, false, false); - 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: compact(all, false, false, false, false, false, false, false, false); - -moz-transition-property: compact(all, false, false, false, false, false, false, false, false); - -ms-transition-property: compact(all, false, false, false, false, false, false, false, false); - -o-transition-property: compact(all, false, false, false, false, false, false, false, false); - transition-property: compact(all, false, false, false, false, false, false, false, false); - -webkit-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -moz-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -ms-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -o-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -webkit-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -moz-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -ms-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -o-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -webkit-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -moz-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -ms-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -o-transition-delay: compact(0, false, false, false, false, false, false, false, false); - transition-delay: compact(0, false, false, false, false, false, false, false, false); - -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: compact(all, false, false, false, false, false, false, false, false); - -moz-transition-property: compact(all, false, false, false, false, false, false, false, false); - -ms-transition-property: compact(all, false, false, false, false, false, false, false, false); - -o-transition-property: compact(all, false, false, false, false, false, false, false, false); - transition-property: compact(all, false, false, false, false, false, false, false, false); - -webkit-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -moz-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -ms-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -o-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -webkit-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -moz-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -ms-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -o-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -webkit-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -moz-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -ms-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -o-transition-delay: compact(0, false, false, false, false, false, false, false, false); - transition-delay: compact(0, false, false, false, false, false, false, false, false); } - 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: compact(inset 0 0 0 4px #084150, false, false, false, false, false, false, false, false); - -moz-box-shadow: compact(inset 0 0 0 4px #084150, false, false, false, false, false, false, false, false); - box-shadow: compact(inset 0 0 0 4px #084150, false, false, false, false, false, false, false, false); - 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: compact(1px 0 0 #004355, inset 0 0 0 4px #06323d, false, false, false, false, false, false, false); - -moz-box-shadow: compact(1px 0 0 #004355, inset 0 0 0 4px #06323d, false, false, false, false, false, false, false); - box-shadow: compact(1px 0 0 #004355, inset 0 0 0 4px #06323d, false, false, false, false, false, false, false); - -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: compact(0 1px 0 #083e4b, false, false, false, false, false, false, false, false); - -moz-box-shadow: compact(0 1px 0 #083e4b, false, false, false, false, false, false, false, false); - box-shadow: compact(0 1px 0 #083e4b, false, false, false, false, false, false, false, false); - 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: compact(inset 0 1px 0 0 #939da0, false, false, false, false, false, false, false, false); - -moz-box-shadow: compact(inset 0 1px 0 0 #939da0, false, false, false, false, false, false, false, false); - box-shadow: compact(inset 0 1px 0 0 #939da0, false, false, false, false, false, false, false, false); - color: white; - display: inline; - font-size: 11px; - font-weight: bold; - background-color: #637c84; - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(100%, compact(#637c84, #43626b, false, false, false, false, false, false, false, false))); - background-image: -webkit-linear-gradient(top, compact(#637c84, #43626b, false, false, false, false, false, false, false, false)); - background-image: -moz-linear-gradient(top, compact(#637c84, #43626b, false, false, false, false, false, false, false, false)); - background-image: -ms-linear-gradient(top, compact(#637c84, #43626b, false, false, false, false, false, false, false, false)); - background-image: -o-linear-gradient(top, compact(#637c84, #43626b, false, false, false, false, false, false, false, false)); - background-image: linear-gradient(top, compact(#637c84, #43626b, false, false, false, false, false, false, false, false)); - 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: compact(inset 0 1px 0 0 #778589, false, false, false, false, false, false, false, false); - -moz-box-shadow: compact(inset 0 1px 0 0 #778589, false, false, false, false, false, false, false, false); - box-shadow: compact(inset 0 1px 0 0 #778589, false, false, false, false, false, false, false, false); - cursor: pointer; - background-color: #5c6c71; - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(100%, compact(#5c6c71, #3e5961, false, false, false, false, false, false, false, false))); - background-image: -webkit-linear-gradient(top, compact(#5c6c71, #3e5961, false, false, false, false, false, false, false, false)); - background-image: -moz-linear-gradient(top, compact(#5c6c71, #3e5961, false, false, false, false, false, false, false, false)); - background-image: -ms-linear-gradient(top, compact(#5c6c71, #3e5961, false, false, false, false, false, false, false, false)); - background-image: -o-linear-gradient(top, compact(#5c6c71, #3e5961, false, false, false, false, false, false, false, false)); - background-image: linear-gradient(top, compact(#5c6c71, #3e5961, false, false, false, false, false, false, false, false)); } - section.tool-wrapper div#controlls-container div.graph-controls div.music-wrapper input#playButton:active { - border: 1px solid #3d5962; - -webkit-box-shadow: compact(inset 0 0 8px 4px #395057, inset 0 0 8px 4px #395057, 0 1px 1px 0 #eeeeee, false, false, false, false, false, false); - -moz-box-shadow: compact(inset 0 0 8px 4px #395057, inset 0 0 8px 4px #395057, 0 1px 1px 0 #eeeeee, false, false, false, false, false, false); - box-shadow: compact(inset 0 0 8px 4px #395057, inset 0 0 8px 4px #395057, 0 1px 1px 0 #eeeeee, false, false, false, false, false, false); } - section.tool-wrapper div#controlls-container div.graph-controls div.music-wrapper input#playButton:active { - -webkit-box-shadow: compact(none, false, false, false, false, false, false, false, false); - -moz-box-shadow: compact(none, false, false, false, false, false, false, false, false); - box-shadow: compact(none, false, false, false, false, false, false, false, false); } - 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: compact(inset 0 1px 0 0 #215f8a, false, false, false, false, false, false, false, false); - -moz-box-shadow: compact(inset 0 1px 0 0 #215f8a, false, false, false, false, false, false, false, false); - box-shadow: compact(inset 0 1px 0 0 #215f8a, false, false, false, false, false, false, false, false); - color: white; - display: inline; - font-size: 11px; - font-weight: bold; - background-color: #0f3550; - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(100%, compact(#0f3550, #041623, false, false, false, false, false, false, false, false))); - background-image: -webkit-linear-gradient(top, compact(#0f3550, #041623, false, false, false, false, false, false, false, false)); - background-image: -moz-linear-gradient(top, compact(#0f3550, #041623, false, false, false, false, false, false, false, false)); - background-image: -ms-linear-gradient(top, compact(#0f3550, #041623, false, false, false, false, false, false, false, false)); - background-image: -o-linear-gradient(top, compact(#0f3550, #041623, false, false, false, false, false, false, false, false)); - background-image: linear-gradient(top, compact(#0f3550, #041623, false, false, false, false, false, false, false, false)); - 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: compact(inset 0 1px 0 0 #174362, false, false, false, false, false, false, false, false); - -moz-box-shadow: compact(inset 0 1px 0 0 #174362, false, false, false, false, false, false, false, false); - box-shadow: compact(inset 0 1px 0 0 #174362, false, false, false, false, false, false, false, false); - cursor: pointer; - background-color: #0c2739; - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(100%, compact(#0c2739, #030d15, false, false, false, false, false, false, false, false))); - background-image: -webkit-linear-gradient(top, compact(#0c2739, #030d15, false, false, false, false, false, false, false, false)); - background-image: -moz-linear-gradient(top, compact(#0c2739, #030d15, false, false, false, false, false, false, false, false)); - background-image: -ms-linear-gradient(top, compact(#0c2739, #030d15, false, false, false, false, false, false, false, false)); - background-image: -o-linear-gradient(top, compact(#0c2739, #030d15, false, false, false, false, false, false, false, false)); - background-image: linear-gradient(top, compact(#0c2739, #030d15, false, false, false, false, false, false, false, false)); } - section.tool-wrapper div#controlls-container div.graph-controls div.music-wrapper input#playButton[value="Stop"]:active { - border: 1px solid #030d15; - -webkit-box-shadow: compact(inset 0 0 8px 4px #010507, inset 0 0 8px 4px #010507, 0 1px 1px 0 #eeeeee, false, false, false, false, false, false); - -moz-box-shadow: compact(inset 0 0 8px 4px #010507, inset 0 0 8px 4px #010507, 0 1px 1px 0 #eeeeee, false, false, false, false, false, false); - box-shadow: compact(inset 0 0 8px 4px #010507, inset 0 0 8px 4px #010507, 0 1px 1px 0 #eeeeee, false, false, false, false, false, false); } - section.tool-wrapper div#controlls-container div.graph-controls div.music-wrapper input#playButton[value="Stop"]:active { - -webkit-box-shadow: compact(none, false, false, false, false, false, false, false, false); - -moz-box-shadow: compact(none, false, false, false, false, false, false, false, false); - box-shadow: compact(none, false, false, false, false, false, false, false, false); } - section.tool-wrapper div#controlls-container div.graph-controls div.inputs-wrapper { - border-bottom: 1px solid #021014; - -webkit-box-shadow: compact(0 1px 0 #083e4b, false, false, false, false, false, false, false, false); - -moz-box-shadow: compact(0 1px 0 #083e4b, false, false, false, false, false, false, false, false); - box-shadow: compact(0 1px 0 #083e4b, false, false, false, false, false, false, false, false); - 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: compact(0 1px 0 #083e4b, false, false, false, false, false, false, false, false); - -moz-box-shadow: compact(0 1px 0 #083e4b, false, false, false, false, false, false, false, false); - box-shadow: compact(0 1px 0 #083e4b, false, false, false, false, false, false, false, false); - 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: compact(none, false, false, false, false, false, false, false, false); - -moz-box-shadow: compact(none, false, false, false, false, false, false, false, false); - box-shadow: compact(none, false, false, false, false, false, false, false, false); - 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: compact(inset 0 1px 0 #8ba1a8, false, false, false, false, false, false, false, false); - -moz-box-shadow: compact(inset 0 1px 0 #8ba1a8, false, false, false, false, false, false, false, false); - box-shadow: compact(inset 0 1px 0 #8ba1a8, false, false, false, false, false, false, false, false); - 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; } - -section.problem-set, div.course-wrapper section.course-content section.problems-wrapper, section.problems-wrapper { - position: relative; } - section.problem-set h2, div.course-wrapper section.course-content section.problems-wrapper h2, section.problems-wrapper 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; } - section.problem-set h2.problem-header section.staff, div.course-wrapper section.course-content section.problems-wrapper h2.problem-header section.staff, section.problems-wrapper h2.problem-header section.staff { - margin-top: 30px; - font-size: 80%; } - @media screen and (max-width:1120px) { - section.problem-set h2, div.course-wrapper section.course-content section.problems-wrapper h2, section.problems-wrapper h2 { - display: block; - width: auto; - border-right: 0; } } - @media print { - section.problem-set h2, div.course-wrapper section.course-content section.problems-wrapper h2, section.problems-wrapper h2 { - display: block; - width: auto; - border-right: 0; } } - section.problem-set section.problem, div.course-wrapper section.course-content section.problems-wrapper section.problem, section.problems-wrapper section.problem { - display: table-cell; - width: 77.174%; - padding-left: 2.717%; } - @media screen and (max-width:1120px) { - section.problem-set section.problem, div.course-wrapper section.course-content section.problems-wrapper section.problem, section.problems-wrapper section.problem { - display: block; - width: auto; - padding: 0; } } - @media print { - section.problem-set section.problem, div.course-wrapper section.course-content section.problems-wrapper section.problem, section.problems-wrapper section.problem { - display: block; - width: auto; - padding: 0; } - section.problem-set section.problem canvas, div.course-wrapper section.course-content section.problems-wrapper section.problem canvas, section.problems-wrapper section.problem canvas, section.problem-set section.problem img, div.course-wrapper section.course-content section.problems-wrapper section.problem img, section.problems-wrapper section.problem img { - page-break-inside: avoid; } } - section.problem-set section.problem div p.status, div.course-wrapper section.course-content section.problems-wrapper section.problem div p.status, section.problems-wrapper section.problem div p.status { - text-indent: -9999px; - margin: -1px 0 0 10px; } - section.problem-set section.problem div.unanswered p.status, div.course-wrapper section.course-content section.problems-wrapper section.problem div.unanswered p.status, section.problems-wrapper section.problem div.unanswered p.status { - 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; - width: 14px; } - section.problem-set section.problem div.correct p.status, div.course-wrapper section.course-content section.problems-wrapper section.problem div.correct p.status, section.problems-wrapper section.problem div.correct p.status, section.problem-set section.problem div.ui-icon-check p.status, div.course-wrapper section.course-content section.problems-wrapper section.problem div.ui-icon-check p.status, section.problems-wrapper section.problem div.ui-icon-check p.status { - 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; - width: 25px; } - section.problem-set section.problem div.correct input, div.course-wrapper section.course-content section.problems-wrapper section.problem div.correct input, section.problems-wrapper section.problem div.correct input, section.problem-set section.problem div.ui-icon-check input, div.course-wrapper section.course-content section.problems-wrapper section.problem div.ui-icon-check input, section.problems-wrapper section.problem div.ui-icon-check input { - border-color: green; } - section.problem-set section.problem div.incorrect p.status, div.course-wrapper section.course-content section.problems-wrapper section.problem div.incorrect p.status, section.problems-wrapper section.problem div.incorrect p.status, section.problem-set section.problem div.ui-icon-close p.status, div.course-wrapper section.course-content section.problems-wrapper section.problem div.ui-icon-close p.status, section.problems-wrapper section.problem div.ui-icon-close p.status { - 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; - text-indent: -9999px; } - section.problem-set section.problem div.incorrect input, div.course-wrapper section.course-content section.problems-wrapper section.problem div.incorrect input, section.problems-wrapper section.problem div.incorrect input, section.problem-set section.problem div.ui-icon-close input, div.course-wrapper section.course-content section.problems-wrapper section.problem div.ui-icon-close input, section.problems-wrapper section.problem div.ui-icon-close input { - border-color: red; } - section.problem-set section.problem div > span, div.course-wrapper section.course-content section.problems-wrapper section.problem div > span, section.problems-wrapper section.problem div > span { - display: block; - margin-bottom: 11.326px; } - section.problem-set section.problem div p.answer, div.course-wrapper section.course-content section.problems-wrapper section.problem div p.answer, section.problems-wrapper section.problem div p.answer { - display: -moz-inline-box; - -moz-box-orient: vertical; - display: inline-block; - vertical-align: baseline; - zoom: 1; - *display: inline; - *vertical-align: auto; - margin-bottom: 0; - margin-left: 10px; } - section.problem-set section.problem div p.answer:before, div.course-wrapper section.course-content section.problems-wrapper section.problem div p.answer:before, section.problems-wrapper section.problem div p.answer:before { - content: "Answer: "; - font-weight: bold; - display: inline; } - section.problem-set section.problem div p.answer:empty:before, div.course-wrapper section.course-content section.problems-wrapper section.problem div p.answer:empty:before, section.problems-wrapper section.problem div p.answer:empty:before { - display: none; } - section.problem-set section.problem div div.equation, div.course-wrapper section.course-content section.problems-wrapper section.problem div div.equation, section.problems-wrapper section.problem div div.equation { - clear: both; - padding: 6px; - background: #eee; } - section.problem-set section.problem div div.equation span, div.course-wrapper section.course-content section.problems-wrapper section.problem div div.equation span, section.problems-wrapper section.problem div div.equation span { - margin-bottom: 0; } - section.problem-set section.problem div span.unanswered, div.course-wrapper section.course-content section.problems-wrapper section.problem div span.unanswered, section.problems-wrapper section.problem div span.unanswered, section.problem-set section.problem div span.ui-icon-bullet, div.course-wrapper section.course-content section.problems-wrapper section.problem div span.ui-icon-bullet, section.problems-wrapper section.problem div 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; } - section.problem-set section.problem div span.correct, div.course-wrapper section.course-content section.problems-wrapper section.problem div span.correct, section.problems-wrapper section.problem div span.correct, section.problem-set section.problem div span.ui-icon-check, div.course-wrapper section.course-content section.problems-wrapper section.problem div span.ui-icon-check, section.problems-wrapper section.problem div 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; } - section.problem-set section.problem div span.incorrect, div.course-wrapper section.course-content section.problems-wrapper section.problem div span.incorrect, section.problems-wrapper section.problem div span.incorrect, section.problem-set section.problem div span.ui-icon-close, div.course-wrapper section.course-content section.problems-wrapper section.problem div span.ui-icon-close, section.problems-wrapper section.problem div 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; } - section.problem-set section.problem ul, div.course-wrapper section.course-content section.problems-wrapper section.problem ul, section.problems-wrapper section.problem ul { - list-style: disc outside none; - margin-bottom: 22.652px; - margin-left: .75em; - margin-left: .75rem; } - section.problem-set section.problem ol, div.course-wrapper section.course-content section.problems-wrapper section.problem ol, section.problems-wrapper section.problem ol { - list-style: decimal outside none; - margin-bottom: 22.652px; - margin-left: .75em; - margin-left: .75rem; } - section.problem-set section.problem dl, div.course-wrapper section.course-content section.problems-wrapper section.problem dl, section.problems-wrapper section.problem dl { - line-height: 1.4em; } - section.problem-set section.problem dl dt, div.course-wrapper section.course-content section.problems-wrapper section.problem dl dt, section.problems-wrapper section.problem dl dt { - font-weight: bold; } - section.problem-set section.problem dl dd, div.course-wrapper section.course-content section.problems-wrapper section.problem dl dd, section.problems-wrapper section.problem dl dd { - margin-bottom: 0; } - section.problem-set section.problem dd, div.course-wrapper section.course-content section.problems-wrapper section.problem dd, section.problems-wrapper section.problem dd { - margin-left: .5em; - margin-left: .5rem; } - section.problem-set section.problem li, div.course-wrapper section.course-content section.problems-wrapper section.problem li, section.problems-wrapper section.problem li { - line-height: 1.4em; - margin-bottom: 11.326px; } - section.problem-set section.problem li:last-child, div.course-wrapper section.course-content section.problems-wrapper section.problem li:last-child, section.problems-wrapper section.problem li:last-child { - margin-bottom: 0; } - section.problem-set section.problem p, div.course-wrapper section.course-content section.problems-wrapper section.problem p, section.problems-wrapper section.problem p { - margin-bottom: 22.652px; } - section.problem-set section.problem table, div.course-wrapper section.course-content section.problems-wrapper section.problem table, section.problems-wrapper section.problem table { - margin-bottom: 22.652px; - width: 100%; - border-collapse: collapse; } - section.problem-set section.problem table th, div.course-wrapper section.course-content section.problems-wrapper section.problem table th, section.problems-wrapper section.problem table th { - font-weight: bold; - text-align: left; } - section.problem-set section.problem table caption, div.course-wrapper section.course-content section.problems-wrapper section.problem table caption, section.problems-wrapper section.problem table caption, section.problem-set section.problem table th, div.course-wrapper section.course-content section.problems-wrapper section.problem table th, section.problems-wrapper section.problem table th, section.problem-set section.problem table td, div.course-wrapper section.course-content section.problems-wrapper section.problem table td, section.problems-wrapper section.problem table td { - padding: .25em .75em .25em 0; - padding: .25rem .75rem .25rem 0; } - section.problem-set section.problem table caption, div.course-wrapper section.course-content section.problems-wrapper section.problem table caption, section.problems-wrapper section.problem table caption { - background: #f1f1f1; - margin-bottom: .75em; - margin-bottom: .75rem; - padding: .75em 0; - padding: .75rem 0; } - section.problem-set section.problem table tr, div.course-wrapper section.course-content section.problems-wrapper section.problem table tr, section.problems-wrapper section.problem table tr, section.problem-set section.problem table td, div.course-wrapper section.course-content section.problems-wrapper section.problem table td, section.problems-wrapper section.problem table td, section.problem-set section.problem table th, div.course-wrapper section.course-content section.problems-wrapper section.problem table th, section.problems-wrapper section.problem table th { - vertical-align: middle; } - section.problem-set section.problem hr, div.course-wrapper section.course-content section.problems-wrapper section.problem hr, section.problems-wrapper section.problem hr { - background: #ddd; - border: none; - clear: both; - color: #ddd; - float: none; - height: 1px; - margin: 0 0 .75rem; - width: 100%; } - section.problem-set section.problem .hidden, div.course-wrapper section.course-content section.problems-wrapper section.problem .hidden, section.problems-wrapper section.problem .hidden { - display: none; - visibility: hidden; } - section.problem-set section.problem input[type="email"], div.course-wrapper section.course-content section.problems-wrapper section.problem input[type="email"], section.problems-wrapper section.problem input[type="email"], section.problem-set section.problem input[type="number"], div.course-wrapper section.course-content section.problems-wrapper section.problem input[type="number"], section.problems-wrapper section.problem input[type="number"], section.problem-set section.problem input[type="password"], div.course-wrapper section.course-content section.problems-wrapper section.problem input[type="password"], section.problems-wrapper section.problem input[type="password"], section.problem-set section.problem input[type="search"], div.course-wrapper section.course-content section.problems-wrapper section.problem input[type="search"], section.problems-wrapper section.problem input[type="search"], section.problem-set section.problem input[type="tel"], div.course-wrapper section.course-content section.problems-wrapper section.problem input[type="tel"], section.problems-wrapper section.problem input[type="tel"], section.problem-set section.problem input[type="text"], div.course-wrapper section.course-content section.problems-wrapper section.problem input[type="text"], section.problems-wrapper section.problem input[type="text"], section.problem-set section.problem input[type="url"], div.course-wrapper section.course-content section.problems-wrapper section.problem input[type="url"], section.problems-wrapper section.problem input[type="url"], section.problem-set section.problem input[type="color"], div.course-wrapper section.course-content section.problems-wrapper section.problem input[type="color"], section.problems-wrapper section.problem input[type="color"], section.problem-set section.problem input[type="date"], div.course-wrapper section.course-content section.problems-wrapper section.problem input[type="date"], section.problems-wrapper section.problem input[type="date"], section.problem-set section.problem input[type="datetime"], div.course-wrapper section.course-content section.problems-wrapper section.problem input[type="datetime"], section.problems-wrapper section.problem input[type="datetime"], section.problem-set section.problem input[type="datetime-local"], div.course-wrapper section.course-content section.problems-wrapper section.problem input[type="datetime-local"], section.problems-wrapper section.problem input[type="datetime-local"], section.problem-set section.problem input[type="month"], div.course-wrapper section.course-content section.problems-wrapper section.problem input[type="month"], section.problems-wrapper section.problem input[type="month"], section.problem-set section.problem input[type="time"], div.course-wrapper section.course-content section.problems-wrapper section.problem input[type="time"], section.problems-wrapper section.problem input[type="time"], section.problem-set section.problem input[type="week"], div.course-wrapper section.course-content section.problems-wrapper section.problem input[type="week"], section.problems-wrapper section.problem input[type="week"] { - display: inline; - width: auto; } - section.problem-set section.problem center, div.course-wrapper section.course-content section.problems-wrapper section.problem center, section.problems-wrapper section.problem center { - display: block; - margin: 22.652px 0; - border: 1px solid #ccc; - padding: 22.652px; } - section.problem-set section.action, div.course-wrapper section.course-content section.problems-wrapper section.action, section.problems-wrapper section.action { - margin-top: 11.326px; } - section.problem-set section.action input[type="button"], div.course-wrapper section.course-content section.problems-wrapper section.action input[type="button"], section.problems-wrapper section.action input[type="button"] { - padding: 9.061px 22.652px; - text-shadow: 0 -1px 0 #666666; } - -section.problems-wrapper { - display: table; - width: 100%; } - @media screen and (max-width:1120px) { - section.problems-wrapper { - display: block; - width: auto; } } diff --git a/lms/static/css/course/old/marketing-ie.css b/lms/static/css/course/old/marketing-ie.css deleted file mode 100644 index 18d829fdeb..0000000000 --- a/lms/static/css/course/old/marketing-ie.css +++ /dev/null @@ -1,10 +0,0 @@ -body { - margin: 0; - padding: 0; } - -.wrapper, .subpage, section.copyright, section.tos, section.privacy-policy, section.honor-code, header.announcement div, section.index-content, footer { - margin: 0; - overflow: hidden; } - -div#enroll form { - display: none; } diff --git a/lms/static/css/course/old/marketing.css b/lms/static/css/course/old/marketing.css deleted file mode 100644 index 5e2e01d8d3..0000000000 --- a/lms/static/css/course/old/marketing.css +++ /dev/null @@ -1,1017 +0,0 @@ -/* -html5doctor.com Reset Stylesheet -v1.6.1 -Last Updated: 2010-09-17 -Author: Richard Clark - http://richclarkdesign.com -Twitter: @rich_clark -*/ -html, body, div, span, object, iframe, -h1, h2, h3, h4, h5, h6, p, blockquote, pre, -abbr, address, cite, code, -del, dfn, em, img, ins, kbd, q, samp, -small, strong, var, -b, i, -dl, dt, dd, ol, ul, li, -fieldset, form, label, legend, -table, caption, tbody, tfoot, thead, tr, th, td, -article, aside, canvas, details, figcaption, figure, -footer, header, hgroup, menu, nav, section, summary, -time, mark, audio, video { - margin: 0; - padding: 0; - border: 0; - outline: 0; - font-size: 100%; - vertical-align: baseline; - background: transparent; } - -body { - line-height: 1; } - -article, aside, details, figcaption, figure, -footer, header, hgroup, menu, nav, section { - display: block; } - -nav ul { - list-style: none; } - -blockquote, q { - quotes: none; } - -blockquote:before, blockquote:after, -q:before, q:after { - content: ''; - content: none; } - -a { - margin: 0; - padding: 0; - font-size: 100%; - vertical-align: baseline; - background: transparent; } - -/* change colours to suit your needs */ -ins { - background-color: #ff9; - color: #000; - text-decoration: none; } - -/* change colours to suit your needs */ -mark { - background-color: #ff9; - color: #000; - font-style: italic; - font-weight: bold; } - -del { - text-decoration: line-through; } - -abbr[title], dfn[title] { - border-bottom: 1px dotted; - cursor: help; } - -table { - border-collapse: collapse; - border-spacing: 0; } - -/* change border colour to suit your needs */ -hr { - display: block; - height: 1px; - border: 0; - border-top: 1px solid #cccccc; - margin: 1em 0; - padding: 0; } - -input, select { - vertical-align: middle; } - -/* 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-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; } - -.wrapper, .subpage, section.copyright, section.tos, section.privacy-policy, section.honor-code, header.announcement div, footer, section.index-content { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - margin: 0 auto; - max-width: 1400px; - padding: 25.888px; - width: 100%; } - -.subpage > div, section.copyright > div, section.tos > div, section.privacy-policy > div, section.honor-code > div { - padding-left: 34.171%; } - @media screen and (max-width: 940px) { - .subpage > div, section.copyright > div, section.tos > div, section.privacy-policy > div, section.honor-code > div { - padding-left: 0; } } - .subpage > div p, section.copyright > div p, section.tos > div p, section.privacy-policy > div p, section.honor-code > div p { - margin-bottom: 25.888px; - line-height: 25.888px; } - .subpage > div h1, section.copyright > div h1, section.tos > div h1, section.privacy-policy > div h1, section.honor-code > div h1 { - margin-bottom: 12.944px; } - .subpage > div h2, section.copyright > div h2, section.tos > div h2, section.privacy-policy > div h2, section.honor-code > div h2 { - font: 18px "Open Sans", Helvetica, Arial, sans-serif; - color: #000; - margin-bottom: 12.944px; } - .subpage > div ul, section.copyright > div ul, section.tos > div ul, section.privacy-policy > div ul, section.honor-code > div ul { - list-style: disc outside none; } - .subpage > div ul li, section.copyright > div ul li, section.tos > div ul li, section.privacy-policy > div ul li, section.honor-code > div ul li { - list-style: disc outside none; - line-height: 25.888px; } - .subpage > div dl, section.copyright > div dl, section.tos > div dl, section.privacy-policy > div dl, section.honor-code > div dl { - margin-bottom: 25.888px; } - .subpage > div dl dd, section.copyright > div dl dd, section.tos > div dl dd, section.privacy-policy > div dl dd, section.honor-code > div dl dd { - margin-bottom: 12.944px; } - -.clearfix:after, .subpage:after, section.copyright:after, section.tos:after, section.privacy-policy:after, section.honor-code:after, header.announcement div section:after, footer:after, section.index-content:after, section.index-content section:after, section.index-content section.about section:after, div.leanModal_box#enroll ol:after { - content: "."; - display: block; - height: 0; - clear: both; - visibility: hidden; } - -.button, header.announcement div section.course section a, section.index-content section.course a, section.index-content section.staff a, section.index-content section.about-course section.cta a.enroll { - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; - border-radius: 3px; - display: -moz-inline-box; - -moz-box-orient: vertical; - display: inline-block; - vertical-align: baseline; - zoom: 1; - *display: inline; - *vertical-align: auto; - -webkit-transition-property: compact(all, false, false, false, false, false, false, false, false); - -moz-transition-property: compact(all, false, false, false, false, false, false, false, false); - -ms-transition-property: compact(all, false, false, false, false, false, false, false, false); - -o-transition-property: compact(all, false, false, false, false, false, false, false, false); - transition-property: compact(all, false, false, false, false, false, false, false, false); - -webkit-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -moz-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -ms-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -o-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -webkit-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -moz-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -ms-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -o-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -webkit-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -moz-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -ms-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -o-transition-delay: compact(0, false, false, false, false, false, false, false, false); - transition-delay: compact(0, false, false, false, false, false, false, false, false); - background-color: #993333; - border: 1px solid #732626; - color: #fff; - margin: 25.888px 0 12.944px; - padding: 6.472px 12.944px; - text-decoration: none; - font-style: normal; - -webkit-box-shadow: compact(inset 0 1px 0 #b83d3d, false, false, false, false, false, false, false, false); - -moz-box-shadow: compact(inset 0 1px 0 #b83d3d, false, false, false, false, false, false, false, false); - box-shadow: compact(inset 0 1px 0 #b83d3d, false, false, false, false, false, false, false, false); - -webkit-font-smoothing: antialiased; } - .button:hover, header.announcement div section.course section a:hover, section.index-content section.course a:hover, section.index-content section.staff a:hover, section.index-content section.about-course section.cta a.enroll:hover { - background-color: #732626; - border-color: #4d1919; } - .button span, header.announcement div section.course section a span, section.index-content section.course a span, section.index-content section.staff a span, section.index-content section.about-course section.cta a.enroll span { - font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif; - font-style: italic; } - -p.ie-warning { - display: block !important; - line-height: 1.3em; - background: yellow; - margin-bottom: 25.888px; - padding: 25.888px; } - -body { - background-color: #fff; - color: #444; - font: 16px Georgia, serif; } - body :focus { - outline-color: #ccc; } - body h1 { - font: 800 24px "Open Sans", Helvetica, Arial, sans-serif; } - body li { - margin-bottom: 25.888px; } - body em { - font-style: italic; } - body a { - color: #993333; - font-style: italic; - text-decoration: none; } - body a:hover, body a:focus { - color: #732626; } - body input[type="email"], body input[type="number"], body input[type="password"], body input[type="search"], body input[type="tel"], body input[type="text"], body input[type="url"], body input[type="color"], body input[type="date"], body input[type="datetime"], body input[type="datetime-local"], body input[type="month"], body input[type="time"], body input[type="week"], body textarea { - -webkit-box-shadow: compact(0 -1px 0 white, false, false, false, false, false, false, false, false); - -moz-box-shadow: compact(0 -1px 0 white, false, false, false, false, false, false, false, false); - box-shadow: compact(0 -1px 0 white, false, false, false, false, false, false, false, false); - background-color: #eeeeee; - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(100%, compact(#eeeeee, white, false, false, false, false, false, false, false, false))); - background-image: -webkit-linear-gradient(top, compact(#eeeeee, white, false, false, false, false, false, false, false, false)); - background-image: -moz-linear-gradient(top, compact(#eeeeee, white, false, false, false, false, false, false, false, false)); - background-image: -ms-linear-gradient(top, compact(#eeeeee, white, false, false, false, false, false, false, false, false)); - background-image: -o-linear-gradient(top, compact(#eeeeee, white, false, false, false, false, false, false, false, false)); - background-image: linear-gradient(top, compact(#eeeeee, white, false, false, false, false, false, false, false, false)); - border: 1px solid #999; - font: 16px Georgia, serif; - padding: 4px; - width: 100%; } - body input[type="email"]:focus, body input[type="number"]:focus, body input[type="password"]:focus, body input[type="search"]:focus, body input[type="tel"]:focus, body input[type="text"]:focus, body input[type="url"]:focus, body input[type="color"]:focus, body input[type="date"]:focus, body input[type="datetime"]:focus, body input[type="datetime-local"]:focus, body input[type="month"]:focus, body input[type="time"]:focus, body input[type="week"]:focus, body textarea:focus { - border-color: #993333; } - -header.announcement { - -webkit-background-size: compact(cover, false, false, false, false, false, false, false, false); - -moz-background-size: compact(cover, false, false, false, false, false, false, false, false); - -ms-background-size: compact(cover, false, false, false, false, false, false, false, false); - -o-background-size: compact(cover, false, false, false, false, false, false, false, false); - background-size: compact(cover, false, false, false, false, false, false, false, false); - background: #333; - border-bottom: 1px solid #000; - color: #fff; - -webkit-font-smoothing: antialiased; } - header.announcement.home { - background: #e3e3e3 url("../images/marketing/shot-5-medium.jpg"); } - @media screen and (min-width: 1200px) { - header.announcement.home { - background: #e3e3e3 url("../images/marketing/shot-5-large.jpg"); } } - header.announcement.home div { - padding: 258.88px 25.888px 77.664px; } - @media screen and (max-width:780px) { - header.announcement.home div { - padding: 64.72px 25.888px 51.776px; } } - header.announcement.home div nav h1 { - margin-right: 0; } - header.announcement.home div nav a.login { - display: none; } - header.announcement.course { - background: #e3e3e3 url("../images/marketing/course-bg-small.jpg"); } - @media screen and (min-width: 1200px) { - header.announcement.course { - background: #e3e3e3 url("../images/marketing/course-bg-large.jpg"); } } - @media screen and (max-width: 1199px) and (min-width: 700px) { - header.announcement.course { - background: #e3e3e3 url("../images/marketing/course-bg-medium.jpg"); } } - header.announcement.course div { - padding: 103.552px 25.888px 51.776px; } - @media screen and (max-width:780px) { - header.announcement.course div { - padding: 64.72px 25.888px 51.776px; } } - header.announcement div { - position: relative; } - header.announcement div nav { - position: absolute; - top: 0; - right: 25.888px; - -webkit-border-radius: 0 0 3px 3px; - -moz-border-radius: 0 0 3px 3px; - -ms-border-radius: 0 0 3px 3px; - -o-border-radius: 0 0 3px 3px; - border-radius: 0 0 3px 3px; - background: #333; - background: rgba(0, 0, 0, 0.7); - padding: 12.944px 25.888px; } - header.announcement div nav h1 { - display: -moz-inline-box; - -moz-box-orient: vertical; - display: inline-block; - vertical-align: baseline; - zoom: 1; - *display: inline; - *vertical-align: auto; - margin-right: 12.944px; } - header.announcement div nav h1 a { - font: italic 800 18px "Open Sans", Helvetica, Arial, sans-serif; - color: #fff; - text-decoration: none; } - header.announcement div nav h1 a:hover, header.announcement div nav h1 a:focus { - color: #999; } - header.announcement div nav a.login { - text-decoration: none; - color: #fff; - font-size: 12px; - font-style: normal; - font-family: "Open Sans", Helvetica, Arial, sans-serif; } - header.announcement div nav a.login:hover, header.announcement div nav a.login:focus { - color: #999; } - header.announcement div section { - background: #993333; - display: -moz-inline-box; - -moz-box-orient: vertical; - display: inline-block; - vertical-align: baseline; - zoom: 1; - *display: inline; - *vertical-align: auto; - margin-left: 34.171%; - padding: 25.888px 38.832px; } - @media screen and (max-width: 780px) { - header.announcement div section { - margin-left: 0; } } - header.announcement div section h1 { - font-family: "Open Sans"; - font-size: 30px; - font-weight: 800; - display: -moz-inline-box; - -moz-box-orient: vertical; - display: inline-block; - vertical-align: baseline; - zoom: 1; - *display: inline; - *vertical-align: auto; - line-height: 1.2em; - margin: 0 25.888px 0 0; } - header.announcement div section h2 { - font-family: "Open Sans"; - font-size: 24px; - font-weight: 400; - display: -moz-inline-box; - -moz-box-orient: vertical; - display: inline-block; - vertical-align: baseline; - zoom: 1; - *display: inline; - *vertical-align: auto; - line-height: 1.2em; } - header.announcement div section.course section { - float: left; - margin-left: 0; - margin-right: 3.817%; - padding: 0; - width: 48.092%; } - @media screen and (max-width: 780px) { - header.announcement div section.course section { - float: none; - width: 100%; - margin-right: 0; } } - header.announcement div section.course section a { - background-color: #4d1919; - border-color: #260d0d; - -webkit-box-shadow: compact(inset 0 1px 0 #732626, 0 1px 0 #ac3939, false, false, false, false, false, false, false); - -moz-box-shadow: compact(inset 0 1px 0 #732626, 0 1px 0 #ac3939, false, false, false, false, false, false, false); - box-shadow: compact(inset 0 1px 0 #732626, 0 1px 0 #ac3939, false, false, false, false, false, false, false); - display: block; - padding: 12.944px 25.888px; - text-align: center; } - header.announcement div section.course section a:hover { - background-color: #732626; - border-color: #4d1919; } - header.announcement div section.course p { - width: 48.092%; - line-height: 25.888px; - float: left; } - @media screen and (max-width: 780px) { - header.announcement div section.course p { - float: none; - width: 100%; } } - -footer { - padding-top: 0; } - footer div.footer-wrapper { - border-top: 1px solid #e5e5e5; - padding: 25.888px 0; - background: url("../images/marketing/mit-logo.png") right center no-repeat; } - @media screen and (max-width: 780px) { - footer div.footer-wrapper { - background-position: left bottom; - padding-bottom: 77.664px; } } - footer div.footer-wrapper a { - color: #888; - text-decoration: none; - -webkit-transition-property: compact(all, false, false, false, false, false, false, false, false); - -moz-transition-property: compact(all, false, false, false, false, false, false, false, false); - -ms-transition-property: compact(all, false, false, false, false, false, false, false, false); - -o-transition-property: compact(all, false, false, false, false, false, false, false, false); - transition-property: compact(all, false, false, false, false, false, false, false, false); - -webkit-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -moz-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -ms-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -o-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -webkit-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -moz-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -ms-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -o-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -webkit-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -moz-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -ms-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -o-transition-delay: compact(0, false, false, false, false, false, false, false, false); - transition-delay: compact(0, false, false, false, false, false, false, false, false); } - footer div.footer-wrapper a:hover, footer div.footer-wrapper a:focus { - color: #666; } - footer div.footer-wrapper p { - display: -moz-inline-box; - -moz-box-orient: vertical; - display: inline-block; - vertical-align: baseline; - zoom: 1; - *display: inline; - *vertical-align: auto; - margin-right: 25.888px; } - footer div.footer-wrapper ul { - display: -moz-inline-box; - -moz-box-orient: vertical; - display: inline-block; - vertical-align: baseline; - zoom: 1; - *display: inline; - *vertical-align: auto; } - @media screen and (max-width: 780px) { - footer div.footer-wrapper ul { - margin-top: 25.888px; } } - footer div.footer-wrapper ul li { - display: -moz-inline-box; - -moz-box-orient: vertical; - display: inline-block; - vertical-align: baseline; - zoom: 1; - *display: inline; - *vertical-align: auto; - margin-bottom: 0; } - footer div.footer-wrapper ul li:after { - content: ' |'; - display: inline; - color: #ccc; } - footer div.footer-wrapper ul li:last-child:after { - content: none; } - footer div.footer-wrapper ul.social { - float: right; - margin-right: 60px; - position: relative; - top: -5px; } - @media screen and (max-width: 780px) { - footer div.footer-wrapper ul.social { - float: none; } } - footer div.footer-wrapper ul.social li { - float: left; - margin-right: 12.944px; } - footer div.footer-wrapper ul.social li:after { - content: none; - display: none; } - footer div.footer-wrapper ul.social li a { - display: block; - height: 29px; - width: 28px; - text-indent: -9999px; } - footer div.footer-wrapper ul.social li a:hover { - opacity: .8; } - footer div.footer-wrapper ul.social li.twitter a { - background: url("../images/marketing/twitter.png") 0 0 no-repeat; } - footer div.footer-wrapper ul.social li.facebook a { - background: url("../images/marketing/facebook.png") 0 0 no-repeat; } - footer div.footer-wrapper ul.social li.linkedin a { - background: url("../images/marketing/linkedin.png") 0 0 no-repeat; } - -section.index-content section { - float: left; } - @media screen and (max-width: 780px) { - section.index-content section { - float: none; - width: auto; - margin-right: 0; } } - section.index-content section h1 { - font-size: 800 24px "Open Sans"; - margin-bottom: 25.888px; } - section.index-content section p { - line-height: 25.888px; - margin-bottom: 25.888px; } - section.index-content section ul { - margin: 0; } - section.index-content section.about { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - border-right: 1px solid #e5e5e5; - margin-right: 2.513%; - padding-right: 1.256%; - width: 65.829%; } - @media screen and (max-width: 780px) { - section.index-content section.about { - width: 100%; - border-right: 0; - margin-right: 0; - padding-right: 0; } } - section.index-content section.about section { - margin-bottom: 25.888px; } - section.index-content section.about section p { - width: 48.092%; - float: left; } - @media screen and (max-width: 780px) { - section.index-content section.about section p { - float: none; - width: auto; } } - section.index-content section.about section p:nth-child(odd) { - margin-right: 3.817%; } - @media screen and (max-width: 780px) { - section.index-content section.about section p:nth-child(odd) { - margin-right: 0; } } - section.index-content section.about section.intro section { - margin-bottom: 0; } - section.index-content section.about section.intro section.intro-text { - margin-right: 3.817%; - width: 48.092%; } - @media screen and (max-width: 780px) { - section.index-content section.about section.intro section.intro-text { - margin-right: 0; - width: auto; } } - section.index-content section.about section.intro section.intro-text p { - margin-right: 0; - width: auto; - float: none; } - section.index-content section.about section.intro section.intro-video { - width: 48.092%; } - @media screen and (max-width: 780px) { - section.index-content section.about section.intro section.intro-video { - width: auto; } } - section.index-content section.about section.intro section.intro-video a { - display: block; - width: 100%; } - section.index-content section.about section.intro section.intro-video a img { - width: 100%; } - section.index-content section.about section.intro section.intro-video a span { - display: none; } - section.index-content section.about section.features { - border-top: 1px solid #E5E5E5; - padding-top: 25.888px; - margin-bottom: 0; } - section.index-content section.about section.features h2 { - text-transform: uppercase; - letter-spacing: 1px; - color: #888; - margin-bottom: 25.888px; - font-weight: normal; - font-size: 14px; } - section.index-content section.about section.features h2 span { - text-transform: none; } - section.index-content section.about section.features p { - width: auto; - clear: both; } - section.index-content section.about section.features p strong { - font-family: "Open sans"; - font-weight: 800; } - section.index-content section.about section.features p a { - color: #993333; - text-decoration: none; - -webkit-transition-property: compact(all, false, false, false, false, false, false, false, false); - -moz-transition-property: compact(all, false, false, false, false, false, false, false, false); - -ms-transition-property: compact(all, false, false, false, false, false, false, false, false); - -o-transition-property: compact(all, false, false, false, false, false, false, false, false); - transition-property: compact(all, false, false, false, false, false, false, false, false); - -webkit-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -moz-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -ms-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -o-transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - transition-duration: compact(0.15s, false, false, false, false, false, false, false, false); - -webkit-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -moz-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -ms-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -o-transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - transition-timing-function: compact(ease-out, false, false, false, false, false, false, false, false); - -webkit-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -moz-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -ms-transition-delay: compact(0, false, false, false, false, false, false, false, false); - -o-transition-delay: compact(0, false, false, false, false, false, false, false, false); - transition-delay: compact(0, false, false, false, false, false, false, false, false); } - section.index-content section.about section.features p a:hover, section.index-content section.about section.features p a:focus { - color: #602020; } - section.index-content section.about section.features ul { - margin-bottom: 0; } - section.index-content section.about section.features ul li { - line-height: 25.888px; - width: 48.092%; - float: left; - margin-bottom: 12.944px; } - @media screen and (max-width: 780px) { - section.index-content section.about section.features ul li { - width: auto; - float: none; } } - section.index-content section.about section.features ul li:nth-child(odd) { - margin-right: 3.817%; } - @media screen and (max-width: 780px) { - section.index-content section.about section.features ul li:nth-child(odd) { - margin-right: 0; } } - section.index-content section.course, section.index-content section.staff { - width: 31.658%; } - @media screen and (max-width: 780px) { - section.index-content section.course, section.index-content section.staff { - width: auto; } } - section.index-content section.course h1, section.index-content section.staff h1 { - color: #888; - font: normal 16px Georgia, serif; - font-size: 14px; - letter-spacing: 1px; - margin-bottom: 25.888px; - text-transform: uppercase; } - section.index-content section.course h2, section.index-content section.staff h2 { - font: 800 24px "Open Sans", Helvetica, Arial, sans-serif; } - section.index-content section.course h3, section.index-content section.staff h3 { - font: 400 18px "Open Sans", Helvetica, Arial, sans-serif; } - section.index-content section.course a span.arrow, section.index-content section.staff a span.arrow { - color: rgba(255, 255, 255, 0.6); - font-style: normal; - display: -moz-inline-box; - -moz-box-orient: vertical; - display: inline-block; - vertical-align: baseline; - zoom: 1; - *display: inline; - *vertical-align: auto; - padding-left: 10px; } - section.index-content section.course ul, section.index-content section.staff ul { - list-style: none; } - section.index-content section.course ul li img, section.index-content section.staff ul li img { - float: left; - margin-right: 12.944px; } - section.index-content section.course h2 { - padding-top: 129.44px; - background: url("../images/marketing/circuits-bg.jpg") 0 0 no-repeat; - -webkit-background-size: compact(contain, false, false, false, false, false, false, false, false); - -moz-background-size: compact(contain, false, false, false, false, false, false, false, false); - -ms-background-size: compact(contain, false, false, false, false, false, false, false, false); - -o-background-size: compact(contain, false, false, false, false, false, false, false, false); - background-size: compact(contain, false, false, false, false, false, false, false, false); } - @media screen and (max-width: 998px) and (min-width: 781px) { - section.index-content section.course h2 { - background: url("../images/marketing/circuits-medium-bg.jpg") 0 0 no-repeat; } } - @media screen and (max-width: 780px) { - section.index-content section.course h2 { - padding-top: 129.44px; - background: url("../images/marketing/circuits-bg.jpg") 0 0 no-repeat; } } - @media screen and (min-width: 500px) and (max-width: 781px) { - section.index-content section.course h2 { - padding-top: 207.104px; } } - section.index-content section.course div.announcement p.announcement-button a { - margin-top: 0; } - section.index-content section.course div.announcement img { - max-width: 100%; - margin-bottom: 25.888px; } - section.index-content section.about-course { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - border-right: 1px solid #e5e5e5; - margin-right: 2.513%; - padding-right: 1.256%; - width: 65.829%; } - @media screen and (max-width: 780px) { - section.index-content section.about-course { - width: auto; - border-right: 0; - margin-right: 0; - padding-right: 0; } } - section.index-content section.about-course section { - width: 48.092%; } - @media screen and (max-width: 780px) { - section.index-content section.about-course section { - width: auto; } } - section.index-content section.about-course section.about-info { - margin-right: 3.817%; } - @media screen and (max-width: 780px) { - section.index-content section.about-course section.about-info { - margin-right: 0; } } - section.index-content section.about-course section.requirements { - clear: both; - width: 100%; - border-top: 1px solid #E5E5E5; - padding-top: 25.888px; - margin-bottom: 0; } - section.index-content section.about-course section.requirements p { - float: left; - width: 48.092%; - margin-right: 3.817%; } - @media screen and (max-width: 780px) { - section.index-content section.about-course section.requirements p { - margin-right: 0; - float: none; - width: auto; } } - section.index-content section.about-course section.requirements p:nth-child(odd) { - margin-right: 0; } - section.index-content section.about-course section.cta { - width: 100%; - text-align: center; } - section.index-content section.about-course section.cta a.enroll { - padding: 12.944px 51.776px; - display: -moz-inline-box; - -moz-box-orient: vertical; - display: inline-block; - vertical-align: baseline; - zoom: 1; - *display: inline; - *vertical-align: auto; - text-align: center; - font: 800 18px "Open Sans", Helvetica, Arial, sans-serif; } - section.index-content section.staff h1 { - margin-top: 25.888px; } - -#lean_overlay { - background: #000; - display: none; - height: 100%; - left: 0px; - position: fixed; - top: 0px; - width: 100%; - z-index: 100; } - -div.leanModal_box { - background: #fff; - border: none; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; - border-radius: 3px; - -webkit-box-shadow: compact(0 0 6px black, false, false, false, false, false, false, false, false); - -moz-box-shadow: compact(0 0 6px black, false, false, false, false, false, false, false, false); - box-shadow: compact(0 0 6px black, false, false, false, false, false, false, false, false); - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - display: none; - padding: 51.776px; - text-align: left; } - div.leanModal_box a.modal_close { - color: #aaa; - display: block; - font-style: normal; - height: 14px; - position: absolute; - right: 12px; - top: 12px; - width: 14px; - z-index: 2; } - div.leanModal_box a.modal_close:hover { - color: #993333; - text-decoration: none; } - div.leanModal_box h1 { - border-bottom: 1px solid #eee; - font-size: 24px; - margin-bottom: 25.888px; - margin-top: 0; - padding-bottom: 25.888px; - text-align: left; } - div.leanModal_box#enroll { - max-width: 600px; } - div.leanModal_box#enroll ol { - padding-top: 25.888px; } - div.leanModal_box#enroll ol li.terms, div.leanModal_box#enroll ol li.honor-code { - float: none; - width: auto; } - div.leanModal_box#enroll ol li div.tip { - display: none; } - div.leanModal_box#enroll ol li:hover div.tip { - background: #333; - color: #fff; - display: block; - font-size: 16px; - line-height: 25.888px; - margin: 0 0 0 -10px; - padding: 10px; - position: absolute; - -webkit-font-smoothing: antialiased; - width: 500px; } - div.leanModal_box form { - text-align: left; } - div.leanModal_box form div#register_error, div.leanModal_box form div#login_error, div.leanModal_box form div#pwd_error { - background-color: #333333; - border: black; - color: #fff; - font-family: "Open sans"; - font-weight: bold; - letter-spacing: 1px; - margin: -25.888px -25.888px 25.888px; - padding: 12.944px; - text-shadow: 0 1px 0 #1a1a1a; - -webkit-font-smoothing: antialiased; } - div.leanModal_box form div#register_error:empty, div.leanModal_box form div#login_error:empty, div.leanModal_box form div#pwd_error:empty { - padding: 0; } - div.leanModal_box form ol { - list-style: none; - margin-bottom: 25.888px; } - div.leanModal_box form ol li { - margin-bottom: 12.944px; } - div.leanModal_box form ol li.terms, div.leanModal_box form ol li.remember { - border-top: 1px solid #eee; - clear: both; - float: none; - padding-top: 25.888px; - width: auto; } - div.leanModal_box form ol li.honor-code { - float: none; - width: auto; } - div.leanModal_box form ol li label { - display: block; - font-weight: bold; } - div.leanModal_box form ol li input[type="email"], div.leanModal_box form ol li input[type="number"], div.leanModal_box form ol li input[type="password"], div.leanModal_box form ol li input[type="search"], div.leanModal_box form ol li input[type="tel"], div.leanModal_box form ol li input[type="text"], div.leanModal_box form ol li input[type="url"], div.leanModal_box form ol li input[type="color"], div.leanModal_box form ol li input[type="date"], div.leanModal_box form ol li input[type="datetime"], div.leanModal_box form ol li input[type="datetime-local"], div.leanModal_box form ol li input[type="month"], div.leanModal_box form ol li input[type="time"], div.leanModal_box form ol li input[type="week"], div.leanModal_box form ol li textarea { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 100%; } - div.leanModal_box form ol li input[type="checkbox"] { - margin-right: 10px; } - div.leanModal_box form ol li ul { - list-style: disc outside none; - margin: 12.944px 0 25.888px 25.888px; } - div.leanModal_box form ol li ul li { - color: #666; - float: none; - font-size: 14px; - list-style: disc outside none; - margin-bottom: 12.944px; } - div.leanModal_box form input[type="button"], div.leanModal_box form input[type="submit"] { - border: 1px solid #691b1b; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; - border-radius: 3px; - -webkit-box-shadow: compact(inset 0 1px 0 0 #bc5c5c, false, false, false, false, false, false, false, false); - -moz-box-shadow: compact(inset 0 1px 0 0 #bc5c5c, false, false, false, false, false, false, false, false); - box-shadow: compact(inset 0 1px 0 0 #bc5c5c, false, false, false, false, false, false, false, false); - color: white; - display: inline; - font-size: 11px; - font-weight: bold; - background-color: #993333; - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(100%, compact(#993333, #761e1e, false, false, false, false, false, false, false, false))); - background-image: -webkit-linear-gradient(top, compact(#993333, #761e1e, false, false, false, false, false, false, false, false)); - background-image: -moz-linear-gradient(top, compact(#993333, #761e1e, false, false, false, false, false, false, false, false)); - background-image: -ms-linear-gradient(top, compact(#993333, #761e1e, false, false, false, false, false, false, false, false)); - background-image: -o-linear-gradient(top, compact(#993333, #761e1e, false, false, false, false, false, false, false, false)); - background-image: linear-gradient(top, compact(#993333, #761e1e, false, false, false, false, false, false, false, false)); - padding: 6px 18px 7px; - text-shadow: 0 1px 0 #5d1414; - -webkit-background-clip: padding-box; - font-size: 18px; - padding: 12.944px; } - div.leanModal_box form input[type="button"]:hover, div.leanModal_box form input[type="submit"]:hover { - -webkit-box-shadow: compact(inset 0 1px 0 0 #a44141, false, false, false, false, false, false, false, false); - -moz-box-shadow: compact(inset 0 1px 0 0 #a44141, false, false, false, false, false, false, false, false); - box-shadow: compact(inset 0 1px 0 0 #a44141, false, false, false, false, false, false, false, false); - cursor: pointer; - background-color: #823030; - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(100%, compact(#823030, #691c1c, false, false, false, false, false, false, false, false))); - background-image: -webkit-linear-gradient(top, compact(#823030, #691c1c, false, false, false, false, false, false, false, false)); - background-image: -moz-linear-gradient(top, compact(#823030, #691c1c, false, false, false, false, false, false, false, false)); - background-image: -ms-linear-gradient(top, compact(#823030, #691c1c, false, false, false, false, false, false, false, false)); - background-image: -o-linear-gradient(top, compact(#823030, #691c1c, false, false, false, false, false, false, false, false)); - background-image: linear-gradient(top, compact(#823030, #691c1c, false, false, false, false, false, false, false, false)); } - div.leanModal_box form input[type="button"]:active, div.leanModal_box form input[type="submit"]:active { - border: 1px solid #691b1b; - -webkit-box-shadow: compact(inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee, false, false, false, false, false, false); - -moz-box-shadow: compact(inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee, false, false, false, false, false, false); - box-shadow: compact(inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee, false, false, false, false, false, false); } - -div#login { - min-width: 400px; } - div#login header { - border-bottom: 1px solid #ddd; - margin-bottom: 25.888px; - padding-bottom: 25.888px; } - div#login header h1 { - border-bottom: 0; - padding-bottom: 0; - margin-bottom: 6.472px; } - div#login ol li { - float: none; - width: auto; } - -div.lost-password { - margin-top: 25.888px; - text-align: left; } - div.lost-password a { - color: #999; } - div.lost-password a:hover { - color: #444; } - -div#pwd_reset p { - margin-bottom: 25.888px; } -div#pwd_reset input[type="email"] { - margin-bottom: 25.888px; } - -div#apply_name_change, -div#change_email, -div#unenroll, -div#deactivate-account { - max-width: 700px; } - div#apply_name_change ul, - div#change_email ul, - div#unenroll ul, - div#deactivate-account ul { - list-style: none; } - div#apply_name_change ul li, - div#change_email ul li, - div#unenroll ul li, - div#deactivate-account ul li { - margin-bottom: 12.944px; } - div#apply_name_change ul li textarea, div#apply_name_change ul li input[type="email"], div#apply_name_change ul li input[type="number"], div#apply_name_change ul li input[type="password"], div#apply_name_change ul li input[type="search"], div#apply_name_change ul li input[type="tel"], div#apply_name_change ul li input[type="text"], div#apply_name_change ul li input[type="url"], div#apply_name_change ul li input[type="color"], div#apply_name_change ul li input[type="date"], div#apply_name_change ul li input[type="datetime"], div#apply_name_change ul li input[type="datetime-local"], div#apply_name_change ul li input[type="month"], div#apply_name_change ul li input[type="time"], div#apply_name_change ul li input[type="week"], - div#change_email ul li textarea, - div#change_email ul li input[type="email"], - div#change_email ul li input[type="number"], - div#change_email ul li input[type="password"], - div#change_email ul li input[type="search"], - div#change_email ul li input[type="tel"], - div#change_email ul li input[type="text"], - div#change_email ul li input[type="url"], - div#change_email ul li input[type="color"], - div#change_email ul li input[type="date"], - div#change_email ul li input[type="datetime"], - div#change_email ul li input[type="datetime-local"], - div#change_email ul li input[type="month"], - div#change_email ul li input[type="time"], - div#change_email ul li input[type="week"], - div#unenroll ul li textarea, - div#unenroll ul li input[type="email"], - div#unenroll ul li input[type="number"], - div#unenroll ul li input[type="password"], - div#unenroll ul li input[type="search"], - div#unenroll ul li input[type="tel"], - div#unenroll ul li input[type="text"], - div#unenroll ul li input[type="url"], - div#unenroll ul li input[type="color"], - div#unenroll ul li input[type="date"], - div#unenroll ul li input[type="datetime"], - div#unenroll ul li input[type="datetime-local"], - div#unenroll ul li input[type="month"], - div#unenroll ul li input[type="time"], - div#unenroll ul li input[type="week"], - div#deactivate-account ul li textarea, - div#deactivate-account ul li input[type="email"], - div#deactivate-account ul li input[type="number"], - div#deactivate-account ul li input[type="password"], - div#deactivate-account ul li input[type="search"], - div#deactivate-account ul li input[type="tel"], - div#deactivate-account ul li input[type="text"], - div#deactivate-account ul li input[type="url"], - div#deactivate-account ul li input[type="color"], - div#deactivate-account ul li input[type="date"], - div#deactivate-account ul li input[type="datetime"], - div#deactivate-account ul li input[type="datetime-local"], - div#deactivate-account ul li input[type="month"], - div#deactivate-account ul li input[type="time"], - div#deactivate-account ul li input[type="week"] { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - display: block; - width: 100%; } - div#apply_name_change ul li textarea, - div#change_email ul li textarea, - div#unenroll ul li textarea, - div#deactivate-account ul li textarea { - height: 60px; } - div#apply_name_change ul li input[type="submit"], - div#change_email ul li input[type="submit"], - div#unenroll ul li input[type="submit"], - div#deactivate-account ul li input[type="submit"] { - white-space: normal; } - -div#feedback_div form ol li { - float: none; - width: 100%; } - div#feedback_div form ol li textarea#feedback_message { - height: 100px; } diff --git a/lms/static/css/course/old/print.css b/lms/static/css/course/old/print.css deleted file mode 100644 index e69de29bb2..0000000000 diff --git a/lms/static/css/vendor/indicator.gif b/lms/static/css/vendor/indicator.gif new file mode 100755 index 0000000000..085ccaecaf Binary files /dev/null and b/lms/static/css/vendor/indicator.gif differ