diff --git a/lms/static/sass/course.css b/lms/static/sass/course.css deleted file mode 100644 index 78c7421f5b..0000000000 --- a/lms/static/sass/course.css +++ /dev/null @@ -1,5253 +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.book-wrapper section.book 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, div.info-wrapper section.updates > ol > li:before, div.info-wrapper section.handouts ol li:before, div.book-wrapper section.book nav ul:before, .clearfix:after, .topbar:after, nav.sequence-nav:after, div.book-wrapper section.book 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, div.info-wrapper section.updates > ol > li:after, div.info-wrapper section.handouts ol li:after, div.book-wrapper section.book nav ul:after { - content: ""; - display: table; } - -.clearfix:after, .topbar:after, nav.sequence-nav:after, div.book-wrapper section.book 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, div.info-wrapper section.updates > ol > li:after, div.info-wrapper section.handouts ol li:after, div.book-wrapper section.book nav ul:after { - clear: both; } - -.clearfix, .topbar, nav.sequence-nav, div.book-wrapper section.book 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, div.info-wrapper section.updates > ol > li, div.info-wrapper section.handouts ol li, div.book-wrapper section.book nav ul { - *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: all; - -moz-transition-property: all; - -ms-transition-property: all; - -o-transition-property: all; - transition-property: all; - -webkit-transition-duration: 0.1s; - -moz-transition-duration: 0.1s; - -ms-transition-duration: 0.1s; - -o-transition-duration: 0.1s; - transition-duration: 0.1s; - -webkit-transition-timing-function: linear; - -moz-transition-timing-function: linear; - -ms-transition-timing-function: linear; - -o-transition-timing-function: linear; - transition-timing-function: linear; - -webkit-transition-delay: 0; - -moz-transition-delay: 0; - -ms-transition-delay: 0; - -o-transition-delay: 0; - transition-delay: 0; } - p a:link:hover, p a:visited:hover { - color: #1d9dd9; - text-decoration: underline; } - -a:link, a:visited { - color: #1d9dd9; - font: normal 1em/1em "Open Sans", Verdana, Geneva, sans-serif; - text-decoration: none; - -webkit-transition-property: all; - -moz-transition-property: all; - -ms-transition-property: all; - -o-transition-property: all; - transition-property: all; - -webkit-transition-duration: 0.1s; - -moz-transition-duration: 0.1s; - -ms-transition-duration: 0.1s; - -o-transition-duration: 0.1s; - transition-duration: 0.1s; - -webkit-transition-timing-function: linear; - -moz-transition-timing-function: linear; - -ms-transition-timing-function: linear; - -o-transition-timing-function: linear; - transition-timing-function: linear; - -webkit-transition-delay: 0; - -moz-transition-delay: 0; - -ms-transition-delay: 0; - -o-transition-delay: 0; - transition-delay: 0; } - a:link:hover, a:visited:hover { - text-decoration: underline; } - -.content-wrapper { - background: white; - margin: 0 auto 0; - width: 100%; } - -.container { - zoom: 1; - margin: 0 auto 0; - 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: -webkit-linear-gradient(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0)); - background-image: -moz-linear-gradient(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0)); - background-image: -ms-linear-gradient(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0)); - background-image: -o-linear-gradient(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0)); - background-image: linear-gradient(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0)); - height: 1px; - width: 100%; } - -.faded-hr-divider-medium { - background-image: -webkit-linear-gradient(180deg, rgba(240, 240, 240, 0) 0%, #f0f0f0 50%, rgba(240, 240, 240, 0)); - background-image: -moz-linear-gradient(180deg, rgba(240, 240, 240, 0) 0%, #f0f0f0 50%, rgba(240, 240, 240, 0)); - background-image: -ms-linear-gradient(180deg, rgba(240, 240, 240, 0) 0%, #f0f0f0 50%, rgba(240, 240, 240, 0)); - background-image: -o-linear-gradient(180deg, rgba(240, 240, 240, 0) 0%, #f0f0f0 50%, rgba(240, 240, 240, 0)); - background-image: linear-gradient(180deg, rgba(240, 240, 240, 0) 0%, #f0f0f0 50%, rgba(240, 240, 240, 0)); - height: 1px; - width: 100%; } - -.faded-hr-divider-light, .horizontal-divider::after { - background-image: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0)); - background-image: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0)); - background-image: -ms-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0)); - background-image: -o-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0)); - background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0)); - height: 1px; - width: 100%; } - -.faded-vertical-divider, .vertical-divider { - background-image: -webkit-linear-gradient(90deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0)); - background-image: -moz-linear-gradient(90deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0)); - background-image: -ms-linear-gradient(90deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0)); - background-image: -o-linear-gradient(90deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0)); - background-image: linear-gradient(90deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0)); - height: 100%; - width: 1px; } - -.faded-vertical-divider-light, .vertical-divider::after { - background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0)); - background-image: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0)); - background-image: -ms-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0)); - background-image: -o-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0)); - background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0)); - height: 100%; - width: 1px; } - -.vertical-divider { - position: relative; } - .vertical-divider::after { - content: ""; - display: block; - position: absolute; - left: 1px; } - -.horizontal-divider { - border: none; - position: relative; } - .horizontal-divider::after { - content: ""; - display: block; - position: absolute; - top: 1px; } - -.fade-right-hr-divider { - background-image: -webkit-linear-gradient(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8); - background-image: -moz-linear-gradient(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8); - background-image: -ms-linear-gradient(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8); - background-image: -o-linear-gradient(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8); - background-image: linear-gradient(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8); - border: none; } - -.fade-left-hr-divider { - background-image: -webkit-linear-gradient(180deg, #c8c8c8 0%, rgba(200, 200, 200, 0)); - background-image: -moz-linear-gradient(180deg, #c8c8c8 0%, rgba(200, 200, 200, 0)); - background-image: -ms-linear-gradient(180deg, #c8c8c8 0%, rgba(200, 200, 200, 0)); - background-image: -o-linear-gradient(180deg, #c8c8c8 0%, rgba(200, 200, 200, 0)); - background-image: linear-gradient(180deg, #c8c8c8 0%, rgba(200, 200, 200, 0)); - border: none; } - -.error-message-colors { - background: #fd5757; - border: 1px solid #ca1111; - color: #8f0e0e; } - -.success-message-colors { - background: #63ec89; - border: 1px solid #11ca36; - color: #238f0e; } - -.animation-home-header-pop-up { - -webkit-animation: home-header-pop-up 1.15s ease-in-out; - -moz-animation: home-header-pop-up 1.15s ease-in-out; - animation: home-header-pop-up 1.15s ease-in-out; - -webkit-animation-fill-mode: both; - -moz-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-delay: 1s; - -moz-animation-delay: 1s; - animation-delay: 1s; } - -@-webkit-keyframes home-header-pop-up { - 0% { - opacity: 0; - top: 300px; } - - 45% { - opacity: 1; } - - 65% { - top: -40px; } - - 85% { - top: 10px; } - - 100% { - top: 0px; } } - -@-moz-keyframes home-header-pop-up { - 0% { - opacity: 0; - top: 300px; } - - 45% { - opacity: 1; } - - 65% { - top: -40px; } - - 85% { - top: 10px; } - - 100% { - top: 0px; } } - -@keyframes home-header-pop-up { - 0% { - opacity: 0; - top: 300px; } - - 45% { - opacity: 1; } - - 65% { - top: -40px; } - - 85% { - top: 10px; } - - 100% { - top: 0px; } } - -.animation-title-appear { - -webkit-animation: title-appear 4.65s ease-out; - -moz-animation: title-appear 4.65s ease-out; - animation: title-appear 4.65s ease-out; - -webkit-animation-fill-mode: both; - -moz-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-delay: 1s; - -moz-animation-delay: 1s; - animation-delay: 1s; } - -@-webkit-keyframes title-appear { - 0% { - opacity: 0; - top: 60px; - -webkit-transform: scale(0.9); - -moz-transform: scale(0.9); - -ms-transform: scale(0.9); - -o-transform: scale(0.9); - transform: scale(0.9); } - - 20% { - opacity: 1; } - - 27% { - top: 40px; - -webkit-transform: scale(1); - -moz-transform: scale(1); - -ms-transform: scale(1); - -o-transform: scale(1); - transform: scale(1); } - - 90% { - opacity: 1; - top: 40px; - -webkit-transform: scale(1); - -moz-transform: scale(1); - -ms-transform: scale(1); - -o-transform: scale(1); - transform: scale(1); } - - 100% { - top: 0px; } } - -@-moz-keyframes title-appear { - 0% { - opacity: 0; - top: 60px; - -webkit-transform: scale(0.9); - -moz-transform: scale(0.9); - -ms-transform: scale(0.9); - -o-transform: scale(0.9); - transform: scale(0.9); } - - 20% { - opacity: 1; } - - 27% { - top: 40px; - -webkit-transform: scale(1); - -moz-transform: scale(1); - -ms-transform: scale(1); - -o-transform: scale(1); - transform: scale(1); } - - 90% { - opacity: 1; - top: 40px; - -webkit-transform: scale(1); - -moz-transform: scale(1); - -ms-transform: scale(1); - -o-transform: scale(1); - transform: scale(1); } - - 100% { - top: 0px; } } - -@keyframes title-appear { - 0% { - opacity: 0; - top: 60px; - -webkit-transform: scale(0.9); - -moz-transform: scale(0.9); - -ms-transform: scale(0.9); - -o-transform: scale(0.9); - transform: scale(0.9); } - - 20% { - opacity: 1; } - - 27% { - top: 40px; - -webkit-transform: scale(1); - -moz-transform: scale(1); - -ms-transform: scale(1); - -o-transform: scale(1); - transform: scale(1); } - - 90% { - opacity: 1; - top: 40px; - -webkit-transform: scale(1); - -moz-transform: scale(1); - -ms-transform: scale(1); - -o-transform: scale(1); - transform: scale(1); } - - 100% { - top: 0px; } } - -.animation-home-appear { - -webkit-animation: home-appear 4.25s ease-out; - -moz-animation: home-appear 4.25s ease-out; - animation: home-appear 4.25s ease-out; - -webkit-animation-fill-mode: both; - -moz-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-delay: 1s; - -moz-animation-delay: 1s; - animation-delay: 1s; } - -@-webkit-keyframes home-appear { - 0% { - opacity: 0; - top: 60px; - -webkit-transform: scale(0.9); - -moz-transform: scale(0.9); - -ms-transform: scale(0.9); - -o-transform: scale(0.9); - transform: scale(0.9); } - - 20% { - opacity: 1; } - - 30% { - top: 40px; - -webkit-transform: scale(1); - -moz-transform: scale(1); - -ms-transform: scale(1); - -o-transform: scale(1); - transform: scale(1); } - - 80% { - opacity: 1; - top: 40px; - -webkit-transform: scale(1); - -moz-transform: scale(1); - -ms-transform: scale(1); - -o-transform: scale(1); - transform: scale(1); } - - 100% { - opacity: 0; - top: 60px; - -webkit-transform: scale(0.7); - -moz-transform: scale(0.7); - -ms-transform: scale(0.7); - -o-transform: scale(0.7); - transform: scale(0.7); } } - -@-moz-keyframes home-appear { - 0% { - opacity: 0; - top: 60px; - -webkit-transform: scale(0.9); - -moz-transform: scale(0.9); - -ms-transform: scale(0.9); - -o-transform: scale(0.9); - transform: scale(0.9); } - - 20% { - opacity: 1; } - - 30% { - top: 40px; - -webkit-transform: scale(1); - -moz-transform: scale(1); - -ms-transform: scale(1); - -o-transform: scale(1); - transform: scale(1); } - - 80% { - opacity: 1; - top: 40px; - -webkit-transform: scale(1); - -moz-transform: scale(1); - -ms-transform: scale(1); - -o-transform: scale(1); - transform: scale(1); } - - 100% { - opacity: 0; - top: 60px; - -webkit-transform: scale(0.7); - -moz-transform: scale(0.7); - -ms-transform: scale(0.7); - -o-transform: scale(0.7); - transform: scale(0.7); } } - -@keyframes home-appear { - 0% { - opacity: 0; - top: 60px; - -webkit-transform: scale(0.9); - -moz-transform: scale(0.9); - -ms-transform: scale(0.9); - -o-transform: scale(0.9); - transform: scale(0.9); } - - 20% { - opacity: 1; } - - 30% { - top: 40px; - -webkit-transform: scale(1); - -moz-transform: scale(1); - -ms-transform: scale(1); - -o-transform: scale(1); - transform: scale(1); } - - 80% { - opacity: 1; - top: 40px; - -webkit-transform: scale(1); - -moz-transform: scale(1); - -ms-transform: scale(1); - -o-transform: scale(1); - transform: scale(1); } - - 100% { - opacity: 0; - top: 60px; - -webkit-transform: scale(0.7); - -moz-transform: scale(0.7); - -ms-transform: scale(0.7); - -o-transform: scale(0.7); - transform: scale(0.7); } } - -.animation-edx-appear { - -webkit-animation: edx-appear 1.25s ease-in; - -moz-animation: edx-appear 1.25s ease-in; - animation: edx-appear 1.25s ease-in; - -webkit-animation-fill-mode: both; - -moz-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-delay: 2.15s; - -moz-animation-delay: 2.15s; - animation-delay: 2.15s; } - -@-webkit-keyframes edx-appear { - 0% { - opacity: 0; } - - 100% { - opacity: 1; } } - -@-moz-keyframes edx-appear { - 0% { - opacity: 0; } - - 100% { - opacity: 1; } } - -@keyframes edx-appear { - 0% { - opacity: 0; } - - 100% { - opacity: 1; } } - -.animation-mit-slide { - -webkit-animation: mit-slide 1.15s ease-out; - -moz-animation: mit-slide 1.15s ease-out; - animation: mit-slide 1.15s ease-out; - -webkit-animation-fill-mode: both; - -moz-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-delay: 2s; - -moz-animation-delay: 2s; - animation-delay: 2s; } - -@-webkit-keyframes mit-slide { - 0% { - left: 80px; } - - 100% { - left: 0px; } } - -@-moz-keyframes mit-slide { - 0% { - left: 80px; } - - 100% { - left: 0px; } } - -@keyframes mit-slide { - 0% { - left: 80px; } - - 100% { - left: 0px; } } - -.animation-harvard-slide { - -webkit-animation: harvard-slide 1.15s ease-out; - -moz-animation: harvard-slide 1.15s ease-out; - animation: harvard-slide 1.15s ease-out; - -webkit-animation-fill-mode: both; - -moz-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-delay: 2s; - -moz-animation-delay: 2s; - animation-delay: 2s; } - -@-webkit-keyframes harvard-slide { - 0% { - right: 80px; } - - 100% { - right: 0px; } } - -@-moz-keyframes harvard-slide { - 0% { - right: 80px; } - - 100% { - right: 0px; } } - -@keyframes harvard-slide { - 0% { - right: 80px; } - - 100% { - right: 0px; } } - -.animation-divider-left-slide { - -webkit-animation: divider-left-slide 1.1s ease-out; - -moz-animation: divider-left-slide 1.1s ease-out; - animation: divider-left-slide 1.1s ease-out; - -webkit-animation-fill-mode: both; - -moz-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-delay: 2s; - -moz-animation-delay: 2s; - animation-delay: 2s; } - -@-webkit-keyframes divider-left-slide { - 0% { - left: 340px; } - - 100% { - left: 200px; } } - -@-moz-keyframes divider-left-slide { - 0% { - left: 340px; } - - 100% { - left: 200px; } } - -@keyframes divider-left-slide { - 0% { - left: 340px; } - - 100% { - left: 200px; } } - -.animation-divider-right-slide { - -webkit-animation: divider-right-slide 1.1s ease-out; - -moz-animation: divider-right-slide 1.1s ease-out; - animation: divider-right-slide 1.1s ease-out; - -webkit-animation-fill-mode: both; - -moz-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-delay: 2s; - -moz-animation-delay: 2s; - animation-delay: 2s; } - -@-webkit-keyframes divider-right-slide { - 0% { - left: 340px; } - - 100% { - left: 480px; } } - -@-moz-keyframes divider-right-slide { - 0% { - left: 340px; } - - 100% { - left: 480px; } } - -@keyframes divider-right-slide { - 0% { - left: 340px; } - - 100% { - left: 480px; } } - -.animation-video-appear { - -webkit-animation: video-appear 1.25s ease-out; - -moz-animation: video-appear 1.25s ease-out; - animation: video-appear 1.25s ease-out; - -webkit-animation-fill-mode: both; - -moz-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-delay: 4.4s; - -moz-animation-delay: 4.4s; - animation-delay: 4.4s; } - -@-webkit-keyframes video-appear { - 0% { - bottom: -270px; - opacity: 0.9; } - - 80% { - opacity: 1; } - - 100% { - bottom: 0px; } } - -@-moz-keyframes video-appear { - 0% { - bottom: -270px; - opacity: 0.9; } - - 80% { - opacity: 1; } - - 100% { - bottom: 0px; } } - -@keyframes video-appear { - 0% { - bottom: -270px; - opacity: 0.9; } - - 80% { - opacity: 1; } - - 100% { - bottom: 0px; } } - -nav.course-material { - background: #d2d2d2; - zoom: 1; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - -webkit-box-shadow: inset 0 1px 5px 0 rgba(0, 0, 0, 0.05); - -moz-box-shadow: inset 0 1px 5px 0 rgba(0, 0, 0, 0.05); - box-shadow: inset 0 1px 5px 0 rgba(0, 0, 0, 0.05); - border-bottom: 1px solid #bebebe; - margin: 0px auto 0px; - padding: 0px; - width: 100%; } - nav.course-material:before, nav.course-material:after { - content: ""; - display: table; } - nav.course-material:after { - clear: both; } - nav.course-material .inner-wrapper { - margin: 0 auto; - max-width: 1200px; - width: 100%; } - nav.course-material ol.course-tabs { - -webkit-border-top-left-radius: 4px; - -moz-border-top-left-radius: 4px; - -moz-border-radius-topleft: 4px; - -ms-border-top-left-radius: 4px; - -o-border-top-left-radius: 4px; - border-top-left-radius: 4px; - -webkit-border-top-right-radius: 4px; - -moz-border-top-right-radius: 4px; - -moz-border-radius-topright: 4px; - -ms-border-top-right-radius: 4px; - -o-border-top-right-radius: 4px; - border-top-right-radius: 4px; - zoom: 1; - padding: 10px 0 0 0; } - nav.course-material ol.course-tabs:before, nav.course-material ol.course-tabs:after { - content: ""; - display: table; } - nav.course-material ol.course-tabs:after { - clear: both; } - nav.course-material ol.course-tabs li { - float: left; - list-style: none; } - nav.course-material ol.course-tabs li a { - color: #a0a0a0; - display: block; - text-align: center; - padding: 5px 13px; - text-decoration: none; - text-shadow: 0 1px rgba(255, 255, 255, 0.4); } - nav.course-material ol.course-tabs li a:hover { - color: #3c3c3c; } - nav.course-material ol.course-tabs li a.active, nav.course-material nav.sequence-nav ol.course-tabs li a.seq_video_active, nav.sequence-nav nav.course-material ol.course-tabs li a.seq_video_active, nav.course-material nav.sequence-nav ol.course-tabs li a.seq_other_active, nav.sequence-nav nav.course-material ol.course-tabs li a.seq_other_active, nav.course-material nav.sequence-nav ol.course-tabs li a.seq_vertical_active, nav.sequence-nav nav.course-material ol.course-tabs li a.seq_vertical_active, nav.course-material nav.sequence-nav ol.course-tabs li a.seq_problem_active, nav.sequence-nav nav.course-material ol.course-tabs li a.seq_problem_active { - background: white; - border: 1px solid #c8c8c8; - border-bottom: 0px; - -webkit-border-top-left-radius: 4px; - -moz-border-top-left-radius: 4px; - -moz-border-radius-topleft: 4px; - -ms-border-top-left-radius: 4px; - -o-border-top-left-radius: 4px; - border-top-left-radius: 4px; - -webkit-border-top-right-radius: 4px; - -moz-border-top-right-radius: 4px; - -moz-border-radius-topright: 4px; - -ms-border-top-right-radius: 4px; - -o-border-top-right-radius: 4px; - border-top-right-radius: 4px; - -webkit-box-shadow: 0 2px 0 0 white; - -moz-box-shadow: 0 2px 0 0 white; - box-shadow: 0 2px 0 0 white; - color: #3c3c3c; } - -.course-content { - margin-top: 30px; } - .course-content .courseware { - min-height: 300px; } - -.clearfix:after, .topbar:after, nav.sequence-nav:after, div.book-wrapper section.book 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, div.info-wrapper section.updates > ol > li:after, div.info-wrapper section.handouts ol li:after, div.book-wrapper section.book nav ul: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, .wrapper div.info-wrapper, .wrapper div.book-wrapper { - display: table; - width: 100%; - overflow: hidden; } - @media screen and (min-width: 1400px) { - .wrapper div.table-wrapper, .wrapper div.course-wrapper, .wrapper div.info-wrapper, .wrapper div.book-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, div.info-wrapper section.updates > h1 { - background: #f3f3f3; - border-bottom: 1px solid #e3e3e3; - margin: -lh() -lh() lh(); - padding: lh(); } - -.button { - border: 1px solid #6f6f6f; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; - border-radius: 3px; - -webkit-box-shadow: inset 0 1px 0 #a2a2a2, 0 0 3px #cccccc; - -moz-box-shadow: inset 0 1px 0 #a2a2a2, 0 0 3px #cccccc; - box-shadow: inset 0 1px 0 #a2a2a2, 0 0 3px #cccccc; - color: #fff; - cursor: pointer; - font: bold 14px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; - background-color: #959595; - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #959595), color-stop(100%, #7b7b7b)); - background-image: -webkit-linear-gradient(top, #959595, #7b7b7b); - background-image: -moz-linear-gradient(top, #959595, #7b7b7b); - background-image: -ms-linear-gradient(top, #959595, #7b7b7b); - background-image: -o-linear-gradient(top, #959595, #7b7b7b); - background-image: linear-gradient(top, #959595, #7b7b7b); - padding: 4px 8px; - text-decoration: none; - text-shadow: none; - -webkit-font-smoothing: antialiased; } - .button:hover, .button:focus { - border: 1px solid #555555; - -webkit-box-shadow: inset 0 1px 0 #bbbbbb, 0 0 3px #cccccc; - -moz-box-shadow: inset 0 1px 0 #bbbbbb, 0 0 3px #cccccc; - box-shadow: inset 0 1px 0 #bbbbbb, 0 0 3px #cccccc; - background-color: #a2a2a2; - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a2a2a2), color-stop(100%, #7b7b7b)); - background-image: -webkit-linear-gradient(top, #a2a2a2, #7b7b7b); - background-image: -moz-linear-gradient(top, #a2a2a2, #7b7b7b); - background-image: -ms-linear-gradient(top, #a2a2a2, #7b7b7b); - background-image: -o-linear-gradient(top, #a2a2a2, #7b7b7b); - background-image: linear-gradient(top, #a2a2a2, #7b7b7b); } - -.light-button, a.light-button { - border: 1px solid #ccc; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; - border-radius: 3px; - -webkit-box-shadow: inset 0 1px 0 white; - -moz-box-shadow: inset 0 1px 0 white; - box-shadow: inset 0 1px 0 white; - color: #666; - cursor: pointer; - font: normal 14px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; - background-color: white; - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #eeeeee)); - background-image: -webkit-linear-gradient(top, white, #eeeeee); - background-image: -moz-linear-gradient(top, white, #eeeeee); - background-image: -ms-linear-gradient(top, white, #eeeeee); - background-image: -o-linear-gradient(top, white, #eeeeee); - background-image: linear-gradient(top, white, #eeeeee); - padding: 4px 8px; - text-decoration: none; - -webkit-font-smoothing: antialiased; } - .light-button:hover, .light-button:focus, a.light-button:hover, a.light-button:focus { - border: 1px solid #ccc; - background-color: white; - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e6e6e6)); - background-image: -webkit-linear-gradient(top, white, #e6e6e6); - background-image: -moz-linear-gradient(top, white, #e6e6e6); - background-image: -ms-linear-gradient(top, white, #e6e6e6); - background-image: -o-linear-gradient(top, white, #e6e6e6); - background-image: linear-gradient(top, white, #e6e6e6); - text-decoration: none; } - -.action-link a { - color: #993333; } - .action-link a:hover { - color: #4d1919; - text-decoration: none; } - -.content, div.course-wrapper section.course-content, div.info-wrapper section.updates, div.book-wrapper section.book { - -webkit-box-shadow: inset 0 0 2px 3px #f3f3f3; - -moz-box-shadow: inset 0 0 2px 3px #f3f3f3; - box-shadow: inset 0 0 2px 3px #f3f3f3; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - display: table-cell; - padding: lh(); - vertical-align: top; - width: 76.518%; - overflow: hidden; } - @media print { - .content, div.course-wrapper section.course-content, div.info-wrapper section.updates, div.book-wrapper section.book { - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; } } - -.sidebar, section.course-index, div.info-wrapper section.handouts, div.book-wrapper section.book-sidebar { - background: #e3e3e3; - -webkit-border-radius: 4px 0 0 4px; - -moz-border-radius: 4px 0 0 4px; - -ms-border-radius: 4px 0 0 4px; - -o-border-radius: 4px 0 0 4px; - border-radius: 4px 0 0 4px; - border-right: 1px solid #d3d3d3; - -webkit-box-shadow: inset 0 0 0 1px #f6f6f6; - -moz-box-shadow: inset 0 0 0 1px #f6f6f6; - box-shadow: inset 0 0 0 1px #f6f6f6; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - display: table-cell; - font-family: "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; - position: relative; - text-shadow: 0 1px 0 #f1f1f1; - vertical-align: top; - width: 23.482%; } - .sidebar h1, section.course-index h1, div.info-wrapper section.handouts h1, div.book-wrapper section.book-sidebar h1, .sidebar h2, section.course-index h2, div.info-wrapper section.handouts h2, div.book-wrapper section.book-sidebar h2 { - font-size: 18px; - font-weight: bold; - letter-spacing: 0; - text-transform: none; } - .sidebar a, section.course-index a, div.info-wrapper section.handouts a, div.book-wrapper section.book-sidebar a { - border: none; - font-style: normal; } - .sidebar .bottom-border, section.course-index .bottom-border, div.info-wrapper section.handouts .bottom-border, div.book-wrapper section.book-sidebar .bottom-border, .sidebar div.info-wrapper section.handouts header, div.info-wrapper section.handouts .sidebar header, section.course-index div.info-wrapper section.handouts header, div.info-wrapper section.handouts section.course-index header, div.info-wrapper section.handouts header, div.book-wrapper section.book-sidebar div.info-wrapper section.handouts header, div.info-wrapper section.handouts div.book-wrapper section.book-sidebar header { - border-bottom: 1px solid #d3d3d3; - -webkit-box-shadow: 0 1px 0 #eeeeee; - -moz-box-shadow: 0 1px 0 #eeeeee; - box-shadow: 0 1px 0 #eeeeee; } - @media print { - .sidebar, section.course-index, div.info-wrapper section.handouts, div.book-wrapper section.book-sidebar { - display: none; } } - .sidebar h3, section.course-index h3, div.info-wrapper section.handouts h3, div.book-wrapper section.book-sidebar h3 { - background: none; - border: none; - color: #000; - font-weight: normal; - margin: 0; - overflow: hidden; } - .sidebar h3 a, section.course-index h3 a, div.info-wrapper section.handouts h3 a, div.book-wrapper section.book-sidebar h3 a { - color: #4d4d4d; - display: block; - font-size: 14px; - padding: 7px 7px 7px 30px; - text-decoration: none; - -webkit-transition-property: all; - -moz-transition-property: all; - -ms-transition-property: all; - -o-transition-property: all; - transition-property: all; - -webkit-transition-duration: 0.15s; - -moz-transition-duration: 0.15s; - -ms-transition-duration: 0.15s; - -o-transition-duration: 0.15s; - transition-duration: 0.15s; - -webkit-transition-timing-function: ease-out; - -moz-transition-timing-function: ease-out; - -ms-transition-timing-function: ease-out; - -o-transition-timing-function: ease-out; - transition-timing-function: ease-out; - -webkit-transition-delay: 0; - -moz-transition-delay: 0; - -ms-transition-delay: 0; - -o-transition-delay: 0; - transition-delay: 0; } - .sidebar h3 span.ui-icon, section.course-index h3 span.ui-icon, div.info-wrapper section.handouts h3 span.ui-icon, div.book-wrapper section.book-sidebar h3 span.ui-icon { - background-image: url(../images/ui-icons_454545_256x240.png); } - .sidebar h3.active, section.course-index h3.active, div.info-wrapper section.handouts h3.active, div.book-wrapper section.book-sidebar 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, div.info-wrapper section.handouts section.course-index div#accordion h3.ui-accordion-header.ui-state-active, section.course-index div#accordion div.info-wrapper section.handouts h3.ui-accordion-header.ui-state-active, div.book-wrapper section.book-sidebar section.course-index div#accordion h3.ui-accordion-header.ui-state-active, section.course-index div#accordion div.book-wrapper section.book-sidebar h3.ui-accordion-header.ui-state-active { - background: none; - background-image: -webkit-linear-gradient(-90deg, #f5f5f5, #e1e1e1); - background-image: -moz-linear-gradient(-90deg, #f5f5f5, #e1e1e1); - background-image: -ms-linear-gradient(-90deg, #f5f5f5, #e1e1e1); - background-image: -o-linear-gradient(-90deg, #f5f5f5, #e1e1e1); - background-image: linear-gradient(-90deg, #f5f5f5, #e1e1e1); - border-bottom: 1px solid #d3d3d3; - -webkit-box-shadow: inset 0 1px 0 0 #eeeeee; - -moz-box-shadow: inset 0 1px 0 0 #eeeeee; - box-shadow: inset 0 1px 0 0 #eeeeee; - color: #000; - font-weight: bold; } - .sidebar h3.active a, section.course-index h3.active a, div.info-wrapper section.handouts h3.active a, div.book-wrapper section.book-sidebar 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, div.info-wrapper section.handouts section.course-index div#accordion h3.ui-accordion-header.ui-state-active a, section.course-index div#accordion div.info-wrapper section.handouts h3.ui-accordion-header.ui-state-active a, div.book-wrapper section.book-sidebar section.course-index div#accordion h3.ui-accordion-header.ui-state-active a, section.course-index div#accordion div.book-wrapper section.book-sidebar h3.ui-accordion-header.ui-state-active a { - color: #000; } - .sidebar header#open_close_accordion, section.course-index header#open_close_accordion, div.info-wrapper section.handouts header#open_close_accordion, div.book-wrapper section.book-sidebar header#open_close_accordion { - border-bottom: 1px solid #d3d3d3; - -webkit-box-shadow: 0 1px 0 #eeeeee; - -moz-box-shadow: 0 1px 0 #eeeeee; - box-shadow: 0 1px 0 #eeeeee; - padding: lh(0.5) lh(); - position: relative; } - .sidebar header#open_close_accordion h2, section.course-index header#open_close_accordion h2, div.info-wrapper section.handouts header#open_close_accordion h2, div.book-wrapper section.book-sidebar header#open_close_accordion h2 { - margin: 0; - padding-right: 20px; } - .sidebar header#open_close_accordion a, section.course-index header#open_close_accordion a, div.info-wrapper section.handouts header#open_close_accordion a, div.book-wrapper section.book-sidebar 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, div.info-wrapper section.handouts header#open_close_accordion a:hover, div.book-wrapper section.book-sidebar header#open_close_accordion a:hover { - background-color: white; } - .sidebar a.button, section.course-index a.button, div.info-wrapper section.handouts a.button, div.book-wrapper section.book-sidebar a.button { - text-decoration: none; } - -.topbar, nav.sequence-nav, div.book-wrapper section.book 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, div.book-wrapper section.book nav { - display: none; } } - .topbar a, nav.sequence-nav a, div.book-wrapper section.book nav a { - line-height: 46px; - border-bottom: 0; - color: #292309; } - .topbar a:hover, nav.sequence-nav a:hover, div.book-wrapper section.book nav a:hover { - color: #7e691a; - text-decoration: none; } - .topbar a.block-link, nav.sequence-nav a.block-link, div.book-wrapper section.book nav a.block-link, .topbar nav.sequence-nav ol a, nav.sequence-nav ol .topbar a, nav.sequence-nav ol a, div.book-wrapper section.book nav.sequence-nav ol a, .topbar div.book-wrapper section.book nav a, div.book-wrapper section.book nav .topbar a, div.book-wrapper section.book nav.sequence-nav a, div.book-wrapper section.book nav a { - border-left: 1px solid #e4d080; - -webkit-box-shadow: inset 1px 0 0 #faf7e9; - -moz-box-shadow: inset 1px 0 0 #faf7e9; - box-shadow: inset 1px 0 0 #faf7e9; - display: block; - text-transform: uppercase; } - .topbar a.block-link:hover, nav.sequence-nav a.block-link:hover, div.book-wrapper section.book 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, div.book-wrapper section.book nav.sequence-nav ol a:hover, .topbar div.book-wrapper section.book nav a:hover, div.book-wrapper section.book nav .topbar a:hover, div.book-wrapper section.book nav.sequence-nav a:hover, div.book-wrapper section.book nav a:hover { - background: none; } - -.tran, section.course-index, div.book-wrapper section.book-sidebar { - -webkit-transition-property: all; - -moz-transition-property: all; - -ms-transition-property: all; - -o-transition-property: all; - transition-property: all; - -webkit-transition-duration: 0.2s; - -moz-transition-duration: 0.2s; - -ms-transition-duration: 0.2s; - -o-transition-duration: 0.2s; - transition-duration: 0.2s; - -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); - -moz-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); - -ms-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); - -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); - transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); - -webkit-transition-delay: 0; - -moz-transition-delay: 0; - -ms-transition-delay: 0; - -o-transition-delay: 0; - transition-delay: 0; } - -p.ie-warning { - background: yellow; - display: block !important; - line-height: 1.3em; - margin-bottom: 0; - padding: lh(); - text-align: left; } - -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: inset 0 1px 0 #eeeeee; - -moz-box-shadow: inset 0 1px 0 #eeeeee; - box-shadow: inset 0 1px 0 #eeeeee; - -webkit-border-radius: 0; - -moz-border-radius: 0; - -ms-border-radius: 0; - -o-border-radius: 0; - border-radius: 0; } - div.course-wrapper section.course-content div.ui-slider a.ui-slider-handle { - -webkit-box-shadow: inset 0 1px 0 #bf4040; - -moz-box-shadow: inset 0 1px 0 #bf4040; - box-shadow: inset 0 1px 0 #bf4040; - background: #993333 url(../images/slider-bars.png) center center no-repeat; - border: 1px solid #4d1919; - cursor: pointer; } - div.course-wrapper section.course-content div.ui-slider a.ui-slider-handle:hover, div.course-wrapper section.course-content div.ui-slider a.ui-slider-handle:focus { - background-color: #bf4040; - outline: none; } - div.course-wrapper section.course-content div.ui-tabs { - border: 0; - -webkit-border-radius: 0; - -moz-border-radius: 0; - -ms-border-radius: 0; - -o-border-radius: 0; - border-radius: 0; - margin: 0; - padding: 0; } - div.course-wrapper section.course-content div.ui-tabs .ui-tabs-nav { - background: none; - border: 0; - margin-bottom: 11.326px; } - div.course-wrapper section.course-content div.ui-tabs .ui-tabs-panel { - -webkit-border-radius: 0; - -moz-border-radius: 0; - -ms-border-radius: 0; - -o-border-radius: 0; - border-radius: 0; - padding: 0; } -div.course-wrapper.closed section.course-index { - width: 3.077%; - overflow: hidden; } - div.course-wrapper.closed section.course-index header#open_close_accordion { - padding: 0; - min-height: 47px; } - div.course-wrapper.closed section.course-index header#open_close_accordion a { - background-image: url("../images/slide-right-icon.png"); } - div.course-wrapper.closed section.course-index header#open_close_accordion h2 { - visibility: hidden; - width: 10px; } - div.course-wrapper.closed section.course-index div#accordion { - visibility: hidden; - width: 10px; - padding: 0; } - div.course-wrapper.closed section.course-index div#accordion nav { - white-space: pre; - overflow: hidden; } - div.course-wrapper.closed section.course-index div#accordion nav ul { - overflow: hidden; - white-space: nowrap; } -div.course-wrapper.closed section.course-content { - width: 97.773%; } - -nav.sequence-nav { - border-bottom: 1px solid #e4d080; - margin-bottom: 22.652px; - position: relative; - -webkit-border-top-right-radius: 4px; - -moz-border-top-right-radius: 4px; - -moz-border-radius-topright: 4px; - -ms-border-top-right-radius: 4px; - -o-border-top-right-radius: 4px; - border-top-right-radius: 4px; } - nav.sequence-nav ol { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - display: table; - height: 100%; - padding-right: 8.696%; - width: 100%; } - nav.sequence-nav ol li { - border-left: 1px solid #e4d080; - display: table-cell; - min-width: 20px; } - nav.sequence-nav ol li:first-child { - border-left: none; } - nav.sequence-nav ol li .inactive, nav.sequence-nav ol li a.seq_video_inactive, nav.sequence-nav ol li a.seq_other_inactive, nav.sequence-nav ol li a.seq_vertical_inactive, nav.sequence-nav ol li a.seq_problem_inactive { - background-repeat: no-repeat; } - nav.sequence-nav ol li .inactive:hover, nav.sequence-nav ol li a.seq_video_inactive:hover, nav.sequence-nav ol li a.seq_other_inactive:hover, nav.sequence-nav ol li a.seq_vertical_inactive:hover, nav.sequence-nav ol li a.seq_problem_inactive:hover { - background-color: #f9f4e1; } - nav.sequence-nav ol li .visited, nav.sequence-nav ol li a.seq_video_visited, nav.sequence-nav ol li a.seq_other_visited, nav.sequence-nav ol li a.seq_vertical_visited, nav.sequence-nav ol li a.seq_problem_visited { - background-color: #DCCDA2; - background-repeat: no-repeat; - -webkit-box-shadow: inset 0 0 3px #ceb97d; - -moz-box-shadow: inset 0 0 3px #ceb97d; - box-shadow: inset 0 0 3px #ceb97d; } - nav.sequence-nav ol li .visited:hover, nav.sequence-nav ol li a.seq_video_visited:hover, nav.sequence-nav ol li a.seq_other_visited:hover, nav.sequence-nav ol li a.seq_vertical_visited:hover, nav.sequence-nav ol li a.seq_problem_visited:hover { - background-color: #f6efd4; - background-position: center center; } - nav.sequence-nav ol li .active, nav.sequence-nav ol li a.seq_video_active, nav.sequence-nav ol li a.seq_other_active, nav.sequence-nav ol li a.seq_vertical_active, nav.sequence-nav ol li a.seq_problem_active, nav.sequence-nav ol li section.course-index div#accordion h3.ui-accordion-header.ui-state-active, section.course-index div#accordion nav.sequence-nav ol li h3.ui-accordion-header.ui-state-active { - background-color: #fff; - background-repeat: no-repeat; - -webkit-box-shadow: 0 1px 0 white; - -moz-box-shadow: 0 1px 0 white; - box-shadow: 0 1px 0 white; } - nav.sequence-nav ol li .active:hover, nav.sequence-nav ol li a.seq_video_active:hover, nav.sequence-nav ol li a.seq_other_active:hover, nav.sequence-nav ol li a.seq_vertical_active:hover, nav.sequence-nav ol li a.seq_problem_active:hover, nav.sequence-nav ol li section.course-index div#accordion h3.ui-accordion-header.ui-state-active:hover, section.course-index div#accordion nav.sequence-nav ol li h3.ui-accordion-header.ui-state-active:hover { - background-color: #fff; - background-position: center; } - nav.sequence-nav ol li a { - background-position: center center; - border: none; - cursor: pointer; - display: block; - height: 17px; - padding: 15px 0 14px; - position: relative; - -webkit-transition-property: all; - -moz-transition-property: all; - -ms-transition-property: all; - -o-transition-property: all; - transition-property: all; - -webkit-transition-duration: 0.4s; - -moz-transition-duration: 0.4s; - -ms-transition-duration: 0.4s; - -o-transition-duration: 0.4s; - transition-duration: 0.4s; - -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); - -moz-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); - -ms-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); - -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); - transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); - -webkit-transition-delay: 0; - -moz-transition-delay: 0; - -ms-transition-delay: 0; - -o-transition-delay: 0; - transition-delay: 0; - width: 100%; } - nav.sequence-nav ol li a.progress, nav.sequence-nav ol li a.progress-none, nav.sequence-nav ol li a.progress-some, nav.sequence-nav ol li a.progress-done { - border-bottom-style: solid; - border-bottom-width: 4px; } - nav.sequence-nav ol li a.progress-none { - border-bottom-color: red; } - nav.sequence-nav ol li a.progress-some { - border-bottom-color: yellow; } - nav.sequence-nav ol li a.progress-done { - border-bottom-color: green; } - nav.sequence-nav ol li a.seq_video_inactive { - background-image: url("../images/sequence-nav/video-icon-normal.png"); - background-position: center; } - nav.sequence-nav ol li a.seq_video_visited { - background-image: url("../images/sequence-nav/video-icon-visited.png"); - background-position: center; } - nav.sequence-nav ol li a.seq_video_active { - background-image: url("../images/sequence-nav/video-icon-current.png"); - background-position: center; } - nav.sequence-nav ol li a.seq_other_inactive { - background-image: url("../images/sequence-nav/document-icon-normal.png"); - background-position: center; } - nav.sequence-nav ol li a.seq_other_visited { - background-image: url("../images/sequence-nav/document-icon-visited.png"); - background-position: center; } - nav.sequence-nav ol li a.seq_other_active { - background-image: url("../images/sequence-nav/document-icon-current.png"); - background-position: center; } - nav.sequence-nav ol li a.seq_vertical_inactive, nav.sequence-nav ol li a.seq_problem_inactive { - background-image: url("../images/sequence-nav/list-icon-normal.png"); - background-position: center; } - nav.sequence-nav ol li a.seq_vertical_visited, nav.sequence-nav ol li a.seq_problem_visited { - background-image: url("../images/sequence-nav/list-icon-visited.png"); - background-position: center; } - nav.sequence-nav ol li a.seq_vertical_active, nav.sequence-nav ol li a.seq_problem_active { - background-image: url("../images/sequence-nav/list-icon-current.png"); - background-position: center; } - nav.sequence-nav ol li a p { - background: #333; - color: #fff; - display: none; - line-height: 22.652px; - left: 0px; - opacity: 0; - padding: 6px; - position: absolute; - top: 48px; - text-shadow: 0 -1px 0 black; - -webkit-transition-property: all; - -moz-transition-property: all; - -ms-transition-property: all; - -o-transition-property: all; - transition-property: all; - -webkit-transition-duration: 0.1s; - -moz-transition-duration: 0.1s; - -ms-transition-duration: 0.1s; - -o-transition-duration: 0.1s; - transition-duration: 0.1s; - -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); - -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); - -ms-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); - -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); - transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); - -webkit-transition-delay: 0; - -moz-transition-delay: 0; - -ms-transition-delay: 0; - -o-transition-delay: 0; - transition-delay: 0; - white-space: pre; - z-index: 99; } - nav.sequence-nav ol li a p:empty { - background: none; } - nav.sequence-nav ol li a p:empty::after { - display: none; } - nav.sequence-nav ol li a p::after { - background: #333; - content: " "; - display: block; - height: 10px; - left: 18px; - position: absolute; - top: -5px; - -webkit-transform: rotate(45deg); - -moz-transform: rotate(45deg); - -ms-transform: rotate(45deg); - -o-transform: rotate(45deg); - transform: rotate(45deg); - width: 10px; } - nav.sequence-nav ol li a:hover p { - display: block; - margin-top: 4px; - opacity: 1; } - nav.sequence-nav ul { - list-style: none; - height: 100%; - position: absolute; - right: 0; - top: 0; - width: 8.696%; } - nav.sequence-nav ul li { - float: left; - width: 50%; } - nav.sequence-nav ul li.prev a, nav.sequence-nav ul li.next a { - background-color: #f2e7bf; - background-position: center center; - background-repeat: no-repeat; - border-left: 1px solid #e4d080; - -webkit-box-shadow: inset 1px 0 0 #faf7e9; - -moz-box-shadow: inset 1px 0 0 #faf7e9; - box-shadow: inset 1px 0 0 #faf7e9; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - cursor: pointer; - display: block; - text-indent: -9999px; - -webkit-transition-property: all; - -moz-transition-property: all; - -ms-transition-property: all; - -o-transition-property: all; - transition-property: all; - -webkit-transition-duration: 0.2s; - -moz-transition-duration: 0.2s; - -ms-transition-duration: 0.2s; - -o-transition-duration: 0.2s; - transition-duration: 0.2s; - -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); - -moz-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); - -ms-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); - -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); - transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); - -webkit-transition-delay: 0; - -moz-transition-delay: 0; - -ms-transition-delay: 0; - -o-transition-delay: 0; - transition-delay: 0; } - nav.sequence-nav ul li.prev a:hover, nav.sequence-nav ul li.next a:hover { - opacity: .5; } - nav.sequence-nav ul li.prev a.disabled, nav.sequence-nav ul li.next a.disabled { - cursor: normal; - opacity: .4; } - nav.sequence-nav ul li.prev a { - background-image: url("../images/sequence-nav/previous-icon.png"); } - nav.sequence-nav ul li.prev a:hover { - background-color: #f6efd4; } - nav.sequence-nav ul li.next a { - background-image: url("../images/sequence-nav/next-icon.png"); } - nav.sequence-nav ul li.next a:hover { - background-color: #f6efd4; } - body.touch-based-device nav.sequence-nav ol li a:hover p { - display: none; } - -section.course-content { - position: relative; } - section.course-content ol.vert-mod nav.sequence-nav { - margin-top: -15px; - -webkit-border-radius: 0; - -moz-border-radius: 0; - -ms-border-radius: 0; - -o-border-radius: 0; - border-radius: 0; } - section.course-content nav.sequence-bottom { - margin: 45.304px 0 0; - text-align: center; } - section.course-content nav.sequence-bottom ul { - background-color: #f2e7bf; - background-color: #f2e7bf; - border: 1px solid #e4d080; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; - border-radius: 3px; - -webkit-box-shadow: inset 0 0 0 1px #faf7e9; - -moz-box-shadow: inset 0 0 0 1px #faf7e9; - box-shadow: inset 0 0 0 1px #faf7e9; - display: -moz-inline-box; - -moz-box-orient: vertical; - display: inline-block; - vertical-align: baseline; - zoom: 1; - *display: inline; - *vertical-align: auto; } - section.course-content nav.sequence-bottom ul li { - float: left; } - section.course-content nav.sequence-bottom ul li.prev, section.course-content nav.sequence-bottom ul li.next { - margin-bottom: 0; } - section.course-content nav.sequence-bottom ul li.prev a, section.course-content nav.sequence-bottom ul li.next a { - background-position: center center; - background-repeat: no-repeat; - border-bottom: none; - display: block; - padding: 11.326px 4px; - text-indent: -9999px; - -webkit-transition-property: all; - -moz-transition-property: all; - -ms-transition-property: all; - -o-transition-property: all; - transition-property: all; - -webkit-transition-duration: 0.2s; - -moz-transition-duration: 0.2s; - -ms-transition-duration: 0.2s; - -o-transition-duration: 0.2s; - transition-duration: 0.2s; - -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); - -moz-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); - -ms-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); - -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); - transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); - -webkit-transition-delay: 0; - -moz-transition-delay: 0; - -ms-transition-delay: 0; - -o-transition-delay: 0; - transition-delay: 0; - width: 45px; } - section.course-content nav.sequence-bottom ul li.prev a:hover, section.course-content nav.sequence-bottom ul li.next a:hover { - background-color: #f6efd4; - color: #7e691a; - opacity: .5; - text-decoration: none; } - section.course-content nav.sequence-bottom ul li.prev a.disabled, section.course-content nav.sequence-bottom ul li.next a.disabled { - background-color: #fffffe; - opacity: .4; } - section.course-content nav.sequence-bottom ul li.prev a { - background-image: url("../images/sequence-nav/previous-icon.png"); - border-right: 1px solid #e4d080; } - section.course-content nav.sequence-bottom ul li.prev a:hover { - background-color: none; } - section.course-content nav.sequence-bottom ul li.next a { - background-image: url("../images/sequence-nav/next-icon.png"); } - section.course-content nav.sequence-bottom ul li.next a:hover { - background-color: none; } - -section.course-index header { - max-height: 47px; } - section.course-index header h2 { - white-space: nowrap; } -section.course-index div#accordion h3 { - -webkit-box-shadow: inset 0 1px 0 0 #eeeeee; - -moz-box-shadow: inset 0 1px 0 0 #eeeeee; - box-shadow: inset 0 1px 0 0 #eeeeee; - border-top: 1px solid #d3d3d3; - overflow: hidden; - margin: 0; } - section.course-index div#accordion h3:first-child { - border: none; } - section.course-index div#accordion h3:hover { - background-image: -webkit-linear-gradient(-90deg, #f5f5f5, #e1e1e1); - background-image: -moz-linear-gradient(-90deg, #f5f5f5, #e1e1e1); - background-image: -ms-linear-gradient(-90deg, #f5f5f5, #e1e1e1); - background-image: -o-linear-gradient(-90deg, #f5f5f5, #e1e1e1); - background-image: linear-gradient(-90deg, #f5f5f5, #e1e1e1); } - section.course-index div#accordion h3.ui-accordion-header { - color: #000; } - section.course-index div#accordion h3.ui-accordion-header a { - font-size: 14px; - color: #4d4d4d; } - section.course-index div#accordion h3.ui-accordion-header.ui-state-active { - background-image: -webkit-linear-gradient(-90deg, #f5f5f5, #e1e1e1); - background-image: -moz-linear-gradient(-90deg, #f5f5f5, #e1e1e1); - background-image: -ms-linear-gradient(-90deg, #f5f5f5, #e1e1e1); - background-image: -o-linear-gradient(-90deg, #f5f5f5, #e1e1e1); - background-image: linear-gradient(-90deg, #f5f5f5, #e1e1e1); - border-bottom: 1px solid #d3d3d3; } -section.course-index div#accordion ul.ui-accordion-content { - -webkit-border-radius: 0; - -moz-border-radius: 0; - -ms-border-radius: 0; - -o-border-radius: 0; - border-radius: 0; - -webkit-box-shadow: inset -1px 0 0 #e6e6e6; - -moz-box-shadow: inset -1px 0 0 #e6e6e6; - box-shadow: inset -1px 0 0 #e6e6e6; - background: #dadada; - border: none; - font-size: 12px; - margin: 0; - padding: 1em 1.5em; } - section.course-index div#accordion ul.ui-accordion-content li { - margin-bottom: 11.326px; } - section.course-index div#accordion ul.ui-accordion-content li a { - border: 1px solid transparent; - background: transparent; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - -ms-border-radius: 4px; - -o-border-radius: 4px; - border-radius: 4px; - position: relative; - padding: 5px 36px 5px 10px; - text-decoration: none; - display: block; - color: #666; } - section.course-index div#accordion ul.ui-accordion-content li a p { - font-weight: bold; - margin-bottom: 0; } - section.course-index div#accordion ul.ui-accordion-content li a p span.subtitle { - color: #666; - font-weight: normal; - display: block; } - section.course-index div#accordion ul.ui-accordion-content li a:after { - background: transparent; - border-top: 1px solid #b4b4b4; - border-right: 1px solid #b4b4b4; - content: ""; - display: block; - height: 12px; - margin-top: -6px; - opacity: 0; - position: absolute; - top: 50%; - right: 30px; - -webkit-transform: rotate(45deg); - -moz-transform: rotate(45deg); - -ms-transform: rotate(45deg); - -o-transform: rotate(45deg); - transform: rotate(45deg); - width: 12px; } - section.course-index div#accordion ul.ui-accordion-content li a:hover { - background-image: -webkit-linear-gradient(-90deg, rgba(245, 245, 245, 0.4), rgba(230, 230, 230, 0.4)); - background-image: -moz-linear-gradient(-90deg, rgba(245, 245, 245, 0.4), rgba(230, 230, 230, 0.4)); - background-image: -ms-linear-gradient(-90deg, rgba(245, 245, 245, 0.4), rgba(230, 230, 230, 0.4)); - background-image: -o-linear-gradient(-90deg, rgba(245, 245, 245, 0.4), rgba(230, 230, 230, 0.4)); - background-image: linear-gradient(-90deg, rgba(245, 245, 245, 0.4), rgba(230, 230, 230, 0.4)); - border-color: #c8c8c8; } - section.course-index div#accordion ul.ui-accordion-content li a:hover:after { - opacity: 1; - right: 15px; - -webkit-transition-property: all; - -moz-transition-property: all; - -ms-transition-property: all; - -o-transition-property: all; - transition-property: all; - -webkit-transition-duration: 0.2s; - -moz-transition-duration: 0.2s; - -ms-transition-duration: 0.2s; - -o-transition-duration: 0.2s; - transition-duration: 0.2s; - -webkit-transition-timing-function: linear; - -moz-transition-timing-function: linear; - -ms-transition-timing-function: linear; - -o-transition-timing-function: linear; - transition-timing-function: linear; - -webkit-transition-delay: 0; - -moz-transition-delay: 0; - -ms-transition-delay: 0; - -o-transition-delay: 0; - transition-delay: 0; } - section.course-index div#accordion ul.ui-accordion-content li a:hover > a p { - color: #333; } - section.course-index div#accordion ul.ui-accordion-content li a:active { - -webkit-box-shadow: inset 0 1px 14px 0 rgba(0, 0, 0, 0.1); - -moz-box-shadow: inset 0 1px 14px 0 rgba(0, 0, 0, 0.1); - box-shadow: inset 0 1px 14px 0 rgba(0, 0, 0, 0.1); } - section.course-index div#accordion ul.ui-accordion-content li a:active:after { - opacity: 1; - right: 15px; } - section.course-index div#accordion ul.ui-accordion-content li.active { - font-weight: bold; } - section.course-index div#accordion ul.ui-accordion-content li.active > a { - background: #f0f0f0; - background-image: -webkit-linear-gradient(-90deg, #f5f5f5, #e6e6e6); - background-image: -moz-linear-gradient(-90deg, #f5f5f5, #e6e6e6); - background-image: -ms-linear-gradient(-90deg, #f5f5f5, #e6e6e6); - background-image: -o-linear-gradient(-90deg, #f5f5f5, #e6e6e6); - background-image: linear-gradient(-90deg, #f5f5f5, #e6e6e6); - border-color: #c8c8c8; } - section.course-index div#accordion ul.ui-accordion-content li.active > a:after { - opacity: 1; - right: 15px; } - section.course-index div#accordion ul.ui-accordion-content li.active > a p { - color: #333; } - section.course-index div#accordion ul.ui-accordion-content li.active span.subtitle { - font-weight: normal; } - -@-moz-document url-prefix() { - a.add-fullscreen { - display: none !important; } } - -section.course-content .dullify, section.course-content div.video article.video-wrapper section.video-controls ul.vcr, section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls { - opacity: .4; - -webkit-transition-property: all; - -moz-transition-property: all; - -ms-transition-property: all; - -o-transition-property: all; - transition-property: all; - -webkit-transition-duration: 0.15s; - -moz-transition-duration: 0.15s; - -ms-transition-duration: 0.15s; - -o-transition-duration: 0.15s; - transition-duration: 0.15s; - -webkit-transition-timing-function: ease-out; - -moz-transition-timing-function: ease-out; - -ms-transition-timing-function: ease-out; - -o-transition-timing-function: ease-out; - transition-timing-function: ease-out; - -webkit-transition-delay: 0; - -moz-transition-delay: 0; - -ms-transition-delay: 0; - -o-transition-delay: 0; - transition-delay: 0; } - section.course-content .dullify:hover, section.course-content div.video article.video-wrapper section.video-controls ul.vcr:hover, section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls:hover { - opacity: 1; } -section.course-content div.video { - zoom: 1; - background: #f3f3f3; - border-bottom: 1px solid #e1e1e1; - border-top: 1px solid #e1e1e1; - display: block; - margin: 0 -22.652px; - padding: 6px 22.652px; } - section.course-content div.video:before, section.course-content div.video:after { - content: ""; - display: table; } - section.course-content div.video:after { - clear: both; } - section.course-content div.video article.video-wrapper { - float: left; - margin-right: 2.717%; - width: 65.761%; } - section.course-content div.video article.video-wrapper section.video-player { - height: 0; - overflow: hidden; - padding-bottom: 56.25%; - padding-top: 30px; - position: relative; } - section.course-content div.video article.video-wrapper section.video-player object, section.course-content div.video article.video-wrapper section.video-player iframe { - border: none; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; } - section.course-content div.video article.video-wrapper section.video-controls { - background: #333; - border: 1px solid #000; - border-top: 0; - color: #ccc; - position: relative; } - section.course-content div.video article.video-wrapper section.video-controls:hover ul, section.course-content div.video article.video-wrapper section.video-controls:hover div { - opacity: 1; } - section.course-content div.video article.video-wrapper section.video-controls div.slider { - background: #c2c2c2; - border: none; - border-bottom: 1px solid #000; - -webkit-border-radius: 0; - -moz-border-radius: 0; - -ms-border-radius: 0; - -o-border-radius: 0; - border-radius: 0; - border-top: 1px solid #000; - -webkit-box-shadow: inset 0 1px 0 #eeeeee, 0 1px 0 #555555; - -moz-box-shadow: inset 0 1px 0 #eeeeee, 0 1px 0 #555555; - box-shadow: inset 0 1px 0 #eeeeee, 0 1px 0 #555555; - height: 7px; - -webkit-transition-property: height, 2s, ease-in-out; - -moz-transition-property: height, 2s, ease-in-out; - -ms-transition-property: height, 2s, ease-in-out; - -o-transition-property: height, 2s, ease-in-out; - transition-property: height, 2s, ease-in-out; - -webkit-transition-duration: 0.15s; - -moz-transition-duration: 0.15s; - -ms-transition-duration: 0.15s; - -o-transition-duration: 0.15s; - transition-duration: 0.15s; - -webkit-transition-timing-function: ease-out; - -moz-transition-timing-function: ease-out; - -ms-transition-timing-function: ease-out; - -o-transition-timing-function: ease-out; - transition-timing-function: ease-out; - -webkit-transition-delay: 0; - -moz-transition-delay: 0; - -ms-transition-delay: 0; - -o-transition-delay: 0; - transition-delay: 0; } - section.course-content div.video article.video-wrapper section.video-controls div.slider div.ui-widget-header { - background: #777; - -webkit-box-shadow: inset 0 1px 0 #999999; - -moz-box-shadow: inset 0 1px 0 #999999; - box-shadow: inset 0 1px 0 #999999; } - section.course-content div.video article.video-wrapper section.video-controls div.slider .ui-tooltip.qtip .ui-tooltip-content { - background: #993333; - border: 1px solid #4d1919; - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - -ms-border-radius: 2px; - -o-border-radius: 2px; - border-radius: 2px; - -webkit-box-shadow: inset 0 1px 0 #bf4040; - -moz-box-shadow: inset 0 1px 0 #bf4040; - box-shadow: inset 0 1px 0 #bf4040; - color: #fff; - font: bold 12px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; - margin-bottom: 6px; - margin-right: 0; - overflow: visible; - padding: 4px; - text-align: center; - text-shadow: 0 -1px 0 #732626; - -webkit-font-smoothing: antialiased; } - section.course-content div.video article.video-wrapper section.video-controls div.slider .ui-tooltip.qtip .ui-tooltip-content::after { - background: #993333; - border-bottom: 1px solid #4d1919; - border-right: 1px solid #4d1919; - bottom: -5px; - content: " "; - display: block; - height: 7px; - left: 50%; - margin-left: -3px; - position: absolute; - -webkit-transform: rotate(45deg); - -moz-transform: rotate(45deg); - -ms-transform: rotate(45deg); - -o-transform: rotate(45deg); - transform: rotate(45deg); - width: 7px; } - section.course-content div.video article.video-wrapper section.video-controls div.slider a.ui-slider-handle { - background: #993333 url(../images/slider-handle.png) center center no-repeat; - -webkit-background-size: 50%; - -moz-background-size: 50%; - -ms-background-size: 50%; - -o-background-size: 50%; - background-size: 50%; - border: 1px solid #4d1919; - -webkit-border-radius: 15px; - -moz-border-radius: 15px; - -ms-border-radius: 15px; - -o-border-radius: 15px; - border-radius: 15px; - -webkit-box-shadow: inset 0 1px 0 #bf4040; - -moz-box-shadow: inset 0 1px 0 #bf4040; - box-shadow: inset 0 1px 0 #bf4040; - cursor: pointer; - height: 15px; - margin-left: -7px; - top: -4px; - -webkit-transition-property: height, 2s, ease-in-out; - -moz-transition-property: height, 2s, ease-in-out; - -ms-transition-property: height, 2s, ease-in-out; - -o-transition-property: height, 2s, ease-in-out; - transition-property: height, 2s, ease-in-out; - -webkit-transition-duration: width, 2s, ease-in-out; - -moz-transition-duration: width, 2s, ease-in-out; - -ms-transition-duration: width, 2s, ease-in-out; - -o-transition-duration: width, 2s, ease-in-out; - transition-duration: width, 2s, ease-in-out; - -webkit-transition-timing-function: ease-out; - -moz-transition-timing-function: ease-out; - -ms-transition-timing-function: ease-out; - -o-transition-timing-function: ease-out; - transition-timing-function: ease-out; - -webkit-transition-delay: 0; - -moz-transition-delay: 0; - -ms-transition-delay: 0; - -o-transition-delay: 0; - transition-delay: 0; - width: 15px; } - section.course-content div.video article.video-wrapper section.video-controls div.slider a.ui-slider-handle:focus, section.course-content div.video article.video-wrapper section.video-controls div.slider a.ui-slider-handle:hover { - background-color: #bf4040; - outline: none; } - section.course-content div.video article.video-wrapper section.video-controls ul.vcr { - float: left; - list-style: none; - margin-right: 22.652px; - padding: 0; } - section.course-content div.video article.video-wrapper section.video-controls ul.vcr li { - float: left; - margin-bottom: 0; } - section.course-content div.video article.video-wrapper section.video-controls ul.vcr li a { - border-bottom: none; - border-right: 1px solid #000; - -webkit-box-shadow: 1px 0 0 #555555; - -moz-box-shadow: 1px 0 0 #555555; - box-shadow: 1px 0 0 #555555; - cursor: pointer; - display: block; - line-height: 46px; - padding: 0 16.989px; - text-indent: -9999px; - -webkit-transition-property: background-color; - -moz-transition-property: background-color; - -ms-transition-property: background-color; - -o-transition-property: background-color; - transition-property: background-color; - -webkit-transition-duration: opacity; - -moz-transition-duration: opacity; - -ms-transition-duration: opacity; - -o-transition-duration: opacity; - transition-duration: opacity; - -webkit-transition-timing-function: ease-out; - -moz-transition-timing-function: ease-out; - -ms-transition-timing-function: ease-out; - -o-transition-timing-function: ease-out; - transition-timing-function: ease-out; - -webkit-transition-delay: 0; - -moz-transition-delay: 0; - -ms-transition-delay: 0; - -o-transition-delay: 0; - transition-delay: 0; - width: 14px; - background: url("../images/vcr.png") 15px 15px no-repeat; } - section.course-content div.video article.video-wrapper section.video-controls ul.vcr li a:empty { - height: 46px; - background: url("../images/vcr.png") 15px 15px no-repeat; } - section.course-content div.video article.video-wrapper section.video-controls ul.vcr li a.play { - background-position: 17px -114px; } - section.course-content div.video article.video-wrapper section.video-controls ul.vcr li a.play:hover { - background-color: #444; } - section.course-content div.video article.video-wrapper section.video-controls ul.vcr li a.pause { - background-position: 16px -50px; } - section.course-content div.video article.video-wrapper section.video-controls ul.vcr li a.pause:hover { - background-color: #444; } - section.course-content div.video article.video-wrapper section.video-controls ul.vcr li div.vidtime { - padding-left: 16.989px; - font-weight: bold; - line-height: 46px; - padding-left: 16.989px; - -webkit-font-smoothing: antialiased; } - section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls { - float: right; } - section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds { - float: left; - position: relative; } - section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds.open > a { - background: url("../images/open-arrow.png") 10px center no-repeat; } - section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds.open ol.video_speeds { - display: block; - opacity: 1; } - section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds > a { - background: url("../images/closed-arrow.png") 10px center no-repeat; - border-left: 1px solid #000; - border-right: 1px solid #000; - -webkit-box-shadow: 1px 0 0 #555555, inset 1px 0 0 #555555; - -moz-box-shadow: 1px 0 0 #555555, inset 1px 0 0 #555555; - box-shadow: 1px 0 0 #555555, inset 1px 0 0 #555555; - zoom: 1; - color: #fff; - cursor: pointer; - display: block; - line-height: 46px; - margin-right: 0; - padding-left: 15px; - position: relative; - -webkit-transition-property: all; - -moz-transition-property: all; - -ms-transition-property: all; - -o-transition-property: all; - transition-property: all; - -webkit-transition-duration: 0.15s; - -moz-transition-duration: 0.15s; - -ms-transition-duration: 0.15s; - -o-transition-duration: 0.15s; - transition-duration: 0.15s; - -webkit-transition-timing-function: ease-out; - -moz-transition-timing-function: ease-out; - -ms-transition-timing-function: ease-out; - -o-transition-timing-function: ease-out; - transition-timing-function: ease-out; - -webkit-transition-delay: 0; - -moz-transition-delay: 0; - -ms-transition-delay: 0; - -o-transition-delay: 0; - transition-delay: 0; - -webkit-font-smoothing: antialiased; - width: 110px; } - section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds > a:before, section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds > a:after { - content: ""; - display: table; } - section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds > a:after { - clear: both; } - section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds > a h3 { - color: #999; - float: left; - font-size: 12px; - font-weight: normal; - letter-spacing: 1px; - padding: 0 5.663px 0 11.326px; - text-transform: uppercase; } - section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds > a p.active { - float: left; - font-weight: bold; - margin-bottom: 0; - padding: 0 11.326px 0 0; } - section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds > a:hover, section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds > a:active, section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds > a:focus { - opacity: 1; - background-color: #444; } - section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds ol.video_speeds { - -webkit-box-shadow: inset 1px 0 0 #555555, 0 3px 0 #444444; - -moz-box-shadow: inset 1px 0 0 #555555, 0 3px 0 #444444; - box-shadow: inset 1px 0 0 #555555, 0 3px 0 #444444; - -webkit-transition-property: all; - -moz-transition-property: all; - -ms-transition-property: all; - -o-transition-property: all; - transition-property: all; - -webkit-transition-duration: 0.15s; - -moz-transition-duration: 0.15s; - -ms-transition-duration: 0.15s; - -o-transition-duration: 0.15s; - transition-duration: 0.15s; - -webkit-transition-timing-function: ease-out; - -moz-transition-timing-function: ease-out; - -ms-transition-timing-function: ease-out; - -o-transition-timing-function: ease-out; - transition-timing-function: ease-out; - -webkit-transition-delay: 0; - -moz-transition-delay: 0; - -ms-transition-delay: 0; - -o-transition-delay: 0; - transition-delay: 0; - background-color: #444; - border: 1px solid #000; - bottom: 46px; - display: none; - opacity: 0; - position: absolute; - width: 125px; - z-index: 10; } - section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds ol.video_speeds li { - -webkit-box-shadow: 0 1px 0 #555555; - -moz-box-shadow: 0 1px 0 #555555; - box-shadow: 0 1px 0 #555555; - border-bottom: 1px solid #000; - color: #fff; - cursor: pointer; } - section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds ol.video_speeds li a { - border: 0; - color: #fff; - display: block; - padding: 11.326px; } - section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds ol.video_speeds li a:hover { - background-color: #666; - color: #aaa; } - section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds ol.video_speeds li.active { - font-weight: bold; } - section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds ol.video_speeds li:last-child { - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; - border-bottom: 0; - margin-top: 0; } - section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.volume { - float: left; - position: relative; } - section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.volume.open .volume-slider-container { - display: block; - opacity: 1; } - section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.volume.muted > a { - background: url("../images/mute.png") 10px center no-repeat; } - section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.volume > a { - background: url("../images/volume.png") 10px center no-repeat; - border-right: 1px solid #000; - -webkit-box-shadow: 1px 0 0 #555555, inset 1px 0 0 #555555; - -moz-box-shadow: 1px 0 0 #555555, inset 1px 0 0 #555555; - box-shadow: 1px 0 0 #555555, inset 1px 0 0 #555555; - zoom: 1; - color: #fff; - cursor: pointer; - display: block; - height: 46px; - margin-right: 0; - padding-left: 15px; - position: relative; - -webkit-transition-property: all; - -moz-transition-property: all; - -ms-transition-property: all; - -o-transition-property: all; - transition-property: all; - -webkit-transition-duration: 0.15s; - -moz-transition-duration: 0.15s; - -ms-transition-duration: 0.15s; - -o-transition-duration: 0.15s; - transition-duration: 0.15s; - -webkit-transition-timing-function: ease-out; - -moz-transition-timing-function: ease-out; - -ms-transition-timing-function: ease-out; - -o-transition-timing-function: ease-out; - transition-timing-function: ease-out; - -webkit-transition-delay: 0; - -moz-transition-delay: 0; - -ms-transition-delay: 0; - -o-transition-delay: 0; - transition-delay: 0; - -webkit-font-smoothing: antialiased; - width: 30px; } - section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.volume > a:before, section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.volume > a:after { - content: ""; - display: table; } - section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.volume > a:after { - clear: both; } - section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.volume > a:hover, section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.volume > a:active, section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.volume > a:focus { - background-color: #444; } - section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.volume .volume-slider-container { - -webkit-box-shadow: inset 1px 0 0 #555555, 0 3px 0 #444444; - -moz-box-shadow: inset 1px 0 0 #555555, 0 3px 0 #444444; - box-shadow: inset 1px 0 0 #555555, 0 3px 0 #444444; - -webkit-transition-property: all; - -moz-transition-property: all; - -ms-transition-property: all; - -o-transition-property: all; - transition-property: all; - -webkit-transition-duration: 0.15s; - -moz-transition-duration: 0.15s; - -ms-transition-duration: 0.15s; - -o-transition-duration: 0.15s; - transition-duration: 0.15s; - -webkit-transition-timing-function: ease-out; - -moz-transition-timing-function: ease-out; - -ms-transition-timing-function: ease-out; - -o-transition-timing-function: ease-out; - transition-timing-function: ease-out; - -webkit-transition-delay: 0; - -moz-transition-delay: 0; - -ms-transition-delay: 0; - -o-transition-delay: 0; - transition-delay: 0; - background-color: #444; - border: 1px solid #000; - bottom: 46px; - display: none; - opacity: 0; - position: absolute; - width: 45px; - height: 125px; - margin-left: -1px; - z-index: 10; } - section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.volume .volume-slider-container .volume-slider { - height: 100px; - border: 0; - width: 5px; - margin: 14px auto; - background: #666; - border: 1px solid #000; - -webkit-box-shadow: 0 1px 0 #333333; - -moz-box-shadow: 0 1px 0 #333333; - box-shadow: 0 1px 0 #333333; } - section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.volume .volume-slider-container .volume-slider a.ui-slider-handle { - background: #993333 url(../images/slider-handle.png) center center no-repeat; - -webkit-background-size: 50%; - -moz-background-size: 50%; - -ms-background-size: 50%; - -o-background-size: 50%; - background-size: 50%; - border: 1px solid #4d1919; - -webkit-border-radius: 15px; - -moz-border-radius: 15px; - -ms-border-radius: 15px; - -o-border-radius: 15px; - border-radius: 15px; - -webkit-box-shadow: inset 0 1px 0 #bf4040; - -moz-box-shadow: inset 0 1px 0 #bf4040; - box-shadow: inset 0 1px 0 #bf4040; - cursor: pointer; - height: 15px; - left: -6px; - -webkit-transition-property: height, 2s, ease-in-out; - -moz-transition-property: height, 2s, ease-in-out; - -ms-transition-property: height, 2s, ease-in-out; - -o-transition-property: height, 2s, ease-in-out; - transition-property: height, 2s, ease-in-out; - -webkit-transition-duration: width, 2s, ease-in-out; - -moz-transition-duration: width, 2s, ease-in-out; - -ms-transition-duration: width, 2s, ease-in-out; - -o-transition-duration: width, 2s, ease-in-out; - transition-duration: width, 2s, ease-in-out; - -webkit-transition-timing-function: ease-out; - -moz-transition-timing-function: ease-out; - -ms-transition-timing-function: ease-out; - -o-transition-timing-function: ease-out; - transition-timing-function: ease-out; - -webkit-transition-delay: 0; - -moz-transition-delay: 0; - -ms-transition-delay: 0; - -o-transition-delay: 0; - transition-delay: 0; - width: 15px; } - section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.volume .volume-slider-container .volume-slider .ui-slider-range { - background: #ddd; } - section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls a.add-fullscreen { - background: url(../images/fullscreen.png) center no-repeat; - border-right: 1px solid #000; - -webkit-box-shadow: 1px 0 0 #555555, inset 1px 0 0 #555555; - -moz-box-shadow: 1px 0 0 #555555, inset 1px 0 0 #555555; - box-shadow: 1px 0 0 #555555, inset 1px 0 0 #555555; - color: #797979; - display: block; - float: left; - line-height: 46px; - margin-left: 0; - padding: 0 11.326px; - text-indent: -9999px; - -webkit-transition-property: all; - -moz-transition-property: all; - -ms-transition-property: all; - -o-transition-property: all; - transition-property: all; - -webkit-transition-duration: 0.15s; - -moz-transition-duration: 0.15s; - -ms-transition-duration: 0.15s; - -o-transition-duration: 0.15s; - transition-duration: 0.15s; - -webkit-transition-timing-function: ease-out; - -moz-transition-timing-function: ease-out; - -ms-transition-timing-function: ease-out; - -o-transition-timing-function: ease-out; - transition-timing-function: ease-out; - -webkit-transition-delay: 0; - -moz-transition-delay: 0; - -ms-transition-delay: 0; - -o-transition-delay: 0; - transition-delay: 0; - width: 30px; } - section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls a.add-fullscreen:hover { - background-color: #444; - color: #fff; - text-decoration: none; } - section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls a.hide-subtitles { - background: url("../images/cc.png") center no-repeat; - color: #797979; - display: block; - float: left; - font-weight: 800; - line-height: 46px; - margin-left: 0; - opacity: 1; - padding: 0 11.326px; - position: relative; - text-indent: -9999px; - -webkit-transition-property: all; - -moz-transition-property: all; - -ms-transition-property: all; - -o-transition-property: all; - transition-property: all; - -webkit-transition-duration: 0.15s; - -moz-transition-duration: 0.15s; - -ms-transition-duration: 0.15s; - -o-transition-duration: 0.15s; - transition-duration: 0.15s; - -webkit-transition-timing-function: ease-out; - -moz-transition-timing-function: ease-out; - -ms-transition-timing-function: ease-out; - -o-transition-timing-function: ease-out; - transition-timing-function: ease-out; - -webkit-transition-delay: 0; - -moz-transition-delay: 0; - -ms-transition-delay: 0; - -o-transition-delay: 0; - transition-delay: 0; - -webkit-font-smoothing: antialiased; - width: 30px; } - section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls a.hide-subtitles:hover { - background-color: #444; - color: #fff; - text-decoration: none; } - section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls a.hide-subtitles.off { - opacity: .7; } - section.course-content div.video article.video-wrapper:hover section.video-controls ul, section.course-content div.video article.video-wrapper:hover section.video-controls div { - opacity: 1; } - section.course-content div.video article.video-wrapper:hover section.video-controls div.slider { - height: 14px; - margin-top: -7px; } - section.course-content div.video article.video-wrapper:hover section.video-controls div.slider a.ui-slider-handle { - -webkit-border-radius: 20px; - -moz-border-radius: 20px; - -ms-border-radius: 20px; - -o-border-radius: 20px; - border-radius: 20px; - height: 20px; - margin-left: -10px; - top: -4px; - width: 20px; } - section.course-content div.video ol.subtitles { - float: left; - max-height: 460px; - overflow: auto; - width: 31.522%; } - section.course-content div.video ol.subtitles li { - border: 0; - color: #666; - cursor: pointer; - margin-bottom: 8px; - padding: 0; } - section.course-content div.video ol.subtitles li.current { - color: #333; - font-weight: 700; } - section.course-content div.video ol.subtitles li:hover { - color: #993333; } - section.course-content div.video ol.subtitles li:empty { - margin-bottom: 0px; } - section.course-content div.video.closed article.video-wrapper { - width: 100%; } - section.course-content div.video.closed ol.subtitles { - width: 0px; } - section.course-content div.video.fullscreen { - background: rgba(0, 0, 0, 0.95); - border: 0; - bottom: 0; - height: 100%; - left: 0; - margin: 0; - max-height: 100%; - overflow: hidden; - padding: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; } - section.course-content div.video.fullscreen.closed ol.subtitles { - right: -31.984%; - width: auto; } - section.course-content div.video.fullscreen a.exit { - color: #aaa; - display: none; - font-style: 12px; - left: 20px; - letter-spacing: 1px; - position: absolute; - text-transform: uppercase; - top: 20px; } - section.course-content div.video.fullscreen a.exit::after { - content: "✖"; - display: -moz-inline-box; - -moz-box-orient: vertical; - display: inline-block; - vertical-align: baseline; - zoom: 1; - *display: inline; - *vertical-align: auto; - padding-left: 6px; } - section.course-content div.video.fullscreen a.exit:hover { - color: #993333; } - section.course-content div.video.fullscreen div.tc-wrapper article.video-wrapper { - width: 100%; } - section.course-content div.video.fullscreen div.tc-wrapper object, section.course-content div.video.fullscreen div.tc-wrapper iframe { - bottom: 0; - height: 100%; - left: 0; - overflow: hidden; - position: fixed; - top: 0; } - section.course-content div.video.fullscreen div.tc-wrapper section.video-controls { - bottom: 0; - left: 0; - position: absolute; - width: 100%; - z-index: 9999; } - section.course-content div.video.fullscreen ol.subtitles { - background: rgba(0, 0, 0, 0.8); - bottom: 0; - height: 100%; - max-height: 100%; - max-width: 23.482%; - padding: 22.652px; - position: fixed; - right: 0; - top: 0; - -webkit-transition-property: all; - -moz-transition-property: all; - -ms-transition-property: all; - -o-transition-property: all; - transition-property: all; - -webkit-transition-duration: 0.15s; - -moz-transition-duration: 0.15s; - -ms-transition-duration: 0.15s; - -o-transition-duration: 0.15s; - transition-duration: 0.15s; - -webkit-transition-timing-function: ease-out; - -moz-transition-timing-function: ease-out; - -ms-transition-timing-function: ease-out; - -o-transition-timing-function: ease-out; - transition-timing-function: ease-out; - -webkit-transition-delay: 0; - -moz-transition-delay: 0; - -ms-transition-delay: 0; - -o-transition-delay: 0; - transition-delay: 0; } - section.course-content div.video.fullscreen ol.subtitles li { - color: #aaa; } - section.course-content div.video.fullscreen ol.subtitles li.current { - color: #fff; } - -div.course-wrapper.closed section.course-content div.video ol.subtitles { - max-height: 577px; } - -section.tool-wrapper { - background: #073642; - border-bottom: 1px solid #000203; - border-top: 1px solid #000203; - -webkit-box-shadow: inset 0 0 0 4px #084150; - -moz-box-shadow: inset 0 0 0 4px #084150; - box-shadow: inset 0 0 0 4px #084150; - color: #839496; - display: table; - margin: 22.652px -22.652px 0; } - section.tool-wrapper div#graph-container { - background: none; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - display: table-cell; - padding: 22.652px; - vertical-align: top; - width: 51.359%; } - section.tool-wrapper div#graph-container .ui-widget-content { - background: none; - border: none; - -webkit-border-radius: 0; - -moz-border-radius: 0; - -ms-border-radius: 0; - -o-border-radius: 0; - border-radius: 0; } - section.tool-wrapper div#graph-container canvas { - width: 100%; } - section.tool-wrapper div#graph-container ul.ui-tabs-nav { - background: #062e39; - border-bottom: 1px solid #03181d; - -webkit-border-radius: 0; - -moz-border-radius: 0; - -ms-border-radius: 0; - -o-border-radius: 0; - border-radius: 0; - margin: -22.652px -22.652px 0; - padding: 0; - position: relative; - width: 110%; } - section.tool-wrapper div#graph-container ul.ui-tabs-nav li { - background: none; - border: none; - -webkit-border-radius: 0; - -moz-border-radius: 0; - -ms-border-radius: 0; - -o-border-radius: 0; - border-radius: 0; - color: #fff; - margin-bottom: 0; } - section.tool-wrapper div#graph-container ul.ui-tabs-nav li.ui-tabs-selected { - background-color: #073642; - border-left: 1px solid #03181d; - border-right: 1px solid #03181d; } - section.tool-wrapper div#graph-container ul.ui-tabs-nav li.ui-tabs-selected:first-child { - border-left: none; } - section.tool-wrapper div#graph-container ul.ui-tabs-nav li.ui-tabs-selected a { - color: #eee8d5; } - section.tool-wrapper div#graph-container ul.ui-tabs-nav li a { - border: none; - color: #839496; - font: bold 12px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; - letter-spacing: 1px; - text-transform: uppercase; } - section.tool-wrapper div#graph-container ul.ui-tabs-nav li a:hover { - color: #eee8d5; } - section.tool-wrapper div#controlls-container { - background: #062e39; - border-right: 1px solid #001317; - -webkit-box-shadow: 1px 0 0 #004355, inset 0 0 0 4px #06323d; - -moz-box-shadow: 1px 0 0 #004355, inset 0 0 0 4px #06323d; - box-shadow: 1px 0 0 #004355, inset 0 0 0 4px #06323d; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - display: table-cell; - padding: 22.652px; - vertical-align: top; - width: 48.641%; } - section.tool-wrapper div#controlls-container div.graph-controls div.music-wrapper { - border-bottom: 1px solid #021014; - -webkit-box-shadow: 0 1px 0 #083e4b; - -moz-box-shadow: 0 1px 0 #083e4b; - box-shadow: 0 1px 0 #083e4b; - margin-bottom: 22.652px; - padding: 0 0 22.652px; } - section.tool-wrapper div#controlls-container div.graph-controls div.music-wrapper input#playButton { - border-color: #001317; - border: 1px solid #3d5962; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; - border-radius: 3px; - -webkit-box-shadow: inset 0 1px 0 0 #939da0; - -moz-box-shadow: inset 0 1px 0 0 #939da0; - box-shadow: inset 0 1px 0 0 #939da0; - color: white; - display: inline; - font-size: 11px; - font-weight: bold; - background-color: #637c84; - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #637c84), color-stop(100%, #43626b)); - background-image: -webkit-linear-gradient(top, #637c84, #43626b); - background-image: -moz-linear-gradient(top, #637c84, #43626b); - background-image: -ms-linear-gradient(top, #637c84, #43626b); - background-image: -o-linear-gradient(top, #637c84, #43626b); - background-image: linear-gradient(top, #637c84, #43626b); - padding: 6px 18px 7px; - text-shadow: 0 1px 0 #31505a; - -webkit-background-clip: padding-box; - display: block; - float: right; - font: bold 14px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; } - section.tool-wrapper div#controlls-container div.graph-controls div.music-wrapper input#playButton:hover { - -webkit-box-shadow: inset 0 1px 0 0 #778589; - -moz-box-shadow: inset 0 1px 0 0 #778589; - box-shadow: inset 0 1px 0 0 #778589; - cursor: pointer; - background-color: #5c6c71; - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5c6c71), color-stop(100%, #3e5961)); - background-image: -webkit-linear-gradient(top, #5c6c71, #3e5961); - background-image: -moz-linear-gradient(top, #5c6c71, #3e5961); - background-image: -ms-linear-gradient(top, #5c6c71, #3e5961); - background-image: -o-linear-gradient(top, #5c6c71, #3e5961); - background-image: linear-gradient(top, #5c6c71, #3e5961); } - section.tool-wrapper div#controlls-container div.graph-controls div.music-wrapper input#playButton:active { - border: 1px solid #3d5962; - -webkit-box-shadow: inset 0 0 8px 4px #395057, inset 0 0 8px 4px #395057, 0 1px 1px 0 #eeeeee; - -moz-box-shadow: inset 0 0 8px 4px #395057, inset 0 0 8px 4px #395057, 0 1px 1px 0 #eeeeee; - box-shadow: inset 0 0 8px 4px #395057, inset 0 0 8px 4px #395057, 0 1px 1px 0 #eeeeee; } - section.tool-wrapper div#controlls-container div.graph-controls div.music-wrapper input#playButton:active { - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; } - section.tool-wrapper div#controlls-container div.graph-controls div.music-wrapper input#playButton[value="Stop"] { - border: 1px solid #030d15; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; - border-radius: 3px; - -webkit-box-shadow: inset 0 1px 0 0 #215f8a; - -moz-box-shadow: inset 0 1px 0 0 #215f8a; - box-shadow: inset 0 1px 0 0 #215f8a; - color: white; - display: inline; - font-size: 11px; - font-weight: bold; - background-color: #0f3550; - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0f3550), color-stop(100%, #041623)); - background-image: -webkit-linear-gradient(top, #0f3550, #041623); - background-image: -moz-linear-gradient(top, #0f3550, #041623); - background-image: -ms-linear-gradient(top, #0f3550, #041623); - background-image: -o-linear-gradient(top, #0f3550, #041623); - background-image: linear-gradient(top, #0f3550, #041623); - padding: 6px 18px 7px; - text-shadow: 0 1px 0 #000203; - -webkit-background-clip: padding-box; - font: bold 14px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; } - section.tool-wrapper div#controlls-container div.graph-controls div.music-wrapper input#playButton[value="Stop"]:hover { - -webkit-box-shadow: inset 0 1px 0 0 #174362; - -moz-box-shadow: inset 0 1px 0 0 #174362; - box-shadow: inset 0 1px 0 0 #174362; - cursor: pointer; - background-color: #0c2739; - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0c2739), color-stop(100%, #030d15)); - background-image: -webkit-linear-gradient(top, #0c2739, #030d15); - background-image: -moz-linear-gradient(top, #0c2739, #030d15); - background-image: -ms-linear-gradient(top, #0c2739, #030d15); - background-image: -o-linear-gradient(top, #0c2739, #030d15); - background-image: linear-gradient(top, #0c2739, #030d15); } - section.tool-wrapper div#controlls-container div.graph-controls div.music-wrapper input#playButton[value="Stop"]:active { - border: 1px solid #030d15; - -webkit-box-shadow: inset 0 0 8px 4px #010507, inset 0 0 8px 4px #010507, 0 1px 1px 0 #eeeeee; - -moz-box-shadow: inset 0 0 8px 4px #010507, inset 0 0 8px 4px #010507, 0 1px 1px 0 #eeeeee; - box-shadow: inset 0 0 8px 4px #010507, inset 0 0 8px 4px #010507, 0 1px 1px 0 #eeeeee; } - section.tool-wrapper div#controlls-container div.graph-controls div.music-wrapper input#playButton[value="Stop"]:active { - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; } - section.tool-wrapper div#controlls-container div.graph-controls div.inputs-wrapper { - border-bottom: 1px solid #021014; - -webkit-box-shadow: 0 1px 0 #083e4b; - -moz-box-shadow: 0 1px 0 #083e4b; - box-shadow: 0 1px 0 #083e4b; - zoom: 1; - margin-bottom: 22.652px; - margin-bottom: 22.652px; - padding: 0 0 22.652px; } - section.tool-wrapper div#controlls-container div.graph-controls div.inputs-wrapper:before, section.tool-wrapper div#controlls-container div.graph-controls div.inputs-wrapper:after { - content: ""; - display: table; } - section.tool-wrapper div#controlls-container div.graph-controls div.inputs-wrapper:after { - clear: both; } - section.tool-wrapper div#controlls-container div.graph-controls p { - font-weight: bold; - display: -moz-inline-box; - -moz-box-orient: vertical; - display: inline-block; - vertical-align: baseline; - zoom: 1; - *display: inline; - *vertical-align: auto; - margin: 0; - text-shadow: 0 -1px 0 #021014; - -webkit-font-smoothing: antialiased; } - section.tool-wrapper div#controlls-container div.graph-controls ul { - display: -moz-inline-box; - -moz-box-orient: vertical; - display: inline-block; - vertical-align: baseline; - zoom: 1; - *display: inline; - *vertical-align: auto; - margin-bottom: 0; } - section.tool-wrapper div#controlls-container div.graph-controls ul li { - display: -moz-inline-box; - -moz-box-orient: vertical; - display: inline-block; - vertical-align: baseline; - zoom: 1; - *display: inline; - *vertical-align: auto; - margin-bottom: 0; } - section.tool-wrapper div#controlls-container div.graph-controls ul li input { - margin-right: 5px; } - section.tool-wrapper div#controlls-container div.graph-controls div#graph-listen { - display: block; - float: left; - margin-bottom: 0; - margin-right: 20px; - margin-top: 8px; - text-align: right; } - section.tool-wrapper div#controlls-container label { - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - -ms-border-radius: 2px; - -o-border-radius: 2px; - border-radius: 2px; - color: #fff; - font-weight: bold; - padding: 3px; - -webkit-font-smoothing: antialiased; } - section.tool-wrapper div#controlls-container label[for="vinCheckbox"], section.tool-wrapper div#controlls-container label[for="vinRadioButton"] { - color: #409fbf; } - section.tool-wrapper div#controlls-container label[for="voutCheckbox"], section.tool-wrapper div#controlls-container label[for="voutRadioButton"] { - color: #e1a600; } - section.tool-wrapper div#controlls-container label[for="vrCheckbox"], section.tool-wrapper div#controlls-container label[for="vrRadioButton"] { - color: #49c944; } - section.tool-wrapper div#controlls-container label[for="vcCheckbox"], section.tool-wrapper div#controlls-container label[for="vcRadioButton"] { - color: #e1a600; } - section.tool-wrapper div#controlls-container label[for="vlCheckbox"], section.tool-wrapper div#controlls-container label[for="vlRadioButton"] { - color: #a26784; } - section.tool-wrapper div#controlls-container div.schematic-sliders div.top-sliders { - border-bottom: 1px solid #021014; - -webkit-box-shadow: 0 1px 0 #083e4b; - -moz-box-shadow: 0 1px 0 #083e4b; - box-shadow: 0 1px 0 #083e4b; - margin-bottom: 22.652px; - padding: 0 0 22.652px; } - section.tool-wrapper div#controlls-container div.schematic-sliders div.top-sliders select#musicTypeSelect { - font: 16px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; - display: -moz-inline-box; - -moz-box-orient: vertical; - display: inline-block; - vertical-align: baseline; - zoom: 1; - *display: inline; - *vertical-align: auto; - margin-bottom: 0; } - section.tool-wrapper div#controlls-container div.schematic-sliders div.top-sliders p { - font-weight: bold; - display: -moz-inline-box; - -moz-box-orient: vertical; - display: inline-block; - vertical-align: baseline; - zoom: 1; - *display: inline; - *vertical-align: auto; - margin: 0 11.326px 22.652px 0; - text-shadow: 0 -1px 0 #021014; - -webkit-font-smoothing: antialiased; } - section.tool-wrapper div#controlls-container div.schematic-sliders div.slider-label { - font-weight: bold; - margin-bottom: 11.326px; - text-shadow: 0 -1px 0 #021014; - -webkit-font-smoothing: antialiased; } - section.tool-wrapper div#controlls-container div.schematic-sliders div.slider { - margin-bottom: 22.652px; } - section.tool-wrapper div#controlls-container div.schematic-sliders div.slider.ui-slider-horizontal { - background: #00232c; - border: 1px solid #000b0d; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; - height: 0.4em; } - section.tool-wrapper div#controlls-container div.schematic-sliders div.slider .ui-slider-handle { - background: #637c84 url("../images/amplifier-slider-handle.png") center no-repeat; - border: 1px solid #000b0d; - -webkit-box-shadow: inset 0 1px 0 #8ba1a8; - -moz-box-shadow: inset 0 1px 0 #8ba1a8; - box-shadow: inset 0 1px 0 #8ba1a8; - margin-top: -0.3em; } - section.tool-wrapper div#controlls-container div.schematic-sliders div.slider .ui-slider-handle:hover, section.tool-wrapper div#controlls-container div.schematic-sliders div.slider .ui-slider-handle:active { - background-color: #6e8992; } - -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; } } - -div.info-wrapper section.updates > p { - margin-bottom: 22.652px; } -div.info-wrapper section.updates > ol { - list-style: none; } - div.info-wrapper section.updates > ol > li { - border-bottom: 1px solid #e3e3e3; - margin-bottom: 11.326px; - padding-bottom: 11.326px; - list-style-type: disk; } - div.info-wrapper section.updates > ol > li:first-child { - background: #f6efd4; - border-bottom: 1px solid #eddfaa; - margin: 0 -11.326px 22.652px; - padding: 11.326px; } - div.info-wrapper section.updates > ol > li ol, div.info-wrapper section.updates > ol > li ul { - margin: 22.652px 0 0 22.652px; - list-style-type: circle; } - div.info-wrapper section.updates > ol > li h2 { - float: left; - margin: 0 2.024% 0 0; - width: 20.109%; } - div.info-wrapper section.updates > ol > li section.update-description { - float: left; - margin-bottom: 0; - width: 77.174%; } - div.info-wrapper section.updates > ol > li section.update-description li { - margin-bottom: 11.326px; } - div.info-wrapper section.updates > ol > li section.update-description p:last-child { - margin-bottom: 0; } -div.info-wrapper section.handouts { - border-left: 1px solid #d3d3d3; - -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; - border-right: 0; } - div.info-wrapper section.handouts header { - padding: 11.326px 16.989px; } - div.info-wrapper section.handouts header h1 { - font-size: 18px; - margin: 0; } - div.info-wrapper section.handouts header p { - color: #666; - font-size: 12px; - margin-bottom: 0; - margin-top: 4px; } - div.info-wrapper section.handouts ol { - background: none; - list-style: none; } - div.info-wrapper section.handouts ol li { - background: none; - border-bottom: 1px solid #d3d3d3; - -webkit-box-shadow: 0 1px 0 #eeeeee; - -moz-box-shadow: 0 1px 0 #eeeeee; - box-shadow: 0 1px 0 #eeeeee; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - padding: 7px 16.989px; - position: relative; } - div.info-wrapper section.handouts ol li.expandable h4, div.info-wrapper section.handouts ol li.collapsable h4 { - font-style: 14px; - font-weight: normal; - padding-left: 18px; } - div.info-wrapper section.handouts ol li ul { - background: none; - margin: 7px -16.989px 0; } - div.info-wrapper section.handouts ol li ul li { - border-bottom: 0; - border-top: 1px solid #d3d3d3; - -webkit-box-shadow: inset 0 1px 0 #eeeeee; - -moz-box-shadow: inset 0 1px 0 #eeeeee; - box-shadow: inset 0 1px 0 #eeeeee; - padding-left: 34.989px; } - div.info-wrapper section.handouts ol li:hover { - background-color: #e9e9e9; } - div.info-wrapper section.handouts ol li div.hitarea { - background-image: url("../images/treeview-default.gif"); - display: block; - height: 100%; - left: 16.989px; - margin-left: 0; - max-height: 20px; - position: absolute; - width: 100%; } - div.info-wrapper section.handouts ol li div.hitarea:hover { - opacity: 0.6; - filter: alpha(opacity=60); } - div.info-wrapper section.handouts ol li div.hitarea.expandable-hitarea { - background-position: -80px 1px; } - div.info-wrapper section.handouts ol li div.hitarea.collapsable-hitarea { - background-position: -64px -21px; } - div.info-wrapper section.handouts ol li h3 { - border-bottom: 0; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; - color: #999; - font-size: 12px; - font-weight: bold; - text-transform: uppercase; } - div.info-wrapper section.handouts ol li p { - font-size: 14px; - letter-spacing: 0; - margin: 0; - text-transform: none; } - div.info-wrapper section.handouts ol li p a { - padding-right: 8px; } - div.info-wrapper section.handouts ol li p a:before { - color: #ccc; - content: "•"; - display: -moz-inline-box; - -moz-box-orient: vertical; - display: inline-block; - vertical-align: baseline; - zoom: 1; - *display: inline; - *vertical-align: auto; - padding-right: 8px; } - div.info-wrapper section.handouts ol li p a:first-child:before { - content: ""; - padding-right: 0; } - div.info-wrapper section.handouts ol li a { - color: #4d4d4d; - display: -moz-inline-box; - -moz-box-orient: vertical; - display: inline-block; - vertical-align: baseline; - zoom: 1; - *display: inline; - *vertical-align: auto; - text-decoration: none; - -webkit-transition-property: all; - -moz-transition-property: all; - -ms-transition-property: all; - -o-transition-property: all; - transition-property: all; - -webkit-transition-duration: 0.15s; - -moz-transition-duration: 0.15s; - -ms-transition-duration: 0.15s; - -o-transition-duration: 0.15s; - transition-duration: 0.15s; - -webkit-transition-timing-function: ease-out; - -moz-transition-timing-function: ease-out; - -ms-transition-timing-function: ease-out; - -o-transition-timing-function: ease-out; - transition-timing-function: ease-out; - -webkit-transition-delay: 0; - -moz-transition-delay: 0; - -ms-transition-delay: 0; - -o-transition-delay: 0; - transition-delay: 0; } - div.info-wrapper section.handouts ol li a:hover { - color: #993333; } - -/* - * jQuery UI CSS Framework 1.8.16 - * - * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Theming/API - */ -/* Layout helpers -----------------------------------*/ -.ui-helper-hidden { - display: none; } - -.ui-helper-hidden-accessible { - position: absolute !important; - clip: rect(1px 1px 1px 1px); - clip: rect(1px, 1px, 1px, 1px); } - -.ui-helper-reset { - margin: 0; - padding: 0; - border: 0; - outline: 0; - line-height: 1.3; - text-decoration: none; - font-size: 100%; - list-style: none; } - -.ui-helper-clearfix:after { - content: "."; - display: block; - height: 0; - clear: both; - visibility: hidden; } - -.ui-helper-clearfix { - display: inline-block; } - -/* required comment for clearfix to work in Opera \*/ -* html .ui-helper-clearfix { - height: 1%; } - -.ui-helper-clearfix { - display: block; } - -/* end clearfix */ -.ui-helper-zfix { - width: 100%; - height: 100%; - top: 0; - left: 0; - position: absolute; - opacity: 0; - filter: Alpha(Opacity=0); } - -/* Interaction Cues -----------------------------------*/ -.ui-state-disabled { - cursor: default !important; } - -/* Icons -----------------------------------*/ -/* states and images */ -.ui-icon { - display: block; - text-indent: -99999px; - overflow: hidden; - background-repeat: no-repeat; } - -/* Misc visuals -----------------------------------*/ -/* Overlays */ -.ui-widget-overlay { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; } - -/* - * jQuery UI CSS Framework 1.8.16 - * - * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Theming/API - * - * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Helvetica,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=2px&bgColorHeader=7fbcfd&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=50&borderColorHeader=dae5c9&fcHeader=031634&iconColorHeader=031634&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=dae5c9&fcContent=031634&iconColorContent=adcc80&bgColorDefault=7fbcdf&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=100&borderColorDefault=dae5c9&fcDefault=7a994c&iconColorDefault=adcc80&bgColorHover=bddeff&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=25&borderColorHover=7fbcdf&fcHover=7a994c&iconColorHover=adcc80&bgColorActive=023063&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=dae5c9&fcActive=dae5c9&iconColorActive=454545&bgColorHighlight=ffffff&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=cccccc&fcHighlight=444444&iconColorHighlight=adcc80&bgColorError=ffffff&bgTextureError=01_flat.png&bgImgOpacityError=55&borderColorError=fa720a&fcError=222222&iconColorError=fa720a&bgColorOverlay=eeeeee&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=80&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=60&thicknessShadow=4px&offsetTopShadow=-4px&offsetLeftShadow=-4px&cornerRadiusShadow=0px - */ -/* Component containers -----------------------------------*/ -.ui-widget { - font-family: Helvetica, Arial, sans-serif; - font-size: 1.1em; } - -.ui-widget .ui-widget { - font-size: 1em; } - -.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { - font-family: Helvetica, Arial, sans-serif; - font-size: 1em; } - -.ui-widget-content { - border: 1px solid #dae5c9; - background: white url(../images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; - color: #031634; } - -.ui-widget-content a { - color: #031634; } - -.ui-widget-header { - border: 1px solid #dae5c9; - background: #7fbcfd url(../images/ui-bg_highlight-soft_50_7fbcfd_1x100.png) 50% 50% repeat-x; - color: #031634; - font-weight: bold; } - -.ui-widget-header a { - color: #031634; } - -/* Interaction states -----------------------------------*/ -.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { - border: 1px solid #dae5c9; - background: #7fbcdf url(../images/ui-bg_highlight-soft_100_7fbcdf_1x100.png) 50% 50% repeat-x; - font-weight: bold; - color: #7a994c; } - -.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { - color: #7a994c; - text-decoration: none; } - -.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { - border: 1px solid #7fbcdf; - background: #bddeff url(../images/ui-bg_highlight-soft_25_bddeff_1x100.png) 50% 50% repeat-x; - font-weight: bold; - color: #7a994c; } - -.ui-state-hover a, .ui-state-hover a:hover { - color: #7a994c; - text-decoration: none; } - -.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { - border: 1px solid #dae5c9; - background: #023063 url(../images/ui-bg_glass_65_023063_1x400.png) 50% 50% repeat-x; - font-weight: bold; - color: #dae5c9; } - -.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { - color: #dae5c9; - text-decoration: none; } - -.ui-widget :active { - outline: none; } - -/* Interaction Cues -----------------------------------*/ -.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { - border: 1px solid #cccccc; - background: white url(../images/ui-bg_flat_55_ffffff_40x100.png) 50% 50% repeat-x; - color: #444444; } - -.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { - color: #444444; } - -.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { - border: 1px solid #fa720a; - background: white url(../images/ui-bg_flat_55_ffffff_40x100.png) 50% 50% repeat-x; - color: #222222; } - -.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { - color: #222222; } - -.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { - color: #222222; } - -.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { - font-weight: bold; } - -.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { - opacity: .7; - filter: Alpha(Opacity=70); - font-weight: normal; } - -.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { - opacity: .35; - filter: Alpha(Opacity=35); - background-image: none; } - -/* Icons -----------------------------------*/ -/* states and images */ -.ui-icon { - width: 16px; - height: 16px; - background-image: url(../images/ui-icons_adcc80_256x240.png); } - -.ui-widget-content .ui-icon { - background-image: url(../images/ui-icons_adcc80_256x240.png); } - -.ui-widget-header .ui-icon { - background-image: url(../images/ui-icons_031634_256x240.png); } - -.ui-state-default .ui-icon { - background-image: url(../images/ui-icons_adcc80_256x240.png); } - -.ui-state-hover .ui-icon, .ui-state-focus .ui-icon { - background-image: url(../images/ui-icons_adcc80_256x240.png); } - -.ui-state-active .ui-icon { - background-image: url(../images/ui-icons_454545_256x240.png); } - -.ui-state-highlight .ui-icon { - background-image: url(../images/ui-icons_adcc80_256x240.png); } - -.ui-state-error .ui-icon, .ui-state-error-text .ui-icon { - background-image: url(../images/ui-icons_fa720a_256x240.png); } - -/* positioning */ -.ui-icon-carat-1-n { - background-position: 0 0; } - -.ui-icon-carat-1-ne { - background-position: -16px 0; } - -.ui-icon-carat-1-e { - background-position: -32px 0; } - -.ui-icon-carat-1-se { - background-position: -48px 0; } - -.ui-icon-carat-1-s { - background-position: -64px 0; } - -.ui-icon-carat-1-sw { - background-position: -80px 0; } - -.ui-icon-carat-1-w { - background-position: -96px 0; } - -.ui-icon-carat-1-nw { - background-position: -112px 0; } - -.ui-icon-carat-2-n-s { - background-position: -128px 0; } - -.ui-icon-carat-2-e-w { - background-position: -144px 0; } - -.ui-icon-triangle-1-n { - background-position: 0 -16px; } - -.ui-icon-triangle-1-ne { - background-position: -16px -16px; } - -.ui-icon-triangle-1-e { - background-position: -32px -16px; } - -.ui-icon-triangle-1-se { - background-position: -48px -16px; } - -.ui-icon-triangle-1-s { - background-position: -64px -16px; } - -.ui-icon-triangle-1-sw { - background-position: -80px -16px; } - -.ui-icon-triangle-1-w { - background-position: -96px -16px; } - -.ui-icon-triangle-1-nw { - background-position: -112px -16px; } - -.ui-icon-triangle-2-n-s { - background-position: -128px -16px; } - -.ui-icon-triangle-2-e-w { - background-position: -144px -16px; } - -.ui-icon-arrow-1-n { - background-position: 0 -32px; } - -.ui-icon-arrow-1-ne { - background-position: -16px -32px; } - -.ui-icon-arrow-1-e { - background-position: -32px -32px; } - -.ui-icon-arrow-1-se { - background-position: -48px -32px; } - -.ui-icon-arrow-1-s { - background-position: -64px -32px; } - -.ui-icon-arrow-1-sw { - background-position: -80px -32px; } - -.ui-icon-arrow-1-w { - background-position: -96px -32px; } - -.ui-icon-arrow-1-nw { - background-position: -112px -32px; } - -.ui-icon-arrow-2-n-s { - background-position: -128px -32px; } - -.ui-icon-arrow-2-ne-sw { - background-position: -144px -32px; } - -.ui-icon-arrow-2-e-w { - background-position: -160px -32px; } - -.ui-icon-arrow-2-se-nw { - background-position: -176px -32px; } - -.ui-icon-arrowstop-1-n { - background-position: -192px -32px; } - -.ui-icon-arrowstop-1-e { - background-position: -208px -32px; } - -.ui-icon-arrowstop-1-s { - background-position: -224px -32px; } - -.ui-icon-arrowstop-1-w { - background-position: -240px -32px; } - -.ui-icon-arrowthick-1-n { - background-position: 0 -48px; } - -.ui-icon-arrowthick-1-ne { - background-position: -16px -48px; } - -.ui-icon-arrowthick-1-e { - background-position: -32px -48px; } - -.ui-icon-arrowthick-1-se { - background-position: -48px -48px; } - -.ui-icon-arrowthick-1-s { - background-position: -64px -48px; } - -.ui-icon-arrowthick-1-sw { - background-position: -80px -48px; } - -.ui-icon-arrowthick-1-w { - background-position: -96px -48px; } - -.ui-icon-arrowthick-1-nw { - background-position: -112px -48px; } - -.ui-icon-arrowthick-2-n-s { - background-position: -128px -48px; } - -.ui-icon-arrowthick-2-ne-sw { - background-position: -144px -48px; } - -.ui-icon-arrowthick-2-e-w { - background-position: -160px -48px; } - -.ui-icon-arrowthick-2-se-nw { - background-position: -176px -48px; } - -.ui-icon-arrowthickstop-1-n { - background-position: -192px -48px; } - -.ui-icon-arrowthickstop-1-e { - background-position: -208px -48px; } - -.ui-icon-arrowthickstop-1-s { - background-position: -224px -48px; } - -.ui-icon-arrowthickstop-1-w { - background-position: -240px -48px; } - -.ui-icon-arrowreturnthick-1-w { - background-position: 0 -64px; } - -.ui-icon-arrowreturnthick-1-n { - background-position: -16px -64px; } - -.ui-icon-arrowreturnthick-1-e { - background-position: -32px -64px; } - -.ui-icon-arrowreturnthick-1-s { - background-position: -48px -64px; } - -.ui-icon-arrowreturn-1-w { - background-position: -64px -64px; } - -.ui-icon-arrowreturn-1-n { - background-position: -80px -64px; } - -.ui-icon-arrowreturn-1-e { - background-position: -96px -64px; } - -.ui-icon-arrowreturn-1-s { - background-position: -112px -64px; } - -.ui-icon-arrowrefresh-1-w { - background-position: -128px -64px; } - -.ui-icon-arrowrefresh-1-n { - background-position: -144px -64px; } - -.ui-icon-arrowrefresh-1-e { - background-position: -160px -64px; } - -.ui-icon-arrowrefresh-1-s { - background-position: -176px -64px; } - -.ui-icon-arrow-4 { - background-position: 0 -80px; } - -.ui-icon-arrow-4-diag { - background-position: -16px -80px; } - -.ui-icon-extlink { - background-position: -32px -80px; } - -.ui-icon-newwin { - background-position: -48px -80px; } - -.ui-icon-refresh { - background-position: -64px -80px; } - -.ui-icon-shuffle { - background-position: -80px -80px; } - -.ui-icon-transfer-e-w { - background-position: -96px -80px; } - -.ui-icon-transferthick-e-w { - background-position: -112px -80px; } - -.ui-icon-folder-collapsed { - background-position: 0 -96px; } - -.ui-icon-folder-open { - background-position: -16px -96px; } - -.ui-icon-document { - background-position: -32px -96px; } - -.ui-icon-document-b { - background-position: -48px -96px; } - -.ui-icon-note { - background-position: -64px -96px; } - -.ui-icon-mail-closed { - background-position: -80px -96px; } - -.ui-icon-mail-open { - background-position: -96px -96px; } - -.ui-icon-suitcase { - background-position: -112px -96px; } - -.ui-icon-comment { - background-position: -128px -96px; } - -.ui-icon-person { - background-position: -144px -96px; } - -.ui-icon-print { - background-position: -160px -96px; } - -.ui-icon-trash { - background-position: -176px -96px; } - -.ui-icon-locked { - background-position: -192px -96px; } - -.ui-icon-unlocked { - background-position: -208px -96px; } - -.ui-icon-bookmark { - background-position: -224px -96px; } - -.ui-icon-tag { - background-position: -240px -96px; } - -.ui-icon-home { - background-position: 0 -112px; } - -.ui-icon-flag { - background-position: -16px -112px; } - -.ui-icon-calendar { - background-position: -32px -112px; } - -.ui-icon-cart { - background-position: -48px -112px; } - -.ui-icon-pencil { - background-position: -64px -112px; } - -.ui-icon-clock { - background-position: -80px -112px; } - -.ui-icon-disk { - background-position: -96px -112px; } - -.ui-icon-calculator { - background-position: -112px -112px; } - -.ui-icon-zoomin { - background-position: -128px -112px; } - -.ui-icon-zoomout { - background-position: -144px -112px; } - -.ui-icon-search { - background-position: -160px -112px; } - -.ui-icon-wrench { - background-position: -176px -112px; } - -.ui-icon-gear { - background-position: -192px -112px; } - -.ui-icon-heart { - background-position: -208px -112px; } - -.ui-icon-star { - background-position: -224px -112px; } - -.ui-icon-link { - background-position: -240px -112px; } - -.ui-icon-cancel { - background-position: 0 -128px; } - -.ui-icon-plus { - background-position: -16px -128px; } - -.ui-icon-plusthick { - background-position: -32px -128px; } - -.ui-icon-minus { - background-position: -48px -128px; } - -.ui-icon-minusthick { - background-position: -64px -128px; } - -.ui-icon-close { - background-position: -80px -128px; } - -.ui-icon-closethick { - background-position: -96px -128px; } - -.ui-icon-key { - background-position: -112px -128px; } - -.ui-icon-lightbulb { - background-position: -128px -128px; } - -.ui-icon-scissors { - background-position: -144px -128px; } - -.ui-icon-clipboard { - background-position: -160px -128px; } - -.ui-icon-copy { - background-position: -176px -128px; } - -.ui-icon-contact { - background-position: -192px -128px; } - -.ui-icon-image { - background-position: -208px -128px; } - -.ui-icon-video { - background-position: -224px -128px; } - -.ui-icon-script { - background-position: -240px -128px; } - -.ui-icon-alert { - background-position: 0 -144px; } - -.ui-icon-info { - background-position: -16px -144px; } - -.ui-icon-notice { - background-position: -32px -144px; } - -.ui-icon-help { - background-position: -48px -144px; } - -.ui-icon-check { - background-position: -64px -144px; } - -.ui-icon-bullet { - background-position: -80px -144px; } - -.ui-icon-radio-off { - background-position: -96px -144px; } - -.ui-icon-radio-on { - background-position: -112px -144px; } - -.ui-icon-pin-w { - background-position: -128px -144px; } - -.ui-icon-pin-s { - background-position: -144px -144px; } - -.ui-icon-play { - background-position: 0 -160px; } - -.ui-icon-pause { - background-position: -16px -160px; } - -.ui-icon-seek-next { - background-position: -32px -160px; } - -.ui-icon-seek-prev { - background-position: -48px -160px; } - -.ui-icon-seek-end { - background-position: -64px -160px; } - -.ui-icon-seek-start { - background-position: -80px -160px; } - -/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ -.ui-icon-seek-first { - background-position: -80px -160px; } - -.ui-icon-stop { - background-position: -96px -160px; } - -.ui-icon-eject { - background-position: -112px -160px; } - -.ui-icon-volume-off { - background-position: -128px -160px; } - -.ui-icon-volume-on { - background-position: -144px -160px; } - -.ui-icon-power { - background-position: 0 -176px; } - -.ui-icon-signal-diag { - background-position: -16px -176px; } - -.ui-icon-signal { - background-position: -32px -176px; } - -.ui-icon-battery-0 { - background-position: -48px -176px; } - -.ui-icon-battery-1 { - background-position: -64px -176px; } - -.ui-icon-battery-2 { - background-position: -80px -176px; } - -.ui-icon-battery-3 { - background-position: -96px -176px; } - -.ui-icon-circle-plus { - background-position: 0 -192px; } - -.ui-icon-circle-minus { - background-position: -16px -192px; } - -.ui-icon-circle-close { - background-position: -32px -192px; } - -.ui-icon-circle-triangle-e { - background-position: -48px -192px; } - -.ui-icon-circle-triangle-s { - background-position: -64px -192px; } - -.ui-icon-circle-triangle-w { - background-position: -80px -192px; } - -.ui-icon-circle-triangle-n { - background-position: -96px -192px; } - -.ui-icon-circle-arrow-e { - background-position: -112px -192px; } - -.ui-icon-circle-arrow-s { - background-position: -128px -192px; } - -.ui-icon-circle-arrow-w { - background-position: -144px -192px; } - -.ui-icon-circle-arrow-n { - background-position: -160px -192px; } - -.ui-icon-circle-zoomin { - background-position: -176px -192px; } - -.ui-icon-circle-zoomout { - background-position: -192px -192px; } - -.ui-icon-circle-check { - background-position: -208px -192px; } - -.ui-icon-circlesmall-plus { - background-position: 0 -208px; } - -.ui-icon-circlesmall-minus { - background-position: -16px -208px; } - -.ui-icon-circlesmall-close { - background-position: -32px -208px; } - -.ui-icon-squaresmall-plus { - background-position: -48px -208px; } - -.ui-icon-squaresmall-minus { - background-position: -64px -208px; } - -.ui-icon-squaresmall-close { - background-position: -80px -208px; } - -.ui-icon-grip-dotted-vertical { - background-position: 0 -224px; } - -.ui-icon-grip-dotted-horizontal { - background-position: -16px -224px; } - -.ui-icon-grip-solid-vertical { - background-position: -32px -224px; } - -.ui-icon-grip-solid-horizontal { - background-position: -48px -224px; } - -.ui-icon-gripsmall-diagonal-se { - background-position: -64px -224px; } - -.ui-icon-grip-diagonal-se { - background-position: -80px -224px; } - -/* Misc visuals -----------------------------------*/ -/* Corner radius */ -.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { - -moz-border-radius-topleft: 2px; - -webkit-border-top-left-radius: 2px; - -khtml-border-top-left-radius: 2px; - border-top-left-radius: 2px; } - -.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { - -moz-border-radius-topright: 2px; - -webkit-border-top-right-radius: 2px; - -khtml-border-top-right-radius: 2px; - border-top-right-radius: 2px; } - -.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { - -moz-border-radius-bottomleft: 2px; - -webkit-border-bottom-left-radius: 2px; - -khtml-border-bottom-left-radius: 2px; - border-bottom-left-radius: 2px; } - -.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { - -moz-border-radius-bottomright: 2px; - -webkit-border-bottom-right-radius: 2px; - -khtml-border-bottom-right-radius: 2px; - border-bottom-right-radius: 2px; } - -/* Overlays */ -.ui-widget-overlay { - background: #eeeeee url(../images/ui-bg_flat_0_eeeeee_40x100.png) 50% 50% repeat-x; - opacity: .80; - filter: Alpha(Opacity=80); } - -.ui-widget-shadow { - margin: -4px 0 0 -4px; - padding: 4px; - background: #aaaaaa url(../images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; - opacity: .60; - filter: Alpha(Opacity=60); - -moz-border-radius: 0px; - -khtml-border-radius: 0px; - -webkit-border-radius: 0px; - border-radius: 0px; } - - /* -* jQuery UI Resizable 1.8.16 -* -* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) -* Dual licensed under the MIT or GPL Version 2 licenses. -* http://jquery.org/license -* -* http://docs.jquery.com/UI/Resizable#theming -*/ -.ui-resizable { - position: relative; } - -.ui-resizable-handle { - position: absolute; - font-size: 0.1px; - z-index: 99999; - display: block; } - -.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { - display: none; } - -.ui-resizable-n { - cursor: n-resize; - height: 7px; - width: 100%; - top: -5px; - left: 0; } - -.ui-resizable-s { - cursor: s-resize; - height: 7px; - width: 100%; - bottom: -5px; - left: 0; } - -.ui-resizable-e { - cursor: e-resize; - width: 7px; - right: -5px; - top: 0; - height: 100%; } - -.ui-resizable-w { - cursor: w-resize; - width: 7px; - left: -5px; - top: 0; - height: 100%; } - -.ui-resizable-se { - cursor: se-resize; - width: 12px; - height: 12px; - right: 1px; - bottom: 1px; } - -.ui-resizable-sw { - cursor: sw-resize; - width: 9px; - height: 9px; - left: -5px; - bottom: -5px; } - -.ui-resizable-nw { - cursor: nw-resize; - width: 9px; - height: 9px; - left: -5px; - top: -5px; } - -.ui-resizable-ne { - cursor: ne-resize; - width: 9px; - height: 9px; - right: -5px; - top: -5px; } - - /* -* jQuery UI Selectable 1.8.16 -* -* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) -* Dual licensed under the MIT or GPL Version 2 licenses. -* http://jquery.org/license -* -* http://docs.jquery.com/UI/Selectable#theming -*/ -.ui-selectable-helper { - position: absolute; - z-index: 100; - border: 1px dotted black; } - -/* - * jQuery UI Accordion 1.8.16 - * - * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Accordion#theming - */ -/* IE/Win - Fix animation bug - #4615 */ -.ui-accordion { - width: 100%; } - -.ui-accordion .ui-accordion-header { - cursor: pointer; - position: relative; - margin-top: 1px; - zoom: 1; } - -.ui-accordion .ui-accordion-li-fix { - display: inline; } - -.ui-accordion .ui-accordion-header-active { - border-bottom: 0 !important; } - -.ui-accordion .ui-accordion-header a { - display: block; - font-size: 1em; - padding: .5em .5em .5em .7em; } - -.ui-accordion-icons .ui-accordion-header a { - padding-left: 2.2em; } - -.ui-accordion .ui-accordion-header .ui-icon { - position: absolute; - left: .5em; - top: 50%; - margin-top: -8px; } - -.ui-accordion .ui-accordion-content { - padding: 1em 2.2em; - border-top: 0; - margin-top: -2px; - position: relative; - margin-bottom: 2px; - overflow: auto; - display: none; - zoom: 1; } - -.ui-accordion .ui-accordion-content-active { - display: block; } - -/* - * jQuery UI Autocomplete 1.8.16 - * - * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Autocomplete#theming - */ -.ui-autocomplete { - position: absolute; - cursor: default; } - -/* workarounds */ -* html .ui-autocomplete { - width: 1px; } - -/* without this, the menu expands to 100% in IE6 */ -/* - * jQuery UI Menu 1.8.16 - * - * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Menu#theming - */ -.ui-menu { - list-style: none; - padding: 2px; - margin: 0; - display: block; - float: left; } - -.ui-menu .ui-menu { - margin-top: -3px; } - -.ui-menu .ui-menu-item { - margin: 0; - padding: 0; - zoom: 1; - float: left; - clear: left; - width: 100%; } - -.ui-menu .ui-menu-item a { - text-decoration: none; - display: block; - padding: .2em .4em; - line-height: 1.5; - zoom: 1; } - -.ui-menu .ui-menu-item a.ui-state-hover, -.ui-menu .ui-menu-item a.ui-state-active { - font-weight: normal; - margin: -1px; } - -/* - * jQuery UI Button 1.8.16 - * - * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Button#theming - */ -.ui-button { - display: inline-block; - position: relative; - padding: 0; - margin-right: .1em; - text-decoration: none !important; - cursor: pointer; - text-align: center; - zoom: 1; - overflow: visible; } - -/* the overflow property removes extra width in IE */ -.ui-button-icon-only { - width: 2.2em; } - -/* to make room for the icon, a width needs to be set here */ -button.ui-button-icon-only { - width: 2.4em; } - -/* button elements seem to need a little more width */ -.ui-button-icons-only { - width: 3.4em; } - -button.ui-button-icons-only { - width: 3.7em; } - -/*button text element */ -.ui-button .ui-button-text { - display: block; - line-height: 1.4; } - -.ui-button-text-only .ui-button-text { - padding: .4em 1em; } - -.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { - padding: .4em; - text-indent: -9999999px; } - -.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { - padding: .4em 1em .4em 2.1em; } - -.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { - padding: .4em 2.1em .4em 1em; } - -.ui-button-text-icons .ui-button-text { - padding-left: 2.1em; - padding-right: 2.1em; } - -/* no icon support for input elements, provide padding by default */ -input.ui-button { - padding: .4em 1em; } - -/*button icon element(s) */ -.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { - position: absolute; - top: 50%; - margin-top: -8px; } - -.ui-button-icon-only .ui-icon { - left: 50%; - margin-left: -8px; } - -.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { - left: .5em; } - -.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { - right: .5em; } - -.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { - right: .5em; } - -/*button sets*/ -.ui-buttonset { - margin-right: 7px; } - -.ui-buttonset .ui-button { - margin-left: 0; - margin-right: -0.3em; } - -/* workarounds */ -button.ui-button::-moz-focus-inner { - border: 0; - padding: 0; } - -/* reset extra padding in Firefox */ -/* - * jQuery UI Dialog 1.8.16 - * - * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Dialog#theming - */ -.ui-dialog { - position: absolute; - padding: .2em; - width: 300px; - overflow: hidden; } - -.ui-dialog .ui-dialog-titlebar { - padding: .4em 1em; - position: relative; } - -.ui-dialog .ui-dialog-title { - float: left; - margin: .1em 16px .1em 0; } - -.ui-dialog .ui-dialog-titlebar-close { - position: absolute; - right: .3em; - top: 50%; - width: 19px; - margin: -10px 0 0 0; - padding: 1px; - height: 18px; } - -.ui-dialog .ui-dialog-titlebar-close span { - display: block; - margin: 1px; } - -.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { - padding: 0; } - -.ui-dialog .ui-dialog-content { - position: relative; - border: 0; - padding: .5em 1em; - background: none; - overflow: auto; - zoom: 1; } - -.ui-dialog .ui-dialog-buttonpane { - text-align: left; - border-width: 1px 0 0 0; - background-image: none; - margin: .5em 0 0 0; - padding: .3em 1em .5em .4em; } - -.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { - float: right; } - -.ui-dialog .ui-dialog-buttonpane button { - margin: .5em .4em .5em 0; - cursor: pointer; } - -.ui-dialog .ui-resizable-se { - width: 14px; - height: 14px; - right: 3px; - bottom: 3px; } - -.ui-draggable .ui-dialog-titlebar { - cursor: move; } - -/* - * jQuery UI Slider 1.8.16 - * - * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Slider#theming - */ -.ui-slider { - position: relative; - text-align: left; } - -.ui-slider .ui-slider-handle { - position: absolute; - z-index: 2; - width: 1.2em; - height: 1.2em; - cursor: default; } - -.ui-slider .ui-slider-range { - position: absolute; - z-index: 1; - font-size: .7em; - display: block; - border: 0; - background-position: 0 0; } - -.ui-slider-horizontal { - height: .8em; } - -.ui-slider-horizontal .ui-slider-handle { - top: -0.3em; - margin-left: -0.6em; } - -.ui-slider-horizontal .ui-slider-range { - top: 0; - height: 100%; } - -.ui-slider-horizontal .ui-slider-range-min { - left: 0; } - -.ui-slider-horizontal .ui-slider-range-max { - right: 0; } - -.ui-slider-vertical { - width: .8em; - height: 100px; } - -.ui-slider-vertical .ui-slider-handle { - left: -0.3em; - margin-left: 0; - margin-bottom: -0.6em; } - -.ui-slider-vertical .ui-slider-range { - left: 0; - width: 100%; } - -.ui-slider-vertical .ui-slider-range-min { - bottom: 0; } - -.ui-slider-vertical .ui-slider-range-max { - top: 0; } - - /* -* jQuery UI Tabs 1.8.16 -* -* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) -* Dual licensed under the MIT or GPL Version 2 licenses. -* http://jquery.org/license -* -* http://docs.jquery.com/UI/Tabs#theming -*/ -.ui-tabs { - position: relative; - padding: .2em; - zoom: 1; } - -/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ -.ui-tabs .ui-tabs-nav { - margin: 0; - padding: .2em .2em 0; } - -.ui-tabs .ui-tabs-nav li { - list-style: none; - float: left; - position: relative; - top: 1px; - margin: 0 .2em 1px 0; - border-bottom: 0 !important; - padding: 0; - white-space: nowrap; } - -.ui-tabs .ui-tabs-nav li a { - float: left; - padding: .5em 1em; - text-decoration: none; } - -.ui-tabs .ui-tabs-nav li.ui-tabs-selected { - margin-bottom: 0; - padding-bottom: 1px; } - -.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { - cursor: text; } - -.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { - cursor: pointer; } - -/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ -.ui-tabs .ui-tabs-panel { - display: block; - border-width: 0; - padding: 1em 1.4em; - background: none; } - -.ui-tabs .ui-tabs-hide { - display: none !important; } - -/* - * jQuery UI Datepicker 1.8.16 - * - * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Datepicker#theming - */ -.ui-datepicker { - width: 17em; - padding: .2em .2em 0; - display: none; } - -.ui-datepicker .ui-datepicker-header { - position: relative; - padding: .2em 0; } - -.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { - position: absolute; - top: 2px; - width: 1.8em; - height: 1.8em; } - -.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { - top: 1px; } - -.ui-datepicker .ui-datepicker-prev { - left: 2px; } - -.ui-datepicker .ui-datepicker-next { - right: 2px; } - -.ui-datepicker .ui-datepicker-prev-hover { - left: 1px; } - -.ui-datepicker .ui-datepicker-next-hover { - right: 1px; } - -.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { - display: block; - position: absolute; - left: 50%; - margin-left: -8px; - top: 50%; - margin-top: -8px; } - -.ui-datepicker .ui-datepicker-title { - margin: 0 2.3em; - line-height: 1.8em; - text-align: center; } - -.ui-datepicker .ui-datepicker-title select { - font-size: 1em; - margin: 1px 0; } - -.ui-datepicker select.ui-datepicker-month-year { - width: 100%; } - -.ui-datepicker select.ui-datepicker-month, -.ui-datepicker select.ui-datepicker-year { - width: 49%; } - -.ui-datepicker table { - width: 100%; - font-size: .9em; - border-collapse: collapse; - margin: 0 0 .4em; } - -.ui-datepicker th { - padding: .7em .3em; - text-align: center; - font-weight: bold; - border: 0; } - -.ui-datepicker td { - border: 0; - padding: 1px; } - -.ui-datepicker td span, .ui-datepicker td a { - display: block; - padding: .2em; - text-align: right; - text-decoration: none; } - -.ui-datepicker .ui-datepicker-buttonpane { - background-image: none; - margin: .7em 0 0 0; - padding: 0 .2em; - border-left: 0; - border-right: 0; - border-bottom: 0; } - -.ui-datepicker .ui-datepicker-buttonpane button { - float: right; - margin: .5em .2em .4em; - cursor: pointer; - padding: .2em .6em .3em .6em; - width: auto; - overflow: visible; } - -.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { - float: left; } - -/* with multiple calendars */ -.ui-datepicker.ui-datepicker-multi { - width: auto; } - -.ui-datepicker-multi .ui-datepicker-group { - float: left; } - -.ui-datepicker-multi .ui-datepicker-group table { - width: 95%; - margin: 0 auto .4em; } - -.ui-datepicker-multi-2 .ui-datepicker-group { - width: 50%; } - -.ui-datepicker-multi-3 .ui-datepicker-group { - width: 33.3%; } - -.ui-datepicker-multi-4 .ui-datepicker-group { - width: 25%; } - -.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { - border-left-width: 0; } - -.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { - border-left-width: 0; } - -.ui-datepicker-multi .ui-datepicker-buttonpane { - clear: left; } - -.ui-datepicker-row-break { - clear: both; - width: 100%; - font-size: 0em; } - -/* RTL support */ -.ui-datepicker-rtl { - direction: rtl; } - -.ui-datepicker-rtl .ui-datepicker-prev { - right: 2px; - left: auto; } - -.ui-datepicker-rtl .ui-datepicker-next { - left: 2px; - right: auto; } - -.ui-datepicker-rtl .ui-datepicker-prev:hover { - right: 1px; - left: auto; } - -.ui-datepicker-rtl .ui-datepicker-next:hover { - left: 1px; - right: auto; } - -.ui-datepicker-rtl .ui-datepicker-buttonpane { - clear: right; } - -.ui-datepicker-rtl .ui-datepicker-buttonpane button { - float: left; } - -.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { - float: right; } - -.ui-datepicker-rtl .ui-datepicker-group { - float: right; } - -.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { - border-right-width: 0; - border-left-width: 1px; } - -.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { - border-right-width: 0; - border-left-width: 1px; } - -/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ -.ui-datepicker-cover { - display: none; - /*sorry for IE5*/ - display/**/: block; - /*sorry for IE5*/ - position: absolute; - /*must have*/ - z-index: -1; - /*must have*/ - filter: mask(); - /*must have*/ - top: -4px; - /*must have*/ - left: -4px; - /*must have*/ - width: 200px; - /*must have*/ - height: 200px; - /*must have*/ } - -/* -* jQuery UI Progressbar 1.8.16 -* -* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) -* Dual licensed under the MIT or GPL Version 2 licenses. -* http://jquery.org/license -* -* http://docs.jquery.com/UI/Progressbar#theming -*/ -.ui-progressbar { - height: 2em; - text-align: left; } - -.ui-progressbar .ui-progressbar-value { - margin: -1px; - height: 100%; } - -.ui-tooltip, .qtip { - position: absolute; - left: -28000px; - top: -28000px; - display: none; - max-width: 280px; - min-width: 50px; - font-size: 10.5px; - line-height: 12px; } - -.ui-tooltip-fluid { - display: block; - visibility: hidden; - position: static!important; - float: left!important; } - -.ui-tooltip-content { - position: relative; - padding: 5px 9px; - overflow: hidden; - border: 1px solid #000001; - text-align: left; - word-wrap: break-word; - overflow: hidden; } - -.ui-tooltip-titlebar { - position: relative; - min-height: 14px; - padding: 5px 35px 5px 10px; - overflow: hidden; - border: 1px solid #000001; - border-width: 1px 1px 0; - font-weight: bold; } - -.ui-tooltip-titlebar + .ui-tooltip-content { - border-top-width: 0!important; } - -/*Default close button class */ -.ui-tooltip-titlebar .ui-state-default { - position: absolute; - right: 4px; - top: 50%; - margin-top: -9px; - cursor: pointer; - outline: medium none; - border-width: 1px; - border-style: solid; } - -* html .ui-tooltip-titlebar .ui-state-default { - top: 16px; } - -.ui-tooltip-titlebar .ui-icon, .ui-tooltip-icon .ui-icon { - display: block; - text-indent: -1000em; } - -.ui-tooltip-icon, .ui-tooltip-icon .ui-icon { - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; } - -.ui-tooltip-icon .ui-icon { - width: 18px; - height: 14px; - text-align: center; - text-indent: 0; - font: normal bold 10px/13px Tahoma, sans-serif; - color: inherit; - background: transparent none no-repeat -100em -100em; } - -/*Default tooltip style */ -.ui-tooltip-default .ui-tooltip-titlebar, .ui-tooltip-default .ui-tooltip-content { - border-color: #F1D031; - background-color: #FFFFA3; - color: #555; } - -.ui-tooltip-default .ui-tooltip-titlebar { - background-color: #FFEF93; } - -.ui-tooltip-default .ui-tooltip-icon { - border-color: #CCC; - background: #F1F1F1; - color: #777; } - -.ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover { - border-color: #AAA; - color: #111; } - -div.book-wrapper section.book-sidebar { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } - div.book-wrapper section.book-sidebar ul#booknav { - font-size: 12px; } - div.book-wrapper section.book-sidebar ul#booknav a { - color: #000; } - div.book-wrapper section.book-sidebar ul#booknav a:hover { - color: #666; } - div.book-wrapper section.book-sidebar ul#booknav li { - background: none; - padding-left: 30px; } - div.book-wrapper section.book-sidebar ul#booknav li div.hitarea { - background-image: url("../images/treeview-default.gif"); - margin-left: -22px; - position: relative; - top: 4px; } - div.book-wrapper section.book-sidebar ul#booknav li div.hitarea:hover { - filter: alpha(opacity=60); - opacity: 0.6; } - div.book-wrapper section.book-sidebar ul#booknav li ul { - background: none; } - div.book-wrapper section.book-sidebar ul#booknav > li { - border-bottom: 1px solid #d3d3d3; - -webkit-box-shadow: 0 1px 0 #eeeeee; - -moz-box-shadow: 0 1px 0 #eeeeee; - box-shadow: 0 1px 0 #eeeeee; - padding: 7px 7px 7px 30px; } -div.book-wrapper section.book nav a { - padding: 0 22.652px; } -div.book-wrapper section.book nav ul li { - background-color: #f2e9c3; } - div.book-wrapper section.book nav ul li.last { - display: block; - float: left; } - div.book-wrapper section.book nav ul li.last a { - border-left: 0; - border-right: 1px solid #e4d080; - -webkit-box-shadow: inset -1px 0 0 #faf7e9; - -moz-box-shadow: inset -1px 0 0 #faf7e9; - box-shadow: inset -1px 0 0 #faf7e9; } - div.book-wrapper section.book nav ul li.next { - display: block; - float: right; } - div.book-wrapper section.book nav ul li:hover { - background: none; } -div.book-wrapper section.book nav.bottom-nav { - border-bottom: 0; - border-top: 1px solid #EDDFAA; - margin-bottom: -22.652px; - margin-top: 22.652px; } -div.book-wrapper section.book section.page { - text-align: center; } - div.book-wrapper section.book section.page img { - border: 1px solid #dddddd; - max-width: 100%; } -div.book-wrapper.closed section.book-sidebar { - width: 3.077%; } - div.book-wrapper.closed section.book-sidebar header#open_close_accordion { - padding: 0; } - div.book-wrapper.closed section.book-sidebar header#open_close_accordion a { - background-image: url("../images/slide-right-icon.png"); } - div.book-wrapper.closed section.book-sidebar header#open_close_accordion h2 { - padding: 0; - visibility: hidden; - width: 10px; } - div.book-wrapper.closed section.book-sidebar ul#booknav { - max-height: 100px; - overflow: hidden; - padding: 0; - visibility: hidden; - width: 10px; } -div.book-wrapper.closed section.course-content { - width: 97.773%; }