diff --git a/.sass-cache/cdb7072d383fc58911ae811a90d70324a631c57e/_local.scssc b/.sass-cache/cdb7072d383fc58911ae811a90d70324a631c57e/_local.scssc new file mode 100644 index 0000000000..ff1f29cf58 Binary files /dev/null and b/.sass-cache/cdb7072d383fc58911ae811a90d70324a631c57e/_local.scssc differ diff --git a/.sass-cache/cdb7072d383fc58911ae811a90d70324a631c57e/_reset.scssc b/.sass-cache/cdb7072d383fc58911ae811a90d70324a631c57e/_reset.scssc new file mode 100644 index 0000000000..38bc887589 Binary files /dev/null and b/.sass-cache/cdb7072d383fc58911ae811a90d70324a631c57e/_reset.scssc differ diff --git a/.sass-cache/cdb7072d383fc58911ae811a90d70324a631c57e/_theme.scssc b/.sass-cache/cdb7072d383fc58911ae811a90d70324a631c57e/_theme.scssc new file mode 100644 index 0000000000..9e07958d19 Binary files /dev/null and b/.sass-cache/cdb7072d383fc58911ae811a90d70324a631c57e/_theme.scssc differ diff --git a/.sass-cache/cdb7072d383fc58911ae811a90d70324a631c57e/application.scssc b/.sass-cache/cdb7072d383fc58911ae811a90d70324a631c57e/application.scssc new file mode 100644 index 0000000000..7590fe826d Binary files /dev/null and b/.sass-cache/cdb7072d383fc58911ae811a90d70324a631c57e/application.scssc differ diff --git a/static/.gitignore b/static/.gitignore new file mode 100644 index 0000000000..c9677ca9f1 --- /dev/null +++ b/static/.gitignore @@ -0,0 +1,6 @@ +*.pyc +*~ +*.scssc +*.swp +*.orig +*.DS_Store diff --git a/static/.hgignore b/static/.hgignore new file mode 100644 index 0000000000..c93aa7128d --- /dev/null +++ b/static/.hgignore @@ -0,0 +1,7 @@ +syntax: glob +*.pyc +*~ +*.scssc +*.swp +*.orig +*.DS_Store diff --git a/static/Kirchhoff_files/07172609b59c136393705e4067de95d0.png b/static/Kirchhoff_files/07172609b59c136393705e4067de95d0.png new file mode 100644 index 0000000000..ff21373411 Binary files /dev/null and b/static/Kirchhoff_files/07172609b59c136393705e4067de95d0.png differ diff --git a/static/Kirchhoff_files/08d7bd7060be987d4da37b7fc263a740.png b/static/Kirchhoff_files/08d7bd7060be987d4da37b7fc263a740.png new file mode 100644 index 0000000000..75f2015a62 Binary files /dev/null and b/static/Kirchhoff_files/08d7bd7060be987d4da37b7fc263a740.png differ diff --git a/static/Kirchhoff_files/17bbbd9b6e69b94dab881bacae540191.png b/static/Kirchhoff_files/17bbbd9b6e69b94dab881bacae540191.png new file mode 100644 index 0000000000..7a56c0274a Binary files /dev/null and b/static/Kirchhoff_files/17bbbd9b6e69b94dab881bacae540191.png differ diff --git a/static/Kirchhoff_files/200px-Kirchhoff_voltage_law.svg.png b/static/Kirchhoff_files/200px-Kirchhoff_voltage_law.svg.png new file mode 100644 index 0000000000..de783d7fa3 Binary files /dev/null and b/static/Kirchhoff_files/200px-Kirchhoff_voltage_law.svg.png differ diff --git a/static/Kirchhoff_files/229253cd444bad52ccf237f182f18267.png b/static/Kirchhoff_files/229253cd444bad52ccf237f182f18267.png new file mode 100644 index 0000000000..7e3ee15206 Binary files /dev/null and b/static/Kirchhoff_files/229253cd444bad52ccf237f182f18267.png differ diff --git a/static/Kirchhoff_files/912713fc906c190d03a73f02b2f738ab.png b/static/Kirchhoff_files/912713fc906c190d03a73f02b2f738ab.png new file mode 100644 index 0000000000..d38487b034 Binary files /dev/null and b/static/Kirchhoff_files/912713fc906c190d03a73f02b2f738ab.png differ diff --git a/static/Kirchhoff_files/98720898396d325be0abb463b68caf90.png b/static/Kirchhoff_files/98720898396d325be0abb463b68caf90.png new file mode 100644 index 0000000000..9c9707899b Binary files /dev/null and b/static/Kirchhoff_files/98720898396d325be0abb463b68caf90.png differ diff --git a/static/Kirchhoff_files/KCL.png b/static/Kirchhoff_files/KCL.png new file mode 100644 index 0000000000..48def07d58 Binary files /dev/null and b/static/Kirchhoff_files/KCL.png differ diff --git a/static/Kirchhoff_files/c449f0cd2e060f03076e28ae5f8f0a75.png b/static/Kirchhoff_files/c449f0cd2e060f03076e28ae5f8f0a75.png new file mode 100644 index 0000000000..d54e373764 Binary files /dev/null and b/static/Kirchhoff_files/c449f0cd2e060f03076e28ae5f8f0a75.png differ diff --git a/static/Kirchhoff_files/ec93733267512bc18567c04e5a728e24.png b/static/Kirchhoff_files/ec93733267512bc18567c04e5a728e24.png new file mode 100644 index 0000000000..3efd5c7c78 Binary files /dev/null and b/static/Kirchhoff_files/ec93733267512bc18567c04e5a728e24.png differ diff --git a/static/Kirchhoff_files/magnify-clip.png b/static/Kirchhoff_files/magnify-clip.png new file mode 100644 index 0000000000..00a9cee11b Binary files /dev/null and b/static/Kirchhoff_files/magnify-clip.png differ diff --git a/static/book b/static/book new file mode 120000 index 0000000000..886e42b9c0 --- /dev/null +++ b/static/book @@ -0,0 +1 @@ +../../book_images/ \ No newline at end of file diff --git a/static/circuits b/static/circuits new file mode 120000 index 0000000000..8107e5a3f3 --- /dev/null +++ b/static/circuits @@ -0,0 +1 @@ +../../data/images/ \ No newline at end of file diff --git a/static/common b/static/common new file mode 120000 index 0000000000..35efe10699 --- /dev/null +++ b/static/common @@ -0,0 +1 @@ +../../askbot-devel/askbot/skins/common/ \ No newline at end of file diff --git a/static/contrib/xbook.html b/static/contrib/xbook.html new file mode 100644 index 0000000000..3d6c42961a --- /dev/null +++ b/static/contrib/xbook.html @@ -0,0 +1,261 @@ + + + + +6.002x Textbook for Kindle + + + + + + +
+
+
+
+
+
+
+
 
+
[g]oto [f]ormat [c]ontents [i]ndex  
+
 
+ + diff --git a/static/courses/6002 b/static/courses/6002 new file mode 120000 index 0000000000..8543111853 --- /dev/null +++ b/static/courses/6002 @@ -0,0 +1 @@ +../../../data/static/ \ No newline at end of file diff --git a/static/css/.sass-cache/cdb7072d383fc58911ae811a90d70324a631c57e/_local.scssc b/static/css/.sass-cache/cdb7072d383fc58911ae811a90d70324a631c57e/_local.scssc new file mode 100644 index 0000000000..39211ae631 Binary files /dev/null and b/static/css/.sass-cache/cdb7072d383fc58911ae811a90d70324a631c57e/_local.scssc differ diff --git a/static/css/.sass-cache/cdb7072d383fc58911ae811a90d70324a631c57e/_reset.scssc b/static/css/.sass-cache/cdb7072d383fc58911ae811a90d70324a631c57e/_reset.scssc new file mode 100644 index 0000000000..38bc887589 Binary files /dev/null and b/static/css/.sass-cache/cdb7072d383fc58911ae811a90d70324a631c57e/_reset.scssc differ diff --git a/static/css/.sass-cache/cdb7072d383fc58911ae811a90d70324a631c57e/_theme.scssc b/static/css/.sass-cache/cdb7072d383fc58911ae811a90d70324a631c57e/_theme.scssc new file mode 100644 index 0000000000..a1dd4d15ba Binary files /dev/null and b/static/css/.sass-cache/cdb7072d383fc58911ae811a90d70324a631c57e/_theme.scssc differ diff --git a/static/css/.sass-cache/cdb7072d383fc58911ae811a90d70324a631c57e/application.scssc b/static/css/.sass-cache/cdb7072d383fc58911ae811a90d70324a631c57e/application.scssc new file mode 100644 index 0000000000..7590fe826d Binary files /dev/null and b/static/css/.sass-cache/cdb7072d383fc58911ae811a90d70324a631c57e/application.scssc differ diff --git a/static/css/application.css b/static/css/application.css new file mode 100644 index 0000000000..1acdd88b9a --- /dev/null +++ b/static/css/application.css @@ -0,0 +1,6270 @@ +/* +html5doctor.com Reset Stylesheet +v1.6.1 +Last Updated: 2010-09-17 +Author: Richard Clark - http://richclarkdesign.com +Twitter: @rich_clark +*/ +html, body, div, span, object, iframe, +h1, h2, h3, div#wiki_panel input[type="button"], h4, h5, h6, p, blockquote, pre, +abbr, address, cite, code, +del, dfn, em, img, ins, kbd, q, samp, +small, strong, var, +b, i, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, figcaption, figure, +footer, header, hgroup, menu, nav, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + outline: 0; + font-size: 100%; + vertical-align: baseline; + background: transparent; } + +body { + line-height: 1; } + +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; } + +nav ul { + list-style: none; } + +blockquote, q { + quotes: none; } + +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; } + +a { + margin: 0; + padding: 0; + font-size: 100%; + vertical-align: baseline; + background: transparent; } + +/* change colours to suit your needs */ +ins { + background-color: #ff9; + color: #000; + text-decoration: none; } + +/* change colours to suit your needs */ +mark { + background-color: #ff9; + color: #000; + font-style: italic; + font-weight: bold; } + +del { + text-decoration: line-through; } + +abbr[title], dfn[title] { + border-bottom: 1px dotted; + cursor: help; } + +table { + border-collapse: collapse; + border-spacing: 0; } + +/* change border colour to suit your needs */ +hr { + display: block; + height: 1px; + border: 0; + border-top: 1px solid #cccccc; + margin: 1em 0; + padding: 0; } + +input, select { + vertical-align: middle; } + +/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 25, 2012 05:06:34 PM America/New_York */ +@font-face { + font-family: 'Open Sans'; + src: url("/static/fonts/OpenSans-Regular-webfont.eot"); + src: url("/static/fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("/static/fonts/OpenSans-Regular-webfont.woff") format("woff"), url("/static/fonts/OpenSans-Regular-webfont.ttf") format("truetype"), url("/static/fonts/OpenSans-Regular-webfont.svg#OpenSansRegular") format("svg"); + font-weight: 600; + font-style: normal; } + +@font-face { + font-family: 'Open Sans'; + src: url("/static/fonts/OpenSans-Italic-webfont.eot"); + src: url("/static/fonts/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("/static/fonts/OpenSans-Italic-webfont.woff") format("woff"), url("/static/fonts/OpenSans-Italic-webfont.ttf") format("truetype"), url("/static/fonts/OpenSans-Italic-webfont.svg#OpenSansItalic") format("svg"); + font-weight: 400; + font-style: italic; } + +@font-face { + font-family: 'Open Sans'; + src: url("/static/fonts/OpenSans-Bold-webfont.eot"); + src: url("/static/fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("/static/fonts/OpenSans-Bold-webfont.woff") format("woff"), url("/static/fonts/OpenSans-Bold-webfont.ttf") format("truetype"), url("/static/fonts/OpenSans-Bold-webfont.svg#OpenSansBold") format("svg"); + font-weight: 700; + font-style: normal; } + +@font-face { + font-family: 'Open Sans'; + src: url("/static/fonts/OpenSans-BoldItalic-webfont.eot"); + src: url("/static/fonts/OpenSans-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/static/fonts/OpenSans-BoldItalic-webfont.woff") format("woff"), url("/static/fonts/OpenSans-BoldItalic-webfont.ttf") format("truetype"), url("/static/fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic") format("svg"); + font-weight: 700; + font-style: italic; } + +@font-face { + font-family: 'Open Sans'; + src: url("/static/fonts/OpenSans-ExtraBold-webfont.eot"); + src: url("/static/fonts/OpenSans-ExtraBold-webfont.eot?#iefix") format("embedded-opentype"), url("/static/fonts/OpenSans-ExtraBold-webfont.woff") format("woff"), url("/static/fonts/OpenSans-ExtraBold-webfont.ttf") format("truetype"), url("/static/fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold") format("svg"); + font-weight: 800; + font-style: normal; } + +@font-face { + font-family: 'Open Sans'; + src: url("/static/fonts/OpenSans-ExtraBoldItalic-webfont.eot"); + src: url("/static/fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/static/fonts/OpenSans-ExtraBoldItalic-webfont.woff") format("woff"), url("/static/fonts/OpenSans-ExtraBoldItalic-webfont.ttf") format("truetype"), url("/static/fonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic") format("svg"); + font-weight: 800; + font-style: italic; } + +.clearfix:after, .topbar:after, nav.sequence-nav:after, div.book-wrapper section.book nav:after, div.wiki-wrapper section.wiki-body header:after, html body section.main-content:after, html body section.outside-app:after, div.header-wrapper header:after, div.header-wrapper header hgroup:after, div.header-wrapper header nav ul:after, footer:after, div.leanModal_box#enroll ol: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 div.video-subtitles div.video-wrapper section.video-controls:after, section.course-content div.video-subtitles div.video-wrapper section.video-controls div#slider:after, section.course-content nav.sequence-bottom ul:after, div#graph-container:after, div#schematic-container:after, div.book-wrapper section.book nav ul:after, div.info-wrapper section.updates > ol > li:after, div.info-wrapper section.handouts ol li:after, div.profile-wrapper section.course-info > ol > li:after, div.gradebook-wrapper section.gradebook-content > ol > li:after, div#wiki_panel div#wiki_create_form:after, div.wiki-wrapper section.wiki-body:after, ul.badge-list li.badge:after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; } + +.wrapper, html body section.main-content, html body section.outside-app, div.header-wrapper header, footer { + margin: 0 auto; + max-width: 1400px; + min-width: 810px; + text-align: left; + width: 100%; } + .wrapper div.table-wrapper, html body section.main-content div.table-wrapper, html body section.outside-app div.table-wrapper, div.header-wrapper header div.table-wrapper, footer div.table-wrapper, .wrapper div.course-wrapper, html body section.main-content div.course-wrapper, html body section.outside-app div.course-wrapper, div.header-wrapper header div.course-wrapper, footer div.course-wrapper, .wrapper div.book-wrapper, html body section.main-content div.book-wrapper, html body section.outside-app div.book-wrapper, div.header-wrapper header div.book-wrapper, footer div.book-wrapper, .wrapper div.info-wrapper, html body section.main-content div.info-wrapper, html body section.outside-app div.info-wrapper, div.header-wrapper header div.info-wrapper, footer div.info-wrapper, .wrapper div.profile-wrapper, html body section.main-content div.profile-wrapper, html body section.outside-app div.profile-wrapper, div.header-wrapper header div.profile-wrapper, footer div.profile-wrapper, .wrapper div.gradebook-wrapper, html body section.main-content div.gradebook-wrapper, html body section.outside-app div.gradebook-wrapper, div.header-wrapper header div.gradebook-wrapper, footer div.gradebook-wrapper, .wrapper body.askbot section.main-content div.discussion-wrapper, body.askbot section.main-content .wrapper div.discussion-wrapper, html body.askbot section.main-content div.discussion-wrapper, html body.askbot section.outside-app section.main-content div.discussion-wrapper, html body.askbot section.main-content section.outside-app div.discussion-wrapper, div.header-wrapper header body.askbot section.main-content div.discussion-wrapper, body.askbot section.main-content div.header-wrapper header div.discussion-wrapper, footer body.askbot section.main-content div.discussion-wrapper, body.askbot section.main-content footer div.discussion-wrapper, .wrapper html body.askbot section.outside-app div.discussion-wrapper, html body.askbot section.outside-app .wrapper div.discussion-wrapper, html body.askbot section.main-content section.outside-app div.discussion-wrapper, html body.askbot section.outside-app section.main-content div.discussion-wrapper, html body.askbot section.outside-app div.discussion-wrapper, div.header-wrapper header html body.askbot section.outside-app div.discussion-wrapper, html body.askbot section.outside-app div.header-wrapper header div.discussion-wrapper, footer html body.askbot section.outside-app div.discussion-wrapper, html body.askbot section.outside-app footer div.discussion-wrapper { + display: table; + width: 100%; } + +h1.top-header, div.course-wrapper section.course-content h1, div.info-wrapper section.updates > h1, div.profile-wrapper section.course-info > h1, div.gradebook-wrapper section.gradebook-content h1, div.question-list-header { + background: #f3f3f3; + border-bottom: 1px solid #e3e3e3; + margin: -22.652px -22.652px 22.652px; + padding: 22.652px; } + +.button, input[type="submit"], input[type="button"], button, div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit { + 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; + -ms-box-shadow: inset 0 1px 0 #a2a2a2, 0 0 3px #cccccc; + -o-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, input[type="submit"]:hover, input[type="button"]:hover, button:hover, div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit:hover, div.answer-block div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit:hover, div.paginator div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit:hover, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit:hover, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit:hover, div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit:hover, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit:hover, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit:hover, div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit:hover, div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit:hover, div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit:hover, .button:focus, input[type="submit"]:focus, input[type="button"]:focus, button:focus, div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit:focus, div.answer-block div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit:focus, div.paginator div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit:focus, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit:focus, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit:focus, div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit:focus, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit:focus, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit:focus, div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit:focus, div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit:focus, div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit:focus { + -webkit-box-shadow: inset 0 1px 0 #bbbbbb, 0 0 3px #cccccc; + -moz-box-shadow: inset 0 1px 0 #bbbbbb, 0 0 3px #cccccc; + -ms-box-shadow: inset 0 1px 0 #bbbbbb, 0 0 3px #cccccc; + -o-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); + border: 1px solid #555555; } + +.content, div.course-wrapper section.course-content, div.book-wrapper section.book, div.info-wrapper section.updates, div.profile-wrapper section.course-info, div.gradebook-wrapper section.gradebook-content, div.wiki-wrapper section.wiki-body { + -webkit-box-shadow: inset 0 0 2px 3px #f3f3f3; + -moz-box-shadow: inset 0 0 2px 3px #f3f3f3; + -ms-box-shadow: inset 0 0 2px 3px #f3f3f3; + -o-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; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + display: table-cell; + padding: 22.652px; + vertical-align: top; + width: 76.518%; } + @media print { + .content, div.course-wrapper section.course-content, div.book-wrapper section.book, div.info-wrapper section.updates, div.profile-wrapper section.course-info, div.gradebook-wrapper section.gradebook-content, div.wiki-wrapper section.wiki-body { + -webkit-box-shadow: none; + -moz-box-shadow: none; + -ms-box-shadow: none; + -o-box-shadow: none; + box-shadow: none; } } + +.sidebar, section.course-index, div.book-wrapper section.book-sidebar, div.info-wrapper section.handouts, div.profile-wrapper section.user-info, div#wiki_panel, div.discussion-wrapper aside { + 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; + -ms-box-shadow: inset 0 0 0 1px #f6f6f6; + -o-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; + -ms-box-sizing: border-box; + -o-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.book-wrapper section.book-sidebar h1, div.info-wrapper section.handouts h1, div.profile-wrapper section.user-info h1, div#wiki_panel h1, div.discussion-wrapper aside h1, .sidebar h2, section.course-index h2, div.book-wrapper section.book-sidebar h2, div.info-wrapper section.handouts h2, div.profile-wrapper section.user-info h2, div#wiki_panel h2, div.discussion-wrapper aside h2 { + font-size: 18px; + font-weight: 800; + letter-spacing: 0; + text-transform: none; } + .sidebar .bottom-border, section.course-index .bottom-border, div.book-wrapper section.book-sidebar .bottom-border, div.info-wrapper section.handouts .bottom-border, div.profile-wrapper section.user-info .bottom-border, div#wiki_panel .bottom-border, div.discussion-wrapper aside .bottom-border, .sidebar h3, section.course-index .sidebar h3, .sidebar section.course-index h3, div.book-wrapper section.book-sidebar .sidebar h3, .sidebar div.book-wrapper section.book-sidebar h3, div.info-wrapper section.handouts .sidebar h3, .sidebar div.info-wrapper section.handouts h3, div.profile-wrapper section.user-info .sidebar h3, .sidebar div.profile-wrapper section.user-info h3, div#wiki_panel .sidebar h3, .sidebar div#wiki_panel h3, div.discussion-wrapper aside .sidebar h3, .sidebar div.discussion-wrapper aside h3, .sidebar section.course-index h3, section.course-index .sidebar h3, section.course-index h3, div.book-wrapper section.book-sidebar section.course-index h3, section.course-index div.book-wrapper section.book-sidebar h3, div.info-wrapper section.handouts section.course-index h3, section.course-index div.info-wrapper section.handouts h3, div.profile-wrapper section.user-info section.course-index h3, section.course-index div.profile-wrapper section.user-info h3, div#wiki_panel section.course-index h3, section.course-index div#wiki_panel h3, div.discussion-wrapper aside section.course-index h3, section.course-index div.discussion-wrapper aside h3, .sidebar div.book-wrapper section.book-sidebar h3, div.book-wrapper section.book-sidebar .sidebar h3, section.course-index div.book-wrapper section.book-sidebar h3, div.book-wrapper section.book-sidebar section.course-index h3, div.book-wrapper section.book-sidebar h3, div.info-wrapper section.handouts div.book-wrapper section.book-sidebar h3, div.book-wrapper section.book-sidebar div.info-wrapper section.handouts h3, div.profile-wrapper section.user-info div.book-wrapper section.book-sidebar h3, div.book-wrapper section.book-sidebar div.profile-wrapper section.user-info h3, div#wiki_panel div.book-wrapper section.book-sidebar h3, div.book-wrapper section.book-sidebar div#wiki_panel h3, div.discussion-wrapper aside div.book-wrapper section.book-sidebar h3, div.book-wrapper section.book-sidebar div.discussion-wrapper aside h3, .sidebar div.info-wrapper section.handouts h3, div.info-wrapper section.handouts .sidebar h3, section.course-index div.info-wrapper section.handouts h3, div.info-wrapper section.handouts section.course-index h3, div.book-wrapper section.book-sidebar div.info-wrapper section.handouts h3, div.info-wrapper section.handouts div.book-wrapper section.book-sidebar h3, div.info-wrapper section.handouts h3, div.profile-wrapper section.user-info div.info-wrapper section.handouts h3, div.info-wrapper section.handouts div.profile-wrapper section.user-info h3, div#wiki_panel div.info-wrapper section.handouts h3, div.info-wrapper section.handouts div#wiki_panel h3, div.discussion-wrapper aside div.info-wrapper section.handouts h3, div.info-wrapper section.handouts div.discussion-wrapper aside h3, .sidebar div.profile-wrapper section.user-info h3, div.profile-wrapper section.user-info .sidebar h3, section.course-index div.profile-wrapper section.user-info h3, div.profile-wrapper section.user-info section.course-index h3, div.book-wrapper section.book-sidebar div.profile-wrapper section.user-info h3, div.profile-wrapper section.user-info div.book-wrapper section.book-sidebar h3, div.info-wrapper section.handouts div.profile-wrapper section.user-info h3, div.profile-wrapper section.user-info div.info-wrapper section.handouts h3, div.profile-wrapper section.user-info h3, div#wiki_panel div.profile-wrapper section.user-info h3, div.profile-wrapper section.user-info div#wiki_panel h3, div.discussion-wrapper aside div.profile-wrapper section.user-info h3, div.profile-wrapper section.user-info div.discussion-wrapper aside h3, .sidebar div#wiki_panel h3, div#wiki_panel .sidebar h3, section.course-index div#wiki_panel h3, div#wiki_panel section.course-index h3, div.book-wrapper section.book-sidebar div#wiki_panel h3, div#wiki_panel div.book-wrapper section.book-sidebar h3, div.info-wrapper section.handouts div#wiki_panel h3, div#wiki_panel div.info-wrapper section.handouts h3, div.profile-wrapper section.user-info div#wiki_panel h3, div#wiki_panel div.profile-wrapper section.user-info h3, div#wiki_panel h3, div.discussion-wrapper aside div#wiki_panel h3, div#wiki_panel div.discussion-wrapper aside h3, .sidebar div.discussion-wrapper aside h3, div.discussion-wrapper aside .sidebar h3, section.course-index div.discussion-wrapper aside h3, div.discussion-wrapper aside section.course-index h3, div.book-wrapper section.book-sidebar div.discussion-wrapper aside h3, div.discussion-wrapper aside div.book-wrapper section.book-sidebar h3, div.info-wrapper section.handouts div.discussion-wrapper aside h3, div.discussion-wrapper aside div.info-wrapper section.handouts h3, div.profile-wrapper section.user-info div.discussion-wrapper aside h3, div.discussion-wrapper aside div.profile-wrapper section.user-info h3, div#wiki_panel div.discussion-wrapper aside h3, div.discussion-wrapper aside div#wiki_panel h3, div.discussion-wrapper aside h3, .sidebar div#wiki_panel input[type="button"], section.course-index .sidebar div#wiki_panel input[type="button"], .sidebar div#wiki_panel section.course-index input[type="button"], div.book-wrapper section.book-sidebar .sidebar div#wiki_panel input[type="button"], .sidebar div#wiki_panel div.book-wrapper section.book-sidebar input[type="button"], div.info-wrapper section.handouts .sidebar div#wiki_panel input[type="button"], .sidebar div#wiki_panel div.info-wrapper section.handouts input[type="button"], div.profile-wrapper section.user-info .sidebar div#wiki_panel input[type="button"], .sidebar div#wiki_panel div.profile-wrapper section.user-info input[type="button"], .sidebar div#wiki_panel input[type="button"], div.discussion-wrapper aside .sidebar div#wiki_panel input[type="button"], .sidebar div#wiki_panel div.discussion-wrapper aside input[type="button"], div#wiki_panel .sidebar input[type="button"], section.course-index div#wiki_panel .sidebar input[type="button"], div#wiki_panel .sidebar section.course-index input[type="button"], div.book-wrapper section.book-sidebar div#wiki_panel .sidebar input[type="button"], div#wiki_panel .sidebar div.book-wrapper section.book-sidebar input[type="button"], div.info-wrapper section.handouts div#wiki_panel .sidebar input[type="button"], div#wiki_panel .sidebar div.info-wrapper section.handouts input[type="button"], div.profile-wrapper section.user-info div#wiki_panel .sidebar input[type="button"], div#wiki_panel .sidebar div.profile-wrapper section.user-info input[type="button"], div#wiki_panel .sidebar input[type="button"], div.discussion-wrapper aside div#wiki_panel .sidebar input[type="button"], div#wiki_panel .sidebar div.discussion-wrapper aside input[type="button"], .sidebar section.course-index div#wiki_panel input[type="button"], section.course-index div#wiki_panel .sidebar input[type="button"], section.course-index div#wiki_panel input[type="button"], div.book-wrapper section.book-sidebar section.course-index div#wiki_panel input[type="button"], section.course-index div#wiki_panel div.book-wrapper section.book-sidebar input[type="button"], div.info-wrapper section.handouts section.course-index div#wiki_panel input[type="button"], section.course-index div#wiki_panel div.info-wrapper section.handouts input[type="button"], div.profile-wrapper section.user-info section.course-index div#wiki_panel input[type="button"], section.course-index div#wiki_panel div.profile-wrapper section.user-info input[type="button"], section.course-index div#wiki_panel input[type="button"], div.discussion-wrapper aside section.course-index div#wiki_panel input[type="button"], section.course-index div#wiki_panel div.discussion-wrapper aside input[type="button"], .sidebar div#wiki_panel section.course-index input[type="button"], div#wiki_panel section.course-index .sidebar input[type="button"], div#wiki_panel section.course-index input[type="button"], div.book-wrapper section.book-sidebar div#wiki_panel section.course-index input[type="button"], div#wiki_panel section.course-index div.book-wrapper section.book-sidebar input[type="button"], div.info-wrapper section.handouts div#wiki_panel section.course-index input[type="button"], div#wiki_panel section.course-index div.info-wrapper section.handouts input[type="button"], div.profile-wrapper section.user-info div#wiki_panel section.course-index input[type="button"], div#wiki_panel section.course-index div.profile-wrapper section.user-info input[type="button"], div#wiki_panel section.course-index input[type="button"], div.discussion-wrapper aside div#wiki_panel section.course-index input[type="button"], div#wiki_panel section.course-index div.discussion-wrapper aside input[type="button"], .sidebar div.book-wrapper section.book-sidebar div#wiki_panel input[type="button"], div.book-wrapper section.book-sidebar div#wiki_panel .sidebar input[type="button"], section.course-index div.book-wrapper section.book-sidebar div#wiki_panel input[type="button"], div.book-wrapper section.book-sidebar div#wiki_panel section.course-index input[type="button"], div.book-wrapper section.book-sidebar div#wiki_panel input[type="button"], div.info-wrapper section.handouts div.book-wrapper section.book-sidebar div#wiki_panel input[type="button"], div.book-wrapper section.book-sidebar div#wiki_panel div.info-wrapper section.handouts input[type="button"], div.profile-wrapper section.user-info div.book-wrapper section.book-sidebar div#wiki_panel input[type="button"], div.book-wrapper section.book-sidebar div#wiki_panel div.profile-wrapper section.user-info input[type="button"], div.book-wrapper section.book-sidebar div#wiki_panel input[type="button"], div.discussion-wrapper aside div.book-wrapper section.book-sidebar div#wiki_panel input[type="button"], div.book-wrapper section.book-sidebar div#wiki_panel div.discussion-wrapper aside input[type="button"], .sidebar div#wiki_panel div.book-wrapper section.book-sidebar input[type="button"], div#wiki_panel div.book-wrapper section.book-sidebar .sidebar input[type="button"], section.course-index div#wiki_panel div.book-wrapper section.book-sidebar input[type="button"], div#wiki_panel div.book-wrapper section.book-sidebar section.course-index input[type="button"], div#wiki_panel div.book-wrapper section.book-sidebar input[type="button"], div.info-wrapper section.handouts div#wiki_panel div.book-wrapper section.book-sidebar input[type="button"], div#wiki_panel div.book-wrapper section.book-sidebar div.info-wrapper section.handouts input[type="button"], div.profile-wrapper section.user-info div#wiki_panel div.book-wrapper section.book-sidebar input[type="button"], div#wiki_panel div.book-wrapper section.book-sidebar div.profile-wrapper section.user-info input[type="button"], div#wiki_panel div.book-wrapper section.book-sidebar input[type="button"], div.discussion-wrapper aside div#wiki_panel div.book-wrapper section.book-sidebar input[type="button"], div#wiki_panel div.book-wrapper section.book-sidebar div.discussion-wrapper aside input[type="button"], .sidebar div.info-wrapper section.handouts div#wiki_panel input[type="button"], div.info-wrapper section.handouts div#wiki_panel .sidebar input[type="button"], section.course-index div.info-wrapper section.handouts div#wiki_panel input[type="button"], div.info-wrapper section.handouts div#wiki_panel section.course-index input[type="button"], div.book-wrapper section.book-sidebar div.info-wrapper section.handouts div#wiki_panel input[type="button"], div.info-wrapper section.handouts div#wiki_panel div.book-wrapper section.book-sidebar input[type="button"], div.info-wrapper section.handouts div#wiki_panel input[type="button"], div.profile-wrapper section.user-info div.info-wrapper section.handouts div#wiki_panel input[type="button"], div.info-wrapper section.handouts div#wiki_panel div.profile-wrapper section.user-info input[type="button"], div.info-wrapper section.handouts div#wiki_panel input[type="button"], div.discussion-wrapper aside div.info-wrapper section.handouts div#wiki_panel input[type="button"], div.info-wrapper section.handouts div#wiki_panel div.discussion-wrapper aside input[type="button"], .sidebar div#wiki_panel div.info-wrapper section.handouts input[type="button"], div#wiki_panel div.info-wrapper section.handouts .sidebar input[type="button"], section.course-index div#wiki_panel div.info-wrapper section.handouts input[type="button"], div#wiki_panel div.info-wrapper section.handouts section.course-index input[type="button"], div.book-wrapper section.book-sidebar div#wiki_panel div.info-wrapper section.handouts input[type="button"], div#wiki_panel div.info-wrapper section.handouts div.book-wrapper section.book-sidebar input[type="button"], div#wiki_panel div.info-wrapper section.handouts input[type="button"], div.profile-wrapper section.user-info div#wiki_panel div.info-wrapper section.handouts input[type="button"], div#wiki_panel div.info-wrapper section.handouts div.profile-wrapper section.user-info input[type="button"], div#wiki_panel div.info-wrapper section.handouts input[type="button"], div.discussion-wrapper aside div#wiki_panel div.info-wrapper section.handouts input[type="button"], div#wiki_panel div.info-wrapper section.handouts div.discussion-wrapper aside input[type="button"], .sidebar div.profile-wrapper section.user-info div#wiki_panel input[type="button"], div.profile-wrapper section.user-info div#wiki_panel .sidebar input[type="button"], section.course-index div.profile-wrapper section.user-info div#wiki_panel input[type="button"], div.profile-wrapper section.user-info div#wiki_panel section.course-index input[type="button"], div.book-wrapper section.book-sidebar div.profile-wrapper section.user-info div#wiki_panel input[type="button"], div.profile-wrapper section.user-info div#wiki_panel div.book-wrapper section.book-sidebar input[type="button"], div.info-wrapper section.handouts div.profile-wrapper section.user-info div#wiki_panel input[type="button"], div.profile-wrapper section.user-info div#wiki_panel div.info-wrapper section.handouts input[type="button"], div.profile-wrapper section.user-info div#wiki_panel input[type="button"], div.profile-wrapper section.user-info div#wiki_panel input[type="button"], div.discussion-wrapper aside div.profile-wrapper section.user-info div#wiki_panel input[type="button"], div.profile-wrapper section.user-info div#wiki_panel div.discussion-wrapper aside input[type="button"], .sidebar div#wiki_panel div.profile-wrapper section.user-info input[type="button"], div#wiki_panel div.profile-wrapper section.user-info .sidebar input[type="button"], section.course-index div#wiki_panel div.profile-wrapper section.user-info input[type="button"], div#wiki_panel div.profile-wrapper section.user-info section.course-index input[type="button"], div.book-wrapper section.book-sidebar div#wiki_panel div.profile-wrapper section.user-info input[type="button"], div#wiki_panel div.profile-wrapper section.user-info div.book-wrapper section.book-sidebar input[type="button"], div.info-wrapper section.handouts div#wiki_panel div.profile-wrapper section.user-info input[type="button"], div#wiki_panel div.profile-wrapper section.user-info div.info-wrapper section.handouts input[type="button"], div#wiki_panel div.profile-wrapper section.user-info input[type="button"], div#wiki_panel div.profile-wrapper section.user-info input[type="button"], div.discussion-wrapper aside div#wiki_panel div.profile-wrapper section.user-info input[type="button"], div#wiki_panel div.profile-wrapper section.user-info div.discussion-wrapper aside input[type="button"], .sidebar div#wiki_panel input[type="button"], div#wiki_panel .sidebar input[type="button"], section.course-index div#wiki_panel input[type="button"], div#wiki_panel section.course-index input[type="button"], div.book-wrapper section.book-sidebar div#wiki_panel input[type="button"], div#wiki_panel div.book-wrapper section.book-sidebar input[type="button"], div.info-wrapper section.handouts div#wiki_panel input[type="button"], div#wiki_panel div.info-wrapper section.handouts input[type="button"], div.profile-wrapper section.user-info div#wiki_panel input[type="button"], div#wiki_panel div.profile-wrapper section.user-info input[type="button"], div#wiki_panel input[type="button"], div.discussion-wrapper aside div#wiki_panel input[type="button"], div#wiki_panel div.discussion-wrapper aside input[type="button"], .sidebar div.discussion-wrapper aside div#wiki_panel input[type="button"], div.discussion-wrapper aside div#wiki_panel .sidebar input[type="button"], section.course-index div.discussion-wrapper aside div#wiki_panel input[type="button"], div.discussion-wrapper aside div#wiki_panel section.course-index input[type="button"], div.book-wrapper section.book-sidebar div.discussion-wrapper aside div#wiki_panel input[type="button"], div.discussion-wrapper aside div#wiki_panel div.book-wrapper section.book-sidebar input[type="button"], div.info-wrapper section.handouts div.discussion-wrapper aside div#wiki_panel input[type="button"], div.discussion-wrapper aside div#wiki_panel div.info-wrapper section.handouts input[type="button"], div.profile-wrapper section.user-info div.discussion-wrapper aside div#wiki_panel input[type="button"], div.discussion-wrapper aside div#wiki_panel div.profile-wrapper section.user-info input[type="button"], div.discussion-wrapper aside div#wiki_panel input[type="button"], div.discussion-wrapper aside div#wiki_panel input[type="button"], .sidebar div#wiki_panel div.discussion-wrapper aside input[type="button"], div#wiki_panel div.discussion-wrapper aside .sidebar input[type="button"], section.course-index div#wiki_panel div.discussion-wrapper aside input[type="button"], div#wiki_panel div.discussion-wrapper aside section.course-index input[type="button"], div.book-wrapper section.book-sidebar div#wiki_panel div.discussion-wrapper aside input[type="button"], div#wiki_panel div.discussion-wrapper aside div.book-wrapper section.book-sidebar input[type="button"], div.info-wrapper section.handouts div#wiki_panel div.discussion-wrapper aside input[type="button"], div#wiki_panel div.discussion-wrapper aside div.info-wrapper section.handouts input[type="button"], div.profile-wrapper section.user-info div#wiki_panel div.discussion-wrapper aside input[type="button"], div#wiki_panel div.discussion-wrapper aside div.profile-wrapper section.user-info input[type="button"], div#wiki_panel div.discussion-wrapper aside input[type="button"], div#wiki_panel div.discussion-wrapper aside input[type="button"], .sidebar div.info-wrapper section.handouts h1, div.info-wrapper section.handouts .sidebar h1, section.course-index div.info-wrapper section.handouts h1, div.info-wrapper section.handouts section.course-index h1, div.book-wrapper section.book-sidebar div.info-wrapper section.handouts h1, div.info-wrapper section.handouts div.book-wrapper section.book-sidebar h1, div.info-wrapper section.handouts h1, div.profile-wrapper section.user-info div.info-wrapper section.handouts h1, div.info-wrapper section.handouts div.profile-wrapper section.user-info h1, div#wiki_panel div.info-wrapper section.handouts h1, div.info-wrapper section.handouts div#wiki_panel h1, div.discussion-wrapper aside div.info-wrapper section.handouts h1, div.info-wrapper section.handouts div.discussion-wrapper aside h1, .sidebar div.profile-wrapper section.user-info h1, div.profile-wrapper section.user-info .sidebar h1, section.course-index div.profile-wrapper section.user-info h1, div.profile-wrapper section.user-info section.course-index h1, div.book-wrapper section.book-sidebar div.profile-wrapper section.user-info h1, div.profile-wrapper section.user-info div.book-wrapper section.book-sidebar h1, div.info-wrapper section.handouts div.profile-wrapper section.user-info h1, div.profile-wrapper section.user-info div.info-wrapper section.handouts h1, div.profile-wrapper section.user-info h1, div#wiki_panel div.profile-wrapper section.user-info h1, div.profile-wrapper section.user-info div#wiki_panel h1, div.discussion-wrapper aside div.profile-wrapper section.user-info h1, div.profile-wrapper section.user-info div.discussion-wrapper aside h1, .sidebar div#wiki_panel h2, div#wiki_panel .sidebar h2, section.course-index div#wiki_panel h2, div#wiki_panel section.course-index h2, div.book-wrapper section.book-sidebar div#wiki_panel h2, div#wiki_panel div.book-wrapper section.book-sidebar h2, div.info-wrapper section.handouts div#wiki_panel h2, div#wiki_panel div.info-wrapper section.handouts h2, div.profile-wrapper section.user-info div#wiki_panel h2, div#wiki_panel div.profile-wrapper section.user-info h2, div#wiki_panel h2, div.discussion-wrapper aside div#wiki_panel h2, div#wiki_panel div.discussion-wrapper aside h2, .sidebar div.discussion-wrapper aside h1, div.discussion-wrapper aside .sidebar h1, section.course-index div.discussion-wrapper aside h1, div.discussion-wrapper aside section.course-index h1, div.book-wrapper section.book-sidebar div.discussion-wrapper aside h1, div.discussion-wrapper aside div.book-wrapper section.book-sidebar h1, div.info-wrapper section.handouts div.discussion-wrapper aside h1, div.discussion-wrapper aside div.info-wrapper section.handouts h1, div.profile-wrapper section.user-info div.discussion-wrapper aside h1, div.discussion-wrapper aside div.profile-wrapper section.user-info h1, div#wiki_panel div.discussion-wrapper aside h1, div.discussion-wrapper aside div#wiki_panel h1, div.discussion-wrapper aside h1 { + -webkit-box-shadow: 0 1px 0 #eeeeee; + -moz-box-shadow: 0 1px 0 #eeeeee; + -ms-box-shadow: 0 1px 0 #eeeeee; + -o-box-shadow: 0 1px 0 #eeeeee; + box-shadow: 0 1px 0 #eeeeee; + border-bottom: 1px solid #d3d3d3; } + @media print { + .sidebar, section.course-index, div.book-wrapper section.book-sidebar, div.info-wrapper section.handouts, div.profile-wrapper section.user-info, div#wiki_panel, div.discussion-wrapper aside { + display: none; } } + .sidebar h3, section.course-index h3, div.book-wrapper section.book-sidebar h3, div.info-wrapper section.handouts h3, div.profile-wrapper section.user-info h3, div#wiki_panel h3, div.discussion-wrapper aside h3, .sidebar div#wiki_panel input[type="button"], div#wiki_panel .sidebar input[type="button"], section.course-index div#wiki_panel input[type="button"], div#wiki_panel section.course-index input[type="button"], div.book-wrapper section.book-sidebar div#wiki_panel input[type="button"], div#wiki_panel div.book-wrapper section.book-sidebar input[type="button"], div.info-wrapper section.handouts div#wiki_panel input[type="button"], div#wiki_panel div.info-wrapper section.handouts input[type="button"], div.profile-wrapper section.user-info div#wiki_panel input[type="button"], div#wiki_panel div.profile-wrapper section.user-info input[type="button"], div#wiki_panel input[type="button"], div.discussion-wrapper aside div#wiki_panel input[type="button"], div#wiki_panel div.discussion-wrapper aside input[type="button"] { + border: none; + border-bottom: 1px solid #d3d3d3; + background: none; + color: #000; + font-weight: normal; + margin: 0; + overflow: hidden; } + .sidebar h3 a, section.course-index h3 a, div.book-wrapper section.book-sidebar h3 a, div.info-wrapper section.handouts h3 a, div.profile-wrapper section.user-info h3 a, div#wiki_panel h3 a, div.discussion-wrapper aside h3 a, .sidebar div#wiki_panel input[type="button"] a, div#wiki_panel .sidebar input[type="button"] a, section.course-index div#wiki_panel input[type="button"] a, div#wiki_panel section.course-index input[type="button"] a, div.book-wrapper section.book-sidebar div#wiki_panel input[type="button"] a, div#wiki_panel div.book-wrapper section.book-sidebar input[type="button"] a, div.info-wrapper section.handouts div#wiki_panel input[type="button"] a, div#wiki_panel div.info-wrapper section.handouts input[type="button"] a, div.profile-wrapper section.user-info div#wiki_panel input[type="button"] a, div#wiki_panel div.profile-wrapper section.user-info input[type="button"] a, div#wiki_panel input[type="button"] a, div.discussion-wrapper aside div#wiki_panel input[type="button"] a, div#wiki_panel div.discussion-wrapper aside input[type="button"] 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 a:hover, section.course-index h3 a:hover, div.book-wrapper section.book-sidebar h3 a:hover, div.info-wrapper section.handouts h3 a:hover, div.profile-wrapper section.user-info h3 a:hover, div#wiki_panel h3 a:hover, div.discussion-wrapper aside h3 a:hover, .sidebar div#wiki_panel input[type="button"] a:hover, div#wiki_panel .sidebar input[type="button"] a:hover, section.course-index div#wiki_panel input[type="button"] a:hover, div#wiki_panel section.course-index input[type="button"] a:hover, div.book-wrapper section.book-sidebar div#wiki_panel input[type="button"] a:hover, div#wiki_panel div.book-wrapper section.book-sidebar input[type="button"] a:hover, div.info-wrapper section.handouts div#wiki_panel input[type="button"] a:hover, div#wiki_panel div.info-wrapper section.handouts input[type="button"] a:hover, div.profile-wrapper section.user-info div#wiki_panel input[type="button"] a:hover, div#wiki_panel div.profile-wrapper section.user-info input[type="button"] a:hover, div#wiki_panel input[type="button"] a:hover, div.discussion-wrapper aside div#wiki_panel input[type="button"] a:hover, div#wiki_panel div.discussion-wrapper aside input[type="button"] a:hover { + background: #efefef; + -webkit-box-shadow: 0 1px 0 white; + -moz-box-shadow: 0 1px 0 white; + -ms-box-shadow: 0 1px 0 white; + -o-box-shadow: 0 1px 0 white; + box-shadow: 0 1px 0 white; } + .sidebar h3 span.ui-icon, section.course-index h3 span.ui-icon, div.book-wrapper section.book-sidebar h3 span.ui-icon, div.info-wrapper section.handouts h3 span.ui-icon, div.profile-wrapper section.user-info h3 span.ui-icon, div#wiki_panel h3 span.ui-icon, div.discussion-wrapper aside h3 span.ui-icon, .sidebar div#wiki_panel input[type="button"] span.ui-icon, div#wiki_panel .sidebar input[type="button"] span.ui-icon, section.course-index div#wiki_panel input[type="button"] span.ui-icon, div#wiki_panel section.course-index input[type="button"] span.ui-icon, div.book-wrapper section.book-sidebar div#wiki_panel input[type="button"] span.ui-icon, div#wiki_panel div.book-wrapper section.book-sidebar input[type="button"] span.ui-icon, div.info-wrapper section.handouts div#wiki_panel input[type="button"] span.ui-icon, div#wiki_panel div.info-wrapper section.handouts input[type="button"] span.ui-icon, div.profile-wrapper section.user-info div#wiki_panel input[type="button"] span.ui-icon, div#wiki_panel div.profile-wrapper section.user-info input[type="button"] span.ui-icon, div#wiki_panel input[type="button"] span.ui-icon, div.discussion-wrapper aside div#wiki_panel input[type="button"] span.ui-icon, div#wiki_panel div.discussion-wrapper aside input[type="button"] span.ui-icon { + background-image: url(images/ui-icons_454545_256x240.png); } + .sidebar h3.active, section.course-index h3.active, div.book-wrapper section.book-sidebar h3.active, div.info-wrapper section.handouts h3.active, div.profile-wrapper section.user-info h3.active, div#wiki_panel h3.active, div.discussion-wrapper aside 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.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, 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.profile-wrapper section.user-info section.course-index div#accordion h3.ui-accordion-header.ui-state-active, section.course-index div#accordion div.profile-wrapper section.user-info h3.ui-accordion-header.ui-state-active, div#wiki_panel section.course-index div#accordion h3.ui-accordion-header.ui-state-active, section.course-index div#accordion div#wiki_panel h3.ui-accordion-header.ui-state-active, div.discussion-wrapper aside section.course-index div#accordion h3.ui-accordion-header.ui-state-active, section.course-index div#accordion div.discussion-wrapper aside h3.ui-accordion-header.ui-state-active, .sidebar section.course-index div#accordion div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"], section.course-index div#accordion div#wiki_panel .sidebar input.ui-accordion-header.ui-state-active[type="button"], section.course-index div#accordion div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"], div.book-wrapper section.book-sidebar section.course-index div#accordion div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"], section.course-index div#accordion div#wiki_panel div.book-wrapper section.book-sidebar input.ui-accordion-header.ui-state-active[type="button"], div.info-wrapper section.handouts section.course-index div#accordion div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"], section.course-index div#accordion div#wiki_panel div.info-wrapper section.handouts input.ui-accordion-header.ui-state-active[type="button"], div.profile-wrapper section.user-info section.course-index div#accordion div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"], section.course-index div#accordion div#wiki_panel div.profile-wrapper section.user-info input.ui-accordion-header.ui-state-active[type="button"], section.course-index div#accordion div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"], div.discussion-wrapper aside section.course-index div#accordion div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"], section.course-index div#accordion div#wiki_panel div.discussion-wrapper aside input.ui-accordion-header.ui-state-active[type="button"], .sidebar div#wiki_panel section.course-index div#accordion input.ui-accordion-header.ui-state-active[type="button"], div#wiki_panel section.course-index div#accordion .sidebar input.ui-accordion-header.ui-state-active[type="button"], div#wiki_panel section.course-index div#accordion input.ui-accordion-header.ui-state-active[type="button"], div.book-wrapper section.book-sidebar div#wiki_panel section.course-index div#accordion input.ui-accordion-header.ui-state-active[type="button"], div#wiki_panel section.course-index div#accordion div.book-wrapper section.book-sidebar input.ui-accordion-header.ui-state-active[type="button"], div.info-wrapper section.handouts div#wiki_panel section.course-index div#accordion input.ui-accordion-header.ui-state-active[type="button"], div#wiki_panel section.course-index div#accordion div.info-wrapper section.handouts input.ui-accordion-header.ui-state-active[type="button"], div.profile-wrapper section.user-info div#wiki_panel section.course-index div#accordion input.ui-accordion-header.ui-state-active[type="button"], div#wiki_panel section.course-index div#accordion div.profile-wrapper section.user-info input.ui-accordion-header.ui-state-active[type="button"], div#wiki_panel section.course-index div#accordion input.ui-accordion-header.ui-state-active[type="button"], div.discussion-wrapper aside div#wiki_panel section.course-index div#accordion input.ui-accordion-header.ui-state-active[type="button"], div#wiki_panel section.course-index div#accordion div.discussion-wrapper aside input.ui-accordion-header.ui-state-active[type="button"], .sidebar div#wiki_panel input.active[type="button"], div#wiki_panel .sidebar input.active[type="button"], section.course-index div#wiki_panel input.active[type="button"], div#wiki_panel section.course-index input.active[type="button"], div.book-wrapper section.book-sidebar div#wiki_panel input.active[type="button"], div#wiki_panel div.book-wrapper section.book-sidebar input.active[type="button"], div.info-wrapper section.handouts div#wiki_panel input.active[type="button"], div#wiki_panel div.info-wrapper section.handouts input.active[type="button"], div.profile-wrapper section.user-info div#wiki_panel input.active[type="button"], div#wiki_panel div.profile-wrapper section.user-info input.active[type="button"], div#wiki_panel input.active[type="button"], div.discussion-wrapper aside div#wiki_panel input.active[type="button"], div#wiki_panel div.discussion-wrapper aside input.active[type="button"] { + background: none; + border: 0; + border-bottom: 1px solid #bbb; + -webkit-box-shadow: none; + -moz-box-shadow: none; + -ms-box-shadow: none; + -o-box-shadow: none; + box-shadow: none; + color: #000; + font-weight: bold; } + .sidebar h3.active a, section.course-index h3.active a, div.book-wrapper section.book-sidebar h3.active a, div.info-wrapper section.handouts h3.active a, div.profile-wrapper section.user-info h3.active a, div#wiki_panel h3.active a, div.discussion-wrapper aside 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.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, 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.profile-wrapper section.user-info section.course-index div#accordion h3.ui-accordion-header.ui-state-active a, section.course-index div#accordion div.profile-wrapper section.user-info h3.ui-accordion-header.ui-state-active a, div#wiki_panel section.course-index div#accordion h3.ui-accordion-header.ui-state-active a, section.course-index div#accordion div#wiki_panel h3.ui-accordion-header.ui-state-active a, div.discussion-wrapper aside section.course-index div#accordion h3.ui-accordion-header.ui-state-active a, section.course-index div#accordion div.discussion-wrapper aside h3.ui-accordion-header.ui-state-active a, .sidebar section.course-index div#accordion div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"] a, section.course-index div#accordion div#wiki_panel .sidebar input.ui-accordion-header.ui-state-active[type="button"] a, section.course-index div#accordion div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"] a, div.book-wrapper section.book-sidebar section.course-index div#accordion div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"] a, section.course-index div#accordion div#wiki_panel div.book-wrapper section.book-sidebar input.ui-accordion-header.ui-state-active[type="button"] a, div.info-wrapper section.handouts section.course-index div#accordion div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"] a, section.course-index div#accordion div#wiki_panel div.info-wrapper section.handouts input.ui-accordion-header.ui-state-active[type="button"] a, div.profile-wrapper section.user-info section.course-index div#accordion div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"] a, section.course-index div#accordion div#wiki_panel div.profile-wrapper section.user-info input.ui-accordion-header.ui-state-active[type="button"] a, section.course-index div#accordion div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"] a, div.discussion-wrapper aside section.course-index div#accordion div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"] a, section.course-index div#accordion div#wiki_panel div.discussion-wrapper aside input.ui-accordion-header.ui-state-active[type="button"] a, .sidebar div#wiki_panel section.course-index div#accordion input.ui-accordion-header.ui-state-active[type="button"] a, div#wiki_panel section.course-index div#accordion .sidebar input.ui-accordion-header.ui-state-active[type="button"] a, div#wiki_panel section.course-index div#accordion input.ui-accordion-header.ui-state-active[type="button"] a, div.book-wrapper section.book-sidebar div#wiki_panel section.course-index div#accordion input.ui-accordion-header.ui-state-active[type="button"] a, div#wiki_panel section.course-index div#accordion div.book-wrapper section.book-sidebar input.ui-accordion-header.ui-state-active[type="button"] a, div.info-wrapper section.handouts div#wiki_panel section.course-index div#accordion input.ui-accordion-header.ui-state-active[type="button"] a, div#wiki_panel section.course-index div#accordion div.info-wrapper section.handouts input.ui-accordion-header.ui-state-active[type="button"] a, div.profile-wrapper section.user-info div#wiki_panel section.course-index div#accordion input.ui-accordion-header.ui-state-active[type="button"] a, div#wiki_panel section.course-index div#accordion div.profile-wrapper section.user-info input.ui-accordion-header.ui-state-active[type="button"] a, div#wiki_panel section.course-index div#accordion input.ui-accordion-header.ui-state-active[type="button"] a, div.discussion-wrapper aside div#wiki_panel section.course-index div#accordion input.ui-accordion-header.ui-state-active[type="button"] a, div#wiki_panel section.course-index div#accordion div.discussion-wrapper aside input.ui-accordion-header.ui-state-active[type="button"] a, .sidebar div#wiki_panel input.active[type="button"] a, div#wiki_panel .sidebar input.active[type="button"] a, section.course-index div#wiki_panel input.active[type="button"] a, div#wiki_panel section.course-index input.active[type="button"] a, div.book-wrapper section.book-sidebar div#wiki_panel input.active[type="button"] a, div#wiki_panel div.book-wrapper section.book-sidebar input.active[type="button"] a, div.info-wrapper section.handouts div#wiki_panel input.active[type="button"] a, div#wiki_panel div.info-wrapper section.handouts input.active[type="button"] a, div.profile-wrapper section.user-info div#wiki_panel input.active[type="button"] a, div#wiki_panel div.profile-wrapper section.user-info input.active[type="button"] a, div#wiki_panel input.active[type="button"] a, div.discussion-wrapper aside div#wiki_panel input.active[type="button"] a, div#wiki_panel div.discussion-wrapper aside input.active[type="button"] a { + color: #000; } + .sidebar header#open_close_accordion, section.course-index header#open_close_accordion, div.book-wrapper section.book-sidebar header#open_close_accordion, div.info-wrapper section.handouts header#open_close_accordion, div.profile-wrapper section.user-info header#open_close_accordion, div#wiki_panel header#open_close_accordion, div.discussion-wrapper aside header#open_close_accordion { + border-bottom: 1px solid #d3d3d3; + -webkit-box-shadow: 0 1px 0 #eeeeee; + -moz-box-shadow: 0 1px 0 #eeeeee; + -ms-box-shadow: 0 1px 0 #eeeeee; + -o-box-shadow: 0 1px 0 #eeeeee; + box-shadow: 0 1px 0 #eeeeee; + padding: 11.326px 22.652px; + position: relative; } + .sidebar header#open_close_accordion h2, section.course-index header#open_close_accordion h2, div.book-wrapper section.book-sidebar header#open_close_accordion h2, div.info-wrapper section.handouts header#open_close_accordion h2, div.profile-wrapper section.user-info header#open_close_accordion h2, div#wiki_panel header#open_close_accordion h2, div.discussion-wrapper aside header#open_close_accordion h2 { + padding-right: 20px; + margin: 0; } + .sidebar header#open_close_accordion a, section.course-index header#open_close_accordion a, div.book-wrapper section.book-sidebar header#open_close_accordion a, div.info-wrapper section.handouts header#open_close_accordion a, div.profile-wrapper section.user-info header#open_close_accordion a, div#wiki_panel header#open_close_accordion a, div.discussion-wrapper aside header#open_close_accordion a { + background: #eeeeee url("/static/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.book-wrapper section.book-sidebar header#open_close_accordion a:hover, div.info-wrapper section.handouts header#open_close_accordion a:hover, div.profile-wrapper section.user-info header#open_close_accordion a:hover, div#wiki_panel header#open_close_accordion a:hover, div.discussion-wrapper aside header#open_close_accordion a:hover { + background-color: white; } + .sidebar a.button, section.course-index a.button, div.book-wrapper section.book-sidebar a.button, div.info-wrapper section.handouts a.button, div.profile-wrapper section.user-info a.button, div#wiki_panel a.button, div.discussion-wrapper aside a.button, .sidebar div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta .sidebar a.edit, section.course-index div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta section.course-index a.edit, div.book-wrapper section.book-sidebar div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.book-wrapper section.book-sidebar a.edit, div.info-wrapper section.handouts div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.info-wrapper section.handouts a.edit, div.profile-wrapper section.user-info div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.profile-wrapper section.user-info a.edit, div#wiki_panel div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div#wiki_panel a.edit, div.discussion-wrapper aside div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.discussion-wrapper aside a.edit, .sidebar div.answer-block div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta .sidebar a.edit, section.course-index div.answer-block div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta section.course-index a.edit, div.book-wrapper section.book-sidebar div.answer-block div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.book-wrapper section.book-sidebar a.edit, div.info-wrapper section.handouts div.answer-block div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.info-wrapper section.handouts a.edit, div.profile-wrapper section.user-info div.answer-block div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.profile-wrapper section.user-info a.edit, div#wiki_panel div.answer-block div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div#wiki_panel a.edit, div.discussion-wrapper aside div.answer-block div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.discussion-wrapper aside a.edit, .sidebar div.paginator div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta .sidebar a.edit, section.course-index div.paginator div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta section.course-index a.edit, div.book-wrapper section.book-sidebar div.paginator div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.book-wrapper section.book-sidebar a.edit, div.info-wrapper section.handouts div.paginator div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.info-wrapper section.handouts a.edit, div.profile-wrapper section.user-info div.paginator div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.profile-wrapper section.user-info a.edit, div#wiki_panel div.paginator div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div#wiki_panel a.edit, div.discussion-wrapper aside div.paginator div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.discussion-wrapper aside a.edit, .sidebar div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta .sidebar a.edit, section.course-index div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta section.course-index a.edit, div.book-wrapper section.book-sidebar div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.book-wrapper section.book-sidebar a.edit, div.info-wrapper section.handouts div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.info-wrapper section.handouts a.edit, div.profile-wrapper section.user-info div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.profile-wrapper section.user-info a.edit, div#wiki_panel div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div#wiki_panel a.edit, div.discussion-wrapper aside div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.discussion-wrapper aside a.edit, .sidebar div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta .sidebar a.edit, section.course-index div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta section.course-index a.edit, div.book-wrapper section.book-sidebar div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.book-wrapper section.book-sidebar a.edit, div.info-wrapper section.handouts div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.info-wrapper section.handouts a.edit, div.profile-wrapper section.user-info div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.profile-wrapper section.user-info a.edit, div#wiki_panel div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div#wiki_panel a.edit, div.discussion-wrapper aside div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.discussion-wrapper aside a.edit, .sidebar div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta .sidebar a.edit, section.course-index div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta section.course-index a.edit, div.book-wrapper section.book-sidebar div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.book-wrapper section.book-sidebar a.edit, div.info-wrapper section.handouts div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.info-wrapper section.handouts a.edit, div.profile-wrapper section.user-info div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.profile-wrapper section.user-info a.edit, div#wiki_panel div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div#wiki_panel a.edit, div.discussion-wrapper aside div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.discussion-wrapper aside a.edit, .sidebar div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta .sidebar a.edit, section.course-index div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta section.course-index a.edit, div.book-wrapper section.book-sidebar div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.book-wrapper section.book-sidebar a.edit, div.info-wrapper section.handouts div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.info-wrapper section.handouts a.edit, div.profile-wrapper section.user-info div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.profile-wrapper section.user-info a.edit, div#wiki_panel div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div#wiki_panel a.edit, div.discussion-wrapper aside div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.discussion-wrapper aside a.edit, .sidebar div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta .sidebar a.edit, section.course-index div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta section.course-index a.edit, div.book-wrapper section.book-sidebar div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.book-wrapper section.book-sidebar a.edit, div.info-wrapper section.handouts div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.info-wrapper section.handouts a.edit, div.profile-wrapper section.user-info div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.profile-wrapper section.user-info a.edit, div#wiki_panel div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div#wiki_panel a.edit, div.discussion-wrapper aside div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.discussion-wrapper aside a.edit, .sidebar div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta .sidebar a.edit, section.course-index div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta section.course-index a.edit, div.book-wrapper section.book-sidebar div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.book-wrapper section.book-sidebar a.edit, div.info-wrapper section.handouts div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.info-wrapper section.handouts a.edit, div.profile-wrapper section.user-info div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.profile-wrapper section.user-info a.edit, div#wiki_panel div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div#wiki_panel a.edit, div.discussion-wrapper aside div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.discussion-wrapper aside a.edit, .sidebar div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta .sidebar a.edit, section.course-index div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta section.course-index a.edit, div.book-wrapper section.book-sidebar div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.book-wrapper section.book-sidebar a.edit, div.info-wrapper section.handouts div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.info-wrapper section.handouts a.edit, div.profile-wrapper section.user-info div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.profile-wrapper section.user-info a.edit, div#wiki_panel div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div#wiki_panel a.edit, div.discussion-wrapper aside div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.discussion-wrapper aside a.edit, .sidebar div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta .sidebar a.edit, section.course-index div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta section.course-index a.edit, div.book-wrapper section.book-sidebar div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.book-wrapper section.book-sidebar a.edit, div.info-wrapper section.handouts div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.info-wrapper section.handouts a.edit, div.profile-wrapper section.user-info div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.profile-wrapper section.user-info a.edit, div#wiki_panel div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div#wiki_panel a.edit, div.discussion-wrapper aside div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.discussion-wrapper aside a.edit { + text-decoration: none; } + +.topbar, nav.sequence-nav, div.book-wrapper section.book nav, div.wiki-wrapper section.wiki-body header { + background: #f6efd4; + border-bottom: 1px solid #eddfaa; + -webkit-box-shadow: inset 0 1px 0 white, inset 1px 0 0 white; + -moz-box-shadow: inset 0 1px 0 white, inset 1px 0 0 white; + -ms-box-shadow: inset 0 1px 0 white, inset 1px 0 0 white; + -o-box-shadow: inset 0 1px 0 white, inset 1px 0 0 white; + box-shadow: inset 0 1px 0 white, inset 1px 0 0 white; + font-size: 12px; + margin: -22.652px -22.652px 22.652px; + text-shadow: 0 1px 0 #fff; + line-height: 46px; + height: 46px; } + @media print { + .topbar, nav.sequence-nav, div.book-wrapper section.book nav, div.wiki-wrapper section.wiki-body header { + display: none; } } + .topbar a, nav.sequence-nav a, div.book-wrapper section.book nav a, div.wiki-wrapper section.wiki-body header a { + color: #292309; } + .topbar a:hover, nav.sequence-nav a:hover, div.book-wrapper section.book nav a:hover, div.wiki-wrapper section.wiki-body header 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, div.wiki-wrapper section.wiki-body header 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, div.wiki-wrapper section.wiki-body header nav.sequence-nav ol a, nav.sequence-nav ol div.wiki-wrapper section.wiki-body header 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, div.wiki-wrapper section.wiki-body header div.book-wrapper section.book nav a, div.book-wrapper section.book nav div.wiki-wrapper section.wiki-body header a, .topbar div.wiki-wrapper section.wiki-body header a, div.wiki-wrapper section.wiki-body header .topbar a, nav.sequence-nav div.wiki-wrapper section.wiki-body header a, div.wiki-wrapper section.wiki-body header nav.sequence-nav a, div.book-wrapper section.book nav div.wiki-wrapper section.wiki-body header a, div.wiki-wrapper section.wiki-body header div.book-wrapper section.book nav a, div.wiki-wrapper section.wiki-body header a { + background: #f2e7bf; + border-left: 1px solid #e4d080; + -webkit-box-shadow: inset 1px 0 0 #faf7e9; + -moz-box-shadow: inset 1px 0 0 #faf7e9; + -ms-box-shadow: inset 1px 0 0 #faf7e9; + -o-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, div.wiki-wrapper section.wiki-body header 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, div.wiki-wrapper section.wiki-body header nav.sequence-nav ol a:hover, nav.sequence-nav ol div.wiki-wrapper section.wiki-body header 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, div.wiki-wrapper section.wiki-body header div.book-wrapper section.book nav a:hover, div.book-wrapper section.book nav div.wiki-wrapper section.wiki-body header a:hover, .topbar div.wiki-wrapper section.wiki-body header a:hover, div.wiki-wrapper section.wiki-body header .topbar a:hover, nav.sequence-nav div.wiki-wrapper section.wiki-body header a:hover, div.wiki-wrapper section.wiki-body header nav.sequence-nav a:hover, div.book-wrapper section.book nav div.wiki-wrapper section.wiki-body header a:hover, div.wiki-wrapper section.wiki-body header div.book-wrapper section.book nav a:hover, div.wiki-wrapper section.wiki-body header 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 { + display: block !important; + line-height: 1.3em; + background: yellow; + padding: 22.652px; + text-align: left; + margin-bottom: 0; } + +:focus { + outline-color: #ccc; } + +h1 a, h2 a, h3 a, div#wiki_panel input[type="button"] a, h4 a, h5 a, h6 a { + color: #000; } + +h1 { + font-size: 1.6em; + margin: 20px 0 10px 0; } + +h2 { + font-size: 14px; + font-weight: bold; + letter-spacing: 1px; + margin: 20px 0 10px 0; + text-transform: uppercase; } + +p { + margin-bottom: 22.652px; } + +em { + font-style: italic; } + +img { + max-width: 100%; + height: auto; } + +input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"], textarea { + -webkit-box-shadow: 0 -1px 0 white; + -moz-box-shadow: 0 -1px 0 white; + -ms-box-shadow: 0 -1px 0 white; + -o-box-shadow: 0 -1px 0 white; + box-shadow: 0 -1px 0 white; + background-color: #eeeeee; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, white)); + background-image: -webkit-linear-gradient(top, #eeeeee, white); + background-image: -moz-linear-gradient(top, #eeeeee, white); + background-image: -ms-linear-gradient(top, #eeeeee, white); + background-image: -o-linear-gradient(top, #eeeeee, white); + background-image: linear-gradient(top, #eeeeee, white); + border: 1px solid #999; + font: 14px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; + padding: 4px; } + input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, textarea:focus { + border-color: #993333; } + +a { + color: #993333; } + a:link { + color: #993333; } + a:visited { + color: #732626; } + a:link, a:visited { + text-decoration: none; } + a:hover, a:focus { + text-decoration: underline; } + +html { + margin-top: 0; } + html body { + color: #333333; + font: 14px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; + text-align: center; + margin: 0; + background: #f4f4f4; } + html body section.main-content, html body section.outside-app { + background: #fff; + border: 1px solid #bbb; + border-bottom: 1px solid #bbb; + -webkit-box-shadow: 0 0 4px #dfdfdf; + -moz-box-shadow: 0 0 4px #dfdfdf; + -ms-box-shadow: 0 0 4px #dfdfdf; + -o-box-shadow: 0 0 4px #dfdfdf; + box-shadow: 0 0 4px #dfdfdf; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + margin-top: 3px; + overflow: hidden; } + @media print { + html body section.main-content, html body section.outside-app { + border-bottom: 0; + -webkit-border-radius: none; + -moz-border-radius: none; + -ms-border-radius: none; + -o-border-radius: none; + border-radius: none; } } + @media screen and (min-width: 1400px) { + html body section.main-content, html body section.outside-app { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + margin-top: 11.326px; } } + html body section.outside-app { + max-width: 600px; + padding: 22.652px; } + html body section.outside-app input[type="email"], html body section.outside-app input[type="number"], html body section.outside-app input[type="password"], html body section.outside-app input[type="search"], html body section.outside-app input[type="tel"], html body section.outside-app input[type="text"], html body section.outside-app input[type="url"], html body section.outside-app input[type="color"], html body section.outside-app input[type="date"], html body section.outside-app input[type="datetime"], html body section.outside-app input[type="datetime-local"], html body section.outside-app input[type="month"], html body section.outside-app input[type="time"], html body section.outside-app input[type="week"] { + display: block; } + +div.header-wrapper { + background: #993333; + border-bottom: 1px solid #fff; + -webkit-box-shadow: inset 0 -4px 6px #862d2d; + -moz-box-shadow: inset 0 -4px 6px #862d2d; + -ms-box-shadow: inset 0 -4px 6px #862d2d; + -o-box-shadow: inset 0 -4px 6px #862d2d; + box-shadow: inset 0 -4px 6px #862d2d; } + @media print { + div.header-wrapper { + display: none; } } + div.header-wrapper header { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + padding: 0 22.652px; } + div.header-wrapper header hgroup { + float: left; + min-width: 23.482%; + padding-top: 13px; } + div.header-wrapper header hgroup h1 { + color: #391313; + font-size: 18px; + font-weight: 800; + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + line-height: 22.652px; + margin: 0; + padding: 0 11.326px 0 0; + text-shadow: 0 1px 0 #bf4040; } + div.header-wrapper header hgroup h1:after { + color: #732626; + content: "•"; + display: inline-block; + font-size: 10px; + letter-spacing: -2px; + padding-left: 11.326px; + text-shadow: 0; } + div.header-wrapper header hgroup h2 { + font-size: 16px; + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + letter-spacing: 0; + margin: 0; + padding: 0 22.652px 0px 0; + text-shadow: 0 -1px 0 #732626; + text-transform: none; + -webkit-font-smoothing: antialiased; } + div.header-wrapper header hgroup h2 a { + color: #fff; + text-decoration: none; } + div.header-wrapper header hgroup h2 a:hover { + color: rgba(255, 255, 255, 0.7); } + @media screen and (max-width: 900px) { + div.header-wrapper header hgroup { + display: block; + float: none; } + div.header-wrapper header hgroup h1 { + border: 0; + float: left; } + div.header-wrapper header hgroup h2 { + border: 0; + float: left; + margin-right: 0; } } + div.header-wrapper header nav { + background: #501016; + border-bottom: 1px solid #26080a; + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + -ms-border-radius: 3px 3px 0 0; + -o-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; + -webkit-box-shadow: inset 0 0 0 1px #3b0c10, inset 0 2px 0 #65141c; + -moz-box-shadow: inset 0 0 0 1px #3b0c10, inset 0 2px 0 #65141c; + -ms-box-shadow: inset 0 0 0 1px #3b0c10, inset 0 2px 0 #65141c; + -o-box-shadow: inset 0 0 0 1px #3b0c10, inset 0 2px 0 #65141c; + box-shadow: inset 0 0 0 1px #3b0c10, inset 0 2px 0 #65141c; + display: block; + float: left; + margin: 5px 0 0; + padding: 0; + text-shadow: 0 -1px 0 #732626; + -webkit-font-smoothing: antialiased; } + div.header-wrapper header nav ul { + margin: 0; } + div.header-wrapper header nav ul li { + line-height: 22.652px; + margin-bottom: 0; + float: left; } + div.header-wrapper header nav ul li a { + color: #fff; + display: block; + font-weight: bold; + padding: 10px 22.652px 8px; + text-decoration: none; } + @media screen and (max-width: 1020px) { + div.header-wrapper header nav ul li a { + padding: 10px 15.856px 8px; } } + div.header-wrapper header nav ul li a:hover { + color: rgba(255, 255, 255, 0.7); + background-color: none; } + @media screen and (max-width: 900px) { + div.header-wrapper header nav { + width: 100%; + float: none; } + div.header-wrapper header nav ul li { + padding: auto; + display: table-cell; + width: 16.6666666667%; + text-align: center; } } + div.header-wrapper header nav .active, div.header-wrapper header nav.courseware li.courseware a, div.header-wrapper header nav.book li.book a, div.header-wrapper header nav.info li.info a, div.header-wrapper header nav.discussion li.discussion a, div.header-wrapper header nav.wiki li.wiki a, div.header-wrapper header nav.profile li.profile a, div.header-wrapper header nav section.course-index div#accordion h3.ui-accordion-header.ui-state-active, section.course-index div#accordion div.header-wrapper header nav h3.ui-accordion-header.ui-state-active, div.header-wrapper header nav section.course-index div#accordion div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"], section.course-index div#accordion div#wiki_panel div.header-wrapper header nav input.ui-accordion-header.ui-state-active[type="button"], div.header-wrapper header nav div#wiki_panel section.course-index div#accordion input.ui-accordion-header.ui-state-active[type="button"], div#wiki_panel section.course-index div#accordion div.header-wrapper header nav input.ui-accordion-header.ui-state-active[type="button"], div.header-wrapper header nav.sequence-nav ol li a.seq_video_active, div.header-wrapper header nav.sequence-nav ol li a.seq_other_active, div.header-wrapper header nav.sequence-nav ol li a.seq_vertical_active, div.header-wrapper header nav.sequence-nav ol li a.seq_problem_active { + background: #F4F4F4; + border: 1px solid #26080a; + border-bottom: 0; + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + -ms-border-radius: 3px 3px 0 0; + -o-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; + -webkit-box-shadow: 0 2px 0 #f4f4f4, inset 0 1px 0 white; + -moz-box-shadow: 0 2px 0 #f4f4f4, inset 0 1px 0 white; + -ms-box-shadow: 0 2px 0 #f4f4f4, inset 0 1px 0 white; + -o-box-shadow: 0 2px 0 #f4f4f4, inset 0 1px 0 white; + box-shadow: 0 2px 0 #f4f4f4, inset 0 1px 0 white; + color: #333; + text-shadow: 0 1px 0 #fff; } + +footer { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + color: #777; + margin-top: 22.652px; + padding: 0 22.652px; } + @media print { + footer { + display: none; } } + footer p { + float: left; } + footer p a { + color: #444; } + footer p a:link, footer p a:visited { + color: #444; } + footer p a:hover, footer p a:focus { + color: #000; } + footer nav { + float: right; } + footer nav ul { + float: left; } + footer nav ul li { + display: inline-block; + margin-right: 20px; } + footer nav ul li a { + color: #444; } + footer nav ul li a:link, footer nav ul li a:visited { + color: #444; } + footer nav ul li a:hover, footer nav ul li a:focus { + color: #000; } + footer nav ul.social { + margin-right: 40px; + position: relative; + top: -5px; } + @media screen and (max-width: 780px) { + footer nav ul.social { + float: none; } } + footer nav ul.social li { + float: left; + margin-right: 11.326px; } + footer nav ul.social li:after { + content: none; + display: none; } + footer nav ul.social li a { + display: block; + height: 29px; + width: 28px; + text-indent: -9999px; } + footer nav ul.social li a:hover { + opacity: .8; } + footer nav ul.social li.twitter a { + background: url("/static/images/twitter.png") 0 0 no-repeat; } + footer nav ul.social li.facebook a { + background: url("/static/images/facebook.png") 0 0 no-repeat; } + footer nav ul.social li.linkedin a { + background: url("/static/images/linkedin.png") 0 0 no-repeat; } + +#lean_overlay { + position: fixed; + z-index: 100; + top: 0px; + left: 0px; + height: 100%; + width: 100%; + background: #000; + display: none; } + +div.leanModal_box { + background: #fff; + border: none; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + -webkit-box-shadow: 0 0 6px black; + -moz-box-shadow: 0 0 6px black; + -ms-box-shadow: 0 0 6px black; + -o-box-shadow: 0 0 6px black; + box-shadow: 0 0 6px black; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + display: none; + padding: 45.304px; } + div.leanModal_box a.modal_close { + color: #aaa; + display: block; + font-style: normal; + height: 14px; + position: absolute; + right: 12px; + top: 12px; + width: 14px; + z-index: 2; } + div.leanModal_box a.modal_close:hover { + text-decoration: none; + color: #993333; } + div.leanModal_box h1 { + border-bottom: 1px solid #eee; + font-size: 24px; + margin-bottom: 22.652px; + margin-top: 0; + padding-bottom: 22.652px; + text-align: left; } + div.leanModal_box#enroll { + max-width: 600px; } + div.leanModal_box#enroll ol { + padding-top: 22.652px; } + div.leanModal_box#enroll ol li.terms, div.leanModal_box#enroll ol li.honor-code { + width: auto; + float: none; } + div.leanModal_box#enroll ol li div.tip { + display: none; } + div.leanModal_box#enroll ol li:hover div.tip { + background: #333; + color: #fff; + display: block; + font-size: 16px; + line-height: 22.652px; + margin: 0 0 0 -10px; + padding: 10px; + position: absolute; + -webkit-font-smoothing: antialiased; + width: 500px; } + div.leanModal_box form { + text-align: left; } + div.leanModal_box form div#enroll_error, div.leanModal_box form div#login_error, div.leanModal_box form div#pwd_error { + background-color: #333333; + border: black; + color: #fff; + font-family: "Open sans"; + font-weight: bold; + letter-spacing: 1px; + margin: -22.652px -22.652px 22.652px; + padding: 11.326px; + text-shadow: 0 1px 0 #1a1a1a; + -webkit-font-smoothing: antialiased; } + div.leanModal_box form div#enroll_error:empty, div.leanModal_box form div#login_error:empty, div.leanModal_box form div#pwd_error:empty { + padding: 0; } + div.leanModal_box form ol { + list-style: none; + margin-bottom: 22.652px; } + div.leanModal_box form ol li { + margin-bottom: 11.326px; } + div.leanModal_box form ol li.terms, div.leanModal_box form ol li.remember { + border-top: 1px solid #eee; + clear: both; + float: none; + padding-top: 22.652px; + width: auto; } + div.leanModal_box form ol li.honor-code { + width: auto; + float: none; } + div.leanModal_box form ol li label { + display: block; + font-weight: bold; } + div.leanModal_box form ol li input[type="email"], div.leanModal_box form ol li input[type="number"], div.leanModal_box form ol li input[type="password"], div.leanModal_box form ol li input[type="search"], div.leanModal_box form ol li input[type="tel"], div.leanModal_box form ol li input[type="text"], div.leanModal_box form ol li input[type="url"], div.leanModal_box form ol li input[type="color"], div.leanModal_box form ol li input[type="date"], div.leanModal_box form ol li input[type="datetime"], div.leanModal_box form ol li input[type="datetime-local"], div.leanModal_box form ol li input[type="month"], div.leanModal_box form ol li input[type="time"], div.leanModal_box form ol li input[type="week"], div.leanModal_box form ol li textarea { + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; } + div.leanModal_box form ol li input[type="checkbox"] { + margin-right: 10px; } + div.leanModal_box form ol li ul { + list-style: disc outside none; + margin: 11.326px 0 22.652px 22.652px; } + div.leanModal_box form ol li ul li { + color: #666; + float: none; + font-size: 14px; + list-style: disc outside none; + margin-bottom: 11.326px; } + div.leanModal_box form input[type="button"], div.leanModal_box form input[type="submit"] { + border: 1px solid #691b1b; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + -webkit-box-shadow: inset 0 1px 0 0 #bc5c5c; + -moz-box-shadow: inset 0 1px 0 0 #bc5c5c; + -ms-box-shadow: inset 0 1px 0 0 #bc5c5c; + -o-box-shadow: inset 0 1px 0 0 #bc5c5c; + box-shadow: inset 0 1px 0 0 #bc5c5c; + color: white; + display: inline; + font-size: 11px; + font-weight: bold; + background-color: #993333; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #993333), color-stop(100%, #761e1e)); + background-image: -webkit-linear-gradient(top, #993333, #761e1e); + background-image: -moz-linear-gradient(top, #993333, #761e1e); + background-image: -ms-linear-gradient(top, #993333, #761e1e); + background-image: -o-linear-gradient(top, #993333, #761e1e); + background-image: linear-gradient(top, #993333, #761e1e); + padding: 6px 18px 7px; + text-shadow: 0 1px 0 #5d1414; + -webkit-background-clip: padding-box; + font-size: 18px; + padding: 11.326px; } + div.leanModal_box form input[type="button"]:hover, div.leanModal_box form input[type="submit"]:hover { + -webkit-box-shadow: inset 0 1px 0 0 #a44141; + -moz-box-shadow: inset 0 1px 0 0 #a44141; + -ms-box-shadow: inset 0 1px 0 0 #a44141; + -o-box-shadow: inset 0 1px 0 0 #a44141; + box-shadow: inset 0 1px 0 0 #a44141; + cursor: pointer; + background-color: #823030; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #823030), color-stop(100%, #691c1c)); + background-image: -webkit-linear-gradient(top, #823030, #691c1c); + background-image: -moz-linear-gradient(top, #823030, #691c1c); + background-image: -ms-linear-gradient(top, #823030, #691c1c); + background-image: -o-linear-gradient(top, #823030, #691c1c); + background-image: linear-gradient(top, #823030, #691c1c); } + div.leanModal_box form input[type="button"]:active, div.leanModal_box form input[type="submit"]:active { + border: 1px solid #691b1b; + -webkit-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee; + -moz-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee; + -ms-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee; + -o-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee; + box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee; } + +div#login { + min-width: 400px; } + div#login header { + border-bottom: 1px solid #ddd; + margin-bottom: 22.652px; + padding-bottom: 22.652px; } + div#login header h1 { + border-bottom: 0; + padding-bottom: 0; + margin-bottom: 5.663px; } + div#login ol li { + width: auto; + float: none; } + +div.lost-password { + text-align: left; + margin-top: 22.652px; } + div.lost-password a { + color: #999; } + div.lost-password a:hover { + color: #444; } + +div#pwd_reset p { + margin-bottom: 22.652px; } +div#pwd_reset input[type="email"] { + margin-bottom: 22.652px; } + +div#feedback_div form ol li { + float: none; + width: 100%; } + div#feedback_div form ol li textarea#feedback_message { + height: 100px; } + +div#calculator_div { + max-width: 500px; } + div#calculator_div form { + padding-bottom: 22.652px; + margin-bottom: 22.652px; + border-bottom: 1px solid #ddd; } + div#calculator_div form input#calculator_input { + width: 400px; } + div#calculator_div form input#calculator_button { + background: 0; + color: #993333; + border: 0; + -webkit-box-shadow: none; + -moz-box-shadow: none; + -ms-box-shadow: none; + -o-box-shadow: none; + box-shadow: none; + padding: 0; + text-shadow: none; } + div#calculator_div form input#calculator_button:hover { + color: #333; } + div#calculator_div form input#calculator_output { + border: 0; + background: none; + padding: 7.928px; + font-size: 24px; + width: 378px; + font-weight: bold; + margin-top: 4px; } + div#calculator_div dl dt { + float: left; + clear: both; + padding-right: 11.326px; + font-weight: bold; } + div#calculator_div dl dd { + float: left; } + +/* + * 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; + top: 1px; + 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%; } + +div.course-wrapper ul, div.course-wrapper ol { + list-style: none; } +div.course-wrapper section.course-content p { + margin-bottom: 22.652px; } + div.course-wrapper section.course-content p:empty { + display: none; + margin-bottom: 0; } +div.course-wrapper section.course-content ul li { + margin-bottom: 11.326px; } +div.course-wrapper section.course-content .problem-set, div.course-wrapper section.course-content section.problems-wrapper, div.course-wrapper section.course-content div#seq_content, div.course-wrapper section.course-content ol.vert-mod > li { + position: relative; } + div.course-wrapper section.course-content .problem-set h2, div.course-wrapper section.course-content section.problems-wrapper h2, div.course-wrapper section.course-content div#seq_content h2, div.course-wrapper section.course-content ol.vert-mod > li h2 { + margin-top: 0; + margin-bottom: 15px; + width: 20.109%; + padding-right: 2.717%; + border-right: 1px dashed #ddd; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + display: table-cell; + vertical-align: top; } + @media screen and (max-width:1120px) { + div.course-wrapper section.course-content .problem-set h2, div.course-wrapper section.course-content section.problems-wrapper h2, div.course-wrapper section.course-content div#seq_content h2, div.course-wrapper section.course-content ol.vert-mod > li h2 { + display: block; + width: auto; + border-right: 0; } } + @media print { + div.course-wrapper section.course-content .problem-set h2, div.course-wrapper section.course-content section.problems-wrapper h2, div.course-wrapper section.course-content div#seq_content h2, div.course-wrapper section.course-content ol.vert-mod > li h2 { + display: block; + width: auto; + border-right: 0; } } + div.course-wrapper section.course-content .problem-set section.problem, div.course-wrapper section.course-content section.problems-wrapper section.problem, div.course-wrapper section.course-content div#seq_content section.problem, div.course-wrapper section.course-content ol.vert-mod > li section.problem { + display: table-cell; + width: 77.174%; + padding-left: 2.717%; } + @media screen and (max-width:1120px) { + div.course-wrapper section.course-content .problem-set section.problem, div.course-wrapper section.course-content section.problems-wrapper section.problem, div.course-wrapper section.course-content div#seq_content section.problem, div.course-wrapper section.course-content ol.vert-mod > li section.problem { + display: block; + width: auto; + padding: 0; } } + @media print { + div.course-wrapper section.course-content .problem-set section.problem, div.course-wrapper section.course-content section.problems-wrapper section.problem, div.course-wrapper section.course-content div#seq_content section.problem, div.course-wrapper section.course-content ol.vert-mod > li section.problem { + display: block; + width: auto; + padding: 0; } + div.course-wrapper section.course-content .problem-set section.problem canvas, div.course-wrapper section.course-content section.problems-wrapper section.problem canvas, div.course-wrapper section.course-content div#seq_content section.problem canvas, div.course-wrapper section.course-content ol.vert-mod > li section.problem canvas, div.course-wrapper section.course-content .problem-set section.problem img, div.course-wrapper section.course-content section.problems-wrapper section.problem img, div.course-wrapper section.course-content div#seq_content section.problem img, div.course-wrapper section.course-content ol.vert-mod > li section.problem img { + page-break-inside: avoid; } } + div.course-wrapper section.course-content .problem-set section.problem span.unanswered, div.course-wrapper section.course-content section.problems-wrapper section.problem span.unanswered, div.course-wrapper section.course-content div#seq_content section.problem span.unanswered, div.course-wrapper section.course-content ol.vert-mod > li section.problem span.unanswered, div.course-wrapper section.course-content .problem-set section.problem span.ui-icon-bullet, div.course-wrapper section.course-content section.problems-wrapper section.problem span.ui-icon-bullet, div.course-wrapper section.course-content div#seq_content section.problem span.ui-icon-bullet, div.course-wrapper section.course-content ol.vert-mod > li section.problem span.ui-icon-bullet { + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + background: url("/static/images/unanswered-icon.png") center center no-repeat; + height: 14px; + position: relative; + top: 4px; + width: 14px; } + div.course-wrapper section.course-content .problem-set section.problem span.correct, div.course-wrapper section.course-content section.problems-wrapper section.problem span.correct, div.course-wrapper section.course-content div#seq_content section.problem span.correct, div.course-wrapper section.course-content ol.vert-mod > li section.problem span.correct, div.course-wrapper section.course-content .problem-set section.problem span.ui-icon-check, div.course-wrapper section.course-content section.problems-wrapper section.problem span.ui-icon-check, div.course-wrapper section.course-content div#seq_content section.problem span.ui-icon-check, div.course-wrapper section.course-content ol.vert-mod > li section.problem span.ui-icon-check { + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + background: url("/static/images/correct-icon.png") center center no-repeat; + height: 20px; + position: relative; + top: 6px; + width: 25px; } + div.course-wrapper section.course-content .problem-set section.problem span.incorrect, div.course-wrapper section.course-content section.problems-wrapper section.problem span.incorrect, div.course-wrapper section.course-content div#seq_content section.problem span.incorrect, div.course-wrapper section.course-content ol.vert-mod > li section.problem span.incorrect, div.course-wrapper section.course-content .problem-set section.problem span.ui-icon-close, div.course-wrapper section.course-content section.problems-wrapper section.problem span.ui-icon-close, div.course-wrapper section.course-content div#seq_content section.problem span.ui-icon-close, div.course-wrapper section.course-content ol.vert-mod > li section.problem span.ui-icon-close { + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + background: url("/static/images/incorrect-icon.png") center center no-repeat; + height: 20px; + width: 20px; + position: relative; + top: 6px; } + div.course-wrapper section.course-content .problem-set div > span, div.course-wrapper section.course-content section.problems-wrapper div > span, div.course-wrapper section.course-content div#seq_content div > span, div.course-wrapper section.course-content ol.vert-mod > li div > span { + display: block; + margin-bottom: 11.326px; } + div.course-wrapper section.course-content .problem-set input[type="text"], div.course-wrapper section.course-content section.problems-wrapper input[type="text"], div.course-wrapper section.course-content div#seq_content input[type="text"], div.course-wrapper section.course-content ol.vert-mod > li input[type="text"] { + display: inline-block; } + div.course-wrapper section.course-content .problem-set center, div.course-wrapper section.course-content section.problems-wrapper center, div.course-wrapper section.course-content div#seq_content center, div.course-wrapper section.course-content ol.vert-mod > li center { + display: block; + margin: 22.652px 0; + border: 1px solid #ccc; + padding: 22.652px; } + div.course-wrapper section.course-content .problem-set section.action, div.course-wrapper section.course-content section.problems-wrapper section.action, div.course-wrapper section.course-content div#seq_content section.action, div.course-wrapper section.course-content ol.vert-mod > li section.action { + margin-top: 22.652px; } +div.course-wrapper section.course-content 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:last-child { + border-bottom: none; + margin-bottom: 0; + padding-bottom: 0; } +div.course-wrapper section.course-content section.tutorials ul { + list-style: disc outside none; + margin-left: 22.652px; } +div.course-wrapper section.course-content div.staff_info { + 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.ui-slider { + border: 1px solid #aaa; + background: #ddd; + -webkit-box-shadow: inset 0 1px 0 #eeeeee; + -moz-box-shadow: inset 0 1px 0 #eeeeee; + -ms-box-shadow: inset 0 1px 0 #eeeeee; + -o-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; + -ms-box-shadow: inset 0 1px 0 #bf4040; + -o-box-shadow: inset 0 1px 0 #bf4040; + box-shadow: inset 0 1px 0 #bf4040; + background: #993333 url(/static/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.closed section.course-index { + width: 3.077%; } + div.course-wrapper.closed section.course-index header#open_close_accordion { + padding: 0; } + div.course-wrapper.closed section.course-index header#open_close_accordion a { + background-image: url("/static/images/slide-right-icon.png"); } + div.course-wrapper.closed section.course-index header#open_close_accordion h2 { + visibility: hidden; + width: 10px; + padding: 0; } + div.course-wrapper.closed section.course-index div#accordion { + visibility: hidden; + width: 10px; + padding: 0; } +div.course-wrapper.closed section.course-content { + width: 97.773%; } + +section.course-index div#accordion h3, section.course-index div#accordion div#wiki_panel input[type="button"], div#wiki_panel section.course-index div#accordion input[type="button"] { + overflow: hidden; + margin: 0; } + section.course-index div#accordion h3:last-child, section.course-index div#accordion div#wiki_panel input[type="button"]:last-child, div#wiki_panel section.course-index div#accordion input[type="button"]:last-child { + -webkit-box-shadow: none; + -moz-box-shadow: none; + -ms-box-shadow: none; + -o-box-shadow: none; + box-shadow: none; } + section.course-index div#accordion h3.ui-accordion-header, section.course-index div#accordion div#wiki_panel input.ui-accordion-header[type="button"], div#wiki_panel section.course-index div#accordion input.ui-accordion-header[type="button"] { + color: #000; } + section.course-index div#accordion h3.ui-accordion-header a, section.course-index div#accordion div#wiki_panel input.ui-accordion-header[type="button"] a, div#wiki_panel section.course-index div#accordion input.ui-accordion-header[type="button"] a { + font-size: 14px; + color: #4d4d4d; } + section.course-index div#accordion h3.ui-accordion-header.ui-state-hover, section.course-index div#accordion div#wiki_panel input.ui-accordion-header.ui-state-hover[type="button"], div#wiki_panel section.course-index div#accordion input.ui-accordion-header.ui-state-hover[type="button"] { + border: none; + 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; + -ms-box-shadow: inset -1px 0 0 #e6e6e6; + -o-box-shadow: inset -1px 0 0 #e6e6e6; + box-shadow: inset -1px 0 0 #e6e6e6; + background: #d6d6d6; + border: none; + border-bottom: 1px solid #c3c3c3; + font-size: 12px; + margin: 0; + overflow: hidden; } + section.course-index div#accordion ul.ui-accordion-content li.active { + font-weight: bold; } + section.course-index div#accordion ul.ui-accordion-content li a { + text-decoration: none; + margin-bottom: 11.326px; + display: block; + color: #000; } + section.course-index div#accordion ul.ui-accordion-content li a:hover { + color: #666; } + section.course-index div#accordion ul.ui-accordion-content li a p { + margin-bottom: 0; } + section.course-index div#accordion ul.ui-accordion-content li a p.subtitle { + color: #666; } + +section.course-content div.video-subtitles { + position: relative; } + section.course-content div.video-subtitles div.video-wrapper { + float: left; + width: 65.761%; + margin-right: 2.717%; } + section.course-content div.video-subtitles div.video-wrapper div.video-player { + position: relative; + padding-bottom: 56.25%; + padding-top: 30px; + height: 0; + overflow: hidden; } + section.course-content div.video-subtitles div.video-wrapper div.video-player object { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; } + section.course-content div.video-subtitles div.video-wrapper div.video-player iframe#html5_player { + border: none; + display: none; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; } + section.course-content div.video-subtitles div.video-wrapper section.video-controls { + background: #333; + position: relative; + border: 1px solid #000; + color: #ccc; } + section.course-content div.video-subtitles div.video-wrapper section.video-controls div#slider { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + -webkit-box-shadow: inset 0 1px 0 #eeeeee, 0 1px 0 #555555; + -moz-box-shadow: inset 0 1px 0 #eeeeee, 0 1px 0 #555555; + -ms-box-shadow: inset 0 1px 0 #eeeeee, 0 1px 0 #555555; + -o-box-shadow: inset 0 1px 0 #eeeeee, 0 1px 0 #555555; + box-shadow: inset 0 1px 0 #eeeeee, 0 1px 0 #555555; + background: #c2c2c2; + border: none; + border-bottom: 1px solid #000; + height: 14px; } + section.course-content div.video-subtitles div.video-wrapper 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; + -webkit-box-shadow: inset 0 1px 0 #bf4040; + -moz-box-shadow: inset 0 1px 0 #bf4040; + -ms-box-shadow: inset 0 1px 0 #bf4040; + -o-box-shadow: inset 0 1px 0 #bf4040; + box-shadow: inset 0 1px 0 #bf4040; + background: #993333 url(/static/images/slider-handle.png) center center no-repeat; + border: 1px solid #4d1919; + cursor: pointer; + height: 20px; + margin-left: -10px; + top: -4px; + width: 20px; } + section.course-content div.video-subtitles div.video-wrapper section.video-controls div#slider a.ui-slider-handle:focus, section.course-content div.video-subtitles div.video-wrapper section.video-controls div#slider a.ui-slider-handle:hover { + background-color: #bf4040; + outline: none; } + section.course-content div.video-subtitles div.video-wrapper section.video-controls ul.vcr { + float: left; + margin-right: 22.652px; } + section.course-content div.video-subtitles div.video-wrapper section.video-controls ul.vcr li { + float: left; + margin-bottom: 0; } + section.course-content div.video-subtitles div.video-wrapper section.video-controls ul.vcr li a { + -webkit-box-shadow: 1px 0 0 #555555; + -moz-box-shadow: 1px 0 0 #555555; + -ms-box-shadow: 1px 0 0 #555555; + -o-box-shadow: 1px 0 0 #555555; + box-shadow: 1px 0 0 #555555; + border-right: 1px solid #000; + display: block; + cursor: pointer; + height: 14px; + padding: 16.989px 22.652px; + text-indent: -9999px; + width: 14px; } + section.course-content div.video-subtitles div.video-wrapper section.video-controls ul.vcr li a.play { + background: url("/static/images/play-icon.png") center center no-repeat; } + section.course-content div.video-subtitles div.video-wrapper section.video-controls ul.vcr li a.play:hover { + background-color: #444; } + section.course-content div.video-subtitles div.video-wrapper section.video-controls ul.vcr li a.pause { + background: url("/static/images/pause-icon.png") center center no-repeat; } + section.course-content div.video-subtitles div.video-wrapper section.video-controls ul.vcr li a.pause:hover { + background-color: #444; } + section.course-content div.video-subtitles div.video-wrapper section.video-controls ul.vcr li div#vidtime { + padding-left: 22.652px; + font-weight: bold; + line-height: 46px; + -webkit-font-smoothing: antialiased; } + section.course-content div.video-subtitles div.video-wrapper section.video-controls div.secondary-controls { + float: right; } + section.course-content div.video-subtitles div.video-wrapper section.video-controls div.secondary-controls div.speeds { + border-right: 1px solid #000; + border-left: 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; + -ms-box-shadow: 1px 0 0 #555555, inset 1px 0 0 #555555; + -o-box-shadow: 1px 0 0 #555555, inset 1px 0 0 #555555; + box-shadow: 1px 0 0 #555555, inset 1px 0 0 #555555; + float: left; + line-height: 46px; + margin-right: 0; + -webkit-font-smoothing: antialiased; } + section.course-content div.video-subtitles div.video-wrapper section.video-controls div.secondary-controls div.speeds h3, section.course-content div.video-subtitles div.video-wrapper section.video-controls div.secondary-controls div.speeds div#wiki_panel input[type="button"], div#wiki_panel section.course-content div.video-subtitles div.video-wrapper section.video-controls div.secondary-controls div.speeds input[type="button"] { + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; } + section.course-content div.video-subtitles div.video-wrapper section.video-controls div.secondary-controls div.speeds h3 a, section.course-content div.video-subtitles div.video-wrapper section.video-controls div.secondary-controls div.speeds div#wiki_panel input[type="button"] a, div#wiki_panel section.course-content div.video-subtitles div.video-wrapper section.video-controls div.secondary-controls div.speeds input[type="button"] a { + color: #fff; + padding: 0 11.326px; + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; } + section.course-content div.video-subtitles div.video-wrapper section.video-controls div.secondary-controls div.speeds h3 a:hover, section.course-content div.video-subtitles div.video-wrapper section.video-controls div.secondary-controls div.speeds div#wiki_panel input[type="button"] a:hover, div#wiki_panel section.course-content div.video-subtitles div.video-wrapper section.video-controls div.secondary-controls div.speeds input[type="button"] a:hover { + text-decoration: none; } + section.course-content div.video-subtitles div.video-wrapper section.video-controls div.secondary-controls div.speeds ol#video_speeds { + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + padding-right: 11.326px; } + section.course-content div.video-subtitles div.video-wrapper section.video-controls div.secondary-controls div.speeds ol#video_speeds li { + cursor: pointer; + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; } + section.course-content div.video-subtitles div.video-wrapper section.video-controls div.secondary-controls div.speeds ol#video_speeds li.active { + font-weight: bold; } + section.course-content div.video-subtitles div.video-wrapper section.video-controls div.secondary-controls a.hide-subtitles { + float: left; + display: block; + padding-right: 11.326px; + margin-left: 0; + color: #797979; + padding-left: 50px; + line-height: 46px; + font-weight: 800; + background: url("/static/images/cc.png") 16px center no-repeat; + -webkit-font-smoothing: antialiased; } + section.course-content div.video-subtitles div.video-wrapper section.video-controls div.secondary-controls a.hide-subtitles:hover { + color: #fff; + text-decoration: none; + background-color: #444; } + section.course-content div.video-subtitles ol.subtitles { + float: left; + width: 31.522%; + height: 530px; + overflow: hidden; } + section.course-content div.video-subtitles ol.subtitles li { + margin-bottom: 0px; + cursor: pointer; + border: 0; + padding: 0; + color: #666; } + section.course-content div.video-subtitles ol.subtitles li.current { + background-color: #f3f3f3; + color: #333; } + section.course-content div.video-subtitles ol.subtitles li:hover { + color: #993333; } + section.course-content div.video-subtitles ol.subtitles li div { + margin-bottom: 8px; } + section.course-content div.video-subtitles ol.subtitles li div:empty { + margin-bottom: 0px; } + section.course-content div.video-subtitles.closed div.video-wrapper { + width: 100%; } + section.course-content div.video-subtitles.closed ol.subtitles { + width: 0px; + height: 0; } + +nav.sequence-nav { + margin-bottom: 22.652px; } + nav.sequence-nav ol { + display: table-row; + float: left; + width: 90.611%; + position: relative; } + nav.sequence-nav ol li { + display: table-cell; } + 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; + -ms-box-shadow: inset 0 0 3px #ceb97d; + -o-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 div.header-wrapper header nav.courseware li.courseware a, div.header-wrapper header nav.courseware nav.sequence-nav ol li.courseware a, nav.sequence-nav ol div.header-wrapper header nav.book li.book a, div.header-wrapper header nav.book nav.sequence-nav ol li.book a, nav.sequence-nav ol div.header-wrapper header nav.info li.info a, div.header-wrapper header nav.info nav.sequence-nav ol li.info a, nav.sequence-nav ol div.header-wrapper header nav.discussion li.discussion a, div.header-wrapper header nav.discussion nav.sequence-nav ol li.discussion a, nav.sequence-nav ol div.header-wrapper header nav.wiki li.wiki a, div.header-wrapper header nav.wiki nav.sequence-nav ol li.wiki a, nav.sequence-nav ol div.header-wrapper header nav.profile li.profile a, div.header-wrapper header nav.profile nav.sequence-nav ol li.profile a, 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, nav.sequence-nav ol li section.course-index div#accordion div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"], section.course-index div#accordion div#wiki_panel nav.sequence-nav ol li input.ui-accordion-header.ui-state-active[type="button"], nav.sequence-nav ol li div#wiki_panel section.course-index div#accordion input.ui-accordion-header.ui-state-active[type="button"], div#wiki_panel section.course-index div#accordion nav.sequence-nav ol li input.ui-accordion-header.ui-state-active[type="button"], 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 { + -webkit-box-shadow: 0 1px 0 white; + -moz-box-shadow: 0 1px 0 white; + -ms-box-shadow: 0 1px 0 white; + -o-box-shadow: 0 1px 0 white; + box-shadow: 0 1px 0 white; + background-color: #fff; + background-repeat: no-repeat; } + nav.sequence-nav ol li .active:hover, nav.sequence-nav ol div.header-wrapper header nav.courseware li.courseware a:hover, div.header-wrapper header nav.courseware nav.sequence-nav ol li.courseware a:hover, nav.sequence-nav ol div.header-wrapper header nav.book li.book a:hover, div.header-wrapper header nav.book nav.sequence-nav ol li.book a:hover, nav.sequence-nav ol div.header-wrapper header nav.info li.info a:hover, div.header-wrapper header nav.info nav.sequence-nav ol li.info a:hover, nav.sequence-nav ol div.header-wrapper header nav.discussion li.discussion a:hover, div.header-wrapper header nav.discussion nav.sequence-nav ol li.discussion a:hover, nav.sequence-nav ol div.header-wrapper header nav.wiki li.wiki a:hover, div.header-wrapper header nav.wiki nav.sequence-nav ol li.wiki a:hover, nav.sequence-nav ol div.header-wrapper header nav.profile li.profile a:hover, div.header-wrapper header nav.profile nav.sequence-nav ol li.profile a: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, nav.sequence-nav ol li section.course-index div#accordion div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"]:hover, section.course-index div#accordion div#wiki_panel nav.sequence-nav ol li input.ui-accordion-header.ui-state-active[type="button"]:hover, nav.sequence-nav ol li div#wiki_panel section.course-index div#accordion input.ui-accordion-header.ui-state-active[type="button"]:hover, div#wiki_panel section.course-index div#accordion nav.sequence-nav ol li input.ui-accordion-header.ui-state-active[type="button"]: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 { + background-color: #fff; + background-position: center; } + nav.sequence-nav ol li a { + -webkit-box-shadow: 1px 0 0 white; + -moz-box-shadow: 1px 0 0 white; + -ms-box-shadow: 1px 0 0 white; + -o-box-shadow: 1px 0 0 white; + box-shadow: 1px 0 0 white; + background-position: center center; + border: none; + border-right: 1px solid #eddfaa; + cursor: pointer; + padding: 15px 4px 14px; + width: 28px; + height: 17px; } + nav.sequence-nav ol li a.seq_video_inactive { + background-image: url("/static/images/sequence-nav/video-icon-normal.png"); + background-position: center; } + nav.sequence-nav ol li a.seq_video_visited { + background-image: url("/static/images/sequence-nav/video-icon-visited.png"); + background-position: center; } + nav.sequence-nav ol li a.seq_video_active { + background-image: url("/static/images/sequence-nav/video-icon-current.png"); + background-position: center; } + nav.sequence-nav ol li a.seq_other_inactive { + background-image: url("/static/images/sequence-nav/document-icon-normal.png"); + background-position: center; } + nav.sequence-nav ol li a.seq_other_visited { + background-image: url("/static/images/sequence-nav/document-icon-visited.png"); + background-position: center; } + nav.sequence-nav ol li a.seq_other_active { + background-image: url("/static/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("/static/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("/static/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("/static/images/sequence-nav/list-icon-current.png"); + background-position: center; } + nav.sequence-nav ol li p { + position: absolute; + display: none; + background: #333; + padding: 6px; + white-space: pre-wrap; + z-index: 99; + margin: 4px 0 0 -5px; + text-shadow: 0 -1px 0 black; + color: #fff; + line-height: 22.652px; } + nav.sequence-nav ol li p:empty { + background: none; } + nav.sequence-nav ol li p:empty::after { + display: none; } + nav.sequence-nav ol li p::after { + background: #333; + content: " "; + display: block; + height: 10px; + position: absolute; + top: -5px; + left: 18px; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transition-property: all; + -moz-transition-property: all; + -ms-transition-property: all; + -o-transition-property: all; + transition-property: all; + -webkit-transition-duration: 0.15s; + -moz-transition-duration: 0.15s; + -ms-transition-duration: 0.15s; + -o-transition-duration: 0.15s; + transition-duration: 0.15s; + -webkit-transition-timing-function: 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: 10px; } + nav.sequence-nav ul { + float: right; + margin-right: 1px; + width: 8.696%; + display: table-row; } + nav.sequence-nav ul li { + display: table-cell; } + nav.sequence-nav ul li.prev a, nav.sequence-nav ul li.next a { + -webkit-box-shadow: inset 1px 0 0 #faf7e9; + -moz-box-shadow: inset 1px 0 0 #faf7e9; + -ms-box-shadow: inset 1px 0 0 #faf7e9; + -o-box-shadow: inset 1px 0 0 #faf7e9; + box-shadow: inset 1px 0 0 #faf7e9; + background-color: #f2e7bf; + background-position: center center; + background-repeat: no-repeat; + border-left: 1px solid #e4d080; + cursor: pointer; + padding: 0 4px; + text-indent: -9999px; + width: 38px; + display: block; } + nav.sequence-nav ul li.prev a:hover, nav.sequence-nav ul li.next a:hover { + text-decoration: none; + color: #7e691a; + text-decoration: none; + background-color: none; } + 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("/static/images/sequence-nav/previous-icon.png"); } + nav.sequence-nav ul li.prev a:hover { + background-color: none; } + nav.sequence-nav ul li.next a { + background-image: url("/static/images/sequence-nav/next-icon.png"); } + nav.sequence-nav ul li.next a:hover { + background-color: none; } + +section.course-content nav.sequence-bottom { + margin-bottom: -22.652px; } + section.course-content nav.sequence-bottom ul { + border: 1px solid #e4d080; + border-bottom: 0; + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + -ms-border-radius: 3px 3px 0 0; + -o-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; + margin: 22.652px auto 0; + overflow: hidden; + width: 106px; + background-color: #f2e7bf; + -webkit-box-shadow: inset 0 0 0 1px #faf7e9; + -moz-box-shadow: inset 0 0 0 1px #faf7e9; + -ms-box-shadow: inset 0 0 0 1px #faf7e9; + -o-box-shadow: inset 0 0 0 1px #faf7e9; + box-shadow: inset 0 0 0 1px #faf7e9; } + 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; + padding: 16.989px 4px; + text-indent: -9999px; + width: 45px; + display: block; } + section.course-content nav.sequence-bottom ul li.prev a:hover, section.course-content nav.sequence-bottom ul li.next a:hover { + text-decoration: none; + color: #7e691a; + text-decoration: none; + opacity: .5; + background-color: #eddfaa; } + section.course-content nav.sequence-bottom ul li.prev a.disabled, section.course-content nav.sequence-bottom ul li.next a.disabled { + opacity: .4; + background-color: #fffffe; } + section.course-content nav.sequence-bottom ul li.prev a { + background-image: url("/static/images/sequence-nav/previous-icon.png"); } + 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("/static/images/sequence-nav/next-icon.png"); } + section.course-content nav.sequence-bottom ul li.next a:hover { + background-color: none; } + +div#graph-container { + border-top: 1px solid #ddd; + padding-top: 22.652px; } + div#graph-container canvas#graph { + width: 48.641%; + float: left; + margin-right: 2.717%; } + div#graph-container div.graph-controls { + width: 48.641%; + float: left; } + div#graph-container div.graph-controls select#musicTypeSelect { + display: block; + margin-bottom: 22.652px; } + div#graph-container div.graph-controls div#graph-output { + display: block; + margin-bottom: 22.652px; } + div#graph-container div.graph-controls div#graph-listen { + display: block; + margin-bottom: 22.652px; } + div#graph-container div.graph-controls p { + margin-bottom: 11.326px; } + div#graph-container div.graph-controls div#label { + display: inline-block; } + div#graph-container div.graph-controls input#playButton { + display: block; } + +div#schematic-container canvas { + width: 48.641%; + float: left; + margin-right: 2.717%; } +div#schematic-container div.schematic-sliders { + width: 48.641%; + float: left; } + div#schematic-container div.schematic-sliders div.slider-label#vs { + margin-top: 45.304px; } + div#schematic-container div.schematic-sliders div.slider-label { + margin-bottom: 11.326px; } + div#schematic-container div.schematic-sliders div.slider { + margin-bottom: 22.652px; } + +div.graph-controls label, div#graph-listen label { + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + -ms-border-radius: 2px; + -o-border-radius: 2px; + border-radius: 2px; + font-weight: bold; + padding: 3px; } +div.graph-controls label[for="vinCheckbox"], div.graph-controls label[for="vinRadioButton"], div#graph-listen label[for="vinCheckbox"], div#graph-listen label[for="vinRadioButton"] { + color: #409fbf; } +div.graph-controls label[for="voutCheckbox"], div.graph-controls label[for="voutRadioButton"], div#graph-listen label[for="voutCheckbox"], div#graph-listen label[for="voutRadioButton"] { + color: #e1a600; } +div.graph-controls label[for="vrCheckbox"], div.graph-controls label[for="vrRadioButton"], div#graph-listen label[for="vrCheckbox"], div#graph-listen label[for="vrRadioButton"] { + color: #49c944; } + +div.book-wrapper section.book-sidebar { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; } + div.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 { + margin-left: -22px; + background-image: url("/static/images/treeview-default.gif"); + position: relative; + top: 4px; } + div.book-wrapper section.book-sidebar ul#booknav li div.hitarea:hover { + opacity: 0.6; + filter: alpha(opacity=60); } + 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; + -ms-box-shadow: 0 1px 0 #eeeeee; + -o-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.last { + float: left; + display: block; } + div.book-wrapper section.book nav ul li.last a { + -webkit-box-shadow: inset -1px 0 0 #faf7e9; + -moz-box-shadow: inset -1px 0 0 #faf7e9; + -ms-box-shadow: inset -1px 0 0 #faf7e9; + -o-box-shadow: inset -1px 0 0 #faf7e9; + box-shadow: inset -1px 0 0 #faf7e9; + border-right: 1px solid #e4d080; + border-left: 0; } +div.book-wrapper section.book nav ul li.next { + display: block; + float: right; } +div.book-wrapper section.book nav.bottom-nav { + margin-top: 22.652px; + margin-bottom: -22.652px; + border-bottom: 0; + border-top: 1px solid #EDDFAA; } +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("/static/images/slide-right-icon.png"); } + div.book-wrapper.closed section.book-sidebar header#open_close_accordion h2 { + visibility: hidden; + width: 10px; + padding: 0; } + div.book-wrapper.closed section.book-sidebar ul#booknav { + visibility: hidden; + width: 10px; + padding: 0; + overflow: hidden; + max-height: 100px; } +div.book-wrapper.closed section.course-content { + width: 97.773%; } + +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 { + padding-bottom: 11.326px; + margin-bottom: 11.326px; + border-bottom: 1px solid #e3e3e3; } + div.info-wrapper section.updates > ol > li:first-child { + padding: 11.326px; + margin-left: -11.326px; + background: #f6efd4; + border-bottom: 1px solid #eddfaa; } + div.info-wrapper section.updates > ol > li h2 { + float: left; + width: 20.109%; + margin: 0 2.024% 0 0; } + div.info-wrapper section.updates > ol > li section.update-description { + float: left; + width: 77.174%; + margin-bottom: 0; } + div.info-wrapper section.updates > ol > li section.update-description p:last-child { + margin-bottom: 0; } +div.info-wrapper section.handouts { + -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; + border-left: 1px solid #d3d3d3; } + div.info-wrapper section.handouts h1 { + padding: 11.326px 22.652px; + font-size: 18px; + margin: 0; } + div.info-wrapper section.handouts ol { + list-style: none; } + div.info-wrapper section.handouts ol li { + -webkit-box-shadow: 0 1px 0 #eeeeee; + -moz-box-shadow: 0 1px 0 #eeeeee; + -ms-box-shadow: 0 1px 0 #eeeeee; + -o-box-shadow: 0 1px 0 #eeeeee; + box-shadow: 0 1px 0 #eeeeee; + border-bottom: 1px solid #d3d3d3; } + div.info-wrapper section.handouts ol li p { + padding: 7px 22.652px; + margin: 0; + text-transform: none; + letter-spacing: 0; + font-size: 14px; } + div.info-wrapper section.handouts ol li p:hover { + background: #efefef; } + div.info-wrapper section.handouts ol li p a { + display: inline; + padding: 0; } + div.info-wrapper section.handouts ol li p a:hover { + text-decoration: underline; + background: none; } + div.info-wrapper section.handouts ol li a { + -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; + color: #4d4d4d; + display: block; + padding: 7px 22.652px; + text-decoration: none; } + div.info-wrapper section.handouts ol li a:hover { + background: #efefef; } + +div.profile-wrapper { + color: #000; } + div.profile-wrapper section.user-info { + -webkit-border-radius: 0px 4px 4px 0; + -moz-border-radius: 0px 4px 4px 0; + -ms-border-radius: 0px 4px 4px 0; + -o-border-radius: 0px 4px 4px 0; + border-radius: 0px 4px 4px 0; + border-left: 1px solid #d3d3d3; + border-right: 0; } + div.profile-wrapper section.user-info h1 { + padding: 11.326px 22.652px; + font-size: 18px; + margin: 0; } + div.profile-wrapper section.user-info ul { + list-style: none; } + div.profile-wrapper section.user-info ul li { + -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; + color: #4d4d4d; + display: block; + text-decoration: none; + -webkit-box-shadow: 0 1px 0 #eeeeee; + -moz-box-shadow: 0 1px 0 #eeeeee; + -ms-box-shadow: 0 1px 0 #eeeeee; + -o-box-shadow: 0 1px 0 #eeeeee; + box-shadow: 0 1px 0 #eeeeee; + padding: 7px 22.652px; + border-bottom: 1px solid #d3d3d3; + position: relative; } + div.profile-wrapper section.user-info ul li div#location_sub, div.profile-wrapper section.user-info ul li div#language_sub { + font-weight: bold; + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; } + div.profile-wrapper section.user-info ul li div#location_sub form, div.profile-wrapper section.user-info ul li div#language_sub form { + width: 100%; } + div.profile-wrapper section.user-info ul li div#location_sub input[type="text"], div.profile-wrapper section.user-info ul li div#language_sub input[type="text"] { + margin: 11.326px 0; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; } + div.profile-wrapper section.user-info ul li div#location_sub:empty, div.profile-wrapper section.user-info ul li div#language_sub:empty { + padding: 0; } + div.profile-wrapper section.user-info ul li div#description { + font-size: 12px; } + div.profile-wrapper section.user-info ul li a#change_language, div.profile-wrapper section.user-info ul li a#change_location { + position: absolute; + top: 9px; + right: 11.326px; + text-transform: uppercase; + font-size: 12px; + color: #999; } + div.profile-wrapper section.user-info ul li a#change_language:hover, div.profile-wrapper section.user-info ul li a#change_location:hover { + color: #555; } + div.profile-wrapper section.user-info div#change_password_pop { + padding: 7px 22.652px; + color: #4D4D4D; } + div.profile-wrapper section.course-info div#grade-detail-graph { + width: 100%; + min-height: 300px; } + div.profile-wrapper section.course-info > ol { + border-top: 1px solid #e3e3e3; + list-style: none; + margin-top: 22.652px; } + div.profile-wrapper section.course-info > ol > li { + border-bottom: 1px solid #e3e3e3; + display: table; + padding: 22.652px 0; + width: 100%; } + div.profile-wrapper section.course-info > ol > li:last-child { + border-bottom: 0px; } + div.profile-wrapper section.course-info > ol > li h2 { + border-right: 1px dashed #ddd; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + display: table-cell; + margin: 0; + padding: 0; + padding-right: 2.717%; + width: 20.109%; } + div.profile-wrapper section.course-info > ol > li ol.sections { + display: table-cell; + list-style: none; + padding-left: 2.717%; + width: 77.174%; } + div.profile-wrapper section.course-info > ol > li ol.sections > li { + padding: 0 0 22.652px 0; } + div.profile-wrapper section.course-info > ol > li ol.sections > li:first-child { + padding-top: 0; } + div.profile-wrapper section.course-info > ol > li ol.sections > li:last-child { + border-bottom: 0; } + div.profile-wrapper section.course-info > ol > li ol.sections > li h3, div.profile-wrapper section.course-info > ol > li ol.sections > li div#wiki_panel input[type="button"], div#wiki_panel div.profile-wrapper section.course-info > ol > li ol.sections > li input[type="button"] { + color: #666; } + div.profile-wrapper section.course-info > ol > li ol.sections > li ol { + list-style: none; } + div.profile-wrapper section.course-info > ol > li ol.sections > li ol li { + display: inline-block; + padding-right: 1em; } + +div.gradebook-wrapper section.gradebook-content > ol { + list-style: none; + margin-top: 22.652px; } + div.gradebook-wrapper section.gradebook-content > ol > li { + border-bottom: 1px solid #e3e3e3; + display: table; + padding: 22.652px 0; + width: 100%; } + div.gradebook-wrapper section.gradebook-content > ol > li:last-child { + border-bottom: 0px; } + div.gradebook-wrapper section.gradebook-content > ol > li h2 { + border-right: 1px dashed #ddd; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + display: table-cell; + margin: 0; + padding: 0; + width: 20.109%; + vertical-align: top; } + +section.wiki-body h1 { + font-weight: bold; + font-size: 2em; + margin-bottom: 25px; } +section.wiki-body div#wiki_article html, section.wiki-body div#wiki_article address, section.wiki-body div#wiki_article blockquote, section.wiki-body div#wiki_article body, section.wiki-body div#wiki_article dd, section.wiki-body div#wiki_article div, section.wiki-body div#wiki_article dl, section.wiki-body div#wiki_article dt, section.wiki-body div#wiki_article fieldset, section.wiki-body div#wiki_article form, section.wiki-body div#wiki_article frame, section.wiki-body div#wiki_article frameset, section.wiki-body div#wiki_article h1, section.wiki-body div#wiki_article h2, section.wiki-body div#wiki_article h3, section.wiki-body div#wiki_article div#wiki_panel input[type="button"], div#wiki_panel section.wiki-body div#wiki_article input[type="button"], section.wiki-body div#wiki_article h4, section.wiki-body div#wiki_article h5, section.wiki-body div#wiki_article h6, section.wiki-body div#wiki_article noframes, section.wiki-body div#wiki_article ol, section.wiki-body div#wiki_article p, section.wiki-body div#wiki_article ul, section.wiki-body div#wiki_article center, section.wiki-body div#wiki_article dir, section.wiki-body div#wiki_article hr, section.wiki-body div#wiki_article menu, section.wiki-body div#wiki_article pre { + display: block; + unicode-bidi: embed; } +section.wiki-body div#wiki_article li { + display: list-item; } +section.wiki-body div#wiki_article head { + display: none; } +section.wiki-body div#wiki_article table { + display: table; } +section.wiki-body div#wiki_article tr { + display: table-row; } +section.wiki-body div#wiki_article thead { + display: table-header-group; } +section.wiki-body div#wiki_article tbody { + display: table-row-group; } +section.wiki-body div#wiki_article tfoot { + display: table-footer-group; } +section.wiki-body div#wiki_article col { + display: table-column; } +section.wiki-body div#wiki_article colgroup { + display: table-column-group; } +section.wiki-body div#wiki_article td, section.wiki-body div#wiki_article th { + display: table-cell; } +section.wiki-body div#wiki_article caption { + display: table-caption; } +section.wiki-body div#wiki_article th { + font-weight: bolder; + text-align: center; } +section.wiki-body div#wiki_article caption { + text-align: center; } +section.wiki-body div#wiki_article h1 { + font-size: 1.6em; + margin: .67em 0; + letter-spacing: 0px; } +section.wiki-body div#wiki_article h2 { + text-transform: none; + font-size: 1.4em; + margin: .75em 0; + letter-spacing: 0px; } +section.wiki-body div#wiki_article h3, section.wiki-body div#wiki_article div#wiki_panel input[type="button"], div#wiki_panel section.wiki-body div#wiki_article input[type="button"] { + font-size: 1.2em; + margin: .83em 0; } +section.wiki-body div#wiki_article h4 { + font-size: 1.1em; } +section.wiki-body div#wiki_article h4, section.wiki-body div#wiki_article p, section.wiki-body div#wiki_article blockquote, section.wiki-body div#wiki_article ul, section.wiki-body div#wiki_article fieldset, section.wiki-body div#wiki_article form, section.wiki-body div#wiki_article ol, section.wiki-body div#wiki_article dl, section.wiki-body div#wiki_article dir, section.wiki-body div#wiki_article menu { + margin: 1.12em 0; } +section.wiki-body div#wiki_article h5 { + font-size: 1em; + margin: 1.5em 0; } +section.wiki-body div#wiki_article h6 { + font-size: 0.5em; + margin: 1.67em 0; } +section.wiki-body div#wiki_article b, section.wiki-body div#wiki_article strong { + font-weight: bolder; } +section.wiki-body div#wiki_article blockquote { + padding: 10px 20px; + background: #e3e3e3; + border-left: 4px solid; } +section.wiki-body div#wiki_article i, section.wiki-body div#wiki_article cite, section.wiki-body div#wiki_article em, section.wiki-body div#wiki_article var, section.wiki-body div#wiki_article address { + font-style: italic; } +section.wiki-body div#wiki_article pre, section.wiki-body div#wiki_article tt, section.wiki-body div#wiki_article code, section.wiki-body div#wiki_article kbd, section.wiki-body div#wiki_article samp { + font-family: monospace; } +section.wiki-body div#wiki_article pre { + white-space: pre; } +section.wiki-body div#wiki_article button, section.wiki-body div#wiki_article textarea, section.wiki-body div#wiki_article input, section.wiki-body div#wiki_article select { + display: inline-block; } +section.wiki-body div#wiki_article big { + font-size: 1.17em; } +section.wiki-body div#wiki_article small, section.wiki-body div#wiki_article sub, section.wiki-body div#wiki_article sup { + font-size: .83em; } +section.wiki-body div#wiki_article sub { + vertical-align: sub; } +section.wiki-body div#wiki_article sup { + vertical-align: super; } +section.wiki-body div#wiki_article table { + border-spacing: 2px; } +section.wiki-body div#wiki_article thead, section.wiki-body div#wiki_article tbody, section.wiki-body div#wiki_article tfoot { + vertical-align: middle; } +section.wiki-body div#wiki_article td, section.wiki-body div#wiki_article th, section.wiki-body div#wiki_article tr { + vertical-align: inherit; } +section.wiki-body div#wiki_article s, section.wiki-body div#wiki_article strike, section.wiki-body div#wiki_article del { + text-decoration: line-through; } +section.wiki-body div#wiki_article hr { + height: 1px; + background: #999; + border: none; } +section.wiki-body div#wiki_article ol, section.wiki-body div#wiki_article ul, section.wiki-body div#wiki_article dir, section.wiki-body div#wiki_article menu, section.wiki-body div#wiki_article dd { + margin-left: 40px; } +section.wiki-body div#wiki_article ol { + list-style-type: decimal; } +section.wiki-body div#wiki_article ol ul, section.wiki-body div#wiki_article ul ol, section.wiki-body div#wiki_article ul ul, section.wiki-body div#wiki_article ol ol { + margin-top: 0; + margin-bottom: 0; } +section.wiki-body div#wiki_article u, section.wiki-body div#wiki_article ins { + text-decoration: underline; } +section.wiki-body div#wiki_article br:before { + content: "\A"; + white-space: pre-line; } +section.wiki-body div#wiki_article center { + text-align: center; } + +div#wiki_panel { + overflow: auto; } + div#wiki_panel h2 { + padding: 11.326px 22.652px; + font-size: 18px; + margin: 0; } + div#wiki_panel input[type="button"] { + -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; + color: #4d4d4d; + font-size: 14px; + margin: 0 !important; + padding: 7px 22.652px; + text-align: left; + width: 100%; } + div#wiki_panel input[type="button"]:hover { + -webkit-box-shadow: 0 1px 0 white; + -moz-box-shadow: 0 1px 0 white; + -ms-box-shadow: 0 1px 0 white; + -o-box-shadow: 0 1px 0 white; + box-shadow: 0 1px 0 white; + background: #efefef; } + div#wiki_panel ul li.search { + -webkit-box-shadow: 0 1px 0 #eeeeee; + -moz-box-shadow: 0 1px 0 #eeeeee; + -ms-box-shadow: 0 1px 0 #eeeeee; + -o-box-shadow: 0 1px 0 #eeeeee; + box-shadow: 0 1px 0 #eeeeee; + border-bottom: 1px solid #d3d3d3; + padding: 7px 22.652px; } + div#wiki_panel ul li.search label { + display: none; } + div#wiki_panel ul li.create-article h3 a, div#wiki_panel ul li.create-article input[type="button"] a { + padding: 7px 22.652px; } + div#wiki_panel div#wiki_create_form { + padding: 15px; + background: #d6d6d6; + border-bottom: 1px solid #bbb; } + div#wiki_panel div#wiki_create_form input[type="text"] { + margin-bottom: 6px; + display: block; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; } + div#wiki_panel div#wiki_create_form ul { + list-style: none; } + div#wiki_panel div#wiki_create_form ul li { + float: left; } + div#wiki_panel div#wiki_create_form ul li#cancel { + float: right; + margin-top: 10px; } + +form#wiki_revision { + float: left; + width: 65.761%; + margin-right: 2.717%; } + form#wiki_revision label { + display: block; + margin-bottom: 7px; } + form#wiki_revision textarea { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + margin-bottom: 20px; + min-height: 450px; + width: 100%; } + form#wiki_revision input[type="text"] { + display: block; + width: 50%; } + form#wiki_revision #submit_delete { + -webkit-box-shadow: none; + -moz-box-shadow: none; + -ms-box-shadow: none; + -o-box-shadow: none; + box-shadow: none; + background: none; + border: none; + color: #999; + float: right; + text-decoration: underline; + font-weight: normal; } + form#wiki_revision input[type="submit"] { + margin-top: 20px; } + +#wiki_edit_instructions { + float: left; + width: 31.522%; + margin-top: 22.652px; + color: #666; } + #wiki_edit_instructions:hover { + color: #333; } + #wiki_edit_instructions .markdown-example { + background-color: #e3e3e3; + text-shadow: 0 1px 0 #fff; + padding-top: 5px; + padding-right: 2px; + padding-bottom: 5px; + padding-left: 5px; + margin: 5px 0 7px; + line-height: 1.0; } + +div.wiki-wrapper { + display: table; + width: 100%; } + div.wiki-wrapper section.wiki-body { + position: relative; } + div.wiki-wrapper section.wiki-body header { + height: 46px; + -webkit-box-shadow: inset 0 1px 0 white; + -moz-box-shadow: inset 0 1px 0 white; + -ms-box-shadow: inset 0 1px 0 white; + -o-box-shadow: inset 0 1px 0 white; + box-shadow: inset 0 1px 0 white; } + div.wiki-wrapper section.wiki-body header:empty { + display: none !important; + border-bottom: 0; } + div.wiki-wrapper section.wiki-body header p { + float: left; + margin-bottom: 0; + color: #937b1f; + line-height: 46px; + padding-left: 22.652px; } + div.wiki-wrapper section.wiki-body header ul { + float: right; + list-style: none; } + div.wiki-wrapper section.wiki-body header ul li { + float: left; } + div.wiki-wrapper section.wiki-body header ul li input[type="button"] { + background-color: #f2e7bf; + background-position: 12px center; + background-repeat: no-repeat; + border: 0; + border-left: 1px solid #e4d080; + -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 #faf7e9; + -moz-box-shadow: inset 1px 0 0 #faf7e9; + -ms-box-shadow: inset 1px 0 0 #faf7e9; + -o-box-shadow: inset 1px 0 0 #faf7e9; + box-shadow: inset 1px 0 0 #faf7e9; + color: #292309; + display: block; + font-weight: normal; + font-size: 12px; + letter-spacing: 1px; + line-height: 46px; + margin: 0; + padding: 0 22.652px 0 38px; + text-shadow: none; + text-transform: uppercase; + -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.wiki-wrapper section.wiki-body header ul li input[type="button"].view { + background-image: url("/static/images/sequence-nav/view.png"); } + div.wiki-wrapper section.wiki-body header ul li input[type="button"].history { + background-image: url("/static/images/sequence-nav/history.png"); } + div.wiki-wrapper section.wiki-body header ul li input[type="button"].edit { + background-image: url("/static/images/sequence-nav/edit.png"); } + div.wiki-wrapper section.wiki-body header ul li input[type="button"]:hover { + background-color: transparent; } + div.wiki-wrapper section.wiki-body h2.wiki-title { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + display: inline-block; + float: left; + margin-bottom: 15px; + margin-top: 0; + padding-right: 2.717%; + vertical-align: top; + width: 25.815%; } + @media screen and (max-width:900px) { + div.wiki-wrapper section.wiki-body h2.wiki-title { + display: block; + width: auto; + border-right: 0; } } + @media print { + div.wiki-wrapper section.wiki-body h2.wiki-title { + display: block; + width: auto; + border-right: 0; } } + div.wiki-wrapper section.wiki-body p { + line-height: 1.6em; } + div.wiki-wrapper section.wiki-body section.results { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + display: inline-block; + border-left: 1px dashed #ddd; + float: left; + padding-left: 10px; + width: 71.467%; } + @media screen and (max-width:900px) { + div.wiki-wrapper section.wiki-body section.results { + border: 0; + display: block; + padding-left: 0; + width: 100%; + width: auto; } } + @media print { + div.wiki-wrapper section.wiki-body section.results { + display: block; + width: auto; + padding: 0; } + div.wiki-wrapper section.wiki-body section.results canvas, div.wiki-wrapper section.wiki-body section.results img { + page-break-inside: avoid; } } + div.wiki-wrapper section.wiki-body section.results ul.article-list { + margin-left: 15px; + width: 100%; } + @media screen and (max-width:900px) { + div.wiki-wrapper section.wiki-body section.results ul.article-list { + margin-left: 0px; } } + div.wiki-wrapper section.wiki-body section.results ul.article-list li { + list-style: none; + margin: 0; + padding: 10px 0; + border-bottom: 1px solid #eee; } + div.wiki-wrapper section.wiki-body section.results ul.article-list li:last-child { + border-bottom: 0; } + div.wiki-wrapper section.wiki-body section.results ul.article-list li h3, div.wiki-wrapper section.wiki-body section.results ul.article-list li div#wiki_panel input[type="button"], div#wiki_panel div.wiki-wrapper section.wiki-body section.results ul.article-list li input[type="button"] { + font-size: 18px; + font-weight: normal; } + +table.wiki-history thead { + background: #ddd; } + table.wiki-history thead tr { + height: 40px; } + table.wiki-history thead tr th { + padding-top: 10px; + padding-left: 15px; } + table.wiki-history thead tr th#revision { + width: 5%; } + table.wiki-history thead tr th#comment { + width: 15%; } + table.wiki-history thead tr th#diff { + width: 60%; } + table.wiki-history thead tr th#modified { + width: 20%; } +table.wiki-history tbody tr td { + padding: 8px 15px; } +table.wiki-history tr.dark { + background-color: #efefef; } + +div.history-controls { + margin-top: 20px; } + +section.help.main-content, html body section.help.outside-app { + padding: 22.652px; } + section.help.main-content h1, html body section.help.outside-app h1 { + margin-top: 0; + margin-bottom: 22.652px; + padding-bottom: 22.652px; + border-bottom: 1px solid #ddd; } + section.help.main-content p, html body section.help.outside-app p { + max-width: 700px; } + section.help.main-content h2, html body section.help.outside-app h2 { + margin-top: 0; } + section.help.main-content section.self-help, html body section.help.outside-app section.self-help { + margin-bottom: 22.652px; + margin-right: 2.024%; + float: left; + width: 48.988%; } + section.help.main-content section.self-help ul, html body section.help.outside-app section.self-help ul { + margin-left: 4.132%; } + section.help.main-content section.self-help ul li, html body section.help.outside-app section.self-help ul li { + margin-bottom: 11.326px; } + section.help.main-content section.help-email, html body section.help.outside-app section.help-email { + float: left; + width: 48.988%; } + section.help.main-content section.help-email dl, html body section.help.outside-app section.help-email dl { + margin-bottom: 22.652px; + display: block; } + section.help.main-content section.help-email dl dd, html body section.help.outside-app section.help-email dl dd { + margin-bottom: 22.652px; } + section.help.main-content section.help-email dl dt, html body section.help.outside-app section.help-email dl dt { + font-weight: bold; + float: left; + clear: left; + width: 30.579%; } + +.badge-context-toggle.active, div.header-wrapper header nav.courseware li.courseware a.badge-context-toggle, div.header-wrapper header nav.book li.book a.badge-context-toggle, div.header-wrapper header nav.info li.info a.badge-context-toggle, div.header-wrapper header nav.discussion li.discussion a.badge-context-toggle, div.header-wrapper header nav.wiki li.wiki a.badge-context-toggle, div.header-wrapper header nav.profile li.profile a.badge-context-toggle, section.course-index div#accordion h3.badge-context-toggle.ui-accordion-header.ui-state-active, section.course-index div#accordion div#wiki_panel input.badge-context-toggle.ui-accordion-header.ui-state-active[type="button"], div#wiki_panel section.course-index div#accordion input.badge-context-toggle.ui-accordion-header.ui-state-active[type="button"], nav.sequence-nav ol li a.badge-context-toggle.seq_video_active, nav.sequence-nav ol li a.badge-context-toggle.seq_other_active, nav.sequence-nav ol li a.badge-context-toggle.seq_vertical_active, nav.sequence-nav ol li a.badge-context-toggle.seq_problem_active { + cursor: pointer; + text-decoration: underline; } + +body.user-messages { + margin-top: 2.4em; } + +.notify { + position: fixed; + top: 0px; + left: 0px; + width: 100%; + z-index: 100; + padding: 0; + text-align: center; + background-color: #f5dd69; + border-top: #fff 1px solid; + font-family: 'yanone kaffeesatz',sans-serif; } + .notify p.notification { + margin-top: 6px; + margin-bottom: 6px; + font-size: 16px; + color: #424242; } + +#closenotify { + position: absolute; + right: 5px; + top: 7px; + color: #735005; + text-decoration: none; + line-height: 18px; + background: -6px -5px url(../images/sprites.png) no-repeat; + cursor: pointer; + width: 20px; + height: 20px; } + #closenotify:hover { + background: -26px -5px url(../images/sprites.png) no-repeat; } + +#header { + margin-top: 0px; + background: #16160f; + font-family: 'yanone kaffeesatz',sans-serif; } + +/*.content-wrapper { + width: 960px; + margin: auto; + position: relative; }*/ +#logo img { + padding: 5px 0px 5px 0px; + height: 75px; + width: auto; + float: left; } + +#usertoolsnav { + height: 20px; + padding-bottom: 5px; } + #usertoolsnav a { + height: 35px; + text-align: right; + margin-left: 20px; + text-decoration: underline; + color: #d0e296; + font-size: 16px; } + #usertoolsnav a:first-child { + margin-left: 0; } + #usertoolsnav a#ab-responses { + margin-left: 3px; } + #usertoolsnav .user-info, #usertoolsnav .user-micro-info { + color: #b5b593; } + #usertoolsnav a img { + vertical-align: middle; + margin-bottom: 2px; } + #usertoolsnav .user-info a { + margin: 0; + text-decoration: none; } + +#metanav { + float: right; } + #metanav a { + color: #e2e2ae; + padding: 0px 0px 0px 35px; + height: 25px; + line-height: 30px; + margin: 5px 0px 0px 10px; + font-size: 18px; + font-weight: 100; + text-decoration: none; + display: block; + float: left; } + #metanav a:hover { + text-decoration: underline; } + #metanav a.on { + font-weight: bold; + color: #fff; + text-decoration: none; } + #metanav a.special { + font-size: 18px; + color: #b02b2c; + font-weight: bold; + text-decoration: none; } + #metanav a.special:hover { + text-decoration: underline; } + #metanav #navtags { + background: -50px -5px url(../images/sprites.png) no-repeat; } + #metanav #navusers { + background: -125px -5px url(../images/sprites.png) no-repeat; } + #metanav #navbadges { + background: -210px -5px url(../images/sprites.png) no-repeat; } + +#searchbar { + display: inline-block; + background-color: #fff; + width: 412px; + border: 1px solid #c9c9b5; + float: right; + height: 42px; + margin: 6px 0px 0px 15px; } + #searchbar .searchinput, #searchbar .searchinputcancelable { + font-size: 30px; + height: 40px; + font-weight: 300; + background: #fff; + border: 0px; + color: #484848; + padding-left: 10px; + font-family: arial; + vertical-align: middle; } + #searchbar .searchinput { + width: 352px; } + #searchbar .searchinputcancelable { + width: 317px; } + #searchbar .logoutsearch { + width: 337px; } + #searchbar .searchbtn { + font-size: 10px; + color: #666; + background-color: #eee; + height: 42px; + border: #fff 1px solid; + line-height: 22px; + text-align: center; + float: right; + margin: 0px; + width: 48px; + background: -98px -36px url(../images/sprites.png) no-repeat; + cursor: pointer; } + #searchbar .searchbtn:hover { + background: -146px -36px url(../images/sprites.png) no-repeat; } + #searchbar .cancelsearchbtn { + font-size: 30px; + color: #ce8888; + background: #fff; + height: 42px; + border: 0px; + border-left: #deded0 1px solid; + text-align: center; + width: 35px; + cursor: pointer; } + #searchbar .cancelsearchbtn:hover { + color: #d84040; } + +body.anon #searchbar { + width: 500px; } + body.anon #searchbar .searchinput { + width: 440px; } + body.anon #searchbar .searchinputcancelable { + width: 405px; } + +#askbutton { + background: url(../images/bigbutton.png) repeat-x bottom; + line-height: 44px; + text-align: center; + width: 200px; + height: 42px; + font-size: 23px; + color: #4a757f; + margin-top: 7px; + float: right; + text-transform: uppercase; + border-radius: 5px; + -ms-border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + -khtml-border-radius: 5px; + -webkit-box-shadow: 1px 1px 2px #636363; + -moz-box-shadow: 1px 1px 2px #636363; + box-shadow: 1px 1px 2px #636363; } + #askbutton:hover { + text-decoration: none; + background: url(../images/bigbutton.png) repeat-x top; + text-shadow: 0px 1px 0px #c6d9dd; + -moz-text-shadow: 0px 1px 0px #c6d9dd; + -webkit-text-shadow: 0px 1px 0px #c6d9dd; } + +/*#contentleft { + width: 730px; + float: left; + position: relative; + padding-bottom: 10px; } + +#contentright { + width: 200px; + float: right; + padding: 0 0px 10px 0px; }*/ +#contentfull { + float: left; + width: 960px; } + +.box { + /*background: #fff;*/ + /*padding: 4px 0px 10px 0px;*/ + /*width: 200px;*/ + /*.inputs { + #interestingtaginput, #ignoredtaginput { + width: 153px; + padding-left: 5px; + border: #c9c9b5 1px solid; + height: 25px; } + #interestingtagadd, #ignoredtagadd { + background: url(../images/small-button-blue.png) repeat-x top; + border: 0; + color: #4a757f; + font-weight: bold; + font-size: 12px; + width: 30px; + height: 27px; + margin-top: -2px; + cursor: pointer; + border-radius: 4px; + -ms-border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + -khtml-border-radius: 4px; + text-shadow: 0px 1px 0px #e6f6fa; + -moz-text-shadow: 0px 1px 0px #e6f6fa; + -webkit-text-shadow: 0px 1px 0px #e6f6fa; + -webkit-box-shadow: 1px 1px 2px #808080; + -moz-box-shadow: 1px 1px 2px #808080; + box-shadow: 1px 1px 2px #808080; } + #interestingtagadd:hover, #ignoredtagadd:hover { + background: url(../images/small-button-blue.png) repeat-x bottom; } }*/ } + .box p { + margin-bottom: 4px; } + .box p.info-box-follow-up-links { + text-align: right; + margin: 0; } + +.pager { + margin-top: 10px; + margin-bottom: 16px; } + +.pagesize { + margin-top: 10px; + margin-bottom: 16px; + float: right; } + +.checkbox { + margin-left: 5px; + font-weight: normal; + cursor: help; } + +.openid-signin .cancel, .meta .cancel, .users-page .cancel, .user-profile-edit-page .cancel, .user-profile-page .cancel { + background: url(../images/small-button-cancel.png) repeat-x top !important; + color: #525252 !important; } + +.openid-signin .cancel:hover, .meta .cancel:hover, .users-page .cancel:hover, .user-profile-edit-page .cancel:hover, .user-profile-page .cancel:hover { + background: url(../images/small-button-cancel.png) repeat-x bottom !important; } + +#email-input-fs, #local_login_buttons, #password-fs, #openid-fs { + margin-top: 10px; } + +#email-input-fs #id_email, #local_login_buttons #id_email, #password-fs #id_email, #openid-fs #id_email, #email-input-fs #id_username, #local_login_buttons #id_username, #password-fs #id_username, #openid-fs #id_username, #email-input-fs #id_password, #local_login_buttons #id_password, #password-fs #id_password, #openid-fs #id_password { + font-size: 12px; + line-height: 20px; + height: 20px; + margin: 0px; + padding: 0px 0 0 5px; + border: #cce6ec 3px solid; + width: 200px; } + +#email-input-fs .submit-b, #local_login_buttons .submit-b, #password-fs .submit-b, #openid-fs .submit-b { + background: url(../images/small-button-blue.png) repeat-x top; + border: 0; + color: #4a757f; + font-weight: bold; + font-size: 13px; + font-family: arial; + height: 24px; + margin-top: -2px; + padding-left: 10px; + padding-right: 10px; + cursor: pointer; + border-radius: 4px; + -ms-border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + -khtml-border-radius: 4px; + text-shadow: 0px 1px 0px #e6f6fa; + -moz-text-shadow: 0px 1px 0px #e6f6fa; + -webkit-text-shadow: 0px 1px 0px #e6f6fa; + -webkit-box-shadow: 1px 1px 2px #808080; + -moz-box-shadow: 1px 1px 2px #808080; + box-shadow: 1px 1px 2px #808080; } + +#email-input-fs .submit-b:hover, #local_login_buttons .submit-b:hover, #password-fs .submit-b:hover, #openid-fs .submit-b:hover { + background: url(../images/small-button-blue.png) repeat-x bottom; } + +.openid-input { + background: url(../images/openid.gif) no-repeat; + padding-left: 15px; + cursor: pointer; } + +.openid-login-input { + background-position: center left; + background: url(../images/openid.gif) no-repeat 0% 50%; + padding: 5px 5px 5px 15px; + cursor: pointer; + font-family: trebuchet ms; + font-weight: 300; + font-size: 150%; + width: 500px; } + +.openid-login-submit { + height: 40px; + width: 80px; + line-height: 40px; + cursor: pointer; + border: 1px solid #777; + font-weight: bold; + font-size: 120%; } + +.tabbar-user { + width: 375px; } + +.user { + padding: 5px; + line-height: 140%; + width: 166px; + border: #eee 1px solid; + margin-bottom: 5px; + border-radius: 3px; + -ms-border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + -khtml-border-radius: 3px; } + .user .user-micro-info { + color: #525252; } + .user ul { + margin: 0; + list-style-type: none; } + .user .thumb { + clear: both; + float: left; + margin-right: 4px; + display: inline; } + +#award-list .user { + float: left; + margin: 5px; } + +.tabbar-profile { + width: 100%; + margin-bottom: 15px; + float: left; } + +.user-details { + font-size: 13px; } + .user-details h3, .user-details div#wiki_panel input[type="button"], div#wiki_panel .user-details input[type="button"] { + font-size: 16px; } + +.user-about { + background-color: #eeeeee; + height: 200px; + line-height: 20px; + overflow: auto; + padding: 10px; + width: 90%; } + .user-about p { + font-size: 13px; } + +.count { + font-family: 'yanone kaffeesatz',sans-serif; + font-size: 200%; + font-weight: 700; + color: #777777; } + +.scorenumber { + font-family: 'yanone kaffeesatz',sans-serif; + font-size: 35px; + font-weight: 800; + color: #777; + line-height: 40px; + margin-top: 3px; } + +.vote-count { + font-family: arial; + font-size: 160%; + font-weight: 700; + color: #777; } + +.answer-votes { + background-color: #eeeeee; + color: #555555; + float: left; + font-family: arial; + font-size: 15px; + font-weight: bold; + height: 17px; + padding: 2px 4px 5px; + text-align: center; + text-decoration: none; + width: 20px; + margin-right: 10px; + border-radius: 4px; + -ms-border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + -khtml-border-radius: 4px; } + +.karma-summary { + padding: 5px; + font-size: 13px; } + .karma-summary h3, .karma-summary div#wiki_panel input[type="button"], div#wiki_panel .karma-summary input[type="button"] { + text-align: center; + font-weight: bold; + padding: 5px; } + +.karma-diagram { + width: 477px; + height: 300px; + float: left; + margin-right: 10px; } + +.karma-details { + float: right; + width: 450px; + height: 250px; + overflow-y: auto; + word-wrap: break-word; } + .karma-details p { + margin-bottom: 10px; } + +.karma-gained { + font-weight: bold; + background: #eee; + width: 25px; + margin-right: 5px; + color: green; + padding: 3px; + display: block; + float: left; + text-align: center; + border-radius: 3px; + -ms-border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + -khtml-border-radius: 3px; } + +.karma-lost { + font-weight: bold; + background: #eee; + width: 25px; + color: red; + padding: 3px; + display: block; + margin-right: 5px; + float: left; + text-align: center; + border-radius: 3px; + -ms-border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + -khtml-border-radius: 3px; } + +.submit-row { + margin-bottom: 10px; } + +.revision { + margin: 10px 0 10px 0; + font-size: 13px; + color: #525252; } + .revision p { + font-size: 13px; + line-height: 1.3; + color: #525252; } + .revision h3, .revision div#wiki_panel input[type="button"], div#wiki_panel .revision input[type="button"] { + font-family: 'yanone kaffeesatz',sans-serif; + font-size: 21px; + padding-left: 0px; } + .revision .header { + background-color: #f5f5f5; + padding: 5px; + cursor: pointer; } + .revision .author { + background-color: #e9f3f5; } + .revision .summary { + padding: 5px 0 10px 0; } + .revision .summary span { + background-color: #fde785; + padding: 6px; + border-radius: 4px; + -ms-border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + -khtml-border-radius: 4px; + display: inline; + -webkit-box-shadow: 1px 1px 4px #cfb852; + -moz-box-shadow: 1px 1px 4px #cfb852; + box-shadow: 1px 1px 4px #cfb852; } + .revision .answerbody { + padding: 10px 0 5px 10px; } + .revision .revision-mark { + width: 150px; + text-align: left; + display: inline-block; + font-size: 11px; + overflow: hidden; } + .revision .revision-mark .gravatar { + float: left; + margin-right: 4px; + padding-top: 5px; } + .revision .revision-number { + font-size: 300%; + font-weight: bold; + font-family: sans-serif; } + +ins { + background-color: #e6f0a2; } + ins .post-tag, ins p { + background-color: #e6f0a2; } + +.footer-links { + color: #eee; + text-align: left; + width: 500px; + float: left; } + .footer-links a { + color: #e7e8a8; } + +.powered-link { + width: 500px; + float: left; + text-align: left; } + .powered-link a { + color: #8ebcc7; } + +.copyright { + color: #616161; + width: 450px; + float: right; + text-align: right; } + .copyright a { + color: #8ebcc7; } + .copyright img.license-logo { + margin: 6px 0px 20px 10px; + float: right; } + +.notify-me { + float: left; } + +span.text-counter { + margin-right: 20px; } + +p.form-item { + margin: 0px; } + +.form-row { + line-height: 25px; } + +table.form-as-table { + margin-top: 5px; } + table.form-as-table ul { + list-style-type: none; + display: inline; } + table.form-as-table li { + display: inline; } + table.form-as-table td { + text-align: right; } + table.form-as-table th { + text-align: left; + font-weight: normal; } +table.ab-subscr-form, table.ab-tag-filter-form { + width: 45em; } + +.submit-row { + line-height: 30px; + padding-top: 10px; + display: block; + clear: both; } + +.errors { + line-height: 20px; + color: red; } + +.error { + color: darkred; + margin: 0; + font-size: 10px; } + +label.retag-error { + color: darkred; + padding-left: 5px; + font-size: 10px; } + +.fieldset { + border: none; + margin-top: 10px; + padding: 10px; } + +.favorites-empty { + width: 32px; + height: 45px; + float: left; } + +.user-info-table { + margin-bottom: 10px; + border-spacing: 0; } + +.user-stats-table .narrow { + width: 660px; } + +.narrow .summary h3, .narrow .summary div#wiki_panel input[type="button"], div#wiki_panel .narrow .summary input[type="button"] { + padding: 0px; + margin: 0px; } + +.relativetime { + font-weight: bold; + text-decoration: none; } + +.user-action-1 { + font-weight: bold; + color: #333; } + +.user-action-2 { + font-weight: bold; + color: #ccc; } + +.user-action-3, .user-action-4 { + color: #333; } + +.user-action-5, .user-action-6 { + color: darkred; } + +.user-action-7 { + color: #333; } + +.user-action-8 { + padding: 3px; + font-weight: bold; + background-color: #ccc; + color: #763333; } + +.revision-summary { + background-color: #fffe9b; + padding: 2px; } + +.question-title-link a { + font-weight: bold; + color: #0077cc; } + +.answer-title-link a { + color: #333; } + +.post-type-1 a, .post-type-3 a, .post-type-5 a { + font-weight: bold; } + +.post-type-2 a, .post-type-4 a, .post-type-6 a, .post-type-8 a { + color: #333; } + +.hilite, .hilite1 { + background-color: #ff0; } + +.hilite2 { + background-color: #f0f; } + +.hilite3 { + background-color: #0ff; } + +.score { + font-weight: 800; + color: #333; } + +a.comment { + background: #eee; + color: #993300; + padding: 5px; } +a.offensive { + color: #999; } + +.message h1 { + padding-top: 0px; + font-size: 15px; } +.message p { + margin-bottom: 0px; } + +p.space-above { + margin-top: 10px; } + +.warning { + color: red; } + +button::-moz-focus-inner { + padding: 0; + border: none; } + +.question-page a.submit { + display: -moz-inline-stack; + display: inline-block; + line-height: 30px; + padding: 0 5px; + *display: inline; } + +.noscript { + position: fixed; + top: 0px; + left: 0px; + width: 100%; + z-index: 100; + padding: 5px 0; + text-align: center; + font-family: sans-serif; + font-size: 120%; + font-weight: bold; + color: #ffffff; + background-color: #ae0000; } + +.big { + font-size: 14px; } + +.strong { + font-weight: bold; } + +.orange { + color: #d64000; + font-weight: bold; } + +.grey { + color: #808080; } + +.about div { + padding: 10px 5px 10px 5px; + border-top: 1px dashed #aaaaaa; } + +.highlight { + background-color: #fff8c6; } + +.nomargin { + margin: 0; } + +.margin-bottom { + margin-bottom: 10px; } + +.margin-top { + margin-top: 10px; } + +.inline-block { + display: inline-block; } + +.action-status { + margin: 0; + border: none; + text-align: center; + line-height: 10px; + font-size: 12px; + padding: 0; } + .action-status span { + padding: 3px 5px 3px 5px; + background-color: #fff380; + font-weight: normal; + -moz-border-radius: 5px; + -khtml-border-radius: 5px; + -webkit-border-radius: 5px; } + +.list-table td { + vertical-align: top; } + +table.form-as-table .errorlist { + display: block; + margin: 0; + padding: 0 0 0 5px; + text-align: left; + font-size: 10px; + color: darkred; } +table.form-as-table input { + display: inline; + margin-left: 4px; } +table.form-as-table th { + vertical-align: bottom; + padding-bottom: 4px; } + +.form-row-vertical { + margin-top: 8px; + display: block; } + .form-row-vertical label { + margin-bottom: 3px; + display: block; } + +.text-align-right { + text-align: center; } + +ul.form-horizontal-rows { + list-style: none; + margin: 0; } + ul.form-horizontal-rows li { + position: relative; + height: 40px; } + ul.form-horizontal-rows label { + display: inline-block; } + ul.form-horizontal-rows ul.errorlist { + list-style: none; + color: darkred; + font-size: 10px; + line-height: 10px; + position: absolute; + top: 2px; + left: 180px; + text-align: left; + margin: 0; } + ul.form-horizontal-rows ul.errorlist li { + height: 10px; } + ul.form-horizontal-rows label { + position: absolute; + left: 0px; + bottom: 6px; + margin: 0px; + line-height: 12px; + font-size: 12px; } + ul.form-horizontal-rows li input { + position: absolute; + bottom: 0px; + left: 180px; + margin: 0px; } + +.narrow .summary { + float: left; } + +.user-profile-tool-links { + font-weight: bold; + vertical-align: top; } + +#hideignoredtagscontrol { + margin: 5px 0 0 0; } + #hideignoredtagscontrol label { + font-size: 12px; + color: #666; } + +#hideignoredtagscb { + margin: 0 2px 0 1px; } + +#recaptcha_widget_div { + width: 318px; + float: left; + clear: both; } + +p.signup_p { + margin: 20px 0px 0px 0px; } + +.simple-subscribe-options ul { + list-style: none; + list-style-position: outside; + margin: 0; } + +.wmd-preview a { + color: #1b79bd; } +.wmd-preview li { + margin-bottom: 7px; + font-size: 14px; } + +.faq-rep-item { + text-align: right; + padding-right: 5px; } + +.user-info-table .gravatar { + margin: 0; } + +#responses { + clear: both; + line-height: 18px; + margin-bottom: 15px; } + #responses div.face { + float: left; + text-align: center; + width: 54px; + padding: 3px; + overflow: hidden; } + +.response-parent { + margin-top: 18px; } + .response-parent strong { + font-size: 20px; } + +.re { + min-height: 57px; + clear: both; + margin-top: 10px; } + +#responses input { + float: left; } + +#re_tools { + margin-bottom: 10px; } + +#re_sections { + margin-bottom: 6px; } + #re_sections .on { + font-weight: bold; } + +.avatar-page ul { + list-style: none; } +.avatar-page li { + display: inline; } + +.userlist { + font-size: 13px; } + +img.flag { + border: 1px solid #eee; + vertical-align: text-top; } + +.main-page img.flag { + vertical-align: text-bottom; } + +a.edit { + padding-left: 3px; + color: #145bff; } + +.str { + color: #080; } + +.kwd { + color: #008; } + +.com { + color: #800; } + +.typ { + color: #606; } + +.lit { + color: #066; } + +.pun { + color: #660; } + +.pln { + color: #000; } + +.atn { + color: #606; } + +.atv { + color: #080; } + +.dec { + color: #606; } + +pre.prettyprint { + clear: both; + padding: 3px; + border: 0px solid #888; } + +.light-button, div.history-controls input[type="submit"], body.askbot section.main-content div.discussion-wrapper div.discussion-content a.tabula-rasa, html body.askbot section.outside-app div.discussion-wrapper div.discussion-content a.tabula-rasa, body.askbot section.main-content div.discussion-wrapper div.discussion-content .tabula-rasa, html body.askbot section.outside-app div.discussion-wrapper div.discussion-content .tabula-rasa, ul.question-list div.post-own-question a, div#question-list div.post-own-question a, div.question-header div.question-container div.comments-container div.comments-content form.post-comments button:last-child, div.answer-block div.question-container div.comments-container div.comments-content form.post-comments button:last-child, div.paginator div.question-container div.comments-container div.comments-content form.post-comments button:last-child, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content form.post-comments button:last-child, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content form.post-comments button:last-child, div.answer-block div.answer-container div.comments-container div.comments-content form.post-comments button:last-child, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content form.post-comments button:last-child, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content form.post-comments button:last-child, div.question-header div.paginator div.answer-container div.comments-container div.comments-content form.post-comments button:last-child, div.paginator div.question-header div.answer-container div.comments-container div.comments-content form.post-comments button:last-child, div.paginator div.answer-container div.comments-container div.comments-content form.post-comments button:last-child, div.paginator span.next, div.paginator span.prev, form.answer-form div.preview-toggle a, form.question-form div.preview-toggle a, a.light-button, body.askbot section.main-content div.discussion-wrapper div.discussion-content a.tabula-rasa, html body.askbot section.outside-app div.discussion-wrapper div.discussion-content a.tabula-rasa, ul.question-list div.post-own-question a, div#question-list div.post-own-question a, form.answer-form div.preview-toggle a, form.question-form div.preview-toggle a { + -webkit-box-shadow: inset 0 1px 0 white; + -moz-box-shadow: inset 0 1px 0 white; + -ms-box-shadow: inset 0 1px 0 white; + -o-box-shadow: inset 0 1px 0 white; + box-shadow: inset 0 1px 0 white; + 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); + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + border: 1px solid #ccc; + padding: 4px 8px; + color: #666; + font: normal 14px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; + text-decoration: none; + cursor: pointer; + -webkit-font-smoothing: antialiased; } + .light-button:hover, div.history-controls input[type="submit"]:hover, body.askbot section.main-content div.discussion-wrapper div.discussion-content a.tabula-rasa:hover, html body.askbot section.outside-app div.discussion-wrapper div.discussion-content a.tabula-rasa:hover, body.askbot section.main-content div.discussion-wrapper div.discussion-content .tabula-rasa:hover, html body.askbot section.outside-app div.discussion-wrapper div.discussion-content .tabula-rasa:hover, ul.question-list div.post-own-question a:hover, div#question-list div.post-own-question a:hover, div.question-header div.question-container div.comments-container div.comments-content form.post-comments button:hover:last-child, div.answer-block div.question-container div.comments-container div.comments-content form.post-comments button:hover:last-child, div.paginator div.question-container div.comments-container div.comments-content form.post-comments button:hover:last-child, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content form.post-comments button:hover:last-child, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content form.post-comments button:hover:last-child, div.answer-block div.answer-container div.comments-container div.comments-content form.post-comments button:hover:last-child, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content form.post-comments button:hover:last-child, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content form.post-comments button:hover:last-child, div.question-header div.paginator div.answer-container div.comments-container div.comments-content form.post-comments button:hover:last-child, div.paginator div.question-header div.answer-container div.comments-container div.comments-content form.post-comments button:hover:last-child, div.paginator div.answer-container div.comments-container div.comments-content form.post-comments button:hover:last-child, div.paginator span.next:hover, div.paginator span.prev:hover, form.answer-form div.preview-toggle a:hover, form.question-form div.preview-toggle a:hover, .light-button:focus, div.history-controls input[type="submit"]:focus, body.askbot section.main-content div.discussion-wrapper div.discussion-content a.tabula-rasa:focus, html body.askbot section.outside-app div.discussion-wrapper div.discussion-content a.tabula-rasa:focus, body.askbot section.main-content div.discussion-wrapper div.discussion-content .tabula-rasa:focus, html body.askbot section.outside-app div.discussion-wrapper div.discussion-content .tabula-rasa:focus, ul.question-list div.post-own-question a:focus, div#question-list div.post-own-question a:focus, div.question-header div.question-container div.comments-container div.comments-content form.post-comments button:focus:last-child, div.answer-block div.question-container div.comments-container div.comments-content form.post-comments button:focus:last-child, div.paginator div.question-container div.comments-container div.comments-content form.post-comments button:focus:last-child, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content form.post-comments button:focus:last-child, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content form.post-comments button:focus:last-child, div.answer-block div.answer-container div.comments-container div.comments-content form.post-comments button:focus:last-child, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content form.post-comments button:focus:last-child, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content form.post-comments button:focus:last-child, div.question-header div.paginator div.answer-container div.comments-container div.comments-content form.post-comments button:focus:last-child, div.paginator div.question-header div.answer-container div.comments-container div.comments-content form.post-comments button:focus:last-child, div.paginator div.answer-container div.comments-container div.comments-content form.post-comments button:focus:last-child, div.paginator span.next:focus, div.paginator span.prev:focus, form.answer-form div.preview-toggle a:focus, form.question-form div.preview-toggle a:focus, a.light-button:hover, body.askbot section.main-content div.discussion-wrapper div.discussion-content a.tabula-rasa:hover, html body.askbot section.outside-app div.discussion-wrapper div.discussion-content a.tabula-rasa:hover, ul.question-list div.post-own-question a:hover, div#question-list div.post-own-question a:hover, form.answer-form div.preview-toggle a:hover, form.question-form div.preview-toggle a:hover, a.light-button:focus, body.askbot section.main-content div.discussion-wrapper div.discussion-content a.tabula-rasa:focus, html body.askbot section.outside-app div.discussion-wrapper div.discussion-content a.tabula-rasa:focus, ul.question-list div.post-own-question a:focus, div#question-list div.post-own-question a:focus, form.answer-form div.preview-toggle a:focus, form.question-form div.preview-toggle a:focus { + 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); + border: 1px solid #ccc; + text-decoration: none; } + +.action-link a, div.question-list-header section.question-list-meta div.question-sort nav a, div.answer-controls div.answer-sort nav a { + color: #993333; } + .action-link a:hover, div.question-list-header section.question-list-meta div.question-sort nav a:hover, div.answer-controls div.answer-sort nav a:hover { + text-decoration: none; + color: #4d1919; } + +body.askbot section.main-content div.discussion-wrapper div.discussion-content, html body.askbot section.outside-app div.discussion-wrapper div.discussion-content { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + display: table-cell; + min-width: 650px; + padding: 22.652px; + vertical-align: top; + width: 76.518%; } + body.askbot section.main-content div.discussion-wrapper div.discussion-content a.tabula-rasa, html body.askbot section.outside-app div.discussion-wrapper div.discussion-content a.tabula-rasa, body.askbot section.main-content div.discussion-wrapper div.discussion-content .tabula-rasa, html body.askbot section.outside-app div.discussion-wrapper div.discussion-content .tabula-rasa { + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -ms-border-radius: 5px; + -o-border-radius: 5px; + border-radius: 5px; + display: block; + margin: 10px auto; + padding: 20px; + text-align: center; + width: 40.486%; + text-decoration: none; + color: #888; + font-weight: bold; } + body.askbot section.main-content div.discussion-wrapper div.discussion-content a.tabula-rasa:first-child, html body.askbot section.outside-app div.discussion-wrapper div.discussion-content a.tabula-rasa:first-child, body.askbot section.main-content div.discussion-wrapper div.discussion-content .tabula-rasa:first-child, html body.askbot section.outside-app div.discussion-wrapper div.discussion-content .tabula-rasa:first-child { + margin-top: 70px; } + body.askbot section.main-content div.discussion-wrapper div.discussion-content a.tabula-rasa:last-child, html body.askbot section.outside-app div.discussion-wrapper div.discussion-content a.tabula-rasa:last-child, body.askbot section.main-content div.discussion-wrapper div.discussion-content .tabula-rasa:last-child, html body.askbot section.outside-app div.discussion-wrapper div.discussion-content .tabula-rasa:last-child { + margin-bottom: 70px; } + +.acInput { + width: 200px; } + +.acResults { + background-color: #fff; + border: 1px solid #ababab; + overflow: hidden; + padding: 0px; + -webkit-box-shadow: 0 2px 2px #bbbbbb; + -moz-box-shadow: 0 2px 2px #bbbbbb; + -ms-box-shadow: 0 2px 2px #bbbbbb; + -o-box-shadow: 0 2px 2px #bbbbbb; + box-shadow: 0 2px 2px #bbbbbb; } + .acResults ul { + list-style-position: outside; + list-style: none; + margin: 0; + padding: 0; + width: 100%; } + .acResults li { + cursor: pointer; + display: block; + font: menu; + margin: 0px; + overflow: hidden; + padding: 5px 10px; + text-align: left; + border-top: 1px solid #eee; + width: 100%; } + +.acLoading { + background: url("../images/indicator.gif") right center no-repeat; } + +.acSelect { + background-color: #993333; + color: #fff; } + +div.discussion-wrapper aside { + 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: 1px solid #f6f6f6; + -webkit-box-shadow: inset 1px 0 0 #f6f6f6; + -moz-box-shadow: inset 1px 0 0 #f6f6f6; + -ms-box-shadow: inset 1px 0 0 #f6f6f6; + -o-box-shadow: inset 1px 0 0 #f6f6f6; + box-shadow: inset 1px 0 0 #f6f6f6; + padding: 22.652px; + width: 23.482%; } + div.discussion-wrapper aside.main-sidebar { + min-width: 200px; } + div.discussion-wrapper aside h1 { + margin: -22.652px -22.652px 0; + padding: 11.326px 22.652px; } + div.discussion-wrapper aside h2 { + color: #4D4D4D; } + div.discussion-wrapper aside h2.first { + margin-top: 0px; } + div.discussion-wrapper aside h3, div.discussion-wrapper aside div#wiki_panel input[type="button"], div#wiki_panel div.discussion-wrapper aside input[type="button"] { + border-bottom: 0; + box-shadow: none; } + div.discussion-wrapper aside div.inputs input[type="submit"] { + width: 27%; + float: right; } + div.discussion-wrapper aside div.inputs input[type="text"] { + width: 62%; } + div.discussion-wrapper aside div.box { + display: block; + margin: 11.326px 0; } + div.discussion-wrapper aside div.box:last-child { + -webkit-box-shadow: none; + -moz-box-shadow: none; + -ms-box-shadow: none; + -o-box-shadow: none; + box-shadow: none; + border: 0; } + div.discussion-wrapper aside div.box h2 { + text-transform: uppercase; + font-weight: bold; + font-size: 14px; + letter-spacing: 1px; } + div.discussion-wrapper aside div.box h2:not(.first) { + -webkit-box-shadow: inset 0 1px 0 #eeeeee; + -moz-box-shadow: inset 0 1px 0 #eeeeee; + -ms-box-shadow: inset 0 1px 0 #eeeeee; + -o-box-shadow: inset 0 1px 0 #eeeeee; + box-shadow: inset 0 1px 0 #eeeeee; + border-top: 1px solid #d3d3d3; + margin: 0 -22.652px 0; + padding: 11.326px 22.652px; } + div.discussion-wrapper aside div.box.contributors a { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + border: 1px solid #aaa; + cursor: pointer; + display: inline-block; + margin-right: 6px; + position: relative; } + div.discussion-wrapper aside div.box.contributors a:before { + -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 1px 1px rgba(255, 255, 255, 0.4); + -moz-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.4); + -ms-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.4); + -o-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.4); + box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.4); + top: 1px; + left: 1px; + bottom: 1px; + right: 1px; + content: ''; + position: absolute; } + div.discussion-wrapper aside div.box.contributors img.gravatar { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; } + div.discussion-wrapper aside div.box.tag-selector ul { + margin-bottom: 10px; + display: block; } + div.discussion-wrapper aside div.search-box { + margin-top: 11.326px; } + div.discussion-wrapper aside div.search-box input { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + display: inline; } + div.discussion-wrapper aside div.search-box input[type='submit'] { + -webkit-box-shadow: none; + -moz-box-shadow: none; + -ms-box-shadow: none; + -o-box-shadow: none; + box-shadow: none; + opacity: 0.5; + background: url(/static/images/askbot/search-icon.png) no-repeat center; + border: 0; + margin-left: 3px; + position: absolute; + text-indent: -9999px; + width: 24px; } + div.discussion-wrapper aside div.search-box input[type='submit']:hover { + opacity: 0.9; } + div.discussion-wrapper aside div.search-box input[type='submit']:focus { + opacity: 1; } + div.discussion-wrapper aside div.search-box input#keywords { + padding-left: 30px; + padding-right: 30px; + width: 100%; } + div.discussion-wrapper aside div.search-box input#clear { + -webkit-box-shadow: none; + -moz-box-shadow: none; + -ms-box-shadow: none; + -o-box-shadow: none; + box-shadow: none; + -webkit-border-radius: 15px; + -moz-border-radius: 15px; + -ms-border-radius: 15px; + -o-border-radius: 15px; + border-radius: 15px; + border: none; + background: #bbb; + color: #fff; + display: inline; + font-size: 10px; + margin-left: -25px; + padding: 2px 5px; } + div.discussion-wrapper aside div#tagSelector h2 { + -webkit-box-shadow: inset 0 1px 0 #eeeeee; + -moz-box-shadow: inset 0 1px 0 #eeeeee; + -ms-box-shadow: inset 0 1px 0 #eeeeee; + -o-box-shadow: inset 0 1px 0 #eeeeee; + box-shadow: inset 0 1px 0 #eeeeee; + border-top: 1px solid #d3d3d3; + margin: 0 -22.652px 0; + padding: 11.326px 22.652px; + text-transform: uppercase; + font-weight: bold; + font-size: 14px; + letter-spacing: 1px; } + div.discussion-wrapper aside div#tagSelector ul { + margin: 0; } + div.discussion-wrapper aside div#tagSelector div.inputs { + margin-bottom: 22.652px; } + div.discussion-wrapper aside div#tagSelector div#displayTagFilterControl p.choice { + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + margin-right: 11.326px; } + div.discussion-wrapper aside div.follow-buttons { + margin-top: 20px; + display: block; } + div.discussion-wrapper aside div.follow-buttons a.button, div.discussion-wrapper aside div.follow-buttons div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.discussion-wrapper aside div.follow-buttons a.edit, div.discussion-wrapper aside div.follow-buttons div.answer-block div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.discussion-wrapper aside div.follow-buttons a.edit, div.discussion-wrapper aside div.follow-buttons div.paginator div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.discussion-wrapper aside div.follow-buttons a.edit, div.discussion-wrapper aside div.follow-buttons div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.discussion-wrapper aside div.follow-buttons a.edit, div.discussion-wrapper aside div.follow-buttons div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.discussion-wrapper aside div.follow-buttons a.edit, div.discussion-wrapper aside div.follow-buttons div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.discussion-wrapper aside div.follow-buttons a.edit, div.discussion-wrapper aside div.follow-buttons div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.discussion-wrapper aside div.follow-buttons a.edit, div.discussion-wrapper aside div.follow-buttons div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.discussion-wrapper aside div.follow-buttons a.edit, div.discussion-wrapper aside div.follow-buttons div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.discussion-wrapper aside div.follow-buttons a.edit, div.discussion-wrapper aside div.follow-buttons div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.discussion-wrapper aside div.follow-buttons a.edit, div.discussion-wrapper aside div.follow-buttons div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.discussion-wrapper aside div.follow-buttons a.edit { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + display: block; + text-align: center; + width: 100%; } + div.discussion-wrapper aside div.question-stats ul, div.discussion-wrapper aside div.user-info ul, div.discussion-wrapper aside div.user-stats ul { + color: #777; + list-style: none; } + div.discussion-wrapper aside div.question-stats ul li, div.discussion-wrapper aside div.user-info ul li, div.discussion-wrapper aside div.user-stats ul li { + padding: 7px 0 0; } + div.discussion-wrapper aside div.question-stats ul li:last-child, div.discussion-wrapper aside div.user-info ul li:last-child, div.discussion-wrapper aside div.user-stats ul li:last-child { + -webkit-box-shadow: none; + -moz-box-shadow: none; + -ms-box-shadow: none; + -o-box-shadow: none; + box-shadow: none; + border: 0; } + div.discussion-wrapper aside div.question-stats ul li strong, div.discussion-wrapper aside div.user-info ul li strong, div.discussion-wrapper aside div.user-stats ul li strong { + float: right; + padding-right: 10px; } + div.discussion-wrapper aside div.user-info, div.discussion-wrapper aside div.user-stats { + overflow: hidden; } + div.discussion-wrapper aside div.user-info div, div.discussion-wrapper aside div.user-stats div { + float: left; + display: block; } + div.discussion-wrapper aside div.user-info div.karma, div.discussion-wrapper aside div.user-stats div.karma { + background: #eee; + border: 1px solid #D3D3D3; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-shadow: inset 0 0 0 1px white, 0 1px 0 white; + -moz-box-shadow: inset 0 0 0 1px white, 0 1px 0 white; + -ms-box-shadow: inset 0 0 0 1px white, 0 1px 0 white; + -o-box-shadow: inset 0 0 0 1px white, 0 1px 0 white; + box-shadow: inset 0 0 0 1px white, 0 1px 0 white; + padding: 9.061px 0; + text-align: center; + width: 27.586%; + float: right; } + div.discussion-wrapper aside div.user-info div.karma strong, div.discussion-wrapper aside div.user-stats div.karma strong { + display: block; + font-style: 20px; } + div.discussion-wrapper aside div.user-info div.meta, div.discussion-wrapper aside div.user-stats div.meta { + width: 63.793%; + padding-right: 4.31%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; } + div.discussion-wrapper aside div.user-info div.meta h2, div.discussion-wrapper aside div.user-stats div.meta h2 { + border: 0; + -webkit-box-shadow: none; + -moz-box-shadow: none; + -ms-box-shadow: none; + -o-box-shadow: none; + box-shadow: none; + margin: 0 0 8px 0; + padding: 0; } + div.discussion-wrapper aside div.user-info div.meta p, div.discussion-wrapper aside div.user-stats div.meta p { + color: #777; + font-size: 14px; } + div.discussion-wrapper aside div.user-stats { + overflow: visible; } + div.discussion-wrapper aside div.user-stats ul { + font-size: 14px; } + div.discussion-wrapper aside div.user-stats ul h2 { + margin: 0 -22.652px 5px -22.652px; + padding: 11.326px 22.652px; } + div.discussion-wrapper aside div.question-tips ul, div.discussion-wrapper aside div.markdown ul { + margin-left: 8%; } + div.discussion-wrapper aside div.question-tips ol, div.discussion-wrapper aside div.markdown ol { + margin-left: 8%; } + div.discussion-wrapper aside div.markdown ul li { + margin: 20px 0; } + div.discussion-wrapper aside div.markdown ul li:first-child { + margin: 0; } + div.discussion-wrapper aside div.markdown ul li ol li { + margin: 0; } + div.discussion-wrapper aside div.view-profile h2 { + border-top: 0; + -webkit-box-shadow: none; + -moz-box-shadow: none; + -ms-box-shadow: none; + -o-box-shadow: none; + box-shadow: none; } + div.discussion-wrapper aside div.view-profile a { + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + text-align: center; + padding: 10px; + display: block; + margin-top: 10px; } + div.discussion-wrapper aside div.view-profile a:first-child { + margin-top: 0; } + div.discussion-wrapper aside div.view-profile a span { + font-weight: bold; } + +div.question-list-header { + display: block; + margin-bottom: 0px; + overflow: hidden; + width: 100%; } + div.question-list-header h1 { + margin: 0; } + div.question-list-header h1 > a.light-button, div.question-list-header h1 > body.askbot section.main-content div.discussion-wrapper div.discussion-content a.tabula-rasa, body.askbot section.main-content div.discussion-wrapper div.discussion-content div.question-list-header h1 > a.tabula-rasa, div.question-list-header h1 > html body.askbot section.outside-app div.discussion-wrapper div.discussion-content a.tabula-rasa, html body.askbot section.outside-app div.discussion-wrapper div.discussion-content div.question-list-header h1 > a.tabula-rasa, div.question-list-header h1 > ul.question-list div.post-own-question a, ul.question-list div.post-own-question div.question-list-header h1 > a, div.question-list-header h1 > div#question-list div.post-own-question a, div#question-list div.post-own-question div.question-list-header h1 > a, div.question-list-header h1 > form.answer-form div.preview-toggle a, form.answer-form div.preview-toggle div.question-list-header h1 > a, div.question-list-header h1 > form.question-form div.preview-toggle a, form.question-form div.preview-toggle div.question-list-header h1 > a { + float: right; } + div.question-list-header section.question-list-meta { + display: block; + overflow: hidden; + width: 100%; } + div.question-list-header section.question-list-meta div { + display: inline-block; + float: left; } + div.question-list-header section.question-list-meta h1 { + margin: 0; } + div.question-list-header section.question-list-meta span.label { + color: #555; } + div.question-list-header section.question-list-meta div.question-list-title { + margin-right: 2.024%; } + div.question-list-header section.question-list-meta div.question-list-title h1 { + margin-top: 0; } + div.question-list-header section.question-list-meta div.question-sort { + float: right; + margin-left: 2.024%; + margin-top: 6px; } + div.question-list-header section.question-list-meta div.question-sort nav { + float: right; } + div.question-list-header section.question-list-meta div.question-sort nav a.on span { + font-weight: bold; } + div.question-list-header section.question-list-meta div.question-sort nav a:before { + content: '|'; + color: #ccc; + font-size: 16px; } + div.question-list-header section.question-tags-list { + display: block; + min-height: 26px; + padding-top: 15px; + width: 100%; } + div.question-list-header section.question-tags-list div { + display: inline-block; + float: left; } + div.question-list-header section.question-tags-list div.back { + margin-right: 10px; + margin-top: 4px; } + div.question-list-header section.question-tags-list div.back a { + color: #555; } + div.question-list-header section.question-tags-list ul.tags li { + background: #fff; } + div.question-list-header section.question-tags-list ul.tags li:before { + border-color: transparent #fff transparent transparent; } + +ul.question-list, div#question-list { + width: 100%; } + ul.question-list li.single-question, div#question-list li.single-question { + border-bottom: 1px solid #eee; + list-style: none; + padding: 10px 3%; + margin-left: -3%; + width: 100%; } + ul.question-list li.single-question:hover, div#question-list li.single-question:hover { + background: #F3F3F3; } + ul.question-list li.single-question:hover ul.tags li, div#question-list li.single-question:hover ul.tags li { + background: #ddd; } + ul.question-list li.single-question:hover ul.tags li:before, div#question-list li.single-question:hover ul.tags li:before { + border-color: transparent #ddd transparent transparent; } + ul.question-list li.single-question:first-child, div#question-list li.single-question:first-child { + border-top: 0; } + ul.question-list li.single-question div, div#question-list li.single-question div { + display: inline-block; } + ul.question-list li.single-question div.question-body, ul.question-list li.single-question div.answer-block div.answer-container div.answer-content div.answer-body, div.answer-block div.answer-container div.answer-content ul.question-list li.single-question div.answer-body, ul.question-list li.single-question div.paginator div.answer-container div.answer-content div.answer-body, div.paginator div.answer-container div.answer-content ul.question-list li.single-question div.answer-body, div#question-list li.single-question div.question-body, div#question-list li.single-question div.answer-block div.answer-container div.answer-content div.answer-body, div.answer-block div.answer-container div.answer-content div#question-list li.single-question div.answer-body, div#question-list li.single-question div.paginator div.answer-container div.answer-content div.answer-body, div.paginator div.answer-container div.answer-content div#question-list li.single-question div.answer-body { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + margin-right: 2.024%; + width: 60.054%; } + ul.question-list li.single-question div.question-body h2, ul.question-list li.single-question div.answer-block div.answer-container div.answer-content div.answer-body h2, div.answer-block div.answer-container div.answer-content ul.question-list li.single-question div.answer-body h2, ul.question-list li.single-question div.paginator div.answer-container div.answer-content div.answer-body h2, div.paginator div.answer-container div.answer-content ul.question-list li.single-question div.answer-body h2, div#question-list li.single-question div.question-body h2, div#question-list li.single-question div.answer-block div.answer-container div.answer-content div.answer-body h2, div.answer-block div.answer-container div.answer-content div#question-list li.single-question div.answer-body h2, div#question-list li.single-question div.paginator div.answer-container div.answer-content div.answer-body h2, div.paginator div.answer-container div.answer-content div#question-list li.single-question div.answer-body h2 { + font-size: 16px; + font-weight: bold; + letter-spacing: 0; + margin: 0px 0 15px 0; + text-transform: none; } + ul.question-list li.single-question div.question-body p.excerpt, ul.question-list li.single-question div.answer-block div.answer-container div.answer-content div.answer-body p.excerpt, div.answer-block div.answer-container div.answer-content ul.question-list li.single-question div.answer-body p.excerpt, ul.question-list li.single-question div.paginator div.answer-container div.answer-content div.answer-body p.excerpt, div.paginator div.answer-container div.answer-content ul.question-list li.single-question div.answer-body p.excerpt, div#question-list li.single-question div.question-body p.excerpt, div#question-list li.single-question div.answer-block div.answer-container div.answer-content div.answer-body p.excerpt, div.answer-block div.answer-container div.answer-content div#question-list li.single-question div.answer-body p.excerpt, div#question-list li.single-question div.paginator div.answer-container div.answer-content div.answer-body p.excerpt, div.paginator div.answer-container div.answer-content div#question-list li.single-question div.answer-body p.excerpt { + color: #777; } + ul.question-list li.single-question div.question-body div.user-info, ul.question-list li.single-question div.answer-block div.answer-container div.answer-content div.answer-body div.user-info, div.answer-block div.answer-container div.answer-content ul.question-list li.single-question div.answer-body div.user-info, ul.question-list li.single-question div.paginator div.answer-container div.answer-content div.answer-body div.user-info, div.paginator div.answer-container div.answer-content ul.question-list li.single-question div.answer-body div.user-info, div#question-list li.single-question div.question-body div.user-info, div#question-list li.single-question div.answer-block div.answer-container div.answer-content div.answer-body div.user-info, div.answer-block div.answer-container div.answer-content div#question-list li.single-question div.answer-body div.user-info, div#question-list li.single-question div.paginator div.answer-container div.answer-content div.answer-body div.user-info, div.paginator div.answer-container div.answer-content div#question-list li.single-question div.answer-body div.user-info { + display: inline-block; + vertical-align: top; + margin-bottom: 10px; } + ul.question-list li.single-question div.question-body div.user-info span.relative-time, ul.question-list li.single-question div.answer-block div.answer-container div.answer-content div.answer-body div.user-info span.relative-time, div.answer-block div.answer-container div.answer-content ul.question-list li.single-question div.answer-body div.user-info span.relative-time, ul.question-list li.single-question div.paginator div.answer-container div.answer-content div.answer-body div.user-info span.relative-time, div.paginator div.answer-container div.answer-content ul.question-list li.single-question div.answer-body div.user-info span.relative-time, div#question-list li.single-question div.question-body div.user-info span.relative-time, div#question-list li.single-question div.answer-block div.answer-container div.answer-content div.answer-body div.user-info span.relative-time, div.answer-block div.answer-container div.answer-content div#question-list li.single-question div.answer-body div.user-info span.relative-time, div#question-list li.single-question div.paginator div.answer-container div.answer-content div.answer-body div.user-info span.relative-time, div.paginator div.answer-container div.answer-content div#question-list li.single-question div.answer-body div.user-info span.relative-time { + font-weight: normal; } + ul.question-list li.single-question div.question-body div.user-info a, ul.question-list li.single-question div.answer-block div.answer-container div.answer-content div.answer-body div.user-info a, div.answer-block div.answer-container div.answer-content ul.question-list li.single-question div.answer-body div.user-info a, ul.question-list li.single-question div.paginator div.answer-container div.answer-content div.answer-body div.user-info a, div.paginator div.answer-container div.answer-content ul.question-list li.single-question div.answer-body div.user-info a, div#question-list li.single-question div.question-body div.user-info a, div#question-list li.single-question div.answer-block div.answer-container div.answer-content div.answer-body div.user-info a, div.answer-block div.answer-container div.answer-content div#question-list li.single-question div.answer-body div.user-info a, div#question-list li.single-question div.paginator div.answer-container div.answer-content div.answer-body div.user-info a, div.paginator div.answer-container div.answer-content div#question-list li.single-question div.answer-body div.user-info a { + color: #993333; } + ul.question-list li.single-question div.question-body ul.tags, ul.question-list li.single-question div.answer-block div.answer-container div.answer-content div.answer-body ul.tags, div.answer-block div.answer-container div.answer-content ul.question-list li.single-question div.answer-body ul.tags, ul.question-list li.single-question div.paginator div.answer-container div.answer-content div.answer-body ul.tags, div.paginator div.answer-container div.answer-content ul.question-list li.single-question div.answer-body ul.tags, div#question-list li.single-question div.question-body ul.tags, div#question-list li.single-question div.answer-block div.answer-container div.answer-content div.answer-body ul.tags, div.answer-block div.answer-container div.answer-content div#question-list li.single-question div.answer-body ul.tags, div#question-list li.single-question div.paginator div.answer-container div.answer-content div.answer-body ul.tags, div.paginator div.answer-container div.answer-content div#question-list li.single-question div.answer-body ul.tags { + display: inline-block; } + ul.question-list li.single-question div.question-meta, div#question-list li.single-question div.question-meta { + float: right; + margin-top: 10px; + width: 37.228%; } + ul.question-list li.single-question div.question-meta ul, div#question-list li.single-question div.question-meta ul { + text-align: right; } + ul.question-list li.single-question div.question-meta ul li, div#question-list li.single-question div.question-meta ul li { + border: 1px solid #ddd; + -webkit-box-shadow: 0 1px 0 white; + -moz-box-shadow: 0 1px 0 white; + -ms-box-shadow: 0 1px 0 white; + -o-box-shadow: 0 1px 0 white; + box-shadow: 0 1px 0 white; + display: inline-block; + height: 60px; + background-color: white; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f5f5f5)); + background-image: -webkit-linear-gradient(top, white, #f5f5f5); + background-image: -moz-linear-gradient(top, white, #f5f5f5); + background-image: -ms-linear-gradient(top, white, #f5f5f5); + background-image: -o-linear-gradient(top, white, #f5f5f5); + background-image: linear-gradient(top, white, #f5f5f5); + margin-right: 10px; + width: 60px; } + ul.question-list li.single-question div.question-meta ul li:last-child, div#question-list li.single-question div.question-meta ul li:last-child { + margin-right: 0px; } + ul.question-list li.single-question div.question-meta ul li:hover span, ul.question-list li.single-question div.question-meta ul li:hover div, div#question-list li.single-question div.question-meta ul li:hover span, div#question-list li.single-question div.question-meta ul li:hover div { + color: #555; } + ul.question-list li.single-question div.question-meta ul li.answers.accepted, div#question-list li.single-question div.question-meta ul li.answers.accepted { + background-color: white; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e9f3e7)); + background-image: -webkit-linear-gradient(top, white, #e9f3e7); + background-image: -moz-linear-gradient(top, white, #e9f3e7); + background-image: -ms-linear-gradient(top, white, #e9f3e7); + background-image: -o-linear-gradient(top, white, #e9f3e7); + background-image: linear-gradient(top, white, #e9f3e7); + border-color: #c4dfbe; } + ul.question-list li.single-question div.question-meta ul li.answers.accepted span, ul.question-list li.single-question div.question-meta ul li.answers.accepted div, div#question-list li.single-question div.question-meta ul li.answers.accepted span, div#question-list li.single-question div.question-meta ul li.answers.accepted div { + color: #5c9d4d; } + ul.question-list li.single-question div.question-meta ul li.answers.no-answers span, ul.question-list li.single-question div.question-meta ul li.answers.no-answers div, div#question-list li.single-question div.question-meta ul li.answers.no-answers span, div#question-list li.single-question div.question-meta ul li.answers.no-answers div { + color: #cc6666; } + ul.question-list li.single-question div.question-meta ul li span, ul.question-list li.single-question div.question-meta ul li div, div#question-list li.single-question div.question-meta ul li span, div#question-list li.single-question div.question-meta ul li div { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + color: #888; + display: block; + text-align: center; } + ul.question-list li.single-question div.question-meta ul li span, div#question-list li.single-question div.question-meta ul li span { + font-size: 16px; + font-weight: bold; + height: 35px; + padding-top: 15px; + vertical-align: middle; } + ul.question-list li.single-question div.question-meta ul li div, div#question-list li.single-question div.question-meta ul li div { + height: 25px; + font-size: 12px; } + ul.question-list div.post-own-question, div#question-list div.post-own-question { + padding: 11px; + margin-top: 10px; + color: #888; + text-align: center; } + ul.question-list div.post-own-question a, div#question-list div.post-own-question a { + font-weight: bold; + padding: 20px; + display: block; + margin: 10px auto; + text-align: center; + width: 40.486%; } + +ul.tags { + list-style: none; + display: inline; } + ul.tags li, ul.tags a { + position: relative; } + ul.tags li { + background: #eee; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: 0px 1px 0px #cccccc; + -moz-box-shadow: 0px 1px 0px #cccccc; + -ms-box-shadow: 0px 1px 0px #cccccc; + -o-box-shadow: 0px 1px 0px #cccccc; + box-shadow: 0px 1px 0px #cccccc; + color: #555; + display: inline-block; + font-size: 12px; + margin-bottom: 5px; + margin-left: 15px; + padding: 3px 10px 5px 5px; } + ul.tags li:before { + border-color: transparent #eee transparent transparent; + border-style: solid; + border-width: 12px 12px 12px 0; + content: ""; + height: 0; + left: -10px; + position: absolute; + top: 0; + width: 0; } + ul.tags li span.delete-icon, ul.tags li div.delete-icon { + background: #555; + -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; + clear: none; + color: #eee; + cursor: pointer; + display: inline; + float: none; + left: 10px; + opacity: 0.5; + padding: 4px 6px; + position: relative; + top: 1px; } + ul.tags li span.delete-icon:hover, ul.tags li div.delete-icon:hover { + opacity: 1; } + ul.tags li a { + color: #555; + text-decoration: none; } + +span.tag-number { + display: none; } + +div.question-header div.vote-buttons, div.answer-block div.vote-buttons, div.paginator div.vote-buttons { + display: inline-block; + float: left; + margin-right: 2.717%; + width: 5.272%; } + div.question-header div.vote-buttons ul li, div.answer-block div.vote-buttons ul li, div.paginator div.vote-buttons ul li { + background-position: center; + background-repeat: no-repeat; + cursor: pointer; + font-weight: bold; + height: 20px; + list-style: none; + padding: 10px; + text-align: center; + width: 70%; } + div.question-header div.vote-buttons ul li.post-vote, div.answer-block div.vote-buttons ul li.post-vote, div.paginator div.vote-buttons ul li.post-vote { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + background-color: #faf7e9; + border: 1px solid #eddfaa; + -webkit-box-shadow: inset 0 1px 0px white; + -moz-box-shadow: inset 0 1px 0px white; + -ms-box-shadow: inset 0 1px 0px white; + -o-box-shadow: inset 0 1px 0px white; + box-shadow: inset 0 1px 0px white; } + div.question-header div.vote-buttons ul li.question-img-upvote, div.answer-block div.vote-buttons ul li.question-img-upvote, div.paginator div.vote-buttons ul li.question-img-upvote, div.question-header div.vote-buttons ul li.answer-img-upvote, div.answer-block div.vote-buttons ul li.answer-img-upvote, div.paginator div.vote-buttons ul li.answer-img-upvote { + background-image: url(/static/images/askbot/vote-arrow-up.png); + -webkit-box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.5); + -moz-box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.5); + -ms-box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.5); + -o-box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.5); + box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.5); } + div.question-header div.vote-buttons ul li.question-img-upvote:hover, div.answer-block div.vote-buttons ul li.question-img-upvote:hover, div.paginator div.vote-buttons ul li.question-img-upvote:hover, div.question-header div.vote-buttons ul li.question-img-upvote.on, div.answer-block div.vote-buttons ul li.question-img-upvote.on, div.paginator div.vote-buttons ul li.question-img-upvote.on, div.question-header div.vote-buttons ul li.answer-img-upvote:hover, div.answer-block div.vote-buttons ul li.answer-img-upvote:hover, div.paginator div.vote-buttons ul li.answer-img-upvote:hover, div.question-header div.vote-buttons ul li.answer-img-upvote.on, div.answer-block div.vote-buttons ul li.answer-img-upvote.on, div.paginator div.vote-buttons ul li.answer-img-upvote.on { + background-color: #d1e3a8; + border-color: #a8ca5b; + background-image: url(/static/images/askbot/vote-arrow-up-activate.png); } + div.question-header div.vote-buttons ul li.question-img-downvote, div.answer-block div.vote-buttons ul li.question-img-downvote, div.paginator div.vote-buttons ul li.question-img-downvote, div.question-header div.vote-buttons ul li.answer-img-downvote, div.answer-block div.vote-buttons ul li.answer-img-downvote, div.paginator div.vote-buttons ul li.answer-img-downvote { + background-image: url(/static/images/askbot/vote-arrow-down.png); } + div.question-header div.vote-buttons ul li.question-img-downvote:hover, div.answer-block div.vote-buttons ul li.question-img-downvote:hover, div.paginator div.vote-buttons ul li.question-img-downvote:hover, div.question-header div.vote-buttons ul li.question-img-downvote.on, div.answer-block div.vote-buttons ul li.question-img-downvote.on, div.paginator div.vote-buttons ul li.question-img-downvote.on, div.question-header div.vote-buttons ul li.answer-img-downvote:hover, div.answer-block div.vote-buttons ul li.answer-img-downvote:hover, div.paginator div.vote-buttons ul li.answer-img-downvote:hover, div.question-header div.vote-buttons ul li.answer-img-downvote.on, div.answer-block div.vote-buttons ul li.answer-img-downvote.on, div.paginator div.vote-buttons ul li.answer-img-downvote.on { + background-color: #EAC6AD; + border-color: #d58e5c; + background-image: url(/static/images/askbot/vote-arrow-down-activate.png); } +div.question-header div.question-container, div.answer-block div.question-container, div.paginator div.question-container, div.question-header div.answer-block div.answer-container, div.answer-block div.question-header div.answer-container, div.answer-block div.answer-container, div.paginator div.answer-block div.answer-container, div.answer-block div.paginator div.answer-container, div.question-header div.paginator div.answer-container, div.paginator div.question-header div.answer-container, div.answer-block div.paginator div.answer-container, div.paginator div.answer-block div.answer-container, div.paginator div.answer-container { + display: inline-block; + float: left; + width: 92.011%; } + div.question-header div.question-container h1, div.answer-block div.question-container h1, div.paginator div.question-container h1, div.question-header div.answer-block div.answer-container h1, div.answer-block div.question-header div.answer-container h1, div.answer-block div.answer-container h1, div.paginator div.answer-block div.answer-container h1, div.answer-block div.paginator div.answer-container h1, div.question-header div.paginator div.answer-container h1, div.paginator div.question-header div.answer-container h1, div.answer-block div.paginator div.answer-container h1, div.paginator div.answer-block div.answer-container h1, div.paginator div.answer-container h1 { + margin-top: 0; } + div.question-header div.question-container div.meta-bar, div.answer-block div.question-container div.meta-bar, div.paginator div.question-container div.meta-bar, div.question-header div.answer-block div.answer-container div.meta-bar, div.answer-block div.question-header div.answer-container div.meta-bar, div.answer-block div.answer-container div.meta-bar, div.paginator div.answer-block div.answer-container div.meta-bar, div.answer-block div.paginator div.answer-container div.meta-bar, div.question-header div.paginator div.answer-container div.meta-bar, div.paginator div.question-header div.answer-container div.meta-bar, div.answer-block div.paginator div.answer-container div.meta-bar, div.paginator div.answer-block div.answer-container div.meta-bar, div.paginator div.answer-container div.meta-bar { + border-bottom: 1px solid #eee; + display: block; + margin: 10px 0; + overflow: hidden; + padding: 5px 0 10px; } + div.question-header div.question-container div.meta-bar div.tag-list, div.answer-block div.question-container div.meta-bar div.tag-list, div.paginator div.question-container div.meta-bar div.tag-list, div.question-header div.answer-block div.answer-container div.meta-bar div.tag-list, div.answer-block div.question-header div.answer-container div.meta-bar div.tag-list, div.answer-block div.answer-container div.meta-bar div.tag-list, div.paginator div.answer-block div.answer-container div.meta-bar div.tag-list, div.answer-block div.paginator div.answer-container div.meta-bar div.tag-list, div.question-header div.paginator div.answer-container div.meta-bar div.tag-list, div.paginator div.question-header div.answer-container div.meta-bar div.tag-list, div.answer-block div.paginator div.answer-container div.meta-bar div.tag-list, div.paginator div.answer-block div.answer-container div.meta-bar div.tag-list, div.paginator div.answer-container div.meta-bar div.tag-list { + display: inline-block; + float: left; + width: 48.466%; + margin-right: 3.067%; } + div.question-header div.question-container div.meta-bar div.question-actions, div.answer-block div.question-container div.meta-bar div.question-actions, div.paginator div.question-container div.meta-bar div.question-actions, div.question-header div.answer-block div.answer-container div.meta-bar div.question-actions, div.answer-block div.question-header div.answer-container div.meta-bar div.question-actions, div.answer-block div.answer-container div.meta-bar div.question-actions, div.paginator div.answer-block div.answer-container div.meta-bar div.question-actions, div.answer-block div.paginator div.answer-container div.meta-bar div.question-actions, div.question-header div.paginator div.answer-container div.meta-bar div.question-actions, div.paginator div.question-header div.answer-container div.meta-bar div.question-actions, div.answer-block div.paginator div.answer-container div.meta-bar div.question-actions, div.paginator div.answer-block div.answer-container div.meta-bar div.question-actions, div.paginator div.answer-container div.meta-bar div.question-actions, div.question-header div.question-container div.answer-block div.meta-bar div.answer-actions, div.answer-block div.question-header div.question-container div.meta-bar div.answer-actions, div.answer-block div.question-container div.meta-bar div.answer-actions, div.paginator div.question-container div.answer-block div.meta-bar div.answer-actions, div.answer-block div.paginator div.question-container div.meta-bar div.answer-actions, div.question-header div.answer-block div.answer-container div.meta-bar div.answer-actions, div.answer-block div.question-header div.answer-container div.meta-bar div.answer-actions, div.answer-block div.answer-container div.meta-bar div.answer-actions, div.paginator div.answer-block div.answer-container div.meta-bar div.answer-actions, div.answer-block div.paginator div.answer-container div.meta-bar div.answer-actions, div.question-header div.paginator div.answer-container div.answer-block div.meta-bar div.answer-actions, div.answer-block div.question-header div.paginator div.answer-container div.meta-bar div.answer-actions, div.paginator div.question-header div.answer-container div.answer-block div.meta-bar div.answer-actions, div.answer-block div.paginator div.question-header div.answer-container div.meta-bar div.answer-actions, div.answer-block div.paginator div.answer-container div.meta-bar div.answer-actions, div.paginator div.answer-block div.answer-container div.meta-bar div.answer-actions, div.paginator div.answer-container div.answer-block div.meta-bar div.answer-actions, div.answer-block div.paginator div.answer-container div.meta-bar div.answer-actions, div.question-header div.question-container div.paginator div.meta-bar div.answer-actions, div.paginator div.question-header div.question-container div.meta-bar div.answer-actions, div.answer-block div.question-container div.paginator div.meta-bar div.answer-actions, div.paginator div.answer-block div.question-container div.meta-bar div.answer-actions, div.paginator div.question-container div.meta-bar div.answer-actions, div.question-header div.answer-block div.answer-container div.paginator div.meta-bar div.answer-actions, div.paginator div.question-header div.answer-block div.answer-container div.meta-bar div.answer-actions, div.answer-block div.question-header div.answer-container div.paginator div.meta-bar div.answer-actions, div.paginator div.answer-block div.question-header div.answer-container div.meta-bar div.answer-actions, div.answer-block div.answer-container div.paginator div.meta-bar div.answer-actions, div.paginator div.answer-block div.answer-container div.meta-bar div.answer-actions, div.paginator div.answer-block div.answer-container div.meta-bar div.answer-actions, div.answer-block div.paginator div.answer-container div.meta-bar div.answer-actions, div.question-header div.paginator div.answer-container div.meta-bar div.answer-actions, div.paginator div.question-header div.answer-container div.meta-bar div.answer-actions, div.answer-block div.paginator div.answer-container div.meta-bar div.answer-actions, div.paginator div.answer-block div.answer-container div.meta-bar div.answer-actions, div.paginator div.answer-container div.meta-bar div.answer-actions { + display: inline-block; + float: left; + text-align: right; + width: 48.466%; } + div.question-header div.question-container div.meta-bar div.question-actions a.question-delete, div.answer-block div.question-container div.meta-bar div.question-actions a.question-delete, div.paginator div.question-container div.meta-bar div.question-actions a.question-delete, div.question-header div.answer-block div.answer-container div.meta-bar div.question-actions a.question-delete, div.answer-block div.question-header div.answer-container div.meta-bar div.question-actions a.question-delete, div.answer-block div.answer-container div.meta-bar div.question-actions a.question-delete, div.paginator div.answer-block div.answer-container div.meta-bar div.question-actions a.question-delete, div.answer-block div.paginator div.answer-container div.meta-bar div.question-actions a.question-delete, div.question-header div.paginator div.answer-container div.meta-bar div.question-actions a.question-delete, div.paginator div.question-header div.answer-container div.meta-bar div.question-actions a.question-delete, div.answer-block div.paginator div.answer-container div.meta-bar div.question-actions a.question-delete, div.paginator div.answer-block div.answer-container div.meta-bar div.question-actions a.question-delete, div.paginator div.answer-container div.meta-bar div.question-actions a.question-delete, div.question-header div.question-container div.answer-block div.meta-bar div.answer-actions a.question-delete, div.answer-block div.question-header div.question-container div.meta-bar div.answer-actions a.question-delete, div.answer-block div.question-container div.meta-bar div.answer-actions a.question-delete, div.paginator div.question-container div.answer-block div.meta-bar div.answer-actions a.question-delete, div.answer-block div.paginator div.question-container div.meta-bar div.answer-actions a.question-delete, div.question-header div.answer-block div.answer-container div.meta-bar div.answer-actions a.question-delete, div.answer-block div.question-header div.answer-container div.meta-bar div.answer-actions a.question-delete, div.answer-block div.answer-container div.meta-bar div.answer-actions a.question-delete, div.paginator div.answer-block div.answer-container div.meta-bar div.answer-actions a.question-delete, div.answer-block div.paginator div.answer-container div.meta-bar div.answer-actions a.question-delete, div.question-header div.paginator div.answer-container div.answer-block div.meta-bar div.answer-actions a.question-delete, div.answer-block div.question-header div.paginator div.answer-container div.meta-bar div.answer-actions a.question-delete, div.paginator div.question-header div.answer-container div.answer-block div.meta-bar div.answer-actions a.question-delete, div.answer-block div.paginator div.question-header div.answer-container div.meta-bar div.answer-actions a.question-delete, div.answer-block div.paginator div.answer-container div.meta-bar div.answer-actions a.question-delete, div.paginator div.answer-block div.answer-container div.meta-bar div.answer-actions a.question-delete, div.paginator div.answer-container div.answer-block div.meta-bar div.answer-actions a.question-delete, div.answer-block div.paginator div.answer-container div.meta-bar div.answer-actions a.question-delete, div.question-header div.question-container div.paginator div.meta-bar div.answer-actions a.question-delete, div.paginator div.question-header div.question-container div.meta-bar div.answer-actions a.question-delete, div.answer-block div.question-container div.paginator div.meta-bar div.answer-actions a.question-delete, div.paginator div.answer-block div.question-container div.meta-bar div.answer-actions a.question-delete, div.paginator div.question-container div.meta-bar div.answer-actions a.question-delete, div.question-header div.answer-block div.answer-container div.paginator div.meta-bar div.answer-actions a.question-delete, div.paginator div.question-header div.answer-block div.answer-container div.meta-bar div.answer-actions a.question-delete, div.answer-block div.question-header div.answer-container div.paginator div.meta-bar div.answer-actions a.question-delete, div.paginator div.answer-block div.question-header div.answer-container div.meta-bar div.answer-actions a.question-delete, div.answer-block div.answer-container div.paginator div.meta-bar div.answer-actions a.question-delete, div.paginator div.answer-block div.answer-container div.meta-bar div.answer-actions a.question-delete, div.paginator div.answer-block div.answer-container div.meta-bar div.answer-actions a.question-delete, div.answer-block div.paginator div.answer-container div.meta-bar div.answer-actions a.question-delete, div.question-header div.paginator div.answer-container div.meta-bar div.answer-actions a.question-delete, div.paginator div.question-header div.answer-container div.meta-bar div.answer-actions a.question-delete, div.answer-block div.paginator div.answer-container div.meta-bar div.answer-actions a.question-delete, div.paginator div.answer-block div.answer-container div.meta-bar div.answer-actions a.question-delete, div.paginator div.answer-container div.meta-bar div.answer-actions a.question-delete { + color: #993333; + text-decoration: none; + cursor: pointer; } + div.question-header div.question-container div.meta-bar div.question-actions span.sep, div.answer-block div.question-container div.meta-bar div.question-actions span.sep, div.paginator div.question-container div.meta-bar div.question-actions span.sep, div.question-header div.answer-block div.answer-container div.meta-bar div.question-actions span.sep, div.answer-block div.question-header div.answer-container div.meta-bar div.question-actions span.sep, div.answer-block div.answer-container div.meta-bar div.question-actions span.sep, div.paginator div.answer-block div.answer-container div.meta-bar div.question-actions span.sep, div.answer-block div.paginator div.answer-container div.meta-bar div.question-actions span.sep, div.question-header div.paginator div.answer-container div.meta-bar div.question-actions span.sep, div.paginator div.question-header div.answer-container div.meta-bar div.question-actions span.sep, div.answer-block div.paginator div.answer-container div.meta-bar div.question-actions span.sep, div.paginator div.answer-block div.answer-container div.meta-bar div.question-actions span.sep, div.paginator div.answer-container div.meta-bar div.question-actions span.sep, div.question-header div.question-container div.answer-block div.meta-bar div.answer-actions span.sep, div.answer-block div.question-header div.question-container div.meta-bar div.answer-actions span.sep, div.answer-block div.question-container div.meta-bar div.answer-actions span.sep, div.paginator div.question-container div.answer-block div.meta-bar div.answer-actions span.sep, div.answer-block div.paginator div.question-container div.meta-bar div.answer-actions span.sep, div.question-header div.answer-block div.answer-container div.meta-bar div.answer-actions span.sep, div.answer-block div.question-header div.answer-container div.meta-bar div.answer-actions span.sep, div.answer-block div.answer-container div.meta-bar div.answer-actions span.sep, div.paginator div.answer-block div.answer-container div.meta-bar div.answer-actions span.sep, div.answer-block div.paginator div.answer-container div.meta-bar div.answer-actions span.sep, div.question-header div.paginator div.answer-container div.answer-block div.meta-bar div.answer-actions span.sep, div.answer-block div.question-header div.paginator div.answer-container div.meta-bar div.answer-actions span.sep, div.paginator div.question-header div.answer-container div.answer-block div.meta-bar div.answer-actions span.sep, div.answer-block div.paginator div.question-header div.answer-container div.meta-bar div.answer-actions span.sep, div.answer-block div.paginator div.answer-container div.meta-bar div.answer-actions span.sep, div.paginator div.answer-block div.answer-container div.meta-bar div.answer-actions span.sep, div.paginator div.answer-container div.answer-block div.meta-bar div.answer-actions span.sep, div.answer-block div.paginator div.answer-container div.meta-bar div.answer-actions span.sep, div.question-header div.question-container div.paginator div.meta-bar div.answer-actions span.sep, div.paginator div.question-header div.question-container div.meta-bar div.answer-actions span.sep, div.answer-block div.question-container div.paginator div.meta-bar div.answer-actions span.sep, div.paginator div.answer-block div.question-container div.meta-bar div.answer-actions span.sep, div.paginator div.question-container div.meta-bar div.answer-actions span.sep, div.question-header div.answer-block div.answer-container div.paginator div.meta-bar div.answer-actions span.sep, div.paginator div.question-header div.answer-block div.answer-container div.meta-bar div.answer-actions span.sep, div.answer-block div.question-header div.answer-container div.paginator div.meta-bar div.answer-actions span.sep, div.paginator div.answer-block div.question-header div.answer-container div.meta-bar div.answer-actions span.sep, div.answer-block div.answer-container div.paginator div.meta-bar div.answer-actions span.sep, div.paginator div.answer-block div.answer-container div.meta-bar div.answer-actions span.sep, div.paginator div.answer-block div.answer-container div.meta-bar div.answer-actions span.sep, div.answer-block div.paginator div.answer-container div.meta-bar div.answer-actions span.sep, div.question-header div.paginator div.answer-container div.meta-bar div.answer-actions span.sep, div.paginator div.question-header div.answer-container div.meta-bar div.answer-actions span.sep, div.answer-block div.paginator div.answer-container div.meta-bar div.answer-actions span.sep, div.paginator div.answer-block div.answer-container div.meta-bar div.answer-actions span.sep, div.paginator div.answer-container div.meta-bar div.answer-actions span.sep { + color: #ccc; } + div.question-header div.question-container div.question-content, div.answer-block div.question-container div.question-content, div.paginator div.question-container div.question-content, div.question-header div.answer-block div.answer-container div.question-content, div.answer-block div.question-header div.answer-container div.question-content, div.answer-block div.answer-container div.question-content, div.paginator div.answer-block div.answer-container div.question-content, div.answer-block div.paginator div.answer-container div.question-content, div.question-header div.paginator div.answer-container div.question-content, div.paginator div.question-header div.answer-container div.question-content, div.answer-block div.paginator div.answer-container div.question-content, div.paginator div.answer-block div.answer-container div.question-content, div.paginator div.answer-container div.question-content, div.question-header div.question-container div.answer-block div.answer-container div.answer-content, div.answer-block div.answer-container div.question-header div.question-container div.answer-content, div.answer-block div.question-container div.answer-container div.answer-content, div.answer-block div.answer-container div.question-container div.answer-content, div.paginator div.question-container div.answer-block div.answer-container div.answer-content, div.answer-block div.answer-container div.paginator div.question-container div.answer-content, div.question-header div.answer-block div.answer-container div.answer-content, div.answer-block div.question-header div.answer-container div.answer-content, div.answer-block div.answer-container div.answer-content, div.paginator div.answer-block div.answer-container div.answer-content, div.answer-block div.paginator div.answer-container div.answer-content, div.question-header div.paginator div.answer-block div.answer-container div.answer-content, div.answer-block div.question-header div.paginator div.answer-container div.answer-content, div.paginator div.question-header div.answer-block div.answer-container div.answer-content, div.answer-block div.paginator div.question-header div.answer-container div.answer-content, div.answer-block div.paginator div.answer-container div.answer-content, div.paginator div.answer-block div.answer-container div.answer-content, div.paginator div.answer-block div.answer-container div.answer-content, div.answer-block div.paginator div.answer-container div.answer-content, div.question-header div.question-container div.paginator div.answer-container div.answer-content, div.paginator div.answer-container div.question-header div.question-container div.answer-content, div.answer-block div.question-container div.paginator div.answer-container div.answer-content, div.paginator div.answer-container div.answer-block div.question-container div.answer-content, div.paginator div.question-container div.answer-container div.answer-content, div.paginator div.answer-container div.question-container div.answer-content, div.question-header div.answer-block div.paginator div.answer-container div.answer-content, div.paginator div.question-header div.answer-block div.answer-container div.answer-content, div.answer-block div.question-header div.paginator div.answer-container div.answer-content, div.paginator div.answer-block div.question-header div.answer-container div.answer-content, div.answer-block div.paginator div.answer-container div.answer-content, div.paginator div.answer-block div.answer-container div.answer-content, div.paginator div.answer-block div.answer-container div.answer-content, div.answer-block div.paginator div.answer-container div.answer-content, div.question-header div.paginator div.answer-container div.answer-content, div.paginator div.question-header div.answer-container div.answer-content, div.answer-block div.paginator div.answer-container div.answer-content, div.paginator div.answer-block div.answer-container div.answer-content, div.paginator div.answer-container div.answer-content { + overflow: hidden; } + div.question-header div.question-container div.question-content div.question-body, div.answer-block div.question-container div.question-content div.question-body, div.paginator div.question-container div.question-content div.question-body, div.question-header div.answer-block div.answer-container div.question-content div.question-body, div.answer-block div.question-header div.answer-container div.question-content div.question-body, div.answer-block div.answer-container div.question-content div.question-body, div.paginator div.answer-block div.answer-container div.question-content div.question-body, div.answer-block div.paginator div.answer-container div.question-content div.question-body, div.question-header div.paginator div.answer-container div.question-content div.question-body, div.paginator div.question-header div.answer-container div.question-content div.question-body, div.answer-block div.paginator div.answer-container div.question-content div.question-body, div.paginator div.answer-block div.answer-container div.question-content div.question-body, div.paginator div.answer-container div.question-content div.question-body, div.question-header div.question-container div.answer-block div.answer-container div.answer-content div.question-body, div.answer-block div.answer-container div.question-header div.question-container div.answer-content div.question-body, div.answer-block div.question-container div.answer-container div.answer-content div.question-body, div.answer-block div.answer-container div.question-container div.answer-content div.question-body, div.paginator div.question-container div.answer-block div.answer-container div.answer-content div.question-body, div.answer-block div.answer-container div.paginator div.question-container div.answer-content div.question-body, div.question-header div.answer-block div.answer-container div.answer-content div.question-body, div.answer-block div.question-header div.answer-container div.answer-content div.question-body, div.answer-block div.answer-container div.answer-content div.question-body, div.paginator div.answer-block div.answer-container div.answer-content div.question-body, div.answer-block div.paginator div.answer-container div.answer-content div.question-body, div.question-header div.paginator div.answer-block div.answer-container div.answer-content div.question-body, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.question-body, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.question-body, div.answer-block div.paginator div.question-header div.answer-container div.answer-content div.question-body, div.answer-block div.paginator div.answer-container div.answer-content div.question-body, div.paginator div.answer-block div.answer-container div.answer-content div.question-body, div.paginator div.answer-block div.answer-container div.answer-content div.question-body, div.answer-block div.paginator div.answer-container div.answer-content div.question-body, div.question-header div.question-container div.paginator div.answer-container div.answer-content div.question-body, div.paginator div.answer-container div.question-header div.question-container div.answer-content div.question-body, div.answer-block div.question-container div.paginator div.answer-container div.answer-content div.question-body, div.paginator div.answer-container div.answer-block div.question-container div.answer-content div.question-body, div.paginator div.question-container div.answer-container div.answer-content div.question-body, div.paginator div.answer-container div.question-container div.answer-content div.question-body, div.question-header div.answer-block div.paginator div.answer-container div.answer-content div.question-body, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.question-body, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.question-body, div.paginator div.answer-block div.question-header div.answer-container div.answer-content div.question-body, div.answer-block div.paginator div.answer-container div.answer-content div.question-body, div.paginator div.answer-block div.answer-container div.answer-content div.question-body, div.paginator div.answer-block div.answer-container div.answer-content div.question-body, div.answer-block div.paginator div.answer-container div.answer-content div.question-body, div.question-header div.paginator div.answer-container div.answer-content div.question-body, div.paginator div.question-header div.answer-container div.answer-content div.question-body, div.answer-block div.paginator div.answer-container div.answer-content div.question-body, div.paginator div.answer-block div.answer-container div.answer-content div.question-body, div.paginator div.answer-container div.answer-content div.question-body, div.question-header div.question-container div.question-content div.answer-block div.answer-container div.answer-content div.answer-body, div.answer-block div.answer-container div.answer-content div.question-header div.question-container div.question-content div.answer-body, div.answer-block div.question-container div.question-content div.answer-container div.answer-content div.answer-body, div.answer-block div.answer-container div.answer-content div.question-container div.question-content div.answer-body, div.paginator div.question-container div.question-content div.answer-block div.answer-container div.answer-content div.answer-body, div.answer-block div.answer-container div.answer-content div.paginator div.question-container div.question-content div.answer-body, div.question-header div.answer-block div.answer-container div.question-content div.answer-content div.answer-body, div.question-header div.answer-block div.answer-container div.answer-content div.question-content div.answer-body, div.answer-block div.question-header div.answer-container div.question-content div.answer-content div.answer-body, div.answer-block div.question-header div.answer-container div.answer-content div.question-content div.answer-body, div.answer-block div.answer-container div.question-content div.answer-content div.answer-body, div.answer-block div.answer-container div.answer-content div.question-content div.answer-body, div.paginator div.answer-block div.answer-container div.question-content div.answer-content div.answer-body, div.paginator div.answer-block div.answer-container div.answer-content div.question-content div.answer-body, div.answer-block div.paginator div.answer-container div.question-content div.answer-content div.answer-body, div.answer-block div.paginator div.answer-container div.answer-content div.question-content div.answer-body, div.question-header div.paginator div.answer-block div.answer-container div.question-content div.answer-content div.answer-body, div.answer-block div.question-header div.paginator div.answer-container div.question-content div.answer-content div.answer-body, div.question-header div.paginator div.answer-block div.answer-container div.answer-content div.question-content div.answer-body, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.question-content div.answer-body, div.paginator div.question-header div.answer-block div.answer-container div.question-content div.answer-content div.answer-body, div.answer-block div.paginator div.question-header div.answer-container div.question-content div.answer-content div.answer-body, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.question-content div.answer-body, div.answer-block div.paginator div.question-header div.answer-container div.answer-content div.question-content div.answer-body, div.answer-block div.paginator div.answer-container div.question-content div.answer-content div.answer-body, div.answer-block div.paginator div.answer-container div.answer-content div.question-content div.answer-body, div.paginator div.answer-block div.answer-container div.question-content div.answer-content div.answer-body, div.paginator div.answer-block div.answer-container div.answer-content div.question-content div.answer-body, div.paginator div.answer-block div.answer-container div.question-content div.answer-content div.answer-body, div.answer-block div.paginator div.answer-container div.question-content div.answer-content div.answer-body, div.paginator div.answer-block div.answer-container div.answer-content div.question-content div.answer-body, div.answer-block div.paginator div.answer-container div.answer-content div.question-content div.answer-body, div.question-header div.question-container div.answer-block div.answer-container div.answer-content div.answer-body, div.answer-block div.answer-container div.question-header div.question-container div.answer-content div.answer-body, div.answer-block div.question-container div.answer-container div.answer-content div.answer-body, div.answer-block div.answer-container div.question-container div.answer-content div.answer-body, div.paginator div.question-container div.answer-block div.answer-container div.answer-content div.answer-body, div.answer-block div.answer-container div.paginator div.question-container div.answer-content div.answer-body, div.question-header div.answer-block div.answer-container div.answer-content div.answer-body, div.answer-block div.question-header div.answer-container div.answer-content div.answer-body, div.answer-block div.answer-container div.answer-content div.answer-body, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body, div.question-header div.paginator div.answer-block div.answer-container div.answer-content div.answer-body, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.answer-body, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.answer-body, div.answer-block div.paginator div.question-header div.answer-container div.answer-content div.answer-body, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body, div.question-header div.question-container div.paginator div.answer-block div.answer-container div.answer-content div.answer-body, div.answer-block div.question-header div.question-container div.paginator div.answer-container div.answer-content div.answer-body, div.paginator div.answer-block div.answer-container div.question-header div.question-container div.answer-content div.answer-body, div.answer-block div.paginator div.answer-container div.question-header div.question-container div.answer-content div.answer-body, div.answer-block div.question-container div.paginator div.answer-container div.answer-content div.answer-body, div.paginator div.answer-container div.answer-block div.question-container div.answer-container div.answer-content div.answer-body, div.paginator div.answer-container div.answer-block div.answer-container div.question-container div.answer-content div.answer-body, div.paginator div.question-container div.answer-block div.answer-container div.answer-content div.answer-body, div.answer-block div.paginator div.question-container div.answer-container div.answer-content div.answer-body, div.paginator div.answer-block div.answer-container div.question-container div.answer-content div.answer-body, div.answer-block div.paginator div.answer-container div.question-container div.answer-content div.answer-body, div.question-header div.answer-block div.paginator div.answer-container div.answer-content div.answer-body, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.answer-body, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.answer-body, div.paginator div.answer-block div.question-header div.answer-container div.answer-content div.answer-body, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body, div.question-header div.paginator div.answer-block div.answer-container div.answer-content div.answer-body, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.answer-body, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.answer-body, div.answer-block div.paginator div.question-header div.answer-container div.answer-content div.answer-body, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body, div.question-header div.question-container div.question-content div.paginator div.answer-container div.answer-content div.answer-body, div.paginator div.answer-container div.answer-content div.question-header div.question-container div.question-content div.answer-body, div.answer-block div.question-container div.question-content div.paginator div.answer-container div.answer-content div.answer-body, div.paginator div.answer-container div.answer-content div.answer-block div.question-container div.question-content div.answer-body, div.paginator div.question-container div.question-content div.answer-container div.answer-content div.answer-body, div.paginator div.answer-container div.answer-content div.question-container div.question-content div.answer-body, div.question-header div.answer-block div.paginator div.answer-container div.question-content div.answer-content div.answer-body, div.paginator div.question-header div.answer-block div.answer-container div.question-content div.answer-content div.answer-body, div.question-header div.answer-block div.paginator div.answer-container div.answer-content div.question-content div.answer-body, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.question-content div.answer-body, div.answer-block div.question-header div.paginator div.answer-container div.question-content div.answer-content div.answer-body, div.paginator div.answer-block div.question-header div.answer-container div.question-content div.answer-content div.answer-body, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.question-content div.answer-body, div.paginator div.answer-block div.question-header div.answer-container div.answer-content div.question-content div.answer-body, div.answer-block div.paginator div.answer-container div.question-content div.answer-content div.answer-body, div.paginator div.answer-block div.answer-container div.question-content div.answer-content div.answer-body, div.answer-block div.paginator div.answer-container div.answer-content div.question-content div.answer-body, div.paginator div.answer-block div.answer-container div.answer-content div.question-content div.answer-body, div.paginator div.answer-block div.answer-container div.question-content div.answer-content div.answer-body, div.paginator div.answer-block div.answer-container div.answer-content div.question-content div.answer-body, div.answer-block div.paginator div.answer-container div.question-content div.answer-content div.answer-body, div.answer-block div.paginator div.answer-container div.answer-content div.question-content div.answer-body, div.question-header div.paginator div.answer-container div.question-content div.answer-content div.answer-body, div.question-header div.paginator div.answer-container div.answer-content div.question-content div.answer-body, div.paginator div.question-header div.answer-container div.question-content div.answer-content div.answer-body, div.paginator div.question-header div.answer-container div.answer-content div.question-content div.answer-body, div.answer-block div.paginator div.answer-container div.question-content div.answer-content div.answer-body, div.answer-block div.paginator div.answer-container div.answer-content div.question-content div.answer-body, div.paginator div.answer-block div.answer-container div.question-content div.answer-content div.answer-body, div.paginator div.answer-block div.answer-container div.answer-content div.question-content div.answer-body, div.paginator div.answer-container div.question-content div.answer-content div.answer-body, div.paginator div.answer-container div.answer-content div.question-content div.answer-body, div.question-header div.question-container div.answer-block div.paginator div.answer-container div.answer-content div.answer-body, div.paginator div.question-header div.question-container div.answer-block div.answer-container div.answer-content div.answer-body, div.answer-block div.paginator div.answer-container div.question-header div.question-container div.answer-content div.answer-body, div.paginator div.answer-block div.answer-container div.question-header div.question-container div.answer-content div.answer-body, div.answer-block div.question-container div.paginator div.answer-container div.answer-content div.answer-body, div.paginator div.answer-block div.question-container div.answer-container div.answer-content div.answer-body, div.answer-block div.paginator div.answer-container div.question-container div.answer-content div.answer-body, div.paginator div.answer-block div.answer-container div.question-container div.answer-content div.answer-body, div.paginator div.question-container div.answer-block div.answer-container div.answer-content div.answer-body, div.answer-block div.answer-container div.paginator div.question-container div.answer-container div.answer-content div.answer-body, div.answer-block div.answer-container div.paginator div.answer-container div.question-container div.answer-content div.answer-body, div.question-header div.answer-block div.paginator div.answer-container div.answer-content div.answer-body, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.answer-body, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.answer-body, div.paginator div.answer-block div.question-header div.answer-container div.answer-content div.answer-body, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body, div.question-header div.paginator div.answer-block div.answer-container div.answer-content div.answer-body, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.answer-body, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.answer-body, div.answer-block div.paginator div.question-header div.answer-container div.answer-content div.answer-body, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body, div.question-header div.question-container div.paginator div.answer-container div.answer-content div.answer-body, div.paginator div.answer-container div.question-header div.question-container div.answer-content div.answer-body, div.answer-block div.question-container div.paginator div.answer-container div.answer-content div.answer-body, div.paginator div.answer-container div.answer-block div.question-container div.answer-content div.answer-body, div.paginator div.question-container div.answer-container div.answer-content div.answer-body, div.paginator div.answer-container div.question-container div.answer-content div.answer-body, div.question-header div.answer-block div.paginator div.answer-container div.answer-content div.answer-body, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.answer-body, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.answer-body, div.paginator div.answer-block div.question-header div.answer-container div.answer-content div.answer-body, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body, div.question-header div.paginator div.answer-container div.answer-content div.answer-body, div.paginator div.question-header div.answer-container div.answer-content div.answer-body, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body, div.paginator div.answer-container div.answer-content div.answer-body { + display: inline-block; + float: left; + margin-right: 3.067%; + width: 76.81%; } + div.question-header div.question-container div.question-content div.question-body blockquote, div.answer-block div.question-container div.question-content div.question-body blockquote, div.paginator div.question-container div.question-content div.question-body blockquote, div.question-header div.answer-block div.answer-container div.question-content div.question-body blockquote, div.answer-block div.question-header div.answer-container div.question-content div.question-body blockquote, div.answer-block div.answer-container div.question-content div.question-body blockquote, div.paginator div.answer-block div.answer-container div.question-content div.question-body blockquote, div.answer-block div.paginator div.answer-container div.question-content div.question-body blockquote, div.question-header div.paginator div.answer-container div.question-content div.question-body blockquote, div.paginator div.question-header div.answer-container div.question-content div.question-body blockquote, div.answer-block div.paginator div.answer-container div.question-content div.question-body blockquote, div.paginator div.answer-block div.answer-container div.question-content div.question-body blockquote, div.paginator div.answer-container div.question-content div.question-body blockquote, div.question-header div.question-container div.answer-block div.answer-container div.answer-content div.question-body blockquote, div.answer-block div.answer-container div.question-header div.question-container div.answer-content div.question-body blockquote, div.answer-block div.question-container div.answer-container div.answer-content div.question-body blockquote, div.answer-block div.answer-container div.question-container div.answer-content div.question-body blockquote, div.paginator div.question-container div.answer-block div.answer-container div.answer-content div.question-body blockquote, div.answer-block div.answer-container div.paginator div.question-container div.answer-content div.question-body blockquote, div.question-header div.answer-block div.answer-container div.answer-content div.question-body blockquote, div.answer-block div.question-header div.answer-container div.answer-content div.question-body blockquote, div.answer-block div.answer-container div.answer-content div.question-body blockquote, div.paginator div.answer-block div.answer-container div.answer-content div.question-body blockquote, div.answer-block div.paginator div.answer-container div.answer-content div.question-body blockquote, div.question-header div.paginator div.answer-block div.answer-container div.answer-content div.question-body blockquote, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.question-body blockquote, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.question-body blockquote, div.answer-block div.paginator div.question-header div.answer-container div.answer-content div.question-body blockquote, div.answer-block div.paginator div.answer-container div.answer-content div.question-body blockquote, div.paginator div.answer-block div.answer-container div.answer-content div.question-body blockquote, div.paginator div.answer-block div.answer-container div.answer-content div.question-body blockquote, div.answer-block div.paginator div.answer-container div.answer-content div.question-body blockquote, div.question-header div.question-container div.paginator div.answer-container div.answer-content div.question-body blockquote, div.paginator div.answer-container div.question-header div.question-container div.answer-content div.question-body blockquote, div.answer-block div.question-container div.paginator div.answer-container div.answer-content div.question-body blockquote, div.paginator div.answer-container div.answer-block div.question-container div.answer-content div.question-body blockquote, div.paginator div.question-container div.answer-container div.answer-content div.question-body blockquote, div.paginator div.answer-container div.question-container div.answer-content div.question-body blockquote, div.question-header div.answer-block div.paginator div.answer-container div.answer-content div.question-body blockquote, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.question-body blockquote, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.question-body blockquote, div.paginator div.answer-block div.question-header div.answer-container div.answer-content div.question-body blockquote, div.answer-block div.paginator div.answer-container div.answer-content div.question-body blockquote, div.paginator div.answer-block div.answer-container div.answer-content div.question-body blockquote, div.paginator div.answer-block div.answer-container div.answer-content div.question-body blockquote, div.answer-block div.paginator div.answer-container div.answer-content div.question-body blockquote, div.question-header div.paginator div.answer-container div.answer-content div.question-body blockquote, div.paginator div.question-header div.answer-container div.answer-content div.question-body blockquote, div.answer-block div.paginator div.answer-container div.answer-content div.question-body blockquote, div.paginator div.answer-block div.answer-container div.answer-content div.question-body blockquote, div.paginator div.answer-container div.answer-content div.question-body blockquote, div.question-header div.question-container div.question-content div.answer-block div.answer-container div.answer-content div.answer-body blockquote, div.answer-block div.answer-container div.answer-content div.question-header div.question-container div.question-content div.answer-body blockquote, div.answer-block div.question-container div.question-content div.answer-container div.answer-content div.answer-body blockquote, div.answer-block div.answer-container div.answer-content div.question-container div.question-content div.answer-body blockquote, div.paginator div.question-container div.question-content div.answer-block div.answer-container div.answer-content div.answer-body blockquote, div.answer-block div.answer-container div.answer-content div.paginator div.question-container div.question-content div.answer-body blockquote, div.question-header div.answer-block div.answer-container div.question-content div.answer-content div.answer-body blockquote, div.question-header div.answer-block div.answer-container div.answer-content div.question-content div.answer-body blockquote, div.answer-block div.question-header div.answer-container div.question-content div.answer-content div.answer-body blockquote, div.answer-block div.question-header div.answer-container div.answer-content div.question-content div.answer-body blockquote, div.answer-block div.answer-container div.question-content div.answer-content div.answer-body blockquote, div.answer-block div.answer-container div.answer-content div.question-content div.answer-body blockquote, div.paginator div.answer-block div.answer-container div.question-content div.answer-content div.answer-body blockquote, div.paginator div.answer-block div.answer-container div.answer-content div.question-content div.answer-body blockquote, div.answer-block div.paginator div.answer-container div.question-content div.answer-content div.answer-body blockquote, div.answer-block div.paginator div.answer-container div.answer-content div.question-content div.answer-body blockquote, div.question-header div.paginator div.answer-block div.answer-container div.question-content div.answer-content div.answer-body blockquote, div.answer-block div.question-header div.paginator div.answer-container div.question-content div.answer-content div.answer-body blockquote, div.question-header div.paginator div.answer-block div.answer-container div.answer-content div.question-content div.answer-body blockquote, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.question-content div.answer-body blockquote, div.paginator div.question-header div.answer-block div.answer-container div.question-content div.answer-content div.answer-body blockquote, div.answer-block div.paginator div.question-header div.answer-container div.question-content div.answer-content div.answer-body blockquote, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.question-content div.answer-body blockquote, div.answer-block div.paginator div.question-header div.answer-container div.answer-content div.question-content div.answer-body blockquote, div.answer-block div.paginator div.answer-container div.question-content div.answer-content div.answer-body blockquote, div.answer-block div.paginator div.answer-container div.answer-content div.question-content div.answer-body blockquote, div.paginator div.answer-block div.answer-container div.question-content div.answer-content div.answer-body blockquote, div.paginator div.answer-block div.answer-container div.answer-content div.question-content div.answer-body blockquote, div.paginator div.answer-block div.answer-container div.question-content div.answer-content div.answer-body blockquote, div.answer-block div.paginator div.answer-container div.question-content div.answer-content div.answer-body blockquote, div.paginator div.answer-block div.answer-container div.answer-content div.question-content div.answer-body blockquote, div.answer-block div.paginator div.answer-container div.answer-content div.question-content div.answer-body blockquote, div.question-header div.question-container div.answer-block div.answer-container div.answer-content div.answer-body blockquote, div.answer-block div.answer-container div.question-header div.question-container div.answer-content div.answer-body blockquote, div.answer-block div.question-container div.answer-container div.answer-content div.answer-body blockquote, div.answer-block div.answer-container div.question-container div.answer-content div.answer-body blockquote, div.paginator div.question-container div.answer-block div.answer-container div.answer-content div.answer-body blockquote, div.answer-block div.answer-container div.paginator div.question-container div.answer-content div.answer-body blockquote, div.question-header div.answer-block div.answer-container div.answer-content div.answer-body blockquote, div.answer-block div.question-header div.answer-container div.answer-content div.answer-body blockquote, div.answer-block div.answer-container div.answer-content div.answer-body blockquote, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body blockquote, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body blockquote, div.question-header div.paginator div.answer-block div.answer-container div.answer-content div.answer-body blockquote, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.answer-body blockquote, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.answer-body blockquote, div.answer-block div.paginator div.question-header div.answer-container div.answer-content div.answer-body blockquote, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body blockquote, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body blockquote, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body blockquote, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body blockquote, div.question-header div.question-container div.paginator div.answer-block div.answer-container div.answer-content div.answer-body blockquote, div.answer-block div.question-header div.question-container div.paginator div.answer-container div.answer-content div.answer-body blockquote, div.paginator div.answer-block div.answer-container div.question-header div.question-container div.answer-content div.answer-body blockquote, div.answer-block div.paginator div.answer-container div.question-header div.question-container div.answer-content div.answer-body blockquote, div.answer-block div.question-container div.paginator div.answer-container div.answer-content div.answer-body blockquote, div.paginator div.answer-container div.answer-block div.question-container div.answer-container div.answer-content div.answer-body blockquote, div.paginator div.answer-container div.answer-block div.answer-container div.question-container div.answer-content div.answer-body blockquote, div.paginator div.question-container div.answer-block div.answer-container div.answer-content div.answer-body blockquote, div.answer-block div.paginator div.question-container div.answer-container div.answer-content div.answer-body blockquote, div.paginator div.answer-block div.answer-container div.question-container div.answer-content div.answer-body blockquote, div.answer-block div.paginator div.answer-container div.question-container div.answer-content div.answer-body blockquote, div.question-header div.answer-block div.paginator div.answer-container div.answer-content div.answer-body blockquote, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.answer-body blockquote, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.answer-body blockquote, div.paginator div.answer-block div.question-header div.answer-container div.answer-content div.answer-body blockquote, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body blockquote, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body blockquote, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body blockquote, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body blockquote, div.question-header div.paginator div.answer-block div.answer-container div.answer-content div.answer-body blockquote, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.answer-body blockquote, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.answer-body blockquote, div.answer-block div.paginator div.question-header div.answer-container div.answer-content div.answer-body blockquote, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body blockquote, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body blockquote, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body blockquote, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body blockquote, div.question-header div.question-container div.question-content div.paginator div.answer-container div.answer-content div.answer-body blockquote, div.paginator div.answer-container div.answer-content div.question-header div.question-container div.question-content div.answer-body blockquote, div.answer-block div.question-container div.question-content div.paginator div.answer-container div.answer-content div.answer-body blockquote, div.paginator div.answer-container div.answer-content div.answer-block div.question-container div.question-content div.answer-body blockquote, div.paginator div.question-container div.question-content div.answer-container div.answer-content div.answer-body blockquote, div.paginator div.answer-container div.answer-content div.question-container div.question-content div.answer-body blockquote, div.question-header div.answer-block div.paginator div.answer-container div.question-content div.answer-content div.answer-body blockquote, div.paginator div.question-header div.answer-block div.answer-container div.question-content div.answer-content div.answer-body blockquote, div.question-header div.answer-block div.paginator div.answer-container div.answer-content div.question-content div.answer-body blockquote, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.question-content div.answer-body blockquote, div.answer-block div.question-header div.paginator div.answer-container div.question-content div.answer-content div.answer-body blockquote, div.paginator div.answer-block div.question-header div.answer-container div.question-content div.answer-content div.answer-body blockquote, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.question-content div.answer-body blockquote, div.paginator div.answer-block div.question-header div.answer-container div.answer-content div.question-content div.answer-body blockquote, div.answer-block div.paginator div.answer-container div.question-content div.answer-content div.answer-body blockquote, div.paginator div.answer-block div.answer-container div.question-content div.answer-content div.answer-body blockquote, div.answer-block div.paginator div.answer-container div.answer-content div.question-content div.answer-body blockquote, div.paginator div.answer-block div.answer-container div.answer-content div.question-content div.answer-body blockquote, div.paginator div.answer-block div.answer-container div.question-content div.answer-content div.answer-body blockquote, div.paginator div.answer-block div.answer-container div.answer-content div.question-content div.answer-body blockquote, div.answer-block div.paginator div.answer-container div.question-content div.answer-content div.answer-body blockquote, div.answer-block div.paginator div.answer-container div.answer-content div.question-content div.answer-body blockquote, div.question-header div.paginator div.answer-container div.question-content div.answer-content div.answer-body blockquote, div.question-header div.paginator div.answer-container div.answer-content div.question-content div.answer-body blockquote, div.paginator div.question-header div.answer-container div.question-content div.answer-content div.answer-body blockquote, div.paginator div.question-header div.answer-container div.answer-content div.question-content div.answer-body blockquote, div.answer-block div.paginator div.answer-container div.question-content div.answer-content div.answer-body blockquote, div.answer-block div.paginator div.answer-container div.answer-content div.question-content div.answer-body blockquote, div.paginator div.answer-block div.answer-container div.question-content div.answer-content div.answer-body blockquote, div.paginator div.answer-block div.answer-container div.answer-content div.question-content div.answer-body blockquote, div.paginator div.answer-container div.question-content div.answer-content div.answer-body blockquote, div.paginator div.answer-container div.answer-content div.question-content div.answer-body blockquote, div.question-header div.question-container div.answer-block div.paginator div.answer-container div.answer-content div.answer-body blockquote, div.paginator div.question-header div.question-container div.answer-block div.answer-container div.answer-content div.answer-body blockquote, div.answer-block div.paginator div.answer-container div.question-header div.question-container div.answer-content div.answer-body blockquote, div.paginator div.answer-block div.answer-container div.question-header div.question-container div.answer-content div.answer-body blockquote, div.answer-block div.question-container div.paginator div.answer-container div.answer-content div.answer-body blockquote, div.paginator div.answer-block div.question-container div.answer-container div.answer-content div.answer-body blockquote, div.answer-block div.paginator div.answer-container div.question-container div.answer-content div.answer-body blockquote, div.paginator div.answer-block div.answer-container div.question-container div.answer-content div.answer-body blockquote, div.paginator div.question-container div.answer-block div.answer-container div.answer-content div.answer-body blockquote, div.answer-block div.answer-container div.paginator div.question-container div.answer-container div.answer-content div.answer-body blockquote, div.answer-block div.answer-container div.paginator div.answer-container div.question-container div.answer-content div.answer-body blockquote, div.question-header div.answer-block div.paginator div.answer-container div.answer-content div.answer-body blockquote, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.answer-body blockquote, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.answer-body blockquote, div.paginator div.answer-block div.question-header div.answer-container div.answer-content div.answer-body blockquote, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body blockquote, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body blockquote, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body blockquote, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body blockquote, div.question-header div.paginator div.answer-block div.answer-container div.answer-content div.answer-body blockquote, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.answer-body blockquote, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.answer-body blockquote, div.answer-block div.paginator div.question-header div.answer-container div.answer-content div.answer-body blockquote, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body blockquote, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body blockquote, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body blockquote, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body blockquote, div.question-header div.question-container div.paginator div.answer-container div.answer-content div.answer-body blockquote, div.paginator div.answer-container div.question-header div.question-container div.answer-content div.answer-body blockquote, div.answer-block div.question-container div.paginator div.answer-container div.answer-content div.answer-body blockquote, div.paginator div.answer-container div.answer-block div.question-container div.answer-content div.answer-body blockquote, div.paginator div.question-container div.answer-container div.answer-content div.answer-body blockquote, div.paginator div.answer-container div.question-container div.answer-content div.answer-body blockquote, div.question-header div.answer-block div.paginator div.answer-container div.answer-content div.answer-body blockquote, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.answer-body blockquote, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.answer-body blockquote, div.paginator div.answer-block div.question-header div.answer-container div.answer-content div.answer-body blockquote, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body blockquote, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body blockquote, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body blockquote, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body blockquote, div.question-header div.paginator div.answer-container div.answer-content div.answer-body blockquote, div.paginator div.question-header div.answer-container div.answer-content div.answer-body blockquote, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body blockquote, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body blockquote, div.paginator div.answer-container div.answer-content div.answer-body blockquote { + margin-left: 2.5%; + padding-left: 1.5%; + border-left: 1px dashed #ddd; + color: #993333; } + div.question-header div.question-container div.question-content div.question-body ul, div.answer-block div.question-container div.question-content div.question-body ul, div.paginator div.question-container div.question-content div.question-body ul, div.question-header div.answer-block div.answer-container div.question-content div.question-body ul, div.answer-block div.question-header div.answer-container div.question-content div.question-body ul, div.answer-block div.answer-container div.question-content div.question-body ul, div.paginator div.answer-block div.answer-container div.question-content div.question-body ul, div.answer-block div.paginator div.answer-container div.question-content div.question-body ul, div.question-header div.paginator div.answer-container div.question-content div.question-body ul, div.paginator div.question-header div.answer-container div.question-content div.question-body ul, div.answer-block div.paginator div.answer-container div.question-content div.question-body ul, div.paginator div.answer-block div.answer-container div.question-content div.question-body ul, div.paginator div.answer-container div.question-content div.question-body ul, div.question-header div.question-container div.answer-block div.answer-container div.answer-content div.question-body ul, div.answer-block div.answer-container div.question-header div.question-container div.answer-content div.question-body ul, div.answer-block div.question-container div.answer-container div.answer-content div.question-body ul, div.answer-block div.answer-container div.question-container div.answer-content div.question-body ul, div.paginator div.question-container div.answer-block div.answer-container div.answer-content div.question-body ul, div.answer-block div.answer-container div.paginator div.question-container div.answer-content div.question-body ul, div.question-header div.answer-block div.answer-container div.answer-content div.question-body ul, div.answer-block div.question-header div.answer-container div.answer-content div.question-body ul, div.answer-block div.answer-container div.answer-content div.question-body ul, div.paginator div.answer-block div.answer-container div.answer-content div.question-body ul, div.answer-block div.paginator div.answer-container div.answer-content div.question-body ul, div.question-header div.paginator div.answer-block div.answer-container div.answer-content div.question-body ul, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.question-body ul, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.question-body ul, div.answer-block div.paginator div.question-header div.answer-container div.answer-content div.question-body ul, div.answer-block div.paginator div.answer-container div.answer-content div.question-body ul, div.paginator div.answer-block div.answer-container div.answer-content div.question-body ul, div.paginator div.answer-block div.answer-container div.answer-content div.question-body ul, div.answer-block div.paginator div.answer-container div.answer-content div.question-body ul, div.question-header div.question-container div.paginator div.answer-container div.answer-content div.question-body ul, div.paginator div.answer-container div.question-header div.question-container div.answer-content div.question-body ul, div.answer-block div.question-container div.paginator div.answer-container div.answer-content div.question-body ul, div.paginator div.answer-container div.answer-block div.question-container div.answer-content div.question-body ul, div.paginator div.question-container div.answer-container div.answer-content div.question-body ul, div.paginator div.answer-container div.question-container div.answer-content div.question-body ul, div.question-header div.answer-block div.paginator div.answer-container div.answer-content div.question-body ul, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.question-body ul, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.question-body ul, div.paginator div.answer-block div.question-header div.answer-container div.answer-content div.question-body ul, div.answer-block div.paginator div.answer-container div.answer-content div.question-body ul, div.paginator div.answer-block div.answer-container div.answer-content div.question-body ul, div.paginator div.answer-block div.answer-container div.answer-content div.question-body ul, div.answer-block div.paginator div.answer-container div.answer-content div.question-body ul, div.question-header div.paginator div.answer-container div.answer-content div.question-body ul, div.paginator div.question-header div.answer-container div.answer-content div.question-body ul, div.answer-block div.paginator div.answer-container div.answer-content div.question-body ul, div.paginator div.answer-block div.answer-container div.answer-content div.question-body ul, div.paginator div.answer-container div.answer-content div.question-body ul, div.question-header div.question-container div.question-content div.answer-block div.answer-container div.answer-content div.answer-body ul, div.answer-block div.answer-container div.answer-content div.question-header div.question-container div.question-content div.answer-body ul, div.answer-block div.question-container div.question-content div.answer-container div.answer-content div.answer-body ul, div.answer-block div.answer-container div.answer-content div.question-container div.question-content div.answer-body ul, div.paginator div.question-container div.question-content div.answer-block div.answer-container div.answer-content div.answer-body ul, div.answer-block div.answer-container div.answer-content div.paginator div.question-container div.question-content div.answer-body ul, div.question-header div.answer-block div.answer-container div.question-content div.answer-content div.answer-body ul, div.question-header div.answer-block div.answer-container div.answer-content div.question-content div.answer-body ul, div.answer-block div.question-header div.answer-container div.question-content div.answer-content div.answer-body ul, div.answer-block div.question-header div.answer-container div.answer-content div.question-content div.answer-body ul, div.answer-block div.answer-container div.question-content div.answer-content div.answer-body ul, div.answer-block div.answer-container div.answer-content div.question-content div.answer-body ul, div.paginator div.answer-block div.answer-container div.question-content div.answer-content div.answer-body ul, div.paginator div.answer-block div.answer-container div.answer-content div.question-content div.answer-body ul, div.answer-block div.paginator div.answer-container div.question-content div.answer-content div.answer-body ul, div.answer-block div.paginator div.answer-container div.answer-content div.question-content div.answer-body ul, div.question-header div.paginator div.answer-block div.answer-container div.question-content div.answer-content div.answer-body ul, div.answer-block div.question-header div.paginator div.answer-container div.question-content div.answer-content div.answer-body ul, div.question-header div.paginator div.answer-block div.answer-container div.answer-content div.question-content div.answer-body ul, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.question-content div.answer-body ul, div.paginator div.question-header div.answer-block div.answer-container div.question-content div.answer-content div.answer-body ul, div.answer-block div.paginator div.question-header div.answer-container div.question-content div.answer-content div.answer-body ul, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.question-content div.answer-body ul, div.answer-block div.paginator div.question-header div.answer-container div.answer-content div.question-content div.answer-body ul, div.answer-block div.paginator div.answer-container div.question-content div.answer-content div.answer-body ul, div.answer-block div.paginator div.answer-container div.answer-content div.question-content div.answer-body ul, div.paginator div.answer-block div.answer-container div.question-content div.answer-content div.answer-body ul, div.paginator div.answer-block div.answer-container div.answer-content div.question-content div.answer-body ul, div.paginator div.answer-block div.answer-container div.question-content div.answer-content div.answer-body ul, div.answer-block div.paginator div.answer-container div.question-content div.answer-content div.answer-body ul, div.paginator div.answer-block div.answer-container div.answer-content div.question-content div.answer-body ul, div.answer-block div.paginator div.answer-container div.answer-content div.question-content div.answer-body ul, div.question-header div.question-container div.answer-block div.answer-container div.answer-content div.answer-body ul, div.answer-block div.answer-container div.question-header div.question-container div.answer-content div.answer-body ul, div.answer-block div.question-container div.answer-container div.answer-content div.answer-body ul, div.answer-block div.answer-container div.question-container div.answer-content div.answer-body ul, div.paginator div.question-container div.answer-block div.answer-container div.answer-content div.answer-body ul, div.answer-block div.answer-container div.paginator div.question-container div.answer-content div.answer-body ul, div.question-header div.answer-block div.answer-container div.answer-content div.answer-body ul, div.answer-block div.question-header div.answer-container div.answer-content div.answer-body ul, div.answer-block div.answer-container div.answer-content div.answer-body ul, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body ul, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body ul, div.question-header div.paginator div.answer-block div.answer-container div.answer-content div.answer-body ul, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.answer-body ul, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.answer-body ul, div.answer-block div.paginator div.question-header div.answer-container div.answer-content div.answer-body ul, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body ul, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body ul, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body ul, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body ul, div.question-header div.question-container div.paginator div.answer-block div.answer-container div.answer-content div.answer-body ul, div.answer-block div.question-header div.question-container div.paginator div.answer-container div.answer-content div.answer-body ul, div.paginator div.answer-block div.answer-container div.question-header div.question-container div.answer-content div.answer-body ul, div.answer-block div.paginator div.answer-container div.question-header div.question-container div.answer-content div.answer-body ul, div.answer-block div.question-container div.paginator div.answer-container div.answer-content div.answer-body ul, div.paginator div.answer-container div.answer-block div.question-container div.answer-container div.answer-content div.answer-body ul, div.paginator div.answer-container div.answer-block div.answer-container div.question-container div.answer-content div.answer-body ul, div.paginator div.question-container div.answer-block div.answer-container div.answer-content div.answer-body ul, div.answer-block div.paginator div.question-container div.answer-container div.answer-content div.answer-body ul, div.paginator div.answer-block div.answer-container div.question-container div.answer-content div.answer-body ul, div.answer-block div.paginator div.answer-container div.question-container div.answer-content div.answer-body ul, div.question-header div.answer-block div.paginator div.answer-container div.answer-content div.answer-body ul, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.answer-body ul, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.answer-body ul, div.paginator div.answer-block div.question-header div.answer-container div.answer-content div.answer-body ul, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body ul, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body ul, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body ul, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body ul, div.question-header div.paginator div.answer-block div.answer-container div.answer-content div.answer-body ul, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.answer-body ul, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.answer-body ul, div.answer-block div.paginator div.question-header div.answer-container div.answer-content div.answer-body ul, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body ul, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body ul, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body ul, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body ul, div.question-header div.question-container div.question-content div.paginator div.answer-container div.answer-content div.answer-body ul, div.paginator div.answer-container div.answer-content div.question-header div.question-container div.question-content div.answer-body ul, div.answer-block div.question-container div.question-content div.paginator div.answer-container div.answer-content div.answer-body ul, div.paginator div.answer-container div.answer-content div.answer-block div.question-container div.question-content div.answer-body ul, div.paginator div.question-container div.question-content div.answer-container div.answer-content div.answer-body ul, div.paginator div.answer-container div.answer-content div.question-container div.question-content div.answer-body ul, div.question-header div.answer-block div.paginator div.answer-container div.question-content div.answer-content div.answer-body ul, div.paginator div.question-header div.answer-block div.answer-container div.question-content div.answer-content div.answer-body ul, div.question-header div.answer-block div.paginator div.answer-container div.answer-content div.question-content div.answer-body ul, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.question-content div.answer-body ul, div.answer-block div.question-header div.paginator div.answer-container div.question-content div.answer-content div.answer-body ul, div.paginator div.answer-block div.question-header div.answer-container div.question-content div.answer-content div.answer-body ul, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.question-content div.answer-body ul, div.paginator div.answer-block div.question-header div.answer-container div.answer-content div.question-content div.answer-body ul, div.answer-block div.paginator div.answer-container div.question-content div.answer-content div.answer-body ul, div.paginator div.answer-block div.answer-container div.question-content div.answer-content div.answer-body ul, div.answer-block div.paginator div.answer-container div.answer-content div.question-content div.answer-body ul, div.paginator div.answer-block div.answer-container div.answer-content div.question-content div.answer-body ul, div.paginator div.answer-block div.answer-container div.question-content div.answer-content div.answer-body ul, div.paginator div.answer-block div.answer-container div.answer-content div.question-content div.answer-body ul, div.answer-block div.paginator div.answer-container div.question-content div.answer-content div.answer-body ul, div.answer-block div.paginator div.answer-container div.answer-content div.question-content div.answer-body ul, div.question-header div.paginator div.answer-container div.question-content div.answer-content div.answer-body ul, div.question-header div.paginator div.answer-container div.answer-content div.question-content div.answer-body ul, div.paginator div.question-header div.answer-container div.question-content div.answer-content div.answer-body ul, div.paginator div.question-header div.answer-container div.answer-content div.question-content div.answer-body ul, div.answer-block div.paginator div.answer-container div.question-content div.answer-content div.answer-body ul, div.answer-block div.paginator div.answer-container div.answer-content div.question-content div.answer-body ul, div.paginator div.answer-block div.answer-container div.question-content div.answer-content div.answer-body ul, div.paginator div.answer-block div.answer-container div.answer-content div.question-content div.answer-body ul, div.paginator div.answer-container div.question-content div.answer-content div.answer-body ul, div.paginator div.answer-container div.answer-content div.question-content div.answer-body ul, div.question-header div.question-container div.answer-block div.paginator div.answer-container div.answer-content div.answer-body ul, div.paginator div.question-header div.question-container div.answer-block div.answer-container div.answer-content div.answer-body ul, div.answer-block div.paginator div.answer-container div.question-header div.question-container div.answer-content div.answer-body ul, div.paginator div.answer-block div.answer-container div.question-header div.question-container div.answer-content div.answer-body ul, div.answer-block div.question-container div.paginator div.answer-container div.answer-content div.answer-body ul, div.paginator div.answer-block div.question-container div.answer-container div.answer-content div.answer-body ul, div.answer-block div.paginator div.answer-container div.question-container div.answer-content div.answer-body ul, div.paginator div.answer-block div.answer-container div.question-container div.answer-content div.answer-body ul, div.paginator div.question-container div.answer-block div.answer-container div.answer-content div.answer-body ul, div.answer-block div.answer-container div.paginator div.question-container div.answer-container div.answer-content div.answer-body ul, div.answer-block div.answer-container div.paginator div.answer-container div.question-container div.answer-content div.answer-body ul, div.question-header div.answer-block div.paginator div.answer-container div.answer-content div.answer-body ul, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.answer-body ul, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.answer-body ul, div.paginator div.answer-block div.question-header div.answer-container div.answer-content div.answer-body ul, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body ul, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body ul, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body ul, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body ul, div.question-header div.paginator div.answer-block div.answer-container div.answer-content div.answer-body ul, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.answer-body ul, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.answer-body ul, div.answer-block div.paginator div.question-header div.answer-container div.answer-content div.answer-body ul, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body ul, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body ul, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body ul, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body ul, div.question-header div.question-container div.paginator div.answer-container div.answer-content div.answer-body ul, div.paginator div.answer-container div.question-header div.question-container div.answer-content div.answer-body ul, div.answer-block div.question-container div.paginator div.answer-container div.answer-content div.answer-body ul, div.paginator div.answer-container div.answer-block div.question-container div.answer-content div.answer-body ul, div.paginator div.question-container div.answer-container div.answer-content div.answer-body ul, div.paginator div.answer-container div.question-container div.answer-content div.answer-body ul, div.question-header div.answer-block div.paginator div.answer-container div.answer-content div.answer-body ul, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.answer-body ul, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.answer-body ul, div.paginator div.answer-block div.question-header div.answer-container div.answer-content div.answer-body ul, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body ul, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body ul, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body ul, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body ul, div.question-header div.paginator div.answer-container div.answer-content div.answer-body ul, div.paginator div.question-header div.answer-container div.answer-content div.answer-body ul, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body ul, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body ul, div.paginator div.answer-container div.answer-content div.answer-body ul, div.question-header div.question-container div.question-content div.question-body ol, div.answer-block div.question-container div.question-content div.question-body ol, div.paginator div.question-container div.question-content div.question-body ol, div.question-header div.answer-block div.answer-container div.question-content div.question-body ol, div.answer-block div.question-header div.answer-container div.question-content div.question-body ol, div.answer-block div.answer-container div.question-content div.question-body ol, div.paginator div.answer-block div.answer-container div.question-content div.question-body ol, div.answer-block div.paginator div.answer-container div.question-content div.question-body ol, div.question-header div.paginator div.answer-container div.question-content div.question-body ol, div.paginator div.question-header div.answer-container div.question-content div.question-body ol, div.answer-block div.paginator div.answer-container div.question-content div.question-body ol, div.paginator div.answer-block div.answer-container div.question-content div.question-body ol, div.paginator div.answer-container div.question-content div.question-body ol, div.question-header div.question-container div.answer-block div.answer-container div.answer-content div.question-body ol, div.answer-block div.answer-container div.question-header div.question-container div.answer-content div.question-body ol, div.answer-block div.question-container div.answer-container div.answer-content div.question-body ol, div.answer-block div.answer-container div.question-container div.answer-content div.question-body ol, div.paginator div.question-container div.answer-block div.answer-container div.answer-content div.question-body ol, div.answer-block div.answer-container div.paginator div.question-container div.answer-content div.question-body ol, div.question-header div.answer-block div.answer-container div.answer-content div.question-body ol, div.answer-block div.question-header div.answer-container div.answer-content div.question-body ol, div.answer-block div.answer-container div.answer-content div.question-body ol, div.paginator div.answer-block div.answer-container div.answer-content div.question-body ol, div.answer-block div.paginator div.answer-container div.answer-content div.question-body ol, div.question-header div.paginator div.answer-block div.answer-container div.answer-content div.question-body ol, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.question-body ol, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.question-body ol, div.answer-block div.paginator div.question-header div.answer-container div.answer-content div.question-body ol, div.answer-block div.paginator div.answer-container div.answer-content div.question-body ol, div.paginator div.answer-block div.answer-container div.answer-content div.question-body ol, div.paginator div.answer-block div.answer-container div.answer-content div.question-body ol, div.answer-block div.paginator div.answer-container div.answer-content div.question-body ol, div.question-header div.question-container div.paginator div.answer-container div.answer-content div.question-body ol, div.paginator div.answer-container div.question-header div.question-container div.answer-content div.question-body ol, div.answer-block div.question-container div.paginator div.answer-container div.answer-content div.question-body ol, div.paginator div.answer-container div.answer-block div.question-container div.answer-content div.question-body ol, div.paginator div.question-container div.answer-container div.answer-content div.question-body ol, div.paginator div.answer-container div.question-container div.answer-content div.question-body ol, div.question-header div.answer-block div.paginator div.answer-container div.answer-content div.question-body ol, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.question-body ol, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.question-body ol, div.paginator div.answer-block div.question-header div.answer-container div.answer-content div.question-body ol, div.answer-block div.paginator div.answer-container div.answer-content div.question-body ol, div.paginator div.answer-block div.answer-container div.answer-content div.question-body ol, div.paginator div.answer-block div.answer-container div.answer-content div.question-body ol, div.answer-block div.paginator div.answer-container div.answer-content div.question-body ol, div.question-header div.paginator div.answer-container div.answer-content div.question-body ol, div.paginator div.question-header div.answer-container div.answer-content div.question-body ol, div.answer-block div.paginator div.answer-container div.answer-content div.question-body ol, div.paginator div.answer-block div.answer-container div.answer-content div.question-body ol, div.paginator div.answer-container div.answer-content div.question-body ol, div.question-header div.question-container div.question-content div.answer-block div.answer-container div.answer-content div.answer-body ol, div.answer-block div.answer-container div.answer-content div.question-header div.question-container div.question-content div.answer-body ol, div.answer-block div.question-container div.question-content div.answer-container div.answer-content div.answer-body ol, div.answer-block div.answer-container div.answer-content div.question-container div.question-content div.answer-body ol, div.paginator div.question-container div.question-content div.answer-block div.answer-container div.answer-content div.answer-body ol, div.answer-block div.answer-container div.answer-content div.paginator div.question-container div.question-content div.answer-body ol, div.question-header div.answer-block div.answer-container div.question-content div.answer-content div.answer-body ol, div.question-header div.answer-block div.answer-container div.answer-content div.question-content div.answer-body ol, div.answer-block div.question-header div.answer-container div.question-content div.answer-content div.answer-body ol, div.answer-block div.question-header div.answer-container div.answer-content div.question-content div.answer-body ol, div.answer-block div.answer-container div.question-content div.answer-content div.answer-body ol, div.answer-block div.answer-container div.answer-content div.question-content div.answer-body ol, div.paginator div.answer-block div.answer-container div.question-content div.answer-content div.answer-body ol, div.paginator div.answer-block div.answer-container div.answer-content div.question-content div.answer-body ol, div.answer-block div.paginator div.answer-container div.question-content div.answer-content div.answer-body ol, div.answer-block div.paginator div.answer-container div.answer-content div.question-content div.answer-body ol, div.question-header div.paginator div.answer-block div.answer-container div.question-content div.answer-content div.answer-body ol, div.answer-block div.question-header div.paginator div.answer-container div.question-content div.answer-content div.answer-body ol, div.question-header div.paginator div.answer-block div.answer-container div.answer-content div.question-content div.answer-body ol, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.question-content div.answer-body ol, div.paginator div.question-header div.answer-block div.answer-container div.question-content div.answer-content div.answer-body ol, div.answer-block div.paginator div.question-header div.answer-container div.question-content div.answer-content div.answer-body ol, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.question-content div.answer-body ol, div.answer-block div.paginator div.question-header div.answer-container div.answer-content div.question-content div.answer-body ol, div.answer-block div.paginator div.answer-container div.question-content div.answer-content div.answer-body ol, div.answer-block div.paginator div.answer-container div.answer-content div.question-content div.answer-body ol, div.paginator div.answer-block div.answer-container div.question-content div.answer-content div.answer-body ol, div.paginator div.answer-block div.answer-container div.answer-content div.question-content div.answer-body ol, div.paginator div.answer-block div.answer-container div.question-content div.answer-content div.answer-body ol, div.answer-block div.paginator div.answer-container div.question-content div.answer-content div.answer-body ol, div.paginator div.answer-block div.answer-container div.answer-content div.question-content div.answer-body ol, div.answer-block div.paginator div.answer-container div.answer-content div.question-content div.answer-body ol, div.question-header div.question-container div.answer-block div.answer-container div.answer-content div.answer-body ol, div.answer-block div.answer-container div.question-header div.question-container div.answer-content div.answer-body ol, div.answer-block div.question-container div.answer-container div.answer-content div.answer-body ol, div.answer-block div.answer-container div.question-container div.answer-content div.answer-body ol, div.paginator div.question-container div.answer-block div.answer-container div.answer-content div.answer-body ol, div.answer-block div.answer-container div.paginator div.question-container div.answer-content div.answer-body ol, div.question-header div.answer-block div.answer-container div.answer-content div.answer-body ol, div.answer-block div.question-header div.answer-container div.answer-content div.answer-body ol, div.answer-block div.answer-container div.answer-content div.answer-body ol, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body ol, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body ol, div.question-header div.paginator div.answer-block div.answer-container div.answer-content div.answer-body ol, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.answer-body ol, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.answer-body ol, div.answer-block div.paginator div.question-header div.answer-container div.answer-content div.answer-body ol, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body ol, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body ol, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body ol, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body ol, div.question-header div.question-container div.paginator div.answer-block div.answer-container div.answer-content div.answer-body ol, div.answer-block div.question-header div.question-container div.paginator div.answer-container div.answer-content div.answer-body ol, div.paginator div.answer-block div.answer-container div.question-header div.question-container div.answer-content div.answer-body ol, div.answer-block div.paginator div.answer-container div.question-header div.question-container div.answer-content div.answer-body ol, div.answer-block div.question-container div.paginator div.answer-container div.answer-content div.answer-body ol, div.paginator div.answer-container div.answer-block div.question-container div.answer-container div.answer-content div.answer-body ol, div.paginator div.answer-container div.answer-block div.answer-container div.question-container div.answer-content div.answer-body ol, div.paginator div.question-container div.answer-block div.answer-container div.answer-content div.answer-body ol, div.answer-block div.paginator div.question-container div.answer-container div.answer-content div.answer-body ol, div.paginator div.answer-block div.answer-container div.question-container div.answer-content div.answer-body ol, div.answer-block div.paginator div.answer-container div.question-container div.answer-content div.answer-body ol, div.question-header div.answer-block div.paginator div.answer-container div.answer-content div.answer-body ol, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.answer-body ol, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.answer-body ol, div.paginator div.answer-block div.question-header div.answer-container div.answer-content div.answer-body ol, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body ol, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body ol, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body ol, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body ol, div.question-header div.paginator div.answer-block div.answer-container div.answer-content div.answer-body ol, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.answer-body ol, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.answer-body ol, div.answer-block div.paginator div.question-header div.answer-container div.answer-content div.answer-body ol, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body ol, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body ol, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body ol, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body ol, div.question-header div.question-container div.question-content div.paginator div.answer-container div.answer-content div.answer-body ol, div.paginator div.answer-container div.answer-content div.question-header div.question-container div.question-content div.answer-body ol, div.answer-block div.question-container div.question-content div.paginator div.answer-container div.answer-content div.answer-body ol, div.paginator div.answer-container div.answer-content div.answer-block div.question-container div.question-content div.answer-body ol, div.paginator div.question-container div.question-content div.answer-container div.answer-content div.answer-body ol, div.paginator div.answer-container div.answer-content div.question-container div.question-content div.answer-body ol, div.question-header div.answer-block div.paginator div.answer-container div.question-content div.answer-content div.answer-body ol, div.paginator div.question-header div.answer-block div.answer-container div.question-content div.answer-content div.answer-body ol, div.question-header div.answer-block div.paginator div.answer-container div.answer-content div.question-content div.answer-body ol, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.question-content div.answer-body ol, div.answer-block div.question-header div.paginator div.answer-container div.question-content div.answer-content div.answer-body ol, div.paginator div.answer-block div.question-header div.answer-container div.question-content div.answer-content div.answer-body ol, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.question-content div.answer-body ol, div.paginator div.answer-block div.question-header div.answer-container div.answer-content div.question-content div.answer-body ol, div.answer-block div.paginator div.answer-container div.question-content div.answer-content div.answer-body ol, div.paginator div.answer-block div.answer-container div.question-content div.answer-content div.answer-body ol, div.answer-block div.paginator div.answer-container div.answer-content div.question-content div.answer-body ol, div.paginator div.answer-block div.answer-container div.answer-content div.question-content div.answer-body ol, div.paginator div.answer-block div.answer-container div.question-content div.answer-content div.answer-body ol, div.paginator div.answer-block div.answer-container div.answer-content div.question-content div.answer-body ol, div.answer-block div.paginator div.answer-container div.question-content div.answer-content div.answer-body ol, div.answer-block div.paginator div.answer-container div.answer-content div.question-content div.answer-body ol, div.question-header div.paginator div.answer-container div.question-content div.answer-content div.answer-body ol, div.question-header div.paginator div.answer-container div.answer-content div.question-content div.answer-body ol, div.paginator div.question-header div.answer-container div.question-content div.answer-content div.answer-body ol, div.paginator div.question-header div.answer-container div.answer-content div.question-content div.answer-body ol, div.answer-block div.paginator div.answer-container div.question-content div.answer-content div.answer-body ol, div.answer-block div.paginator div.answer-container div.answer-content div.question-content div.answer-body ol, div.paginator div.answer-block div.answer-container div.question-content div.answer-content div.answer-body ol, div.paginator div.answer-block div.answer-container div.answer-content div.question-content div.answer-body ol, div.paginator div.answer-container div.question-content div.answer-content div.answer-body ol, div.paginator div.answer-container div.answer-content div.question-content div.answer-body ol, div.question-header div.question-container div.answer-block div.paginator div.answer-container div.answer-content div.answer-body ol, div.paginator div.question-header div.question-container div.answer-block div.answer-container div.answer-content div.answer-body ol, div.answer-block div.paginator div.answer-container div.question-header div.question-container div.answer-content div.answer-body ol, div.paginator div.answer-block div.answer-container div.question-header div.question-container div.answer-content div.answer-body ol, div.answer-block div.question-container div.paginator div.answer-container div.answer-content div.answer-body ol, div.paginator div.answer-block div.question-container div.answer-container div.answer-content div.answer-body ol, div.answer-block div.paginator div.answer-container div.question-container div.answer-content div.answer-body ol, div.paginator div.answer-block div.answer-container div.question-container div.answer-content div.answer-body ol, div.paginator div.question-container div.answer-block div.answer-container div.answer-content div.answer-body ol, div.answer-block div.answer-container div.paginator div.question-container div.answer-container div.answer-content div.answer-body ol, div.answer-block div.answer-container div.paginator div.answer-container div.question-container div.answer-content div.answer-body ol, div.question-header div.answer-block div.paginator div.answer-container div.answer-content div.answer-body ol, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.answer-body ol, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.answer-body ol, div.paginator div.answer-block div.question-header div.answer-container div.answer-content div.answer-body ol, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body ol, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body ol, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body ol, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body ol, div.question-header div.paginator div.answer-block div.answer-container div.answer-content div.answer-body ol, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.answer-body ol, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.answer-body ol, div.answer-block div.paginator div.question-header div.answer-container div.answer-content div.answer-body ol, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body ol, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body ol, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body ol, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body ol, div.question-header div.question-container div.paginator div.answer-container div.answer-content div.answer-body ol, div.paginator div.answer-container div.question-header div.question-container div.answer-content div.answer-body ol, div.answer-block div.question-container div.paginator div.answer-container div.answer-content div.answer-body ol, div.paginator div.answer-container div.answer-block div.question-container div.answer-content div.answer-body ol, div.paginator div.question-container div.answer-container div.answer-content div.answer-body ol, div.paginator div.answer-container div.question-container div.answer-content div.answer-body ol, div.question-header div.answer-block div.paginator div.answer-container div.answer-content div.answer-body ol, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.answer-body ol, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.answer-body ol, div.paginator div.answer-block div.question-header div.answer-container div.answer-content div.answer-body ol, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body ol, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body ol, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body ol, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body ol, div.question-header div.paginator div.answer-container div.answer-content div.answer-body ol, div.paginator div.question-header div.answer-container div.answer-content div.answer-body ol, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body ol, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body ol, div.paginator div.answer-container div.answer-content div.answer-body ol, div.question-header div.question-container div.question-content div.question-body pre, div.answer-block div.question-container div.question-content div.question-body pre, div.paginator div.question-container div.question-content div.question-body pre, div.question-header div.answer-block div.answer-container div.question-content div.question-body pre, div.answer-block div.question-header div.answer-container div.question-content div.question-body pre, div.answer-block div.answer-container div.question-content div.question-body pre, div.paginator div.answer-block div.answer-container div.question-content div.question-body pre, div.answer-block div.paginator div.answer-container div.question-content div.question-body pre, div.question-header div.paginator div.answer-container div.question-content div.question-body pre, div.paginator div.question-header div.answer-container div.question-content div.question-body pre, div.answer-block div.paginator div.answer-container div.question-content div.question-body pre, div.paginator div.answer-block div.answer-container div.question-content div.question-body pre, div.paginator div.answer-container div.question-content div.question-body pre, div.question-header div.question-container div.answer-block div.answer-container div.answer-content div.question-body pre, div.answer-block div.answer-container div.question-header div.question-container div.answer-content div.question-body pre, div.answer-block div.question-container div.answer-container div.answer-content div.question-body pre, div.answer-block div.answer-container div.question-container div.answer-content div.question-body pre, div.paginator div.question-container div.answer-block div.answer-container div.answer-content div.question-body pre, div.answer-block div.answer-container div.paginator div.question-container div.answer-content div.question-body pre, div.question-header div.answer-block div.answer-container div.answer-content div.question-body pre, div.answer-block div.question-header div.answer-container div.answer-content div.question-body pre, div.answer-block div.answer-container div.answer-content div.question-body pre, div.paginator div.answer-block div.answer-container div.answer-content div.question-body pre, div.answer-block div.paginator div.answer-container div.answer-content div.question-body pre, div.question-header div.paginator div.answer-block div.answer-container div.answer-content div.question-body pre, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.question-body pre, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.question-body pre, div.answer-block div.paginator div.question-header div.answer-container div.answer-content div.question-body pre, div.answer-block div.paginator div.answer-container div.answer-content div.question-body pre, div.paginator div.answer-block div.answer-container div.answer-content div.question-body pre, div.paginator div.answer-block div.answer-container div.answer-content div.question-body pre, div.answer-block div.paginator div.answer-container div.answer-content div.question-body pre, div.question-header div.question-container div.paginator div.answer-container div.answer-content div.question-body pre, div.paginator div.answer-container div.question-header div.question-container div.answer-content div.question-body pre, div.answer-block div.question-container div.paginator div.answer-container div.answer-content div.question-body pre, div.paginator div.answer-container div.answer-block div.question-container div.answer-content div.question-body pre, div.paginator div.question-container div.answer-container div.answer-content div.question-body pre, div.paginator div.answer-container div.question-container div.answer-content div.question-body pre, div.question-header div.answer-block div.paginator div.answer-container div.answer-content div.question-body pre, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.question-body pre, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.question-body pre, div.paginator div.answer-block div.question-header div.answer-container div.answer-content div.question-body pre, div.answer-block div.paginator div.answer-container div.answer-content div.question-body pre, div.paginator div.answer-block div.answer-container div.answer-content div.question-body pre, div.paginator div.answer-block div.answer-container div.answer-content div.question-body pre, div.answer-block div.paginator div.answer-container div.answer-content div.question-body pre, div.question-header div.paginator div.answer-container div.answer-content div.question-body pre, div.paginator div.question-header div.answer-container div.answer-content div.question-body pre, div.answer-block div.paginator div.answer-container div.answer-content div.question-body pre, div.paginator div.answer-block div.answer-container div.answer-content div.question-body pre, div.paginator div.answer-container div.answer-content div.question-body pre, div.question-header div.question-container div.question-content div.answer-block div.answer-container div.answer-content div.answer-body pre, div.answer-block div.answer-container div.answer-content div.question-header div.question-container div.question-content div.answer-body pre, div.answer-block div.question-container div.question-content div.answer-container div.answer-content div.answer-body pre, div.answer-block div.answer-container div.answer-content div.question-container div.question-content div.answer-body pre, div.paginator div.question-container div.question-content div.answer-block div.answer-container div.answer-content div.answer-body pre, div.answer-block div.answer-container div.answer-content div.paginator div.question-container div.question-content div.answer-body pre, div.question-header div.answer-block div.answer-container div.question-content div.answer-content div.answer-body pre, div.question-header div.answer-block div.answer-container div.answer-content div.question-content div.answer-body pre, div.answer-block div.question-header div.answer-container div.question-content div.answer-content div.answer-body pre, div.answer-block div.question-header div.answer-container div.answer-content div.question-content div.answer-body pre, div.answer-block div.answer-container div.question-content div.answer-content div.answer-body pre, div.answer-block div.answer-container div.answer-content div.question-content div.answer-body pre, div.paginator div.answer-block div.answer-container div.question-content div.answer-content div.answer-body pre, div.paginator div.answer-block div.answer-container div.answer-content div.question-content div.answer-body pre, div.answer-block div.paginator div.answer-container div.question-content div.answer-content div.answer-body pre, div.answer-block div.paginator div.answer-container div.answer-content div.question-content div.answer-body pre, div.question-header div.paginator div.answer-block div.answer-container div.question-content div.answer-content div.answer-body pre, div.answer-block div.question-header div.paginator div.answer-container div.question-content div.answer-content div.answer-body pre, div.question-header div.paginator div.answer-block div.answer-container div.answer-content div.question-content div.answer-body pre, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.question-content div.answer-body pre, div.paginator div.question-header div.answer-block div.answer-container div.question-content div.answer-content div.answer-body pre, div.answer-block div.paginator div.question-header div.answer-container div.question-content div.answer-content div.answer-body pre, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.question-content div.answer-body pre, div.answer-block div.paginator div.question-header div.answer-container div.answer-content div.question-content div.answer-body pre, div.answer-block div.paginator div.answer-container div.question-content div.answer-content div.answer-body pre, div.answer-block div.paginator div.answer-container div.answer-content div.question-content div.answer-body pre, div.paginator div.answer-block div.answer-container div.question-content div.answer-content div.answer-body pre, div.paginator div.answer-block div.answer-container div.answer-content div.question-content div.answer-body pre, div.paginator div.answer-block div.answer-container div.question-content div.answer-content div.answer-body pre, div.answer-block div.paginator div.answer-container div.question-content div.answer-content div.answer-body pre, div.paginator div.answer-block div.answer-container div.answer-content div.question-content div.answer-body pre, div.answer-block div.paginator div.answer-container div.answer-content div.question-content div.answer-body pre, div.question-header div.question-container div.answer-block div.answer-container div.answer-content div.answer-body pre, div.answer-block div.answer-container div.question-header div.question-container div.answer-content div.answer-body pre, div.answer-block div.question-container div.answer-container div.answer-content div.answer-body pre, div.answer-block div.answer-container div.question-container div.answer-content div.answer-body pre, div.paginator div.question-container div.answer-block div.answer-container div.answer-content div.answer-body pre, div.answer-block div.answer-container div.paginator div.question-container div.answer-content div.answer-body pre, div.question-header div.answer-block div.answer-container div.answer-content div.answer-body pre, div.answer-block div.question-header div.answer-container div.answer-content div.answer-body pre, div.answer-block div.answer-container div.answer-content div.answer-body pre, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body pre, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body pre, div.question-header div.paginator div.answer-block div.answer-container div.answer-content div.answer-body pre, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.answer-body pre, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.answer-body pre, div.answer-block div.paginator div.question-header div.answer-container div.answer-content div.answer-body pre, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body pre, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body pre, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body pre, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body pre, div.question-header div.question-container div.paginator div.answer-block div.answer-container div.answer-content div.answer-body pre, div.answer-block div.question-header div.question-container div.paginator div.answer-container div.answer-content div.answer-body pre, div.paginator div.answer-block div.answer-container div.question-header div.question-container div.answer-content div.answer-body pre, div.answer-block div.paginator div.answer-container div.question-header div.question-container div.answer-content div.answer-body pre, div.answer-block div.question-container div.paginator div.answer-container div.answer-content div.answer-body pre, div.paginator div.answer-container div.answer-block div.question-container div.answer-container div.answer-content div.answer-body pre, div.paginator div.answer-container div.answer-block div.answer-container div.question-container div.answer-content div.answer-body pre, div.paginator div.question-container div.answer-block div.answer-container div.answer-content div.answer-body pre, div.answer-block div.paginator div.question-container div.answer-container div.answer-content div.answer-body pre, div.paginator div.answer-block div.answer-container div.question-container div.answer-content div.answer-body pre, div.answer-block div.paginator div.answer-container div.question-container div.answer-content div.answer-body pre, div.question-header div.answer-block div.paginator div.answer-container div.answer-content div.answer-body pre, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.answer-body pre, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.answer-body pre, div.paginator div.answer-block div.question-header div.answer-container div.answer-content div.answer-body pre, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body pre, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body pre, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body pre, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body pre, div.question-header div.paginator div.answer-block div.answer-container div.answer-content div.answer-body pre, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.answer-body pre, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.answer-body pre, div.answer-block div.paginator div.question-header div.answer-container div.answer-content div.answer-body pre, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body pre, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body pre, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body pre, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body pre, div.question-header div.question-container div.question-content div.paginator div.answer-container div.answer-content div.answer-body pre, div.paginator div.answer-container div.answer-content div.question-header div.question-container div.question-content div.answer-body pre, div.answer-block div.question-container div.question-content div.paginator div.answer-container div.answer-content div.answer-body pre, div.paginator div.answer-container div.answer-content div.answer-block div.question-container div.question-content div.answer-body pre, div.paginator div.question-container div.question-content div.answer-container div.answer-content div.answer-body pre, div.paginator div.answer-container div.answer-content div.question-container div.question-content div.answer-body pre, div.question-header div.answer-block div.paginator div.answer-container div.question-content div.answer-content div.answer-body pre, div.paginator div.question-header div.answer-block div.answer-container div.question-content div.answer-content div.answer-body pre, div.question-header div.answer-block div.paginator div.answer-container div.answer-content div.question-content div.answer-body pre, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.question-content div.answer-body pre, div.answer-block div.question-header div.paginator div.answer-container div.question-content div.answer-content div.answer-body pre, div.paginator div.answer-block div.question-header div.answer-container div.question-content div.answer-content div.answer-body pre, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.question-content div.answer-body pre, div.paginator div.answer-block div.question-header div.answer-container div.answer-content div.question-content div.answer-body pre, div.answer-block div.paginator div.answer-container div.question-content div.answer-content div.answer-body pre, div.paginator div.answer-block div.answer-container div.question-content div.answer-content div.answer-body pre, div.answer-block div.paginator div.answer-container div.answer-content div.question-content div.answer-body pre, div.paginator div.answer-block div.answer-container div.answer-content div.question-content div.answer-body pre, div.paginator div.answer-block div.answer-container div.question-content div.answer-content div.answer-body pre, div.paginator div.answer-block div.answer-container div.answer-content div.question-content div.answer-body pre, div.answer-block div.paginator div.answer-container div.question-content div.answer-content div.answer-body pre, div.answer-block div.paginator div.answer-container div.answer-content div.question-content div.answer-body pre, div.question-header div.paginator div.answer-container div.question-content div.answer-content div.answer-body pre, div.question-header div.paginator div.answer-container div.answer-content div.question-content div.answer-body pre, div.paginator div.question-header div.answer-container div.question-content div.answer-content div.answer-body pre, div.paginator div.question-header div.answer-container div.answer-content div.question-content div.answer-body pre, div.answer-block div.paginator div.answer-container div.question-content div.answer-content div.answer-body pre, div.answer-block div.paginator div.answer-container div.answer-content div.question-content div.answer-body pre, div.paginator div.answer-block div.answer-container div.question-content div.answer-content div.answer-body pre, div.paginator div.answer-block div.answer-container div.answer-content div.question-content div.answer-body pre, div.paginator div.answer-container div.question-content div.answer-content div.answer-body pre, div.paginator div.answer-container div.answer-content div.question-content div.answer-body pre, div.question-header div.question-container div.answer-block div.paginator div.answer-container div.answer-content div.answer-body pre, div.paginator div.question-header div.question-container div.answer-block div.answer-container div.answer-content div.answer-body pre, div.answer-block div.paginator div.answer-container div.question-header div.question-container div.answer-content div.answer-body pre, div.paginator div.answer-block div.answer-container div.question-header div.question-container div.answer-content div.answer-body pre, div.answer-block div.question-container div.paginator div.answer-container div.answer-content div.answer-body pre, div.paginator div.answer-block div.question-container div.answer-container div.answer-content div.answer-body pre, div.answer-block div.paginator div.answer-container div.question-container div.answer-content div.answer-body pre, div.paginator div.answer-block div.answer-container div.question-container div.answer-content div.answer-body pre, div.paginator div.question-container div.answer-block div.answer-container div.answer-content div.answer-body pre, div.answer-block div.answer-container div.paginator div.question-container div.answer-container div.answer-content div.answer-body pre, div.answer-block div.answer-container div.paginator div.answer-container div.question-container div.answer-content div.answer-body pre, div.question-header div.answer-block div.paginator div.answer-container div.answer-content div.answer-body pre, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.answer-body pre, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.answer-body pre, div.paginator div.answer-block div.question-header div.answer-container div.answer-content div.answer-body pre, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body pre, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body pre, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body pre, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body pre, div.question-header div.paginator div.answer-block div.answer-container div.answer-content div.answer-body pre, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.answer-body pre, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.answer-body pre, div.answer-block div.paginator div.question-header div.answer-container div.answer-content div.answer-body pre, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body pre, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body pre, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body pre, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body pre, div.question-header div.question-container div.paginator div.answer-container div.answer-content div.answer-body pre, div.paginator div.answer-container div.question-header div.question-container div.answer-content div.answer-body pre, div.answer-block div.question-container div.paginator div.answer-container div.answer-content div.answer-body pre, div.paginator div.answer-container div.answer-block div.question-container div.answer-content div.answer-body pre, div.paginator div.question-container div.answer-container div.answer-content div.answer-body pre, div.paginator div.answer-container div.question-container div.answer-content div.answer-body pre, div.question-header div.answer-block div.paginator div.answer-container div.answer-content div.answer-body pre, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.answer-body pre, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.answer-body pre, div.paginator div.answer-block div.question-header div.answer-container div.answer-content div.answer-body pre, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body pre, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body pre, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body pre, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body pre, div.question-header div.paginator div.answer-container div.answer-content div.answer-body pre, div.paginator div.question-header div.answer-container div.answer-content div.answer-body pre, div.answer-block div.paginator div.answer-container div.answer-content div.answer-body pre, div.paginator div.answer-block div.answer-container div.answer-content div.answer-body pre, div.paginator div.answer-container div.answer-content div.answer-body pre { + margin-left: 6%; + margin-bottom: 20px; } + div.question-header div.question-container div.question-content div.post-update-container, div.answer-block div.question-container div.question-content div.post-update-container, div.paginator div.question-container div.question-content div.post-update-container, div.question-header div.answer-block div.answer-container div.question-content div.post-update-container, div.answer-block div.question-header div.answer-container div.question-content div.post-update-container, div.answer-block div.answer-container div.question-content div.post-update-container, div.paginator div.answer-block div.answer-container div.question-content div.post-update-container, div.answer-block div.paginator div.answer-container div.question-content div.post-update-container, div.question-header div.paginator div.answer-container div.question-content div.post-update-container, div.paginator div.question-header div.answer-container div.question-content div.post-update-container, div.answer-block div.paginator div.answer-container div.question-content div.post-update-container, div.paginator div.answer-block div.answer-container div.question-content div.post-update-container, div.paginator div.answer-container div.question-content div.post-update-container, div.question-header div.question-container div.answer-block div.answer-container div.answer-content div.post-update-container, div.answer-block div.answer-container div.question-header div.question-container div.answer-content div.post-update-container, div.answer-block div.question-container div.answer-container div.answer-content div.post-update-container, div.answer-block div.answer-container div.question-container div.answer-content div.post-update-container, div.paginator div.question-container div.answer-block div.answer-container div.answer-content div.post-update-container, div.answer-block div.answer-container div.paginator div.question-container div.answer-content div.post-update-container, div.question-header div.answer-block div.answer-container div.answer-content div.post-update-container, div.answer-block div.question-header div.answer-container div.answer-content div.post-update-container, div.answer-block div.answer-container div.answer-content div.post-update-container, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container, div.question-header div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.post-update-container, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.post-update-container, div.answer-block div.paginator div.question-header div.answer-container div.answer-content div.post-update-container, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container, div.question-header div.question-container div.paginator div.answer-container div.answer-content div.post-update-container, div.paginator div.answer-container div.question-header div.question-container div.answer-content div.post-update-container, div.answer-block div.question-container div.paginator div.answer-container div.answer-content div.post-update-container, div.paginator div.answer-container div.answer-block div.question-container div.answer-content div.post-update-container, div.paginator div.question-container div.answer-container div.answer-content div.post-update-container, div.paginator div.answer-container div.question-container div.answer-content div.post-update-container, div.question-header div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.post-update-container, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.post-update-container, div.paginator div.answer-block div.question-header div.answer-container div.answer-content div.post-update-container, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container, div.question-header div.paginator div.answer-container div.answer-content div.post-update-container, div.paginator div.question-header div.answer-container div.answer-content div.post-update-container, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container, div.paginator div.answer-container div.answer-content div.post-update-container { + display: inline-block; + float: left; + width: 20%; + border-left: 1px dashed #ddd; } + div.question-header div.question-container div.question-content div.post-update-container div.post-update-info, div.answer-block div.question-container div.question-content div.post-update-container div.post-update-info, div.paginator div.question-container div.question-content div.post-update-container div.post-update-info, div.question-header div.answer-block div.answer-container div.question-content div.post-update-container div.post-update-info, div.answer-block div.question-header div.answer-container div.question-content div.post-update-container div.post-update-info, div.answer-block div.answer-container div.question-content div.post-update-container div.post-update-info, div.paginator div.answer-block div.answer-container div.question-content div.post-update-container div.post-update-info, div.answer-block div.paginator div.answer-container div.question-content div.post-update-container div.post-update-info, div.question-header div.paginator div.answer-container div.question-content div.post-update-container div.post-update-info, div.paginator div.question-header div.answer-container div.question-content div.post-update-container div.post-update-info, div.answer-block div.paginator div.answer-container div.question-content div.post-update-container div.post-update-info, div.paginator div.answer-block div.answer-container div.question-content div.post-update-container div.post-update-info, div.paginator div.answer-container div.question-content div.post-update-container div.post-update-info, div.question-header div.question-container div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info, div.answer-block div.answer-container div.question-header div.question-container div.answer-content div.post-update-container div.post-update-info, div.answer-block div.question-container div.answer-container div.answer-content div.post-update-container div.post-update-info, div.answer-block div.answer-container div.question-container div.answer-content div.post-update-container div.post-update-info, div.paginator div.question-container div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info, div.answer-block div.answer-container div.paginator div.question-container div.answer-content div.post-update-container div.post-update-info, div.question-header div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info, div.answer-block div.question-header div.answer-container div.answer-content div.post-update-container div.post-update-info, div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info, div.question-header div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info, div.answer-block div.paginator div.question-header div.answer-container div.answer-content div.post-update-container div.post-update-info, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info, div.question-header div.question-container div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info, div.paginator div.answer-container div.question-header div.question-container div.answer-content div.post-update-container div.post-update-info, div.answer-block div.question-container div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info, div.paginator div.answer-container div.answer-block div.question-container div.answer-content div.post-update-container div.post-update-info, div.paginator div.question-container div.answer-container div.answer-content div.post-update-container div.post-update-info, div.paginator div.answer-container div.question-container div.answer-content div.post-update-container div.post-update-info, div.question-header div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info, div.paginator div.answer-block div.question-header div.answer-container div.answer-content div.post-update-container div.post-update-info, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info, div.question-header div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info, div.paginator div.question-header div.answer-container div.answer-content div.post-update-container div.post-update-info, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info, div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + padding: 10px; + margin-bottom: 10px; } + div.question-header div.question-container div.question-content div.post-update-container div.post-update-info:last-child, div.answer-block div.question-container div.question-content div.post-update-container div.post-update-info:last-child, div.paginator div.question-container div.question-content div.post-update-container div.post-update-info:last-child, div.question-header div.answer-block div.answer-container div.question-content div.post-update-container div.post-update-info:last-child, div.answer-block div.question-header div.answer-container div.question-content div.post-update-container div.post-update-info:last-child, div.answer-block div.answer-container div.question-content div.post-update-container div.post-update-info:last-child, div.paginator div.answer-block div.answer-container div.question-content div.post-update-container div.post-update-info:last-child, div.answer-block div.paginator div.answer-container div.question-content div.post-update-container div.post-update-info:last-child, div.question-header div.paginator div.answer-container div.question-content div.post-update-container div.post-update-info:last-child, div.paginator div.question-header div.answer-container div.question-content div.post-update-container div.post-update-info:last-child, div.answer-block div.paginator div.answer-container div.question-content div.post-update-container div.post-update-info:last-child, div.paginator div.answer-block div.answer-container div.question-content div.post-update-container div.post-update-info:last-child, div.paginator div.answer-container div.question-content div.post-update-container div.post-update-info:last-child, div.question-header div.question-container div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info:last-child, div.answer-block div.answer-container div.question-header div.question-container div.answer-content div.post-update-container div.post-update-info:last-child, div.answer-block div.question-container div.answer-container div.answer-content div.post-update-container div.post-update-info:last-child, div.answer-block div.answer-container div.question-container div.answer-content div.post-update-container div.post-update-info:last-child, div.paginator div.question-container div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info:last-child, div.answer-block div.answer-container div.paginator div.question-container div.answer-content div.post-update-container div.post-update-info:last-child, div.question-header div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info:last-child, div.answer-block div.question-header div.answer-container div.answer-content div.post-update-container div.post-update-info:last-child, div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info:last-child, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info:last-child, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info:last-child, div.question-header div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info:last-child, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info:last-child, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info:last-child, div.answer-block div.paginator div.question-header div.answer-container div.answer-content div.post-update-container div.post-update-info:last-child, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info:last-child, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info:last-child, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info:last-child, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info:last-child, div.question-header div.question-container div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info:last-child, div.paginator div.answer-container div.question-header div.question-container div.answer-content div.post-update-container div.post-update-info:last-child, div.answer-block div.question-container div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info:last-child, div.paginator div.answer-container div.answer-block div.question-container div.answer-content div.post-update-container div.post-update-info:last-child, div.paginator div.question-container div.answer-container div.answer-content div.post-update-container div.post-update-info:last-child, div.paginator div.answer-container div.question-container div.answer-content div.post-update-container div.post-update-info:last-child, div.question-header div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info:last-child, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info:last-child, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info:last-child, div.paginator div.answer-block div.question-header div.answer-container div.answer-content div.post-update-container div.post-update-info:last-child, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info:last-child, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info:last-child, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info:last-child, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info:last-child, div.question-header div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info:last-child, div.paginator div.question-header div.answer-container div.answer-content div.post-update-container div.post-update-info:last-child, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info:last-child, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info:last-child, div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info:last-child { + margin-bottom: 0; } + div.question-header div.question-container div.question-content div.post-update-container div.post-update-info.revision, div.answer-block div.question-container div.question-content div.post-update-container div.post-update-info.revision, div.paginator div.question-container div.question-content div.post-update-container div.post-update-info.revision, div.question-header div.answer-block div.answer-container div.question-content div.post-update-container div.post-update-info.revision, div.answer-block div.question-header div.answer-container div.question-content div.post-update-container div.post-update-info.revision, div.answer-block div.answer-container div.question-content div.post-update-container div.post-update-info.revision, div.paginator div.answer-block div.answer-container div.question-content div.post-update-container div.post-update-info.revision, div.answer-block div.paginator div.answer-container div.question-content div.post-update-container div.post-update-info.revision, div.question-header div.paginator div.answer-container div.question-content div.post-update-container div.post-update-info.revision, div.paginator div.question-header div.answer-container div.question-content div.post-update-container div.post-update-info.revision, div.answer-block div.paginator div.answer-container div.question-content div.post-update-container div.post-update-info.revision, div.paginator div.answer-block div.answer-container div.question-content div.post-update-container div.post-update-info.revision, div.paginator div.answer-container div.question-content div.post-update-container div.post-update-info.revision, div.question-header div.question-container div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info.revision, div.answer-block div.answer-container div.question-header div.question-container div.answer-content div.post-update-container div.post-update-info.revision, div.answer-block div.question-container div.answer-container div.answer-content div.post-update-container div.post-update-info.revision, div.answer-block div.answer-container div.question-container div.answer-content div.post-update-container div.post-update-info.revision, div.paginator div.question-container div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info.revision, div.answer-block div.answer-container div.paginator div.question-container div.answer-content div.post-update-container div.post-update-info.revision, div.question-header div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info.revision, div.answer-block div.question-header div.answer-container div.answer-content div.post-update-container div.post-update-info.revision, div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info.revision, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info.revision, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info.revision, div.question-header div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info.revision, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info.revision, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info.revision, div.answer-block div.paginator div.question-header div.answer-container div.answer-content div.post-update-container div.post-update-info.revision, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info.revision, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info.revision, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info.revision, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info.revision, div.question-header div.question-container div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info.revision, div.paginator div.answer-container div.question-header div.question-container div.answer-content div.post-update-container div.post-update-info.revision, div.answer-block div.question-container div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info.revision, div.paginator div.answer-container div.answer-block div.question-container div.answer-content div.post-update-container div.post-update-info.revision, div.paginator div.question-container div.answer-container div.answer-content div.post-update-container div.post-update-info.revision, div.paginator div.answer-container div.question-container div.answer-content div.post-update-container div.post-update-info.revision, div.question-header div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info.revision, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info.revision, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info.revision, div.paginator div.answer-block div.question-header div.answer-container div.answer-content div.post-update-container div.post-update-info.revision, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info.revision, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info.revision, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info.revision, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info.revision, div.question-header div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info.revision, div.paginator div.question-header div.answer-container div.answer-content div.post-update-container div.post-update-info.revision, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info.revision, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info.revision, div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info.revision { + text-align: center; + background: #fcfaf2; } + div.question-header div.question-container div.question-content div.post-update-container div.post-update-info.revision a, div.answer-block div.question-container div.question-content div.post-update-container div.post-update-info.revision a, div.paginator div.question-container div.question-content div.post-update-container div.post-update-info.revision a, div.question-header div.answer-block div.answer-container div.question-content div.post-update-container div.post-update-info.revision a, div.answer-block div.question-header div.answer-container div.question-content div.post-update-container div.post-update-info.revision a, div.answer-block div.answer-container div.question-content div.post-update-container div.post-update-info.revision a, div.paginator div.answer-block div.answer-container div.question-content div.post-update-container div.post-update-info.revision a, div.answer-block div.paginator div.answer-container div.question-content div.post-update-container div.post-update-info.revision a, div.question-header div.paginator div.answer-container div.question-content div.post-update-container div.post-update-info.revision a, div.paginator div.question-header div.answer-container div.question-content div.post-update-container div.post-update-info.revision a, div.answer-block div.paginator div.answer-container div.question-content div.post-update-container div.post-update-info.revision a, div.paginator div.answer-block div.answer-container div.question-content div.post-update-container div.post-update-info.revision a, div.paginator div.answer-container div.question-content div.post-update-container div.post-update-info.revision a, div.question-header div.question-container div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info.revision a, div.answer-block div.answer-container div.question-header div.question-container div.answer-content div.post-update-container div.post-update-info.revision a, div.answer-block div.question-container div.answer-container div.answer-content div.post-update-container div.post-update-info.revision a, div.answer-block div.answer-container div.question-container div.answer-content div.post-update-container div.post-update-info.revision a, div.paginator div.question-container div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info.revision a, div.answer-block div.answer-container div.paginator div.question-container div.answer-content div.post-update-container div.post-update-info.revision a, div.question-header div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info.revision a, div.answer-block div.question-header div.answer-container div.answer-content div.post-update-container div.post-update-info.revision a, div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info.revision a, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info.revision a, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info.revision a, div.question-header div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info.revision a, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info.revision a, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info.revision a, div.answer-block div.paginator div.question-header div.answer-container div.answer-content div.post-update-container div.post-update-info.revision a, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info.revision a, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info.revision a, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info.revision a, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info.revision a, div.question-header div.question-container div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info.revision a, div.paginator div.answer-container div.question-header div.question-container div.answer-content div.post-update-container div.post-update-info.revision a, div.answer-block div.question-container div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info.revision a, div.paginator div.answer-container div.answer-block div.question-container div.answer-content div.post-update-container div.post-update-info.revision a, div.paginator div.question-container div.answer-container div.answer-content div.post-update-container div.post-update-info.revision a, div.paginator div.answer-container div.question-container div.answer-content div.post-update-container div.post-update-info.revision a, div.question-header div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info.revision a, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info.revision a, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info.revision a, div.paginator div.answer-block div.question-header div.answer-container div.answer-content div.post-update-container div.post-update-info.revision a, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info.revision a, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info.revision a, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info.revision a, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info.revision a, div.question-header div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info.revision a, div.paginator div.question-header div.answer-container div.answer-content div.post-update-container div.post-update-info.revision a, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info.revision a, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info.revision a, div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info.revision a { + color: black; } + div.question-header div.question-container div.question-content div.post-update-container div.post-update-info a, div.answer-block div.question-container div.question-content div.post-update-container div.post-update-info a, div.paginator div.question-container div.question-content div.post-update-container div.post-update-info a, div.question-header div.answer-block div.answer-container div.question-content div.post-update-container div.post-update-info a, div.answer-block div.question-header div.answer-container div.question-content div.post-update-container div.post-update-info a, div.answer-block div.answer-container div.question-content div.post-update-container div.post-update-info a, div.paginator div.answer-block div.answer-container div.question-content div.post-update-container div.post-update-info a, div.answer-block div.paginator div.answer-container div.question-content div.post-update-container div.post-update-info a, div.question-header div.paginator div.answer-container div.question-content div.post-update-container div.post-update-info a, div.paginator div.question-header div.answer-container div.question-content div.post-update-container div.post-update-info a, div.answer-block div.paginator div.answer-container div.question-content div.post-update-container div.post-update-info a, div.paginator div.answer-block div.answer-container div.question-content div.post-update-container div.post-update-info a, div.paginator div.answer-container div.question-content div.post-update-container div.post-update-info a, div.question-header div.question-container div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info a, div.answer-block div.answer-container div.question-header div.question-container div.answer-content div.post-update-container div.post-update-info a, div.answer-block div.question-container div.answer-container div.answer-content div.post-update-container div.post-update-info a, div.answer-block div.answer-container div.question-container div.answer-content div.post-update-container div.post-update-info a, div.paginator div.question-container div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info a, div.answer-block div.answer-container div.paginator div.question-container div.answer-content div.post-update-container div.post-update-info a, div.question-header div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info a, div.answer-block div.question-header div.answer-container div.answer-content div.post-update-container div.post-update-info a, div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info a, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info a, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info a, div.question-header div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info a, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info a, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info a, div.answer-block div.paginator div.question-header div.answer-container div.answer-content div.post-update-container div.post-update-info a, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info a, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info a, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info a, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info a, div.question-header div.question-container div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info a, div.paginator div.answer-container div.question-header div.question-container div.answer-content div.post-update-container div.post-update-info a, div.answer-block div.question-container div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info a, div.paginator div.answer-container div.answer-block div.question-container div.answer-content div.post-update-container div.post-update-info a, div.paginator div.question-container div.answer-container div.answer-content div.post-update-container div.post-update-info a, div.paginator div.answer-container div.question-container div.answer-content div.post-update-container div.post-update-info a, div.question-header div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info a, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info a, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info a, div.paginator div.answer-block div.question-header div.answer-container div.answer-content div.post-update-container div.post-update-info a, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info a, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info a, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info a, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info a, div.question-header div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info a, div.paginator div.question-header div.answer-container div.answer-content div.post-update-container div.post-update-info a, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info a, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info a, div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info a { + color: #993333; } + div.question-header div.question-container div.question-content div.post-update-container div.post-update-info div.change-date, div.answer-block div.question-container div.question-content div.post-update-container div.post-update-info div.change-date, div.paginator div.question-container div.question-content div.post-update-container div.post-update-info div.change-date, div.question-header div.answer-block div.answer-container div.question-content div.post-update-container div.post-update-info div.change-date, div.answer-block div.question-header div.answer-container div.question-content div.post-update-container div.post-update-info div.change-date, div.answer-block div.answer-container div.question-content div.post-update-container div.post-update-info div.change-date, div.paginator div.answer-block div.answer-container div.question-content div.post-update-container div.post-update-info div.change-date, div.answer-block div.paginator div.answer-container div.question-content div.post-update-container div.post-update-info div.change-date, div.question-header div.paginator div.answer-container div.question-content div.post-update-container div.post-update-info div.change-date, div.paginator div.question-header div.answer-container div.question-content div.post-update-container div.post-update-info div.change-date, div.answer-block div.paginator div.answer-container div.question-content div.post-update-container div.post-update-info div.change-date, div.paginator div.answer-block div.answer-container div.question-content div.post-update-container div.post-update-info div.change-date, div.paginator div.answer-container div.question-content div.post-update-container div.post-update-info div.change-date, div.question-header div.question-container div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info div.change-date, div.answer-block div.answer-container div.question-header div.question-container div.answer-content div.post-update-container div.post-update-info div.change-date, div.answer-block div.question-container div.answer-container div.answer-content div.post-update-container div.post-update-info div.change-date, div.answer-block div.answer-container div.question-container div.answer-content div.post-update-container div.post-update-info div.change-date, div.paginator div.question-container div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info div.change-date, div.answer-block div.answer-container div.paginator div.question-container div.answer-content div.post-update-container div.post-update-info div.change-date, div.question-header div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info div.change-date, div.answer-block div.question-header div.answer-container div.answer-content div.post-update-container div.post-update-info div.change-date, div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info div.change-date, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info div.change-date, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info div.change-date, div.question-header div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info div.change-date, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info div.change-date, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info div.change-date, div.answer-block div.paginator div.question-header div.answer-container div.answer-content div.post-update-container div.post-update-info div.change-date, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info div.change-date, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info div.change-date, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info div.change-date, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info div.change-date, div.question-header div.question-container div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info div.change-date, div.paginator div.answer-container div.question-header div.question-container div.answer-content div.post-update-container div.post-update-info div.change-date, div.answer-block div.question-container div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info div.change-date, div.paginator div.answer-container div.answer-block div.question-container div.answer-content div.post-update-container div.post-update-info div.change-date, div.paginator div.question-container div.answer-container div.answer-content div.post-update-container div.post-update-info div.change-date, div.paginator div.answer-container div.question-container div.answer-content div.post-update-container div.post-update-info div.change-date, div.question-header div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info div.change-date, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info div.change-date, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info div.change-date, div.paginator div.answer-block div.question-header div.answer-container div.answer-content div.post-update-container div.post-update-info div.change-date, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info div.change-date, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info div.change-date, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info div.change-date, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info div.change-date, div.question-header div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info div.change-date, div.paginator div.question-header div.answer-container div.answer-content div.post-update-container div.post-update-info div.change-date, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info div.change-date, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info div.change-date, div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info div.change-date { + font-size: 12px; + margin-bottom: 2px; } + div.question-header div.question-container div.question-content div.post-update-container div.post-update-info div.user-meta, div.answer-block div.question-container div.question-content div.post-update-container div.post-update-info div.user-meta, div.paginator div.question-container div.question-content div.post-update-container div.post-update-info div.user-meta, div.question-header div.answer-block div.answer-container div.question-content div.post-update-container div.post-update-info div.user-meta, div.answer-block div.question-header div.answer-container div.question-content div.post-update-container div.post-update-info div.user-meta, div.answer-block div.answer-container div.question-content div.post-update-container div.post-update-info div.user-meta, div.paginator div.answer-block div.answer-container div.question-content div.post-update-container div.post-update-info div.user-meta, div.answer-block div.paginator div.answer-container div.question-content div.post-update-container div.post-update-info div.user-meta, div.question-header div.paginator div.answer-container div.question-content div.post-update-container div.post-update-info div.user-meta, div.paginator div.question-header div.answer-container div.question-content div.post-update-container div.post-update-info div.user-meta, div.answer-block div.paginator div.answer-container div.question-content div.post-update-container div.post-update-info div.user-meta, div.paginator div.answer-block div.answer-container div.question-content div.post-update-container div.post-update-info div.user-meta, div.paginator div.answer-container div.question-content div.post-update-container div.post-update-info div.user-meta, div.question-header div.question-container div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta, div.answer-block div.answer-container div.question-header div.question-container div.answer-content div.post-update-container div.post-update-info div.user-meta, div.answer-block div.question-container div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta, div.answer-block div.answer-container div.question-container div.answer-content div.post-update-container div.post-update-info div.user-meta, div.paginator div.question-container div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta, div.answer-block div.answer-container div.paginator div.question-container div.answer-content div.post-update-container div.post-update-info div.user-meta, div.question-header div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta, div.answer-block div.question-header div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta, div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta, div.question-header div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta, div.answer-block div.paginator div.question-header div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta, div.question-header div.question-container div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta, div.paginator div.answer-container div.question-header div.question-container div.answer-content div.post-update-container div.post-update-info div.user-meta, div.answer-block div.question-container div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta, div.paginator div.answer-container div.answer-block div.question-container div.answer-content div.post-update-container div.post-update-info div.user-meta, div.paginator div.question-container div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta, div.paginator div.answer-container div.question-container div.answer-content div.post-update-container div.post-update-info div.user-meta, div.question-header div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta, div.paginator div.answer-block div.question-header div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta, div.question-header div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta, div.paginator div.question-header div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta, div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta { + display: inline-block; } + div.question-header div.question-container div.question-content div.post-update-container div.post-update-info div.user-meta span.username, div.answer-block div.question-container div.question-content div.post-update-container div.post-update-info div.user-meta span.username, div.paginator div.question-container div.question-content div.post-update-container div.post-update-info div.user-meta span.username, div.question-header div.answer-block div.answer-container div.question-content div.post-update-container div.post-update-info div.user-meta span.username, div.answer-block div.question-header div.answer-container div.question-content div.post-update-container div.post-update-info div.user-meta span.username, div.answer-block div.answer-container div.question-content div.post-update-container div.post-update-info div.user-meta span.username, div.paginator div.answer-block div.answer-container div.question-content div.post-update-container div.post-update-info div.user-meta span.username, div.answer-block div.paginator div.answer-container div.question-content div.post-update-container div.post-update-info div.user-meta span.username, div.question-header div.paginator div.answer-container div.question-content div.post-update-container div.post-update-info div.user-meta span.username, div.paginator div.question-header div.answer-container div.question-content div.post-update-container div.post-update-info div.user-meta span.username, div.answer-block div.paginator div.answer-container div.question-content div.post-update-container div.post-update-info div.user-meta span.username, div.paginator div.answer-block div.answer-container div.question-content div.post-update-container div.post-update-info div.user-meta span.username, div.paginator div.answer-container div.question-content div.post-update-container div.post-update-info div.user-meta span.username, div.question-header div.question-container div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta span.username, div.answer-block div.answer-container div.question-header div.question-container div.answer-content div.post-update-container div.post-update-info div.user-meta span.username, div.answer-block div.question-container div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta span.username, div.answer-block div.answer-container div.question-container div.answer-content div.post-update-container div.post-update-info div.user-meta span.username, div.paginator div.question-container div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta span.username, div.answer-block div.answer-container div.paginator div.question-container div.answer-content div.post-update-container div.post-update-info div.user-meta span.username, div.question-header div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta span.username, div.answer-block div.question-header div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta span.username, div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta span.username, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta span.username, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta span.username, div.question-header div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta span.username, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta span.username, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta span.username, div.answer-block div.paginator div.question-header div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta span.username, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta span.username, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta span.username, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta span.username, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta span.username, div.question-header div.question-container div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta span.username, div.paginator div.answer-container div.question-header div.question-container div.answer-content div.post-update-container div.post-update-info div.user-meta span.username, div.answer-block div.question-container div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta span.username, div.paginator div.answer-container div.answer-block div.question-container div.answer-content div.post-update-container div.post-update-info div.user-meta span.username, div.paginator div.question-container div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta span.username, div.paginator div.answer-container div.question-container div.answer-content div.post-update-container div.post-update-info div.user-meta span.username, div.question-header div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta span.username, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta span.username, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta span.username, div.paginator div.answer-block div.question-header div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta span.username, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta span.username, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta span.username, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta span.username, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta span.username, div.question-header div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta span.username, div.paginator div.question-header div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta span.username, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta span.username, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta span.username, div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info div.user-meta span.username { + font-size: 20px; + margin-right: 5px; } + div.question-header div.question-container div.comments-container, div.answer-block div.question-container div.comments-container, div.paginator div.question-container div.comments-container, div.question-header div.answer-block div.answer-container div.comments-container, div.answer-block div.question-header div.answer-container div.comments-container, div.answer-block div.answer-container div.comments-container, div.paginator div.answer-block div.answer-container div.comments-container, div.answer-block div.paginator div.answer-container div.comments-container, div.question-header div.paginator div.answer-container div.comments-container, div.paginator div.question-header div.answer-container div.comments-container, div.answer-block div.paginator div.answer-container div.comments-container, div.paginator div.answer-block div.answer-container div.comments-container, div.paginator div.answer-container div.comments-container { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + display: inline-block; + padding: 0 0 3% 0; + width: 100%; } + div.question-header div.question-container div.comments-container div.comments-content, div.answer-block div.question-container div.comments-container div.comments-content, div.paginator div.question-container div.comments-container div.comments-content, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content, div.answer-block div.answer-container div.comments-container div.comments-content, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content, div.question-header div.paginator div.answer-container div.comments-container div.comments-content, div.paginator div.question-header div.answer-container div.comments-container div.comments-content, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content, div.paginator div.answer-container div.comments-container div.comments-content { + font-size: 13px; + background: #efefef; } + div.question-header div.question-container div.comments-container div.comments-content .block, div.answer-block div.question-container div.comments-container div.comments-content .block, div.paginator div.question-container div.comments-container div.comments-content .block, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content .block, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content .block, div.answer-block div.answer-container div.comments-container div.comments-content .block, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content .block, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content .block, div.question-header div.paginator div.answer-container div.comments-container div.comments-content .block, div.paginator div.question-header div.answer-container div.comments-container div.comments-content .block, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content .block, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content .block, div.paginator div.answer-container div.comments-container div.comments-content .block { + border-top: 1px solid #ddd; + padding: 15px; + display: block; } + div.question-header div.question-container div.comments-container div.comments-content .block:first-child, div.answer-block div.question-container div.comments-container div.comments-content .block:first-child, div.paginator div.question-container div.comments-container div.comments-content .block:first-child, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content .block:first-child, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content .block:first-child, div.answer-block div.answer-container div.comments-container div.comments-content .block:first-child, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content .block:first-child, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content .block:first-child, div.question-header div.paginator div.answer-container div.comments-container div.comments-content .block:first-child, div.paginator div.question-header div.answer-container div.comments-container div.comments-content .block:first-child, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content .block:first-child, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content .block:first-child, div.paginator div.answer-container div.comments-container div.comments-content .block:first-child { + border-top: 0; } + div.question-header div.question-container div.comments-container div.comments-content .block.official, div.answer-block div.question-container div.comments-container div.comments-content .block.official, div.paginator div.question-container div.comments-container div.comments-content .block.official, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content .block.official, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content .block.official, div.answer-block div.answer-container div.comments-container div.comments-content .block.official, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content .block.official, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content .block.official, div.question-header div.paginator div.answer-container div.comments-container div.comments-content .block.official, div.paginator div.question-header div.answer-container div.comments-container div.comments-content .block.official, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content .block.official, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content .block.official, div.paginator div.answer-container div.comments-container div.comments-content .block.official { + padding-top: 10px; } + div.question-header div.question-container div.comments-container div.comments-content .block.official span.official-comment, div.answer-block div.question-container div.comments-container div.comments-content .block.official span.official-comment, div.paginator div.question-container div.comments-container div.comments-content .block.official span.official-comment, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content .block.official span.official-comment, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content .block.official span.official-comment, div.answer-block div.answer-container div.comments-container div.comments-content .block.official span.official-comment, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content .block.official span.official-comment, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content .block.official span.official-comment, div.question-header div.paginator div.answer-container div.comments-container div.comments-content .block.official span.official-comment, div.paginator div.question-header div.answer-container div.comments-container div.comments-content .block.official span.official-comment, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content .block.official span.official-comment, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content .block.official span.official-comment, div.paginator div.answer-container div.comments-container div.comments-content .block.official span.official-comment { + background: #993333; + color: #fff; + display: block; + font-size: 12px; + margin: 0 0 10px -5%; + padding: 2px 5px 2px 5%; + text-align: left; + width: 100px; } + div.question-header div.question-container div.comments-container div.comments-content form.post-comments, div.answer-block div.question-container div.comments-container div.comments-content form.post-comments, div.paginator div.question-container div.comments-container div.comments-content form.post-comments, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content form.post-comments, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content form.post-comments, div.answer-block div.answer-container div.comments-container div.comments-content form.post-comments, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content form.post-comments, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content form.post-comments, div.question-header div.paginator div.answer-container div.comments-container div.comments-content form.post-comments, div.paginator div.question-header div.answer-container div.comments-container div.comments-content form.post-comments, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content form.post-comments, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content form.post-comments, div.paginator div.answer-container div.comments-container div.comments-content form.post-comments { + padding: 15px; } + div.question-header div.question-container div.comments-container div.comments-content form.post-comments button:last-child, div.answer-block div.question-container div.comments-container div.comments-content form.post-comments button:last-child, div.paginator div.question-container div.comments-container div.comments-content form.post-comments button:last-child, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content form.post-comments button:last-child, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content form.post-comments button:last-child, div.answer-block div.answer-container div.comments-container div.comments-content form.post-comments button:last-child, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content form.post-comments button:last-child, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content form.post-comments button:last-child, div.question-header div.paginator div.answer-container div.comments-container div.comments-content form.post-comments button:last-child, div.paginator div.question-header div.answer-container div.comments-container div.comments-content form.post-comments button:last-child, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content form.post-comments button:last-child, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content form.post-comments button:last-child, div.paginator div.answer-container div.comments-container div.comments-content form.post-comments button:last-child { + margin-left: 10px; } + div.question-header div.question-container div.comments-container div.comments-content div.comment:first-child, div.answer-block div.question-container div.comments-container div.comments-content div.comment:first-child, div.paginator div.question-container div.comments-container div.comments-content div.comment:first-child, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment:first-child, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment:first-child, div.answer-block div.answer-container div.comments-container div.comments-content div.comment:first-child, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment:first-child, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment:first-child, div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment:first-child, div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment:first-child, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment:first-child, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment:first-child, div.paginator div.answer-container div.comments-container div.comments-content div.comment:first-child { + border-top: 0; } + div.question-header div.question-container div.comments-container div.comments-content div.comment:last-child, div.answer-block div.question-container div.comments-container div.comments-content div.comment:last-child, div.paginator div.question-container div.comments-container div.comments-content div.comment:last-child, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment:last-child, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment:last-child, div.answer-block div.answer-container div.comments-container div.comments-content div.comment:last-child, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment:last-child, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment:last-child, div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment:last-child, div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment:last-child, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment:last-child, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment:last-child, div.paginator div.answer-container div.comments-container div.comments-content div.comment:last-child { + margin-bottom: 20px; } + div.question-header div.question-container div.comments-container div.comments-content div.comment aside.comment-controls, div.answer-block div.question-container div.comments-container div.comments-content div.comment aside.comment-controls, div.paginator div.question-container div.comments-container div.comments-content div.comment aside.comment-controls, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls, div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls, div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls, div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls, div.paginator div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls { + background: none; + border: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; + -ms-box-shadow: none; + -o-box-shadow: none; + box-shadow: none; + display: inline-block; + margin-top: -8px; + padding: 0 2% 0 0; + text-align: center; + width: 5%; } + div.question-header div.question-container div.comments-container div.comments-content div.comment aside.comment-controls div, div.answer-block div.question-container div.comments-container div.comments-content div.comment aside.comment-controls div, div.paginator div.question-container div.comments-container div.comments-content div.comment aside.comment-controls div, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div, div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div, div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div, div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div, div.paginator div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div { + background: none; + opacity: 0.6; } + div.question-header div.question-container div.comments-container div.comments-content div.comment aside.comment-controls div:hover, div.answer-block div.question-container div.comments-container div.comments-content div.comment aside.comment-controls div:hover, div.paginator div.question-container div.comments-container div.comments-content div.comment aside.comment-controls div:hover, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div:hover, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div:hover, div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div:hover, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div:hover, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div:hover, div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div:hover, div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div:hover, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div:hover, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div:hover, div.paginator div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div:hover { + opacity: 1; } + div.question-header div.question-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes, div.answer-block div.question-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes, div.paginator div.question-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes, div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes, div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes, div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes, div.paginator div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes { + width: 16px; } + div.question-header div.question-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes a.upvote, div.answer-block div.question-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes a.upvote, div.paginator div.question-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes a.upvote, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes a.upvote, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes a.upvote, div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes a.upvote, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes a.upvote, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes a.upvote, div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes a.upvote, div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes a.upvote, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes a.upvote, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes a.upvote, div.paginator div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes a.upvote { + background: url(../images/askbot/comment-vote-up.png) no-repeat 2px; + cursor: pointer; + color: green; + display: block; + margin-bottom: 6px; + margin-top: 5px; + overflow: hidden; + text-decoration: none; + text-indent: -9999px; + width: 20px; } + div.question-header div.question-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes a.upvoted, div.answer-block div.question-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes a.upvoted, div.paginator div.question-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes a.upvoted, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes a.upvoted, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes a.upvoted, div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes a.upvoted, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes a.upvoted, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes a.upvoted, div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes a.upvoted, div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes a.upvoted, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes a.upvoted, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes a.upvoted, div.paginator div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes a.upvoted { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + background: #D1E3A8; + color: green; + font-weight: bold; + margin-top: 10px; + padding: 2px; + text-indent: 0px; } + div.question-header div.question-container div.comments-container div.comments-content div.comment aside.comment-controls hr, div.answer-block div.question-container div.comments-container div.comments-content div.comment aside.comment-controls hr, div.paginator div.question-container div.comments-container div.comments-content div.comment aside.comment-controls hr, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls hr, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls hr, div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls hr, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls hr, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls hr, div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls hr, div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls hr, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls hr, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls hr, div.paginator div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls hr { + margin: 0; } + div.question-header div.question-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-delete, div.answer-block div.question-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-delete, div.paginator div.question-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-delete, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-delete, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-delete, div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-delete, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-delete, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-delete, div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-delete, div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-delete, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-delete, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-delete, div.paginator div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-delete { + color: #993333; + cursor: pointer; + font-size: 15px; } + div.question-header div.question-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-edit, div.answer-block div.question-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-edit, div.paginator div.question-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-edit, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-edit, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-edit, div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-edit, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-edit, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-edit, div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-edit, div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-edit, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-edit, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-edit, div.paginator div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-edit { + -webkit-transform: rotate(50deg); + -moz-transform: rotate(50deg); + -ms-transform: rotate(50deg); + -o-transform: rotate(50deg); + transform: rotate(50deg); + cursor: pointer; + font-size: 16px; } + div.question-header div.question-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-edit a.edit-icon, div.answer-block div.question-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-edit a.edit-icon, div.paginator div.question-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-edit a.edit-icon, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-edit a.edit-icon, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-edit a.edit-icon, div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-edit a.edit-icon, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-edit a.edit-icon, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-edit a.edit-icon, div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-edit a.edit-icon, div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-edit a.edit-icon, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-edit a.edit-icon, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-edit a.edit-icon, div.paginator div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-edit a.edit-icon { + color: #555; + text-decoration: none; } + div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body, div.answer-block div.question-container div.comments-container div.comments-content div.comment div.comment-body, div.paginator div.question-container div.comments-container div.comments-content div.comment div.comment-body, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body, div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body, div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body, div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body, div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body { + display: inline-block; + width: 95%; } + div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body#full-width, div.answer-block div.question-container div.comments-container div.comments-content div.comment div.comment-body#full-width, div.paginator div.question-container div.comments-container div.comments-content div.comment div.comment-body#full-width, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body#full-width, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body#full-width, div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body#full-width, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body#full-width, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body#full-width, div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body#full-width, div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body#full-width, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body#full-width, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body#full-width, div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body#full-width { + width: 100%; } + div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta, div.answer-block div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta, div.paginator div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta, div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta, div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta, div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta, div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta { + text-align: right; } + div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.author, div.answer-block div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.author, div.paginator div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.author, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.author, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.author, div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.author, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.author, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.author, div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.author, div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.author, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.author, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.author, div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.author { + font-weight: bold; } + div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit { + font-size: 12px; + padding: 2px 10px; } + div.question-header div.question-container div.comments-container #edit-comment-form, div.answer-block div.question-container div.comments-container #edit-comment-form, div.paginator div.question-container div.comments-container #edit-comment-form, div.question-header div.answer-block div.answer-container div.comments-container #edit-comment-form, div.answer-block div.question-header div.answer-container div.comments-container #edit-comment-form, div.answer-block div.answer-container div.comments-container #edit-comment-form, div.paginator div.answer-block div.answer-container div.comments-container #edit-comment-form, div.answer-block div.paginator div.answer-container div.comments-container #edit-comment-form, div.question-header div.paginator div.answer-container div.comments-container #edit-comment-form, div.paginator div.question-header div.answer-container div.comments-container #edit-comment-form, div.answer-block div.paginator div.answer-container div.comments-container #edit-comment-form, div.paginator div.answer-block div.answer-container div.comments-container #edit-comment-form, div.paginator div.answer-container div.comments-container #edit-comment-form { + margin: 10px 0; + min-height: 100px; + width: 99%; + resize: vertical; } + div.question-header div.question-container div.comments-container .counter, div.answer-block div.question-container div.comments-container .counter, div.paginator div.question-container div.comments-container .counter, div.question-header div.answer-block div.answer-container div.comments-container .counter, div.answer-block div.question-header div.answer-container div.comments-container .counter, div.answer-block div.answer-container div.comments-container .counter, div.paginator div.answer-block div.answer-container div.comments-container .counter, div.answer-block div.paginator div.answer-container div.comments-container .counter, div.question-header div.paginator div.answer-container div.comments-container .counter, div.paginator div.question-header div.answer-container div.comments-container .counter, div.answer-block div.paginator div.answer-container div.comments-container .counter, div.paginator div.answer-block div.answer-container div.comments-container .counter, div.paginator div.answer-container div.comments-container .counter { + color: #888; + display: none; + float: right; + margin-top: 5px; + text-align: right; } + div.question-header div.question-container div.comments-container div.controls, div.answer-block div.question-container div.comments-container div.controls, div.paginator div.question-container div.comments-container div.controls, div.question-header div.answer-block div.answer-container div.comments-container div.controls, div.answer-block div.question-header div.answer-container div.comments-container div.controls, div.answer-block div.answer-container div.comments-container div.controls, div.paginator div.answer-block div.answer-container div.comments-container div.controls, div.answer-block div.paginator div.answer-container div.comments-container div.controls, div.question-header div.paginator div.answer-container div.comments-container div.controls, div.paginator div.question-header div.answer-container div.comments-container div.controls, div.answer-block div.paginator div.answer-container div.comments-container div.controls, div.paginator div.answer-block div.answer-container div.comments-container div.controls, div.paginator div.answer-container div.comments-container div.controls { + border-top: 1px solid #efefef; + text-align: right; } + div.question-header div.question-container div.comments-container div.controls a, div.answer-block div.question-container div.comments-container div.controls a, div.paginator div.question-container div.comments-container div.controls a, div.question-header div.answer-block div.answer-container div.comments-container div.controls a, div.answer-block div.question-header div.answer-container div.comments-container div.controls a, div.answer-block div.answer-container div.comments-container div.controls a, div.paginator div.answer-block div.answer-container div.comments-container div.controls a, div.answer-block div.paginator div.answer-container div.comments-container div.controls a, div.question-header div.paginator div.answer-container div.comments-container div.controls a, div.paginator div.question-header div.answer-container div.comments-container div.controls a, div.answer-block div.paginator div.answer-container div.comments-container div.controls a, div.paginator div.answer-block div.answer-container div.comments-container div.controls a, div.paginator div.answer-container div.comments-container div.controls a { + display: inline-block; + font-size: 12px; + margin: 10px 10px 10px 0; } + +div.question-status { + background: #993333; + clear: both; + color: #fff; + display: block; + padding: 10px 0 10px 7.5%; } + div.question-status h3, div.question-status div#wiki_panel input[type="button"], div#wiki_panel div.question-status input[type="button"] { + font-weight: normal; } + div.question-status a { + color: #eee; } + +div.share-question { + padding: 10px 0 10px 7.5%; } + div.share-question p { + padding: 0; + margin: 0; } + +div.answer-controls { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + display: inline-block; + margin: 0 0 15px; + padding-left: 7.328%; + width: 100%; } + div.answer-controls div.answer-count { + display: inline-block; + float: left; } + div.answer-controls div.answer-sort { + float: right; + margin-left: 2.024%; } + div.answer-controls div.answer-sort nav { + float: right; + margin-top: 34px; } + div.answer-controls div.answer-sort nav a.on span { + font-weight: bold; } + div.answer-controls div.answer-sort nav a:before { + content: '|'; + color: #ccc; + font-size: 16px; } + +div.answer-block, div.paginator { + border-top: #ddd 1px solid; + display: inline-block; + float: left; + padding-top: 20px; + width: 100%; } + div.answer-block div.official-stamp, div.paginator div.official-stamp { + background: #993333; + color: #fff; + font-size: 12px; + margin-top: 10px; + padding: 2px 5px; + text-align: center; + margin-left: -1px; } + div.answer-block img.answer-img-accept, div.paginator img.answer-img-accept { + margin: 10px 0px 10px 16px; } + div.answer-block div.answered-by-owner p, div.paginator div.answered-by-owner p { + font-style: italic; + color: #656565; } + div.answer-block div.answered-by-owner div.comments-container, div.paginator div.answered-by-owner div.comments-container { + color: #555; } + div.answer-block div.accepted-answer p, div.paginator div.accepted-answer p { + color: #000; } + div.answer-block div.deleted p, div.paginator div.deleted p { + color: #993333; } + div.answer-block img.answer-img-accept, div.paginator img.answer-img-accept { + opacity: 0.7; } + +div.paginator { + text-align: center; + padding: 20px 0; } + div.paginator span { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + background: #eee; + margin: 0 5px; + padding: 4px 10px; } + div.paginator span.curr { + background: none; + color: #993333; + font-weight: bold; } + div.paginator span a { + color: #555; + text-decoration: none; } + +div.answer-own { + border-top: 1px solid #eee; + overflow: hidden; + padding-left: 8.178%; + padding-top: 10px; } + +div.answer-actions { + margin: 0; + padding: 8px 8px 8px 0; + text-align: right; + border-top: 1px solid #efefef; } + div.answer-actions span.sep { + color: #EDDFAA; } + div.answer-actions a { + cursor: pointer; + text-decoration: none; } + +form.answer-form, form.question-form { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + border-top: 1px solid #ddd; + overflow: hidden; + padding-left: 7.328%; } + form.answer-form textarea, form.question-form textarea { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + margin-top: 15px; + resize: vertical; + width: 99%; } + form.answer-form div.form-item, form.question-form div.form-item { + margin: 15px 0; } + form.answer-form div.form-item label, form.question-form div.form-item label { + display: block; + margin-bottom: -5px; } + form.answer-form div.form-item .title-desc, form.question-form div.form-item .title-desc { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + background: #333; + color: #fff; + display: none; + font-size: 13px; + padding: 7px 14px; + -webkit-font-smoothing: antialiased; } + form.answer-form div.form-item:hover .title-desc, form.question-form div.form-item:hover .title-desc { + display: inline-block; + position: absolute; + margin-left: 10px; + z-index: 1; + width: 200px; } + form.answer-form div.form-item:hover .title-desc:before, form.question-form div.form-item:hover .title-desc:before { + border-color: transparent #333 transparent transparent; + border-style: solid; + border-width: 12px 12px 12px 0; + content: ""; + height: 0; + left: -10px; + position: absolute; + top: 1; + width: 0; } + form.answer-form span.form-error, form.question-form span.form-error, form.answer-form label.form-error, form.question-form label.form-error { + color: #990000; + display: inline-block; + font-size: 90%; + font-weight: bold; + padding: 10px 0; } + form.answer-form div.preview-toggle, form.question-form div.preview-toggle { + padding: 15px 0; + width: auto; } + form.answer-form .wmd-preview, form.question-form .wmd-preview { + margin: 3px 0 15px 0; + padding: 10px; + background-color: #F5F5F5; + min-height: 20px; + overflow: auto; + font-size: 13px; + font-family: Arial; } + form.answer-form .wmd-preview p, form.question-form .wmd-preview p { + margin-bottom: 14px; + line-height: 1.4; + font-size: 14px; } + form.answer-form .wmd-preview blockquote, form.question-form .wmd-preview blockquote { + margin-left: 2.5%; + padding-left: 1.5%; + border-left: 1px dashed #ddd; + color: #993333; } + form.answer-form .wmd-preview ul, form.question-form .wmd-preview ul, form.answer-form .wmd-preview ol, form.question-form .wmd-preview ol, form.answer-form .wmd-preview pre, form.question-form .wmd-preview pre { + margin-left: 3%; + margin-bottom: 20px; } + form.answer-form .wmd-preview pre, form.question-form .wmd-preview pre { + background-color: #eee; } + form.answer-form .wmd-preview blockquote, form.question-form .wmd-preview blockquote { + background-color: #eee; } + +input.after-editor { + margin-bottom: 20px; + margin-right: 10px; } + +form.question-form { + border: none; + padding: 15px 0 0 0; } + form.question-form input[type="text"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + width: 48.988%; } + form.question-form input[type="checkbox"] { + margin-top: 10px; } + form.question-form div#question-list { + background-color: rgba(255, 255, 255, 0.95); + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + margin-top: -15px; + max-width: 505px; + min-width: 300px; + overflow: hidden; + padding-left: 5px; + position: absolute; + width: 35%; + z-index: 9999; } + form.question-form div#question-list h2 { + text-transform: none; + padding: 8px 0; + border-bottom: 1px solid #eee; + margin: 0; } + form.question-form div#question-list h2 span { + background: #eee; + color: #555; + padding: 2px 5px; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + -ms-border-radius: 2px; + -o-border-radius: 2px; + border-radius: 2px; + margin-right: 5px; } + +#wmd-button-bar { + border: 1px solid #ddd; + height: 36px; + float: left; + width: 99%; } + +#wmd-input { + height: 500px; + background-color: Gainsboro; + border: 1px solid DarkGray; + margin-top: -20px; } + +#wmd-preview { + background-color: LightSkyBlue; } + +#wmd-output { + background-color: Pink; } + +#wmd-button-row { + position: relative; + margin-left: 5px; + margin-right: 5px; + margin-bottom: 0px; + margin-top: 10px; + padding: 0px; + height: 20px; } + +.wmd-spacer { + width: 1px; + height: 20px; + margin-left: 14px; + position: absolute; + background-color: Silver; + display: inline-block; + list-style: none; } + +.wmd-button { + width: 20px; + height: 20px; + margin-left: 5px; + margin-right: 5px; + position: absolute; + background-image: url(/static/images/askbot/wmd-buttons.png); + background-repeat: no-repeat; + background-position: 0px 0px; + display: inline-block; + list-style: none; } + +.wmd-button > a { + width: 20px; + height: 20px; + margin-left: 5px; + margin-right: 5px; + position: absolute; + display: inline-block; } + +/* sprite button slicing style information */ +#wmd-bold-button { + left: 0px; + background-position: 0px 0; } + +#wmd-italic-button { + left: 25px; + background-position: -20px 0; } + +#wmd-spacer1 { + left: 50px; } + +#wmd-link-button { + left: 75px; + background-position: -40px 0; } + +#wmd-quote-button { + left: 100px; + background-position: -60px 0; } + +#wmd-code-button { + left: 125px; + background-position: -80px 0; } + +#wmd-image-button { + left: 150px; + background-position: -100px 0; } + +#wmd-attachment-button { + left: 175px; + background-position: -120px 0; } + +#wmd-spacer2 { + left: 200px; } + +#wmd-olist-button { + left: 225px; + background-position: -140px 0; } + +#wmd-ulist-button { + left: 250px; + background-position: -160px 0; } + +#wmd-heading-button { + left: 275px; + background-position: -180px 0; } + +#wmd-hr-button { + left: 300px; + background-position: -200px 0; } + +#wmd-spacer3 { + left: 325px; } + +#wmd-undo-button { + left: 350px; + background-position: -220px 0; } + +#wmd-redo-button { + left: 375px; + background-position: -240px 0; } + +#wmd-help-button { + right: 0px; + background-position: -260px 0; } + +.wmd-prompt-background { + background-color: Black; } + +.wmd-prompt-dialog { + border: 1px solid #999999; + background-color: #F5F5F5; } + +.wmd-prompt-dialog > div { + font-size: 1em; + font-family: arial, helvetica, sans-serif; } + +.wmd-prompt-dialog > form > input[type="text"] { + border: 1px solid #999999; + color: black; } + +.wmd-prompt-dialog > form > input[type="button"] { + border: 1px solid #888888; + font-family: trebuchet MS, helvetica, sans-serif; + font-size: 1em; + font-weight: bold; } + +.vote-notification { + background-color: #7e2a2a; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: 0px 2px 9px #aaaaaa; + -moz-box-shadow: 0px 2px 9px #aaaaaa; + -ms-box-shadow: 0px 2px 9px #aaaaaa; + -o-box-shadow: 0px 2px 9px #aaaaaa; + box-shadow: 0px 2px 9px #aaaaaa; + color: white; + cursor: pointer; + display: none; + font-size: 14px; + font-weight: normal; + padding-bottom: 10px; + position: absolute; + text-align: center; + z-index: 1; } + .vote-notification h3, .vote-notification div#wiki_panel input[type="button"], div#wiki_panel .vote-notification input[type="button"] { + background: #993333; + padding: 10px 10px 10px 10px; + font-size: 13px; + margin-bottom: 5px; + border-bottom: #5b0000 1px solid; + -webkit-box-shadow: 0 1px 0 #bf4040; + -moz-box-shadow: 0 1px 0 #bf4040; + -ms-box-shadow: 0 1px 0 #bf4040; + -o-box-shadow: 0 1px 0 #bf4040; + box-shadow: 0 1px 0 #bf4040; + color: #fff; + font-weight: normal; + -webkit-border-radius: 4px 4px 0 0; + -moz-border-radius: 4px 4px 0 0; + -ms-border-radius: 4px 4px 0 0; + -o-border-radius: 4px 4px 0 0; + border-radius: 4px 4px 0 0; } + .vote-notification a { + color: #fb7321; + text-decoration: underline; + font-weight: bold; } + +body.user-profile-page section.questions h1 { + margin: 0; } +body.user-profile-page ul.sub-info { + margin-top: 22.652px; + list-style: none; } + body.user-profile-page ul.sub-info > li { + display: table-cell; + padding: 1.359%; + border-right: 1px dashed #efefef; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; } + body.user-profile-page ul.sub-info > li:first-child { + padding-left: 0; } + body.user-profile-page ul.sub-info > li:last-child { + border-right: 0; + padding-right: 0; } + body.user-profile-page ul.sub-info > li.votes-badges { + width: 20.109%; } + body.user-profile-page ul.sub-info > li.votes-badges p { + margin-top: 15px; } + body.user-profile-page ul.sub-info > li.answer-list { + width: 42.935%; } + body.user-profile-page ul.sub-info > li.tags-list { + width: 31.522%; } + body.user-profile-page ul.sub-info > li h2 { + margin-bottom: 30px; + margin-top: 0; } + body.user-profile-page ul.sub-info > li span.tag-number { + display: none; } + body.user-profile-page ul.sub-info ul { + list-style: none; } + body.user-profile-page ul.sub-info ul.user-stats-table { + list-style: none; } + body.user-profile-page ul.sub-info ul.user-stats-table li { + padding: 10px 0 15px; + border-top: 1px solid #eee; } + body.user-profile-page ul.sub-info ul.vote-buttons { + list-style: none; + margin-bottom: 30px; } + body.user-profile-page ul.sub-info ul.vote-buttons li { + background-color: #f9f4e1; + background-position: 10px center; + background-repeat: no-repeat; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + display: inline-block; + height: 20px; + padding: 10px 10px 10px 40px; } + body.user-profile-page ul.sub-info ul.vote-buttons li.up { + background-color: #d1e3a8; + background-image: url(/static/images/askbot/vote-arrow-up-activate.png); + margin-right: 6px; } + body.user-profile-page ul.sub-info ul.vote-buttons li.up span.vote-count { + color: #3f6c3e; } + body.user-profile-page ul.sub-info ul.vote-buttons li.down { + background-image: url(/static/images/askbot/vote-arrow-down-activate.png); + background-color: #eac6ad; } + body.user-profile-page ul.sub-info ul.vote-buttons li.down span.vote-count { + color: #993333; } + body.user-profile-page ul.sub-info ul.badges { + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; } + body.user-profile-page ul.sub-info ul.badges a { + background-color: #e3e3e3; + border: 0; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + color: #292309; + display: block; + font-size: 12px; + padding: 10px; + margin-bottom: 10px; + text-shadow: 0 1px 0 #fff; + text-transform: uppercase; + text-decoration: none; } + body.user-profile-page ul.sub-info ul.badges a:hover { + background-color: #cdcdcd; } + +div.badges-intro, div.badge-intro { + margin: 20px 0; } + +div.badge-intro .badge1, div.badge-intro .badge2, div.badge-intro .badge3 { + font-size: 20px; } + +div#award-list li.username { + font-size: 20px; + margin-bottom: 8px; } + +ul.badge-list li.badge { + border-bottom: 1px solid #eee; + list-style: none; + padding: 10px 0; } + ul.badge-list li.badge:last-child { + border-bottom: 0; } + ul.badge-list li.badge div.check { + float: right; + min-width: 8.696%; + text-align: right; } + ul.badge-list li.badge div.check span { + font-size: 19px; + padding-right: 5px; + color: green; } + ul.badge-list li.badge div.badge-name { + float: left; + width: 31.522%; } + ul.badge-list li.badge div.badge-name span { + font-size: 20px; } + ul.badge-list li.badge p { + margin: 0; + float: left; } + +.gold, .badge1 { + color: #ffcc00; } + +.silver, .badge2 { + color: #cccccc; } + +.bronze, .badge3 { + color: #cc9933; } + +div.badge-desc > div { + margin-bottom: 20px; } + div.badge-desc > div span { + font-size: 18px; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + -o-border-radius: 10px; + border-radius: 10px; } diff --git a/static/css/images/css/.xcf b/static/css/images/css/.xcf new file mode 100644 index 0000000000..ea823a0fe1 Binary files /dev/null and b/static/css/images/css/.xcf differ diff --git a/static/css/images/css/bottomWrapper-bg.jpg b/static/css/images/css/bottomWrapper-bg.jpg new file mode 100644 index 0000000000..7e56627dac Binary files /dev/null and b/static/css/images/css/bottomWrapper-bg.jpg differ diff --git a/static/css/images/css/footerWrapper-bg.jpg b/static/css/images/css/footerWrapper-bg.jpg new file mode 100644 index 0000000000..93eba982bf Binary files /dev/null and b/static/css/images/css/footerWrapper-bg.jpg differ diff --git a/static/css/images/css/hat.jpg b/static/css/images/css/hat.jpg new file mode 100644 index 0000000000..d2b008fcfb Binary files /dev/null and b/static/css/images/css/hat.jpg differ diff --git a/static/css/images/css/hmenu-sel.jpg b/static/css/images/css/hmenu-sel.jpg new file mode 100644 index 0000000000..d4a0d40ed1 Binary files /dev/null and b/static/css/images/css/hmenu-sel.jpg differ diff --git a/static/css/images/css/hmenu.jpg b/static/css/images/css/hmenu.jpg new file mode 100644 index 0000000000..d0ae8683fc Binary files /dev/null and b/static/css/images/css/hmenu.jpg differ diff --git a/static/css/images/css/page-bg.jpg b/static/css/images/css/page-bg.jpg new file mode 100644 index 0000000000..210c04d5a8 Binary files /dev/null and b/static/css/images/css/page-bg.jpg differ diff --git a/static/css/images/css/page-vbg.jpg b/static/css/images/css/page-vbg.jpg new file mode 100644 index 0000000000..93eba982bf Binary files /dev/null and b/static/css/images/css/page-vbg.jpg differ diff --git a/static/css/images/css/topBanner-old.xcf b/static/css/images/css/topBanner-old.xcf new file mode 100644 index 0000000000..32e7472411 Binary files /dev/null and b/static/css/images/css/topBanner-old.xcf differ diff --git a/static/css/images/css/topBanner.jpg b/static/css/images/css/topBanner.jpg new file mode 100644 index 0000000000..b6aa405872 Binary files /dev/null and b/static/css/images/css/topBanner.jpg differ diff --git a/static/css/images/css/topBanner.png b/static/css/images/css/topBanner.png new file mode 100644 index 0000000000..9524f80837 Binary files /dev/null and b/static/css/images/css/topBanner.png differ diff --git a/static/css/images/css/topBanner.xcf b/static/css/images/css/topBanner.xcf new file mode 100644 index 0000000000..e107747de7 Binary files /dev/null and b/static/css/images/css/topBanner.xcf differ diff --git a/static/css/images/css/topWrapper-bg.jpg b/static/css/images/css/topWrapper-bg.jpg new file mode 100644 index 0000000000..7a86a1c1c4 Binary files /dev/null and b/static/css/images/css/topWrapper-bg.jpg differ diff --git a/static/css/images/ui-bg_flat_0_aaaaaa_40x100.png b/static/css/images/ui-bg_flat_0_aaaaaa_40x100.png new file mode 100644 index 0000000000..5b5dab2ab7 Binary files /dev/null and b/static/css/images/ui-bg_flat_0_aaaaaa_40x100.png differ diff --git a/static/css/images/ui-bg_flat_0_eeeeee_40x100.png b/static/css/images/ui-bg_flat_0_eeeeee_40x100.png new file mode 100644 index 0000000000..e44f861be1 Binary files /dev/null and b/static/css/images/ui-bg_flat_0_eeeeee_40x100.png differ diff --git a/static/css/images/ui-bg_flat_55_ffffff_40x100.png b/static/css/images/ui-bg_flat_55_ffffff_40x100.png new file mode 100644 index 0000000000..ac8b229af9 Binary files /dev/null and b/static/css/images/ui-bg_flat_55_ffffff_40x100.png differ diff --git a/static/css/images/ui-bg_flat_75_ffffff_40x100.png b/static/css/images/ui-bg_flat_75_ffffff_40x100.png new file mode 100644 index 0000000000..ac8b229af9 Binary files /dev/null and b/static/css/images/ui-bg_flat_75_ffffff_40x100.png differ diff --git a/static/css/images/ui-bg_glass_65_023063_1x400.png b/static/css/images/ui-bg_glass_65_023063_1x400.png new file mode 100644 index 0000000000..644a1f78e3 Binary files /dev/null and b/static/css/images/ui-bg_glass_65_023063_1x400.png differ diff --git a/static/css/images/ui-bg_glass_65_ffffff_1x400.png b/static/css/images/ui-bg_glass_65_ffffff_1x400.png new file mode 100644 index 0000000000..42ccba269b Binary files /dev/null and b/static/css/images/ui-bg_glass_65_ffffff_1x400.png differ diff --git a/static/css/images/ui-bg_highlight-soft_100_7fbcdf_1x100.png b/static/css/images/ui-bg_highlight-soft_100_7fbcdf_1x100.png new file mode 100644 index 0000000000..6c372415be Binary files /dev/null and b/static/css/images/ui-bg_highlight-soft_100_7fbcdf_1x100.png differ diff --git a/static/css/images/ui-bg_highlight-soft_100_bddeff_1x100.png b/static/css/images/ui-bg_highlight-soft_100_bddeff_1x100.png new file mode 100644 index 0000000000..2f6196c9b3 Binary files /dev/null and b/static/css/images/ui-bg_highlight-soft_100_bddeff_1x100.png differ diff --git a/static/css/images/ui-bg_highlight-soft_100_f6f6f6_1x100.png b/static/css/images/ui-bg_highlight-soft_100_f6f6f6_1x100.png new file mode 100644 index 0000000000..5dcfaa9a01 Binary files /dev/null and b/static/css/images/ui-bg_highlight-soft_100_f6f6f6_1x100.png differ diff --git a/static/css/images/ui-bg_highlight-soft_25_7fbcdf_1x100.png b/static/css/images/ui-bg_highlight-soft_25_7fbcdf_1x100.png new file mode 100644 index 0000000000..994b7557c4 Binary files /dev/null and b/static/css/images/ui-bg_highlight-soft_25_7fbcdf_1x100.png differ diff --git a/static/css/images/ui-bg_highlight-soft_25_bddeff_1x100.png b/static/css/images/ui-bg_highlight-soft_25_bddeff_1x100.png new file mode 100644 index 0000000000..77f2cf7bc2 Binary files /dev/null and b/static/css/images/ui-bg_highlight-soft_25_bddeff_1x100.png differ diff --git a/static/css/images/ui-bg_highlight-soft_50_7fbcfd_1x100.png b/static/css/images/ui-bg_highlight-soft_50_7fbcfd_1x100.png new file mode 100644 index 0000000000..6f70ca4003 Binary files /dev/null and b/static/css/images/ui-bg_highlight-soft_50_7fbcfd_1x100.png differ diff --git a/static/css/images/ui-icons_031634_256x240.png b/static/css/images/ui-icons_031634_256x240.png new file mode 100644 index 0000000000..09c70d6470 Binary files /dev/null and b/static/css/images/ui-icons_031634_256x240.png differ diff --git a/static/css/images/ui-icons_454545_256x240.png b/static/css/images/ui-icons_454545_256x240.png new file mode 100644 index 0000000000..59bd45b907 Binary files /dev/null and b/static/css/images/ui-icons_454545_256x240.png differ diff --git a/static/css/images/ui-icons_adcc80_256x240.png b/static/css/images/ui-icons_adcc80_256x240.png new file mode 100644 index 0000000000..370191a5ea Binary files /dev/null and b/static/css/images/ui-icons_adcc80_256x240.png differ diff --git a/static/css/images/ui-icons_fa720a_256x240.png b/static/css/images/ui-icons_fa720a_256x240.png new file mode 100644 index 0000000000..b70cbd1ab7 Binary files /dev/null and b/static/css/images/ui-icons_fa720a_256x240.png differ diff --git a/static/css/images/ui-icons_ffffff_256x240.png b/static/css/images/ui-icons_ffffff_256x240.png new file mode 100644 index 0000000000..42f8f992c7 Binary files /dev/null and b/static/css/images/ui-icons_ffffff_256x240.png differ diff --git a/static/css/jquery-ui-1.8.16.custom.css b/static/css/jquery-ui-1.8.16.custom.css new file mode 100644 index 0000000000..d03e1ca7a2 --- /dev/null +++ b/static/css/jquery-ui-1.8.16.custom.css @@ -0,0 +1,568 @@ +/* + * 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: #ffffff 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: #ffffff 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: #ffffff 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; top: 1px; 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: -.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: -.3em; margin-left: -.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: -.3em; margin-left: 0; margin-bottom: -.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%; } \ No newline at end of file diff --git a/static/css/marketing-ie.css b/static/css/marketing-ie.css new file mode 100644 index 0000000000..ef8764294a --- /dev/null +++ b/static/css/marketing-ie.css @@ -0,0 +1,13 @@ +body { + margin: 0; + padding: 0; } + +.wrapper, .subpage, section.copyright, section.tos, section.privacy-policy, section.honor-code, header.announcement div, section.index-content, footer { + margin: 0; + overflow: hidden; } + +div#enroll p.ie-warning { + display: block !important; + line-height: 1.3em; } +div#enroll form { + display: none; } diff --git a/static/css/marketing.css b/static/css/marketing.css new file mode 100644 index 0000000000..a4d8136642 --- /dev/null +++ b/static/css/marketing.css @@ -0,0 +1,982 @@ +/* +html5doctor.com Reset Stylesheet +v1.6.1 +Last Updated: 2010-09-17 +Author: Richard Clark - http://richclarkdesign.com +Twitter: @rich_clark +*/ +html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + outline: 0; + font-size: 100%; + vertical-align: baseline; + background: transparent; } + +body { + line-height: 1; } + +article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { + display: block; } + +nav ul { + list-style: none; } + +blockquote, q { + quotes: none; } + +blockquote:before, blockquote:after, q:before, q:after { + content: ''; + content: none; } + +a { + margin: 0; + padding: 0; + font-size: 100%; + vertical-align: baseline; + background: transparent; } + +/* change colours to suit your needs */ +ins { + background-color: #ff9; + color: #000; + text-decoration: none; } + +/* change colours to suit your needs */ +mark { + background-color: #ff9; + color: #000; + font-style: italic; + font-weight: bold; } + +del { + text-decoration: line-through; } + +abbr[title], dfn[title] { + border-bottom: 1px dotted; + cursor: help; } + +table { + border-collapse: collapse; + border-spacing: 0; } + +/* change border colour to suit your needs */ +hr { + display: block; + height: 1px; + border: 0; + border-top: 1px solid #cccccc; + margin: 1em 0; + padding: 0; } + +input, select { + vertical-align: middle; } + +/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 25, 2012 05:06:34 PM America/New_York */ +@font-face { + font-family: 'Open Sans'; + src: url("/static/fonts/OpenSans-Regular-webfont.eot"); + src: url("/static/fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("/static/fonts/OpenSans-Regular-webfont.woff") format("woff"), url("/static/fonts/OpenSans-Regular-webfont.ttf") format("truetype"), url("/static/fonts/OpenSans-Regular-webfont.svg#OpenSansRegular") format("svg"); + font-weight: 600; + font-style: normal; } + +@font-face { + font-family: 'Open Sans'; + src: url("/static/fonts/OpenSans-Italic-webfont.eot"); + src: url("/static/fonts/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("/static/fonts/OpenSans-Italic-webfont.woff") format("woff"), url("/static/fonts/OpenSans-Italic-webfont.ttf") format("truetype"), url("/static/fonts/OpenSans-Italic-webfont.svg#OpenSansItalic") format("svg"); + font-weight: 400; + font-style: italic; } + +@font-face { + font-family: 'Open Sans'; + src: url("/static/fonts/OpenSans-Bold-webfont.eot"); + src: url("/static/fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("/static/fonts/OpenSans-Bold-webfont.woff") format("woff"), url("/static/fonts/OpenSans-Bold-webfont.ttf") format("truetype"), url("/static/fonts/OpenSans-Bold-webfont.svg#OpenSansBold") format("svg"); + font-weight: 700; + font-style: normal; } + +@font-face { + font-family: 'Open Sans'; + src: url("/static/fonts/OpenSans-BoldItalic-webfont.eot"); + src: url("/static/fonts/OpenSans-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/static/fonts/OpenSans-BoldItalic-webfont.woff") format("woff"), url("/static/fonts/OpenSans-BoldItalic-webfont.ttf") format("truetype"), url("/static/fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic") format("svg"); + font-weight: 700; + font-style: italic; } + +@font-face { + font-family: 'Open Sans'; + src: url("/static/fonts/OpenSans-ExtraBold-webfont.eot"); + src: url("/static/fonts/OpenSans-ExtraBold-webfont.eot?#iefix") format("embedded-opentype"), url("/static/fonts/OpenSans-ExtraBold-webfont.woff") format("woff"), url("/static/fonts/OpenSans-ExtraBold-webfont.ttf") format("truetype"), url("/static/fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold") format("svg"); + font-weight: 800; + font-style: normal; } + +@font-face { + font-family: 'Open Sans'; + src: url("/static/fonts/OpenSans-ExtraBoldItalic-webfont.eot"); + src: url("/static/fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/static/fonts/OpenSans-ExtraBoldItalic-webfont.woff") format("woff"), url("/static/fonts/OpenSans-ExtraBoldItalic-webfont.ttf") format("truetype"), url("/static/fonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic") format("svg"); + font-weight: 800; + font-style: italic; } + +.wrapper, .subpage, section.copyright, section.tos, section.privacy-policy, section.honor-code, header.announcement div, footer, section.index-content { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + margin: 0 auto; + max-width: 1400px; + padding: 25.888px; + width: 100%; } + +.subpage > div, section.copyright > div, section.tos > div, section.privacy-policy > div, section.honor-code > div { + padding-left: 34.171%; } +@media screen and (max-width: 940px) { + .subpage > div, section.copyright > div, section.tos > div, section.privacy-policy > div, section.honor-code > div { + padding-left: 0; } } +.subpage > div p, section.copyright > div p, section.tos > div p, section.privacy-policy > div p, section.honor-code > div p { + margin-bottom: 25.888px; + line-height: 25.888px; } +.subpage > div h1, section.copyright > div h1, section.tos > div h1, section.privacy-policy > div h1, section.honor-code > div h1 { + margin-bottom: 12.944px; } +.subpage > div h2, section.copyright > div h2, section.tos > div h2, section.privacy-policy > div h2, section.honor-code > div h2 { + font: 18px "Open Sans", Helvetica, Arial, sans-serif; + color: #000; + margin-bottom: 12.944px; } +.subpage > div ul, section.copyright > div ul, section.tos > div ul, section.privacy-policy > div ul, section.honor-code > div ul { + list-style: disc outside none; } +.subpage > div ul li, section.copyright > div ul li, section.tos > div ul li, section.privacy-policy > div ul li, section.honor-code > div ul li { + list-style: disc outside none; + line-height: 25.888px; } +.subpage > div dl, section.copyright > div dl, section.tos > div dl, section.privacy-policy > div dl, section.honor-code > div dl { + margin-bottom: 25.888px; } +.subpage > div dl dd, section.copyright > div dl dd, section.tos > div dl dd, section.privacy-policy > div dl dd, section.honor-code > div dl dd { + margin-bottom: 12.944px; } + +.clearfix:after, .subpage:after, section.copyright:after, section.tos:after, section.privacy-policy:after, section.honor-code:after, header.announcement div section:after, footer:after, section.index-content:after, section.index-content section:after, section.index-content section.about section:after, div.leanModal_box#enroll ol:after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; } + +.button, header.announcement div section.course section a, section.index-content section.course a, section.index-content section.staff a, section.index-content section.about-course section.cta a.enroll { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + -webkit-transition-property: 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: #993333; + border: 1px solid #732626; + color: #fff; + margin: 25.888px 0 12.944px; + padding: 6.472px 12.944px; + text-decoration: none; + font-style: normal; + -webkit-box-shadow: inset 0 1px 0 #b83d3d; + -moz-box-shadow: inset 0 1px 0 #b83d3d; + -ms-box-shadow: inset 0 1px 0 #b83d3d; + -o-box-shadow: inset 0 1px 0 #b83d3d; + box-shadow: inset 0 1px 0 #b83d3d; + -webkit-font-smoothing: antialiased; } +.button:hover, header.announcement div section.course section a:hover, section.index-content section.course a:hover, section.index-content section.staff a:hover, section.index-content section.about-course section.cta a.enroll:hover { + background-color: #732626; + border-color: #4d1919; } +.button span, header.announcement div section.course section a span, section.index-content section.course a span, section.index-content section.staff a span, section.index-content section.about-course section.cta a.enroll span { + font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif; + font-style: italic; } + +p.ie-warning { + display: block !important; + line-height: 1.3em; + background: yellow; + margin-bottom: 25.888px; + padding: 25.888px; } + +body { + background-color: #fff; + color: #444; + font: 16px Georgia, serif; } +body :focus { + outline-color: #ccc; } +body h1 { + font: 800 24px "Open Sans", Helvetica, Arial, sans-serif; } +body li { + margin-bottom: 25.888px; } +body em { + font-style: italic; } +body a { + color: #993333; + font-style: italic; + text-decoration: none; } +body a:hover, body a:focus { + color: #732626; } +body input[type="email"], body input[type="number"], body input[type="password"], body input[type="search"], body input[type="tel"], body input[type="text"], body input[type="url"], body input[type="color"], body input[type="date"], body input[type="datetime"], body input[type="datetime-local"], body input[type="month"], body input[type="time"], body input[type="week"], body textarea { + -webkit-box-shadow: 0 -1px 0 white; + -moz-box-shadow: 0 -1px 0 white; + -ms-box-shadow: 0 -1px 0 white; + -o-box-shadow: 0 -1px 0 white; + box-shadow: 0 -1px 0 white; + background-color: #eeeeee; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, white)); + background-image: -webkit-linear-gradient(top, #eeeeee, white); + background-image: -moz-linear-gradient(top, #eeeeee, white); + background-image: -ms-linear-gradient(top, #eeeeee, white); + background-image: -o-linear-gradient(top, #eeeeee, white); + background-image: linear-gradient(top, #eeeeee, white); + border: 1px solid #999; + font: 16px Georgia, serif; + padding: 4px; + width: 100%; } +body input[type="email"]:focus, body input[type="number"]:focus, body input[type="password"]:focus, body input[type="search"]:focus, body input[type="tel"]:focus, body input[type="text"]:focus, body input[type="url"]:focus, body input[type="color"]:focus, body input[type="date"]:focus, body input[type="datetime"]:focus, body input[type="datetime-local"]:focus, body input[type="month"]:focus, body input[type="time"]:focus, body input[type="week"]:focus, body textarea:focus { + border-color: #993333; } + +header.announcement { + -webkit-background-size: cover; + -moz-background-size: cover; + -ms-background-size: cover; + -o-background-size: cover; + background-size: cover; + background: #333; + border-bottom: 1px solid #000; + color: #fff; + -webkit-font-smoothing: antialiased; } +header.announcement.home { + background: #e3e3e3 url("/static/images/marketing/shot-5-medium.jpg"); } +@media screen and (min-width: 1200px) { + header.announcement.home { + background: #e3e3e3 url("/static/images/marketing/shot-5-large.jpg"); } } +header.announcement.home div { + padding: 258.88px 25.888px 77.664px; } +@media screen and (max-width:780px) { + header.announcement.home div { + padding: 64.72px 25.888px 51.776px; } } +header.announcement.home div nav h1 { + margin-right: 0; } +header.announcement.home div nav a.login { + display: none; } +header.announcement.course { + background: #e3e3e3 url("/static/images/marketing/course-bg-small.jpg"); } +@media screen and (min-width: 1200px) { + header.announcement.course { + background: #e3e3e3 url("/static/images/marketing/course-bg-large.jpg"); } } +@media screen and (max-width: 1199px) and (min-width: 700px) { + header.announcement.course { + background: #e3e3e3 url("/static/images/marketing/course-bg-medium.jpg"); } } +header.announcement.course div { + padding: 103.552px 25.888px 51.776px; } +@media screen and (max-width:780px) { + header.announcement.course div { + padding: 64.72px 25.888px 51.776px; } } +header.announcement div { + position: relative; } +header.announcement div nav { + position: absolute; + top: 0; + right: 25.888px; + -webkit-border-radius: 0 0 3px 3px; + -moz-border-radius: 0 0 3px 3px; + -ms-border-radius: 0 0 3px 3px; + -o-border-radius: 0 0 3px 3px; + border-radius: 0 0 3px 3px; + background: #333; + background: rgba(0, 0, 0, 0.7); + padding: 12.944px 25.888px; } +header.announcement div nav h1 { + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + margin-right: 12.944px; } +header.announcement div nav h1 a { + font: italic 800 18px "Open Sans", Helvetica, Arial, sans-serif; + color: #fff; + text-decoration: none; } +header.announcement div nav h1 a:hover, header.announcement div nav h1 a:focus { + color: #999; } +header.announcement div nav a.login { + text-decoration: none; + color: #fff; + font-size: 12px; + font-style: normal; + font-family: "Open Sans", Helvetica, Arial, sans-serif; } +header.announcement div nav a.login:hover, header.announcement div nav a.login:focus { + color: #999; } +header.announcement div section { + background: #993333; + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + margin-left: 34.171%; + padding: 25.888px 38.832px; } +@media screen and (max-width: 780px) { + header.announcement div section { + margin-left: 0; } } +header.announcement div section h1 { + font-family: "Open Sans"; + font-size: 30px; + font-weight: 800; + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + line-height: 1.2em; + margin: 0 25.888px 0 0; } +header.announcement div section h2 { + font-family: "Open Sans"; + font-size: 24px; + font-weight: 400; + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + line-height: 1.2em; } +header.announcement div section.course section { + float: left; + margin-left: 0; + margin-right: 3.817%; + padding: 0; + width: 48.092%; } +@media screen and (max-width: 780px) { + header.announcement div section.course section { + float: none; + width: 100%; + margin-right: 0; } } +header.announcement div section.course section a { + background-color: #4d1919; + border-color: #260d0d; + -webkit-box-shadow: inset 0 1px 0 #732626, 0 1px 0 #ac3939; + -moz-box-shadow: inset 0 1px 0 #732626, 0 1px 0 #ac3939; + -ms-box-shadow: inset 0 1px 0 #732626, 0 1px 0 #ac3939; + -o-box-shadow: inset 0 1px 0 #732626, 0 1px 0 #ac3939; + box-shadow: inset 0 1px 0 #732626, 0 1px 0 #ac3939; + display: block; + padding: 12.944px 25.888px; + text-align: center; } +header.announcement div section.course section a:hover { + background-color: #732626; + border-color: #4d1919; } +header.announcement div section.course p { + width: 48.092%; + line-height: 25.888px; + float: left; } +@media screen and (max-width: 780px) { + header.announcement div section.course p { + float: none; + width: 100%; } } + +footer { + padding-top: 0; } +footer div.footer-wrapper { + border-top: 1px solid #e5e5e5; + padding: 25.888px 0; + background: url("/static/images/marketing/mit-logo.png") right center no-repeat; } +@media screen and (max-width: 780px) { + footer div.footer-wrapper { + background-position: left bottom; + padding-bottom: 77.664px; } } +footer div.footer-wrapper a { + color: #888; + text-decoration: none; + -webkit-transition-property: all; + -moz-transition-property: all; + -ms-transition-property: all; + -o-transition-property: all; + transition-property: all; + -webkit-transition-duration: 0.15s; + -moz-transition-duration: 0.15s; + -ms-transition-duration: 0.15s; + -o-transition-duration: 0.15s; + transition-duration: 0.15s; + -webkit-transition-timing-function: ease-out; + -moz-transition-timing-function: ease-out; + -ms-transition-timing-function: ease-out; + -o-transition-timing-function: ease-out; + transition-timing-function: ease-out; + -webkit-transition-delay: 0; + -moz-transition-delay: 0; + -ms-transition-delay: 0; + -o-transition-delay: 0; + transition-delay: 0; } +footer div.footer-wrapper a:hover, footer div.footer-wrapper a:focus { + color: #666; } +footer div.footer-wrapper p { + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + margin-right: 25.888px; } +footer div.footer-wrapper ul { + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; } +@media screen and (max-width: 780px) { + footer div.footer-wrapper ul { + margin-top: 25.888px; } } +footer div.footer-wrapper ul li { + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + margin-bottom: 0; } +footer div.footer-wrapper ul li:after { + content: ' |'; + display: inline; + color: #ccc; } +footer div.footer-wrapper ul li:last-child:after { + content: none; } +footer div.footer-wrapper ul.social { + float: right; + margin-right: 60px; + position: relative; + top: -5px; } +@media screen and (max-width: 780px) { + footer div.footer-wrapper ul.social { + float: none; } } +footer div.footer-wrapper ul.social li { + float: left; + margin-right: 12.944px; } +footer div.footer-wrapper ul.social li:after { + content: none; + display: none; } +footer div.footer-wrapper ul.social li a { + display: block; + height: 29px; + width: 28px; + text-indent: -9999px; } +footer div.footer-wrapper ul.social li a:hover { + opacity: .8; } +footer div.footer-wrapper ul.social li.twitter a { + background: url("/static/images/marketing/twitter.png") 0 0 no-repeat; } +footer div.footer-wrapper ul.social li.facebook a { + background: url("/static/images/marketing/facebook.png") 0 0 no-repeat; } +footer div.footer-wrapper ul.social li.linkedin a { + background: url("/static/images/marketing/linkedin.png") 0 0 no-repeat; } + +section.index-content section { + float: left; } +@media screen and (max-width: 780px) { + section.index-content section { + float: none; + width: auto; + margin-right: 0; } } +section.index-content section h1 { + font-size: 800 24px "Open Sans"; + margin-bottom: 25.888px; } +section.index-content section p { + line-height: 25.888px; + margin-bottom: 25.888px; } +section.index-content section ul { + margin: 0; } +section.index-content section.about { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + border-right: 1px solid #e5e5e5; + margin-right: 2.513%; + padding-right: 1.256%; + width: 65.829%; } +@media screen and (max-width: 780px) { + section.index-content section.about { + width: 100%; + border-right: 0; + margin-right: 0; + padding-right: 0; } } +section.index-content section.about section { + margin-bottom: 25.888px; } +section.index-content section.about section p { + width: 48.092%; + float: left; } +@media screen and (max-width: 780px) { + section.index-content section.about section p { + float: none; + width: auto; } } +section.index-content section.about section p:nth-child(odd) { + margin-right: 3.817%; } +@media screen and (max-width: 780px) { + section.index-content section.about section p:nth-child(odd) { + margin-right: 0; } } +section.index-content section.about section.intro section { + margin-bottom: 0; } +section.index-content section.about section.intro section.intro-text { + margin-right: 3.817%; + width: 48.092%; } +@media screen and (max-width: 780px) { + section.index-content section.about section.intro section.intro-text { + margin-right: 0; + width: auto; } } +section.index-content section.about section.intro section.intro-text p { + margin-right: 0; + width: auto; + float: none; } +section.index-content section.about section.intro section.intro-video { + width: 48.092%; } +@media screen and (max-width: 780px) { + section.index-content section.about section.intro section.intro-video { + width: auto; } } +section.index-content section.about section.intro section.intro-video a { + display: block; + width: 100%; } +section.index-content section.about section.intro section.intro-video a img { + width: 100%; } +section.index-content section.about section.intro section.intro-video a span { + display: none; } +section.index-content section.about section.features { + border-top: 1px solid #E5E5E5; + padding-top: 25.888px; + margin-bottom: 0; } +section.index-content section.about section.features h2 { + text-transform: uppercase; + letter-spacing: 1px; + color: #888; + margin-bottom: 25.888px; + font-weight: normal; + font-size: 14px; } +section.index-content section.about section.features h2 span { + text-transform: none; } +section.index-content section.about section.features p { + width: auto; + clear: both; } +section.index-content section.about section.features p strong { + font-family: "Open sans"; + font-weight: 800; } +section.index-content section.about section.features p a { + color: #993333; + text-decoration: none; + -webkit-transition-property: all; + -moz-transition-property: all; + -ms-transition-property: all; + -o-transition-property: all; + transition-property: all; + -webkit-transition-duration: 0.15s; + -moz-transition-duration: 0.15s; + -ms-transition-duration: 0.15s; + -o-transition-duration: 0.15s; + transition-duration: 0.15s; + -webkit-transition-timing-function: ease-out; + -moz-transition-timing-function: ease-out; + -ms-transition-timing-function: ease-out; + -o-transition-timing-function: ease-out; + transition-timing-function: ease-out; + -webkit-transition-delay: 0; + -moz-transition-delay: 0; + -ms-transition-delay: 0; + -o-transition-delay: 0; + transition-delay: 0; } +section.index-content section.about section.features p a:hover, section.index-content section.about section.features p a:focus { + color: #602020; } +section.index-content section.about section.features ul { + margin-bottom: 0; } +section.index-content section.about section.features ul li { + line-height: 25.888px; + width: 48.092%; + float: left; + margin-bottom: 12.944px; } +@media screen and (max-width: 780px) { + section.index-content section.about section.features ul li { + width: auto; + float: none; } } +section.index-content section.about section.features ul li:nth-child(odd) { + margin-right: 3.817%; } +@media screen and (max-width: 780px) { + section.index-content section.about section.features ul li:nth-child(odd) { + margin-right: 0; } } +section.index-content section.course, section.index-content section.staff { + width: 31.658%; } +@media screen and (max-width: 780px) { + section.index-content section.course, section.index-content section.staff { + width: auto; } } +section.index-content section.course h1, section.index-content section.staff h1 { + color: #888; + font: normal 16px Georgia, serif; + font-size: 14px; + letter-spacing: 1px; + margin-bottom: 25.888px; + text-transform: uppercase; } +section.index-content section.course h2, section.index-content section.staff h2 { + font: 800 24px "Open Sans", Helvetica, Arial, sans-serif; } +section.index-content section.course h3, section.index-content section.staff h3 { + font: 400 18px "Open Sans", Helvetica, Arial, sans-serif; } +section.index-content section.course a span.arrow, section.index-content section.staff a span.arrow { + color: rgba(255, 255, 255, 0.6); + font-style: normal; + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + padding-left: 10px; } +section.index-content section.course ul, section.index-content section.staff ul { + list-style: none; } +section.index-content section.course ul li img, section.index-content section.staff ul li img { + float: left; + margin-right: 12.944px; } +section.index-content section.course h2 { + padding-top: 129.44px; + background: url("/static/images/marketing/circuits-bg.jpg") 0 0 no-repeat; + -webkit-background-size: contain; + -moz-background-size: contain; + -ms-background-size: contain; + -o-background-size: contain; + background-size: contain; } +@media screen and (max-width: 998px) and (min-width: 781px) { + section.index-content section.course h2 { + background: url("/static/images/marketing/circuits-medium-bg.jpg") 0 0 no-repeat; } } +@media screen and (max-width: 780px) { + section.index-content section.course h2 { + padding-top: 129.44px; + background: url("/static/images/marketing/circuits-bg.jpg") 0 0 no-repeat; } } +@media screen and (min-width: 500px) and (max-width: 781px) { + section.index-content section.course h2 { + padding-top: 207.104px; } } +section.index-content section.about-course { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + border-right: 1px solid #e5e5e5; + margin-right: 2.513%; + padding-right: 1.256%; + width: 65.829%; } +@media screen and (max-width: 780px) { + section.index-content section.about-course { + width: auto; + border-right: 0; + margin-right: 0; + padding-right: 0; } } +section.index-content section.about-course section { + width: 48.092%; } +@media screen and (max-width: 780px) { + section.index-content section.about-course section { + width: auto; } } +section.index-content section.about-course section.about-info { + margin-right: 3.817%; } +@media screen and (max-width: 780px) { + section.index-content section.about-course section.about-info { + margin-right: 0; } } +section.index-content section.about-course section.requirements { + clear: both; + width: 100%; + border-top: 1px solid #E5E5E5; + padding-top: 25.888px; + margin-bottom: 0; } +section.index-content section.about-course section.requirements p { + float: left; + width: 48.092%; + margin-right: 3.817%; } +@media screen and (max-width: 780px) { + section.index-content section.about-course section.requirements p { + margin-right: 0; + float: none; + width: auto; } } +section.index-content section.about-course section.requirements p:nth-child(odd) { + margin-right: 0; } +section.index-content section.about-course section.cta { + width: 100%; + text-align: center; } +section.index-content section.about-course section.cta a.enroll { + padding: 12.944px 51.776px; + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: baseline; + zoom: 1; + *display: inline; + *vertical-align: auto; + text-align: center; + font: 800 18px "Open Sans", Helvetica, Arial, sans-serif; } +section.index-content section.staff h1 { + margin-top: 25.888px; } + +#lean_overlay { + position: fixed; + z-index: 100; + top: 0px; + left: 0px; + height: 100%; + width: 100%; + background: #000; + display: none; } + +div.leanModal_box { + background: #fff; + border: none; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + -webkit-box-shadow: 0 0 6px black; + -moz-box-shadow: 0 0 6px black; + -ms-box-shadow: 0 0 6px black; + -o-box-shadow: 0 0 6px black; + box-shadow: 0 0 6px black; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + display: none; + padding: 51.776px; } +div.leanModal_box a.modal_close { + color: #aaa; + display: block; + font-style: normal; + height: 14px; + position: absolute; + right: 12px; + top: 12px; + width: 14px; + z-index: 2; } +div.leanModal_box a.modal_close:hover { + text-decoration: none; + color: #993333; } +div.leanModal_box h1 { + border-bottom: 1px solid #eee; + font-size: 24px; + margin-bottom: 25.888px; + margin-top: 0; + padding-bottom: 25.888px; + text-align: left; } +div.leanModal_box#enroll { + max-width: 600px; } +div.leanModal_box#enroll ol { + padding-top: 25.888px; } +div.leanModal_box#enroll ol li.terms, div.leanModal_box#enroll ol li.honor-code { + width: auto; + float: none; } +div.leanModal_box#enroll ol li div.tip { + display: none; } +div.leanModal_box#enroll ol li:hover div.tip { + background: #333; + color: #fff; + display: block; + font-size: 16px; + line-height: 25.888px; + margin: 0 0 0 -10px; + padding: 10px; + position: absolute; + -webkit-font-smoothing: antialiased; + width: 500px; } +div.leanModal_box form { + text-align: left; } +div.leanModal_box form div#enroll_error, div.leanModal_box form div#login_error, div.leanModal_box form div#pwd_error { + background-color: #333333; + border: black; + color: #fff; + font-family: "Open sans"; + font-weight: bold; + letter-spacing: 1px; + margin: -25.888px -25.888px 25.888px; + padding: 12.944px; + text-shadow: 0 1px 0 #1a1a1a; + -webkit-font-smoothing: antialiased; } +div.leanModal_box form div#enroll_error:empty, div.leanModal_box form div#login_error:empty, div.leanModal_box form div#pwd_error:empty { + padding: 0; } +div.leanModal_box form ol { + list-style: none; + margin-bottom: 25.888px; } +div.leanModal_box form ol li { + margin-bottom: 12.944px; } +div.leanModal_box form ol li.terms, div.leanModal_box form ol li.remember { + border-top: 1px solid #eee; + clear: both; + float: none; + padding-top: 25.888px; + width: auto; } +div.leanModal_box form ol li.honor-code { + width: auto; + float: none; } +div.leanModal_box form ol li label { + display: block; + font-weight: bold; } +div.leanModal_box form ol li input[type="email"], div.leanModal_box form ol li input[type="number"], div.leanModal_box form ol li input[type="password"], div.leanModal_box form ol li input[type="search"], div.leanModal_box form ol li input[type="tel"], div.leanModal_box form ol li input[type="text"], div.leanModal_box form ol li input[type="url"], div.leanModal_box form ol li input[type="color"], div.leanModal_box form ol li input[type="date"], div.leanModal_box form ol li input[type="datetime"], div.leanModal_box form ol li input[type="datetime-local"], div.leanModal_box form ol li input[type="month"], div.leanModal_box form ol li input[type="time"], div.leanModal_box form ol li input[type="week"], div.leanModal_box form ol li textarea { + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; } +div.leanModal_box form ol li input[type="checkbox"] { + margin-right: 10px; } +div.leanModal_box form ol li ul { + list-style: disc outside none; + margin: 12.944px 0 25.888px 25.888px; } +div.leanModal_box form ol li ul li { + color: #666; + float: none; + font-size: 14px; + list-style: disc outside none; + margin-bottom: 12.944px; } +div.leanModal_box form input[type="button"], div.leanModal_box form input[type="submit"] { + border: 1px solid #691b1b; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + -webkit-box-shadow: inset 0 1px 0 0 #bc5c5c; + -moz-box-shadow: inset 0 1px 0 0 #bc5c5c; + -ms-box-shadow: inset 0 1px 0 0 #bc5c5c; + -o-box-shadow: inset 0 1px 0 0 #bc5c5c; + box-shadow: inset 0 1px 0 0 #bc5c5c; + color: white; + display: inline; + font-size: 11px; + font-weight: bold; + background-color: #993333; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #993333), color-stop(100%, #761e1e)); + background-image: -webkit-linear-gradient(top, #993333, #761e1e); + background-image: -moz-linear-gradient(top, #993333, #761e1e); + background-image: -ms-linear-gradient(top, #993333, #761e1e); + background-image: -o-linear-gradient(top, #993333, #761e1e); + background-image: linear-gradient(top, #993333, #761e1e); + padding: 6px 18px 7px; + text-shadow: 0 1px 0 #5d1414; + -webkit-background-clip: padding-box; + font-size: 18px; + padding: 12.944px; } +div.leanModal_box form input[type="button"]:hover, div.leanModal_box form input[type="submit"]:hover { + -webkit-box-shadow: inset 0 1px 0 0 #a44141; + -moz-box-shadow: inset 0 1px 0 0 #a44141; + -ms-box-shadow: inset 0 1px 0 0 #a44141; + -o-box-shadow: inset 0 1px 0 0 #a44141; + box-shadow: inset 0 1px 0 0 #a44141; + cursor: pointer; + background-color: #823030; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #823030), color-stop(100%, #691c1c)); + background-image: -webkit-linear-gradient(top, #823030, #691c1c); + background-image: -moz-linear-gradient(top, #823030, #691c1c); + background-image: -ms-linear-gradient(top, #823030, #691c1c); + background-image: -o-linear-gradient(top, #823030, #691c1c); + background-image: linear-gradient(top, #823030, #691c1c); } +div.leanModal_box form input[type="button"]:active, div.leanModal_box form input[type="submit"]:active { + border: 1px solid #691b1b; + -webkit-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee; + -moz-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee; + -ms-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee; + -o-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee; + box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee; } + +div#login { + min-width: 400px; } +div#login header { + border-bottom: 1px solid #ddd; + margin-bottom: 25.888px; + padding-bottom: 25.888px; } +div#login header h1 { + border-bottom: 0; + padding-bottom: 0; + margin-bottom: 6.472px; } +div#login ol li { + width: auto; + float: none; } + +div.lost-password { + text-align: left; + margin-top: 25.888px; } +div.lost-password a { + color: #999; } +div.lost-password a:hover { + color: #444; } + +div#pwd_reset p { + margin-bottom: 25.888px; } +div#pwd_reset input[type="email"] { + margin-bottom: 25.888px; } + +div#feedback_div form ol li { + float: none; + width: 100%; } +div#feedback_div form ol li textarea#feedback_message { + height: 100px; } + +div#calculator_div { + max-width: 500px; } +div#calculator_div form { + padding-bottom: 25.888px; + margin-bottom: 25.888px; + border-bottom: 1px solid #ddd; } +div#calculator_div form input#calculator_input { + width: 400px; } +div#calculator_div form input#calculator_button { + background: 0; + color: #993333; + border: 0; + -webkit-box-shadow: none; + -moz-box-shadow: none; + -ms-box-shadow: none; + -o-box-shadow: none; + box-shadow: none; + padding: 0; + text-shadow: none; } +div#calculator_div form input#calculator_button:hover { + color: #333; } +div#calculator_div form input#calculator_output { + border: 0; + background: none; + padding: 9.061px; + font-size: 24px; + width: 378px; + font-weight: bold; + margin-top: 4px; } +div#calculator_div dl dt { + float: left; + clear: both; + padding-right: 12.944px; + font-weight: bold; } +div#calculator_div dl dd { + float: left; } diff --git a/static/css/print.css b/static/css/print.css new file mode 100644 index 0000000000..e69de29bb2 diff --git a/static/default b/static/default new file mode 120000 index 0000000000..71acf0cef6 --- /dev/null +++ b/static/default @@ -0,0 +1 @@ +../../askbot-devel/askbot/skins/default/ \ No newline at end of file diff --git a/static/fonts/Apache License Version 2.txt b/static/fonts/Apache License Version 2.txt new file mode 100755 index 0000000000..4df74b8ce0 --- /dev/null +++ b/static/fonts/Apache License Version 2.txt @@ -0,0 +1,53 @@ +Apache License + +Version 2.0, January 2004 + +http://www.apache.org/licenses/ + +TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION + +1. Definitions. + +"License" shall mean the terms and conditions for use, reproduction, and distribution as defined by Sections 1 through 9 of this document. + +"Licensor" shall mean the copyright owner or entity authorized by the copyright owner that is granting the License. + +"Legal Entity" shall mean the union of the acting entity and all other entities that control, are controlled by, or are under common control with that entity. For the purposes of this definition, "control" means (i) the power, direct or indirect, to cause the direction or management of such entity, whether by contract or otherwise, or (ii) ownership of fifty percent (50%) or more of the outstanding shares, or (iii) beneficial ownership of such entity. + +"You" (or "Your") shall mean an individual or Legal Entity exercising permissions granted by this License. + +"Source" form shall mean the preferred form for making modifications, including but not limited to software source code, documentation source, and configuration files. + +"Object" form shall mean any form resulting from mechanical transformation or translation of a Source form, including but not limited to compiled object code, generated documentation, and conversions to other media types. + +"Work" shall mean the work of authorship, whether in Source or Object form, made available under the License, as indicated by a copyright notice that is included in or attached to the work (an example is provided in the Appendix below). + +"Derivative Works" shall mean any work, whether in Source or Object form, that is based on (or derived from) the Work and for which the editorial revisions, annotations, elaborations, or other modifications represent, as a whole, an original work of authorship. For the purposes of this License, Derivative Works shall not include works that remain separable from, or merely link (or bind by name) to the interfaces of, the Work and Derivative Works thereof. + +"Contribution" shall mean any work of authorship, including the original version of the Work and any modifications or additions to that Work or Derivative Works thereof, that is intentionally submitted to Licensor for inclusion in the Work by the copyright owner or by an individual or Legal Entity authorized to submit on behalf of the copyright owner. For the purposes of this definition, "submitted" means any form of electronic, verbal, or written communication sent to the Licensor or its representatives, including but not limited to communication on electronic mailing lists, source code control systems, and issue tracking systems that are managed by, or on behalf of, the Licensor for the purpose of discussing and improving the Work, but excluding communication that is conspicuously marked or otherwise designated in writing by the copyright owner as "Not a Contribution." + +"Contributor" shall mean Licensor and any individual or Legal Entity on behalf of whom a Contribution has been received by Licensor and subsequently incorporated within the Work. + +2. Grant of Copyright License. Subject to the terms and conditions of this License, each Contributor hereby grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable copyright license to reproduce, prepare Derivative Works of, publicly display, publicly perform, sublicense, and distribute the Work and such Derivative Works in Source or Object form. + +3. Grant of Patent License. Subject to the terms and conditions of this License, each Contributor hereby grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable (except as stated in this section) patent license to make, have made, use, offer to sell, sell, import, and otherwise transfer the Work, where such license applies only to those patent claims licensable by such Contributor that are necessarily infringed by their Contribution(s) alone or by combination of their Contribution(s) with the Work to which such Contribution(s) was submitted. If You institute patent litigation against any entity (including a cross-claim or counterclaim in a lawsuit) alleging that the Work or a Contribution incorporated within the Work constitutes direct or contributory patent infringement, then any patent licenses granted to You under this License for that Work shall terminate as of the date such litigation is filed. + +4. Redistribution. You may reproduce and distribute copies of the Work or Derivative Works thereof in any medium, with or without modifications, and in Source or Object form, provided that You meet the following conditions: + +You must give any other recipients of the Work or Derivative Works a copy of this License; and + +You must cause any modified files to carry prominent notices stating that You changed the files; and + +You must retain, in the Source form of any Derivative Works that You distribute, all copyright, patent, trademark, and attribution notices from the Source form of the Work, excluding those notices that do not pertain to any part of the Derivative Works; and + +If the Work includes a "NOTICE" text file as part of its distribution, then any Derivative Works that You distribute must include a readable copy of the attribution notices contained within such NOTICE file, excluding those notices that do not pertain to any part of the Derivative Works, in at least one of the following places: within a NOTICE text file distributed as part of the Derivative Works; within the Source form or documentation, if provided along with the Derivative Works; or, within a display generated by the Derivative Works, if and wherever such third-party notices normally appear. The contents of the NOTICE file are for informational purposes only and do not modify the License. You may add Your own attribution notices within Derivative Works that You distribute, alongside or as an addendum to the NOTICE text from the Work, provided that such additional attribution notices cannot be construed as modifying the License. You may add Your own copyright statement to Your modifications and may provide additional or different license terms and conditions for use, reproduction, or distribution of Your modifications, or for any such Derivative Works as a whole, provided Your use, reproduction, and distribution of the Work otherwise complies with the conditions stated in this License. + +5. Submission of Contributions. Unless You explicitly state otherwise, any Contribution intentionally submitted for inclusion in the Work by You to the Licensor shall be under the terms and conditions of this License, without any additional terms or conditions. Notwithstanding the above, nothing herein shall supersede or modify the terms of any separate license agreement you may have executed with Licensor regarding such Contributions. + +6. Trademarks. This License does not grant permission to use the trade names, trademarks, service marks, or product names of the Licensor, except as required for reasonable and customary use in describing the origin of the Work and reproducing the content of the NOTICE file. + +7. Disclaimer of Warranty. Unless required by applicable law or agreed to in writing, Licensor provides the Work (and each Contributor provides its Contributions) on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied, including, without limitation, any warranties or conditions of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A PARTICULAR PURPOSE. You are solely responsible for determining the appropriateness of using or redistributing the Work and assume any risks associated with Your exercise of permissions under this License. + +8. Limitation of Liability. In no event and under no legal theory, whether in tort (including negligence), contract, or otherwise, unless required by applicable law (such as deliberate and grossly negligent acts) or agreed to in writing, shall any Contributor be liable to You for damages, including any direct, indirect, special, incidental, or consequential damages of any character arising as a result of this License or out of the use or inability to use the Work (including but not limited to damages for loss of goodwill, work stoppage, computer failure or malfunction, or any and all other commercial damages or losses), even if such Contributor has been advised of the possibility of such damages. + +9. Accepting Warranty or Additional Liability. While redistributing the Work or Derivative Works thereof, You may choose to offer, and charge a fee for, acceptance of support, warranty, indemnity, or other liability obligations and/or rights consistent with this License. However, in accepting such obligations, You may act only on Your own behalf and on Your sole responsibility, not on behalf of any other Contributor, and only if You agree to indemnify, defend, and hold each Contributor harmless for any liability incurred by, or claims asserted against, such Contributor by reason of your accepting any such warranty or additional liability. \ No newline at end of file diff --git a/static/fonts/OpenSans-Bold-webfont.eot b/static/fonts/OpenSans-Bold-webfont.eot new file mode 100755 index 0000000000..e1c7674430 Binary files /dev/null and b/static/fonts/OpenSans-Bold-webfont.eot differ diff --git a/static/fonts/OpenSans-Bold-webfont.svg b/static/fonts/OpenSans-Bold-webfont.svg new file mode 100755 index 0000000000..364b368678 --- /dev/null +++ b/static/fonts/OpenSans-Bold-webfont.svg @@ -0,0 +1,146 @@ + + + + +This is a custom SVG webfont generated by Font Squirrel. +Copyright : Digitized data copyright 20102011 Google Corporation +Foundry : Ascender Corporation +Foundry URL : httpwwwascendercorpcom + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/fonts/OpenSans-Bold-webfont.ttf b/static/fonts/OpenSans-Bold-webfont.ttf new file mode 100755 index 0000000000..2d94f0629d Binary files /dev/null and b/static/fonts/OpenSans-Bold-webfont.ttf differ diff --git a/static/fonts/OpenSans-Bold-webfont.woff b/static/fonts/OpenSans-Bold-webfont.woff new file mode 100755 index 0000000000..cd86852d0a Binary files /dev/null and b/static/fonts/OpenSans-Bold-webfont.woff differ diff --git a/static/fonts/OpenSans-BoldItalic-webfont.eot b/static/fonts/OpenSans-BoldItalic-webfont.eot new file mode 100755 index 0000000000..f44ac9a331 Binary files /dev/null and b/static/fonts/OpenSans-BoldItalic-webfont.eot differ diff --git a/static/fonts/OpenSans-BoldItalic-webfont.svg b/static/fonts/OpenSans-BoldItalic-webfont.svg new file mode 100755 index 0000000000..8392240a1d --- /dev/null +++ b/static/fonts/OpenSans-BoldItalic-webfont.svg @@ -0,0 +1,146 @@ + + + + +This is a custom SVG webfont generated by Font Squirrel. +Copyright : Digitized data copyright 20102011 Google Corporation +Foundry : Ascender Corporation +Foundry URL : httpwwwascendercorpcom + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/fonts/OpenSans-BoldItalic-webfont.ttf b/static/fonts/OpenSans-BoldItalic-webfont.ttf new file mode 100755 index 0000000000..f74e0e3ca7 Binary files /dev/null and b/static/fonts/OpenSans-BoldItalic-webfont.ttf differ diff --git a/static/fonts/OpenSans-BoldItalic-webfont.woff b/static/fonts/OpenSans-BoldItalic-webfont.woff new file mode 100755 index 0000000000..f3248c1142 Binary files /dev/null and b/static/fonts/OpenSans-BoldItalic-webfont.woff differ diff --git a/static/fonts/OpenSans-ExtraBold-webfont.eot b/static/fonts/OpenSans-ExtraBold-webfont.eot new file mode 100755 index 0000000000..73653a1b85 Binary files /dev/null and b/static/fonts/OpenSans-ExtraBold-webfont.eot differ diff --git a/static/fonts/OpenSans-ExtraBold-webfont.svg b/static/fonts/OpenSans-ExtraBold-webfont.svg new file mode 100755 index 0000000000..a9aed6ba3f --- /dev/null +++ b/static/fonts/OpenSans-ExtraBold-webfont.svg @@ -0,0 +1,146 @@ + + + + +This is a custom SVG webfont generated by Font Squirrel. +Copyright : Digitized data copyright 2011 Google Corporation +Foundry : Ascender Corporation +Foundry URL : httpwwwascendercorpcom + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/fonts/OpenSans-ExtraBold-webfont.ttf b/static/fonts/OpenSans-ExtraBold-webfont.ttf new file mode 100755 index 0000000000..707fae2440 Binary files /dev/null and b/static/fonts/OpenSans-ExtraBold-webfont.ttf differ diff --git a/static/fonts/OpenSans-ExtraBold-webfont.woff b/static/fonts/OpenSans-ExtraBold-webfont.woff new file mode 100755 index 0000000000..223715a5fb Binary files /dev/null and b/static/fonts/OpenSans-ExtraBold-webfont.woff differ diff --git a/static/fonts/OpenSans-ExtraBoldItalic-webfont.eot b/static/fonts/OpenSans-ExtraBoldItalic-webfont.eot new file mode 100755 index 0000000000..68463e3881 Binary files /dev/null and b/static/fonts/OpenSans-ExtraBoldItalic-webfont.eot differ diff --git a/static/fonts/OpenSans-ExtraBoldItalic-webfont.svg b/static/fonts/OpenSans-ExtraBoldItalic-webfont.svg new file mode 100755 index 0000000000..0d69082833 --- /dev/null +++ b/static/fonts/OpenSans-ExtraBoldItalic-webfont.svg @@ -0,0 +1,146 @@ + + + + +This is a custom SVG webfont generated by Font Squirrel. +Copyright : Digitized data copyright 20102011 Google Corporation +Foundry : Ascender Corporation +Foundry URL : httpwwwascendercorpcom + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/fonts/OpenSans-ExtraBoldItalic-webfont.ttf b/static/fonts/OpenSans-ExtraBoldItalic-webfont.ttf new file mode 100755 index 0000000000..da8f41f3c1 Binary files /dev/null and b/static/fonts/OpenSans-ExtraBoldItalic-webfont.ttf differ diff --git a/static/fonts/OpenSans-ExtraBoldItalic-webfont.woff b/static/fonts/OpenSans-ExtraBoldItalic-webfont.woff new file mode 100755 index 0000000000..ddd0573dd2 Binary files /dev/null and b/static/fonts/OpenSans-ExtraBoldItalic-webfont.woff differ diff --git a/static/fonts/OpenSans-Italic-webfont.eot b/static/fonts/OpenSans-Italic-webfont.eot new file mode 100755 index 0000000000..277c1899cd Binary files /dev/null and b/static/fonts/OpenSans-Italic-webfont.eot differ diff --git a/static/fonts/OpenSans-Italic-webfont.svg b/static/fonts/OpenSans-Italic-webfont.svg new file mode 100755 index 0000000000..29c7497fed --- /dev/null +++ b/static/fonts/OpenSans-Italic-webfont.svg @@ -0,0 +1,146 @@ + + + + +This is a custom SVG webfont generated by Font Squirrel. +Copyright : Digitized data copyright 20102011 Google Corporation +Foundry : Ascender Corporation +Foundry URL : httpwwwascendercorpcom + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/fonts/OpenSans-Italic-webfont.ttf b/static/fonts/OpenSans-Italic-webfont.ttf new file mode 100755 index 0000000000..63f187e984 Binary files /dev/null and b/static/fonts/OpenSans-Italic-webfont.ttf differ diff --git a/static/fonts/OpenSans-Italic-webfont.woff b/static/fonts/OpenSans-Italic-webfont.woff new file mode 100755 index 0000000000..469a29bbfb Binary files /dev/null and b/static/fonts/OpenSans-Italic-webfont.woff differ diff --git a/static/fonts/OpenSans-Light-webfont.eot b/static/fonts/OpenSans-Light-webfont.eot new file mode 100755 index 0000000000..837daab8df Binary files /dev/null and b/static/fonts/OpenSans-Light-webfont.eot differ diff --git a/static/fonts/OpenSans-Light-webfont.svg b/static/fonts/OpenSans-Light-webfont.svg new file mode 100755 index 0000000000..bdb672653b --- /dev/null +++ b/static/fonts/OpenSans-Light-webfont.svg @@ -0,0 +1,146 @@ + + + + +This is a custom SVG webfont generated by Font Squirrel. +Copyright : Digitized data copyright 20102011 Google Corporation +Foundry : Ascender Corporation +Foundry URL : httpwwwascendercorpcom + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/fonts/OpenSans-Light-webfont.ttf b/static/fonts/OpenSans-Light-webfont.ttf new file mode 100755 index 0000000000..b50ef9dcb5 Binary files /dev/null and b/static/fonts/OpenSans-Light-webfont.ttf differ diff --git a/static/fonts/OpenSans-Light-webfont.woff b/static/fonts/OpenSans-Light-webfont.woff new file mode 100755 index 0000000000..99514d1a8a Binary files /dev/null and b/static/fonts/OpenSans-Light-webfont.woff differ diff --git a/static/fonts/OpenSans-LightItalic-webfont.eot b/static/fonts/OpenSans-LightItalic-webfont.eot new file mode 100755 index 0000000000..f0ebf2c0ef Binary files /dev/null and b/static/fonts/OpenSans-LightItalic-webfont.eot differ diff --git a/static/fonts/OpenSans-LightItalic-webfont.svg b/static/fonts/OpenSans-LightItalic-webfont.svg new file mode 100755 index 0000000000..60765da837 --- /dev/null +++ b/static/fonts/OpenSans-LightItalic-webfont.svg @@ -0,0 +1,146 @@ + + + + +This is a custom SVG webfont generated by Font Squirrel. +Copyright : Digitized data copyright 20102011 Google Corporation +Foundry : Ascender Corporation +Foundry URL : httpwwwascendercorpcom + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/fonts/OpenSans-LightItalic-webfont.ttf b/static/fonts/OpenSans-LightItalic-webfont.ttf new file mode 100755 index 0000000000..5898c8c781 Binary files /dev/null and b/static/fonts/OpenSans-LightItalic-webfont.ttf differ diff --git a/static/fonts/OpenSans-LightItalic-webfont.woff b/static/fonts/OpenSans-LightItalic-webfont.woff new file mode 100755 index 0000000000..9c978dc30c Binary files /dev/null and b/static/fonts/OpenSans-LightItalic-webfont.woff differ diff --git a/static/fonts/OpenSans-Regular-webfont.eot b/static/fonts/OpenSans-Regular-webfont.eot new file mode 100755 index 0000000000..dd6fd2cb3a Binary files /dev/null and b/static/fonts/OpenSans-Regular-webfont.eot differ diff --git a/static/fonts/OpenSans-Regular-webfont.svg b/static/fonts/OpenSans-Regular-webfont.svg new file mode 100755 index 0000000000..01038bb1c7 --- /dev/null +++ b/static/fonts/OpenSans-Regular-webfont.svg @@ -0,0 +1,146 @@ + + + + +This is a custom SVG webfont generated by Font Squirrel. +Copyright : Digitized data copyright 20102011 Google Corporation +Foundry : Ascender Corporation +Foundry URL : httpwwwascendercorpcom + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/fonts/OpenSans-Regular-webfont.ttf b/static/fonts/OpenSans-Regular-webfont.ttf new file mode 100755 index 0000000000..05951e7b36 Binary files /dev/null and b/static/fonts/OpenSans-Regular-webfont.ttf differ diff --git a/static/fonts/OpenSans-Regular-webfont.woff b/static/fonts/OpenSans-Regular-webfont.woff new file mode 100755 index 0000000000..274664b28e Binary files /dev/null and b/static/fonts/OpenSans-Regular-webfont.woff differ diff --git a/static/fonts/OpenSans-Semibold-webfont.eot b/static/fonts/OpenSans-Semibold-webfont.eot new file mode 100755 index 0000000000..289aade3e2 Binary files /dev/null and b/static/fonts/OpenSans-Semibold-webfont.eot differ diff --git a/static/fonts/OpenSans-Semibold-webfont.svg b/static/fonts/OpenSans-Semibold-webfont.svg new file mode 100755 index 0000000000..cc2ca42755 --- /dev/null +++ b/static/fonts/OpenSans-Semibold-webfont.svg @@ -0,0 +1,146 @@ + + + + +This is a custom SVG webfont generated by Font Squirrel. +Copyright : Digitized data copyright 2011 Google Corporation +Foundry : Ascender Corporation +Foundry URL : httpwwwascendercorpcom + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/fonts/OpenSans-Semibold-webfont.ttf b/static/fonts/OpenSans-Semibold-webfont.ttf new file mode 100755 index 0000000000..6f15073125 Binary files /dev/null and b/static/fonts/OpenSans-Semibold-webfont.ttf differ diff --git a/static/fonts/OpenSans-Semibold-webfont.woff b/static/fonts/OpenSans-Semibold-webfont.woff new file mode 100755 index 0000000000..4e47cb1a69 Binary files /dev/null and b/static/fonts/OpenSans-Semibold-webfont.woff differ diff --git a/static/fonts/OpenSans-SemiboldItalic-webfont.eot b/static/fonts/OpenSans-SemiboldItalic-webfont.eot new file mode 100755 index 0000000000..50a8a6f755 Binary files /dev/null and b/static/fonts/OpenSans-SemiboldItalic-webfont.eot differ diff --git a/static/fonts/OpenSans-SemiboldItalic-webfont.svg b/static/fonts/OpenSans-SemiboldItalic-webfont.svg new file mode 100755 index 0000000000..65b50e2a68 --- /dev/null +++ b/static/fonts/OpenSans-SemiboldItalic-webfont.svg @@ -0,0 +1,146 @@ + + + + +This is a custom SVG webfont generated by Font Squirrel. +Copyright : Digitized data copyright 20102011 Google Corporation +Foundry : Ascender Corporation +Foundry URL : httpwwwascendercorpcom + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/fonts/OpenSans-SemiboldItalic-webfont.ttf b/static/fonts/OpenSans-SemiboldItalic-webfont.ttf new file mode 100755 index 0000000000..55ba3120f7 Binary files /dev/null and b/static/fonts/OpenSans-SemiboldItalic-webfont.ttf differ diff --git a/static/fonts/OpenSans-SemiboldItalic-webfont.woff b/static/fonts/OpenSans-SemiboldItalic-webfont.woff new file mode 100755 index 0000000000..0adc6df162 Binary files /dev/null and b/static/fonts/OpenSans-SemiboldItalic-webfont.woff differ diff --git a/static/handouts b/static/handouts new file mode 120000 index 0000000000..d4c6b36948 --- /dev/null +++ b/static/handouts @@ -0,0 +1 @@ +../../data/handouts/ \ No newline at end of file diff --git a/static/images/askbot/comment-vote-up.png b/static/images/askbot/comment-vote-up.png new file mode 100644 index 0000000000..0ce3dcc9e7 Binary files /dev/null and b/static/images/askbot/comment-vote-up.png differ diff --git a/static/images/askbot/search-icon.png b/static/images/askbot/search-icon.png new file mode 100644 index 0000000000..a6d4561b75 Binary files /dev/null and b/static/images/askbot/search-icon.png differ diff --git a/static/images/askbot/vote-arrow-down-activate.png b/static/images/askbot/vote-arrow-down-activate.png new file mode 100644 index 0000000000..8b0ffc44d0 Binary files /dev/null and b/static/images/askbot/vote-arrow-down-activate.png differ diff --git a/static/images/askbot/vote-arrow-down.png b/static/images/askbot/vote-arrow-down.png new file mode 100644 index 0000000000..aace02ffb2 Binary files /dev/null and b/static/images/askbot/vote-arrow-down.png differ diff --git a/static/images/askbot/vote-arrow-up-activate.png b/static/images/askbot/vote-arrow-up-activate.png new file mode 100644 index 0000000000..66aa8c9772 Binary files /dev/null and b/static/images/askbot/vote-arrow-up-activate.png differ diff --git a/static/images/askbot/vote-arrow-up.png b/static/images/askbot/vote-arrow-up.png new file mode 100644 index 0000000000..e1920c652e Binary files /dev/null and b/static/images/askbot/vote-arrow-up.png differ diff --git a/static/images/askbot/wmd-buttons.png b/static/images/askbot/wmd-buttons.png new file mode 100755 index 0000000000..3013a4ad02 Binary files /dev/null and b/static/images/askbot/wmd-buttons.png differ diff --git a/static/images/bullet-triangle.png b/static/images/bullet-triangle.png new file mode 100644 index 0000000000..cca2bc2ae1 Binary files /dev/null and b/static/images/bullet-triangle.png differ diff --git a/static/images/cc.png b/static/images/cc.png new file mode 100644 index 0000000000..215a496ea1 Binary files /dev/null and b/static/images/cc.png differ diff --git a/static/images/correct-icon.png b/static/images/correct-icon.png new file mode 100644 index 0000000000..5ae7de2a14 Binary files /dev/null and b/static/images/correct-icon.png differ diff --git a/static/images/document-download.png b/static/images/document-download.png new file mode 100644 index 0000000000..9cceef2486 Binary files /dev/null and b/static/images/document-download.png differ diff --git a/static/images/facebook.png b/static/images/facebook.png new file mode 100644 index 0000000000..f024b7c8ae Binary files /dev/null and b/static/images/facebook.png differ diff --git a/static/images/favicon.ico b/static/images/favicon.ico new file mode 100644 index 0000000000..67203a5c95 Binary files /dev/null and b/static/images/favicon.ico differ diff --git a/static/images/incorrect-icon.png b/static/images/incorrect-icon.png new file mode 100644 index 0000000000..0926486ec9 Binary files /dev/null and b/static/images/incorrect-icon.png differ diff --git a/static/images/linkedin.png b/static/images/linkedin.png new file mode 100644 index 0000000000..34261b05e5 Binary files /dev/null and b/static/images/linkedin.png differ diff --git a/static/images/marketing/circuits-bg.jpg b/static/images/marketing/circuits-bg.jpg new file mode 100644 index 0000000000..c1bb2bae6d Binary files /dev/null and b/static/images/marketing/circuits-bg.jpg differ diff --git a/static/images/marketing/circuits-medium-bg.jpg b/static/images/marketing/circuits-medium-bg.jpg new file mode 100644 index 0000000000..a362efc515 Binary files /dev/null and b/static/images/marketing/circuits-medium-bg.jpg differ diff --git a/static/images/marketing/course-bg-large.jpg b/static/images/marketing/course-bg-large.jpg new file mode 100644 index 0000000000..d73ed705ae Binary files /dev/null and b/static/images/marketing/course-bg-large.jpg differ diff --git a/static/images/marketing/course-bg-medium.jpg b/static/images/marketing/course-bg-medium.jpg new file mode 100644 index 0000000000..0633dd588f Binary files /dev/null and b/static/images/marketing/course-bg-medium.jpg differ diff --git a/static/images/marketing/course-bg-small.jpg b/static/images/marketing/course-bg-small.jpg new file mode 100644 index 0000000000..c939c8d604 Binary files /dev/null and b/static/images/marketing/course-bg-small.jpg differ diff --git a/static/images/marketing/facebook.png b/static/images/marketing/facebook.png new file mode 100644 index 0000000000..d7bca9b628 Binary files /dev/null and b/static/images/marketing/facebook.png differ diff --git a/static/images/marketing/link-arrow.png b/static/images/marketing/link-arrow.png new file mode 100644 index 0000000000..7d9a4914a3 Binary files /dev/null and b/static/images/marketing/link-arrow.png differ diff --git a/static/images/marketing/linkedin.png b/static/images/marketing/linkedin.png new file mode 100644 index 0000000000..7658bb3139 Binary files /dev/null and b/static/images/marketing/linkedin.png differ diff --git a/static/images/marketing/mit-logo.png b/static/images/marketing/mit-logo.png new file mode 100644 index 0000000000..53549ae509 Binary files /dev/null and b/static/images/marketing/mit-logo.png differ diff --git a/static/images/marketing/shot-1-large.jpg b/static/images/marketing/shot-1-large.jpg new file mode 100644 index 0000000000..21384de85a Binary files /dev/null and b/static/images/marketing/shot-1-large.jpg differ diff --git a/static/images/marketing/shot-1-medium.jpg b/static/images/marketing/shot-1-medium.jpg new file mode 100644 index 0000000000..2deab81dc4 Binary files /dev/null and b/static/images/marketing/shot-1-medium.jpg differ diff --git a/static/images/marketing/shot-2-large.jpg b/static/images/marketing/shot-2-large.jpg new file mode 100644 index 0000000000..592c327ec2 Binary files /dev/null and b/static/images/marketing/shot-2-large.jpg differ diff --git a/static/images/marketing/shot-3-large.jpg b/static/images/marketing/shot-3-large.jpg new file mode 100644 index 0000000000..34e5134d9d Binary files /dev/null and b/static/images/marketing/shot-3-large.jpg differ diff --git a/static/images/marketing/shot-4-large.jpg b/static/images/marketing/shot-4-large.jpg new file mode 100644 index 0000000000..af9550c702 Binary files /dev/null and b/static/images/marketing/shot-4-large.jpg differ diff --git a/static/images/marketing/shot-5-large.jpg b/static/images/marketing/shot-5-large.jpg new file mode 100644 index 0000000000..b845e6886a Binary files /dev/null and b/static/images/marketing/shot-5-large.jpg differ diff --git a/static/images/marketing/shot-5-medium.jpg b/static/images/marketing/shot-5-medium.jpg new file mode 100644 index 0000000000..c236ec1175 Binary files /dev/null and b/static/images/marketing/shot-5-medium.jpg differ diff --git a/static/images/marketing/twitter.png b/static/images/marketing/twitter.png new file mode 100644 index 0000000000..3747bdce73 Binary files /dev/null and b/static/images/marketing/twitter.png differ diff --git a/static/images/pause-icon.png b/static/images/pause-icon.png new file mode 100644 index 0000000000..e3eac51947 Binary files /dev/null and b/static/images/pause-icon.png differ diff --git a/static/images/play-icon.png b/static/images/play-icon.png new file mode 100644 index 0000000000..2888b1c271 Binary files /dev/null and b/static/images/play-icon.png differ diff --git a/static/images/sequence-nav/document-icon-current.png b/static/images/sequence-nav/document-icon-current.png new file mode 100644 index 0000000000..52f9185e93 Binary files /dev/null and b/static/images/sequence-nav/document-icon-current.png differ diff --git a/static/images/sequence-nav/document-icon-normal.png b/static/images/sequence-nav/document-icon-normal.png new file mode 100644 index 0000000000..6e76ad0d93 Binary files /dev/null and b/static/images/sequence-nav/document-icon-normal.png differ diff --git a/static/images/sequence-nav/document-icon-visited.png b/static/images/sequence-nav/document-icon-visited.png new file mode 100644 index 0000000000..5fe36cbbee Binary files /dev/null and b/static/images/sequence-nav/document-icon-visited.png differ diff --git a/static/images/sequence-nav/edit.png b/static/images/sequence-nav/edit.png new file mode 100644 index 0000000000..9ad3945c35 Binary files /dev/null and b/static/images/sequence-nav/edit.png differ diff --git a/static/images/sequence-nav/history.png b/static/images/sequence-nav/history.png new file mode 100644 index 0000000000..fa8a2d8177 Binary files /dev/null and b/static/images/sequence-nav/history.png differ diff --git a/static/images/sequence-nav/list-icon-current.png b/static/images/sequence-nav/list-icon-current.png new file mode 100644 index 0000000000..d8ad94d53e Binary files /dev/null and b/static/images/sequence-nav/list-icon-current.png differ diff --git a/static/images/sequence-nav/list-icon-normal.png b/static/images/sequence-nav/list-icon-normal.png new file mode 100644 index 0000000000..42c473e82b Binary files /dev/null and b/static/images/sequence-nav/list-icon-normal.png differ diff --git a/static/images/sequence-nav/list-icon-visited.png b/static/images/sequence-nav/list-icon-visited.png new file mode 100644 index 0000000000..2df2935dbe Binary files /dev/null and b/static/images/sequence-nav/list-icon-visited.png differ diff --git a/static/images/sequence-nav/next-icon.png b/static/images/sequence-nav/next-icon.png new file mode 100644 index 0000000000..413ce38d1b Binary files /dev/null and b/static/images/sequence-nav/next-icon.png differ diff --git a/static/images/sequence-nav/other-icon.png b/static/images/sequence-nav/other-icon.png new file mode 100644 index 0000000000..822a415972 Binary files /dev/null and b/static/images/sequence-nav/other-icon.png differ diff --git a/static/images/sequence-nav/previous-icon.png b/static/images/sequence-nav/previous-icon.png new file mode 100644 index 0000000000..0b3f369176 Binary files /dev/null and b/static/images/sequence-nav/previous-icon.png differ diff --git a/static/images/sequence-nav/problem-icon-alt.png b/static/images/sequence-nav/problem-icon-alt.png new file mode 100644 index 0000000000..c276ba223f Binary files /dev/null and b/static/images/sequence-nav/problem-icon-alt.png differ diff --git a/static/images/sequence-nav/vertical-icon.png b/static/images/sequence-nav/vertical-icon.png new file mode 100644 index 0000000000..6100b678c4 Binary files /dev/null and b/static/images/sequence-nav/vertical-icon.png differ diff --git a/static/images/sequence-nav/video-icon-current.png b/static/images/sequence-nav/video-icon-current.png new file mode 100644 index 0000000000..8bbc910f61 Binary files /dev/null and b/static/images/sequence-nav/video-icon-current.png differ diff --git a/static/images/sequence-nav/video-icon-normal.png b/static/images/sequence-nav/video-icon-normal.png new file mode 100644 index 0000000000..52321ebf7b Binary files /dev/null and b/static/images/sequence-nav/video-icon-normal.png differ diff --git a/static/images/sequence-nav/video-icon-visited.png b/static/images/sequence-nav/video-icon-visited.png new file mode 100644 index 0000000000..e09aad8d20 Binary files /dev/null and b/static/images/sequence-nav/video-icon-visited.png differ diff --git a/static/images/sequence-nav/video-icon.png b/static/images/sequence-nav/video-icon.png new file mode 100644 index 0000000000..e68ec0f8ae Binary files /dev/null and b/static/images/sequence-nav/video-icon.png differ diff --git a/static/images/sequence-nav/view.png b/static/images/sequence-nav/view.png new file mode 100644 index 0000000000..62f04aa993 Binary files /dev/null and b/static/images/sequence-nav/view.png differ diff --git a/static/images/slide-left-icon.png b/static/images/slide-left-icon.png new file mode 100644 index 0000000000..ba852870de Binary files /dev/null and b/static/images/slide-left-icon.png differ diff --git a/static/images/slide-right-icon.png b/static/images/slide-right-icon.png new file mode 100644 index 0000000000..c73e8b3d35 Binary files /dev/null and b/static/images/slide-right-icon.png differ diff --git a/static/images/slider-bars.png b/static/images/slider-bars.png new file mode 100644 index 0000000000..f2e014f4b7 Binary files /dev/null and b/static/images/slider-bars.png differ diff --git a/static/images/slider-handle.png b/static/images/slider-handle.png new file mode 100644 index 0000000000..94ebe6f0bc Binary files /dev/null and b/static/images/slider-handle.png differ diff --git a/static/images/treeview-default.gif b/static/images/treeview-default.gif new file mode 100644 index 0000000000..fa3d8239ea Binary files /dev/null and b/static/images/treeview-default.gif differ diff --git a/static/images/twitter.png b/static/images/twitter.png new file mode 100644 index 0000000000..3d1856f834 Binary files /dev/null and b/static/images/twitter.png differ diff --git a/static/images/unanswered-icon.png b/static/images/unanswered-icon.png new file mode 100644 index 0000000000..8ea9669b8c Binary files /dev/null and b/static/images/unanswered-icon.png differ diff --git a/static/images/video-image.png b/static/images/video-image.png new file mode 100644 index 0000000000..379403a4c5 Binary files /dev/null and b/static/images/video-image.png differ diff --git a/static/js/askbot_jquery.min.js b/static/js/askbot_jquery.min.js new file mode 100644 index 0000000000..c941a5f7a9 --- /dev/null +++ b/static/js/askbot_jquery.min.js @@ -0,0 +1,166 @@ +/*! + * jQuery JavaScript Library v1.4.3 + * http://jquery.com/ + * + * Copyright 2010, John Resig + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * Includes Sizzle.js + * http://sizzlejs.com/ + * Copyright 2010, The Dojo Foundation + * Released under the MIT, BSD, and GPL Licenses. + * + * Date: Thu Oct 14 23:10:06 2010 -0400 + */ +(function(E,A){function U(){return false}function ba(){return true}function ja(a,b,d){d[0].type=a;return c.event.handle.apply(b,d)}function Ga(a){var b,d,e=[],f=[],h,k,l,n,s,v,B,D;k=c.data(this,this.nodeType?"events":"__events__");if(typeof k==="function")k=k.events;if(!(a.liveFired===this||!k||!k.live||a.button&&a.type==="click")){if(a.namespace)D=RegExp("(^|\\.)"+a.namespace.split(".").join("\\.(?:.*\\.)?")+"(\\.|$)");a.liveFired=this;var H=k.live.slice(0);for(n=0;nd)break;a.currentTarget=f.elem;a.data=f.handleObj.data; +a.handleObj=f.handleObj;D=f.handleObj.origHandler.apply(f.elem,arguments);if(D===false||a.isPropagationStopped()){d=f.level;if(D===false)b=false}}return b}}function Y(a,b){return(a&&a!=="*"?a+".":"")+b.replace(Ha,"`").replace(Ia,"&")}function ka(a,b,d){if(c.isFunction(b))return c.grep(a,function(f,h){return!!b.call(f,h,f)===d});else if(b.nodeType)return c.grep(a,function(f){return f===b===d});else if(typeof b==="string"){var e=c.grep(a,function(f){return f.nodeType===1});if(Ja.test(b))return c.filter(b, +e,!d);else b=c.filter(b,e)}return c.grep(a,function(f){return c.inArray(f,b)>=0===d})}function la(a,b){var d=0;b.each(function(){if(this.nodeName===(a[d]&&a[d].nodeName)){var e=c.data(a[d++]),f=c.data(this,e);if(e=e&&e.events){delete f.handle;f.events={};for(var h in e)for(var k in e[h])c.event.add(this,h,e[h][k],e[h][k].data)}}})}function Ka(a,b){b.src?c.ajax({url:b.src,async:false,dataType:"script"}):c.globalEval(b.text||b.textContent||b.innerHTML||"");b.parentNode&&b.parentNode.removeChild(b)} +function ma(a,b,d){var e=b==="width"?a.offsetWidth:a.offsetHeight;if(d==="border")return e;c.each(b==="width"?La:Ma,function(){d||(e-=parseFloat(c.css(a,"padding"+this))||0);if(d==="margin")e+=parseFloat(c.css(a,"margin"+this))||0;else e-=parseFloat(c.css(a,"border"+this+"Width"))||0});return e}function ca(a,b,d,e){if(c.isArray(b)&&b.length)c.each(b,function(f,h){d||Na.test(a)?e(a,h):ca(a+"["+(typeof h==="object"||c.isArray(h)?f:"")+"]",h,d,e)});else if(!d&&b!=null&&typeof b==="object")c.isEmptyObject(b)? +e(a,""):c.each(b,function(f,h){ca(a+"["+f+"]",h,d,e)});else e(a,b)}function S(a,b){var d={};c.each(na.concat.apply([],na.slice(0,b)),function(){d[this]=a});return d}function oa(a){if(!da[a]){var b=c("<"+a+">").appendTo("body"),d=b.css("display");b.remove();if(d==="none"||d==="")d="block";da[a]=d}return da[a]}function ea(a){return c.isWindow(a)?a:a.nodeType===9?a.defaultView||a.parentWindow:false}var u=E.document,c=function(){function a(){if(!b.isReady){try{u.documentElement.doScroll("left")}catch(i){setTimeout(a, +1);return}b.ready()}}var b=function(i,r){return new b.fn.init(i,r)},d=E.jQuery,e=E.$,f,h=/^(?:[^<]*(<[\w\W]+>)[^>]*$|#([\w\-]+)$)/,k=/\S/,l=/^\s+/,n=/\s+$/,s=/\W/,v=/\d/,B=/^<(\w+)\s*\/?>(?:<\/\1>)?$/,D=/^[\],:{}\s]*$/,H=/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,w=/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,G=/(?:^|:|,)(?:\s*\[)+/g,M=/(webkit)[ \/]([\w.]+)/,g=/(opera)(?:.*version)?[ \/]([\w.]+)/,j=/(msie) ([\w.]+)/,o=/(mozilla)(?:.*? rv:([\w.]+))?/,m=navigator.userAgent,p=false, +q=[],t,x=Object.prototype.toString,C=Object.prototype.hasOwnProperty,P=Array.prototype.push,N=Array.prototype.slice,R=String.prototype.trim,Q=Array.prototype.indexOf,L={};b.fn=b.prototype={init:function(i,r){var y,z,F;if(!i)return this;if(i.nodeType){this.context=this[0]=i;this.length=1;return this}if(i==="body"&&!r&&u.body){this.context=u;this[0]=u.body;this.selector="body";this.length=1;return this}if(typeof i==="string")if((y=h.exec(i))&&(y[1]||!r))if(y[1]){F=r?r.ownerDocument||r:u;if(z=B.exec(i))if(b.isPlainObject(r)){i= +[u.createElement(z[1])];b.fn.attr.call(i,r,true)}else i=[F.createElement(z[1])];else{z=b.buildFragment([y[1]],[F]);i=(z.cacheable?z.fragment.cloneNode(true):z.fragment).childNodes}return b.merge(this,i)}else{if((z=u.getElementById(y[2]))&&z.parentNode){if(z.id!==y[2])return f.find(i);this.length=1;this[0]=z}this.context=u;this.selector=i;return this}else if(!r&&!s.test(i)){this.selector=i;this.context=u;i=u.getElementsByTagName(i);return b.merge(this,i)}else return!r||r.jquery?(r||f).find(i):b(r).find(i); +else if(b.isFunction(i))return f.ready(i);if(i.selector!==A){this.selector=i.selector;this.context=i.context}return b.makeArray(i,this)},selector:"",jquery:"1.4.3",length:0,size:function(){return this.length},toArray:function(){return N.call(this,0)},get:function(i){return i==null?this.toArray():i<0?this.slice(i)[0]:this[i]},pushStack:function(i,r,y){var z=b();b.isArray(i)?P.apply(z,i):b.merge(z,i);z.prevObject=this;z.context=this.context;if(r==="find")z.selector=this.selector+(this.selector?" ": +"")+y;else if(r)z.selector=this.selector+"."+r+"("+y+")";return z},each:function(i,r){return b.each(this,i,r)},ready:function(i){b.bindReady();if(b.isReady)i.call(u,b);else q&&q.push(i);return this},eq:function(i){return i===-1?this.slice(i):this.slice(i,+i+1)},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},slice:function(){return this.pushStack(N.apply(this,arguments),"slice",N.call(arguments).join(","))},map:function(i){return this.pushStack(b.map(this,function(r,y){return i.call(r, +y,r)}))},end:function(){return this.prevObject||b(null)},push:P,sort:[].sort,splice:[].splice};b.fn.init.prototype=b.fn;b.extend=b.fn.extend=function(){var i=arguments[0]||{},r=1,y=arguments.length,z=false,F,I,K,J,fa;if(typeof i==="boolean"){z=i;i=arguments[1]||{};r=2}if(typeof i!=="object"&&!b.isFunction(i))i={};if(y===r){i=this;--r}for(;r0)){if(q){for(var r=0;i=q[r++];)i.call(u,b);q=null}b.fn.triggerHandler&&b(u).triggerHandler("ready")}}},bindReady:function(){if(!p){p=true;if(u.readyState==="complete")return setTimeout(b.ready, +1);if(u.addEventListener){u.addEventListener("DOMContentLoaded",t,false);E.addEventListener("load",b.ready,false)}else if(u.attachEvent){u.attachEvent("onreadystatechange",t);E.attachEvent("onload",b.ready);var i=false;try{i=E.frameElement==null}catch(r){}u.documentElement.doScroll&&i&&a()}}},isFunction:function(i){return b.type(i)==="function"},isArray:Array.isArray||function(i){return b.type(i)==="array"},isWindow:function(i){return i&&typeof i==="object"&&"setInterval"in i},isNaN:function(i){return i== +null||!v.test(i)||isNaN(i)},type:function(i){return i==null?String(i):L[x.call(i)]||"object"},isPlainObject:function(i){if(!i||b.type(i)!=="object"||i.nodeType||b.isWindow(i))return false;if(i.constructor&&!C.call(i,"constructor")&&!C.call(i.constructor.prototype,"isPrototypeOf"))return false;for(var r in i);return r===A||C.call(i,r)},isEmptyObject:function(i){for(var r in i)return false;return true},error:function(i){throw i;},parseJSON:function(i){if(typeof i!=="string"||!i)return null;i=b.trim(i); +if(D.test(i.replace(H,"@").replace(w,"]").replace(G,"")))return E.JSON&&E.JSON.parse?E.JSON.parse(i):(new Function("return "+i))();else b.error("Invalid JSON: "+i)},noop:function(){},globalEval:function(i){if(i&&k.test(i)){var r=u.getElementsByTagName("head")[0]||u.documentElement,y=u.createElement("script");y.type="text/javascript";if(b.support.scriptEval)y.appendChild(u.createTextNode(i));else y.text=i;r.insertBefore(y,r.firstChild);r.removeChild(y)}},nodeName:function(i,r){return i.nodeName&&i.nodeName.toUpperCase()=== +r.toUpperCase()},each:function(i,r,y){var z,F=0,I=i.length,K=I===A||b.isFunction(i);if(y)if(K)for(z in i){if(r.apply(i[z],y)===false)break}else for(;F";a=u.createDocumentFragment();a.appendChild(d.firstChild);c.support.checkClone=a.cloneNode(true).cloneNode(true).lastChild.checked;c(function(){var s=u.createElement("div"); +s.style.width=s.style.paddingLeft="1px";u.body.appendChild(s);c.boxModel=c.support.boxModel=s.offsetWidth===2;if("zoom"in s.style){s.style.display="inline";s.style.zoom=1;c.support.inlineBlockNeedsLayout=s.offsetWidth===2;s.style.display="";s.innerHTML="
";c.support.shrinkWrapBlocks=s.offsetWidth!==2}s.innerHTML="
t
";var v=s.getElementsByTagName("td");c.support.reliableHiddenOffsets=v[0].offsetHeight=== +0;v[0].style.display="";v[1].style.display="none";c.support.reliableHiddenOffsets=c.support.reliableHiddenOffsets&&v[0].offsetHeight===0;s.innerHTML="";u.body.removeChild(s).style.display="none"});a=function(s){var v=u.createElement("div");s="on"+s;var B=s in v;if(!B){v.setAttribute(s,"return;");B=typeof v[s]==="function"}return B};c.support.submitBubbles=a("submit");c.support.changeBubbles=a("change");a=b=d=f=h=null}})();c.props={"for":"htmlFor","class":"className",readonly:"readOnly",maxlength:"maxLength", +cellspacing:"cellSpacing",rowspan:"rowSpan",colspan:"colSpan",tabindex:"tabIndex",usemap:"useMap",frameborder:"frameBorder"};var pa={},Oa=/^(?:\{.*\}|\[.*\])$/;c.extend({cache:{},uuid:0,expando:"jQuery"+c.now(),noData:{embed:true,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",applet:true},data:function(a,b,d){if(c.acceptData(a)){a=a==E?pa:a;var e=a.nodeType,f=e?a[c.expando]:null,h=c.cache;if(!(e&&!f&&typeof b==="string"&&d===A)){if(e)f||(a[c.expando]=f=++c.uuid);else h=a;if(typeof b==="object")if(e)h[f]= +c.extend(h[f],b);else c.extend(h,b);else if(e&&!h[f])h[f]={};a=e?h[f]:h;if(d!==A)a[b]=d;return typeof b==="string"?a[b]:a}}},removeData:function(a,b){if(c.acceptData(a)){a=a==E?pa:a;var d=a.nodeType,e=d?a[c.expando]:a,f=c.cache,h=d?f[e]:e;if(b){if(h){delete h[b];d&&c.isEmptyObject(h)&&c.removeData(a)}}else if(d&&c.support.deleteExpando)delete a[c.expando];else if(a.removeAttribute)a.removeAttribute(c.expando);else if(d)delete f[e];else for(var k in a)delete a[k]}},acceptData:function(a){if(a.nodeName){var b= +c.noData[a.nodeName.toLowerCase()];if(b)return!(b===true||a.getAttribute("classid")!==b)}return true}});c.fn.extend({data:function(a,b){if(typeof a==="undefined")return this.length?c.data(this[0]):null;else if(typeof a==="object")return this.each(function(){c.data(this,a)});var d=a.split(".");d[1]=d[1]?"."+d[1]:"";if(b===A){var e=this.triggerHandler("getData"+d[1]+"!",[d[0]]);if(e===A&&this.length){e=c.data(this[0],a);if(e===A&&this[0].nodeType===1){e=this[0].getAttribute("data-"+a);if(typeof e=== +"string")try{e=e==="true"?true:e==="false"?false:e==="null"?null:!c.isNaN(e)?parseFloat(e):Oa.test(e)?c.parseJSON(e):e}catch(f){}else e=A}}return e===A&&d[1]?this.data(d[0]):e}else return this.each(function(){var h=c(this),k=[d[0],b];h.triggerHandler("setData"+d[1]+"!",k);c.data(this,a,b);h.triggerHandler("changeData"+d[1]+"!",k)})},removeData:function(a){return this.each(function(){c.removeData(this,a)})}});c.extend({queue:function(a,b,d){if(a){b=(b||"fx")+"queue";var e=c.data(a,b);if(!d)return e|| +[];if(!e||c.isArray(d))e=c.data(a,b,c.makeArray(d));else e.push(d);return e}},dequeue:function(a,b){b=b||"fx";var d=c.queue(a,b),e=d.shift();if(e==="inprogress")e=d.shift();if(e){b==="fx"&&d.unshift("inprogress");e.call(a,function(){c.dequeue(a,b)})}}});c.fn.extend({queue:function(a,b){if(typeof a!=="string"){b=a;a="fx"}if(b===A)return c.queue(this[0],a);return this.each(function(){var d=c.queue(this,a,b);a==="fx"&&d[0]!=="inprogress"&&c.dequeue(this,a)})},dequeue:function(a){return this.each(function(){c.dequeue(this, +a)})},delay:function(a,b){a=c.fx?c.fx.speeds[a]||a:a;b=b||"fx";return this.queue(b,function(){var d=this;setTimeout(function(){c.dequeue(d,b)},a)})},clearQueue:function(a){return this.queue(a||"fx",[])}});var qa=/[\n\t]/g,ga=/\s+/,Pa=/\r/g,Qa=/^(?:href|src|style)$/,Ra=/^(?:button|input)$/i,Sa=/^(?:button|input|object|select|textarea)$/i,Ta=/^a(?:rea)?$/i,ra=/^(?:radio|checkbox)$/i;c.fn.extend({attr:function(a,b){return c.access(this,a,b,true,c.attr)},removeAttr:function(a){return this.each(function(){c.attr(this, +a,"");this.nodeType===1&&this.removeAttribute(a)})},addClass:function(a){if(c.isFunction(a))return this.each(function(s){var v=c(this);v.addClass(a.call(this,s,v.attr("class")))});if(a&&typeof a==="string")for(var b=(a||"").split(ga),d=0,e=this.length;d-1)return true;return false}, +val:function(a){if(!arguments.length){var b=this[0];if(b){if(c.nodeName(b,"option")){var d=b.attributes.value;return!d||d.specified?b.value:b.text}if(c.nodeName(b,"select")){var e=b.selectedIndex;d=[];var f=b.options;b=b.type==="select-one";if(e<0)return null;var h=b?e:0;for(e=b?e+1:f.length;h=0;else if(c.nodeName(this,"select")){var B=c.makeArray(v);c("option",this).each(function(){this.selected= +c.inArray(c(this).val(),B)>=0});if(!B.length)this.selectedIndex=-1}else this.value=v}})}});c.extend({attrFn:{val:true,css:true,html:true,text:true,data:true,width:true,height:true,offset:true},attr:function(a,b,d,e){if(!a||a.nodeType===3||a.nodeType===8)return A;if(e&&b in c.attrFn)return c(a)[b](d);e=a.nodeType!==1||!c.isXMLDoc(a);var f=d!==A;b=e&&c.props[b]||b;if(a.nodeType===1){var h=Qa.test(b);if((b in a||a[b]!==A)&&e&&!h){if(f){b==="type"&&Ra.test(a.nodeName)&&a.parentNode&&c.error("type property can't be changed"); +if(d===null)a.nodeType===1&&a.removeAttribute(b);else a[b]=d}if(c.nodeName(a,"form")&&a.getAttributeNode(b))return a.getAttributeNode(b).nodeValue;if(b==="tabIndex")return(b=a.getAttributeNode("tabIndex"))&&b.specified?b.value:Sa.test(a.nodeName)||Ta.test(a.nodeName)&&a.href?0:A;return a[b]}if(!c.support.style&&e&&b==="style"){if(f)a.style.cssText=""+d;return a.style.cssText}f&&a.setAttribute(b,""+d);if(!a.attributes[b]&&a.hasAttribute&&!a.hasAttribute(b))return A;a=!c.support.hrefNormalized&&e&& +h?a.getAttribute(b,2):a.getAttribute(b);return a===null?A:a}}});var X=/\.(.*)$/,ha=/^(?:textarea|input|select)$/i,Ha=/\./g,Ia=/ /g,Ua=/[^\w\s.|`]/g,Va=function(a){return a.replace(Ua,"\\$&")},sa={focusin:0,focusout:0};c.event={add:function(a,b,d,e){if(!(a.nodeType===3||a.nodeType===8)){if(c.isWindow(a)&&a!==E&&!a.frameElement)a=E;if(d===false)d=U;var f,h;if(d.handler){f=d;d=f.handler}if(!d.guid)d.guid=c.guid++;if(h=c.data(a)){var k=a.nodeType?"events":"__events__",l=h[k],n=h.handle;if(typeof l=== +"function"){n=l.handle;l=l.events}else if(!l){a.nodeType||(h[k]=h=function(){});h.events=l={}}if(!n)h.handle=n=function(){return typeof c!=="undefined"&&!c.event.triggered?c.event.handle.apply(n.elem,arguments):A};n.elem=a;b=b.split(" ");for(var s=0,v;k=b[s++];){h=f?c.extend({},f):{handler:d,data:e};if(k.indexOf(".")>-1){v=k.split(".");k=v.shift();h.namespace=v.slice(0).sort().join(".")}else{v=[];h.namespace=""}h.type=k;if(!h.guid)h.guid=d.guid;var B=l[k],D=c.event.special[k]||{};if(!B){B=l[k]=[]; +if(!D.setup||D.setup.call(a,e,v,n)===false)if(a.addEventListener)a.addEventListener(k,n,false);else a.attachEvent&&a.attachEvent("on"+k,n)}if(D.add){D.add.call(a,h);if(!h.handler.guid)h.handler.guid=d.guid}B.push(h);c.event.global[k]=true}a=null}}},global:{},remove:function(a,b,d,e){if(!(a.nodeType===3||a.nodeType===8)){if(d===false)d=U;var f,h,k=0,l,n,s,v,B,D,H=a.nodeType?"events":"__events__",w=c.data(a),G=w&&w[H];if(w&&G){if(typeof G==="function"){w=G;G=G.events}if(b&&b.type){d=b.handler;b=b.type}if(!b|| +typeof b==="string"&&b.charAt(0)==="."){b=b||"";for(f in G)c.event.remove(a,f+b)}else{for(b=b.split(" ");f=b[k++];){v=f;l=f.indexOf(".")<0;n=[];if(!l){n=f.split(".");f=n.shift();s=RegExp("(^|\\.)"+c.map(n.slice(0).sort(),Va).join("\\.(?:.*\\.)?")+"(\\.|$)")}if(B=G[f])if(d){v=c.event.special[f]||{};for(h=e||0;h=0){a.type= +f=f.slice(0,-1);a.exclusive=true}if(!d){a.stopPropagation();c.event.global[f]&&c.each(c.cache,function(){this.events&&this.events[f]&&c.event.trigger(a,b,this.handle.elem)})}if(!d||d.nodeType===3||d.nodeType===8)return A;a.result=A;a.target=d;b=c.makeArray(b);b.unshift(a)}a.currentTarget=d;(e=d.nodeType?c.data(d,"handle"):(c.data(d,"__events__")||{}).handle)&&e.apply(d,b);e=d.parentNode||d.ownerDocument;try{if(!(d&&d.nodeName&&c.noData[d.nodeName.toLowerCase()]))if(d["on"+f]&&d["on"+f].apply(d,b)=== +false){a.result=false;a.preventDefault()}}catch(h){}if(!a.isPropagationStopped()&&e)c.event.trigger(a,b,e,true);else if(!a.isDefaultPrevented()){e=a.target;var k,l=f.replace(X,""),n=c.nodeName(e,"a")&&l==="click",s=c.event.special[l]||{};if((!s._default||s._default.call(d,a)===false)&&!n&&!(e&&e.nodeName&&c.noData[e.nodeName.toLowerCase()])){try{if(e[l]){if(k=e["on"+l])e["on"+l]=null;c.event.triggered=true;e[l]()}}catch(v){}if(k)e["on"+l]=k;c.event.triggered=false}}},handle:function(a){var b,d,e; +d=[];var f,h=c.makeArray(arguments);a=h[0]=c.event.fix(a||E.event);a.currentTarget=this;b=a.type.indexOf(".")<0&&!a.exclusive;if(!b){e=a.type.split(".");a.type=e.shift();d=e.slice(0).sort();e=RegExp("(^|\\.)"+d.join("\\.(?:.*\\.)?")+"(\\.|$)")}a.namespace=a.namespace||d.join(".");f=c.data(this,this.nodeType?"events":"__events__");if(typeof f==="function")f=f.events;d=(f||{})[a.type];if(f&&d){d=d.slice(0);f=0;for(var k=d.length;f-1?c.map(a.options,function(e){return e.selected}).join("-"):"";else if(a.nodeName.toLowerCase()==="select")d=a.selectedIndex;return d},Z=function(a,b){var d=a.target,e,f;if(!(!ha.test(d.nodeName)||d.readOnly)){e=c.data(d,"_change_data");f=va(d);if(a.type!=="focusout"||d.type!=="radio")c.data(d,"_change_data",f);if(!(e===A||f===e))if(e!=null||f){a.type="change";a.liveFired= +A;return c.event.trigger(a,b,d)}}};c.event.special.change={filters:{focusout:Z,beforedeactivate:Z,click:function(a){var b=a.target,d=b.type;if(d==="radio"||d==="checkbox"||b.nodeName.toLowerCase()==="select")return Z.call(this,a)},keydown:function(a){var b=a.target,d=b.type;if(a.keyCode===13&&b.nodeName.toLowerCase()!=="textarea"||a.keyCode===32&&(d==="checkbox"||d==="radio")||d==="select-multiple")return Z.call(this,a)},beforeactivate:function(a){a=a.target;c.data(a,"_change_data",va(a))}},setup:function(){if(this.type=== +"file")return false;for(var a in V)c.event.add(this,a+".specialChange",V[a]);return ha.test(this.nodeName)},teardown:function(){c.event.remove(this,".specialChange");return ha.test(this.nodeName)}};V=c.event.special.change.filters;V.focus=V.beforeactivate}u.addEventListener&&c.each({focus:"focusin",blur:"focusout"},function(a,b){function d(e){e=c.event.fix(e);e.type=b;return c.event.trigger(e,null,e.target)}c.event.special[b]={setup:function(){sa[b]++===0&&u.addEventListener(a,d,true)},teardown:function(){--sa[b]=== +0&&u.removeEventListener(a,d,true)}}});c.each(["bind","one"],function(a,b){c.fn[b]=function(d,e,f){if(typeof d==="object"){for(var h in d)this[b](h,e,d[h],f);return this}if(c.isFunction(e)||e===false){f=e;e=A}var k=b==="one"?c.proxy(f,function(n){c(this).unbind(n,k);return f.apply(this,arguments)}):f;if(d==="unload"&&b!=="one")this.one(d,e,f);else{h=0;for(var l=this.length;h0?this.bind(b,d,e):this.trigger(b)};if(c.attrFn)c.attrFn[b]=true});E.attachEvent&&!E.addEventListener&&c(E).bind("unload",function(){for(var a in c.cache)if(c.cache[a].handle)try{c.event.remove(c.cache[a].handle.elem)}catch(b){}}); +(function(){function a(g,j,o,m,p,q){p=0;for(var t=m.length;p0){C=x;break}}x=x[g]}m[p]=C}}}var d=/((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^\[\]]*\]|['"][^'"]*['"]|[^\[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,e=0,f=Object.prototype.toString,h=false,k=true;[0,0].sort(function(){k=false;return 0});var l=function(g,j,o,m){o=o||[];var p=j=j||u;if(j.nodeType!==1&&j.nodeType!==9)return[];if(!g||typeof g!=="string")return o;var q=[],t,x,C,P,N=true,R=l.isXML(j),Q=g,L;do{d.exec("");if(t=d.exec(Q)){Q=t[3];q.push(t[1]);if(t[2]){P=t[3]; +break}}}while(t);if(q.length>1&&s.exec(g))if(q.length===2&&n.relative[q[0]])x=M(q[0]+q[1],j);else for(x=n.relative[q[0]]?[j]:l(q.shift(),j);q.length;){g=q.shift();if(n.relative[g])g+=q.shift();x=M(g,x)}else{if(!m&&q.length>1&&j.nodeType===9&&!R&&n.match.ID.test(q[0])&&!n.match.ID.test(q[q.length-1])){t=l.find(q.shift(),j,R);j=t.expr?l.filter(t.expr,t.set)[0]:t.set[0]}if(j){t=m?{expr:q.pop(),set:D(m)}:l.find(q.pop(),q.length===1&&(q[0]==="~"||q[0]==="+")&&j.parentNode?j.parentNode:j,R);x=t.expr?l.filter(t.expr, +t.set):t.set;if(q.length>0)C=D(x);else N=false;for(;q.length;){t=L=q.pop();if(n.relative[L])t=q.pop();else L="";if(t==null)t=j;n.relative[L](C,t,R)}}else C=[]}C||(C=x);C||l.error(L||g);if(f.call(C)==="[object Array]")if(N)if(j&&j.nodeType===1)for(g=0;C[g]!=null;g++){if(C[g]&&(C[g]===true||C[g].nodeType===1&&l.contains(j,C[g])))o.push(x[g])}else for(g=0;C[g]!=null;g++)C[g]&&C[g].nodeType===1&&o.push(x[g]);else o.push.apply(o,C);else D(C,o);if(P){l(P,p,o,m);l.uniqueSort(o)}return o};l.uniqueSort=function(g){if(w){h= +k;g.sort(w);if(h)for(var j=1;j0};l.find=function(g,j,o){var m;if(!g)return[];for(var p=0,q=n.order.length;p":function(g,j){var o=typeof j==="string",m,p=0,q=g.length;if(o&&!/\W/.test(j))for(j=j.toLowerCase();p=0))o||m.push(t);else if(o)j[q]=false;return false},ID:function(g){return g[1].replace(/\\/g,"")},TAG:function(g){return g[1].toLowerCase()},CHILD:function(g){if(g[1]==="nth"){var j=/(-?)(\d*)n((?:\+|-)?\d*)/.exec(g[2]==="even"&&"2n"||g[2]==="odd"&&"2n+1"||!/\D/.test(g[2])&&"0n+"+g[2]||g[2]);g[2]=j[1]+(j[2]||1)-0;g[3]=j[3]-0}g[0]=e++;return g},ATTR:function(g,j,o, +m,p,q){j=g[1].replace(/\\/g,"");if(!q&&n.attrMap[j])g[1]=n.attrMap[j];if(g[2]==="~=")g[4]=" "+g[4]+" ";return g},PSEUDO:function(g,j,o,m,p){if(g[1]==="not")if((d.exec(g[3])||"").length>1||/^\w/.test(g[3]))g[3]=l(g[3],null,null,j);else{g=l.filter(g[3],j,o,true^p);o||m.push.apply(m,g);return false}else if(n.match.POS.test(g[0])||n.match.CHILD.test(g[0]))return true;return g},POS:function(g){g.unshift(true);return g}},filters:{enabled:function(g){return g.disabled===false&&g.type!=="hidden"},disabled:function(g){return g.disabled=== +true},checked:function(g){return g.checked===true},selected:function(g){return g.selected===true},parent:function(g){return!!g.firstChild},empty:function(g){return!g.firstChild},has:function(g,j,o){return!!l(o[3],g).length},header:function(g){return/h\d/i.test(g.nodeName)},text:function(g){return"text"===g.type},radio:function(g){return"radio"===g.type},checkbox:function(g){return"checkbox"===g.type},file:function(g){return"file"===g.type},password:function(g){return"password"===g.type},submit:function(g){return"submit"=== +g.type},image:function(g){return"image"===g.type},reset:function(g){return"reset"===g.type},button:function(g){return"button"===g.type||g.nodeName.toLowerCase()==="button"},input:function(g){return/input|select|textarea|button/i.test(g.nodeName)}},setFilters:{first:function(g,j){return j===0},last:function(g,j,o,m){return j===m.length-1},even:function(g,j){return j%2===0},odd:function(g,j){return j%2===1},lt:function(g,j,o){return jo[3]-0},nth:function(g,j,o){return o[3]- +0===j},eq:function(g,j,o){return o[3]-0===j}},filter:{PSEUDO:function(g,j,o,m){var p=j[1],q=n.filters[p];if(q)return q(g,o,j,m);else if(p==="contains")return(g.textContent||g.innerText||l.getText([g])||"").indexOf(j[3])>=0;else if(p==="not"){j=j[3];o=0;for(m=j.length;o=0}},ID:function(g,j){return g.nodeType===1&&g.getAttribute("id")===j},TAG:function(g,j){return j==="*"&&g.nodeType===1||g.nodeName.toLowerCase()=== +j},CLASS:function(g,j){return(" "+(g.className||g.getAttribute("class"))+" ").indexOf(j)>-1},ATTR:function(g,j){var o=j[1];o=n.attrHandle[o]?n.attrHandle[o](g):g[o]!=null?g[o]:g.getAttribute(o);var m=o+"",p=j[2],q=j[4];return o==null?p==="!=":p==="="?m===q:p==="*="?m.indexOf(q)>=0:p==="~="?(" "+m+" ").indexOf(q)>=0:!q?m&&o!==false:p==="!="?m!==q:p==="^="?m.indexOf(q)===0:p==="$="?m.substr(m.length-q.length)===q:p==="|="?m===q||m.substr(0,q.length+1)===q+"-":false},POS:function(g,j,o,m){var p=n.setFilters[j[2]]; +if(p)return p(g,o,j,m)}}},s=n.match.POS,v=function(g,j){return"\\"+(j-0+1)},B;for(B in n.match){n.match[B]=RegExp(n.match[B].source+/(?![^\[]*\])(?![^\(]*\))/.source);n.leftMatch[B]=RegExp(/(^(?:.|\r|\n)*?)/.source+n.match[B].source.replace(/\\(\d+)/g,v))}var D=function(g,j){g=Array.prototype.slice.call(g,0);if(j){j.push.apply(j,g);return j}return g};try{Array.prototype.slice.call(u.documentElement.childNodes,0)}catch(H){D=function(g,j){var o=j||[],m=0;if(f.call(g)==="[object Array]")Array.prototype.push.apply(o, +g);else if(typeof g.length==="number")for(var p=g.length;m";var o=u.documentElement;o.insertBefore(g,o.firstChild);if(u.getElementById(j)){n.find.ID=function(m,p,q){if(typeof p.getElementById!=="undefined"&&!q)return(p=p.getElementById(m[1]))?p.id===m[1]||typeof p.getAttributeNode!=="undefined"&&p.getAttributeNode("id").nodeValue===m[1]?[p]:A:[]};n.filter.ID=function(m,p){var q=typeof m.getAttributeNode!=="undefined"&&m.getAttributeNode("id");return m.nodeType===1&&q&&q.nodeValue===p}}o.removeChild(g); +o=g=null})();(function(){var g=u.createElement("div");g.appendChild(u.createComment(""));if(g.getElementsByTagName("*").length>0)n.find.TAG=function(j,o){var m=o.getElementsByTagName(j[1]);if(j[1]==="*"){for(var p=[],q=0;m[q];q++)m[q].nodeType===1&&p.push(m[q]);m=p}return m};g.innerHTML="";if(g.firstChild&&typeof g.firstChild.getAttribute!=="undefined"&&g.firstChild.getAttribute("href")!=="#")n.attrHandle.href=function(j){return j.getAttribute("href",2)};g=null})();u.querySelectorAll&& +function(){var g=l,j=u.createElement("div");j.innerHTML="

";if(!(j.querySelectorAll&&j.querySelectorAll(".TEST").length===0)){l=function(m,p,q,t){p=p||u;if(!t&&!l.isXML(p))if(p.nodeType===9)try{return D(p.querySelectorAll(m),q)}catch(x){}else if(p.nodeType===1&&p.nodeName.toLowerCase()!=="object"){var C=p.id,P=p.id="__sizzle__";try{return D(p.querySelectorAll("#"+P+" "+m),q)}catch(N){}finally{if(C)p.id=C;else p.removeAttribute("id")}}return g(m,p,q,t)};for(var o in g)l[o]=g[o]; +j=null}}();(function(){var g=u.documentElement,j=g.matchesSelector||g.mozMatchesSelector||g.webkitMatchesSelector||g.msMatchesSelector,o=false;try{j.call(u.documentElement,":sizzle")}catch(m){o=true}if(j)l.matchesSelector=function(p,q){try{if(o||!n.match.PSEUDO.test(q))return j.call(p,q)}catch(t){}return l(q,null,null,[p]).length>0}})();(function(){var g=u.createElement("div");g.innerHTML="
";if(!(!g.getElementsByClassName||g.getElementsByClassName("e").length=== +0)){g.lastChild.className="e";if(g.getElementsByClassName("e").length!==1){n.order.splice(1,0,"CLASS");n.find.CLASS=function(j,o,m){if(typeof o.getElementsByClassName!=="undefined"&&!m)return o.getElementsByClassName(j[1])};g=null}}})();l.contains=u.documentElement.contains?function(g,j){return g!==j&&(g.contains?g.contains(j):true)}:function(g,j){return!!(g.compareDocumentPosition(j)&16)};l.isXML=function(g){return(g=(g?g.ownerDocument||g:0).documentElement)?g.nodeName!=="HTML":false};var M=function(g, +j){for(var o=[],m="",p,q=j.nodeType?[j]:j;p=n.match.PSEUDO.exec(g);){m+=p[0];g=g.replace(n.match.PSEUDO,"")}g=n.relative[g]?g+"*":g;p=0;for(var t=q.length;p0)for(var h=d;h0},closest:function(a, +b){var d=[],e,f,h=this[0];if(c.isArray(a)){var k={},l,n=1;if(h&&a.length){e=0;for(f=a.length;e-1:c(h).is(e))d.push({selector:l,elem:h,level:n})}h=h.parentNode;n++}}return d}k=$a.test(a)?c(a,b||this.context):null;e=0;for(f=this.length;e-1:c.find.matchesSelector(h,a)){d.push(h);break}else{h=h.parentNode;if(!h|| +!h.ownerDocument||h===b)break}d=d.length>1?c.unique(d):d;return this.pushStack(d,"closest",a)},index:function(a){if(!a||typeof a==="string")return c.inArray(this[0],a?c(a):this.parent().children());return c.inArray(a.jquery?a[0]:a,this)},add:function(a,b){var d=typeof a==="string"?c(a,b||this.context):c.makeArray(a),e=c.merge(this.get(),d);return this.pushStack(!d[0]||!d[0].parentNode||d[0].parentNode.nodeType===11||!e[0]||!e[0].parentNode||e[0].parentNode.nodeType===11?e:c.unique(e))},andSelf:function(){return this.add(this.prevObject)}}); +c.each({parent:function(a){return(a=a.parentNode)&&a.nodeType!==11?a:null},parents:function(a){return c.dir(a,"parentNode")},parentsUntil:function(a,b,d){return c.dir(a,"parentNode",d)},next:function(a){return c.nth(a,2,"nextSibling")},prev:function(a){return c.nth(a,2,"previousSibling")},nextAll:function(a){return c.dir(a,"nextSibling")},prevAll:function(a){return c.dir(a,"previousSibling")},nextUntil:function(a,b,d){return c.dir(a,"nextSibling",d)},prevUntil:function(a,b,d){return c.dir(a,"previousSibling", +d)},siblings:function(a){return c.sibling(a.parentNode.firstChild,a)},children:function(a){return c.sibling(a.firstChild)},contents:function(a){return c.nodeName(a,"iframe")?a.contentDocument||a.contentWindow.document:c.makeArray(a.childNodes)}},function(a,b){c.fn[a]=function(d,e){var f=c.map(this,b,d);Wa.test(a)||(e=d);if(e&&typeof e==="string")f=c.filter(e,f);f=this.length>1?c.unique(f):f;if((this.length>1||Ya.test(e))&&Xa.test(a))f=f.reverse();return this.pushStack(f,a,Za.call(arguments).join(","))}}); +c.extend({filter:function(a,b,d){if(d)a=":not("+a+")";return b.length===1?c.find.matchesSelector(b[0],a)?[b[0]]:[]:c.find.matches(a,b)},dir:function(a,b,d){var e=[];for(a=a[b];a&&a.nodeType!==9&&(d===A||a.nodeType!==1||!c(a).is(d));){a.nodeType===1&&e.push(a);a=a[b]}return e},nth:function(a,b,d){b=b||1;for(var e=0;a;a=a[d])if(a.nodeType===1&&++e===b)break;return a},sibling:function(a,b){for(var d=[];a;a=a.nextSibling)a.nodeType===1&&a!==b&&d.push(a);return d}});var xa=/ jQuery\d+="(?:\d+|null)"/g, +$=/^\s+/,ya=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,za=/<([\w:]+)/,ab=/\s]+\/)>/g,O={option:[1,""],legend:[1,"
","
"],thead:[1,"","
"],tr:[2,"","
"],td:[3,"","
"],col:[2,"","
"], +area:[1,"",""],_default:[0,"",""]};O.optgroup=O.option;O.tbody=O.tfoot=O.colgroup=O.caption=O.thead;O.th=O.td;if(!c.support.htmlSerialize)O._default=[1,"div
","
"];c.fn.extend({text:function(a){if(c.isFunction(a))return this.each(function(b){var d=c(this);d.text(a.call(this,b,d.text()))});if(typeof a!=="object"&&a!==A)return this.empty().append((this[0]&&this[0].ownerDocument||u).createTextNode(a));return c.text(this)},wrapAll:function(a){if(c.isFunction(a))return this.each(function(d){c(this).wrapAll(a.call(this, +d))});if(this[0]){var b=c(a,this[0].ownerDocument).eq(0).clone(true);this[0].parentNode&&b.insertBefore(this[0]);b.map(function(){for(var d=this;d.firstChild&&d.firstChild.nodeType===1;)d=d.firstChild;return d}).append(this)}return this},wrapInner:function(a){if(c.isFunction(a))return this.each(function(b){c(this).wrapInner(a.call(this,b))});return this.each(function(){var b=c(this),d=b.contents();d.length?d.wrapAll(a):b.append(a)})},wrap:function(a){return this.each(function(){c(this).wrapAll(a)})}, +unwrap:function(){return this.parent().each(function(){c.nodeName(this,"body")||c(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,true,function(a){this.nodeType===1&&this.appendChild(a)})},prepend:function(){return this.domManip(arguments,true,function(a){this.nodeType===1&&this.insertBefore(a,this.firstChild)})},before:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,false,function(b){this.parentNode.insertBefore(b,this)});else if(arguments.length){var a= +c(arguments[0]);a.push.apply(a,this.toArray());return this.pushStack(a,"before",arguments)}},after:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,false,function(b){this.parentNode.insertBefore(b,this.nextSibling)});else if(arguments.length){var a=this.pushStack(this,"after",arguments);a.push.apply(a,c(arguments[0]).toArray());return a}},remove:function(a,b){for(var d=0,e;(e=this[d])!=null;d++)if(!a||c.filter(a,[e]).length){if(!b&&e.nodeType===1){c.cleanData(e.getElementsByTagName("*")); +c.cleanData([e])}e.parentNode&&e.parentNode.removeChild(e)}return this},empty:function(){for(var a=0,b;(b=this[a])!=null;a++)for(b.nodeType===1&&c.cleanData(b.getElementsByTagName("*"));b.firstChild;)b.removeChild(b.firstChild);return this},clone:function(a){var b=this.map(function(){if(!c.support.noCloneEvent&&!c.isXMLDoc(this)){var d=this.outerHTML,e=this.ownerDocument;if(!d){d=e.createElement("div");d.appendChild(this.cloneNode(true));d=d.innerHTML}return c.clean([d.replace(xa,"").replace(cb,'="$1">').replace($, +"")],e)[0]}else return this.cloneNode(true)});if(a===true){la(this,b);la(this.find("*"),b.find("*"))}return b},html:function(a){if(a===A)return this[0]&&this[0].nodeType===1?this[0].innerHTML.replace(xa,""):null;else if(typeof a==="string"&&!Aa.test(a)&&(c.support.leadingWhitespace||!$.test(a))&&!O[(za.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(ya,"<$1>");try{for(var b=0,d=this.length;b0||e.cacheable||this.length>1?l.cloneNode(true):l)}k.length&&c.each(k,Ka)}return this}});c.buildFragment=function(a,b,d){var e,f,h;b=b&&b[0]?b[0].ownerDocument||b[0]:u;if(a.length===1&&typeof a[0]==="string"&&a[0].length<512&&b===u&&!Aa.test(a[0])&&(c.support.checkClone|| +!Ba.test(a[0]))){f=true;if(h=c.fragments[a[0]])if(h!==1)e=h}if(!e){e=b.createDocumentFragment();c.clean(a,b,e,d)}if(f)c.fragments[a[0]]=h?e:1;return{fragment:e,cacheable:f}};c.fragments={};c.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){c.fn[a]=function(d){var e=[];d=c(d);var f=this.length===1&&this[0].parentNode;if(f&&f.nodeType===11&&f.childNodes.length===1&&d.length===1){d[b](this[0]);return this}else{f=0;for(var h= +d.length;f0?this.clone(true):this).get();c(d[f])[b](k);e=e.concat(k)}return this.pushStack(e,a,d.selector)}}});c.extend({clean:function(a,b,d,e){b=b||u;if(typeof b.createElement==="undefined")b=b.ownerDocument||b[0]&&b[0].ownerDocument||u;for(var f=[],h=0,k;(k=a[h])!=null;h++){if(typeof k==="number")k+="";if(k){if(typeof k==="string"&&!bb.test(k))k=b.createTextNode(k);else if(typeof k==="string"){k=k.replace(ya,"<$1>");var l=(za.exec(k)||["",""])[1].toLowerCase(),n=O[l]||O._default, +s=n[0],v=b.createElement("div");for(v.innerHTML=n[1]+k+n[2];s--;)v=v.lastChild;if(!c.support.tbody){s=ab.test(k);l=l==="table"&&!s?v.firstChild&&v.firstChild.childNodes:n[1]===""&&!s?v.childNodes:[];for(n=l.length-1;n>=0;--n)c.nodeName(l[n],"tbody")&&!l[n].childNodes.length&&l[n].parentNode.removeChild(l[n])}!c.support.leadingWhitespace&&$.test(k)&&v.insertBefore(b.createTextNode($.exec(k)[0]),v.firstChild);k=v.childNodes}if(k.nodeType)f.push(k);else f=c.merge(f,k)}}if(d)for(h=0;f[h];h++)if(e&& +c.nodeName(f[h],"script")&&(!f[h].type||f[h].type.toLowerCase()==="text/javascript"))e.push(f[h].parentNode?f[h].parentNode.removeChild(f[h]):f[h]);else{f[h].nodeType===1&&f.splice.apply(f,[h+1,0].concat(c.makeArray(f[h].getElementsByTagName("script"))));d.appendChild(f[h])}return f},cleanData:function(a){for(var b,d,e=c.cache,f=c.event.special,h=c.support.deleteExpando,k=0,l;(l=a[k])!=null;k++)if(!(l.nodeName&&c.noData[l.nodeName.toLowerCase()]))if(d=l[c.expando]){if((b=e[d])&&b.events)for(var n in b.events)f[n]? +c.event.remove(l,n):c.removeEvent(l,n,b.handle);if(h)delete l[c.expando];else l.removeAttribute&&l.removeAttribute(c.expando);delete e[d]}}});var Ca=/alpha\([^)]*\)/i,db=/opacity=([^)]*)/,eb=/-([a-z])/ig,fb=/([A-Z])/g,Da=/^-?\d+(?:px)?$/i,gb=/^-?\d/,hb={position:"absolute",visibility:"hidden",display:"block"},La=["Left","Right"],Ma=["Top","Bottom"],W,ib=u.defaultView&&u.defaultView.getComputedStyle,jb=function(a,b){return b.toUpperCase()};c.fn.css=function(a,b){if(arguments.length===2&&b===A)return this; +return c.access(this,a,b,true,function(d,e,f){return f!==A?c.style(d,e,f):c.css(d,e)})};c.extend({cssHooks:{opacity:{get:function(a,b){if(b){var d=W(a,"opacity","opacity");return d===""?"1":d}else return a.style.opacity}}},cssNumber:{zIndex:true,fontWeight:true,opacity:true,zoom:true,lineHeight:true},cssProps:{"float":c.support.cssFloat?"cssFloat":"styleFloat"},style:function(a,b,d,e){if(!(!a||a.nodeType===3||a.nodeType===8||!a.style)){var f,h=c.camelCase(b),k=a.style,l=c.cssHooks[h];b=c.cssProps[h]|| +h;if(d!==A){if(!(typeof d==="number"&&isNaN(d)||d==null)){if(typeof d==="number"&&!c.cssNumber[h])d+="px";if(!l||!("set"in l)||(d=l.set(a,d))!==A)try{k[b]=d}catch(n){}}}else{if(l&&"get"in l&&(f=l.get(a,false,e))!==A)return f;return k[b]}}},css:function(a,b,d){var e,f=c.camelCase(b),h=c.cssHooks[f];b=c.cssProps[f]||f;if(h&&"get"in h&&(e=h.get(a,true,d))!==A)return e;else if(W)return W(a,b,f)},swap:function(a,b,d){var e={},f;for(f in b){e[f]=a.style[f];a.style[f]=b[f]}d.call(a);for(f in b)a.style[f]= +e[f]},camelCase:function(a){return a.replace(eb,jb)}});c.curCSS=c.css;c.each(["height","width"],function(a,b){c.cssHooks[b]={get:function(d,e,f){var h;if(e){if(d.offsetWidth!==0)h=ma(d,b,f);else c.swap(d,hb,function(){h=ma(d,b,f)});return h+"px"}},set:function(d,e){if(Da.test(e)){e=parseFloat(e);if(e>=0)return e+"px"}else return e}}});if(!c.support.opacity)c.cssHooks.opacity={get:function(a,b){return db.test((b&&a.currentStyle?a.currentStyle.filter:a.style.filter)||"")?parseFloat(RegExp.$1)/100+"": +b?"1":""},set:function(a,b){var d=a.style;d.zoom=1;var e=c.isNaN(b)?"":"alpha(opacity="+b*100+")",f=d.filter||"";d.filter=Ca.test(f)?f.replace(Ca,e):d.filter+" "+e}};if(ib)W=function(a,b,d){var e;d=d.replace(fb,"-$1").toLowerCase();if(!(b=a.ownerDocument.defaultView))return A;if(b=b.getComputedStyle(a,null)){e=b.getPropertyValue(d);if(e===""&&!c.contains(a.ownerDocument.documentElement,a))e=c.style(a,d)}return e};else if(u.documentElement.currentStyle)W=function(a,b){var d,e,f=a.currentStyle&&a.currentStyle[b], +h=a.style;if(!Da.test(f)&&gb.test(f)){d=h.left;e=a.runtimeStyle.left;a.runtimeStyle.left=a.currentStyle.left;h.left=b==="fontSize"?"1em":f||0;f=h.pixelLeft+"px";h.left=d;a.runtimeStyle.left=e}return f};if(c.expr&&c.expr.filters){c.expr.filters.hidden=function(a){var b=a.offsetHeight;return a.offsetWidth===0&&b===0||!c.support.reliableHiddenOffsets&&(a.style.display||c.css(a,"display"))==="none"};c.expr.filters.visible=function(a){return!c.expr.filters.hidden(a)}}var kb=c.now(),lb=/)<[^<]*)*<\/script>/gi, +mb=/^(?:select|textarea)/i,nb=/^(?:color|date|datetime|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,ob=/^(?:GET|HEAD|DELETE)$/,Na=/\[\]$/,T=/\=\?(&|$)/,ia=/\?/,pb=/([?&])_=[^&]*/,qb=/^(\w+:)?\/\/([^\/?#]+)/,rb=/%20/g,sb=/#.*$/,Ea=c.fn.load;c.fn.extend({load:function(a,b,d){if(typeof a!=="string"&&Ea)return Ea.apply(this,arguments);else if(!this.length)return this;var e=a.indexOf(" ");if(e>=0){var f=a.slice(e,a.length);a=a.slice(0,e)}e="GET";if(b)if(c.isFunction(b)){d= +b;b=null}else if(typeof b==="object"){b=c.param(b,c.ajaxSettings.traditional);e="POST"}var h=this;c.ajax({url:a,type:e,dataType:"html",data:b,complete:function(k,l){if(l==="success"||l==="notmodified")h.html(f?c("
").append(k.responseText.replace(lb,"")).find(f):k.responseText);d&&h.each(d,[k.responseText,l,k])}});return this},serialize:function(){return c.param(this.serializeArray())},serializeArray:function(){return this.map(function(){return this.elements?c.makeArray(this.elements):this}).filter(function(){return this.name&& +!this.disabled&&(this.checked||mb.test(this.nodeName)||nb.test(this.type))}).map(function(a,b){var d=c(this).val();return d==null?null:c.isArray(d)?c.map(d,function(e){return{name:b.name,value:e}}):{name:b.name,value:d}}).get()}});c.each("ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split(" "),function(a,b){c.fn[b]=function(d){return this.bind(b,d)}});c.extend({get:function(a,b,d,e){if(c.isFunction(b)){e=e||d;d=b;b=null}return c.ajax({type:"GET",url:a,data:b,success:d,dataType:e})}, +getScript:function(a,b){return c.get(a,null,b,"script")},getJSON:function(a,b,d){return c.get(a,b,d,"json")},post:function(a,b,d,e){if(c.isFunction(b)){e=e||d;d=b;b={}}return c.ajax({type:"POST",url:a,data:b,success:d,dataType:e})},ajaxSetup:function(a){c.extend(c.ajaxSettings,a)},ajaxSettings:{url:location.href,global:true,type:"GET",contentType:"application/x-www-form-urlencoded",processData:true,async:true,xhr:function(){return new E.XMLHttpRequest},accepts:{xml:"application/xml, text/xml",html:"text/html", +script:"text/javascript, application/javascript",json:"application/json, text/javascript",text:"text/plain",_default:"*/*"}},ajax:function(a){var b=c.extend(true,{},c.ajaxSettings,a),d,e,f,h=b.type.toUpperCase(),k=ob.test(h);b.url=b.url.replace(sb,"");b.context=a&&a.context!=null?a.context:b;if(b.data&&b.processData&&typeof b.data!=="string")b.data=c.param(b.data,b.traditional);if(b.dataType==="jsonp"){if(h==="GET")T.test(b.url)||(b.url+=(ia.test(b.url)?"&":"?")+(b.jsonp||"callback")+"=?");else if(!b.data|| +!T.test(b.data))b.data=(b.data?b.data+"&":"")+(b.jsonp||"callback")+"=?";b.dataType="json"}if(b.dataType==="json"&&(b.data&&T.test(b.data)||T.test(b.url))){d=b.jsonpCallback||"jsonp"+kb++;if(b.data)b.data=(b.data+"").replace(T,"="+d+"$1");b.url=b.url.replace(T,"="+d+"$1");b.dataType="script";var l=E[d];E[d]=function(m){f=m;c.handleSuccess(b,w,e,f);c.handleComplete(b,w,e,f);if(c.isFunction(l))l(m);else{E[d]=A;try{delete E[d]}catch(p){}}v&&v.removeChild(B)}}if(b.dataType==="script"&&b.cache===null)b.cache= +false;if(b.cache===false&&h==="GET"){var n=c.now(),s=b.url.replace(pb,"$1_="+n);b.url=s+(s===b.url?(ia.test(b.url)?"&":"?")+"_="+n:"")}if(b.data&&h==="GET")b.url+=(ia.test(b.url)?"&":"?")+b.data;b.global&&c.active++===0&&c.event.trigger("ajaxStart");n=(n=qb.exec(b.url))&&(n[1]&&n[1]!==location.protocol||n[2]!==location.host);if(b.dataType==="script"&&h==="GET"&&n){var v=u.getElementsByTagName("head")[0]||u.documentElement,B=u.createElement("script");if(b.scriptCharset)B.charset=b.scriptCharset;B.src= +b.url;if(!d){var D=false;B.onload=B.onreadystatechange=function(){if(!D&&(!this.readyState||this.readyState==="loaded"||this.readyState==="complete")){D=true;c.handleSuccess(b,w,e,f);c.handleComplete(b,w,e,f);B.onload=B.onreadystatechange=null;v&&B.parentNode&&v.removeChild(B)}}}v.insertBefore(B,v.firstChild);return A}var H=false,w=b.xhr();if(w){b.username?w.open(h,b.url,b.async,b.username,b.password):w.open(h,b.url,b.async);try{if(b.data!=null&&!k||a&&a.contentType)w.setRequestHeader("Content-Type", +b.contentType);if(b.ifModified){c.lastModified[b.url]&&w.setRequestHeader("If-Modified-Since",c.lastModified[b.url]);c.etag[b.url]&&w.setRequestHeader("If-None-Match",c.etag[b.url])}n||w.setRequestHeader("X-Requested-With","XMLHttpRequest");w.setRequestHeader("Accept",b.dataType&&b.accepts[b.dataType]?b.accepts[b.dataType]+", */*; q=0.01":b.accepts._default)}catch(G){}if(b.beforeSend&&b.beforeSend.call(b.context,w,b)===false){b.global&&c.active--===1&&c.event.trigger("ajaxStop");w.abort();return false}b.global&& +c.triggerGlobal(b,"ajaxSend",[w,b]);var M=w.onreadystatechange=function(m){if(!w||w.readyState===0||m==="abort"){H||c.handleComplete(b,w,e,f);H=true;if(w)w.onreadystatechange=c.noop}else if(!H&&w&&(w.readyState===4||m==="timeout")){H=true;w.onreadystatechange=c.noop;e=m==="timeout"?"timeout":!c.httpSuccess(w)?"error":b.ifModified&&c.httpNotModified(w,b.url)?"notmodified":"success";var p;if(e==="success")try{f=c.httpData(w,b.dataType,b)}catch(q){e="parsererror";p=q}if(e==="success"||e==="notmodified")d|| +c.handleSuccess(b,w,e,f);else c.handleError(b,w,e,p);d||c.handleComplete(b,w,e,f);m==="timeout"&&w.abort();if(b.async)w=null}};try{var g=w.abort;w.abort=function(){w&&g.call&&g.call(w);M("abort")}}catch(j){}b.async&&b.timeout>0&&setTimeout(function(){w&&!H&&M("timeout")},b.timeout);try{w.send(k||b.data==null?null:b.data)}catch(o){c.handleError(b,w,null,o);c.handleComplete(b,w,e,f)}b.async||M();return w}},param:function(a,b){var d=[],e=function(h,k){k=c.isFunction(k)?k():k;d[d.length]=encodeURIComponent(h)+ +"="+encodeURIComponent(k)};if(b===A)b=c.ajaxSettings.traditional;if(c.isArray(a)||a.jquery)c.each(a,function(){e(this.name,this.value)});else for(var f in a)ca(f,a[f],b,e);return d.join("&").replace(rb,"+")}});c.extend({active:0,lastModified:{},etag:{},handleError:function(a,b,d,e){a.error&&a.error.call(a.context,b,d,e);a.global&&c.triggerGlobal(a,"ajaxError",[b,a,e])},handleSuccess:function(a,b,d,e){a.success&&a.success.call(a.context,e,d,b);a.global&&c.triggerGlobal(a,"ajaxSuccess",[b,a])},handleComplete:function(a, +b,d){a.complete&&a.complete.call(a.context,b,d);a.global&&c.triggerGlobal(a,"ajaxComplete",[b,a]);a.global&&c.active--===1&&c.event.trigger("ajaxStop")},triggerGlobal:function(a,b,d){(a.context&&a.context.url==null?c(a.context):c.event).trigger(b,d)},httpSuccess:function(a){try{return!a.status&&location.protocol==="file:"||a.status>=200&&a.status<300||a.status===304||a.status===1223}catch(b){}return false},httpNotModified:function(a,b){var d=a.getResponseHeader("Last-Modified"),e=a.getResponseHeader("Etag"); +if(d)c.lastModified[b]=d;if(e)c.etag[b]=e;return a.status===304},httpData:function(a,b,d){var e=a.getResponseHeader("content-type")||"",f=b==="xml"||!b&&e.indexOf("xml")>=0;a=f?a.responseXML:a.responseText;f&&a.documentElement.nodeName==="parsererror"&&c.error("parsererror");if(d&&d.dataFilter)a=d.dataFilter(a,b);if(typeof a==="string")if(b==="json"||!b&&e.indexOf("json")>=0)a=c.parseJSON(a);else if(b==="script"||!b&&e.indexOf("javascript")>=0)c.globalEval(a);return a}});if(E.ActiveXObject)c.ajaxSettings.xhr= +function(){if(E.location.protocol!=="file:")try{return new E.XMLHttpRequest}catch(a){}try{return new E.ActiveXObject("Microsoft.XMLHTTP")}catch(b){}};c.support.ajax=!!c.ajaxSettings.xhr();var da={},tb=/^(?:toggle|show|hide)$/,ub=/^([+\-]=)?([\d+.\-]+)(.*)$/,aa,na=[["height","marginTop","marginBottom","paddingTop","paddingBottom"],["width","marginLeft","marginRight","paddingLeft","paddingRight"],["opacity"]];c.fn.extend({show:function(a,b,d){if(a||a===0)return this.animate(S("show",3),a,b,d);else{a= +0;for(b=this.length;a=0;e--)if(d[e].elem===this){b&&d[e](true);d.splice(e,1)}});b||this.dequeue();return this}});c.each({slideDown:S("show",1),slideUp:S("hide",1),slideToggle:S("toggle",1),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"}},function(a,b){c.fn[a]=function(d,e,f){return this.animate(b, +d,e,f)}});c.extend({speed:function(a,b,d){var e=a&&typeof a==="object"?c.extend({},a):{complete:d||!d&&b||c.isFunction(a)&&a,duration:a,easing:d&&b||b&&!c.isFunction(b)&&b};e.duration=c.fx.off?0:typeof e.duration==="number"?e.duration:e.duration in c.fx.speeds?c.fx.speeds[e.duration]:c.fx.speeds._default;e.old=e.complete;e.complete=function(){e.queue!==false&&c(this).dequeue();c.isFunction(e.old)&&e.old.call(this)};return e},easing:{linear:function(a,b,d,e){return d+e*a},swing:function(a,b,d,e){return(-Math.cos(a* +Math.PI)/2+0.5)*e+d}},timers:[],fx:function(a,b,d){this.options=b;this.elem=a;this.prop=d;if(!b.orig)b.orig={}}});c.fx.prototype={update:function(){this.options.step&&this.options.step.call(this.elem,this.now,this);(c.fx.step[this.prop]||c.fx.step._default)(this)},cur:function(){if(this.elem[this.prop]!=null&&(!this.elem.style||this.elem.style[this.prop]==null))return this.elem[this.prop];var a=parseFloat(c.css(this.elem,this.prop));return a&&a>-1E4?a:0},custom:function(a,b,d){function e(h){return f.step(h)} +this.startTime=c.now();this.start=a;this.end=b;this.unit=d||this.unit||"px";this.now=this.start;this.pos=this.state=0;var f=this;a=c.fx;e.elem=this.elem;if(e()&&c.timers.push(e)&&!aa)aa=setInterval(a.tick,a.interval)},show:function(){this.options.orig[this.prop]=c.style(this.elem,this.prop);this.options.show=true;this.custom(this.prop==="width"||this.prop==="height"?1:0,this.cur());c(this.elem).show()},hide:function(){this.options.orig[this.prop]=c.style(this.elem,this.prop);this.options.hide=true; +this.custom(this.cur(),0)},step:function(a){var b=c.now(),d=true;if(a||b>=this.options.duration+this.startTime){this.now=this.end;this.pos=this.state=1;this.update();this.options.curAnim[this.prop]=true;for(var e in this.options.curAnim)if(this.options.curAnim[e]!==true)d=false;if(d){if(this.options.overflow!=null&&!c.support.shrinkWrapBlocks){var f=this.elem,h=this.options;c.each(["","X","Y"],function(l,n){f.style["overflow"+n]=h.overflow[l]})}this.options.hide&&c(this.elem).hide();if(this.options.hide|| +this.options.show)for(var k in this.options.curAnim)c.style(this.elem,k,this.options.orig[k]);this.options.complete.call(this.elem)}return false}else{a=b-this.startTime;this.state=a/this.options.duration;b=this.options.easing||(c.easing.swing?"swing":"linear");this.pos=c.easing[this.options.specialEasing&&this.options.specialEasing[this.prop]||b](this.state,a,0,1,this.options.duration);this.now=this.start+(this.end-this.start)*this.pos;this.update()}return true}};c.extend(c.fx,{tick:function(){for(var a= +c.timers,b=0;b-1;e={};var s={};if(n)s=f.position();k=n?s.top:parseInt(k,10)||0;l=n?s.left:parseInt(l,10)||0;if(c.isFunction(b))b=b.call(a,d,h);if(b.top!=null)e.top=b.top-h.top+k;if(b.left!=null)e.left=b.left-h.left+l;"using"in b?b.using.call(a, +e):f.css(e)}};c.fn.extend({position:function(){if(!this[0])return null;var a=this[0],b=this.offsetParent(),d=this.offset(),e=Fa.test(b[0].nodeName)?{top:0,left:0}:b.offset();d.top-=parseFloat(c.css(a,"marginTop"))||0;d.left-=parseFloat(c.css(a,"marginLeft"))||0;e.top+=parseFloat(c.css(b[0],"borderTopWidth"))||0;e.left+=parseFloat(c.css(b[0],"borderLeftWidth"))||0;return{top:d.top-e.top,left:d.left-e.left}},offsetParent:function(){return this.map(function(){for(var a=this.offsetParent||u.body;a&&!Fa.test(a.nodeName)&& +c.css(a,"position")==="static";)a=a.offsetParent;return a})}});c.each(["Left","Top"],function(a,b){var d="scroll"+b;c.fn[d]=function(e){var f=this[0],h;if(!f)return null;if(e!==A)return this.each(function(){if(h=ea(this))h.scrollTo(!a?e:c(h).scrollLeft(),a?e:c(h).scrollTop());else this[d]=e});else return(h=ea(f))?"pageXOffset"in h?h[a?"pageYOffset":"pageXOffset"]:c.support.boxModel&&h.document.documentElement[d]||h.document.body[d]:f[d]}});c.each(["Height","Width"],function(a,b){var d=b.toLowerCase(); +c.fn["inner"+b]=function(){return this[0]?parseFloat(c.css(this[0],d,"padding")):null};c.fn["outer"+b]=function(e){return this[0]?parseFloat(c.css(this[0],d,e?"margin":"border")):null};c.fn[d]=function(e){var f=this[0];if(!f)return e==null?null:this;if(c.isFunction(e))return this.each(function(h){var k=c(this);k[d](e.call(this,h,k[d]()))});return c.isWindow(f)?f.document.compatMode==="CSS1Compat"&&f.document.documentElement["client"+b]||f.document.body["client"+b]:f.nodeType===9?Math.max(f.documentElement["client"+ +b],f.body["scroll"+b],f.documentElement["scroll"+b],f.body["offset"+b],f.documentElement["offset"+b]):e===A?parseFloat(c.css(f,d)):this.css(d,typeof e==="string"?e:e+"px")}})})(window); diff --git a/static/js/cktsim.js b/static/js/cktsim.js new file mode 120000 index 0000000000..5b449bf907 --- /dev/null +++ b/static/js/cktsim.js @@ -0,0 +1 @@ +../../../data/js/cktsim.js \ No newline at end of file diff --git a/static/js/flot/excanvas.js b/static/js/flot/excanvas.js new file mode 100644 index 0000000000..c40d6f7014 --- /dev/null +++ b/static/js/flot/excanvas.js @@ -0,0 +1,1427 @@ +// Copyright 2006 Google Inc. +// +// Licensed under the Apache License, Version 2.0 (the "License"); +// you may not use this file except in compliance with the License. +// You may obtain a copy of the License at +// +// http://www.apache.org/licenses/LICENSE-2.0 +// +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. + + +// Known Issues: +// +// * Patterns only support repeat. +// * Radial gradient are not implemented. The VML version of these look very +// different from the canvas one. +// * Clipping paths are not implemented. +// * Coordsize. The width and height attribute have higher priority than the +// width and height style values which isn't correct. +// * Painting mode isn't implemented. +// * Canvas width/height should is using content-box by default. IE in +// Quirks mode will draw the canvas using border-box. Either change your +// doctype to HTML5 +// (http://www.whatwg.org/specs/web-apps/current-work/#the-doctype) +// or use Box Sizing Behavior from WebFX +// (http://webfx.eae.net/dhtml/boxsizing/boxsizing.html) +// * Non uniform scaling does not correctly scale strokes. +// * Filling very large shapes (above 5000 points) is buggy. +// * Optimize. There is always room for speed improvements. + +// Only add this code if we do not already have a canvas implementation +if (!document.createElement('canvas').getContext) { + +(function() { + + // alias some functions to make (compiled) code shorter + var m = Math; + var mr = m.round; + var ms = m.sin; + var mc = m.cos; + var abs = m.abs; + var sqrt = m.sqrt; + + // this is used for sub pixel precision + var Z = 10; + var Z2 = Z / 2; + + /** + * This funtion is assigned to the elements as element.getContext(). + * @this {HTMLElement} + * @return {CanvasRenderingContext2D_} + */ + function getContext() { + return this.context_ || + (this.context_ = new CanvasRenderingContext2D_(this)); + } + + var slice = Array.prototype.slice; + + /** + * Binds a function to an object. The returned function will always use the + * passed in {@code obj} as {@code this}. + * + * Example: + * + * g = bind(f, obj, a, b) + * g(c, d) // will do f.call(obj, a, b, c, d) + * + * @param {Function} f The function to bind the object to + * @param {Object} obj The object that should act as this when the function + * is called + * @param {*} var_args Rest arguments that will be used as the initial + * arguments when the function is called + * @return {Function} A new function that has bound this + */ + function bind(f, obj, var_args) { + var a = slice.call(arguments, 2); + return function() { + return f.apply(obj, a.concat(slice.call(arguments))); + }; + } + + function encodeHtmlAttribute(s) { + return String(s).replace(/&/g, '&').replace(/"/g, '"'); + } + + function addNamespacesAndStylesheet(doc) { + // create xmlns + if (!doc.namespaces['g_vml_']) { + doc.namespaces.add('g_vml_', 'urn:schemas-microsoft-com:vml', + '#default#VML'); + + } + if (!doc.namespaces['g_o_']) { + doc.namespaces.add('g_o_', 'urn:schemas-microsoft-com:office:office', + '#default#VML'); + } + + // Setup default CSS. Only add one style sheet per document + if (!doc.styleSheets['ex_canvas_']) { + var ss = doc.createStyleSheet(); + ss.owningElement.id = 'ex_canvas_'; + ss.cssText = 'canvas{display:inline-block;overflow:hidden;' + + // default size is 300x150 in Gecko and Opera + 'text-align:left;width:300px;height:150px}'; + } + } + + // Add namespaces and stylesheet at startup. + addNamespacesAndStylesheet(document); + + var G_vmlCanvasManager_ = { + init: function(opt_doc) { + if (/MSIE/.test(navigator.userAgent) && !window.opera) { + var doc = opt_doc || document; + // Create a dummy element so that IE will allow canvas elements to be + // recognized. + doc.createElement('canvas'); + doc.attachEvent('onreadystatechange', bind(this.init_, this, doc)); + } + }, + + init_: function(doc) { + // find all canvas elements + var els = doc.getElementsByTagName('canvas'); + for (var i = 0; i < els.length; i++) { + this.initElement(els[i]); + } + }, + + /** + * Public initializes a canvas element so that it can be used as canvas + * element from now on. This is called automatically before the page is + * loaded but if you are creating elements using createElement you need to + * make sure this is called on the element. + * @param {HTMLElement} el The canvas element to initialize. + * @return {HTMLElement} the element that was created. + */ + initElement: function(el) { + if (!el.getContext) { + el.getContext = getContext; + + // Add namespaces and stylesheet to document of the element. + addNamespacesAndStylesheet(el.ownerDocument); + + // Remove fallback content. There is no way to hide text nodes so we + // just remove all childNodes. We could hide all elements and remove + // text nodes but who really cares about the fallback content. + el.innerHTML = ''; + + // do not use inline function because that will leak memory + el.attachEvent('onpropertychange', onPropertyChange); + el.attachEvent('onresize', onResize); + + var attrs = el.attributes; + if (attrs.width && attrs.width.specified) { + // TODO: use runtimeStyle and coordsize + // el.getContext().setWidth_(attrs.width.nodeValue); + el.style.width = attrs.width.nodeValue + 'px'; + } else { + el.width = el.clientWidth; + } + if (attrs.height && attrs.height.specified) { + // TODO: use runtimeStyle and coordsize + // el.getContext().setHeight_(attrs.height.nodeValue); + el.style.height = attrs.height.nodeValue + 'px'; + } else { + el.height = el.clientHeight; + } + //el.getContext().setCoordsize_() + } + return el; + } + }; + + function onPropertyChange(e) { + var el = e.srcElement; + + switch (e.propertyName) { + case 'width': + el.getContext().clearRect(); + el.style.width = el.attributes.width.nodeValue + 'px'; + // In IE8 this does not trigger onresize. + el.firstChild.style.width = el.clientWidth + 'px'; + break; + case 'height': + el.getContext().clearRect(); + el.style.height = el.attributes.height.nodeValue + 'px'; + el.firstChild.style.height = el.clientHeight + 'px'; + break; + } + } + + function onResize(e) { + var el = e.srcElement; + if (el.firstChild) { + el.firstChild.style.width = el.clientWidth + 'px'; + el.firstChild.style.height = el.clientHeight + 'px'; + } + } + + G_vmlCanvasManager_.init(); + + // precompute "00" to "FF" + var decToHex = []; + for (var i = 0; i < 16; i++) { + for (var j = 0; j < 16; j++) { + decToHex[i * 16 + j] = i.toString(16) + j.toString(16); + } + } + + function createMatrixIdentity() { + return [ + [1, 0, 0], + [0, 1, 0], + [0, 0, 1] + ]; + } + + function matrixMultiply(m1, m2) { + var result = createMatrixIdentity(); + + for (var x = 0; x < 3; x++) { + for (var y = 0; y < 3; y++) { + var sum = 0; + + for (var z = 0; z < 3; z++) { + sum += m1[x][z] * m2[z][y]; + } + + result[x][y] = sum; + } + } + return result; + } + + function copyState(o1, o2) { + o2.fillStyle = o1.fillStyle; + o2.lineCap = o1.lineCap; + o2.lineJoin = o1.lineJoin; + o2.lineWidth = o1.lineWidth; + o2.miterLimit = o1.miterLimit; + o2.shadowBlur = o1.shadowBlur; + o2.shadowColor = o1.shadowColor; + o2.shadowOffsetX = o1.shadowOffsetX; + o2.shadowOffsetY = o1.shadowOffsetY; + o2.strokeStyle = o1.strokeStyle; + o2.globalAlpha = o1.globalAlpha; + o2.font = o1.font; + o2.textAlign = o1.textAlign; + o2.textBaseline = o1.textBaseline; + o2.arcScaleX_ = o1.arcScaleX_; + o2.arcScaleY_ = o1.arcScaleY_; + o2.lineScale_ = o1.lineScale_; + } + + var colorData = { + aliceblue: '#F0F8FF', + antiquewhite: '#FAEBD7', + aquamarine: '#7FFFD4', + azure: '#F0FFFF', + beige: '#F5F5DC', + bisque: '#FFE4C4', + black: '#000000', + blanchedalmond: '#FFEBCD', + blueviolet: '#8A2BE2', + brown: '#A52A2A', + burlywood: '#DEB887', + cadetblue: '#5F9EA0', + chartreuse: '#7FFF00', + chocolate: '#D2691E', + coral: '#FF7F50', + cornflowerblue: '#6495ED', + cornsilk: '#FFF8DC', + crimson: '#DC143C', + cyan: '#00FFFF', + darkblue: '#00008B', + darkcyan: '#008B8B', + darkgoldenrod: '#B8860B', + darkgray: '#A9A9A9', + darkgreen: '#006400', + darkgrey: '#A9A9A9', + darkkhaki: '#BDB76B', + darkmagenta: '#8B008B', + darkolivegreen: '#556B2F', + darkorange: '#FF8C00', + darkorchid: '#9932CC', + darkred: '#8B0000', + darksalmon: '#E9967A', + darkseagreen: '#8FBC8F', + darkslateblue: '#483D8B', + darkslategray: '#2F4F4F', + darkslategrey: '#2F4F4F', + darkturquoise: '#00CED1', + darkviolet: '#9400D3', + deeppink: '#FF1493', + deepskyblue: '#00BFFF', + dimgray: '#696969', + dimgrey: '#696969', + dodgerblue: '#1E90FF', + firebrick: '#B22222', + floralwhite: '#FFFAF0', + forestgreen: '#228B22', + gainsboro: '#DCDCDC', + ghostwhite: '#F8F8FF', + gold: '#FFD700', + goldenrod: '#DAA520', + grey: '#808080', + greenyellow: '#ADFF2F', + honeydew: '#F0FFF0', + hotpink: '#FF69B4', + indianred: '#CD5C5C', + indigo: '#4B0082', + ivory: '#FFFFF0', + khaki: '#F0E68C', + lavender: '#E6E6FA', + lavenderblush: '#FFF0F5', + lawngreen: '#7CFC00', + lemonchiffon: '#FFFACD', + lightblue: '#ADD8E6', + lightcoral: '#F08080', + lightcyan: '#E0FFFF', + lightgoldenrodyellow: '#FAFAD2', + lightgreen: '#90EE90', + lightgrey: '#D3D3D3', + lightpink: '#FFB6C1', + lightsalmon: '#FFA07A', + lightseagreen: '#20B2AA', + lightskyblue: '#87CEFA', + lightslategray: '#778899', + lightslategrey: '#778899', + lightsteelblue: '#B0C4DE', + lightyellow: '#FFFFE0', + limegreen: '#32CD32', + linen: '#FAF0E6', + magenta: '#FF00FF', + mediumaquamarine: '#66CDAA', + mediumblue: '#0000CD', + mediumorchid: '#BA55D3', + mediumpurple: '#9370DB', + mediumseagreen: '#3CB371', + mediumslateblue: '#7B68EE', + mediumspringgreen: '#00FA9A', + mediumturquoise: '#48D1CC', + mediumvioletred: '#C71585', + midnightblue: '#191970', + mintcream: '#F5FFFA', + mistyrose: '#FFE4E1', + moccasin: '#FFE4B5', + navajowhite: '#FFDEAD', + oldlace: '#FDF5E6', + olivedrab: '#6B8E23', + orange: '#FFA500', + orangered: '#FF4500', + orchid: '#DA70D6', + palegoldenrod: '#EEE8AA', + palegreen: '#98FB98', + paleturquoise: '#AFEEEE', + palevioletred: '#DB7093', + papayawhip: '#FFEFD5', + peachpuff: '#FFDAB9', + peru: '#CD853F', + pink: '#FFC0CB', + plum: '#DDA0DD', + powderblue: '#B0E0E6', + rosybrown: '#BC8F8F', + royalblue: '#4169E1', + saddlebrown: '#8B4513', + salmon: '#FA8072', + sandybrown: '#F4A460', + seagreen: '#2E8B57', + seashell: '#FFF5EE', + sienna: '#A0522D', + skyblue: '#87CEEB', + slateblue: '#6A5ACD', + slategray: '#708090', + slategrey: '#708090', + snow: '#FFFAFA', + springgreen: '#00FF7F', + steelblue: '#4682B4', + tan: '#D2B48C', + thistle: '#D8BFD8', + tomato: '#FF6347', + turquoise: '#40E0D0', + violet: '#EE82EE', + wheat: '#F5DEB3', + whitesmoke: '#F5F5F5', + yellowgreen: '#9ACD32' + }; + + + function getRgbHslContent(styleString) { + var start = styleString.indexOf('(', 3); + var end = styleString.indexOf(')', start + 1); + var parts = styleString.substring(start + 1, end).split(','); + // add alpha if needed + if (parts.length == 4 && styleString.substr(3, 1) == 'a') { + alpha = Number(parts[3]); + } else { + parts[3] = 1; + } + return parts; + } + + function percent(s) { + return parseFloat(s) / 100; + } + + function clamp(v, min, max) { + return Math.min(max, Math.max(min, v)); + } + + function hslToRgb(parts){ + var r, g, b; + h = parseFloat(parts[0]) / 360 % 360; + if (h < 0) + h++; + s = clamp(percent(parts[1]), 0, 1); + l = clamp(percent(parts[2]), 0, 1); + if (s == 0) { + r = g = b = l; // achromatic + } else { + var q = l < 0.5 ? l * (1 + s) : l + s - l * s; + var p = 2 * l - q; + r = hueToRgb(p, q, h + 1 / 3); + g = hueToRgb(p, q, h); + b = hueToRgb(p, q, h - 1 / 3); + } + + return '#' + decToHex[Math.floor(r * 255)] + + decToHex[Math.floor(g * 255)] + + decToHex[Math.floor(b * 255)]; + } + + function hueToRgb(m1, m2, h) { + if (h < 0) + h++; + if (h > 1) + h--; + + if (6 * h < 1) + return m1 + (m2 - m1) * 6 * h; + else if (2 * h < 1) + return m2; + else if (3 * h < 2) + return m1 + (m2 - m1) * (2 / 3 - h) * 6; + else + return m1; + } + + function processStyle(styleString) { + var str, alpha = 1; + + styleString = String(styleString); + if (styleString.charAt(0) == '#') { + str = styleString; + } else if (/^rgb/.test(styleString)) { + var parts = getRgbHslContent(styleString); + var str = '#', n; + for (var i = 0; i < 3; i++) { + if (parts[i].indexOf('%') != -1) { + n = Math.floor(percent(parts[i]) * 255); + } else { + n = Number(parts[i]); + } + str += decToHex[clamp(n, 0, 255)]; + } + alpha = parts[3]; + } else if (/^hsl/.test(styleString)) { + var parts = getRgbHslContent(styleString); + str = hslToRgb(parts); + alpha = parts[3]; + } else { + str = colorData[styleString] || styleString; + } + return {color: str, alpha: alpha}; + } + + var DEFAULT_STYLE = { + style: 'normal', + variant: 'normal', + weight: 'normal', + size: 10, + family: 'sans-serif' + }; + + // Internal text style cache + var fontStyleCache = {}; + + function processFontStyle(styleString) { + if (fontStyleCache[styleString]) { + return fontStyleCache[styleString]; + } + + var el = document.createElement('div'); + var style = el.style; + try { + style.font = styleString; + } catch (ex) { + // Ignore failures to set to invalid font. + } + + return fontStyleCache[styleString] = { + style: style.fontStyle || DEFAULT_STYLE.style, + variant: style.fontVariant || DEFAULT_STYLE.variant, + weight: style.fontWeight || DEFAULT_STYLE.weight, + size: style.fontSize || DEFAULT_STYLE.size, + family: style.fontFamily || DEFAULT_STYLE.family + }; + } + + function getComputedStyle(style, element) { + var computedStyle = {}; + + for (var p in style) { + computedStyle[p] = style[p]; + } + + // Compute the size + var canvasFontSize = parseFloat(element.currentStyle.fontSize), + fontSize = parseFloat(style.size); + + if (typeof style.size == 'number') { + computedStyle.size = style.size; + } else if (style.size.indexOf('px') != -1) { + computedStyle.size = fontSize; + } else if (style.size.indexOf('em') != -1) { + computedStyle.size = canvasFontSize * fontSize; + } else if(style.size.indexOf('%') != -1) { + computedStyle.size = (canvasFontSize / 100) * fontSize; + } else if (style.size.indexOf('pt') != -1) { + computedStyle.size = fontSize / .75; + } else { + computedStyle.size = canvasFontSize; + } + + // Different scaling between normal text and VML text. This was found using + // trial and error to get the same size as non VML text. + computedStyle.size *= 0.981; + + return computedStyle; + } + + function buildStyle(style) { + return style.style + ' ' + style.variant + ' ' + style.weight + ' ' + + style.size + 'px ' + style.family; + } + + function processLineCap(lineCap) { + switch (lineCap) { + case 'butt': + return 'flat'; + case 'round': + return 'round'; + case 'square': + default: + return 'square'; + } + } + + /** + * This class implements CanvasRenderingContext2D interface as described by + * the WHATWG. + * @param {HTMLElement} surfaceElement The element that the 2D context should + * be associated with + */ + function CanvasRenderingContext2D_(surfaceElement) { + this.m_ = createMatrixIdentity(); + + this.mStack_ = []; + this.aStack_ = []; + this.currentPath_ = []; + + // Canvas context properties + this.strokeStyle = '#000'; + this.fillStyle = '#000'; + + this.lineWidth = 1; + this.lineJoin = 'miter'; + this.lineCap = 'butt'; + this.miterLimit = Z * 1; + this.globalAlpha = 1; + this.font = '10px sans-serif'; + this.textAlign = 'left'; + this.textBaseline = 'alphabetic'; + this.canvas = surfaceElement; + + var el = surfaceElement.ownerDocument.createElement('div'); + el.style.width = surfaceElement.clientWidth + 'px'; + el.style.height = surfaceElement.clientHeight + 'px'; + el.style.overflow = 'hidden'; + el.style.position = 'absolute'; + surfaceElement.appendChild(el); + + this.element_ = el; + this.arcScaleX_ = 1; + this.arcScaleY_ = 1; + this.lineScale_ = 1; + } + + var contextPrototype = CanvasRenderingContext2D_.prototype; + contextPrototype.clearRect = function() { + if (this.textMeasureEl_) { + this.textMeasureEl_.removeNode(true); + this.textMeasureEl_ = null; + } + this.element_.innerHTML = ''; + }; + + contextPrototype.beginPath = function() { + // TODO: Branch current matrix so that save/restore has no effect + // as per safari docs. + this.currentPath_ = []; + }; + + contextPrototype.moveTo = function(aX, aY) { + var p = this.getCoords_(aX, aY); + this.currentPath_.push({type: 'moveTo', x: p.x, y: p.y}); + this.currentX_ = p.x; + this.currentY_ = p.y; + }; + + contextPrototype.lineTo = function(aX, aY) { + var p = this.getCoords_(aX, aY); + this.currentPath_.push({type: 'lineTo', x: p.x, y: p.y}); + + this.currentX_ = p.x; + this.currentY_ = p.y; + }; + + contextPrototype.bezierCurveTo = function(aCP1x, aCP1y, + aCP2x, aCP2y, + aX, aY) { + var p = this.getCoords_(aX, aY); + var cp1 = this.getCoords_(aCP1x, aCP1y); + var cp2 = this.getCoords_(aCP2x, aCP2y); + bezierCurveTo(this, cp1, cp2, p); + }; + + // Helper function that takes the already fixed cordinates. + function bezierCurveTo(self, cp1, cp2, p) { + self.currentPath_.push({ + type: 'bezierCurveTo', + cp1x: cp1.x, + cp1y: cp1.y, + cp2x: cp2.x, + cp2y: cp2.y, + x: p.x, + y: p.y + }); + self.currentX_ = p.x; + self.currentY_ = p.y; + } + + contextPrototype.quadraticCurveTo = function(aCPx, aCPy, aX, aY) { + // the following is lifted almost directly from + // http://developer.mozilla.org/en/docs/Canvas_tutorial:Drawing_shapes + + var cp = this.getCoords_(aCPx, aCPy); + var p = this.getCoords_(aX, aY); + + var cp1 = { + x: this.currentX_ + 2.0 / 3.0 * (cp.x - this.currentX_), + y: this.currentY_ + 2.0 / 3.0 * (cp.y - this.currentY_) + }; + var cp2 = { + x: cp1.x + (p.x - this.currentX_) / 3.0, + y: cp1.y + (p.y - this.currentY_) / 3.0 + }; + + bezierCurveTo(this, cp1, cp2, p); + }; + + contextPrototype.arc = function(aX, aY, aRadius, + aStartAngle, aEndAngle, aClockwise) { + aRadius *= Z; + var arcType = aClockwise ? 'at' : 'wa'; + + var xStart = aX + mc(aStartAngle) * aRadius - Z2; + var yStart = aY + ms(aStartAngle) * aRadius - Z2; + + var xEnd = aX + mc(aEndAngle) * aRadius - Z2; + var yEnd = aY + ms(aEndAngle) * aRadius - Z2; + + // IE won't render arches drawn counter clockwise if xStart == xEnd. + if (xStart == xEnd && !aClockwise) { + xStart += 0.125; // Offset xStart by 1/80 of a pixel. Use something + // that can be represented in binary + } + + var p = this.getCoords_(aX, aY); + var pStart = this.getCoords_(xStart, yStart); + var pEnd = this.getCoords_(xEnd, yEnd); + + this.currentPath_.push({type: arcType, + x: p.x, + y: p.y, + radius: aRadius, + xStart: pStart.x, + yStart: pStart.y, + xEnd: pEnd.x, + yEnd: pEnd.y}); + + }; + + contextPrototype.rect = function(aX, aY, aWidth, aHeight) { + this.moveTo(aX, aY); + this.lineTo(aX + aWidth, aY); + this.lineTo(aX + aWidth, aY + aHeight); + this.lineTo(aX, aY + aHeight); + this.closePath(); + }; + + contextPrototype.strokeRect = function(aX, aY, aWidth, aHeight) { + var oldPath = this.currentPath_; + this.beginPath(); + + this.moveTo(aX, aY); + this.lineTo(aX + aWidth, aY); + this.lineTo(aX + aWidth, aY + aHeight); + this.lineTo(aX, aY + aHeight); + this.closePath(); + this.stroke(); + + this.currentPath_ = oldPath; + }; + + contextPrototype.fillRect = function(aX, aY, aWidth, aHeight) { + var oldPath = this.currentPath_; + this.beginPath(); + + this.moveTo(aX, aY); + this.lineTo(aX + aWidth, aY); + this.lineTo(aX + aWidth, aY + aHeight); + this.lineTo(aX, aY + aHeight); + this.closePath(); + this.fill(); + + this.currentPath_ = oldPath; + }; + + contextPrototype.createLinearGradient = function(aX0, aY0, aX1, aY1) { + var gradient = new CanvasGradient_('gradient'); + gradient.x0_ = aX0; + gradient.y0_ = aY0; + gradient.x1_ = aX1; + gradient.y1_ = aY1; + return gradient; + }; + + contextPrototype.createRadialGradient = function(aX0, aY0, aR0, + aX1, aY1, aR1) { + var gradient = new CanvasGradient_('gradientradial'); + gradient.x0_ = aX0; + gradient.y0_ = aY0; + gradient.r0_ = aR0; + gradient.x1_ = aX1; + gradient.y1_ = aY1; + gradient.r1_ = aR1; + return gradient; + }; + + contextPrototype.drawImage = function(image, var_args) { + var dx, dy, dw, dh, sx, sy, sw, sh; + + // to find the original width we overide the width and height + var oldRuntimeWidth = image.runtimeStyle.width; + var oldRuntimeHeight = image.runtimeStyle.height; + image.runtimeStyle.width = 'auto'; + image.runtimeStyle.height = 'auto'; + + // get the original size + var w = image.width; + var h = image.height; + + // and remove overides + image.runtimeStyle.width = oldRuntimeWidth; + image.runtimeStyle.height = oldRuntimeHeight; + + if (arguments.length == 3) { + dx = arguments[1]; + dy = arguments[2]; + sx = sy = 0; + sw = dw = w; + sh = dh = h; + } else if (arguments.length == 5) { + dx = arguments[1]; + dy = arguments[2]; + dw = arguments[3]; + dh = arguments[4]; + sx = sy = 0; + sw = w; + sh = h; + } else if (arguments.length == 9) { + sx = arguments[1]; + sy = arguments[2]; + sw = arguments[3]; + sh = arguments[4]; + dx = arguments[5]; + dy = arguments[6]; + dw = arguments[7]; + dh = arguments[8]; + } else { + throw Error('Invalid number of arguments'); + } + + var d = this.getCoords_(dx, dy); + + var w2 = sw / 2; + var h2 = sh / 2; + + var vmlStr = []; + + var W = 10; + var H = 10; + + // For some reason that I've now forgotten, using divs didn't work + vmlStr.push(' ' , + '', + ''); + + this.element_.insertAdjacentHTML('BeforeEnd', vmlStr.join('')); + }; + + contextPrototype.stroke = function(aFill) { + var W = 10; + var H = 10; + // Divide the shape into chunks if it's too long because IE has a limit + // somewhere for how long a VML shape can be. This simple division does + // not work with fills, only strokes, unfortunately. + var chunkSize = 5000; + + var min = {x: null, y: null}; + var max = {x: null, y: null}; + + for (var j = 0; j < this.currentPath_.length; j += chunkSize) { + var lineStr = []; + var lineOpen = false; + + lineStr.push(''); + + if (!aFill) { + appendStroke(this, lineStr); + } else { + appendFill(this, lineStr, min, max); + } + + lineStr.push(''); + + this.element_.insertAdjacentHTML('beforeEnd', lineStr.join('')); + } + }; + + function appendStroke(ctx, lineStr) { + var a = processStyle(ctx.strokeStyle); + var color = a.color; + var opacity = a.alpha * ctx.globalAlpha; + var lineWidth = ctx.lineScale_ * ctx.lineWidth; + + // VML cannot correctly render a line if the width is less than 1px. + // In that case, we dilute the color to make the line look thinner. + if (lineWidth < 1) { + opacity *= lineWidth; + } + + lineStr.push( + '' + ); + } + + function appendFill(ctx, lineStr, min, max) { + var fillStyle = ctx.fillStyle; + var arcScaleX = ctx.arcScaleX_; + var arcScaleY = ctx.arcScaleY_; + var width = max.x - min.x; + var height = max.y - min.y; + if (fillStyle instanceof CanvasGradient_) { + // TODO: Gradients transformed with the transformation matrix. + var angle = 0; + var focus = {x: 0, y: 0}; + + // additional offset + var shift = 0; + // scale factor for offset + var expansion = 1; + + if (fillStyle.type_ == 'gradient') { + var x0 = fillStyle.x0_ / arcScaleX; + var y0 = fillStyle.y0_ / arcScaleY; + var x1 = fillStyle.x1_ / arcScaleX; + var y1 = fillStyle.y1_ / arcScaleY; + var p0 = ctx.getCoords_(x0, y0); + var p1 = ctx.getCoords_(x1, y1); + var dx = p1.x - p0.x; + var dy = p1.y - p0.y; + angle = Math.atan2(dx, dy) * 180 / Math.PI; + + // The angle should be a non-negative number. + if (angle < 0) { + angle += 360; + } + + // Very small angles produce an unexpected result because they are + // converted to a scientific notation string. + if (angle < 1e-6) { + angle = 0; + } + } else { + var p0 = ctx.getCoords_(fillStyle.x0_, fillStyle.y0_); + focus = { + x: (p0.x - min.x) / width, + y: (p0.y - min.y) / height + }; + + width /= arcScaleX * Z; + height /= arcScaleY * Z; + var dimension = m.max(width, height); + shift = 2 * fillStyle.r0_ / dimension; + expansion = 2 * fillStyle.r1_ / dimension - shift; + } + + // We need to sort the color stops in ascending order by offset, + // otherwise IE won't interpret it correctly. + var stops = fillStyle.colors_; + stops.sort(function(cs1, cs2) { + return cs1.offset - cs2.offset; + }); + + var length = stops.length; + var color1 = stops[0].color; + var color2 = stops[length - 1].color; + var opacity1 = stops[0].alpha * ctx.globalAlpha; + var opacity2 = stops[length - 1].alpha * ctx.globalAlpha; + + var colors = []; + for (var i = 0; i < length; i++) { + var stop = stops[i]; + colors.push(stop.offset * expansion + shift + ' ' + stop.color); + } + + // When colors attribute is used, the meanings of opacity and o:opacity2 + // are reversed. + lineStr.push(''); + } else if (fillStyle instanceof CanvasPattern_) { + if (width && height) { + var deltaLeft = -min.x; + var deltaTop = -min.y; + lineStr.push(''); + } + } else { + var a = processStyle(ctx.fillStyle); + var color = a.color; + var opacity = a.alpha * ctx.globalAlpha; + lineStr.push(''); + } + } + + contextPrototype.fill = function() { + this.stroke(true); + }; + + contextPrototype.closePath = function() { + this.currentPath_.push({type: 'close'}); + }; + + /** + * @private + */ + contextPrototype.getCoords_ = function(aX, aY) { + var m = this.m_; + return { + x: Z * (aX * m[0][0] + aY * m[1][0] + m[2][0]) - Z2, + y: Z * (aX * m[0][1] + aY * m[1][1] + m[2][1]) - Z2 + }; + }; + + contextPrototype.save = function() { + var o = {}; + copyState(this, o); + this.aStack_.push(o); + this.mStack_.push(this.m_); + this.m_ = matrixMultiply(createMatrixIdentity(), this.m_); + }; + + contextPrototype.restore = function() { + if (this.aStack_.length) { + copyState(this.aStack_.pop(), this); + this.m_ = this.mStack_.pop(); + } + }; + + function matrixIsFinite(m) { + return isFinite(m[0][0]) && isFinite(m[0][1]) && + isFinite(m[1][0]) && isFinite(m[1][1]) && + isFinite(m[2][0]) && isFinite(m[2][1]); + } + + function setM(ctx, m, updateLineScale) { + if (!matrixIsFinite(m)) { + return; + } + ctx.m_ = m; + + if (updateLineScale) { + // Get the line scale. + // Determinant of this.m_ means how much the area is enlarged by the + // transformation. So its square root can be used as a scale factor + // for width. + var det = m[0][0] * m[1][1] - m[0][1] * m[1][0]; + ctx.lineScale_ = sqrt(abs(det)); + } + } + + contextPrototype.translate = function(aX, aY) { + var m1 = [ + [1, 0, 0], + [0, 1, 0], + [aX, aY, 1] + ]; + + setM(this, matrixMultiply(m1, this.m_), false); + }; + + contextPrototype.rotate = function(aRot) { + var c = mc(aRot); + var s = ms(aRot); + + var m1 = [ + [c, s, 0], + [-s, c, 0], + [0, 0, 1] + ]; + + setM(this, matrixMultiply(m1, this.m_), false); + }; + + contextPrototype.scale = function(aX, aY) { + this.arcScaleX_ *= aX; + this.arcScaleY_ *= aY; + var m1 = [ + [aX, 0, 0], + [0, aY, 0], + [0, 0, 1] + ]; + + setM(this, matrixMultiply(m1, this.m_), true); + }; + + contextPrototype.transform = function(m11, m12, m21, m22, dx, dy) { + var m1 = [ + [m11, m12, 0], + [m21, m22, 0], + [dx, dy, 1] + ]; + + setM(this, matrixMultiply(m1, this.m_), true); + }; + + contextPrototype.setTransform = function(m11, m12, m21, m22, dx, dy) { + var m = [ + [m11, m12, 0], + [m21, m22, 0], + [dx, dy, 1] + ]; + + setM(this, m, true); + }; + + /** + * The text drawing function. + * The maxWidth argument isn't taken in account, since no browser supports + * it yet. + */ + contextPrototype.drawText_ = function(text, x, y, maxWidth, stroke) { + var m = this.m_, + delta = 1000, + left = 0, + right = delta, + offset = {x: 0, y: 0}, + lineStr = []; + + var fontStyle = getComputedStyle(processFontStyle(this.font), + this.element_); + + var fontStyleString = buildStyle(fontStyle); + + var elementStyle = this.element_.currentStyle; + var textAlign = this.textAlign.toLowerCase(); + switch (textAlign) { + case 'left': + case 'center': + case 'right': + break; + case 'end': + textAlign = elementStyle.direction == 'ltr' ? 'right' : 'left'; + break; + case 'start': + textAlign = elementStyle.direction == 'rtl' ? 'right' : 'left'; + break; + default: + textAlign = 'left'; + } + + // 1.75 is an arbitrary number, as there is no info about the text baseline + switch (this.textBaseline) { + case 'hanging': + case 'top': + offset.y = fontStyle.size / 1.75; + break; + case 'middle': + break; + default: + case null: + case 'alphabetic': + case 'ideographic': + case 'bottom': + offset.y = -fontStyle.size / 2.25; + break; + } + + switch(textAlign) { + case 'right': + left = delta; + right = 0.05; + break; + case 'center': + left = right = delta / 2; + break; + } + + var d = this.getCoords_(x + offset.x, y + offset.y); + + lineStr.push(''); + + if (stroke) { + appendStroke(this, lineStr); + } else { + // TODO: Fix the min and max params. + appendFill(this, lineStr, {x: -left, y: 0}, + {x: right, y: fontStyle.size}); + } + + var skewM = m[0][0].toFixed(3) + ',' + m[1][0].toFixed(3) + ',' + + m[0][1].toFixed(3) + ',' + m[1][1].toFixed(3) + ',0,0'; + + var skewOffset = mr(d.x / Z) + ',' + mr(d.y / Z); + + lineStr.push('', + '', + ''); + + this.element_.insertAdjacentHTML('beforeEnd', lineStr.join('')); + }; + + contextPrototype.fillText = function(text, x, y, maxWidth) { + this.drawText_(text, x, y, maxWidth, false); + }; + + contextPrototype.strokeText = function(text, x, y, maxWidth) { + this.drawText_(text, x, y, maxWidth, true); + }; + + contextPrototype.measureText = function(text) { + if (!this.textMeasureEl_) { + var s = ''; + this.element_.insertAdjacentHTML('beforeEnd', s); + this.textMeasureEl_ = this.element_.lastChild; + } + var doc = this.element_.ownerDocument; + this.textMeasureEl_.innerHTML = ''; + this.textMeasureEl_.style.font = this.font; + // Don't use innerHTML or innerText because they allow markup/whitespace. + this.textMeasureEl_.appendChild(doc.createTextNode(text)); + return {width: this.textMeasureEl_.offsetWidth}; + }; + + /******** STUBS ********/ + contextPrototype.clip = function() { + // TODO: Implement + }; + + contextPrototype.arcTo = function() { + // TODO: Implement + }; + + contextPrototype.createPattern = function(image, repetition) { + return new CanvasPattern_(image, repetition); + }; + + // Gradient / Pattern Stubs + function CanvasGradient_(aType) { + this.type_ = aType; + this.x0_ = 0; + this.y0_ = 0; + this.r0_ = 0; + this.x1_ = 0; + this.y1_ = 0; + this.r1_ = 0; + this.colors_ = []; + } + + CanvasGradient_.prototype.addColorStop = function(aOffset, aColor) { + aColor = processStyle(aColor); + this.colors_.push({offset: aOffset, + color: aColor.color, + alpha: aColor.alpha}); + }; + + function CanvasPattern_(image, repetition) { + assertImageIsValid(image); + switch (repetition) { + case 'repeat': + case null: + case '': + this.repetition_ = 'repeat'; + break + case 'repeat-x': + case 'repeat-y': + case 'no-repeat': + this.repetition_ = repetition; + break; + default: + throwException('SYNTAX_ERR'); + } + + this.src_ = image.src; + this.width_ = image.width; + this.height_ = image.height; + } + + function throwException(s) { + throw new DOMException_(s); + } + + function assertImageIsValid(img) { + if (!img || img.nodeType != 1 || img.tagName != 'IMG') { + throwException('TYPE_MISMATCH_ERR'); + } + if (img.readyState != 'complete') { + throwException('INVALID_STATE_ERR'); + } + } + + function DOMException_(s) { + this.code = this[s]; + this.message = s +': DOM Exception ' + this.code; + } + var p = DOMException_.prototype = new Error; + p.INDEX_SIZE_ERR = 1; + p.DOMSTRING_SIZE_ERR = 2; + p.HIERARCHY_REQUEST_ERR = 3; + p.WRONG_DOCUMENT_ERR = 4; + p.INVALID_CHARACTER_ERR = 5; + p.NO_DATA_ALLOWED_ERR = 6; + p.NO_MODIFICATION_ALLOWED_ERR = 7; + p.NOT_FOUND_ERR = 8; + p.NOT_SUPPORTED_ERR = 9; + p.INUSE_ATTRIBUTE_ERR = 10; + p.INVALID_STATE_ERR = 11; + p.SYNTAX_ERR = 12; + p.INVALID_MODIFICATION_ERR = 13; + p.NAMESPACE_ERR = 14; + p.INVALID_ACCESS_ERR = 15; + p.VALIDATION_ERR = 16; + p.TYPE_MISMATCH_ERR = 17; + + // set up externs + G_vmlCanvasManager = G_vmlCanvasManager_; + CanvasRenderingContext2D = CanvasRenderingContext2D_; + CanvasGradient = CanvasGradient_; + CanvasPattern = CanvasPattern_; + DOMException = DOMException_; +})(); + +} // if diff --git a/static/js/flot/excanvas.min.js b/static/js/flot/excanvas.min.js new file mode 100644 index 0000000000..12c74f7bea --- /dev/null +++ b/static/js/flot/excanvas.min.js @@ -0,0 +1 @@ +if(!document.createElement("canvas").getContext){(function(){var z=Math;var K=z.round;var J=z.sin;var U=z.cos;var b=z.abs;var k=z.sqrt;var D=10;var F=D/2;function T(){return this.context_||(this.context_=new W(this))}var O=Array.prototype.slice;function G(i,j,m){var Z=O.call(arguments,2);return function(){return i.apply(j,Z.concat(O.call(arguments)))}}function AD(Z){return String(Z).replace(/&/g,"&").replace(/"/g,""")}function r(i){if(!i.namespaces.g_vml_){i.namespaces.add("g_vml_","urn:schemas-microsoft-com:vml","#default#VML")}if(!i.namespaces.g_o_){i.namespaces.add("g_o_","urn:schemas-microsoft-com:office:office","#default#VML")}if(!i.styleSheets.ex_canvas_){var Z=i.createStyleSheet();Z.owningElement.id="ex_canvas_";Z.cssText="canvas{display:inline-block;overflow:hidden;text-align:left;width:300px;height:150px}"}}r(document);var E={init:function(Z){if(/MSIE/.test(navigator.userAgent)&&!window.opera){var i=Z||document;i.createElement("canvas");i.attachEvent("onreadystatechange",G(this.init_,this,i))}},init_:function(m){var j=m.getElementsByTagName("canvas");for(var Z=0;Z1){j--}if(6*j<1){return i+(Z-i)*6*j}else{if(2*j<1){return Z}else{if(3*j<2){return i+(Z-i)*(2/3-j)*6}else{return i}}}}function Y(Z){var AE,p=1;Z=String(Z);if(Z.charAt(0)=="#"){AE=Z}else{if(/^rgb/.test(Z)){var m=g(Z);var AE="#",AF;for(var j=0;j<3;j++){if(m[j].indexOf("%")!=-1){AF=Math.floor(C(m[j])*255)}else{AF=Number(m[j])}AE+=I[N(AF,0,255)]}p=m[3]}else{if(/^hsl/.test(Z)){var m=g(Z);AE=c(m);p=m[3]}else{AE=B[Z]||Z}}}return{color:AE,alpha:p}}var L={style:"normal",variant:"normal",weight:"normal",size:10,family:"sans-serif"};var f={};function X(Z){if(f[Z]){return f[Z]}var m=document.createElement("div");var j=m.style;try{j.font=Z}catch(i){}return f[Z]={style:j.fontStyle||L.style,variant:j.fontVariant||L.variant,weight:j.fontWeight||L.weight,size:j.fontSize||L.size,family:j.fontFamily||L.family}}function P(j,i){var Z={};for(var AF in j){Z[AF]=j[AF]}var AE=parseFloat(i.currentStyle.fontSize),m=parseFloat(j.size);if(typeof j.size=="number"){Z.size=j.size}else{if(j.size.indexOf("px")!=-1){Z.size=m}else{if(j.size.indexOf("em")!=-1){Z.size=AE*m}else{if(j.size.indexOf("%")!=-1){Z.size=(AE/100)*m}else{if(j.size.indexOf("pt")!=-1){Z.size=m/0.75}else{Z.size=AE}}}}}Z.size*=0.981;return Z}function AA(Z){return Z.style+" "+Z.variant+" "+Z.weight+" "+Z.size+"px "+Z.family}function t(Z){switch(Z){case"butt":return"flat";case"round":return"round";case"square":default:return"square"}}function W(i){this.m_=V();this.mStack_=[];this.aStack_=[];this.currentPath_=[];this.strokeStyle="#000";this.fillStyle="#000";this.lineWidth=1;this.lineJoin="miter";this.lineCap="butt";this.miterLimit=D*1;this.globalAlpha=1;this.font="10px sans-serif";this.textAlign="left";this.textBaseline="alphabetic";this.canvas=i;var Z=i.ownerDocument.createElement("div");Z.style.width=i.clientWidth+"px";Z.style.height=i.clientHeight+"px";Z.style.overflow="hidden";Z.style.position="absolute";i.appendChild(Z);this.element_=Z;this.arcScaleX_=1;this.arcScaleY_=1;this.lineScale_=1}var M=W.prototype;M.clearRect=function(){if(this.textMeasureEl_){this.textMeasureEl_.removeNode(true);this.textMeasureEl_=null}this.element_.innerHTML=""};M.beginPath=function(){this.currentPath_=[]};M.moveTo=function(i,Z){var j=this.getCoords_(i,Z);this.currentPath_.push({type:"moveTo",x:j.x,y:j.y});this.currentX_=j.x;this.currentY_=j.y};M.lineTo=function(i,Z){var j=this.getCoords_(i,Z);this.currentPath_.push({type:"lineTo",x:j.x,y:j.y});this.currentX_=j.x;this.currentY_=j.y};M.bezierCurveTo=function(j,i,AI,AH,AG,AE){var Z=this.getCoords_(AG,AE);var AF=this.getCoords_(j,i);var m=this.getCoords_(AI,AH);e(this,AF,m,Z)};function e(Z,m,j,i){Z.currentPath_.push({type:"bezierCurveTo",cp1x:m.x,cp1y:m.y,cp2x:j.x,cp2y:j.y,x:i.x,y:i.y});Z.currentX_=i.x;Z.currentY_=i.y}M.quadraticCurveTo=function(AG,j,i,Z){var AF=this.getCoords_(AG,j);var AE=this.getCoords_(i,Z);var AH={x:this.currentX_+2/3*(AF.x-this.currentX_),y:this.currentY_+2/3*(AF.y-this.currentY_)};var m={x:AH.x+(AE.x-this.currentX_)/3,y:AH.y+(AE.y-this.currentY_)/3};e(this,AH,m,AE)};M.arc=function(AJ,AH,AI,AE,i,j){AI*=D;var AN=j?"at":"wa";var AK=AJ+U(AE)*AI-F;var AM=AH+J(AE)*AI-F;var Z=AJ+U(i)*AI-F;var AL=AH+J(i)*AI-F;if(AK==Z&&!j){AK+=0.125}var m=this.getCoords_(AJ,AH);var AG=this.getCoords_(AK,AM);var AF=this.getCoords_(Z,AL);this.currentPath_.push({type:AN,x:m.x,y:m.y,radius:AI,xStart:AG.x,yStart:AG.y,xEnd:AF.x,yEnd:AF.y})};M.rect=function(j,i,Z,m){this.moveTo(j,i);this.lineTo(j+Z,i);this.lineTo(j+Z,i+m);this.lineTo(j,i+m);this.closePath()};M.strokeRect=function(j,i,Z,m){var p=this.currentPath_;this.beginPath();this.moveTo(j,i);this.lineTo(j+Z,i);this.lineTo(j+Z,i+m);this.lineTo(j,i+m);this.closePath();this.stroke();this.currentPath_=p};M.fillRect=function(j,i,Z,m){var p=this.currentPath_;this.beginPath();this.moveTo(j,i);this.lineTo(j+Z,i);this.lineTo(j+Z,i+m);this.lineTo(j,i+m);this.closePath();this.fill();this.currentPath_=p};M.createLinearGradient=function(i,m,Z,j){var p=new v("gradient");p.x0_=i;p.y0_=m;p.x1_=Z;p.y1_=j;return p};M.createRadialGradient=function(m,AE,j,i,p,Z){var AF=new v("gradientradial");AF.x0_=m;AF.y0_=AE;AF.r0_=j;AF.x1_=i;AF.y1_=p;AF.r1_=Z;return AF};M.drawImage=function(AO,j){var AH,AF,AJ,AV,AM,AK,AQ,AX;var AI=AO.runtimeStyle.width;var AN=AO.runtimeStyle.height;AO.runtimeStyle.width="auto";AO.runtimeStyle.height="auto";var AG=AO.width;var AT=AO.height;AO.runtimeStyle.width=AI;AO.runtimeStyle.height=AN;if(arguments.length==3){AH=arguments[1];AF=arguments[2];AM=AK=0;AQ=AJ=AG;AX=AV=AT}else{if(arguments.length==5){AH=arguments[1];AF=arguments[2];AJ=arguments[3];AV=arguments[4];AM=AK=0;AQ=AG;AX=AT}else{if(arguments.length==9){AM=arguments[1];AK=arguments[2];AQ=arguments[3];AX=arguments[4];AH=arguments[5];AF=arguments[6];AJ=arguments[7];AV=arguments[8]}else{throw Error("Invalid number of arguments")}}}var AW=this.getCoords_(AH,AF);var m=AQ/2;var i=AX/2;var AU=[];var Z=10;var AE=10;AU.push(" ','","");this.element_.insertAdjacentHTML("BeforeEnd",AU.join(""))};M.stroke=function(AM){var m=10;var AN=10;var AE=5000;var AG={x:null,y:null};var AL={x:null,y:null};for(var AH=0;AHAL.x){AL.x=Z.x}if(AG.y==null||Z.yAL.y){AL.y=Z.y}}}AK.push(' ">');if(!AM){R(this,AK)}else{a(this,AK,AG,AL)}AK.push("");this.element_.insertAdjacentHTML("beforeEnd",AK.join(""))}};function R(j,AE){var i=Y(j.strokeStyle);var m=i.color;var p=i.alpha*j.globalAlpha;var Z=j.lineScale_*j.lineWidth;if(Z<1){p*=Z}AE.push("')}function a(AO,AG,Ah,AP){var AH=AO.fillStyle;var AY=AO.arcScaleX_;var AX=AO.arcScaleY_;var Z=AP.x-Ah.x;var m=AP.y-Ah.y;if(AH instanceof v){var AL=0;var Ac={x:0,y:0};var AU=0;var AK=1;if(AH.type_=="gradient"){var AJ=AH.x0_/AY;var j=AH.y0_/AX;var AI=AH.x1_/AY;var Aj=AH.y1_/AX;var Ag=AO.getCoords_(AJ,j);var Af=AO.getCoords_(AI,Aj);var AE=Af.x-Ag.x;var p=Af.y-Ag.y;AL=Math.atan2(AE,p)*180/Math.PI;if(AL<0){AL+=360}if(AL<0.000001){AL=0}}else{var Ag=AO.getCoords_(AH.x0_,AH.y0_);Ac={x:(Ag.x-Ah.x)/Z,y:(Ag.y-Ah.y)/m};Z/=AY*D;m/=AX*D;var Aa=z.max(Z,m);AU=2*AH.r0_/Aa;AK=2*AH.r1_/Aa-AU}var AS=AH.colors_;AS.sort(function(Ak,i){return Ak.offset-i.offset});var AN=AS.length;var AR=AS[0].color;var AQ=AS[AN-1].color;var AW=AS[0].alpha*AO.globalAlpha;var AV=AS[AN-1].alpha*AO.globalAlpha;var Ab=[];for(var Ae=0;Ae')}else{if(AH instanceof u){if(Z&&m){var AF=-Ah.x;var AZ=-Ah.y;AG.push("')}}else{var Ai=Y(AO.fillStyle);var AT=Ai.color;var Ad=Ai.alpha*AO.globalAlpha;AG.push('')}}}M.fill=function(){this.stroke(true)};M.closePath=function(){this.currentPath_.push({type:"close"})};M.getCoords_=function(j,i){var Z=this.m_;return{x:D*(j*Z[0][0]+i*Z[1][0]+Z[2][0])-F,y:D*(j*Z[0][1]+i*Z[1][1]+Z[2][1])-F}};M.save=function(){var Z={};Q(this,Z);this.aStack_.push(Z);this.mStack_.push(this.m_);this.m_=d(V(),this.m_)};M.restore=function(){if(this.aStack_.length){Q(this.aStack_.pop(),this);this.m_=this.mStack_.pop()}};function H(Z){return isFinite(Z[0][0])&&isFinite(Z[0][1])&&isFinite(Z[1][0])&&isFinite(Z[1][1])&&isFinite(Z[2][0])&&isFinite(Z[2][1])}function y(i,Z,j){if(!H(Z)){return }i.m_=Z;if(j){var p=Z[0][0]*Z[1][1]-Z[0][1]*Z[1][0];i.lineScale_=k(b(p))}}M.translate=function(j,i){var Z=[[1,0,0],[0,1,0],[j,i,1]];y(this,d(Z,this.m_),false)};M.rotate=function(i){var m=U(i);var j=J(i);var Z=[[m,j,0],[-j,m,0],[0,0,1]];y(this,d(Z,this.m_),false)};M.scale=function(j,i){this.arcScaleX_*=j;this.arcScaleY_*=i;var Z=[[j,0,0],[0,i,0],[0,0,1]];y(this,d(Z,this.m_),true)};M.transform=function(p,m,AF,AE,i,Z){var j=[[p,m,0],[AF,AE,0],[i,Z,1]];y(this,d(j,this.m_),true)};M.setTransform=function(AE,p,AG,AF,j,i){var Z=[[AE,p,0],[AG,AF,0],[j,i,1]];y(this,Z,true)};M.drawText_=function(AK,AI,AH,AN,AG){var AM=this.m_,AQ=1000,i=0,AP=AQ,AF={x:0,y:0},AE=[];var Z=P(X(this.font),this.element_);var j=AA(Z);var AR=this.element_.currentStyle;var p=this.textAlign.toLowerCase();switch(p){case"left":case"center":case"right":break;case"end":p=AR.direction=="ltr"?"right":"left";break;case"start":p=AR.direction=="rtl"?"right":"left";break;default:p="left"}switch(this.textBaseline){case"hanging":case"top":AF.y=Z.size/1.75;break;case"middle":break;default:case null:case"alphabetic":case"ideographic":case"bottom":AF.y=-Z.size/2.25;break}switch(p){case"right":i=AQ;AP=0.05;break;case"center":i=AP=AQ/2;break}var AO=this.getCoords_(AI+AF.x,AH+AF.y);AE.push('');if(AG){R(this,AE)}else{a(this,AE,{x:-i,y:0},{x:AP,y:Z.size})}var AL=AM[0][0].toFixed(3)+","+AM[1][0].toFixed(3)+","+AM[0][1].toFixed(3)+","+AM[1][1].toFixed(3)+",0,0";var AJ=K(AO.x/D)+","+K(AO.y/D);AE.push('','','');this.element_.insertAdjacentHTML("beforeEnd",AE.join(""))};M.fillText=function(j,Z,m,i){this.drawText_(j,Z,m,i,false)};M.strokeText=function(j,Z,m,i){this.drawText_(j,Z,m,i,true)};M.measureText=function(j){if(!this.textMeasureEl_){var Z='';this.element_.insertAdjacentHTML("beforeEnd",Z);this.textMeasureEl_=this.element_.lastChild}var i=this.element_.ownerDocument;this.textMeasureEl_.innerHTML="";this.textMeasureEl_.style.font=this.font;this.textMeasureEl_.appendChild(i.createTextNode(j));return{width:this.textMeasureEl_.offsetWidth}};M.clip=function(){};M.arcTo=function(){};M.createPattern=function(i,Z){return new u(i,Z)};function v(Z){this.type_=Z;this.x0_=0;this.y0_=0;this.r0_=0;this.x1_=0;this.y1_=0;this.r1_=0;this.colors_=[]}v.prototype.addColorStop=function(i,Z){Z=Y(Z);this.colors_.push({offset:i,color:Z.color,alpha:Z.alpha})};function u(i,Z){q(i);switch(Z){case"repeat":case null:case"":this.repetition_="repeat";break;case"repeat-x":case"repeat-y":case"no-repeat":this.repetition_=Z;break;default:n("SYNTAX_ERR")}this.src_=i.src;this.width_=i.width;this.height_=i.height}function n(Z){throw new o(Z)}function q(Z){if(!Z||Z.nodeType!=1||Z.tagName!="IMG"){n("TYPE_MISMATCH_ERR")}if(Z.readyState!="complete"){n("INVALID_STATE_ERR")}}function o(Z){this.code=this[Z];this.message=Z+": DOM Exception "+this.code}var x=o.prototype=new Error;x.INDEX_SIZE_ERR=1;x.DOMSTRING_SIZE_ERR=2;x.HIERARCHY_REQUEST_ERR=3;x.WRONG_DOCUMENT_ERR=4;x.INVALID_CHARACTER_ERR=5;x.NO_DATA_ALLOWED_ERR=6;x.NO_MODIFICATION_ALLOWED_ERR=7;x.NOT_FOUND_ERR=8;x.NOT_SUPPORTED_ERR=9;x.INUSE_ATTRIBUTE_ERR=10;x.INVALID_STATE_ERR=11;x.SYNTAX_ERR=12;x.INVALID_MODIFICATION_ERR=13;x.NAMESPACE_ERR=14;x.INVALID_ACCESS_ERR=15;x.VALIDATION_ERR=16;x.TYPE_MISMATCH_ERR=17;G_vmlCanvasManager=E;CanvasRenderingContext2D=W;CanvasGradient=v;CanvasPattern=u;DOMException=o})()}; \ No newline at end of file diff --git a/static/js/flot/jquery.colorhelpers.js b/static/js/flot/jquery.colorhelpers.js new file mode 100644 index 0000000000..d3524d786f --- /dev/null +++ b/static/js/flot/jquery.colorhelpers.js @@ -0,0 +1,179 @@ +/* Plugin for jQuery for working with colors. + * + * Version 1.1. + * + * Inspiration from jQuery color animation plugin by John Resig. + * + * Released under the MIT license by Ole Laursen, October 2009. + * + * Examples: + * + * $.color.parse("#fff").scale('rgb', 0.25).add('a', -0.5).toString() + * var c = $.color.extract($("#mydiv"), 'background-color'); + * console.log(c.r, c.g, c.b, c.a); + * $.color.make(100, 50, 25, 0.4).toString() // returns "rgba(100,50,25,0.4)" + * + * Note that .scale() and .add() return the same modified object + * instead of making a new one. + * + * V. 1.1: Fix error handling so e.g. parsing an empty string does + * produce a color rather than just crashing. + */ + +(function($) { + $.color = {}; + + // construct color object with some convenient chainable helpers + $.color.make = function (r, g, b, a) { + var o = {}; + o.r = r || 0; + o.g = g || 0; + o.b = b || 0; + o.a = a != null ? a : 1; + + o.add = function (c, d) { + for (var i = 0; i < c.length; ++i) + o[c.charAt(i)] += d; + return o.normalize(); + }; + + o.scale = function (c, f) { + for (var i = 0; i < c.length; ++i) + o[c.charAt(i)] *= f; + return o.normalize(); + }; + + o.toString = function () { + if (o.a >= 1.0) { + return "rgb("+[o.r, o.g, o.b].join(",")+")"; + } else { + return "rgba("+[o.r, o.g, o.b, o.a].join(",")+")"; + } + }; + + o.normalize = function () { + function clamp(min, value, max) { + return value < min ? min: (value > max ? max: value); + } + + o.r = clamp(0, parseInt(o.r), 255); + o.g = clamp(0, parseInt(o.g), 255); + o.b = clamp(0, parseInt(o.b), 255); + o.a = clamp(0, o.a, 1); + return o; + }; + + o.clone = function () { + return $.color.make(o.r, o.b, o.g, o.a); + }; + + return o.normalize(); + } + + // extract CSS color property from element, going up in the DOM + // if it's "transparent" + $.color.extract = function (elem, css) { + var c; + do { + c = elem.css(css).toLowerCase(); + // keep going until we find an element that has color, or + // we hit the body + if (c != '' && c != 'transparent') + break; + elem = elem.parent(); + } while (!$.nodeName(elem.get(0), "body")); + + // catch Safari's way of signalling transparent + if (c == "rgba(0, 0, 0, 0)") + c = "transparent"; + + return $.color.parse(c); + } + + // parse CSS color string (like "rgb(10, 32, 43)" or "#fff"), + // returns color object, if parsing failed, you get black (0, 0, + // 0) out + $.color.parse = function (str) { + var res, m = $.color.make; + + // Look for rgb(num,num,num) + if (res = /rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/.exec(str)) + return m(parseInt(res[1], 10), parseInt(res[2], 10), parseInt(res[3], 10)); + + // Look for rgba(num,num,num,num) + if (res = /rgba\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]+(?:\.[0-9]+)?)\s*\)/.exec(str)) + return m(parseInt(res[1], 10), parseInt(res[2], 10), parseInt(res[3], 10), parseFloat(res[4])); + + // Look for rgb(num%,num%,num%) + if (res = /rgb\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*\)/.exec(str)) + return m(parseFloat(res[1])*2.55, parseFloat(res[2])*2.55, parseFloat(res[3])*2.55); + + // Look for rgba(num%,num%,num%,num) + if (res = /rgba\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\s*\)/.exec(str)) + return m(parseFloat(res[1])*2.55, parseFloat(res[2])*2.55, parseFloat(res[3])*2.55, parseFloat(res[4])); + + // Look for #a0b1c2 + if (res = /#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/.exec(str)) + return m(parseInt(res[1], 16), parseInt(res[2], 16), parseInt(res[3], 16)); + + // Look for #fff + if (res = /#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/.exec(str)) + return m(parseInt(res[1]+res[1], 16), parseInt(res[2]+res[2], 16), parseInt(res[3]+res[3], 16)); + + // Otherwise, we're most likely dealing with a named color + var name = $.trim(str).toLowerCase(); + if (name == "transparent") + return m(255, 255, 255, 0); + else { + // default to black + res = lookupColors[name] || [0, 0, 0]; + return m(res[0], res[1], res[2]); + } + } + + var lookupColors = { + aqua:[0,255,255], + azure:[240,255,255], + beige:[245,245,220], + black:[0,0,0], + blue:[0,0,255], + brown:[165,42,42], + cyan:[0,255,255], + darkblue:[0,0,139], + darkcyan:[0,139,139], + darkgrey:[169,169,169], + darkgreen:[0,100,0], + darkkhaki:[189,183,107], + darkmagenta:[139,0,139], + darkolivegreen:[85,107,47], + darkorange:[255,140,0], + darkorchid:[153,50,204], + darkred:[139,0,0], + darksalmon:[233,150,122], + darkviolet:[148,0,211], + fuchsia:[255,0,255], + gold:[255,215,0], + green:[0,128,0], + indigo:[75,0,130], + khaki:[240,230,140], + lightblue:[173,216,230], + lightcyan:[224,255,255], + lightgreen:[144,238,144], + lightgrey:[211,211,211], + lightpink:[255,182,193], + lightyellow:[255,255,224], + lime:[0,255,0], + magenta:[255,0,255], + maroon:[128,0,0], + navy:[0,0,128], + olive:[128,128,0], + orange:[255,165,0], + pink:[255,192,203], + purple:[128,0,128], + violet:[128,0,128], + red:[255,0,0], + silver:[192,192,192], + white:[255,255,255], + yellow:[255,255,0] + }; +})(jQuery); diff --git a/static/js/flot/jquery.colorhelpers.min.js b/static/js/flot/jquery.colorhelpers.min.js new file mode 100644 index 0000000000..7f44c57b56 --- /dev/null +++ b/static/js/flot/jquery.colorhelpers.min.js @@ -0,0 +1 @@ +(function(b){b.color={};b.color.make=function(f,e,c,d){var h={};h.r=f||0;h.g=e||0;h.b=c||0;h.a=d!=null?d:1;h.add=function(k,j){for(var g=0;g=1){return"rgb("+[h.r,h.g,h.b].join(",")+")"}else{return"rgba("+[h.r,h.g,h.b,h.a].join(",")+")"}};h.normalize=function(){function g(j,k,i){return ki?i:k)}h.r=g(0,parseInt(h.r),255);h.g=g(0,parseInt(h.g),255);h.b=g(0,parseInt(h.b),255);h.a=g(0,h.a,1);return h};h.clone=function(){return b.color.make(h.r,h.b,h.g,h.a)};return h.normalize()};b.color.extract=function(e,d){var f;do{f=e.css(d).toLowerCase();if(f!=""&&f!="transparent"){break}e=e.parent()}while(!b.nodeName(e.get(0),"body"));if(f=="rgba(0, 0, 0, 0)"){f="transparent"}return b.color.parse(f)};b.color.parse=function(f){var e,c=b.color.make;if(e=/rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/.exec(f)){return c(parseInt(e[1],10),parseInt(e[2],10),parseInt(e[3],10))}if(e=/rgba\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]+(?:\.[0-9]+)?)\s*\)/.exec(f)){return c(parseInt(e[1],10),parseInt(e[2],10),parseInt(e[3],10),parseFloat(e[4]))}if(e=/rgb\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*\)/.exec(f)){return c(parseFloat(e[1])*2.55,parseFloat(e[2])*2.55,parseFloat(e[3])*2.55)}if(e=/rgba\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\s*\)/.exec(f)){return c(parseFloat(e[1])*2.55,parseFloat(e[2])*2.55,parseFloat(e[3])*2.55,parseFloat(e[4]))}if(e=/#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/.exec(f)){return c(parseInt(e[1],16),parseInt(e[2],16),parseInt(e[3],16))}if(e=/#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/.exec(f)){return c(parseInt(e[1]+e[1],16),parseInt(e[2]+e[2],16),parseInt(e[3]+e[3],16))}var d=b.trim(f).toLowerCase();if(d=="transparent"){return c(255,255,255,0)}else{e=a[d]||[0,0,0];return c(e[0],e[1],e[2])}};var a={aqua:[0,255,255],azure:[240,255,255],beige:[245,245,220],black:[0,0,0],blue:[0,0,255],brown:[165,42,42],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgrey:[169,169,169],darkgreen:[0,100,0],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkviolet:[148,0,211],fuchsia:[255,0,255],gold:[255,215,0],green:[0,128,0],indigo:[75,0,130],khaki:[240,230,140],lightblue:[173,216,230],lightcyan:[224,255,255],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightyellow:[255,255,224],lime:[0,255,0],magenta:[255,0,255],maroon:[128,0,0],navy:[0,0,128],olive:[128,128,0],orange:[255,165,0],pink:[255,192,203],purple:[128,0,128],violet:[128,0,128],red:[255,0,0],silver:[192,192,192],white:[255,255,255],yellow:[255,255,0]}})(jQuery); \ No newline at end of file diff --git a/static/js/flot/jquery.flot.crosshair.js b/static/js/flot/jquery.flot.crosshair.js new file mode 100644 index 0000000000..1d433f0074 --- /dev/null +++ b/static/js/flot/jquery.flot.crosshair.js @@ -0,0 +1,167 @@ +/* +Flot plugin for showing crosshairs, thin lines, when the mouse hovers +over the plot. + + crosshair: { + mode: null or "x" or "y" or "xy" + color: color + lineWidth: number + } + +Set the mode to one of "x", "y" or "xy". The "x" mode enables a +vertical crosshair that lets you trace the values on the x axis, "y" +enables a horizontal crosshair and "xy" enables them both. "color" is +the color of the crosshair (default is "rgba(170, 0, 0, 0.80)"), +"lineWidth" is the width of the drawn lines (default is 1). + +The plugin also adds four public methods: + + - setCrosshair(pos) + + Set the position of the crosshair. Note that this is cleared if + the user moves the mouse. "pos" is in coordinates of the plot and + should be on the form { x: xpos, y: ypos } (you can use x2/x3/... + if you're using multiple axes), which is coincidentally the same + format as what you get from a "plothover" event. If "pos" is null, + the crosshair is cleared. + + - clearCrosshair() + + Clear the crosshair. + + - lockCrosshair(pos) + + Cause the crosshair to lock to the current location, no longer + updating if the user moves the mouse. Optionally supply a position + (passed on to setCrosshair()) to move it to. + + Example usage: + var myFlot = $.plot( $("#graph"), ..., { crosshair: { mode: "x" } } }; + $("#graph").bind("plothover", function (evt, position, item) { + if (item) { + // Lock the crosshair to the data point being hovered + myFlot.lockCrosshair({ x: item.datapoint[0], y: item.datapoint[1] }); + } + else { + // Return normal crosshair operation + myFlot.unlockCrosshair(); + } + }); + + - unlockCrosshair() + + Free the crosshair to move again after locking it. +*/ + +(function ($) { + var options = { + crosshair: { + mode: null, // one of null, "x", "y" or "xy", + color: "rgba(170, 0, 0, 0.80)", + lineWidth: 1 + } + }; + + function init(plot) { + // position of crosshair in pixels + var crosshair = { x: -1, y: -1, locked: false }; + + plot.setCrosshair = function setCrosshair(pos) { + if (!pos) + crosshair.x = -1; + else { + var o = plot.p2c(pos); + crosshair.x = Math.max(0, Math.min(o.left, plot.width())); + crosshair.y = Math.max(0, Math.min(o.top, plot.height())); + } + + plot.triggerRedrawOverlay(); + }; + + plot.clearCrosshair = plot.setCrosshair; // passes null for pos + + plot.lockCrosshair = function lockCrosshair(pos) { + if (pos) + plot.setCrosshair(pos); + crosshair.locked = true; + } + + plot.unlockCrosshair = function unlockCrosshair() { + crosshair.locked = false; + } + + function onMouseOut(e) { + if (crosshair.locked) + return; + + if (crosshair.x != -1) { + crosshair.x = -1; + plot.triggerRedrawOverlay(); + } + } + + function onMouseMove(e) { + if (crosshair.locked) + return; + + if (plot.getSelection && plot.getSelection()) { + crosshair.x = -1; // hide the crosshair while selecting + return; + } + + var offset = plot.offset(); + crosshair.x = Math.max(0, Math.min(e.pageX - offset.left, plot.width())); + crosshair.y = Math.max(0, Math.min(e.pageY - offset.top, plot.height())); + plot.triggerRedrawOverlay(); + } + + plot.hooks.bindEvents.push(function (plot, eventHolder) { + if (!plot.getOptions().crosshair.mode) + return; + + eventHolder.mouseout(onMouseOut); + eventHolder.mousemove(onMouseMove); + }); + + plot.hooks.drawOverlay.push(function (plot, ctx) { + var c = plot.getOptions().crosshair; + if (!c.mode) + return; + + var plotOffset = plot.getPlotOffset(); + + ctx.save(); + ctx.translate(plotOffset.left, plotOffset.top); + + if (crosshair.x != -1) { + ctx.strokeStyle = c.color; + ctx.lineWidth = c.lineWidth; + ctx.lineJoin = "round"; + + ctx.beginPath(); + if (c.mode.indexOf("x") != -1) { + ctx.moveTo(crosshair.x, 0); + ctx.lineTo(crosshair.x, plot.height()); + } + if (c.mode.indexOf("y") != -1) { + ctx.moveTo(0, crosshair.y); + ctx.lineTo(plot.width(), crosshair.y); + } + ctx.stroke(); + } + ctx.restore(); + }); + + plot.hooks.shutdown.push(function (plot, eventHolder) { + eventHolder.unbind("mouseout", onMouseOut); + eventHolder.unbind("mousemove", onMouseMove); + }); + } + + $.plot.plugins.push({ + init: init, + options: options, + name: 'crosshair', + version: '1.0' + }); +})(jQuery); diff --git a/static/js/flot/jquery.flot.crosshair.min.js b/static/js/flot/jquery.flot.crosshair.min.js new file mode 100644 index 0000000000..ccaf240366 --- /dev/null +++ b/static/js/flot/jquery.flot.crosshair.min.js @@ -0,0 +1 @@ +(function(b){var a={crosshair:{mode:null,color:"rgba(170, 0, 0, 0.80)",lineWidth:1}};function c(h){var j={x:-1,y:-1,locked:false};h.setCrosshair=function e(l){if(!l){j.x=-1}else{var k=h.p2c(l);j.x=Math.max(0,Math.min(k.left,h.width()));j.y=Math.max(0,Math.min(k.top,h.height()))}h.triggerRedrawOverlay()};h.clearCrosshair=h.setCrosshair;h.lockCrosshair=function f(k){if(k){h.setCrosshair(k)}j.locked=true};h.unlockCrosshair=function g(){j.locked=false};function d(k){if(j.locked){return}if(j.x!=-1){j.x=-1;h.triggerRedrawOverlay()}}function i(k){if(j.locked){return}if(h.getSelection&&h.getSelection()){j.x=-1;return}var l=h.offset();j.x=Math.max(0,Math.min(k.pageX-l.left,h.width()));j.y=Math.max(0,Math.min(k.pageY-l.top,h.height()));h.triggerRedrawOverlay()}h.hooks.bindEvents.push(function(l,k){if(!l.getOptions().crosshair.mode){return}k.mouseout(d);k.mousemove(i)});h.hooks.drawOverlay.push(function(m,k){var n=m.getOptions().crosshair;if(!n.mode){return}var l=m.getPlotOffset();k.save();k.translate(l.left,l.top);if(j.x!=-1){k.strokeStyle=n.color;k.lineWidth=n.lineWidth;k.lineJoin="round";k.beginPath();if(n.mode.indexOf("x")!=-1){k.moveTo(j.x,0);k.lineTo(j.x,m.height())}if(n.mode.indexOf("y")!=-1){k.moveTo(0,j.y);k.lineTo(m.width(),j.y)}k.stroke()}k.restore()});h.hooks.shutdown.push(function(l,k){k.unbind("mouseout",d);k.unbind("mousemove",i)})}b.plot.plugins.push({init:c,options:a,name:"crosshair",version:"1.0"})})(jQuery); \ No newline at end of file diff --git a/static/js/flot/jquery.flot.fillbetween.js b/static/js/flot/jquery.flot.fillbetween.js new file mode 100644 index 0000000000..69700e79ce --- /dev/null +++ b/static/js/flot/jquery.flot.fillbetween.js @@ -0,0 +1,183 @@ +/* +Flot plugin for computing bottoms for filled line and bar charts. + +The case: you've got two series that you want to fill the area +between. In Flot terms, you need to use one as the fill bottom of the +other. You can specify the bottom of each data point as the third +coordinate manually, or you can use this plugin to compute it for you. + +In order to name the other series, you need to give it an id, like this + + var dataset = [ + { data: [ ... ], id: "foo" } , // use default bottom + { data: [ ... ], fillBetween: "foo" }, // use first dataset as bottom + ]; + + $.plot($("#placeholder"), dataset, { line: { show: true, fill: true }}); + +As a convenience, if the id given is a number that doesn't appear as +an id in the series, it is interpreted as the index in the array +instead (so fillBetween: 0 can also mean the first series). + +Internally, the plugin modifies the datapoints in each series. For +line series, extra data points might be inserted through +interpolation. Note that at points where the bottom line is not +defined (due to a null point or start/end of line), the current line +will show a gap too. The algorithm comes from the jquery.flot.stack.js +plugin, possibly some code could be shared. +*/ + +(function ($) { + var options = { + series: { fillBetween: null } // or number + }; + + function init(plot) { + function findBottomSeries(s, allseries) { + var i; + for (i = 0; i < allseries.length; ++i) { + if (allseries[i].id == s.fillBetween) + return allseries[i]; + } + + if (typeof s.fillBetween == "number") { + i = s.fillBetween; + + if (i < 0 || i >= allseries.length) + return null; + + return allseries[i]; + } + + return null; + } + + function computeFillBottoms(plot, s, datapoints) { + if (s.fillBetween == null) + return; + + var other = findBottomSeries(s, plot.getData()); + if (!other) + return; + + var ps = datapoints.pointsize, + points = datapoints.points, + otherps = other.datapoints.pointsize, + otherpoints = other.datapoints.points, + newpoints = [], + px, py, intery, qx, qy, bottom, + withlines = s.lines.show, + withbottom = ps > 2 && datapoints.format[2].y, + withsteps = withlines && s.lines.steps, + fromgap = true, + i = 0, j = 0, l; + + while (true) { + if (i >= points.length) + break; + + l = newpoints.length; + + if (points[i] == null) { + // copy gaps + for (m = 0; m < ps; ++m) + newpoints.push(points[i + m]); + i += ps; + } + else if (j >= otherpoints.length) { + // for lines, we can't use the rest of the points + if (!withlines) { + for (m = 0; m < ps; ++m) + newpoints.push(points[i + m]); + } + i += ps; + } + else if (otherpoints[j] == null) { + // oops, got a gap + for (m = 0; m < ps; ++m) + newpoints.push(null); + fromgap = true; + j += otherps; + } + else { + // cases where we actually got two points + px = points[i]; + py = points[i + 1]; + qx = otherpoints[j]; + qy = otherpoints[j + 1]; + bottom = 0; + + if (px == qx) { + for (m = 0; m < ps; ++m) + newpoints.push(points[i + m]); + + //newpoints[l + 1] += qy; + bottom = qy; + + i += ps; + j += otherps; + } + else if (px > qx) { + // we got past point below, might need to + // insert interpolated extra point + if (withlines && i > 0 && points[i - ps] != null) { + intery = py + (points[i - ps + 1] - py) * (qx - px) / (points[i - ps] - px); + newpoints.push(qx); + newpoints.push(intery) + for (m = 2; m < ps; ++m) + newpoints.push(points[i + m]); + bottom = qy; + } + + j += otherps; + } + else { // px < qx + if (fromgap && withlines) { + // if we come from a gap, we just skip this point + i += ps; + continue; + } + + for (m = 0; m < ps; ++m) + newpoints.push(points[i + m]); + + // we might be able to interpolate a point below, + // this can give us a better y + if (withlines && j > 0 && otherpoints[j - otherps] != null) + bottom = qy + (otherpoints[j - otherps + 1] - qy) * (px - qx) / (otherpoints[j - otherps] - qx); + + //newpoints[l + 1] += bottom; + + i += ps; + } + + fromgap = false; + + if (l != newpoints.length && withbottom) + newpoints[l + 2] = bottom; + } + + // maintain the line steps invariant + if (withsteps && l != newpoints.length && l > 0 + && newpoints[l] != null + && newpoints[l] != newpoints[l - ps] + && newpoints[l + 1] != newpoints[l - ps + 1]) { + for (m = 0; m < ps; ++m) + newpoints[l + ps + m] = newpoints[l + m]; + newpoints[l + 1] = newpoints[l - ps + 1]; + } + } + + datapoints.points = newpoints; + } + + plot.hooks.processDatapoints.push(computeFillBottoms); + } + + $.plot.plugins.push({ + init: init, + options: options, + name: 'fillbetween', + version: '1.0' + }); +})(jQuery); diff --git a/static/js/flot/jquery.flot.fillbetween.min.js b/static/js/flot/jquery.flot.fillbetween.min.js new file mode 100644 index 0000000000..47f3dfb6de --- /dev/null +++ b/static/js/flot/jquery.flot.fillbetween.min.js @@ -0,0 +1 @@ +(function(b){var a={series:{fillBetween:null}};function c(f){function d(j,h){var g;for(g=0;g=h.length){return null}return h[g]}return null}function e(B,u,g){if(u.fillBetween==null){return}var p=d(u,B.getData());if(!p){return}var y=g.pointsize,E=g.points,h=p.datapoints.pointsize,x=p.datapoints.points,r=[],w,v,k,G,F,q,t=u.lines.show,o=y>2&&g.format[2].y,n=t&&u.lines.steps,D=true,C=0,A=0,z;while(true){if(C>=E.length){break}z=r.length;if(E[C]==null){for(m=0;m=x.length){if(!t){for(m=0;mG){if(t&&C>0&&E[C-y]!=null){k=v+(E[C-y+1]-v)*(G-w)/(E[C-y]-w);r.push(G);r.push(k);for(m=2;m0&&x[A-h]!=null){q=F+(x[A-h+1]-F)*(w-G)/(x[A-h]-G)}C+=y}}D=false;if(z!=r.length&&o){r[z+2]=q}}}}if(n&&z!=r.length&&z>0&&r[z]!=null&&r[z]!=r[z-y]&&r[z+1]!=r[z-y+1]){for(m=0;m').load(handler).error(handler).attr('src', url); + }); + } + + function drawSeries(plot, ctx, series) { + var plotOffset = plot.getPlotOffset(); + + if (!series.images || !series.images.show) + return; + + var points = series.datapoints.points, + ps = series.datapoints.pointsize; + + for (var i = 0; i < points.length; i += ps) { + var img = points[i], + x1 = points[i + 1], y1 = points[i + 2], + x2 = points[i + 3], y2 = points[i + 4], + xaxis = series.xaxis, yaxis = series.yaxis, + tmp; + + // actually we should check img.complete, but it + // appears to be a somewhat unreliable indicator in + // IE6 (false even after load event) + if (!img || img.width <= 0 || img.height <= 0) + continue; + + if (x1 > x2) { + tmp = x2; + x2 = x1; + x1 = tmp; + } + if (y1 > y2) { + tmp = y2; + y2 = y1; + y1 = tmp; + } + + // if the anchor is at the center of the pixel, expand the + // image by 1/2 pixel in each direction + if (series.images.anchor == "center") { + tmp = 0.5 * (x2-x1) / (img.width - 1); + x1 -= tmp; + x2 += tmp; + tmp = 0.5 * (y2-y1) / (img.height - 1); + y1 -= tmp; + y2 += tmp; + } + + // clip + if (x1 == x2 || y1 == y2 || + x1 >= xaxis.max || x2 <= xaxis.min || + y1 >= yaxis.max || y2 <= yaxis.min) + continue; + + var sx1 = 0, sy1 = 0, sx2 = img.width, sy2 = img.height; + if (x1 < xaxis.min) { + sx1 += (sx2 - sx1) * (xaxis.min - x1) / (x2 - x1); + x1 = xaxis.min; + } + + if (x2 > xaxis.max) { + sx2 += (sx2 - sx1) * (xaxis.max - x2) / (x2 - x1); + x2 = xaxis.max; + } + + if (y1 < yaxis.min) { + sy2 += (sy1 - sy2) * (yaxis.min - y1) / (y2 - y1); + y1 = yaxis.min; + } + + if (y2 > yaxis.max) { + sy1 += (sy1 - sy2) * (yaxis.max - y2) / (y2 - y1); + y2 = yaxis.max; + } + + x1 = xaxis.p2c(x1); + x2 = xaxis.p2c(x2); + y1 = yaxis.p2c(y1); + y2 = yaxis.p2c(y2); + + // the transformation may have swapped us + if (x1 > x2) { + tmp = x2; + x2 = x1; + x1 = tmp; + } + if (y1 > y2) { + tmp = y2; + y2 = y1; + y1 = tmp; + } + + tmp = ctx.globalAlpha; + ctx.globalAlpha *= series.images.alpha; + ctx.drawImage(img, + sx1, sy1, sx2 - sx1, sy2 - sy1, + x1 + plotOffset.left, y1 + plotOffset.top, + x2 - x1, y2 - y1); + ctx.globalAlpha = tmp; + } + } + + function processRawData(plot, series, data, datapoints) { + if (!series.images.show) + return; + + // format is Image, x1, y1, x2, y2 (opposite corners) + datapoints.format = [ + { required: true }, + { x: true, number: true, required: true }, + { y: true, number: true, required: true }, + { x: true, number: true, required: true }, + { y: true, number: true, required: true } + ]; + } + + function init(plot) { + plot.hooks.processRawData.push(processRawData); + plot.hooks.drawSeries.push(drawSeries); + } + + $.plot.plugins.push({ + init: init, + options: options, + name: 'image', + version: '1.1' + }); +})(jQuery); diff --git a/static/js/flot/jquery.flot.image.min.js b/static/js/flot/jquery.flot.image.min.js new file mode 100644 index 0000000000..9480c1e7a3 --- /dev/null +++ b/static/js/flot/jquery.flot.image.min.js @@ -0,0 +1 @@ +(function(c){var a={series:{images:{show:false,alpha:1,anchor:"corner"}}};c.plot.image={};c.plot.image.loadDataImages=function(g,f,k){var j=[],h=[];var i=f.series.images.show;c.each(g,function(l,m){if(!(i||m.images.show)){return}if(m.data){m=m.data}c.each(m,function(n,o){if(typeof o[0]=="string"){j.push(o[0]);h.push(o)}})});c.plot.image.load(j,function(l){c.each(h,function(n,o){var m=o[0];if(l[m]){o[0]=l[m]}});k()})};c.plot.image.load=function(h,i){var g=h.length,f={};if(g==0){i({})}c.each(h,function(k,j){var l=function(){--g;f[j]=this;if(g==0){i(f)}};c("").load(l).error(l).attr("src",j)})};function d(q,o,l){var m=q.getPlotOffset();if(!l.images||!l.images.show){return}var r=l.datapoints.points,n=l.datapoints.pointsize;for(var t=0;tv){x=v;v=w;w=x}if(g>f){x=f;f=g;g=x}if(l.images.anchor=="center"){x=0.5*(v-w)/(y.width-1);w-=x;v+=x;x=0.5*(f-g)/(y.height-1);g-=x;f+=x}if(w==v||g==f||w>=h.max||v<=h.min||g>=u.max||f<=u.min){continue}var k=0,s=0,j=y.width,p=y.height;if(wh.max){j+=(j-k)*(h.max-v)/(v-w);v=h.max}if(gu.max){s+=(s-p)*(u.max-f)/(f-g);f=u.max}w=h.p2c(w);v=h.p2c(v);g=u.p2c(g);f=u.p2c(f);if(w>v){x=v;v=w;w=x}if(g>f){x=f;f=g;g=x}x=o.globalAlpha;o.globalAlpha*=l.images.alpha;o.drawImage(y,k,s,j-k,p-s,w+m.left,g+m.top,v-w,f-g);o.globalAlpha=x}}function b(i,f,g,h){if(!f.images.show){return}h.format=[{required:true},{x:true,number:true,required:true},{y:true,number:true,required:true},{x:true,number:true,required:true},{y:true,number:true,required:true}]}function e(f){f.hooks.processRawData.push(b);f.hooks.drawSeries.push(d)}c.plot.plugins.push({init:e,options:a,name:"image",version:"1.1"})})(jQuery); \ No newline at end of file diff --git a/static/js/flot/jquery.flot.js b/static/js/flot/jquery.flot.js new file mode 100644 index 0000000000..76323c2cba --- /dev/null +++ b/static/js/flot/jquery.flot.js @@ -0,0 +1,2790 @@ +/*! Javascript plotting library for jQuery, v. 0.7. + * + * Released under the MIT license by IOLA, December 2007. + * + */ + +// first an inline dependency, jquery.colorhelpers.js, we inline it here +// for convenience + +/* Plugin for jQuery for working with colors. + * + * Version 1.1. + * + * Inspiration from jQuery color animation plugin by John Resig. + * + * Released under the MIT license by Ole Laursen, October 2009. + * + * Examples: + * + * $.color.parse("#fff").scale('rgb', 0.25).add('a', -0.5).toString() + * var c = $.color.extract($("#mydiv"), 'background-color'); + * console.log(c.r, c.g, c.b, c.a); + * $.color.make(100, 50, 25, 0.4).toString() // returns "rgba(100,50,25,0.4)" + * + * Note that .scale() and .add() return the same modified object + * instead of making a new one. + * + * V. 1.1: Fix error handling so e.g. parsing an empty string does + * produce a color rather than just crashing. + */ +(function(B){B.color={};B.color.make=function(F,E,C,D){var G={};G.r=F||0;G.g=E||0;G.b=C||0;G.a=D!=null?D:1;G.add=function(J,I){for(var H=0;H=1){return"rgb("+[G.r,G.g,G.b].join(",")+")"}else{return"rgba("+[G.r,G.g,G.b,G.a].join(",")+")"}};G.normalize=function(){function H(J,K,I){return KI?I:K)}G.r=H(0,parseInt(G.r),255);G.g=H(0,parseInt(G.g),255);G.b=H(0,parseInt(G.b),255);G.a=H(0,G.a,1);return G};G.clone=function(){return B.color.make(G.r,G.b,G.g,G.a)};return G.normalize()};B.color.extract=function(D,C){var E;do{E=D.css(C).toLowerCase();if(E!=""&&E!="transparent"){break}D=D.parent()}while(!B.nodeName(D.get(0),"body"));if(E=="rgba(0, 0, 0, 0)"){E="transparent"}return B.color.parse(E)};B.color.parse=function(F){var E,C=B.color.make;if(E=/rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/.exec(F)){return C(parseInt(E[1],10),parseInt(E[2],10),parseInt(E[3],10))}if(E=/rgba\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]+(?:\.[0-9]+)?)\s*\)/.exec(F)){return C(parseInt(E[1],10),parseInt(E[2],10),parseInt(E[3],10),parseFloat(E[4]))}if(E=/rgb\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*\)/.exec(F)){return C(parseFloat(E[1])*2.55,parseFloat(E[2])*2.55,parseFloat(E[3])*2.55)}if(E=/rgba\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\s*\)/.exec(F)){return C(parseFloat(E[1])*2.55,parseFloat(E[2])*2.55,parseFloat(E[3])*2.55,parseFloat(E[4]))}if(E=/#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/.exec(F)){return C(parseInt(E[1],16),parseInt(E[2],16),parseInt(E[3],16))}if(E=/#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/.exec(F)){return C(parseInt(E[1]+E[1],16),parseInt(E[2]+E[2],16),parseInt(E[3]+E[3],16))}var D=B.trim(F).toLowerCase();if(D=="transparent"){return C(255,255,255,0)}else{E=A[D]||[0,0,0];return C(E[0],E[1],E[2])}};var A={aqua:[0,255,255],azure:[240,255,255],beige:[245,245,220],black:[0,0,0],blue:[0,0,255],brown:[165,42,42],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgrey:[169,169,169],darkgreen:[0,100,0],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkviolet:[148,0,211],fuchsia:[255,0,255],gold:[255,215,0],green:[0,128,0],indigo:[75,0,130],khaki:[240,230,140],lightblue:[173,216,230],lightcyan:[224,255,255],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightyellow:[255,255,224],lime:[0,255,0],magenta:[255,0,255],maroon:[128,0,0],navy:[0,0,128],olive:[128,128,0],orange:[255,165,0],pink:[255,192,203],purple:[128,0,128],violet:[128,0,128],red:[255,0,0],silver:[192,192,192],white:[255,255,255],yellow:[255,255,0]}})(jQuery); + +// the actual Flot code +(function($) { + function Plot(placeholder, data_, options_, plugins) { + // data is on the form: + // [ series1, series2 ... ] + // where series is either just the data as [ [x1, y1], [x2, y2], ... ] + // or { data: [ [x1, y1], [x2, y2], ... ], label: "some label", ... } + + var series = [], + options = { + // the color theme used for graphs + colors: ["#edc240", "#afd8f8", "#cb4b4b", "#4da74d", "#9440ed"], + legend: { + show: true, + noColumns: 1, // number of colums in legend table + labelFormatter: null, // fn: string -> string + labelBoxBorderColor: "#ccc", // border color for the little label boxes + container: null, // container (as jQuery object) to put legend in, null means default on top of graph + position: "ne", // position of default legend container within plot + margin: 5, // distance from grid edge to default legend container within plot + backgroundColor: null, // null means auto-detect + backgroundOpacity: 0.85 // set to 0 to avoid background + }, + xaxis: { + show: null, // null = auto-detect, true = always, false = never + position: "bottom", // or "top" + mode: null, // null or "time" + color: null, // base color, labels, ticks + tickColor: null, // possibly different color of ticks, e.g. "rgba(0,0,0,0.15)" + transform: null, // null or f: number -> number to transform axis + inverseTransform: null, // if transform is set, this should be the inverse function + min: null, // min. value to show, null means set automatically + max: null, // max. value to show, null means set automatically + autoscaleMargin: null, // margin in % to add if auto-setting min/max + ticks: null, // either [1, 3] or [[1, "a"], 3] or (fn: axis info -> ticks) or app. number of ticks for auto-ticks + tickFormatter: null, // fn: number -> string + labelWidth: null, // size of tick labels in pixels + labelHeight: null, + labelAngle: 0, // an angle from 90 to -90 + reserveSpace: null, // whether to reserve space even if axis isn't shown + tickLength: null, // size in pixels of ticks, or "full" for whole line + alignTicksWithAxis: null, // axis number or null for no sync + + // mode specific options + tickDecimals: null, // no. of decimals, null means auto + tickSize: null, // number or [number, "unit"] + minTickSize: null, // number or [number, "unit"] + monthNames: null, // list of names of months + timeformat: null, // format string to use + twelveHourClock: false // 12 or 24 time in time mode + }, + yaxis: { + autoscaleMargin: 0.02, + labelAngle: 0, // an angle from 90 to -90 + position: "left" // or "right" + }, + xaxes: [], + yaxes: [], + series: { + points: { + show: false, + radius: 3, + lineWidth: 2, // in pixels + fill: true, + fillColor: "#ffffff", + symbol: "circle" // or callback + }, + lines: { + // we don't put in show: false so we can see + // whether lines were actively disabled + lineWidth: 2, // in pixels + fill: false, + fillColor: null, + steps: false + }, + bars: { + show: false, + lineWidth: 2, // in pixels + barWidth: 1, // in units of the x axis + fill: true, + fillColor: null, + align: "left", // or "center" + horizontal: false + }, + shadowSize: 3 + }, + grid: { + show: true, + aboveData: false, + color: "#545454", // primary color used for outline and labels + backgroundColor: null, // null for transparent, else color + borderColor: null, // set if different from the grid color + tickColor: null, // color for the ticks, e.g. "rgba(0,0,0,0.15)" + labelMargin: 5, // in pixels + axisMargin: 8, // in pixels + borderWidth: 2, // in pixels + minBorderMargin: null, // in pixels, null means taken from points radius + markings: null, // array of ranges or fn: axes -> array of ranges + markingsColor: "#f4f4f4", + markingsLineWidth: 2, + // interactive stuff + clickable: false, + hoverable: false, + autoHighlight: true, // highlight in case mouse is near + mouseActiveRadius: 10 // how far the mouse can be away to activate an item + }, + hooks: {} + }, + canvas = null, // the canvas for the plot itself + overlay = null, // canvas for interactive stuff on top of plot + eventHolder = null, // jQuery object that events should be bound to + ctx = null, octx = null, + xaxes = [], yaxes = [], + plotOffset = { left: 0, right: 0, top: 0, bottom: 0}, + canvasWidth = 0, canvasHeight = 0, + plotWidth = 0, plotHeight = 0, + hasCSS3transform = false, + hooks = { + processOptions: [], + processRawData: [], + processDatapoints: [], + drawSeries: [], + draw: [], + bindEvents: [], + drawOverlay: [], + shutdown: [] + }, + plot = this; + + // public functions + plot.setData = setData; + plot.setupGrid = setupGrid; + plot.draw = draw; + plot.getPlaceholder = function() { return placeholder; }; + plot.getCanvas = function() { return canvas; }; + plot.getPlotOffset = function() { return plotOffset; }; + plot.width = function () { return plotWidth; }; + plot.height = function () { return plotHeight; }; + plot.offset = function () { + var o = eventHolder.offset(); + o.left += plotOffset.left; + o.top += plotOffset.top; + return o; + }; + plot.getData = function () { return series; }; + plot.getAxes = function () { + var res = {}, i; + $.each(xaxes.concat(yaxes), function (_, axis) { + if (axis) + res[axis.direction + (axis.n != 1 ? axis.n : "") + "axis"] = axis; + }); + return res; + }; + plot.getXAxes = function () { return xaxes; }; + plot.getYAxes = function () { return yaxes; }; + plot.c2p = canvasToAxisCoords; + plot.p2c = axisToCanvasCoords; + plot.getOptions = function () { return options; }; + plot.highlight = highlight; + plot.unhighlight = unhighlight; + plot.triggerRedrawOverlay = triggerRedrawOverlay; + plot.pointOffset = function(point) { + return { + left: parseInt(xaxes[axisNumber(point, "x") - 1].p2c(+point.x) + plotOffset.left), + top: parseInt(yaxes[axisNumber(point, "y") - 1].p2c(+point.y) + plotOffset.top) + }; + }; + plot.shutdown = shutdown; + plot.resize = function () { + getCanvasDimensions(); + resizeCanvas(canvas); + resizeCanvas(overlay); + }; + + // public attributes + plot.hooks = hooks; + + // initialize + initPlugins(plot); + parseOptions(options_); + setupCanvases(); + setData(data_); + setupGrid(); + draw(); + bindEvents(); + + + function executeHooks(hook, args) { + args = [plot].concat(args); + for (var i = 0; i < hook.length; ++i) + hook[i].apply(this, args); + } + + function initPlugins() { + for (var i = 0; i < plugins.length; ++i) { + var p = plugins[i]; + p.init(plot); + if (p.options) + $.extend(true, options, p.options); + } + } + + function parseOptions(opts) { + var i; + + $.extend(true, options, opts); + + if (options.xaxis.color == null) + options.xaxis.color = options.grid.color; + if (options.yaxis.color == null) + options.yaxis.color = options.grid.color; + + if (options.xaxis.tickColor == null) // backwards-compatibility + options.xaxis.tickColor = options.grid.tickColor; + if (options.yaxis.tickColor == null) // backwards-compatibility + options.yaxis.tickColor = options.grid.tickColor; + + if (options.grid.borderColor == null) + options.grid.borderColor = options.grid.color; + if (options.grid.tickColor == null) + options.grid.tickColor = $.color.parse(options.grid.color).scale('a', 0.22).toString(); + + // fill in defaults in axes, copy at least always the + // first as the rest of the code assumes it'll be there + for (i = 0; i < Math.max(1, options.xaxes.length); ++i) + options.xaxes[i] = $.extend(true, {}, options.xaxis, options.xaxes[i]); + for (i = 0; i < Math.max(1, options.yaxes.length); ++i) + options.yaxes[i] = $.extend(true, {}, options.yaxis, options.yaxes[i]); + + // backwards compatibility, to be removed in future + if (options.xaxis.noTicks && options.xaxis.ticks == null) + options.xaxis.ticks = options.xaxis.noTicks; + if (options.yaxis.noTicks && options.yaxis.ticks == null) + options.yaxis.ticks = options.yaxis.noTicks; + if (options.x2axis) { + options.xaxes[1] = $.extend(true, {}, options.xaxis, options.x2axis); + options.xaxes[1].position = "top"; + } + if (options.y2axis) { + options.yaxes[1] = $.extend(true, {}, options.yaxis, options.y2axis); + options.yaxes[1].position = "right"; + } + if (options.grid.coloredAreas) + options.grid.markings = options.grid.coloredAreas; + if (options.grid.coloredAreasColor) + options.grid.markingsColor = options.grid.coloredAreasColor; + if (options.lines) + $.extend(true, options.series.lines, options.lines); + if (options.points) + $.extend(true, options.series.points, options.points); + if (options.bars) + $.extend(true, options.series.bars, options.bars); + if (options.shadowSize != null) + options.series.shadowSize = options.shadowSize; + + // save options on axes for future reference + for (i = 0; i < options.xaxes.length; ++i) + getOrCreateAxis(xaxes, i + 1).options = options.xaxes[i]; + for (i = 0; i < options.yaxes.length; ++i) + getOrCreateAxis(yaxes, i + 1).options = options.yaxes[i]; + + // add hooks from options + for (var n in hooks) + if (options.hooks[n] && options.hooks[n].length) + hooks[n] = hooks[n].concat(options.hooks[n]); + + executeHooks(hooks.processOptions, [options]); + } + + function setData(d) { + series = parseData(d); + fillInSeriesOptions(); + processData(); + } + + function parseData(d) { + var res = []; + for (var i = 0; i < d.length; ++i) { + var s = $.extend(true, {}, options.series); + + if (d[i].data != null) { + s.data = d[i].data; // move the data instead of deep-copy + delete d[i].data; + + $.extend(true, s, d[i]); + + d[i].data = s.data; + } + else + s.data = d[i]; + res.push(s); + } + + return res; + } + + function axisNumber(obj, coord) { + var a = obj[coord + "axis"]; + if (typeof a == "object") // if we got a real axis, extract number + a = a.n; + if (typeof a != "number") + a = 1; // default to first axis + return a; + } + + function allAxes() { + // return flat array without annoying null entries + return $.grep(xaxes.concat(yaxes), function (a) { return a; }); + } + + function canvasToAxisCoords(pos) { + // return an object with x/y corresponding to all used axes + var res = {}, i, axis; + for (i = 0; i < xaxes.length; ++i) { + axis = xaxes[i]; + if (axis && axis.used) + res["x" + axis.n] = axis.c2p(pos.left); + } + + for (i = 0; i < yaxes.length; ++i) { + axis = yaxes[i]; + if (axis && axis.used) + res["y" + axis.n] = axis.c2p(pos.top); + } + + if (res.x1 !== undefined) + res.x = res.x1; + if (res.y1 !== undefined) + res.y = res.y1; + + return res; + } + + function axisToCanvasCoords(pos) { + // get canvas coords from the first pair of x/y found in pos + var res = {}, i, axis, key; + + for (i = 0; i < xaxes.length; ++i) { + axis = xaxes[i]; + if (axis && axis.used) { + key = "x" + axis.n; + if (pos[key] == null && axis.n == 1) + key = "x"; + + if (pos[key] != null) { + res.left = axis.p2c(pos[key]); + break; + } + } + } + + for (i = 0; i < yaxes.length; ++i) { + axis = yaxes[i]; + if (axis && axis.used) { + key = "y" + axis.n; + if (pos[key] == null && axis.n == 1) + key = "y"; + + if (pos[key] != null) { + res.top = axis.p2c(pos[key]); + break; + } + } + } + + return res; + } + + function getOrCreateAxis(axes, number) { + if (!axes[number - 1]) + axes[number - 1] = { + n: number, // save the number for future reference + direction: axes == xaxes ? "x" : "y", + options: $.extend(true, {}, axes == xaxes ? options.xaxis : options.yaxis) + }; + + return axes[number - 1]; + } + + function fillInSeriesOptions() { + var i; + + // collect what we already got of colors + var neededColors = series.length, + usedColors = [], + assignedColors = []; + for (i = 0; i < series.length; ++i) { + var sc = series[i].color; + if (sc != null) { + --neededColors; + if (typeof sc == "number") + assignedColors.push(sc); + else + usedColors.push($.color.parse(series[i].color)); + } + } + + // we might need to generate more colors if higher indices + // are assigned + for (i = 0; i < assignedColors.length; ++i) { + neededColors = Math.max(neededColors, assignedColors[i] + 1); + } + + // produce colors as needed + var colors = [], variation = 0; + i = 0; + while (colors.length < neededColors) { + var c; + if (options.colors.length == i) // check degenerate case + c = $.color.make(100, 100, 100); + else + c = $.color.parse(options.colors[i]); + + // vary color if needed + var sign = variation % 2 == 1 ? -1 : 1; + c.scale('rgb', 1 + sign * Math.ceil(variation / 2) * 0.2) + + // FIXME: if we're getting to close to something else, + // we should probably skip this one + colors.push(c); + + ++i; + if (i >= options.colors.length) { + i = 0; + ++variation; + } + } + + // fill in the options + var colori = 0, s; + for (i = 0; i < series.length; ++i) { + s = series[i]; + + // assign colors + if (s.color == null) { + s.color = colors[colori].toString(); + ++colori; + } + else if (typeof s.color == "number") + s.color = colors[s.color].toString(); + + // turn on lines automatically in case nothing is set + if (s.lines.show == null) { + var v, show = true; + for (v in s) + if (s[v] && s[v].show) { + show = false; + break; + } + if (show) + s.lines.show = true; + } + + // setup axes + s.xaxis = getOrCreateAxis(xaxes, axisNumber(s, "x")); + s.yaxis = getOrCreateAxis(yaxes, axisNumber(s, "y")); + } + } + + function processData() { + var topSentry = Number.POSITIVE_INFINITY, + bottomSentry = Number.NEGATIVE_INFINITY, + fakeInfinity = Number.MAX_VALUE, + i, j, k, m, length, + s, points, ps, x, y, axis, val, f, p; + + function updateAxis(axis, min, max) { + if (min < axis.datamin && min != -fakeInfinity) + axis.datamin = min; + if (max > axis.datamax && max != fakeInfinity) + axis.datamax = max; + } + + $.each(allAxes(), function (_, axis) { + // init axis + axis.datamin = topSentry; + axis.datamax = bottomSentry; + axis.used = false; + }); + + for (i = 0; i < series.length; ++i) { + s = series[i]; + s.datapoints = { points: [] }; + + executeHooks(hooks.processRawData, [ s, s.data, s.datapoints ]); + } + + // first pass: clean and copy data + for (i = 0; i < series.length; ++i) { + s = series[i]; + + var data = s.data, format = s.datapoints.format; + + if (!format) { + format = []; + // find out how to copy + format.push({ x: true, number: true, required: true }); + format.push({ y: true, number: true, required: true }); + + if (s.bars.show || (s.lines.show && s.lines.fill)) { + format.push({ y: true, number: true, required: false, defaultValue: 0 }); + if (s.bars.horizontal) { + delete format[format.length - 1].y; + format[format.length - 1].x = true; + } + } + + s.datapoints.format = format; + } + + if (s.datapoints.pointsize != null) + continue; // already filled in + + s.datapoints.pointsize = format.length; + + ps = s.datapoints.pointsize; + points = s.datapoints.points; + + insertSteps = s.lines.show && s.lines.steps; + s.xaxis.used = s.yaxis.used = true; + + for (j = k = 0; j < data.length; ++j, k += ps) { + p = data[j]; + + var nullify = p == null; + if (!nullify) { + for (m = 0; m < ps; ++m) { + val = p[m]; + f = format[m]; + + if (f) { + if (f.number && val != null) { + val = +val; // convert to number + if (isNaN(val)) + val = null; + else if (val == Infinity) + val = fakeInfinity; + else if (val == -Infinity) + val = -fakeInfinity; + } + + if (val == null) { + if (f.required) + nullify = true; + + if (f.defaultValue != null) + val = f.defaultValue; + } + } + + points[k + m] = val; + } + } + + if (nullify) { + for (m = 0; m < ps; ++m) { + val = points[k + m]; + if (val != null) { + f = format[m]; + // extract min/max info + if (f.x) + updateAxis(s.xaxis, val, val); + if (f.y) + updateAxis(s.yaxis, val, val); + } + points[k + m] = null; + } + } + else { + // a little bit of line specific stuff that + // perhaps shouldn't be here, but lacking + // better means... + if (insertSteps && k > 0 + && points[k - ps] != null + && points[k - ps] != points[k] + && points[k - ps + 1] != points[k + 1]) { + // copy the point to make room for a middle point + for (m = 0; m < ps; ++m) + points[k + ps + m] = points[k + m]; + + // middle point has same y + points[k + 1] = points[k - ps + 1]; + + // we've added a point, better reflect that + k += ps; + } + } + } + } + + // give the hooks a chance to run + for (i = 0; i < series.length; ++i) { + s = series[i]; + + executeHooks(hooks.processDatapoints, [ s, s.datapoints]); + } + + // second pass: find datamax/datamin for auto-scaling + for (i = 0; i < series.length; ++i) { + s = series[i]; + points = s.datapoints.points, + ps = s.datapoints.pointsize; + + var xmin = topSentry, ymin = topSentry, + xmax = bottomSentry, ymax = bottomSentry; + + for (j = 0; j < points.length; j += ps) { + if (points[j] == null) + continue; + + for (m = 0; m < ps; ++m) { + val = points[j + m]; + f = format[m]; + if (!f || val == fakeInfinity || val == -fakeInfinity) + continue; + + if (f.x) { + if (val < xmin) + xmin = val; + if (val > xmax) + xmax = val; + } + if (f.y) { + if (val < ymin) + ymin = val; + if (val > ymax) + ymax = val; + } + } + } + + if (s.bars.show) { + // make sure we got room for the bar on the dancing floor + var delta = s.bars.align == "left" ? 0 : -s.bars.barWidth/2; + if (s.bars.horizontal) { + ymin += delta; + ymax += delta + s.bars.barWidth; + } + else { + xmin += delta; + xmax += delta + s.bars.barWidth; + } + } + + updateAxis(s.xaxis, xmin, xmax); + updateAxis(s.yaxis, ymin, ymax); + } + + $.each(allAxes(), function (_, axis) { + if (axis.datamin == topSentry) + axis.datamin = null; + if (axis.datamax == bottomSentry) + axis.datamax = null; + }); + } + + function makeCanvas(skipPositioning, cls) { + var c = document.createElement('canvas'); + c.className = cls; + c.width = canvasWidth; + c.height = canvasHeight; + + if (!skipPositioning) + $(c).css({ position: 'absolute', left: 0, top: 0 }); + + $(c).appendTo(placeholder); + + if (!c.getContext) // excanvas hack + c = window.G_vmlCanvasManager.initElement(c); + + // used for resetting in case we get replotted + c.getContext("2d").save(); + + return c; + } + + function getCanvasDimensions() { + canvasWidth = placeholder.width(); + canvasHeight = placeholder.height(); + + if (canvasWidth <= 0 || canvasHeight <= 0) + throw "Invalid dimensions for plot, width = " + canvasWidth + ", height = " + canvasHeight; + } + + function resizeCanvas(c) { + // resizing should reset the state (excanvas seems to be + // buggy though) + if (c.width != canvasWidth) + c.width = canvasWidth; + + if (c.height != canvasHeight) + c.height = canvasHeight; + + // so try to get back to the initial state (even if it's + // gone now, this should be safe according to the spec) + var cctx = c.getContext("2d"); + cctx.restore(); + + // and save again + cctx.save(); + } + + function setupCanvases() { + var reused, + existingCanvas = placeholder.children("canvas.base"), + existingOverlay = placeholder.children("canvas.overlay"); + + if (existingCanvas.length == 0 || existingOverlay == 0) { + // init everything + + placeholder.html(""); // make sure placeholder is clear + + placeholder.css({ padding: 0 }); // padding messes up the positioning + + if (placeholder.css("position") == 'static') + placeholder.css("position", "relative"); // for positioning labels and overlay + + getCanvasDimensions(); + + canvas = makeCanvas(true, "base"); + overlay = makeCanvas(false, "overlay"); // overlay canvas for interactive features + + reused = false; + } + else { + // reuse existing elements + + canvas = existingCanvas.get(0); + overlay = existingOverlay.get(0); + + reused = true; + } + + ctx = canvas.getContext("2d"); + octx = overlay.getContext("2d"); + + // we include the canvas in the event holder too, because IE 7 + // sometimes has trouble with the stacking order + eventHolder = $([overlay, canvas]); + + if (reused) { + // run shutdown in the old plot object + placeholder.data("plot").shutdown(); + + // reset reused canvases + plot.resize(); + + // make sure overlay pixels are cleared (canvas is cleared when we redraw) + octx.clearRect(0, 0, canvasWidth, canvasHeight); + + // then whack any remaining obvious garbage left + eventHolder.unbind(); + placeholder.children().not([canvas, overlay]).remove(); + } + + // save in case we get replotted + placeholder.data("plot", plot); + } + + function bindEvents() { + // bind events + if (options.grid.hoverable) { + eventHolder.mousemove(onMouseMove); + eventHolder.mouseleave(onMouseLeave); + } + + if (options.grid.clickable) + eventHolder.click(onClick); + + executeHooks(hooks.bindEvents, [eventHolder]); + } + + function shutdown() { + if (redrawTimeout) + clearTimeout(redrawTimeout); + + eventHolder.unbind("mousemove", onMouseMove); + eventHolder.unbind("mouseleave", onMouseLeave); + eventHolder.unbind("click", onClick); + + executeHooks(hooks.shutdown, [eventHolder]); + } + + function setTransformationHelpers(axis) { + // set helper functions on the axis, assumes plot area + // has been computed already + + function identity(x) { return x; } + + var s, m, t = axis.options.transform || identity, + it = axis.options.inverseTransform; + + // precompute how much the axis is scaling a point + // in canvas space + if (axis.direction == "x") { + s = axis.scale = plotWidth / Math.abs(t(axis.max) - t(axis.min)); + m = Math.min(t(axis.max), t(axis.min)); + } + else { + s = axis.scale = plotHeight / Math.abs(t(axis.max) - t(axis.min)); + s = -s; + m = Math.max(t(axis.max), t(axis.min)); + } + + // data point to canvas coordinate + if (t == identity) // slight optimization + axis.p2c = function (p) { return (p - m) * s; }; + else + axis.p2c = function (p) { return (t(p) - m) * s; }; + // canvas coordinate to data point + if (!it) + axis.c2p = function (c) { return m + c / s; }; + else + axis.c2p = function (c) { return it(m + c / s); }; + } + + //in order to move the labels after they have been rotated, we need to know some + //things about the dimensions of it. This is made harder by the fact that IE + //"fixes" the post-rotation div. What it does is do the rotation, and then + //move the result back into the original div. All the CSS3-supporting browsers + //do the rotation and then flow everything else around the original element. + //Also, the div width and height aren't consistently changed between browsers, + //so we have to calculate those too (even though the *display* of them is all + //the same). + function calculateRotatedDimensions(width,height,angle){ + if (!angle) + return {}; + var rad = angle * Math.PI / 180, + sin = Math.sin(rad), + cos = Math.cos(rad); + + var x1 = cos * width, + y1 = sin * width; + var x2 = -sin * height, + y2 = cos * height; + var x3 = cos * width - sin * height, + y3 = sin * width + cos * height; + var minX = Math.min(0, x1, x2, x3), + maxX = Math.max(0, x1, x2, x3), + minY = Math.min(0, y1, y2, y3), + maxY = Math.max(0, y1, y2, y3); + + //next figure out the x,y locations of certain points on the rotated + //rectangle + //specifically, if our rectangle is defined by (0 ,0),(w,0),(w ,-h ),(-h,0) + //for negative angles: + // -we need to know where (-h',0'), as it is the left-most point + // -we need to know where (-h/2',0') is , for center alignment + // -and the same for the right side - (w',0') and (w',-h/2') + var aligned_left = { x: height/2 * sin, y: height/2 * cos}; + var aligned_right = {x: (width*cos + height/2*sin), y: (width*sin - height/2*cos)};//(w',-h/2') + var topmost,bottommost,leftmost; + if (angle < 0){ + bottommost = { x: (width*cos + height*sin), y:(width*sin - height*cos)};//(w',-h') + leftmost = { x: height * sin, y: height * cos}; + } else { + topmost = { x: x1, y: y1};//(w',0) + bottommost = { x: height * sin, y: -height*cos};//(0',-h') + } + + return { width: (maxX-minX), height: (maxY - minY), + a_left:aligned_left, a_right:aligned_right, + topmost:topmost,bottommost:bottommost, + leftmost:leftmost}; + } + + // For the given axis, determine what offsets to place the labels assuming + // that they are angled instead of centered on the tick + // for top/bottom positioned axes, this returns the fixed top and also + // a left offset from the tick + // for left/right axes, a fixed left and a top offset + function calculateAxisAngledLabels(axis){ + var angle = axis.options.labelAngle; + if (angle == undefined || angle == 0) + return {}; + var box = axis.box; + var dims = calculateRotatedDimensions(axis.options.origWidth,axis.options.origHeight,angle); + var align = "left"; + var oLeft=0, oTop=0, top, left; + + if (axis.position == 'bottom'){ + top = box.top + box.padding; + if (angle < 0) { + if (hasCSS3transform) + oLeft = -dims.a_left.x; + else + oLeft = dims.a_left.x; + } else { + align = "right"; + oLeft = -dims.a_right.x; + if (hasCSS3transform) + top += dims.topmost.y; + } + } else if (axis.position == 'top') { + top = box.top; + if (hasCSS3transform && angle > 0) + top += box.height - box.padding + dims.bottommost.y; + + if (angle < 0) + align = "right"; + if (!hasCSS3transform && angle < 0){ + oLeft = -dims.width - dims.a_left.x; + } else { + if (angle < 0) + oLeft = -dims.a_right.x; + else + oLeft = -dims.a_left.x; + } + } else if (axis.position == 'left') { + align = "right"; + left = box.left; + if (angle < 0) { + oTop = dims.a_right.y; + if (hasCSS3transform) + left -= dims.leftmost.x; + } else { + //left += (axis.options.origWidth-dims.width); + if (!hasCSS3transform) + oTop = -dims.a_left.y; + else + oTop = dims.a_right.y; + } + } else if (axis.position == 'right') { + align = "left"; + left = box.left + box.padding; + if (angle < 0) { + if (hasCSS3transform) + left -= dims.leftmost.x; + oTop = -dims.a_left.y; + } else { + if (!hasCSS3transform) + oTop = -dims.height + dims.a_left.y; + else + oTop = -dims.a_left.y; + } + } + + return {top: top, left: left, oTop: oTop, oLeft: oLeft, align: align }; + } + + function measureTickLabels(axis) { + var opts = axis.options, i, ticks = axis.ticks || [], labels = [], + l, w = opts.labelWidth, h = opts.labelHeight, dummyDiv; + + function makeDummyDiv(labels, width) { + return $('
' + + '
' + + labels.join("") + '
') + .appendTo(placeholder); + } + + if (axis.direction == "x" && axis.options.labelAngle == 0) { + // to avoid measuring the widths of the labels (it's slow), we + // construct fixed-size boxes and put the labels inside + // them, we don't need the exact figures and the + // fixed-size box content is easy to center + if (w == null) + w = Math.floor(canvasWidth / (ticks.length > 0 ? ticks.length : 1)); + + // measure x label heights + if (h == null) { + labels = []; + for (i = 0; i < ticks.length; ++i) { + l = ticks[i].label; + if (l) + labels.push('
' + l + '
'); + } + + if (labels.length > 0) { + // stick them all in the same div and measure + // collective height + labels.push('
'); + dummyDiv = makeDummyDiv(labels, "width:10000px;"); + h = dummyDiv.height(); + dummyDiv.remove(); + } + } + } + else if (w == null || h == null) { + // calculate y label dimensions + for (i = 0; i < ticks.length; ++i) { + l = ticks[i].label; + if (l) + labels.push('
' + l + '
'); + } + + if (labels.length > 0) { + dummyDiv = makeDummyDiv(labels, ""); + if (axis.options.labelAngle != 0){ + var dims = calculateRotatedDimensions( + dummyDiv.children().width(), + dummyDiv.find("div.tickLabel").height(), + axis.options.labelAngle); + axis.options.origHeight = dummyDiv.find("div.tickLabel").height(); + axis.options.origWidth = dummyDiv.children().width(); + if (h == null) + h = dims.height; + if (w == null) + w = dims.width; + } else { + if (w == null) + w = dummyDiv.children().width(); + if (h == null) + h = dummyDiv.find("div.tickLabel").height(); + } + dummyDiv.remove(); + } + } + + if (w == null) + w = 0; + if (h == null) + h = 0; + + axis.labelWidth = w; + axis.labelHeight = h; + } + + function allocateAxisBoxFirstPhase(axis) { + // find the bounding box of the axis by looking at label + // widths/heights and ticks, make room by diminishing the + // plotOffset + + var lw = axis.labelWidth, + lh = axis.labelHeight, + pos = axis.options.position, + tickLength = axis.options.tickLength, + axismargin = options.grid.axisMargin, + padding = options.grid.labelMargin, + all = axis.direction == "x" ? xaxes : yaxes, + index; + + // determine axis margin + var samePosition = $.grep(all, function (a) { + return a && a.options.position == pos && a.reserveSpace; + }); + if ($.inArray(axis, samePosition) == samePosition.length - 1) + axismargin = 0; // outermost + + // determine tick length - if we're innermost, we can use "full" + if (tickLength == null) + tickLength = "full"; + + var sameDirection = $.grep(all, function (a) { + return a && a.reserveSpace; + }); + + var innermost = $.inArray(axis, sameDirection) == 0; + if (!innermost && tickLength == "full") + tickLength = 5; + + if (!isNaN(+tickLength)) + padding += +tickLength; + + // compute box + if (axis.direction == "x") { + lh += padding; + + if (pos == "bottom") { + plotOffset.bottom += lh + axismargin; + axis.box = { top: canvasHeight - plotOffset.bottom, height: lh }; + } + else { + axis.box = { top: plotOffset.top + axismargin, height: lh }; + plotOffset.top += lh + axismargin; + } + } + else { + lw += padding; + + if (pos == "left") { + axis.box = { left: plotOffset.left + axismargin, width: lw }; + plotOffset.left += lw + axismargin; + } + else { + plotOffset.right += lw + axismargin; + axis.box = { left: canvasWidth - plotOffset.right, width: lw }; + } + } + + // save for future reference + axis.position = pos; + axis.tickLength = tickLength; + axis.box.padding = padding; + axis.innermost = innermost; + } + + function allocateAxisBoxSecondPhase(axis) { + // set remaining bounding box coordinates + if (axis.direction == "x") { + axis.box.left = plotOffset.left; + axis.box.width = plotWidth; + } + else { + axis.box.top = plotOffset.top; + axis.box.height = plotHeight; + } + } + + function setupGrid() { + var i, axes = allAxes(); + + // first calculate the plot and axis box dimensions + + $.each(axes, function (_, axis) { + axis.show = axis.options.show; + if (axis.show == null) + axis.show = axis.used; // by default an axis is visible if it's got data + + axis.reserveSpace = axis.show || axis.options.reserveSpace; + + setRange(axis); + }); + + allocatedAxes = $.grep(axes, function (axis) { return axis.reserveSpace; }); + + plotOffset.left = plotOffset.right = plotOffset.top = plotOffset.bottom = 0; + if (options.grid.show) { + $.each(allocatedAxes, function (_, axis) { + // make the ticks + setupTickGeneration(axis); + setTicks(axis); + snapRangeToTicks(axis, axis.ticks); + + // find labelWidth/Height for axis + measureTickLabels(axis); + }); + + // with all dimensions in house, we can compute the + // axis boxes, start from the outside (reverse order) + for (i = allocatedAxes.length - 1; i >= 0; --i) + allocateAxisBoxFirstPhase(allocatedAxes[i]); + + // make sure we've got enough space for things that + // might stick out + var minMargin = options.grid.minBorderMargin; + if (minMargin == null) { + minMargin = 0; + for (i = 0; i < series.length; ++i) + minMargin = Math.max(minMargin, series[i].points.radius + series[i].points.lineWidth/2); + } + + for (var a in plotOffset) { + plotOffset[a] += options.grid.borderWidth; + plotOffset[a] = Math.max(minMargin, plotOffset[a]); + } + } + + plotWidth = canvasWidth - plotOffset.left - plotOffset.right; + plotHeight = canvasHeight - plotOffset.bottom - plotOffset.top; + + // now we got the proper plotWidth/Height, we can compute the scaling + $.each(axes, function (_, axis) { + setTransformationHelpers(axis); + }); + + if (options.grid.show) { + $.each(allocatedAxes, function (_, axis) { + allocateAxisBoxSecondPhase(axis); + }); + + insertAxisLabels(); + } + + insertLegend(); + } + + function setRange(axis) { + var opts = axis.options, + min = +(opts.min != null ? opts.min : axis.datamin), + max = +(opts.max != null ? opts.max : axis.datamax), + delta = max - min; + + if (delta == 0.0) { + // degenerate case + var widen = max == 0 ? 1 : 0.01; + + if (opts.min == null) + min -= widen; + // always widen max if we couldn't widen min to ensure we + // don't fall into min == max which doesn't work + if (opts.max == null || opts.min != null) + max += widen; + } + else { + // consider autoscaling + var margin = opts.autoscaleMargin; + if (margin != null) { + if (opts.min == null) { + min -= delta * margin; + // make sure we don't go below zero if all values + // are positive + if (min < 0 && axis.datamin != null && axis.datamin >= 0) + min = 0; + } + if (opts.max == null) { + max += delta * margin; + if (max > 0 && axis.datamax != null && axis.datamax <= 0) + max = 0; + } + } + } + axis.min = min; + axis.max = max; + } + + function setupTickGeneration(axis) { + var opts = axis.options; + + // estimate number of ticks + var noTicks; + if (typeof opts.ticks == "number" && opts.ticks > 0) + noTicks = opts.ticks; + else + // heuristic based on the model a*sqrt(x) fitted to + // some data points that seemed reasonable + noTicks = 0.3 * Math.sqrt(axis.direction == "x" ? canvasWidth : canvasHeight); + + var delta = (axis.max - axis.min) / noTicks, + size, generator, unit, formatter, i, magn, norm; + + if (opts.mode == "time") { + // pretty handling of time + + // map of app. size of time units in milliseconds + var timeUnitSize = { + "second": 1000, + "minute": 60 * 1000, + "hour": 60 * 60 * 1000, + "day": 24 * 60 * 60 * 1000, + "month": 30 * 24 * 60 * 60 * 1000, + "year": 365.2425 * 24 * 60 * 60 * 1000 + }; + + + // the allowed tick sizes, after 1 year we use + // an integer algorithm + var spec = [ + [1, "second"], [2, "second"], [5, "second"], [10, "second"], + [30, "second"], + [1, "minute"], [2, "minute"], [5, "minute"], [10, "minute"], + [30, "minute"], + [1, "hour"], [2, "hour"], [4, "hour"], + [8, "hour"], [12, "hour"], + [1, "day"], [2, "day"], [3, "day"], + [0.25, "month"], [0.5, "month"], [1, "month"], + [2, "month"], [3, "month"], [6, "month"], + [1, "year"] + ]; + + var minSize = 0; + if (opts.minTickSize != null) { + if (typeof opts.tickSize == "number") + minSize = opts.tickSize; + else + minSize = opts.minTickSize[0] * timeUnitSize[opts.minTickSize[1]]; + } + + for (var i = 0; i < spec.length - 1; ++i) + if (delta < (spec[i][0] * timeUnitSize[spec[i][1]] + + spec[i + 1][0] * timeUnitSize[spec[i + 1][1]]) / 2 + && spec[i][0] * timeUnitSize[spec[i][1]] >= minSize) + break; + size = spec[i][0]; + unit = spec[i][1]; + + // special-case the possibility of several years + if (unit == "year") { + magn = Math.pow(10, Math.floor(Math.log(delta / timeUnitSize.year) / Math.LN10)); + norm = (delta / timeUnitSize.year) / magn; + if (norm < 1.5) + size = 1; + else if (norm < 3) + size = 2; + else if (norm < 7.5) + size = 5; + else + size = 10; + + size *= magn; + } + + axis.tickSize = opts.tickSize || [size, unit]; + + generator = function(axis) { + var ticks = [], + tickSize = axis.tickSize[0], unit = axis.tickSize[1], + d = new Date(axis.min); + + var step = tickSize * timeUnitSize[unit]; + + if (unit == "second") + d.setUTCSeconds(floorInBase(d.getUTCSeconds(), tickSize)); + if (unit == "minute") + d.setUTCMinutes(floorInBase(d.getUTCMinutes(), tickSize)); + if (unit == "hour") + d.setUTCHours(floorInBase(d.getUTCHours(), tickSize)); + if (unit == "month") + d.setUTCMonth(floorInBase(d.getUTCMonth(), tickSize)); + if (unit == "year") + d.setUTCFullYear(floorInBase(d.getUTCFullYear(), tickSize)); + + // reset smaller components + d.setUTCMilliseconds(0); + if (step >= timeUnitSize.minute) + d.setUTCSeconds(0); + if (step >= timeUnitSize.hour) + d.setUTCMinutes(0); + if (step >= timeUnitSize.day) + d.setUTCHours(0); + if (step >= timeUnitSize.day * 4) + d.setUTCDate(1); + if (step >= timeUnitSize.year) + d.setUTCMonth(0); + + + var carry = 0, v = Number.NaN, prev; + do { + prev = v; + v = d.getTime(); + ticks.push(v); + if (unit == "month") { + if (tickSize < 1) { + // a bit complicated - we'll divide the month + // up but we need to take care of fractions + // so we don't end up in the middle of a day + d.setUTCDate(1); + var start = d.getTime(); + d.setUTCMonth(d.getUTCMonth() + 1); + var end = d.getTime(); + d.setTime(v + carry * timeUnitSize.hour + (end - start) * tickSize); + carry = d.getUTCHours(); + d.setUTCHours(0); + } + else + d.setUTCMonth(d.getUTCMonth() + tickSize); + } + else if (unit == "year") { + d.setUTCFullYear(d.getUTCFullYear() + tickSize); + } + else + d.setTime(v + step); + } while (v < axis.max && v != prev); + + return ticks; + }; + + formatter = function (v, axis) { + var d = new Date(v); + + // first check global format + if (opts.timeformat != null) + return $.plot.formatDate(d, opts.timeformat, opts.monthNames); + + var t = axis.tickSize[0] * timeUnitSize[axis.tickSize[1]]; + var span = axis.max - axis.min; + var suffix = (opts.twelveHourClock) ? " %p" : ""; + + if (t < timeUnitSize.minute) + fmt = "%h:%M:%S" + suffix; + else if (t < timeUnitSize.day) { + if (span < 2 * timeUnitSize.day) + fmt = "%h:%M" + suffix; + else + fmt = "%b %d %h:%M" + suffix; + } + else if (t < timeUnitSize.month) + fmt = "%b %d"; + else if (t < timeUnitSize.year) { + if (span < timeUnitSize.year) + fmt = "%b"; + else + fmt = "%b %y"; + } + else + fmt = "%y"; + + return $.plot.formatDate(d, fmt, opts.monthNames); + }; + } + else { + // pretty rounding of base-10 numbers + var maxDec = opts.tickDecimals; + var dec = -Math.floor(Math.log(delta) / Math.LN10); + if (maxDec != null && dec > maxDec) + dec = maxDec; + + magn = Math.pow(10, -dec); + norm = delta / magn; // norm is between 1.0 and 10.0 + + if (norm < 1.5) + size = 1; + else if (norm < 3) { + size = 2; + // special case for 2.5, requires an extra decimal + if (norm > 2.25 && (maxDec == null || dec + 1 <= maxDec)) { + size = 2.5; + ++dec; + } + } + else if (norm < 7.5) + size = 5; + else + size = 10; + + size *= magn; + + if (opts.minTickSize != null && size < opts.minTickSize) + size = opts.minTickSize; + + axis.tickDecimals = Math.max(0, maxDec != null ? maxDec : dec); + axis.tickSize = opts.tickSize || size; + + generator = function (axis) { + var ticks = []; + + // spew out all possible ticks + var start = floorInBase(axis.min, axis.tickSize), + i = 0, v = Number.NaN, prev; + do { + prev = v; + v = start + i * axis.tickSize; + ticks.push(v); + ++i; + } while (v < axis.max && v != prev); + return ticks; + }; + + formatter = function (v, axis) { + return v.toFixed(axis.tickDecimals); + }; + } + + if (opts.alignTicksWithAxis != null) { + var otherAxis = (axis.direction == "x" ? xaxes : yaxes)[opts.alignTicksWithAxis - 1]; + if (otherAxis && otherAxis.used && otherAxis != axis) { + // consider snapping min/max to outermost nice ticks + var niceTicks = generator(axis); + if (niceTicks.length > 0) { + if (opts.min == null) + axis.min = Math.min(axis.min, niceTicks[0]); + if (opts.max == null && niceTicks.length > 1) + axis.max = Math.max(axis.max, niceTicks[niceTicks.length - 1]); + } + + generator = function (axis) { + // copy ticks, scaled to this axis + var ticks = [], v, i; + for (i = 0; i < otherAxis.ticks.length; ++i) { + v = (otherAxis.ticks[i].v - otherAxis.min) / (otherAxis.max - otherAxis.min); + v = axis.min + v * (axis.max - axis.min); + ticks.push(v); + } + return ticks; + }; + + // we might need an extra decimal since forced + // ticks don't necessarily fit naturally + if (axis.mode != "time" && opts.tickDecimals == null) { + var extraDec = Math.max(0, -Math.floor(Math.log(delta) / Math.LN10) + 1), + ts = generator(axis); + + // only proceed if the tick interval rounded + // with an extra decimal doesn't give us a + // zero at end + if (!(ts.length > 1 && /\..*0$/.test((ts[1] - ts[0]).toFixed(extraDec)))) + axis.tickDecimals = extraDec; + } + } + } + + axis.tickGenerator = generator; + if ($.isFunction(opts.tickFormatter)) + axis.tickFormatter = function (v, axis) { return "" + opts.tickFormatter(v, axis); }; + else + axis.tickFormatter = formatter; + } + + function setTicks(axis) { + var oticks = axis.options.ticks, ticks = []; + if (oticks == null || (typeof oticks == "number" && oticks > 0)) + ticks = axis.tickGenerator(axis); + else if (oticks) { + if ($.isFunction(oticks)) + // generate the ticks + ticks = oticks({ min: axis.min, max: axis.max }); + else + ticks = oticks; + } + + // clean up/labelify the supplied ticks, copy them over + var i, v; + axis.ticks = []; + for (i = 0; i < ticks.length; ++i) { + var label = null; + var t = ticks[i]; + if (typeof t == "object") { + v = +t[0]; + if (t.length > 1) + label = t[1]; + } + else + v = +t; + if (label == null) + label = axis.tickFormatter(v, axis); + if (!isNaN(v)) + axis.ticks.push({ v: v, label: label }); + } + } + + function snapRangeToTicks(axis, ticks) { + if (axis.options.autoscaleMargin && ticks.length > 0) { + // snap to ticks + if (axis.options.min == null) + axis.min = Math.min(axis.min, ticks[0].v); + if (axis.options.max == null && ticks.length > 1) + axis.max = Math.max(axis.max, ticks[ticks.length - 1].v); + } + } + + function draw() { + ctx.clearRect(0, 0, canvasWidth, canvasHeight); + + var grid = options.grid; + + // draw background, if any + if (grid.show && grid.backgroundColor) + drawBackground(); + + if (grid.show && !grid.aboveData) + drawGrid(); + + for (var i = 0; i < series.length; ++i) { + executeHooks(hooks.drawSeries, [ctx, series[i]]); + drawSeries(series[i]); + } + + executeHooks(hooks.draw, [ctx]); + + if (grid.show && grid.aboveData) + drawGrid(); + } + + function extractRange(ranges, coord) { + var axis, from, to, key, axes = allAxes(); + + for (i = 0; i < axes.length; ++i) { + axis = axes[i]; + if (axis.direction == coord) { + key = coord + axis.n + "axis"; + if (!ranges[key] && axis.n == 1) + key = coord + "axis"; // support x1axis as xaxis + if (ranges[key]) { + from = ranges[key].from; + to = ranges[key].to; + break; + } + } + } + + // backwards-compat stuff - to be removed in future + if (!ranges[key]) { + axis = coord == "x" ? xaxes[0] : yaxes[0]; + from = ranges[coord + "1"]; + to = ranges[coord + "2"]; + } + + // auto-reverse as an added bonus + if (from != null && to != null && from > to) { + var tmp = from; + from = to; + to = tmp; + } + + return { from: from, to: to, axis: axis }; + } + + function drawBackground() { + ctx.save(); + ctx.translate(plotOffset.left, plotOffset.top); + + ctx.fillStyle = getColorOrGradient(options.grid.backgroundColor, plotHeight, 0, "rgba(255, 255, 255, 0)"); + ctx.fillRect(0, 0, plotWidth, plotHeight); + ctx.restore(); + } + + function drawGrid() { + var i; + + ctx.save(); + ctx.translate(plotOffset.left, plotOffset.top); + + // draw markings + var markings = options.grid.markings; + if (markings) { + if ($.isFunction(markings)) { + var axes = plot.getAxes(); + // xmin etc. is backwards compatibility, to be + // removed in the future + axes.xmin = axes.xaxis.min; + axes.xmax = axes.xaxis.max; + axes.ymin = axes.yaxis.min; + axes.ymax = axes.yaxis.max; + + markings = markings(axes); + } + + for (i = 0; i < markings.length; ++i) { + var m = markings[i], + xrange = extractRange(m, "x"), + yrange = extractRange(m, "y"); + + // fill in missing + if (xrange.from == null) + xrange.from = xrange.axis.min; + if (xrange.to == null) + xrange.to = xrange.axis.max; + if (yrange.from == null) + yrange.from = yrange.axis.min; + if (yrange.to == null) + yrange.to = yrange.axis.max; + + // clip + if (xrange.to < xrange.axis.min || xrange.from > xrange.axis.max || + yrange.to < yrange.axis.min || yrange.from > yrange.axis.max) + continue; + + xrange.from = Math.max(xrange.from, xrange.axis.min); + xrange.to = Math.min(xrange.to, xrange.axis.max); + yrange.from = Math.max(yrange.from, yrange.axis.min); + yrange.to = Math.min(yrange.to, yrange.axis.max); + + if (xrange.from == xrange.to && yrange.from == yrange.to) + continue; + + // then draw + xrange.from = xrange.axis.p2c(xrange.from); + xrange.to = xrange.axis.p2c(xrange.to); + yrange.from = yrange.axis.p2c(yrange.from); + yrange.to = yrange.axis.p2c(yrange.to); + + if (xrange.from == xrange.to || yrange.from == yrange.to) { + // draw line + ctx.beginPath(); + ctx.strokeStyle = m.color || options.grid.markingsColor; + ctx.lineWidth = m.lineWidth || options.grid.markingsLineWidth; + ctx.moveTo(xrange.from, yrange.from); + ctx.lineTo(xrange.to, yrange.to); + ctx.stroke(); + } + else { + // fill area + ctx.fillStyle = m.color || options.grid.markingsColor; + ctx.fillRect(xrange.from, yrange.to, + xrange.to - xrange.from, + yrange.from - yrange.to); + } + } + } + + // draw the ticks + var axes = allAxes(), bw = options.grid.borderWidth; + + for (var j = 0; j < axes.length; ++j) { + var axis = axes[j], box = axis.box, + t = axis.tickLength, x, y, xoff, yoff; + if (!axis.show || axis.ticks.length == 0) + continue + + ctx.strokeStyle = axis.options.tickColor || $.color.parse(axis.options.color).scale('a', 0.22).toString(); + ctx.lineWidth = 1; + + // find the edges + if (axis.direction == "x") { + x = 0; + if (t == "full") + y = (axis.position == "top" ? 0 : plotHeight); + else + y = box.top - plotOffset.top + (axis.position == "top" ? box.height : 0); + } + else { + y = 0; + if (t == "full") + x = (axis.position == "left" ? 0 : plotWidth); + else + x = box.left - plotOffset.left + (axis.position == "left" ? box.width : 0); + } + + // draw tick bar + if (!axis.innermost) { + ctx.beginPath(); + xoff = yoff = 0; + if (axis.direction == "x") + xoff = plotWidth; + else + yoff = plotHeight; + + if (ctx.lineWidth == 1) { + x = Math.floor(x) + 0.5; + y = Math.floor(y) + 0.5; + } + + ctx.moveTo(x, y); + ctx.lineTo(x + xoff, y + yoff); + ctx.stroke(); + } + + // draw ticks + ctx.beginPath(); + for (i = 0; i < axis.ticks.length; ++i) { + var v = axis.ticks[i].v; + + xoff = yoff = 0; + + if (v < axis.min || v > axis.max + // skip those lying on the axes if we got a border + || (t == "full" && bw > 0 + && (v == axis.min || v == axis.max))) + continue; + + if (axis.direction == "x") { + x = axis.p2c(v); + yoff = t == "full" ? -plotHeight : t; + + if (axis.position == "top") + yoff = -yoff; + } + else { + y = axis.p2c(v); + xoff = t == "full" ? -plotWidth : t; + + if (axis.position == "left") + xoff = -xoff; + } + + if (ctx.lineWidth == 1) { + if (axis.direction == "x") + x = Math.floor(x) + 0.5; + else + y = Math.floor(y) + 0.5; + } + + ctx.moveTo(x, y); + ctx.lineTo(x + xoff, y + yoff); + } + + ctx.stroke(); + } + + + // draw border + if (bw) { + ctx.lineWidth = bw; + ctx.strokeStyle = options.grid.borderColor; + ctx.strokeRect(-bw/2, -bw/2, plotWidth + bw, plotHeight + bw); + } + + ctx.restore(); + } + + + function insertAxisLabels() { + //figure out whether the browser supports CSS3 2d transforms + //for label angle, logic borrowed from Modernizr + var transform = undefined,addRotateLabelStyles = function () {}, + props = [ 'transformProperty', 'WebkitTransform', 'MozTransform', 'OTransform', 'msTransform' ], + prefix = [ '', '-webkit-', '-moz-', '-o-', '-ms-' ], + testEl = document.createElement('flotelement'); + + for ( var i in props) { + if ( testEl.style[ props[i] ] !== undefined ) { + transform = prefix[i]; + break; + } + } + + if (transform != undefined) { //use CSS3 2d transforms + hasCSS3transform = true; + addRotateLabelStyles = function(styles,axis){ + //flip the angle so CSS3 and Filter work the same way + styles.push(transform+"transform:rotate("+-axis.options.labelAngle+"deg)"); + styles.push(transform+"transform-origin:top left"); + } + } else if (typeof testEl.style.filter == 'string' || + typeof testEl.style.filters == 'object') { //IE without 2d transforms + addRotateLabelStyles = function(styles,axis) { + var rad = axis.options.labelAngle * Math.PI / 180, + cos = Math.cos(rad), + sin = Math.sin(rad); + + styles.push("filter:progid:DXImageTransform.Microsoft.Matrix(M11="+cos+", M12="+sin+", M21="+(-sin)+", M22="+cos+",sizingMethod='auto expand'"); + } + } + + placeholder.find(".tickLabels").remove(); + + var html = ['
']; + + var axes = allAxes(); + for (var j = 0; j < axes.length; ++j) { + var axis = axes[j], box = axis.box; + if (!axis.show) + continue; + var angledPos = calculateAxisAngledLabels(axis); + //debug: html.push('
') + html.push('
'); + for (var i = 0; i < axis.ticks.length; ++i) { + var tick = axis.ticks[i]; + if (!tick.label || tick.v < axis.min || tick.v > axis.max) + continue; + + var pos = {}, align; + + if (axis.direction == "x") { + if (axis.options.labelAngle != 0){ + align = angledPos.align; + pos.left = Math.round(plotOffset.left + axis.p2c(tick.v)); + pos.left += angledPos.oLeft; + pos.top = angledPos.top; + } else { + align = "center"; + pos.left = Math.round(plotOffset.left + axis.p2c(tick.v) - axis.labelWidth/2); + if (axis.position == "bottom") + pos.top = box.top + box.padding; + else + pos.bottom = canvasHeight - (box.top + box.height - box.padding); + } + } + else { + if (axis.options.labelAngle != 0){ + align = angledPos.align; + pos.top = Math.round(plotOffset.top + axis.p2c(tick.v)); + pos.top += angledPos.oTop; + pos.left = angledPos.left; + } else { + pos.top = Math.round(plotOffset.top + axis.p2c(tick.v) - axis.labelHeight/2); + if (axis.position == "left") { + pos.right = canvasWidth - (box.left + box.width - box.padding) + align = "right"; + } + else { + pos.left = box.left + box.padding; + align = "left"; + } + } + } + + pos.width = (axis.options.labelAngle != 0)?axis.options.origWidth:axis.labelWidth; + + var style = ["position:absolute", "text-align:" + align ]; + for (var a in pos) + style.push(a + ":" + pos[a] + "px") + + if (axis.options.labelAngle != 0) + addRotateLabelStyles(style,axis); + + html.push('
' + tick.label + '
'); + } + html.push('
'); + } + + html.push('
'); + + placeholder.append(html.join("")); + } + + function drawSeries(series) { + if (series.lines.show) + drawSeriesLines(series); + if (series.bars.show) + drawSeriesBars(series); + if (series.points.show) + drawSeriesPoints(series); + } + + function drawSeriesLines(series) { + function plotLine(datapoints, xoffset, yoffset, axisx, axisy) { + var points = datapoints.points, + ps = datapoints.pointsize, + prevx = null, prevy = null; + + ctx.beginPath(); + for (var i = ps; i < points.length; i += ps) { + var x1 = points[i - ps], y1 = points[i - ps + 1], + x2 = points[i], y2 = points[i + 1]; + + if (x1 == null || x2 == null) + continue; + + // clip with ymin + if (y1 <= y2 && y1 < axisy.min) { + if (y2 < axisy.min) + continue; // line segment is outside + // compute new intersection point + x1 = (axisy.min - y1) / (y2 - y1) * (x2 - x1) + x1; + y1 = axisy.min; + } + else if (y2 <= y1 && y2 < axisy.min) { + if (y1 < axisy.min) + continue; + x2 = (axisy.min - y1) / (y2 - y1) * (x2 - x1) + x1; + y2 = axisy.min; + } + + // clip with ymax + if (y1 >= y2 && y1 > axisy.max) { + if (y2 > axisy.max) + continue; + x1 = (axisy.max - y1) / (y2 - y1) * (x2 - x1) + x1; + y1 = axisy.max; + } + else if (y2 >= y1 && y2 > axisy.max) { + if (y1 > axisy.max) + continue; + x2 = (axisy.max - y1) / (y2 - y1) * (x2 - x1) + x1; + y2 = axisy.max; + } + + // clip with xmin + if (x1 <= x2 && x1 < axisx.min) { + if (x2 < axisx.min) + continue; + y1 = (axisx.min - x1) / (x2 - x1) * (y2 - y1) + y1; + x1 = axisx.min; + } + else if (x2 <= x1 && x2 < axisx.min) { + if (x1 < axisx.min) + continue; + y2 = (axisx.min - x1) / (x2 - x1) * (y2 - y1) + y1; + x2 = axisx.min; + } + + // clip with xmax + if (x1 >= x2 && x1 > axisx.max) { + if (x2 > axisx.max) + continue; + y1 = (axisx.max - x1) / (x2 - x1) * (y2 - y1) + y1; + x1 = axisx.max; + } + else if (x2 >= x1 && x2 > axisx.max) { + if (x1 > axisx.max) + continue; + y2 = (axisx.max - x1) / (x2 - x1) * (y2 - y1) + y1; + x2 = axisx.max; + } + + if (x1 != prevx || y1 != prevy) + ctx.moveTo(axisx.p2c(x1) + xoffset, axisy.p2c(y1) + yoffset); + + prevx = x2; + prevy = y2; + ctx.lineTo(axisx.p2c(x2) + xoffset, axisy.p2c(y2) + yoffset); + } + ctx.stroke(); + } + + function plotLineArea(datapoints, axisx, axisy) { + var points = datapoints.points, + ps = datapoints.pointsize, + bottom = Math.min(Math.max(0, axisy.min), axisy.max), + i = 0, top, areaOpen = false, + ypos = 1, segmentStart = 0, segmentEnd = 0; + + // we process each segment in two turns, first forward + // direction to sketch out top, then once we hit the + // end we go backwards to sketch the bottom + while (true) { + if (ps > 0 && i > points.length + ps) + break; + + i += ps; // ps is negative if going backwards + + var x1 = points[i - ps], + y1 = points[i - ps + ypos], + x2 = points[i], y2 = points[i + ypos]; + + if (areaOpen) { + if (ps > 0 && x1 != null && x2 == null) { + // at turning point + segmentEnd = i; + ps = -ps; + ypos = 2; + continue; + } + + if (ps < 0 && i == segmentStart + ps) { + // done with the reverse sweep + ctx.fill(); + areaOpen = false; + ps = -ps; + ypos = 1; + i = segmentStart = segmentEnd + ps; + continue; + } + } + + if (x1 == null || x2 == null) + continue; + + // clip x values + + // clip with xmin + if (x1 <= x2 && x1 < axisx.min) { + if (x2 < axisx.min) + continue; + y1 = (axisx.min - x1) / (x2 - x1) * (y2 - y1) + y1; + x1 = axisx.min; + } + else if (x2 <= x1 && x2 < axisx.min) { + if (x1 < axisx.min) + continue; + y2 = (axisx.min - x1) / (x2 - x1) * (y2 - y1) + y1; + x2 = axisx.min; + } + + // clip with xmax + if (x1 >= x2 && x1 > axisx.max) { + if (x2 > axisx.max) + continue; + y1 = (axisx.max - x1) / (x2 - x1) * (y2 - y1) + y1; + x1 = axisx.max; + } + else if (x2 >= x1 && x2 > axisx.max) { + if (x1 > axisx.max) + continue; + y2 = (axisx.max - x1) / (x2 - x1) * (y2 - y1) + y1; + x2 = axisx.max; + } + + if (!areaOpen) { + // open area + ctx.beginPath(); + ctx.moveTo(axisx.p2c(x1), axisy.p2c(bottom)); + areaOpen = true; + } + + // now first check the case where both is outside + if (y1 >= axisy.max && y2 >= axisy.max) { + ctx.lineTo(axisx.p2c(x1), axisy.p2c(axisy.max)); + ctx.lineTo(axisx.p2c(x2), axisy.p2c(axisy.max)); + continue; + } + else if (y1 <= axisy.min && y2 <= axisy.min) { + ctx.lineTo(axisx.p2c(x1), axisy.p2c(axisy.min)); + ctx.lineTo(axisx.p2c(x2), axisy.p2c(axisy.min)); + continue; + } + + // else it's a bit more complicated, there might + // be a flat maxed out rectangle first, then a + // triangular cutout or reverse; to find these + // keep track of the current x values + var x1old = x1, x2old = x2; + + // clip the y values, without shortcutting, we + // go through all cases in turn + + // clip with ymin + if (y1 <= y2 && y1 < axisy.min && y2 >= axisy.min) { + x1 = (axisy.min - y1) / (y2 - y1) * (x2 - x1) + x1; + y1 = axisy.min; + } + else if (y2 <= y1 && y2 < axisy.min && y1 >= axisy.min) { + x2 = (axisy.min - y1) / (y2 - y1) * (x2 - x1) + x1; + y2 = axisy.min; + } + + // clip with ymax + if (y1 >= y2 && y1 > axisy.max && y2 <= axisy.max) { + x1 = (axisy.max - y1) / (y2 - y1) * (x2 - x1) + x1; + y1 = axisy.max; + } + else if (y2 >= y1 && y2 > axisy.max && y1 <= axisy.max) { + x2 = (axisy.max - y1) / (y2 - y1) * (x2 - x1) + x1; + y2 = axisy.max; + } + + // if the x value was changed we got a rectangle + // to fill + if (x1 != x1old) { + ctx.lineTo(axisx.p2c(x1old), axisy.p2c(y1)); + // it goes to (x1, y1), but we fill that below + } + + // fill triangular section, this sometimes result + // in redundant points if (x1, y1) hasn't changed + // from previous line to, but we just ignore that + ctx.lineTo(axisx.p2c(x1), axisy.p2c(y1)); + ctx.lineTo(axisx.p2c(x2), axisy.p2c(y2)); + + // fill the other rectangle if it's there + if (x2 != x2old) { + ctx.lineTo(axisx.p2c(x2), axisy.p2c(y2)); + ctx.lineTo(axisx.p2c(x2old), axisy.p2c(y2)); + } + } + } + + ctx.save(); + ctx.translate(plotOffset.left, plotOffset.top); + ctx.lineJoin = "round"; + + var lw = series.lines.lineWidth, + sw = series.shadowSize; + // FIXME: consider another form of shadow when filling is turned on + if (lw > 0 && sw > 0) { + // draw shadow as a thick and thin line with transparency + ctx.lineWidth = sw; + ctx.strokeStyle = "rgba(0,0,0,0.1)"; + // position shadow at angle from the mid of line + var angle = Math.PI/18; + plotLine(series.datapoints, Math.sin(angle) * (lw/2 + sw/2), Math.cos(angle) * (lw/2 + sw/2), series.xaxis, series.yaxis); + ctx.lineWidth = sw/2; + plotLine(series.datapoints, Math.sin(angle) * (lw/2 + sw/4), Math.cos(angle) * (lw/2 + sw/4), series.xaxis, series.yaxis); + } + + ctx.lineWidth = lw; + ctx.strokeStyle = series.color; + var fillStyle = getFillStyle(series.lines, series.color, 0, plotHeight); + if (fillStyle) { + ctx.fillStyle = fillStyle; + plotLineArea(series.datapoints, series.xaxis, series.yaxis); + } + + if (lw > 0) + plotLine(series.datapoints, 0, 0, series.xaxis, series.yaxis); + ctx.restore(); + } + + function drawSeriesPoints(series) { + function plotPoints(datapoints, radius, fillStyle, offset, shadow, axisx, axisy, symbol) { + var points = datapoints.points, ps = datapoints.pointsize; + + for (var i = 0; i < points.length; i += ps) { + var x = points[i], y = points[i + 1]; + if (x == null || x < axisx.min || x > axisx.max || y < axisy.min || y > axisy.max) + continue; + + ctx.beginPath(); + x = axisx.p2c(x); + y = axisy.p2c(y) + offset; + if (symbol == "circle") + ctx.arc(x, y, radius, 0, shadow ? Math.PI : Math.PI * 2, false); + else + symbol(ctx, x, y, radius, shadow); + ctx.closePath(); + + if (fillStyle) { + ctx.fillStyle = fillStyle; + ctx.fill(); + } + ctx.stroke(); + } + } + + ctx.save(); + ctx.translate(plotOffset.left, plotOffset.top); + + var lw = series.points.lineWidth, + sw = series.shadowSize, + radius = series.points.radius, + symbol = series.points.symbol; + if (lw > 0 && sw > 0) { + // draw shadow in two steps + var w = sw / 2; + ctx.lineWidth = w; + ctx.strokeStyle = "rgba(0,0,0,0.1)"; + plotPoints(series.datapoints, radius, null, w + w/2, true, + series.xaxis, series.yaxis, symbol); + + ctx.strokeStyle = "rgba(0,0,0,0.2)"; + plotPoints(series.datapoints, radius, null, w/2, true, + series.xaxis, series.yaxis, symbol); + } + + ctx.lineWidth = lw; + ctx.strokeStyle = series.color; + plotPoints(series.datapoints, radius, + getFillStyle(series.points, series.color), 0, false, + series.xaxis, series.yaxis, symbol); + ctx.restore(); + } + + function drawBar(x, y, b, barLeft, barRight, offset, fillStyleCallback, axisx, axisy, c, horizontal, lineWidth) { + var left, right, bottom, top, + drawLeft, drawRight, drawTop, drawBottom, + tmp; + + // in horizontal mode, we start the bar from the left + // instead of from the bottom so it appears to be + // horizontal rather than vertical + if (horizontal) { + drawBottom = drawRight = drawTop = true; + drawLeft = false; + left = b; + right = x; + top = y + barLeft; + bottom = y + barRight; + + // account for negative bars + if (right < left) { + tmp = right; + right = left; + left = tmp; + drawLeft = true; + drawRight = false; + } + } + else { + drawLeft = drawRight = drawTop = true; + drawBottom = false; + left = x + barLeft; + right = x + barRight; + bottom = b; + top = y; + + // account for negative bars + if (top < bottom) { + tmp = top; + top = bottom; + bottom = tmp; + drawBottom = true; + drawTop = false; + } + } + + // clip + if (right < axisx.min || left > axisx.max || + top < axisy.min || bottom > axisy.max) + return; + + if (left < axisx.min) { + left = axisx.min; + drawLeft = false; + } + + if (right > axisx.max) { + right = axisx.max; + drawRight = false; + } + + if (bottom < axisy.min) { + bottom = axisy.min; + drawBottom = false; + } + + if (top > axisy.max) { + top = axisy.max; + drawTop = false; + } + + left = axisx.p2c(left); + bottom = axisy.p2c(bottom); + right = axisx.p2c(right); + top = axisy.p2c(top); + + // fill the bar + if (fillStyleCallback) { + c.beginPath(); + c.moveTo(left, bottom); + c.lineTo(left, top); + c.lineTo(right, top); + c.lineTo(right, bottom); + c.fillStyle = fillStyleCallback(bottom, top); + c.fill(); + } + + // draw outline + if (lineWidth > 0 && (drawLeft || drawRight || drawTop || drawBottom)) { + c.beginPath(); + + // FIXME: inline moveTo is buggy with excanvas + c.moveTo(left, bottom + offset); + if (drawLeft) + c.lineTo(left, top + offset); + else + c.moveTo(left, top + offset); + if (drawTop) + c.lineTo(right, top + offset); + else + c.moveTo(right, top + offset); + if (drawRight) + c.lineTo(right, bottom + offset); + else + c.moveTo(right, bottom + offset); + if (drawBottom) + c.lineTo(left, bottom + offset); + else + c.moveTo(left, bottom + offset); + c.stroke(); + } + } + + function drawSeriesBars(series) { + function plotBars(datapoints, barLeft, barRight, offset, fillStyleCallback, axisx, axisy) { + var points = datapoints.points, ps = datapoints.pointsize; + + for (var i = 0; i < points.length; i += ps) { + if (points[i] == null) + continue; + drawBar(points[i], points[i + 1], points[i + 2], barLeft, barRight, offset, fillStyleCallback, axisx, axisy, ctx, series.bars.horizontal, series.bars.lineWidth); + } + } + + ctx.save(); + ctx.translate(plotOffset.left, plotOffset.top); + + // FIXME: figure out a way to add shadows (for instance along the right edge) + ctx.lineWidth = series.bars.lineWidth; + ctx.strokeStyle = series.color; + var barLeft = series.bars.align == "left" ? 0 : -series.bars.barWidth/2; + var fillStyleCallback = series.bars.fill ? function (bottom, top) { return getFillStyle(series.bars, series.color, bottom, top); } : null; + plotBars(series.datapoints, barLeft, barLeft + series.bars.barWidth, 0, fillStyleCallback, series.xaxis, series.yaxis); + ctx.restore(); + } + + function getFillStyle(filloptions, seriesColor, bottom, top) { + var fill = filloptions.fill; + if (!fill) + return null; + + if (filloptions.fillColor) + return getColorOrGradient(filloptions.fillColor, bottom, top, seriesColor); + + var c = $.color.parse(seriesColor); + c.a = typeof fill == "number" ? fill : 0.4; + c.normalize(); + return c.toString(); + } + + function insertLegend() { + placeholder.find(".legend").remove(); + + if (!options.legend.show) + return; + + var fragments = [], rowStarted = false, + lf = options.legend.labelFormatter, s, label; + for (var i = 0; i < series.length; ++i) { + s = series[i]; + label = s.label; + if (!label) + continue; + + if (i % options.legend.noColumns == 0) { + if (rowStarted) + fragments.push(''); + fragments.push('
'); + rowStarted = true; + } + + if (lf) + label = lf(label, s); + + fragments.push( + '' + + ''); + } + if (rowStarted) + fragments.push(''); + + if (fragments.length == 0) + return; + + var table = '
' + label + '
' + fragments.join("") + '
'; + if (options.legend.container != null) + $(options.legend.container).html(table); + else { + var pos = "", + p = options.legend.position, + m = options.legend.margin; + if (m[0] == null) + m = [m, m]; + if (p.charAt(0) == "n") + pos += 'top:' + (m[1] + plotOffset.top) + 'px;'; + else if (p.charAt(0) == "s") + pos += 'bottom:' + (m[1] + plotOffset.bottom) + 'px;'; + if (p.charAt(1) == "e") + pos += 'right:' + (m[0] + plotOffset.right) + 'px;'; + else if (p.charAt(1) == "w") + pos += 'left:' + (m[0] + plotOffset.left) + 'px;'; + var legend = $('
' + table.replace('style="', 'style="position:absolute;' + pos +';') + '
').appendTo(placeholder); + if (options.legend.backgroundOpacity != 0.0) { + // put in the transparent background + // separately to avoid blended labels and + // label boxes + var c = options.legend.backgroundColor; + if (c == null) { + c = options.grid.backgroundColor; + if (c && typeof c == "string") + c = $.color.parse(c); + else + c = $.color.extract(legend, 'background-color'); + c.a = 1; + c = c.toString(); + } + var div = legend.children(); + $('
').prependTo(legend).css('opacity', options.legend.backgroundOpacity); + } + } + } + + + // interactive features + + var highlights = [], + redrawTimeout = null; + + // returns the data item the mouse is over, or null if none is found + function findNearbyItem(mouseX, mouseY, seriesFilter) { + var maxDistance = options.grid.mouseActiveRadius, + smallestDistance = maxDistance * maxDistance + 1, + item = null, foundPoint = false, i, j; + + for (i = series.length - 1; i >= 0; --i) { + if (!seriesFilter(series[i])) + continue; + + var s = series[i], + axisx = s.xaxis, + axisy = s.yaxis, + points = s.datapoints.points, + ps = s.datapoints.pointsize, + mx = axisx.c2p(mouseX), // precompute some stuff to make the loop faster + my = axisy.c2p(mouseY), + maxx = maxDistance / axisx.scale, + maxy = maxDistance / axisy.scale; + + // with inverse transforms, we can't use the maxx/maxy + // optimization, sadly + if (axisx.options.inverseTransform) + maxx = Number.MAX_VALUE; + if (axisy.options.inverseTransform) + maxy = Number.MAX_VALUE; + + if (s.lines.show || s.points.show) { + for (j = 0; j < points.length; j += ps) { + var x = points[j], y = points[j + 1]; + if (x == null) + continue; + + // For points and lines, the cursor must be within a + // certain distance to the data point + if (x - mx > maxx || x - mx < -maxx || + y - my > maxy || y - my < -maxy) + continue; + + // We have to calculate distances in pixels, not in + // data units, because the scales of the axes may be different + var dx = Math.abs(axisx.p2c(x) - mouseX), + dy = Math.abs(axisy.p2c(y) - mouseY), + dist = dx * dx + dy * dy; // we save the sqrt + + // use <= to ensure last point takes precedence + // (last generally means on top of) + if (dist < smallestDistance) { + smallestDistance = dist; + item = [i, j / ps]; + } + } + } + + if (s.bars.show && !item) { // no other point can be nearby + var barLeft = s.bars.align == "left" ? 0 : -s.bars.barWidth/2, + barRight = barLeft + s.bars.barWidth; + + for (j = 0; j < points.length; j += ps) { + var x = points[j], y = points[j + 1], b = points[j + 2]; + if (x == null) + continue; + + // for a bar graph, the cursor must be inside the bar + if (series[i].bars.horizontal ? + (mx <= Math.max(b, x) && mx >= Math.min(b, x) && + my >= y + barLeft && my <= y + barRight) : + (mx >= x + barLeft && mx <= x + barRight && + my >= Math.min(b, y) && my <= Math.max(b, y))) + item = [i, j / ps]; + } + } + } + + if (item) { + i = item[0]; + j = item[1]; + ps = series[i].datapoints.pointsize; + + return { datapoint: series[i].datapoints.points.slice(j * ps, (j + 1) * ps), + dataIndex: j, + series: series[i], + seriesIndex: i }; + } + + return null; + } + + function onMouseMove(e) { + if (options.grid.hoverable) + triggerClickHoverEvent("plothover", e, + function (s) { return s["hoverable"] != false; }); + } + + function onMouseLeave(e) { + if (options.grid.hoverable) + triggerClickHoverEvent("plothover", e, + function (s) { return false; }); + } + + function onClick(e) { + triggerClickHoverEvent("plotclick", e, + function (s) { return s["clickable"] != false; }); + } + + // trigger click or hover event (they send the same parameters + // so we share their code) + function triggerClickHoverEvent(eventname, event, seriesFilter) { + var offset = eventHolder.offset(), + canvasX = event.pageX - offset.left - plotOffset.left, + canvasY = event.pageY - offset.top - plotOffset.top, + pos = canvasToAxisCoords({ left: canvasX, top: canvasY }); + + pos.pageX = event.pageX; + pos.pageY = event.pageY; + + var item = findNearbyItem(canvasX, canvasY, seriesFilter); + + if (item) { + // fill in mouse pos for any listeners out there + item.pageX = parseInt(item.series.xaxis.p2c(item.datapoint[0]) + offset.left + plotOffset.left); + item.pageY = parseInt(item.series.yaxis.p2c(item.datapoint[1]) + offset.top + plotOffset.top); + } + + if (options.grid.autoHighlight) { + // clear auto-highlights + for (var i = 0; i < highlights.length; ++i) { + var h = highlights[i]; + if (h.auto == eventname && + !(item && h.series == item.series && + h.point[0] == item.datapoint[0] && + h.point[1] == item.datapoint[1])) + unhighlight(h.series, h.point); + } + + if (item) + highlight(item.series, item.datapoint, eventname); + } + + placeholder.trigger(eventname, [ pos, item ]); + } + + function triggerRedrawOverlay() { + if (!redrawTimeout) + redrawTimeout = setTimeout(drawOverlay, 30); + } + + function drawOverlay() { + redrawTimeout = null; + + // draw highlights + octx.save(); + octx.clearRect(0, 0, canvasWidth, canvasHeight); + octx.translate(plotOffset.left, plotOffset.top); + + var i, hi; + for (i = 0; i < highlights.length; ++i) { + hi = highlights[i]; + + if (hi.series.bars.show) + drawBarHighlight(hi.series, hi.point); + else + drawPointHighlight(hi.series, hi.point); + } + octx.restore(); + + executeHooks(hooks.drawOverlay, [octx]); + } + + function highlight(s, point, auto) { + if (typeof s == "number") + s = series[s]; + + if (typeof point == "number") { + var ps = s.datapoints.pointsize; + point = s.datapoints.points.slice(ps * point, ps * (point + 1)); + } + + var i = indexOfHighlight(s, point); + if (i == -1) { + highlights.push({ series: s, point: point, auto: auto }); + + triggerRedrawOverlay(); + } + else if (!auto) + highlights[i].auto = false; + } + + function unhighlight(s, point) { + if (s == null && point == null) { + highlights = []; + triggerRedrawOverlay(); + } + + if (typeof s == "number") + s = series[s]; + + if (typeof point == "number") + point = s.data[point]; + + var i = indexOfHighlight(s, point); + if (i != -1) { + highlights.splice(i, 1); + + triggerRedrawOverlay(); + } + } + + function indexOfHighlight(s, p) { + for (var i = 0; i < highlights.length; ++i) { + var h = highlights[i]; + if (h.series == s && h.point[0] == p[0] + && h.point[1] == p[1]) + return i; + } + return -1; + } + + function drawPointHighlight(series, point) { + var x = point[0], y = point[1], + axisx = series.xaxis, axisy = series.yaxis; + + if (x < axisx.min || x > axisx.max || y < axisy.min || y > axisy.max) + return; + + var pointRadius = series.points.radius + series.points.lineWidth / 2; + octx.lineWidth = pointRadius; + octx.strokeStyle = $.color.parse(series.color).scale('a', 0.5).toString(); + var radius = 1.5 * pointRadius, + x = axisx.p2c(x), + y = axisy.p2c(y); + + octx.beginPath(); + if (series.points.symbol == "circle") + octx.arc(x, y, radius, 0, 2 * Math.PI, false); + else + series.points.symbol(octx, x, y, radius, false); + octx.closePath(); + octx.stroke(); + } + + function drawBarHighlight(series, point) { + octx.lineWidth = series.bars.lineWidth; + octx.strokeStyle = $.color.parse(series.color).scale('a', 0.5).toString(); + var fillStyle = $.color.parse(series.color).scale('a', 0.5).toString(); + var barLeft = series.bars.align == "left" ? 0 : -series.bars.barWidth/2; + drawBar(point[0], point[1], point[2] || 0, barLeft, barLeft + series.bars.barWidth, + 0, function () { return fillStyle; }, series.xaxis, series.yaxis, octx, series.bars.horizontal, series.bars.lineWidth); + } + + function getColorOrGradient(spec, bottom, top, defaultColor) { + if (typeof spec == "string") + return spec; + else { + // assume this is a gradient spec; IE currently only + // supports a simple vertical gradient properly, so that's + // what we support too + var gradient = ctx.createLinearGradient(0, top, 0, bottom); + + for (var i = 0, l = spec.colors.length; i < l; ++i) { + var c = spec.colors[i]; + if (typeof c != "string") { + var co = $.color.parse(defaultColor); + if (c.brightness != null) + co = co.scale('rgb', c.brightness) + if (c.opacity != null) + co.a *= c.opacity; + c = co.toString(); + } + gradient.addColorStop(i / (l - 1), c); + } + + return gradient; + } + } + } + + $.plot = function(placeholder, data, options) { + //var t0 = new Date(); + var plot = new Plot($(placeholder), data, options, $.plot.plugins); + //(window.console ? console.log : alert)("time used (msecs): " + ((new Date()).getTime() - t0.getTime())); + return plot; + }; + + $.plot.version = "0.7"; + + $.plot.plugins = []; + + // returns a string with the date d formatted according to fmt + $.plot.formatDate = function(d, fmt, monthNames) { + var leftPad = function(n) { + n = "" + n; + return n.length == 1 ? "0" + n : n; + }; + + var r = []; + var escape = false, padNext = false; + var hours = d.getUTCHours(); + var isAM = hours < 12; + if (monthNames == null) + monthNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]; + + if (fmt.search(/%p|%P/) != -1) { + if (hours > 12) { + hours = hours - 12; + } else if (hours == 0) { + hours = 12; + } + } + for (var i = 0; i < fmt.length; ++i) { + var c = fmt.charAt(i); + + if (escape) { + switch (c) { + case 'h': c = "" + hours; break; + case 'H': c = leftPad(hours); break; + case 'M': c = leftPad(d.getUTCMinutes()); break; + case 'S': c = leftPad(d.getUTCSeconds()); break; + case 'd': c = "" + d.getUTCDate(); break; + case 'm': c = "" + (d.getUTCMonth() + 1); break; + case 'y': c = "" + d.getUTCFullYear(); break; + case 'b': c = "" + monthNames[d.getUTCMonth()]; break; + case 'p': c = (isAM) ? ("" + "am") : ("" + "pm"); break; + case 'P': c = (isAM) ? ("" + "AM") : ("" + "PM"); break; + case '0': c = ""; padNext = true; break; + } + if (c && padNext) { + c = leftPad(c); + padNext = false; + } + r.push(c); + if (!padNext) + escape = false; + } + else { + if (c == "%") + escape = true; + else + r.push(c); + } + } + return r.join(""); + }; + + // round to nearby lower multiple of base + function floorInBase(n, base) { + return base * Math.floor(n / base); + } + +})(jQuery); \ No newline at end of file diff --git a/static/js/flot/jquery.flot.min.js b/static/js/flot/jquery.flot.min.js new file mode 100644 index 0000000000..4467fc5d8c --- /dev/null +++ b/static/js/flot/jquery.flot.min.js @@ -0,0 +1,6 @@ +/* Javascript plotting library for jQuery, v. 0.7. + * + * Released under the MIT license by IOLA, December 2007. + * + */ +(function(b){b.color={};b.color.make=function(d,e,g,f){var c={};c.r=d||0;c.g=e||0;c.b=g||0;c.a=f!=null?f:1;c.add=function(h,j){for(var k=0;k=1){return"rgb("+[c.r,c.g,c.b].join(",")+")"}else{return"rgba("+[c.r,c.g,c.b,c.a].join(",")+")"}};c.normalize=function(){function h(k,j,l){return jl?l:j)}c.r=h(0,parseInt(c.r),255);c.g=h(0,parseInt(c.g),255);c.b=h(0,parseInt(c.b),255);c.a=h(0,c.a,1);return c};c.clone=function(){return b.color.make(c.r,c.b,c.g,c.a)};return c.normalize()};b.color.extract=function(d,e){var c;do{c=d.css(e).toLowerCase();if(c!=""&&c!="transparent"){break}d=d.parent()}while(!b.nodeName(d.get(0),"body"));if(c=="rgba(0, 0, 0, 0)"){c="transparent"}return b.color.parse(c)};b.color.parse=function(c){var d,f=b.color.make;if(d=/rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/.exec(c)){return f(parseInt(d[1],10),parseInt(d[2],10),parseInt(d[3],10))}if(d=/rgba\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]+(?:\.[0-9]+)?)\s*\)/.exec(c)){return f(parseInt(d[1],10),parseInt(d[2],10),parseInt(d[3],10),parseFloat(d[4]))}if(d=/rgb\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*\)/.exec(c)){return f(parseFloat(d[1])*2.55,parseFloat(d[2])*2.55,parseFloat(d[3])*2.55)}if(d=/rgba\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\s*\)/.exec(c)){return f(parseFloat(d[1])*2.55,parseFloat(d[2])*2.55,parseFloat(d[3])*2.55,parseFloat(d[4]))}if(d=/#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/.exec(c)){return f(parseInt(d[1],16),parseInt(d[2],16),parseInt(d[3],16))}if(d=/#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/.exec(c)){return f(parseInt(d[1]+d[1],16),parseInt(d[2]+d[2],16),parseInt(d[3]+d[3],16))}var e=b.trim(c).toLowerCase();if(e=="transparent"){return f(255,255,255,0)}else{d=a[e]||[0,0,0];return f(d[0],d[1],d[2])}};var a={aqua:[0,255,255],azure:[240,255,255],beige:[245,245,220],black:[0,0,0],blue:[0,0,255],brown:[165,42,42],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgrey:[169,169,169],darkgreen:[0,100,0],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkviolet:[148,0,211],fuchsia:[255,0,255],gold:[255,215,0],green:[0,128,0],indigo:[75,0,130],khaki:[240,230,140],lightblue:[173,216,230],lightcyan:[224,255,255],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightyellow:[255,255,224],lime:[0,255,0],magenta:[255,0,255],maroon:[128,0,0],navy:[0,0,128],olive:[128,128,0],orange:[255,165,0],pink:[255,192,203],purple:[128,0,128],violet:[128,0,128],red:[255,0,0],silver:[192,192,192],white:[255,255,255],yellow:[255,255,0]}})(jQuery);(function(c){function b(av,ai,J,af){var Q=[],O={colors:["#edc240","#afd8f8","#cb4b4b","#4da74d","#9440ed"],legend:{show:true,noColumns:1,labelFormatter:null,labelBoxBorderColor:"#ccc",container:null,position:"ne",margin:5,backgroundColor:null,backgroundOpacity:0.85},xaxis:{show:null,position:"bottom",mode:null,color:null,tickColor:null,transform:null,inverseTransform:null,min:null,max:null,autoscaleMargin:null,ticks:null,tickFormatter:null,labelWidth:null,labelHeight:null,reserveSpace:null,tickLength:null,alignTicksWithAxis:null,tickDecimals:null,tickSize:null,minTickSize:null,monthNames:null,timeformat:null,twelveHourClock:false},yaxis:{autoscaleMargin:0.02,position:"left"},xaxes:[],yaxes:[],series:{points:{show:false,radius:3,lineWidth:2,fill:true,fillColor:"#ffffff",symbol:"circle"},lines:{lineWidth:2,fill:false,fillColor:null,steps:false},bars:{show:false,lineWidth:2,barWidth:1,fill:true,fillColor:null,align:"left",horizontal:false},shadowSize:3},grid:{show:true,aboveData:false,color:"#545454",backgroundColor:null,borderColor:null,tickColor:null,labelMargin:5,axisMargin:8,borderWidth:2,minBorderMargin:null,markings:null,markingsColor:"#f4f4f4",markingsLineWidth:2,clickable:false,hoverable:false,autoHighlight:true,mouseActiveRadius:10},hooks:{}},az=null,ad=null,y=null,H=null,A=null,p=[],aw=[],q={left:0,right:0,top:0,bottom:0},G=0,I=0,h=0,w=0,ak={processOptions:[],processRawData:[],processDatapoints:[],drawSeries:[],draw:[],bindEvents:[],drawOverlay:[],shutdown:[]},aq=this;aq.setData=aj;aq.setupGrid=t;aq.draw=W;aq.getPlaceholder=function(){return av};aq.getCanvas=function(){return az};aq.getPlotOffset=function(){return q};aq.width=function(){return h};aq.height=function(){return w};aq.offset=function(){var aB=y.offset();aB.left+=q.left;aB.top+=q.top;return aB};aq.getData=function(){return Q};aq.getAxes=function(){var aC={},aB;c.each(p.concat(aw),function(aD,aE){if(aE){aC[aE.direction+(aE.n!=1?aE.n:"")+"axis"]=aE}});return aC};aq.getXAxes=function(){return p};aq.getYAxes=function(){return aw};aq.c2p=C;aq.p2c=ar;aq.getOptions=function(){return O};aq.highlight=x;aq.unhighlight=T;aq.triggerRedrawOverlay=f;aq.pointOffset=function(aB){return{left:parseInt(p[aA(aB,"x")-1].p2c(+aB.x)+q.left),top:parseInt(aw[aA(aB,"y")-1].p2c(+aB.y)+q.top)}};aq.shutdown=ag;aq.resize=function(){B();g(az);g(ad)};aq.hooks=ak;F(aq);Z(J);X();aj(ai);t();W();ah();function an(aD,aB){aB=[aq].concat(aB);for(var aC=0;aC=O.colors.length){aG=0;++aF}}var aH=0,aN;for(aG=0;aGa3.datamax&&a1!=aB){a3.datamax=a1}}c.each(m(),function(a1,a2){a2.datamin=aO;a2.datamax=aI;a2.used=false});for(aU=0;aU0&&aT[aR-aP]!=null&&aT[aR-aP]!=aT[aR]&&aT[aR-aP+1]!=aT[aR+1]){for(aN=0;aNaM){aM=a0}}if(aX.y){if(a0aV){aV=a0}}}}if(aJ.bars.show){var aY=aJ.bars.align=="left"?0:-aJ.bars.barWidth/2;if(aJ.bars.horizontal){aQ+=aY;aV+=aY+aJ.bars.barWidth}else{aK+=aY;aM+=aY+aJ.bars.barWidth}}aF(aJ.xaxis,aK,aM);aF(aJ.yaxis,aQ,aV)}c.each(m(),function(a1,a2){if(a2.datamin==aO){a2.datamin=null}if(a2.datamax==aI){a2.datamax=null}})}function j(aB,aC){var aD=document.createElement("canvas");aD.className=aC;aD.width=G;aD.height=I;if(!aB){c(aD).css({position:"absolute",left:0,top:0})}c(aD).appendTo(av);if(!aD.getContext){aD=window.G_vmlCanvasManager.initElement(aD)}aD.getContext("2d").save();return aD}function B(){G=av.width();I=av.height();if(G<=0||I<=0){throw"Invalid dimensions for plot, width = "+G+", height = "+I}}function g(aC){if(aC.width!=G){aC.width=G}if(aC.height!=I){aC.height=I}var aB=aC.getContext("2d");aB.restore();aB.save()}function X(){var aC,aB=av.children("canvas.base"),aD=av.children("canvas.overlay");if(aB.length==0||aD==0){av.html("");av.css({padding:0});if(av.css("position")=="static"){av.css("position","relative")}B();az=j(true,"base");ad=j(false,"overlay");aC=false}else{az=aB.get(0);ad=aD.get(0);aC=true}H=az.getContext("2d");A=ad.getContext("2d");y=c([ad,az]);if(aC){av.data("plot").shutdown();aq.resize();A.clearRect(0,0,G,I);y.unbind();av.children().not([az,ad]).remove()}av.data("plot",aq)}function ah(){if(O.grid.hoverable){y.mousemove(aa);y.mouseleave(l)}if(O.grid.clickable){y.click(R)}an(ak.bindEvents,[y])}function ag(){if(M){clearTimeout(M)}y.unbind("mousemove",aa);y.unbind("mouseleave",l);y.unbind("click",R);an(ak.shutdown,[y])}function r(aG){function aC(aH){return aH}var aF,aB,aD=aG.options.transform||aC,aE=aG.options.inverseTransform;if(aG.direction=="x"){aF=aG.scale=h/Math.abs(aD(aG.max)-aD(aG.min));aB=Math.min(aD(aG.max),aD(aG.min))}else{aF=aG.scale=w/Math.abs(aD(aG.max)-aD(aG.min));aF=-aF;aB=Math.max(aD(aG.max),aD(aG.min))}if(aD==aC){aG.p2c=function(aH){return(aH-aB)*aF}}else{aG.p2c=function(aH){return(aD(aH)-aB)*aF}}if(!aE){aG.c2p=function(aH){return aB+aH/aF}}else{aG.c2p=function(aH){return aE(aB+aH/aF)}}}function L(aD){var aB=aD.options,aF,aJ=aD.ticks||[],aI=[],aE,aK=aB.labelWidth,aG=aB.labelHeight,aC;function aH(aM,aL){return c('
'+aM.join("")+"
").appendTo(av)}if(aD.direction=="x"){if(aK==null){aK=Math.floor(G/(aJ.length>0?aJ.length:1))}if(aG==null){aI=[];for(aF=0;aF'+aE+"
")}}if(aI.length>0){aI.push('
');aC=aH(aI,"width:10000px;");aG=aC.height();aC.remove()}}}else{if(aK==null||aG==null){for(aF=0;aF'+aE+"
")}}if(aI.length>0){aC=aH(aI,"");if(aK==null){aK=aC.children().width()}if(aG==null){aG=aC.find("div.tickLabel").height()}aC.remove()}}}if(aK==null){aK=0}if(aG==null){aG=0}aD.labelWidth=aK;aD.labelHeight=aG}function au(aD){var aC=aD.labelWidth,aL=aD.labelHeight,aH=aD.options.position,aF=aD.options.tickLength,aG=O.grid.axisMargin,aJ=O.grid.labelMargin,aK=aD.direction=="x"?p:aw,aE;var aB=c.grep(aK,function(aN){return aN&&aN.options.position==aH&&aN.reserveSpace});if(c.inArray(aD,aB)==aB.length-1){aG=0}if(aF==null){aF="full"}var aI=c.grep(aK,function(aN){return aN&&aN.reserveSpace});var aM=c.inArray(aD,aI)==0;if(!aM&&aF=="full"){aF=5}if(!isNaN(+aF)){aJ+=+aF}if(aD.direction=="x"){aL+=aJ;if(aH=="bottom"){q.bottom+=aL+aG;aD.box={top:I-q.bottom,height:aL}}else{aD.box={top:q.top+aG,height:aL};q.top+=aL+aG}}else{aC+=aJ;if(aH=="left"){aD.box={left:q.left+aG,width:aC};q.left+=aC+aG}else{q.right+=aC+aG;aD.box={left:G-q.right,width:aC}}}aD.position=aH;aD.tickLength=aF;aD.box.padding=aJ;aD.innermost=aM}function U(aB){if(aB.direction=="x"){aB.box.left=q.left;aB.box.width=h}else{aB.box.top=q.top;aB.box.height=w}}function t(){var aC,aE=m();c.each(aE,function(aF,aG){aG.show=aG.options.show;if(aG.show==null){aG.show=aG.used}aG.reserveSpace=aG.show||aG.options.reserveSpace;n(aG)});allocatedAxes=c.grep(aE,function(aF){return aF.reserveSpace});q.left=q.right=q.top=q.bottom=0;if(O.grid.show){c.each(allocatedAxes,function(aF,aG){S(aG);P(aG);ap(aG,aG.ticks);L(aG)});for(aC=allocatedAxes.length-1;aC>=0;--aC){au(allocatedAxes[aC])}var aD=O.grid.minBorderMargin;if(aD==null){aD=0;for(aC=0;aC=0){aD=0}}if(aF.max==null){aB+=aH*aG;if(aB>0&&aE.datamax!=null&&aE.datamax<=0){aB=0}}}}aE.min=aD;aE.max=aB}function S(aG){var aM=aG.options;var aH;if(typeof aM.ticks=="number"&&aM.ticks>0){aH=aM.ticks}else{aH=0.3*Math.sqrt(aG.direction=="x"?G:I)}var aT=(aG.max-aG.min)/aH,aO,aB,aN,aR,aS,aQ,aI;if(aM.mode=="time"){var aJ={second:1000,minute:60*1000,hour:60*60*1000,day:24*60*60*1000,month:30*24*60*60*1000,year:365.2425*24*60*60*1000};var aK=[[1,"second"],[2,"second"],[5,"second"],[10,"second"],[30,"second"],[1,"minute"],[2,"minute"],[5,"minute"],[10,"minute"],[30,"minute"],[1,"hour"],[2,"hour"],[4,"hour"],[8,"hour"],[12,"hour"],[1,"day"],[2,"day"],[3,"day"],[0.25,"month"],[0.5,"month"],[1,"month"],[2,"month"],[3,"month"],[6,"month"],[1,"year"]];var aC=0;if(aM.minTickSize!=null){if(typeof aM.tickSize=="number"){aC=aM.tickSize}else{aC=aM.minTickSize[0]*aJ[aM.minTickSize[1]]}}for(var aS=0;aS=aC){break}}aO=aK[aS][0];aN=aK[aS][1];if(aN=="year"){aQ=Math.pow(10,Math.floor(Math.log(aT/aJ.year)/Math.LN10));aI=(aT/aJ.year)/aQ;if(aI<1.5){aO=1}else{if(aI<3){aO=2}else{if(aI<7.5){aO=5}else{aO=10}}}aO*=aQ}aG.tickSize=aM.tickSize||[aO,aN];aB=function(aX){var a2=[],a0=aX.tickSize[0],a3=aX.tickSize[1],a1=new Date(aX.min);var aW=a0*aJ[a3];if(a3=="second"){a1.setUTCSeconds(a(a1.getUTCSeconds(),a0))}if(a3=="minute"){a1.setUTCMinutes(a(a1.getUTCMinutes(),a0))}if(a3=="hour"){a1.setUTCHours(a(a1.getUTCHours(),a0))}if(a3=="month"){a1.setUTCMonth(a(a1.getUTCMonth(),a0))}if(a3=="year"){a1.setUTCFullYear(a(a1.getUTCFullYear(),a0))}a1.setUTCMilliseconds(0);if(aW>=aJ.minute){a1.setUTCSeconds(0)}if(aW>=aJ.hour){a1.setUTCMinutes(0)}if(aW>=aJ.day){a1.setUTCHours(0)}if(aW>=aJ.day*4){a1.setUTCDate(1)}if(aW>=aJ.year){a1.setUTCMonth(0)}var a5=0,a4=Number.NaN,aY;do{aY=a4;a4=a1.getTime();a2.push(a4);if(a3=="month"){if(a0<1){a1.setUTCDate(1);var aV=a1.getTime();a1.setUTCMonth(a1.getUTCMonth()+1);var aZ=a1.getTime();a1.setTime(a4+a5*aJ.hour+(aZ-aV)*a0);a5=a1.getUTCHours();a1.setUTCHours(0)}else{a1.setUTCMonth(a1.getUTCMonth()+a0)}}else{if(a3=="year"){a1.setUTCFullYear(a1.getUTCFullYear()+a0)}else{a1.setTime(a4+aW)}}}while(a4aU){aP=aU}aQ=Math.pow(10,-aP);aI=aT/aQ;if(aI<1.5){aO=1}else{if(aI<3){aO=2;if(aI>2.25&&(aU==null||aP+1<=aU)){aO=2.5;++aP}}else{if(aI<7.5){aO=5}else{aO=10}}}aO*=aQ;if(aM.minTickSize!=null&&aO0){if(aM.min==null){aG.min=Math.min(aG.min,aL[0])}if(aM.max==null&&aL.length>1){aG.max=Math.max(aG.max,aL[aL.length-1])}}aB=function(aX){var aY=[],aV,aW;for(aW=0;aW1&&/\..*0$/.test((aD[1]-aD[0]).toFixed(aE)))){aG.tickDecimals=aE}}}}aG.tickGenerator=aB;if(c.isFunction(aM.tickFormatter)){aG.tickFormatter=function(aV,aW){return""+aM.tickFormatter(aV,aW)}}else{aG.tickFormatter=aR}}function P(aF){var aH=aF.options.ticks,aG=[];if(aH==null||(typeof aH=="number"&&aH>0)){aG=aF.tickGenerator(aF)}else{if(aH){if(c.isFunction(aH)){aG=aH({min:aF.min,max:aF.max})}else{aG=aH}}}var aE,aB;aF.ticks=[];for(aE=0;aE1){aC=aD[1]}}else{aB=+aD}if(aC==null){aC=aF.tickFormatter(aB,aF)}if(!isNaN(aB)){aF.ticks.push({v:aB,label:aC})}}}function ap(aB,aC){if(aB.options.autoscaleMargin&&aC.length>0){if(aB.options.min==null){aB.min=Math.min(aB.min,aC[0].v)}if(aB.options.max==null&&aC.length>1){aB.max=Math.max(aB.max,aC[aC.length-1].v)}}}function W(){H.clearRect(0,0,G,I);var aC=O.grid;if(aC.show&&aC.backgroundColor){N()}if(aC.show&&!aC.aboveData){ac()}for(var aB=0;aBaG){var aC=aH;aH=aG;aG=aC}return{from:aH,to:aG,axis:aE}}function N(){H.save();H.translate(q.left,q.top);H.fillStyle=am(O.grid.backgroundColor,w,0,"rgba(255, 255, 255, 0)");H.fillRect(0,0,h,w);H.restore()}function ac(){var aF;H.save();H.translate(q.left,q.top);var aH=O.grid.markings;if(aH){if(c.isFunction(aH)){var aK=aq.getAxes();aK.xmin=aK.xaxis.min;aK.xmax=aK.xaxis.max;aK.ymin=aK.yaxis.min;aK.ymax=aK.yaxis.max;aH=aH(aK)}for(aF=0;aFaC.axis.max||aI.toaI.axis.max){continue}aC.from=Math.max(aC.from,aC.axis.min);aC.to=Math.min(aC.to,aC.axis.max);aI.from=Math.max(aI.from,aI.axis.min);aI.to=Math.min(aI.to,aI.axis.max);if(aC.from==aC.to&&aI.from==aI.to){continue}aC.from=aC.axis.p2c(aC.from);aC.to=aC.axis.p2c(aC.to);aI.from=aI.axis.p2c(aI.from);aI.to=aI.axis.p2c(aI.to);if(aC.from==aC.to||aI.from==aI.to){H.beginPath();H.strokeStyle=aD.color||O.grid.markingsColor;H.lineWidth=aD.lineWidth||O.grid.markingsLineWidth;H.moveTo(aC.from,aI.from);H.lineTo(aC.to,aI.to);H.stroke()}else{H.fillStyle=aD.color||O.grid.markingsColor;H.fillRect(aC.from,aI.to,aC.to-aC.from,aI.from-aI.to)}}}var aK=m(),aM=O.grid.borderWidth;for(var aE=0;aEaB.max||(aQ=="full"&&aM>0&&(aO==aB.min||aO==aB.max))){continue}if(aB.direction=="x"){aN=aB.p2c(aO);aJ=aQ=="full"?-w:aQ;if(aB.position=="top"){aJ=-aJ}}else{aL=aB.p2c(aO);aP=aQ=="full"?-h:aQ;if(aB.position=="left"){aP=-aP}}if(H.lineWidth==1){if(aB.direction=="x"){aN=Math.floor(aN)+0.5}else{aL=Math.floor(aL)+0.5}}H.moveTo(aN,aL);H.lineTo(aN+aP,aL+aJ)}H.stroke()}if(aM){H.lineWidth=aM;H.strokeStyle=O.grid.borderColor;H.strokeRect(-aM/2,-aM/2,h+aM,w+aM)}H.restore()}function k(){av.find(".tickLabels").remove();var aG=['
'];var aJ=m();for(var aD=0;aD');for(var aE=0;aEaC.max){continue}var aK={},aI;if(aC.direction=="x"){aI="center";aK.left=Math.round(q.left+aC.p2c(aH.v)-aC.labelWidth/2);if(aC.position=="bottom"){aK.top=aF.top+aF.padding}else{aK.bottom=I-(aF.top+aF.height-aF.padding)}}else{aK.top=Math.round(q.top+aC.p2c(aH.v)-aC.labelHeight/2);if(aC.position=="left"){aK.right=G-(aF.left+aF.width-aF.padding);aI="right"}else{aK.left=aF.left+aF.padding;aI="left"}}aK.width=aC.labelWidth;var aB=["position:absolute","text-align:"+aI];for(var aL in aK){aB.push(aL+":"+aK[aL]+"px")}aG.push('
'+aH.label+"
")}aG.push("
")}aG.push("");av.append(aG.join(""))}function d(aB){if(aB.lines.show){at(aB)}if(aB.bars.show){e(aB)}if(aB.points.show){ao(aB)}}function at(aE){function aD(aP,aQ,aI,aU,aT){var aV=aP.points,aJ=aP.pointsize,aN=null,aM=null;H.beginPath();for(var aO=aJ;aO=aR&&aS>aT.max){if(aR>aT.max){continue}aL=(aT.max-aS)/(aR-aS)*(aK-aL)+aL;aS=aT.max}else{if(aR>=aS&&aR>aT.max){if(aS>aT.max){continue}aK=(aT.max-aS)/(aR-aS)*(aK-aL)+aL;aR=aT.max}}if(aL<=aK&&aL=aK&&aL>aU.max){if(aK>aU.max){continue}aS=(aU.max-aL)/(aK-aL)*(aR-aS)+aS;aL=aU.max}else{if(aK>=aL&&aK>aU.max){if(aL>aU.max){continue}aR=(aU.max-aL)/(aK-aL)*(aR-aS)+aS;aK=aU.max}}if(aL!=aN||aS!=aM){H.moveTo(aU.p2c(aL)+aQ,aT.p2c(aS)+aI)}aN=aK;aM=aR;H.lineTo(aU.p2c(aK)+aQ,aT.p2c(aR)+aI)}H.stroke()}function aF(aI,aQ,aP){var aW=aI.points,aV=aI.pointsize,aN=Math.min(Math.max(0,aP.min),aP.max),aX=0,aU,aT=false,aM=1,aL=0,aR=0;while(true){if(aV>0&&aX>aW.length+aV){break}aX+=aV;var aZ=aW[aX-aV],aK=aW[aX-aV+aM],aY=aW[aX],aJ=aW[aX+aM];if(aT){if(aV>0&&aZ!=null&&aY==null){aR=aX;aV=-aV;aM=2;continue}if(aV<0&&aX==aL+aV){H.fill();aT=false;aV=-aV;aM=1;aX=aL=aR+aV;continue}}if(aZ==null||aY==null){continue}if(aZ<=aY&&aZ=aY&&aZ>aQ.max){if(aY>aQ.max){continue}aK=(aQ.max-aZ)/(aY-aZ)*(aJ-aK)+aK;aZ=aQ.max}else{if(aY>=aZ&&aY>aQ.max){if(aZ>aQ.max){continue}aJ=(aQ.max-aZ)/(aY-aZ)*(aJ-aK)+aK;aY=aQ.max}}if(!aT){H.beginPath();H.moveTo(aQ.p2c(aZ),aP.p2c(aN));aT=true}if(aK>=aP.max&&aJ>=aP.max){H.lineTo(aQ.p2c(aZ),aP.p2c(aP.max));H.lineTo(aQ.p2c(aY),aP.p2c(aP.max));continue}else{if(aK<=aP.min&&aJ<=aP.min){H.lineTo(aQ.p2c(aZ),aP.p2c(aP.min));H.lineTo(aQ.p2c(aY),aP.p2c(aP.min));continue}}var aO=aZ,aS=aY;if(aK<=aJ&&aK=aP.min){aZ=(aP.min-aK)/(aJ-aK)*(aY-aZ)+aZ;aK=aP.min}else{if(aJ<=aK&&aJ=aP.min){aY=(aP.min-aK)/(aJ-aK)*(aY-aZ)+aZ;aJ=aP.min}}if(aK>=aJ&&aK>aP.max&&aJ<=aP.max){aZ=(aP.max-aK)/(aJ-aK)*(aY-aZ)+aZ;aK=aP.max}else{if(aJ>=aK&&aJ>aP.max&&aK<=aP.max){aY=(aP.max-aK)/(aJ-aK)*(aY-aZ)+aZ;aJ=aP.max}}if(aZ!=aO){H.lineTo(aQ.p2c(aO),aP.p2c(aK))}H.lineTo(aQ.p2c(aZ),aP.p2c(aK));H.lineTo(aQ.p2c(aY),aP.p2c(aJ));if(aY!=aS){H.lineTo(aQ.p2c(aY),aP.p2c(aJ));H.lineTo(aQ.p2c(aS),aP.p2c(aJ))}}}H.save();H.translate(q.left,q.top);H.lineJoin="round";var aG=aE.lines.lineWidth,aB=aE.shadowSize;if(aG>0&&aB>0){H.lineWidth=aB;H.strokeStyle="rgba(0,0,0,0.1)";var aH=Math.PI/18;aD(aE.datapoints,Math.sin(aH)*(aG/2+aB/2),Math.cos(aH)*(aG/2+aB/2),aE.xaxis,aE.yaxis);H.lineWidth=aB/2;aD(aE.datapoints,Math.sin(aH)*(aG/2+aB/4),Math.cos(aH)*(aG/2+aB/4),aE.xaxis,aE.yaxis)}H.lineWidth=aG;H.strokeStyle=aE.color;var aC=ae(aE.lines,aE.color,0,w);if(aC){H.fillStyle=aC;aF(aE.datapoints,aE.xaxis,aE.yaxis)}if(aG>0){aD(aE.datapoints,0,0,aE.xaxis,aE.yaxis)}H.restore()}function ao(aE){function aH(aN,aM,aU,aK,aS,aT,aQ,aJ){var aR=aN.points,aI=aN.pointsize;for(var aL=0;aLaT.max||aOaQ.max){continue}H.beginPath();aP=aT.p2c(aP);aO=aQ.p2c(aO)+aK;if(aJ=="circle"){H.arc(aP,aO,aM,0,aS?Math.PI:Math.PI*2,false)}else{aJ(H,aP,aO,aM,aS)}H.closePath();if(aU){H.fillStyle=aU;H.fill()}H.stroke()}}H.save();H.translate(q.left,q.top);var aG=aE.points.lineWidth,aC=aE.shadowSize,aB=aE.points.radius,aF=aE.points.symbol;if(aG>0&&aC>0){var aD=aC/2;H.lineWidth=aD;H.strokeStyle="rgba(0,0,0,0.1)";aH(aE.datapoints,aB,null,aD+aD/2,true,aE.xaxis,aE.yaxis,aF);H.strokeStyle="rgba(0,0,0,0.2)";aH(aE.datapoints,aB,null,aD/2,true,aE.xaxis,aE.yaxis,aF)}H.lineWidth=aG;H.strokeStyle=aE.color;aH(aE.datapoints,aB,ae(aE.points,aE.color),0,false,aE.xaxis,aE.yaxis,aF);H.restore()}function E(aN,aM,aV,aI,aQ,aF,aD,aL,aK,aU,aR,aC){var aE,aT,aJ,aP,aG,aB,aO,aH,aS;if(aR){aH=aB=aO=true;aG=false;aE=aV;aT=aN;aP=aM+aI;aJ=aM+aQ;if(aTaL.max||aPaK.max){return}if(aEaL.max){aT=aL.max;aB=false}if(aJaK.max){aP=aK.max;aO=false}aE=aL.p2c(aE);aJ=aK.p2c(aJ);aT=aL.p2c(aT);aP=aK.p2c(aP);if(aD){aU.beginPath();aU.moveTo(aE,aJ);aU.lineTo(aE,aP);aU.lineTo(aT,aP);aU.lineTo(aT,aJ);aU.fillStyle=aD(aJ,aP);aU.fill()}if(aC>0&&(aG||aB||aO||aH)){aU.beginPath();aU.moveTo(aE,aJ+aF);if(aG){aU.lineTo(aE,aP+aF)}else{aU.moveTo(aE,aP+aF)}if(aO){aU.lineTo(aT,aP+aF)}else{aU.moveTo(aT,aP+aF)}if(aB){aU.lineTo(aT,aJ+aF)}else{aU.moveTo(aT,aJ+aF)}if(aH){aU.lineTo(aE,aJ+aF)}else{aU.moveTo(aE,aJ+aF)}aU.stroke()}}function e(aD){function aC(aJ,aI,aL,aG,aK,aN,aM){var aO=aJ.points,aF=aJ.pointsize;for(var aH=0;aH")}aH.push("");aF=true}if(aN){aJ=aN(aJ,aM)}aH.push('
'+aJ+"")}if(aF){aH.push("")}if(aH.length==0){return}var aL=''+aH.join("")+"
";if(O.legend.container!=null){c(O.legend.container).html(aL)}else{var aI="",aC=O.legend.position,aD=O.legend.margin;if(aD[0]==null){aD=[aD,aD]}if(aC.charAt(0)=="n"){aI+="top:"+(aD[1]+q.top)+"px;"}else{if(aC.charAt(0)=="s"){aI+="bottom:"+(aD[1]+q.bottom)+"px;"}}if(aC.charAt(1)=="e"){aI+="right:"+(aD[0]+q.right)+"px;"}else{if(aC.charAt(1)=="w"){aI+="left:"+(aD[0]+q.left)+"px;"}}var aK=c('
'+aL.replace('style="','style="position:absolute;'+aI+";")+"
").appendTo(av);if(O.legend.backgroundOpacity!=0){var aG=O.legend.backgroundColor;if(aG==null){aG=O.grid.backgroundColor;if(aG&&typeof aG=="string"){aG=c.color.parse(aG)}else{aG=c.color.extract(aK,"background-color")}aG.a=1;aG=aG.toString()}var aB=aK.children();c('
').prependTo(aK).css("opacity",O.legend.backgroundOpacity)}}}var ab=[],M=null;function K(aI,aG,aD){var aO=O.grid.mouseActiveRadius,a0=aO*aO+1,aY=null,aR=false,aW,aU;for(aW=Q.length-1;aW>=0;--aW){if(!aD(Q[aW])){continue}var aP=Q[aW],aH=aP.xaxis,aF=aP.yaxis,aV=aP.datapoints.points,aT=aP.datapoints.pointsize,aQ=aH.c2p(aI),aN=aF.c2p(aG),aC=aO/aH.scale,aB=aO/aF.scale;if(aH.options.inverseTransform){aC=Number.MAX_VALUE}if(aF.options.inverseTransform){aB=Number.MAX_VALUE}if(aP.lines.show||aP.points.show){for(aU=0;aUaC||aK-aQ<-aC||aJ-aN>aB||aJ-aN<-aB){continue}var aM=Math.abs(aH.p2c(aK)-aI),aL=Math.abs(aF.p2c(aJ)-aG),aS=aM*aM+aL*aL;if(aS=Math.min(aZ,aK)&&aN>=aJ+aE&&aN<=aJ+aX):(aQ>=aK+aE&&aQ<=aK+aX&&aN>=Math.min(aZ,aJ)&&aN<=Math.max(aZ,aJ))){aY=[aW,aU/aT]}}}}if(aY){aW=aY[0];aU=aY[1];aT=Q[aW].datapoints.pointsize;return{datapoint:Q[aW].datapoints.points.slice(aU*aT,(aU+1)*aT),dataIndex:aU,series:Q[aW],seriesIndex:aW}}return null}function aa(aB){if(O.grid.hoverable){u("plothover",aB,function(aC){return aC.hoverable!=false})}}function l(aB){if(O.grid.hoverable){u("plothover",aB,function(aC){return false})}}function R(aB){u("plotclick",aB,function(aC){return aC.clickable!=false})}function u(aC,aB,aD){var aE=y.offset(),aH=aB.pageX-aE.left-q.left,aF=aB.pageY-aE.top-q.top,aJ=C({left:aH,top:aF});aJ.pageX=aB.pageX;aJ.pageY=aB.pageY;var aK=K(aH,aF,aD);if(aK){aK.pageX=parseInt(aK.series.xaxis.p2c(aK.datapoint[0])+aE.left+q.left);aK.pageY=parseInt(aK.series.yaxis.p2c(aK.datapoint[1])+aE.top+q.top)}if(O.grid.autoHighlight){for(var aG=0;aGaH.max||aIaG.max){return}var aF=aE.points.radius+aE.points.lineWidth/2;A.lineWidth=aF;A.strokeStyle=c.color.parse(aE.color).scale("a",0.5).toString();var aB=1.5*aF,aC=aH.p2c(aC),aI=aG.p2c(aI);A.beginPath();if(aE.points.symbol=="circle"){A.arc(aC,aI,aB,0,2*Math.PI,false)}else{aE.points.symbol(A,aC,aI,aB,false)}A.closePath();A.stroke()}function v(aE,aB){A.lineWidth=aE.bars.lineWidth;A.strokeStyle=c.color.parse(aE.color).scale("a",0.5).toString();var aD=c.color.parse(aE.color).scale("a",0.5).toString();var aC=aE.bars.align=="left"?0:-aE.bars.barWidth/2;E(aB[0],aB[1],aB[2]||0,aC,aC+aE.bars.barWidth,0,function(){return aD},aE.xaxis,aE.yaxis,A,aE.bars.horizontal,aE.bars.lineWidth)}function am(aJ,aB,aH,aC){if(typeof aJ=="string"){return aJ}else{var aI=H.createLinearGradient(0,aH,0,aB);for(var aE=0,aD=aJ.colors.length;aE12){n=n-12}else{if(n==0){n=12}}}for(var g=0;g0&&L.which!=M.which)||E(L.target).is(M.not)){return }}switch(L.type){case"mousedown":E.extend(M,E(K).offset(),{elem:K,target:L.target,pageX:L.pageX,pageY:L.pageY});A.add(document,"mousemove mouseup",H,M);G(K,false);F.dragging=null;return false;case !F.dragging&&"mousemove":if(I(L.pageX-M.pageX)+I(L.pageY-M.pageY) max) { + // make sure min < max + var tmp = min; + min = max; + max = tmp; + } + + var range = max - min; + if (zr && + ((zr[0] != null && range < zr[0]) || + (zr[1] != null && range > zr[1]))) + return; + + opts.min = min; + opts.max = max; + }); + + plot.setupGrid(); + plot.draw(); + + if (!args.preventEvent) + plot.getPlaceholder().trigger("plotzoom", [ plot ]); + } + + plot.pan = function (args) { + var delta = { + x: +args.left, + y: +args.top + }; + + if (isNaN(delta.x)) + delta.x = 0; + if (isNaN(delta.y)) + delta.y = 0; + + $.each(plot.getAxes(), function (_, axis) { + var opts = axis.options, + min, max, d = delta[axis.direction]; + + min = axis.c2p(axis.p2c(axis.min) + d), + max = axis.c2p(axis.p2c(axis.max) + d); + + var pr = opts.panRange; + if (pr === false) // no panning on this axis + return; + + if (pr) { + // check whether we hit the wall + if (pr[0] != null && pr[0] > min) { + d = pr[0] - min; + min += d; + max += d; + } + + if (pr[1] != null && pr[1] < max) { + d = pr[1] - max; + min += d; + max += d; + } + } + + opts.min = min; + opts.max = max; + }); + + plot.setupGrid(); + plot.draw(); + + if (!args.preventEvent) + plot.getPlaceholder().trigger("plotpan", [ plot ]); + } + + function shutdown(plot, eventHolder) { + eventHolder.unbind(plot.getOptions().zoom.trigger, onZoomClick); + eventHolder.unbind("mousewheel", onMouseWheel); + eventHolder.unbind("dragstart", onDragStart); + eventHolder.unbind("drag", onDrag); + eventHolder.unbind("dragend", onDragEnd); + if (panTimeout) + clearTimeout(panTimeout); + } + + plot.hooks.bindEvents.push(bindEvents); + plot.hooks.shutdown.push(shutdown); + } + + $.plot.plugins.push({ + init: init, + options: options, + name: 'navigate', + version: '1.3' + }); +})(jQuery); diff --git a/static/js/flot/jquery.flot.navigate.min.js b/static/js/flot/jquery.flot.navigate.min.js new file mode 100644 index 0000000000..ecf63c93ba --- /dev/null +++ b/static/js/flot/jquery.flot.navigate.min.js @@ -0,0 +1 @@ +(function(i){i.fn.drag=function(j,k,l){if(k){this.bind("dragstart",j)}if(l){this.bind("dragend",l)}return !j?this.trigger("drag"):this.bind("drag",k?k:j)};var d=i.event,c=d.special,h=c.drag={not:":input",distance:0,which:1,dragging:false,setup:function(j){j=i.extend({distance:h.distance,which:h.which,not:h.not},j||{});j.distance=e(j.distance);d.add(this,"mousedown",f,j);if(this.attachEvent){this.attachEvent("ondragstart",a)}},teardown:function(){d.remove(this,"mousedown",f);if(this===h.dragging){h.dragging=h.proxy=false}g(this,true);if(this.detachEvent){this.detachEvent("ondragstart",a)}}};c.dragstart=c.dragend={setup:function(){},teardown:function(){}};function f(j){var k=this,l,m=j.data||{};if(m.elem){k=j.dragTarget=m.elem;j.dragProxy=h.proxy||k;j.cursorOffsetX=m.pageX-m.left;j.cursorOffsetY=m.pageY-m.top;j.offsetX=j.pageX-j.cursorOffsetX;j.offsetY=j.pageY-j.cursorOffsetY}else{if(h.dragging||(m.which>0&&j.which!=m.which)||i(j.target).is(m.not)){return}}switch(j.type){case"mousedown":i.extend(m,i(k).offset(),{elem:k,target:j.target,pageX:j.pageX,pageY:j.pageY});d.add(document,"mousemove mouseup",f,m);g(k,false);h.dragging=null;return false;case !h.dragging&&"mousemove":if(e(j.pageX-m.pageX)+e(j.pageY-m.pageY)w){var A=B;B=w;w=A}var y=w-B;if(E&&((E[0]!=null&&yE[1]))){return}D.min=B;D.max=w});o.setupGrid();o.draw();if(!q.preventEvent){o.getPlaceholder().trigger("plotzoom",[o])}};o.pan=function(p){var q={x:+p.left,y:+p.top};if(isNaN(q.x)){q.x=0}if(isNaN(q.y)){q.y=0}b.each(o.getAxes(),function(s,u){var v=u.options,t,r,w=q[u.direction];t=u.c2p(u.p2c(u.min)+w),r=u.c2p(u.p2c(u.max)+w);var x=v.panRange;if(x===false){return}if(x){if(x[0]!=null&&x[0]>t){w=x[0]-t;t+=w;r+=w}if(x[1]!=null&&x[1]1) + options.series.pie.tilt=1; + if (options.series.pie.tilt<0) + options.series.pie.tilt=0; + + // add processData hook to do transformations on the data + plot.hooks.processDatapoints.push(processDatapoints); + plot.hooks.drawOverlay.push(drawOverlay); + + // add draw hook + plot.hooks.draw.push(draw); + } + } + + // bind hoverable events + function bindEvents(plot, eventHolder) + { + var options = plot.getOptions(); + + if (options.series.pie.show && options.grid.hoverable) + eventHolder.unbind('mousemove').mousemove(onMouseMove); + + if (options.series.pie.show && options.grid.clickable) + eventHolder.unbind('click').click(onClick); + } + + + // debugging function that prints out an object + function alertObject(obj) + { + var msg = ''; + function traverse(obj, depth) + { + if (!depth) + depth = 0; + for (var i = 0; i < obj.length; ++i) + { + for (var j=0; jcanvas.width-maxRadius) + centerLeft = canvas.width-maxRadius; + } + + function fixData(data) + { + for (var i = 0; i < data.length; ++i) + { + if (typeof(data[i].data)=='number') + data[i].data = [[1,data[i].data]]; + else if (typeof(data[i].data)=='undefined' || typeof(data[i].data[0])=='undefined') + { + if (typeof(data[i].data)!='undefined' && typeof(data[i].data.label)!='undefined') + data[i].label = data[i].data.label; // fix weirdness coming from flot + data[i].data = [[1,0]]; + + } + } + return data; + } + + function combine(data) + { + data = fixData(data); + calcTotal(data); + var combined = 0; + var numCombined = 0; + var color = options.series.pie.combine.color; + + var newdata = []; + for (var i = 0; i < data.length; ++i) + { + // make sure its a number + data[i].data[0][1] = parseFloat(data[i].data[0][1]); + if (!data[i].data[0][1]) + data[i].data[0][1] = 0; + + if (data[i].data[0][1]/total<=options.series.pie.combine.threshold) + { + combined += data[i].data[0][1]; + numCombined++; + if (!color) + color = data[i].color; + } + else + { + newdata.push({ + data: [[1,data[i].data[0][1]]], + color: data[i].color, + label: data[i].label, + angle: (data[i].data[0][1]*(Math.PI*2))/total, + percent: (data[i].data[0][1]/total*100) + }); + } + } + if (numCombined>0) + newdata.push({ + data: [[1,combined]], + color: color, + label: options.series.pie.combine.label, + angle: (combined*(Math.PI*2))/total, + percent: (combined/total*100) + }); + return newdata; + } + + function draw(plot, newCtx) + { + if (!target) return; // if no series were passed + ctx = newCtx; + + setupPie(); + var slices = plot.getData(); + + var attempts = 0; + while (redraw && attempts0) + maxRadius *= shrink; + attempts += 1; + clear(); + if (options.series.pie.tilt<=0.8) + drawShadow(); + drawPie(); + } + if (attempts >= redrawAttempts) { + clear(); + target.prepend('
Could not draw pie with labels contained inside canvas
'); + } + + if ( plot.setSeries && plot.insertLegend ) + { + plot.setSeries(slices); + plot.insertLegend(); + } + + // we're actually done at this point, just defining internal functions at this point + + function clear() + { + ctx.clearRect(0,0,canvas.width,canvas.height); + target.children().filter('.pieLabel, .pieLabelBackground').remove(); + } + + function drawShadow() + { + var shadowLeft = 5; + var shadowTop = 15; + var edge = 10; + var alpha = 0.02; + + // set radius + if (options.series.pie.radius>1) + var radius = options.series.pie.radius; + else + var radius = maxRadius * options.series.pie.radius; + + if (radius>=(canvas.width/2)-shadowLeft || radius*options.series.pie.tilt>=(canvas.height/2)-shadowTop || radius<=edge) + return; // shadow would be outside canvas, so don't draw it + + ctx.save(); + ctx.translate(shadowLeft,shadowTop); + ctx.globalAlpha = alpha; + ctx.fillStyle = '#000'; + + // center and rotate to starting position + ctx.translate(centerLeft,centerTop); + ctx.scale(1, options.series.pie.tilt); + + //radius -= edge; + for (var i=1; i<=edge; i++) + { + ctx.beginPath(); + ctx.arc(0,0,radius,0,Math.PI*2,false); + ctx.fill(); + radius -= i; + } + + ctx.restore(); + } + + function drawPie() + { + startAngle = Math.PI*options.series.pie.startAngle; + + // set radius + if (options.series.pie.radius>1) + var radius = options.series.pie.radius; + else + var radius = maxRadius * options.series.pie.radius; + + // center and rotate to starting position + ctx.save(); + ctx.translate(centerLeft,centerTop); + ctx.scale(1, options.series.pie.tilt); + //ctx.rotate(startAngle); // start at top; -- This doesn't work properly in Opera + + // draw slices + ctx.save(); + var currentAngle = startAngle; + for (var i = 0; i < slices.length; ++i) + { + slices[i].startAngle = currentAngle; + drawSlice(slices[i].angle, slices[i].color, true); + } + ctx.restore(); + + // draw slice outlines + ctx.save(); + ctx.lineWidth = options.series.pie.stroke.width; + currentAngle = startAngle; + for (var i = 0; i < slices.length; ++i) + drawSlice(slices[i].angle, options.series.pie.stroke.color, false); + ctx.restore(); + + // draw donut hole + drawDonutHole(ctx); + + // draw labels + if (options.series.pie.label.show) + drawLabels(); + + // restore to original state + ctx.restore(); + + function drawSlice(angle, color, fill) + { + if (angle<=0) + return; + + if (fill) + ctx.fillStyle = color; + else + { + ctx.strokeStyle = color; + ctx.lineJoin = 'round'; + } + + ctx.beginPath(); + if (Math.abs(angle - Math.PI*2) > 0.000000001) + ctx.moveTo(0,0); // Center of the pie + else if ($.browser.msie) + angle -= 0.0001; + //ctx.arc(0,0,radius,0,angle,false); // This doesn't work properly in Opera + ctx.arc(0,0,radius,currentAngle,currentAngle+angle,false); + ctx.closePath(); + //ctx.rotate(angle); // This doesn't work properly in Opera + currentAngle += angle; + + if (fill) + ctx.fill(); + else + ctx.stroke(); + } + + function drawLabels() + { + var currentAngle = startAngle; + + // set radius + if (options.series.pie.label.radius>1) + var radius = options.series.pie.label.radius; + else + var radius = maxRadius * options.series.pie.label.radius; + + for (var i = 0; i < slices.length; ++i) + { + if (slices[i].percent >= options.series.pie.label.threshold*100) + drawLabel(slices[i], currentAngle, i); + currentAngle += slices[i].angle; + } + + function drawLabel(slice, startAngle, index) + { + if (slice.data[0][1]==0) + return; + + // format label text + var lf = options.legend.labelFormatter, text, plf = options.series.pie.label.formatter; + if (lf) + text = lf(slice.label, slice); + else + text = slice.label; + if (plf) + text = plf(text, slice); + + var halfAngle = ((startAngle+slice.angle) + startAngle)/2; + var x = centerLeft + Math.round(Math.cos(halfAngle) * radius); + var y = centerTop + Math.round(Math.sin(halfAngle) * radius) * options.series.pie.tilt; + + var html = '' + text + ""; + target.append(html); + var label = target.children('#pieLabel'+index); + var labelTop = (y - label.height()/2); + var labelLeft = (x - label.width()/2); + label.css('top', labelTop); + label.css('left', labelLeft); + + // check to make sure that the label is not outside the canvas + if (0-labelTop>0 || 0-labelLeft>0 || canvas.height-(labelTop+label.height())<0 || canvas.width-(labelLeft+label.width())<0) + redraw = true; + + if (options.series.pie.label.background.opacity != 0) { + // put in the transparent background separately to avoid blended labels and label boxes + var c = options.series.pie.label.background.color; + if (c == null) { + c = slice.color; + } + var pos = 'top:'+labelTop+'px;left:'+labelLeft+'px;'; + $('
').insertBefore(label).css('opacity', options.series.pie.label.background.opacity); + } + } // end individual label function + } // end drawLabels function + } // end drawPie function + } // end draw function + + // Placed here because it needs to be accessed from multiple locations + function drawDonutHole(layer) + { + // draw donut hole + if(options.series.pie.innerRadius > 0) + { + // subtract the center + layer.save(); + innerRadius = options.series.pie.innerRadius > 1 ? options.series.pie.innerRadius : maxRadius * options.series.pie.innerRadius; + layer.globalCompositeOperation = 'destination-out'; // this does not work with excanvas, but it will fall back to using the stroke color + layer.beginPath(); + layer.fillStyle = options.series.pie.stroke.color; + layer.arc(0,0,innerRadius,0,Math.PI*2,false); + layer.fill(); + layer.closePath(); + layer.restore(); + + // add inner stroke + layer.save(); + layer.beginPath(); + layer.strokeStyle = options.series.pie.stroke.color; + layer.arc(0,0,innerRadius,0,Math.PI*2,false); + layer.stroke(); + layer.closePath(); + layer.restore(); + // TODO: add extra shadow inside hole (with a mask) if the pie is tilted. + } + } + + //-- Additional Interactive related functions -- + + function isPointInPoly(poly, pt) + { + for(var c = false, i = -1, l = poly.length, j = l - 1; ++i < l; j = i) + ((poly[i][1] <= pt[1] && pt[1] < poly[j][1]) || (poly[j][1] <= pt[1] && pt[1]< poly[i][1])) + && (pt[0] < (poly[j][0] - poly[i][0]) * (pt[1] - poly[i][1]) / (poly[j][1] - poly[i][1]) + poly[i][0]) + && (c = !c); + return c; + } + + function findNearbySlice(mouseX, mouseY) + { + var slices = plot.getData(), + options = plot.getOptions(), + radius = options.series.pie.radius > 1 ? options.series.pie.radius : maxRadius * options.series.pie.radius; + + for (var i = 0; i < slices.length; ++i) + { + var s = slices[i]; + + if(s.pie.show) + { + ctx.save(); + ctx.beginPath(); + ctx.moveTo(0,0); // Center of the pie + //ctx.scale(1, options.series.pie.tilt); // this actually seems to break everything when here. + ctx.arc(0,0,radius,s.startAngle,s.startAngle+s.angle,false); + ctx.closePath(); + x = mouseX-centerLeft; + y = mouseY-centerTop; + if(ctx.isPointInPath) + { + if (ctx.isPointInPath(mouseX-centerLeft, mouseY-centerTop)) + { + //alert('found slice!'); + ctx.restore(); + return {datapoint: [s.percent, s.data], dataIndex: 0, series: s, seriesIndex: i}; + } + } + else + { + // excanvas for IE doesn;t support isPointInPath, this is a workaround. + p1X = (radius * Math.cos(s.startAngle)); + p1Y = (radius * Math.sin(s.startAngle)); + p2X = (radius * Math.cos(s.startAngle+(s.angle/4))); + p2Y = (radius * Math.sin(s.startAngle+(s.angle/4))); + p3X = (radius * Math.cos(s.startAngle+(s.angle/2))); + p3Y = (radius * Math.sin(s.startAngle+(s.angle/2))); + p4X = (radius * Math.cos(s.startAngle+(s.angle/1.5))); + p4Y = (radius * Math.sin(s.startAngle+(s.angle/1.5))); + p5X = (radius * Math.cos(s.startAngle+s.angle)); + p5Y = (radius * Math.sin(s.startAngle+s.angle)); + arrPoly = [[0,0],[p1X,p1Y],[p2X,p2Y],[p3X,p3Y],[p4X,p4Y],[p5X,p5Y]]; + arrPoint = [x,y]; + // TODO: perhaps do some mathmatical trickery here with the Y-coordinate to compensate for pie tilt? + if(isPointInPoly(arrPoly, arrPoint)) + { + ctx.restore(); + return {datapoint: [s.percent, s.data], dataIndex: 0, series: s, seriesIndex: i}; + } + } + ctx.restore(); + } + } + + return null; + } + + function onMouseMove(e) + { + triggerClickHoverEvent('plothover', e); + } + + function onClick(e) + { + triggerClickHoverEvent('plotclick', e); + } + + // trigger click or hover event (they send the same parameters so we share their code) + function triggerClickHoverEvent(eventname, e) + { + var offset = plot.offset(), + canvasX = parseInt(e.pageX - offset.left), + canvasY = parseInt(e.pageY - offset.top), + item = findNearbySlice(canvasX, canvasY); + + if (options.grid.autoHighlight) + { + // clear auto-highlights + for (var i = 0; i < highlights.length; ++i) + { + var h = highlights[i]; + if (h.auto == eventname && !(item && h.series == item.series)) + unhighlight(h.series); + } + } + + // highlight the slice + if (item) + highlight(item.series, eventname); + + // trigger any hover bind events + var pos = { pageX: e.pageX, pageY: e.pageY }; + target.trigger(eventname, [ pos, item ]); + } + + function highlight(s, auto) + { + if (typeof s == "number") + s = series[s]; + + var i = indexOfHighlight(s); + if (i == -1) + { + highlights.push({ series: s, auto: auto }); + plot.triggerRedrawOverlay(); + } + else if (!auto) + highlights[i].auto = false; + } + + function unhighlight(s) + { + if (s == null) + { + highlights = []; + plot.triggerRedrawOverlay(); + } + + if (typeof s == "number") + s = series[s]; + + var i = indexOfHighlight(s); + if (i != -1) + { + highlights.splice(i, 1); + plot.triggerRedrawOverlay(); + } + } + + function indexOfHighlight(s) + { + for (var i = 0; i < highlights.length; ++i) + { + var h = highlights[i]; + if (h.series == s) + return i; + } + return -1; + } + + function drawOverlay(plot, octx) + { + //alert(options.series.pie.radius); + var options = plot.getOptions(); + //alert(options.series.pie.radius); + + var radius = options.series.pie.radius > 1 ? options.series.pie.radius : maxRadius * options.series.pie.radius; + + octx.save(); + octx.translate(centerLeft, centerTop); + octx.scale(1, options.series.pie.tilt); + + for (i = 0; i < highlights.length; ++i) + drawHighlight(highlights[i].series); + + drawDonutHole(octx); + + octx.restore(); + + function drawHighlight(series) + { + if (series.angle < 0) return; + + //octx.fillStyle = parseColor(options.series.pie.highlight.color).scale(null, null, null, options.series.pie.highlight.opacity).toString(); + octx.fillStyle = "rgba(255, 255, 255, "+options.series.pie.highlight.opacity+")"; // this is temporary until we have access to parseColor + + octx.beginPath(); + if (Math.abs(series.angle - Math.PI*2) > 0.000000001) + octx.moveTo(0,0); // Center of the pie + octx.arc(0,0,radius,series.startAngle,series.startAngle+series.angle,false); + octx.closePath(); + octx.fill(); + } + + } + + } // end init (plugin body) + + // define pie specific options and their default values + var options = { + series: { + pie: { + show: false, + radius: 'auto', // actual radius of the visible pie (based on full calculated radius if <=1, or hard pixel value) + innerRadius:0, /* for donut */ + startAngle: 3/2, + tilt: 1, + offset: { + top: 0, + left: 'auto' + }, + stroke: { + color: '#FFF', + width: 1 + }, + label: { + show: 'auto', + formatter: function(label, slice){ + return '
'+label+'
'+Math.round(slice.percent)+'%
'; + }, // formatter function + radius: 1, // radius at which to place the labels (based on full calculated radius if <=1, or hard pixel value) + background: { + color: null, + opacity: 0 + }, + threshold: 0 // percentage at which to hide the label (i.e. the slice is too narrow) + }, + combine: { + threshold: -1, // percentage at which to combine little slices into one larger slice + color: null, // color to give the new slice (auto-generated if null) + label: 'Other' // label to give the new slice + }, + highlight: { + //color: '#FFF', // will add this functionality once parseColor is available + opacity: 0.5 + } + } + } + }; + + $.plot.plugins.push({ + init: init, + options: options, + name: "pie", + version: "1.0" + }); +})(jQuery); diff --git a/static/js/flot/jquery.flot.pie.min.js b/static/js/flot/jquery.flot.pie.min.js new file mode 100644 index 0000000000..b7bf870d75 --- /dev/null +++ b/static/js/flot/jquery.flot.pie.min.js @@ -0,0 +1 @@ +(function(b){function c(D){var h=null;var L=null;var n=null;var B=null;var p=null;var M=0;var F=true;var o=10;var w=0.95;var A=0;var d=false;var z=false;var j=[];D.hooks.processOptions.push(g);D.hooks.bindEvents.push(e);function g(O,N){if(N.series.pie.show){N.grid.show=false;if(N.series.pie.label.show=="auto"){if(N.legend.show){N.series.pie.label.show=false}else{N.series.pie.label.show=true}}if(N.series.pie.radius=="auto"){if(N.series.pie.label.show){N.series.pie.radius=3/4}else{N.series.pie.radius=1}}if(N.series.pie.tilt>1){N.series.pie.tilt=1}if(N.series.pie.tilt<0){N.series.pie.tilt=0}O.hooks.processDatapoints.push(E);O.hooks.drawOverlay.push(H);O.hooks.draw.push(r)}}function e(P,N){var O=P.getOptions();if(O.series.pie.show&&O.grid.hoverable){N.unbind("mousemove").mousemove(t)}if(O.series.pie.show&&O.grid.clickable){N.unbind("click").click(l)}}function G(O){var P="";function N(S,T){if(!T){T=0}for(var R=0;Rh.width-n){B=h.width-n}}}function v(O){for(var N=0;N0){R.push({data:[[1,P]],color:N,label:a.series.pie.combine.label,angle:(P*(Math.PI*2))/M,percent:(P/M*100)})}return R}function r(S,Q){if(!L){return}ctx=Q;I();var T=S.getData();var P=0;while(F&&P0){n*=w}P+=1;N();if(a.series.pie.tilt<=0.8){O()}R()}if(P>=o){N();L.prepend('
Could not draw pie with labels contained inside canvas
')}if(S.setSeries&&S.insertLegend){S.setSeries(T);S.insertLegend()}function N(){ctx.clearRect(0,0,h.width,h.height);L.children().filter(".pieLabel, .pieLabelBackground").remove()}function O(){var Z=5;var Y=15;var W=10;var X=0.02;if(a.series.pie.radius>1){var U=a.series.pie.radius}else{var U=n*a.series.pie.radius}if(U>=(h.width/2)-Z||U*a.series.pie.tilt>=(h.height/2)-Y||U<=W){return}ctx.save();ctx.translate(Z,Y);ctx.globalAlpha=X;ctx.fillStyle="#000";ctx.translate(B,p);ctx.scale(1,a.series.pie.tilt);for(var V=1;V<=W;V++){ctx.beginPath();ctx.arc(0,0,U,0,Math.PI*2,false);ctx.fill();U-=V}ctx.restore()}function R(){startAngle=Math.PI*a.series.pie.startAngle;if(a.series.pie.radius>1){var U=a.series.pie.radius}else{var U=n*a.series.pie.radius}ctx.save();ctx.translate(B,p);ctx.scale(1,a.series.pie.tilt);ctx.save();var Y=startAngle;for(var W=0;W1e-9){ctx.moveTo(0,0)}else{if(b.browser.msie){ab-=0.0001}}ctx.arc(0,0,U,Y,Y+ab,false);ctx.closePath();Y+=ab;if(aa){ctx.fill()}else{ctx.stroke()}}function V(){var ac=startAngle;if(a.series.pie.label.radius>1){var Z=a.series.pie.label.radius}else{var Z=n*a.series.pie.label.radius}for(var ab=0;ab=a.series.pie.label.threshold*100){aa(T[ab],ac,ab)}ac+=T[ab].angle}function aa(ap,ai,ag){if(ap.data[0][1]==0){return}var ar=a.legend.labelFormatter,aq,ae=a.series.pie.label.formatter;if(ar){aq=ar(ap.label,ap)}else{aq=ap.label}if(ae){aq=ae(aq,ap)}var aj=((ai+ap.angle)+ai)/2;var ao=B+Math.round(Math.cos(aj)*Z);var am=p+Math.round(Math.sin(aj)*Z)*a.series.pie.tilt;var af=''+aq+"";L.append(af);var an=L.children("#pieLabel"+ag);var ad=(am-an.height()/2);var ah=(ao-an.width()/2);an.css("top",ad);an.css("left",ah);if(0-ad>0||0-ah>0||h.height-(ad+an.height())<0||h.width-(ah+an.width())<0){F=true}if(a.series.pie.label.background.opacity!=0){var ak=a.series.pie.label.background.color;if(ak==null){ak=ap.color}var al="top:"+ad+"px;left:"+ah+"px;";b('
').insertBefore(an).css("opacity",a.series.pie.label.background.opacity)}}}}}function J(N){if(a.series.pie.innerRadius>0){N.save();innerRadius=a.series.pie.innerRadius>1?a.series.pie.innerRadius:n*a.series.pie.innerRadius;N.globalCompositeOperation="destination-out";N.beginPath();N.fillStyle=a.series.pie.stroke.color;N.arc(0,0,innerRadius,0,Math.PI*2,false);N.fill();N.closePath();N.restore();N.save();N.beginPath();N.strokeStyle=a.series.pie.stroke.color;N.arc(0,0,innerRadius,0,Math.PI*2,false);N.stroke();N.closePath();N.restore()}}function s(Q,R){for(var S=false,P=-1,N=Q.length,O=N-1;++P1?O.series.pie.radius:n*O.series.pie.radius;for(var Q=0;Q1?P.series.pie.radius:n*P.series.pie.radius;R.save();R.translate(B,p);R.scale(1,P.series.pie.tilt);for(i=0;i1e-9){R.moveTo(0,0)}R.arc(0,0,N,S.startAngle,S.startAngle+S.angle,false);R.closePath();R.fill()}}}var a={series:{pie:{show:false,radius:"auto",innerRadius:0,startAngle:3/2,tilt:1,offset:{top:0,left:"auto"},stroke:{color:"#FFF",width:1},label:{show:"auto",formatter:function(d,e){return'
'+d+"
"+Math.round(e.percent)+"%
"},radius:1,background:{color:null,opacity:0},threshold:0},combine:{threshold:-1,color:null,label:"Other"},highlight:{opacity:0.5}}}};b.plot.plugins.push({init:c,options:a,name:"pie",version:"1.0"})})(jQuery); \ No newline at end of file diff --git a/static/js/flot/jquery.flot.resize.js b/static/js/flot/jquery.flot.resize.js new file mode 100644 index 0000000000..69dfb24f38 --- /dev/null +++ b/static/js/flot/jquery.flot.resize.js @@ -0,0 +1,60 @@ +/* +Flot plugin for automatically redrawing plots when the placeholder +size changes, e.g. on window resizes. + +It works by listening for changes on the placeholder div (through the +jQuery resize event plugin) - if the size changes, it will redraw the +plot. + +There are no options. If you need to disable the plugin for some +plots, you can just fix the size of their placeholders. +*/ + + +/* Inline dependency: + * jQuery resize event - v1.1 - 3/14/2010 + * http://benalman.com/projects/jquery-resize-plugin/ + * + * Copyright (c) 2010 "Cowboy" Ben Alman + * Dual licensed under the MIT and GPL licenses. + * http://benalman.com/about/license/ + */ +(function($,h,c){var a=$([]),e=$.resize=$.extend($.resize,{}),i,k="setTimeout",j="resize",d=j+"-special-event",b="delay",f="throttleWindow";e[b]=250;e[f]=true;$.event.special[j]={setup:function(){if(!e[f]&&this[k]){return false}var l=$(this);a=a.add(l);$.data(this,d,{w:l.width(),h:l.height()});if(a.length===1){g()}},teardown:function(){if(!e[f]&&this[k]){return false}var l=$(this);a=a.not(l);l.removeData(d);if(!a.length){clearTimeout(i)}},add:function(l){if(!e[f]&&this[k]){return false}var n;function m(s,o,p){var q=$(this),r=$.data(this,d);r.w=o!==c?o:q.width();r.h=p!==c?p:q.height();n.apply(this,arguments)}if($.isFunction(l)){n=l;return m}else{n=l.handler;l.handler=m}}};function g(){i=h[k](function(){a.each(function(){var n=$(this),m=n.width(),l=n.height(),o=$.data(this,d);if(m!==o.w||l!==o.h){n.trigger(j,[o.w=m,o.h=l])}});g()},e[b])}})(jQuery,this); + + +(function ($) { + var options = { }; // no options + + function init(plot) { + function onResize() { + var placeholder = plot.getPlaceholder(); + + // somebody might have hidden us and we can't plot + // when we don't have the dimensions + if (placeholder.width() == 0 || placeholder.height() == 0) + return; + + plot.resize(); + plot.setupGrid(); + plot.draw(); + } + + function bindEvents(plot, eventHolder) { + plot.getPlaceholder().resize(onResize); + } + + function shutdown(plot, eventHolder) { + plot.getPlaceholder().unbind("resize", onResize); + } + + plot.hooks.bindEvents.push(bindEvents); + plot.hooks.shutdown.push(shutdown); + } + + $.plot.plugins.push({ + init: init, + options: options, + name: 'resize', + version: '1.0' + }); +})(jQuery); diff --git a/static/js/flot/jquery.flot.resize.min.js b/static/js/flot/jquery.flot.resize.min.js new file mode 100644 index 0000000000..1fa0771f57 --- /dev/null +++ b/static/js/flot/jquery.flot.resize.min.js @@ -0,0 +1 @@ +(function(n,p,u){var w=n([]),s=n.resize=n.extend(n.resize,{}),o,l="setTimeout",m="resize",t=m+"-special-event",v="delay",r="throttleWindow";s[v]=250;s[r]=true;n.event.special[m]={setup:function(){if(!s[r]&&this[l]){return false}var a=n(this);w=w.add(a);n.data(this,t,{w:a.width(),h:a.height()});if(w.length===1){q()}},teardown:function(){if(!s[r]&&this[l]){return false}var a=n(this);w=w.not(a);a.removeData(t);if(!w.length){clearTimeout(o)}},add:function(b){if(!s[r]&&this[l]){return false}var c;function a(d,h,g){var f=n(this),e=n.data(this,t);e.w=h!==u?h:f.width();e.h=g!==u?g:f.height();c.apply(this,arguments)}if(n.isFunction(b)){c=b;return a}else{c=b.handler;b.handler=a}}};function q(){o=p[l](function(){w.each(function(){var d=n(this),a=d.width(),b=d.height(),c=n.data(this,t);if(a!==c.w||b!==c.h){d.trigger(m,[c.w=a,c.h=b])}});q()},s[v])}})(jQuery,this);(function(b){var a={};function c(f){function e(){var h=f.getPlaceholder();if(h.width()==0||h.height()==0){return}f.resize();f.setupGrid();f.draw()}function g(i,h){i.getPlaceholder().resize(e)}function d(i,h){i.getPlaceholder().unbind("resize",e)}f.hooks.bindEvents.push(g);f.hooks.shutdown.push(d)}b.plot.plugins.push({init:c,options:a,name:"resize",version:"1.0"})})(jQuery); \ No newline at end of file diff --git a/static/js/flot/jquery.flot.selection.js b/static/js/flot/jquery.flot.selection.js new file mode 100644 index 0000000000..7f7b32694b --- /dev/null +++ b/static/js/flot/jquery.flot.selection.js @@ -0,0 +1,344 @@ +/* +Flot plugin for selecting regions. + +The plugin defines the following options: + + selection: { + mode: null or "x" or "y" or "xy", + color: color + } + +Selection support is enabled by setting the mode to one of "x", "y" or +"xy". In "x" mode, the user will only be able to specify the x range, +similarly for "y" mode. For "xy", the selection becomes a rectangle +where both ranges can be specified. "color" is color of the selection +(if you need to change the color later on, you can get to it with +plot.getOptions().selection.color). + +When selection support is enabled, a "plotselected" event will be +emitted on the DOM element you passed into the plot function. The +event handler gets a parameter with the ranges selected on the axes, +like this: + + placeholder.bind("plotselected", function(event, ranges) { + alert("You selected " + ranges.xaxis.from + " to " + ranges.xaxis.to) + // similar for yaxis - with multiple axes, the extra ones are in + // x2axis, x3axis, ... + }); + +The "plotselected" event is only fired when the user has finished +making the selection. A "plotselecting" event is fired during the +process with the same parameters as the "plotselected" event, in case +you want to know what's happening while it's happening, + +A "plotunselected" event with no arguments is emitted when the user +clicks the mouse to remove the selection. + +The plugin allso adds the following methods to the plot object: + +- setSelection(ranges, preventEvent) + + Set the selection rectangle. The passed in ranges is on the same + form as returned in the "plotselected" event. If the selection mode + is "x", you should put in either an xaxis range, if the mode is "y" + you need to put in an yaxis range and both xaxis and yaxis if the + selection mode is "xy", like this: + + setSelection({ xaxis: { from: 0, to: 10 }, yaxis: { from: 40, to: 60 } }); + + setSelection will trigger the "plotselected" event when called. If + you don't want that to happen, e.g. if you're inside a + "plotselected" handler, pass true as the second parameter. If you + are using multiple axes, you can specify the ranges on any of those, + e.g. as x2axis/x3axis/... instead of xaxis, the plugin picks the + first one it sees. + +- clearSelection(preventEvent) + + Clear the selection rectangle. Pass in true to avoid getting a + "plotunselected" event. + +- getSelection() + + Returns the current selection in the same format as the + "plotselected" event. If there's currently no selection, the + function returns null. + +*/ + +(function ($) { + function init(plot) { + var selection = { + first: { x: -1, y: -1}, second: { x: -1, y: -1}, + show: false, + active: false + }; + + // FIXME: The drag handling implemented here should be + // abstracted out, there's some similar code from a library in + // the navigation plugin, this should be massaged a bit to fit + // the Flot cases here better and reused. Doing this would + // make this plugin much slimmer. + var savedhandlers = {}; + + var mouseUpHandler = null; + + function onMouseMove(e) { + if (selection.active) { + updateSelection(e); + + plot.getPlaceholder().trigger("plotselecting", [ getSelection() ]); + } + } + + function onMouseDown(e) { + if (e.which != 1) // only accept left-click + return; + + // cancel out any text selections + document.body.focus(); + + // prevent text selection and drag in old-school browsers + if (document.onselectstart !== undefined && savedhandlers.onselectstart == null) { + savedhandlers.onselectstart = document.onselectstart; + document.onselectstart = function () { return false; }; + } + if (document.ondrag !== undefined && savedhandlers.ondrag == null) { + savedhandlers.ondrag = document.ondrag; + document.ondrag = function () { return false; }; + } + + setSelectionPos(selection.first, e); + + selection.active = true; + + // this is a bit silly, but we have to use a closure to be + // able to whack the same handler again + mouseUpHandler = function (e) { onMouseUp(e); }; + + $(document).one("mouseup", mouseUpHandler); + } + + function onMouseUp(e) { + mouseUpHandler = null; + + // revert drag stuff for old-school browsers + if (document.onselectstart !== undefined) + document.onselectstart = savedhandlers.onselectstart; + if (document.ondrag !== undefined) + document.ondrag = savedhandlers.ondrag; + + // no more dragging + selection.active = false; + updateSelection(e); + + if (selectionIsSane()) + triggerSelectedEvent(); + else { + // this counts as a clear + plot.getPlaceholder().trigger("plotunselected", [ ]); + plot.getPlaceholder().trigger("plotselecting", [ null ]); + } + + return false; + } + + function getSelection() { + if (!selectionIsSane()) + return null; + + var r = {}, c1 = selection.first, c2 = selection.second; + $.each(plot.getAxes(), function (name, axis) { + if (axis.used) { + var p1 = axis.c2p(c1[axis.direction]), p2 = axis.c2p(c2[axis.direction]); + r[name] = { from: Math.min(p1, p2), to: Math.max(p1, p2) }; + } + }); + return r; + } + + function triggerSelectedEvent() { + var r = getSelection(); + + plot.getPlaceholder().trigger("plotselected", [ r ]); + + // backwards-compat stuff, to be removed in future + if (r.xaxis && r.yaxis) + plot.getPlaceholder().trigger("selected", [ { x1: r.xaxis.from, y1: r.yaxis.from, x2: r.xaxis.to, y2: r.yaxis.to } ]); + } + + function clamp(min, value, max) { + return value < min ? min: (value > max ? max: value); + } + + function setSelectionPos(pos, e) { + var o = plot.getOptions(); + var offset = plot.getPlaceholder().offset(); + var plotOffset = plot.getPlotOffset(); + pos.x = clamp(0, e.pageX - offset.left - plotOffset.left, plot.width()); + pos.y = clamp(0, e.pageY - offset.top - plotOffset.top, plot.height()); + + if (o.selection.mode == "y") + pos.x = pos == selection.first ? 0 : plot.width(); + + if (o.selection.mode == "x") + pos.y = pos == selection.first ? 0 : plot.height(); + } + + function updateSelection(pos) { + if (pos.pageX == null) + return; + + setSelectionPos(selection.second, pos); + if (selectionIsSane()) { + selection.show = true; + plot.triggerRedrawOverlay(); + } + else + clearSelection(true); + } + + function clearSelection(preventEvent) { + if (selection.show) { + selection.show = false; + plot.triggerRedrawOverlay(); + if (!preventEvent) + plot.getPlaceholder().trigger("plotunselected", [ ]); + } + } + + // function taken from markings support in Flot + function extractRange(ranges, coord) { + var axis, from, to, key, axes = plot.getAxes(); + + for (var k in axes) { + axis = axes[k]; + if (axis.direction == coord) { + key = coord + axis.n + "axis"; + if (!ranges[key] && axis.n == 1) + key = coord + "axis"; // support x1axis as xaxis + if (ranges[key]) { + from = ranges[key].from; + to = ranges[key].to; + break; + } + } + } + + // backwards-compat stuff - to be removed in future + if (!ranges[key]) { + axis = coord == "x" ? plot.getXAxes()[0] : plot.getYAxes()[0]; + from = ranges[coord + "1"]; + to = ranges[coord + "2"]; + } + + // auto-reverse as an added bonus + if (from != null && to != null && from > to) { + var tmp = from; + from = to; + to = tmp; + } + + return { from: from, to: to, axis: axis }; + } + + function setSelection(ranges, preventEvent) { + var axis, range, o = plot.getOptions(); + + if (o.selection.mode == "y") { + selection.first.x = 0; + selection.second.x = plot.width(); + } + else { + range = extractRange(ranges, "x"); + + selection.first.x = range.axis.p2c(range.from); + selection.second.x = range.axis.p2c(range.to); + } + + if (o.selection.mode == "x") { + selection.first.y = 0; + selection.second.y = plot.height(); + } + else { + range = extractRange(ranges, "y"); + + selection.first.y = range.axis.p2c(range.from); + selection.second.y = range.axis.p2c(range.to); + } + + selection.show = true; + plot.triggerRedrawOverlay(); + if (!preventEvent && selectionIsSane()) + triggerSelectedEvent(); + } + + function selectionIsSane() { + var minSize = 5; + return Math.abs(selection.second.x - selection.first.x) >= minSize && + Math.abs(selection.second.y - selection.first.y) >= minSize; + } + + plot.clearSelection = clearSelection; + plot.setSelection = setSelection; + plot.getSelection = getSelection; + + plot.hooks.bindEvents.push(function(plot, eventHolder) { + var o = plot.getOptions(); + if (o.selection.mode != null) { + eventHolder.mousemove(onMouseMove); + eventHolder.mousedown(onMouseDown); + } + }); + + + plot.hooks.drawOverlay.push(function (plot, ctx) { + // draw selection + if (selection.show && selectionIsSane()) { + var plotOffset = plot.getPlotOffset(); + var o = plot.getOptions(); + + ctx.save(); + ctx.translate(plotOffset.left, plotOffset.top); + + var c = $.color.parse(o.selection.color); + + ctx.strokeStyle = c.scale('a', 0.8).toString(); + ctx.lineWidth = 1; + ctx.lineJoin = "round"; + ctx.fillStyle = c.scale('a', 0.4).toString(); + + var x = Math.min(selection.first.x, selection.second.x), + y = Math.min(selection.first.y, selection.second.y), + w = Math.abs(selection.second.x - selection.first.x), + h = Math.abs(selection.second.y - selection.first.y); + + ctx.fillRect(x, y, w, h); + ctx.strokeRect(x, y, w, h); + + ctx.restore(); + } + }); + + plot.hooks.shutdown.push(function (plot, eventHolder) { + eventHolder.unbind("mousemove", onMouseMove); + eventHolder.unbind("mousedown", onMouseDown); + + if (mouseUpHandler) + $(document).unbind("mouseup", mouseUpHandler); + }); + + } + + $.plot.plugins.push({ + init: init, + options: { + selection: { + mode: null, // one of null, "x", "y" or "xy" + color: "#e8cfac" + } + }, + name: 'selection', + version: '1.1' + }); +})(jQuery); diff --git a/static/js/flot/jquery.flot.selection.min.js b/static/js/flot/jquery.flot.selection.min.js new file mode 100644 index 0000000000..badc0052db --- /dev/null +++ b/static/js/flot/jquery.flot.selection.min.js @@ -0,0 +1 @@ +(function(a){function b(k){var p={first:{x:-1,y:-1},second:{x:-1,y:-1},show:false,active:false};var m={};var r=null;function e(s){if(p.active){l(s);k.getPlaceholder().trigger("plotselecting",[g()])}}function n(s){if(s.which!=1){return}document.body.focus();if(document.onselectstart!==undefined&&m.onselectstart==null){m.onselectstart=document.onselectstart;document.onselectstart=function(){return false}}if(document.ondrag!==undefined&&m.ondrag==null){m.ondrag=document.ondrag;document.ondrag=function(){return false}}d(p.first,s);p.active=true;r=function(t){j(t)};a(document).one("mouseup",r)}function j(s){r=null;if(document.onselectstart!==undefined){document.onselectstart=m.onselectstart}if(document.ondrag!==undefined){document.ondrag=m.ondrag}p.active=false;l(s);if(f()){i()}else{k.getPlaceholder().trigger("plotunselected",[]);k.getPlaceholder().trigger("plotselecting",[null])}return false}function g(){if(!f()){return null}var u={},t=p.first,s=p.second;a.each(k.getAxes(),function(v,w){if(w.used){var y=w.c2p(t[w.direction]),x=w.c2p(s[w.direction]);u[v]={from:Math.min(y,x),to:Math.max(y,x)}}});return u}function i(){var s=g();k.getPlaceholder().trigger("plotselected",[s]);if(s.xaxis&&s.yaxis){k.getPlaceholder().trigger("selected",[{x1:s.xaxis.from,y1:s.yaxis.from,x2:s.xaxis.to,y2:s.yaxis.to}])}}function h(t,u,s){return us?s:u)}function d(w,t){var v=k.getOptions();var u=k.getPlaceholder().offset();var s=k.getPlotOffset();w.x=h(0,t.pageX-u.left-s.left,k.width());w.y=h(0,t.pageY-u.top-s.top,k.height());if(v.selection.mode=="y"){w.x=w==p.first?0:k.width()}if(v.selection.mode=="x"){w.y=w==p.first?0:k.height()}}function l(s){if(s.pageX==null){return}d(p.second,s);if(f()){p.show=true;k.triggerRedrawOverlay()}else{q(true)}}function q(s){if(p.show){p.show=false;k.triggerRedrawOverlay();if(!s){k.getPlaceholder().trigger("plotunselected",[])}}}function c(s,w){var t,y,z,A,x=k.getAxes();for(var u in x){t=x[u];if(t.direction==w){A=w+t.n+"axis";if(!s[A]&&t.n==1){A=w+"axis"}if(s[A]){y=s[A].from;z=s[A].to;break}}}if(!s[A]){t=w=="x"?k.getXAxes()[0]:k.getYAxes()[0];y=s[w+"1"];z=s[w+"2"]}if(y!=null&&z!=null&&y>z){var v=y;y=z;z=v}return{from:y,to:z,axis:t}}function o(t,s){var v,u,w=k.getOptions();if(w.selection.mode=="y"){p.first.x=0;p.second.x=k.width()}else{u=c(t,"x");p.first.x=u.axis.p2c(u.from);p.second.x=u.axis.p2c(u.to)}if(w.selection.mode=="x"){p.first.y=0;p.second.y=k.height()}else{u=c(t,"y");p.first.y=u.axis.p2c(u.from);p.second.y=u.axis.p2c(u.to)}p.show=true;k.triggerRedrawOverlay();if(!s&&f()){i()}}function f(){var s=5;return Math.abs(p.second.x-p.first.x)>=s&&Math.abs(p.second.y-p.first.y)>=s}k.clearSelection=q;k.setSelection=o;k.getSelection=g;k.hooks.bindEvents.push(function(t,s){var u=t.getOptions();if(u.selection.mode!=null){s.mousemove(e);s.mousedown(n)}});k.hooks.drawOverlay.push(function(v,D){if(p.show&&f()){var t=v.getPlotOffset();var s=v.getOptions();D.save();D.translate(t.left,t.top);var z=a.color.parse(s.selection.color);D.strokeStyle=z.scale("a",0.8).toString();D.lineWidth=1;D.lineJoin="round";D.fillStyle=z.scale("a",0.4).toString();var B=Math.min(p.first.x,p.second.x),A=Math.min(p.first.y,p.second.y),C=Math.abs(p.second.x-p.first.x),u=Math.abs(p.second.y-p.first.y);D.fillRect(B,A,C,u);D.strokeRect(B,A,C,u);D.restore()}});k.hooks.shutdown.push(function(t,s){s.unbind("mousemove",e);s.unbind("mousedown",n);if(r){a(document).unbind("mouseup",r)}})}a.plot.plugins.push({init:b,options:{selection:{mode:null,color:"#e8cfac"}},name:"selection",version:"1.1"})})(jQuery); \ No newline at end of file diff --git a/static/js/flot/jquery.flot.stack.js b/static/js/flot/jquery.flot.stack.js new file mode 100644 index 0000000000..a31d5dc9b5 --- /dev/null +++ b/static/js/flot/jquery.flot.stack.js @@ -0,0 +1,184 @@ +/* +Flot plugin for stacking data sets, i.e. putting them on top of each +other, for accumulative graphs. + +The plugin assumes the data is sorted on x (or y if stacking +horizontally). For line charts, it is assumed that if a line has an +undefined gap (from a null point), then the line above it should have +the same gap - insert zeros instead of "null" if you want another +behaviour. This also holds for the start and end of the chart. Note +that stacking a mix of positive and negative values in most instances +doesn't make sense (so it looks weird). + +Two or more series are stacked when their "stack" attribute is set to +the same key (which can be any number or string or just "true"). To +specify the default stack, you can set + + series: { + stack: null or true or key (number/string) + } + +or specify it for a specific series + + $.plot($("#placeholder"), [{ data: [ ... ], stack: true }]) + +The stacking order is determined by the order of the data series in +the array (later series end up on top of the previous). + +Internally, the plugin modifies the datapoints in each series, adding +an offset to the y value. For line series, extra data points are +inserted through interpolation. If there's a second y value, it's also +adjusted (e.g for bar charts or filled areas). +*/ + +(function ($) { + var options = { + series: { stack: null } // or number/string + }; + + function init(plot) { + function findMatchingSeries(s, allseries) { + var res = null + for (var i = 0; i < allseries.length; ++i) { + if (s == allseries[i]) + break; + + if (allseries[i].stack == s.stack) + res = allseries[i]; + } + + return res; + } + + function stackData(plot, s, datapoints) { + if (s.stack == null) + return; + + var other = findMatchingSeries(s, plot.getData()); + if (!other) + return; + + var ps = datapoints.pointsize, + points = datapoints.points, + otherps = other.datapoints.pointsize, + otherpoints = other.datapoints.points, + newpoints = [], + px, py, intery, qx, qy, bottom, + withlines = s.lines.show, + horizontal = s.bars.horizontal, + withbottom = ps > 2 && (horizontal ? datapoints.format[2].x : datapoints.format[2].y), + withsteps = withlines && s.lines.steps, + fromgap = true, + keyOffset = horizontal ? 1 : 0, + accumulateOffset = horizontal ? 0 : 1, + i = 0, j = 0, l; + + while (true) { + if (i >= points.length) + break; + + l = newpoints.length; + + if (points[i] == null) { + // copy gaps + for (m = 0; m < ps; ++m) + newpoints.push(points[i + m]); + i += ps; + } + else if (j >= otherpoints.length) { + // for lines, we can't use the rest of the points + if (!withlines) { + for (m = 0; m < ps; ++m) + newpoints.push(points[i + m]); + } + i += ps; + } + else if (otherpoints[j] == null) { + // oops, got a gap + for (m = 0; m < ps; ++m) + newpoints.push(null); + fromgap = true; + j += otherps; + } + else { + // cases where we actually got two points + px = points[i + keyOffset]; + py = points[i + accumulateOffset]; + qx = otherpoints[j + keyOffset]; + qy = otherpoints[j + accumulateOffset]; + bottom = 0; + + if (px == qx) { + for (m = 0; m < ps; ++m) + newpoints.push(points[i + m]); + + newpoints[l + accumulateOffset] += qy; + bottom = qy; + + i += ps; + j += otherps; + } + else if (px > qx) { + // we got past point below, might need to + // insert interpolated extra point + if (withlines && i > 0 && points[i - ps] != null) { + intery = py + (points[i - ps + accumulateOffset] - py) * (qx - px) / (points[i - ps + keyOffset] - px); + newpoints.push(qx); + newpoints.push(intery + qy); + for (m = 2; m < ps; ++m) + newpoints.push(points[i + m]); + bottom = qy; + } + + j += otherps; + } + else { // px < qx + if (fromgap && withlines) { + // if we come from a gap, we just skip this point + i += ps; + continue; + } + + for (m = 0; m < ps; ++m) + newpoints.push(points[i + m]); + + // we might be able to interpolate a point below, + // this can give us a better y + if (withlines && j > 0 && otherpoints[j - otherps] != null) + bottom = qy + (otherpoints[j - otherps + accumulateOffset] - qy) * (px - qx) / (otherpoints[j - otherps + keyOffset] - qx); + + newpoints[l + accumulateOffset] += bottom; + + i += ps; + } + + fromgap = false; + + if (l != newpoints.length && withbottom) + newpoints[l + 2] += bottom; + } + + // maintain the line steps invariant + if (withsteps && l != newpoints.length && l > 0 + && newpoints[l] != null + && newpoints[l] != newpoints[l - ps] + && newpoints[l + 1] != newpoints[l - ps + 1]) { + for (m = 0; m < ps; ++m) + newpoints[l + ps + m] = newpoints[l + m]; + newpoints[l + 1] = newpoints[l - ps + 1]; + } + } + + datapoints.points = newpoints; + } + + plot.hooks.processDatapoints.push(stackData); + } + + $.plot.plugins.push({ + init: init, + options: options, + name: 'stack', + version: '1.2' + }); +})(jQuery); diff --git a/static/js/flot/jquery.flot.stack.min.js b/static/js/flot/jquery.flot.stack.min.js new file mode 100644 index 0000000000..bba2a0e5ff --- /dev/null +++ b/static/js/flot/jquery.flot.stack.min.js @@ -0,0 +1 @@ +(function(b){var a={series:{stack:null}};function c(f){function d(k,j){var h=null;for(var g=0;g2&&(G?g.format[2].x:g.format[2].y),n=u&&v.lines.steps,E=true,q=G?1:0,H=G?0:1,D=0,B=0,A;while(true){if(D>=F.length){break}A=t.length;if(F[D]==null){for(m=0;m=y.length){if(!u){for(m=0;mJ){if(u&&D>0&&F[D-z]!=null){k=w+(F[D-z+H]-w)*(J-x)/(F[D-z+q]-x);t.push(J);t.push(k+I);for(m=2;m0&&y[B-h]!=null){r=I+(y[B-h+H]-I)*(x-J)/(y[B-h+q]-J)}t[A+H]+=r;D+=z}}E=false;if(A!=t.length&&o){t[A+2]+=r}}}}if(n&&A!=t.length&&A>0&&t[A]!=null&&t[A]!=t[A-z]&&t[A+1]!=t[A-z+1]){for(m=0;m s = r * sqrt(pi)/2 + var size = radius * Math.sqrt(Math.PI) / 2; + ctx.rect(x - size, y - size, size + size, size + size); + }, + diamond: function (ctx, x, y, radius, shadow) { + // pi * r^2 = 2s^2 => s = r * sqrt(pi/2) + var size = radius * Math.sqrt(Math.PI / 2); + ctx.moveTo(x - size, y); + ctx.lineTo(x, y - size); + ctx.lineTo(x + size, y); + ctx.lineTo(x, y + size); + ctx.lineTo(x - size, y); + }, + triangle: function (ctx, x, y, radius, shadow) { + // pi * r^2 = 1/2 * s^2 * sin (pi / 3) => s = r * sqrt(2 * pi / sin(pi / 3)) + var size = radius * Math.sqrt(2 * Math.PI / Math.sin(Math.PI / 3)); + var height = size * Math.sin(Math.PI / 3); + ctx.moveTo(x - size/2, y + height/2); + ctx.lineTo(x + size/2, y + height/2); + if (!shadow) { + ctx.lineTo(x, y - height/2); + ctx.lineTo(x - size/2, y + height/2); + } + }, + cross: function (ctx, x, y, radius, shadow) { + // pi * r^2 = (2s)^2 => s = r * sqrt(pi)/2 + var size = radius * Math.sqrt(Math.PI) / 2; + ctx.moveTo(x - size, y - size); + ctx.lineTo(x + size, y + size); + ctx.moveTo(x - size, y + size); + ctx.lineTo(x + size, y - size); + } + } + + var s = series.points.symbol; + if (handlers[s]) + series.points.symbol = handlers[s]; + } + + function init(plot) { + plot.hooks.processDatapoints.push(processRawData); + } + + $.plot.plugins.push({ + init: init, + name: 'symbols', + version: '1.0' + }); +})(jQuery); diff --git a/static/js/flot/jquery.flot.symbol.min.js b/static/js/flot/jquery.flot.symbol.min.js new file mode 100644 index 0000000000..272e003ab4 --- /dev/null +++ b/static/js/flot/jquery.flot.symbol.min.js @@ -0,0 +1 @@ +(function(b){function a(h,e,g){var d={square:function(k,j,n,i,m){var l=i*Math.sqrt(Math.PI)/2;k.rect(j-l,n-l,l+l,l+l)},diamond:function(k,j,n,i,m){var l=i*Math.sqrt(Math.PI/2);k.moveTo(j-l,n);k.lineTo(j,n-l);k.lineTo(j+l,n);k.lineTo(j,n+l);k.lineTo(j-l,n)},triangle:function(l,k,o,j,n){var m=j*Math.sqrt(2*Math.PI/Math.sin(Math.PI/3));var i=m*Math.sin(Math.PI/3);l.moveTo(k-m/2,o+i/2);l.lineTo(k+m/2,o+i/2);if(!n){l.lineTo(k,o-i/2);l.lineTo(k-m/2,o+i/2)}},cross:function(k,j,n,i,m){var l=i*Math.sqrt(Math.PI)/2;k.moveTo(j-l,n-l);k.lineTo(j+l,n+l);k.moveTo(j-l,n+l);k.lineTo(j+l,n-l)}};var f=e.points.symbol;if(d[f]){e.points.symbol=d[f]}}function c(d){d.hooks.processDatapoints.push(a)}b.plot.plugins.push({init:c,name:"symbols",version:"1.0"})})(jQuery); \ No newline at end of file diff --git a/static/js/flot/jquery.flot.threshold.js b/static/js/flot/jquery.flot.threshold.js new file mode 100644 index 0000000000..0b2e7ac82a --- /dev/null +++ b/static/js/flot/jquery.flot.threshold.js @@ -0,0 +1,103 @@ +/* +Flot plugin for thresholding data. Controlled through the option +"threshold" in either the global series options + + series: { + threshold: { + below: number + color: colorspec + } + } + +or in a specific series + + $.plot($("#placeholder"), [{ data: [ ... ], threshold: { ... }}]) + +The data points below "below" are drawn with the specified color. This +makes it easy to mark points below 0, e.g. for budget data. + +Internally, the plugin works by splitting the data into two series, +above and below the threshold. The extra series below the threshold +will have its label cleared and the special "originSeries" attribute +set to the original series. You may need to check for this in hover +events. +*/ + +(function ($) { + var options = { + series: { threshold: null } // or { below: number, color: color spec} + }; + + function init(plot) { + function thresholdData(plot, s, datapoints) { + if (!s.threshold) + return; + + var ps = datapoints.pointsize, i, x, y, p, prevp, + thresholded = $.extend({}, s); // note: shallow copy + + thresholded.datapoints = { points: [], pointsize: ps }; + thresholded.label = null; + thresholded.color = s.threshold.color; + thresholded.threshold = null; + thresholded.originSeries = s; + thresholded.data = []; + + var below = s.threshold.below, + origpoints = datapoints.points, + addCrossingPoints = s.lines.show; + + threspoints = []; + newpoints = []; + + for (i = 0; i < origpoints.length; i += ps) { + x = origpoints[i] + y = origpoints[i + 1]; + + prevp = p; + if (y < below) + p = threspoints; + else + p = newpoints; + + if (addCrossingPoints && prevp != p && x != null + && i > 0 && origpoints[i - ps] != null) { + var interx = (x - origpoints[i - ps]) / (y - origpoints[i - ps + 1]) * (below - y) + x; + prevp.push(interx); + prevp.push(below); + for (m = 2; m < ps; ++m) + prevp.push(origpoints[i + m]); + + p.push(null); // start new segment + p.push(null); + for (m = 2; m < ps; ++m) + p.push(origpoints[i + m]); + p.push(interx); + p.push(below); + for (m = 2; m < ps; ++m) + p.push(origpoints[i + m]); + } + + p.push(x); + p.push(y); + } + + datapoints.points = newpoints; + thresholded.datapoints.points = threspoints; + + if (thresholded.datapoints.points.length > 0) + plot.getData().push(thresholded); + + // FIXME: there are probably some edge cases left in bars + } + + plot.hooks.processDatapoints.push(thresholdData); + } + + $.plot.plugins.push({ + init: init, + options: options, + name: 'threshold', + version: '1.0' + }); +})(jQuery); diff --git a/static/js/flot/jquery.flot.threshold.min.js b/static/js/flot/jquery.flot.threshold.min.js new file mode 100644 index 0000000000..d8b79dfc93 --- /dev/null +++ b/static/js/flot/jquery.flot.threshold.min.js @@ -0,0 +1 @@ +(function(B){var A={series:{threshold:null}};function C(D){function E(L,S,M){if(!S.threshold){return }var F=M.pointsize,I,O,N,G,K,H=B.extend({},S);H.datapoints={points:[],pointsize:F};H.label=null;H.color=S.threshold.color;H.threshold=null;H.originSeries=S;H.data=[];var P=S.threshold.below,Q=M.points,R=S.lines.show;threspoints=[];newpoints=[];for(I=0;I0&&Q[I-F]!=null){var J=(O-Q[I-F])/(N-Q[I-F+1])*(P-N)+O;K.push(J);K.push(P);for(m=2;m0){L.getData().push(H)}}D.hooks.processDatapoints.push(E)}B.plot.plugins.push({init:C,options:A,name:"threshold",version:"1.0"})})(jQuery); \ No newline at end of file diff --git a/static/js/jquery.cookie.js b/static/js/jquery.cookie.js new file mode 100644 index 0000000000..6d5974a2c5 --- /dev/null +++ b/static/js/jquery.cookie.js @@ -0,0 +1,47 @@ +/*! + * jQuery Cookie Plugin + * https://github.com/carhartl/jquery-cookie + * + * Copyright 2011, Klaus Hartl + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://www.opensource.org/licenses/mit-license.php + * http://www.opensource.org/licenses/GPL-2.0 + */ +(function($) { + $.cookie = function(key, value, options) { + + // key and at least value given, set cookie... + if (arguments.length > 1 && (!/Object/.test(Object.prototype.toString.call(value)) || value === null || value === undefined)) { + options = $.extend({}, options); + + if (value === null || value === undefined) { + options.expires = -1; + } + + if (typeof options.expires === 'number') { + var days = options.expires, t = options.expires = new Date(); + t.setDate(t.getDate() + days); + } + + value = String(value); + + return (document.cookie = [ + encodeURIComponent(key), '=', options.raw ? value : encodeURIComponent(value), + options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE + options.path ? '; path=' + options.path : '', + options.domain ? '; domain=' + options.domain : '', + options.secure ? '; secure' : '' + ].join('')); + } + + // key and possibly options given, get cookie... + options = value || {}; + var decode = options.raw ? function(s) { return s; } : decodeURIComponent; + + var pairs = document.cookie.split('; '); + for (var i = 0, pair; pair = pairs[i] && pairs[i].split('='); i++) { + if (decode(pair[0]) === key) return decode(pair[1] || ''); // IE saves cookies with empty string as "c; ", e.g. without "=" as opposed to EOMB, thus pair[1] may be undefined + } + return null; + }; +})(jQuery); diff --git a/static/js/jquery.leanModal.js b/static/js/jquery.leanModal.js new file mode 100644 index 0000000000..3d2dd16bb9 --- /dev/null +++ b/static/js/jquery.leanModal.js @@ -0,0 +1,83 @@ +(function($){ + + $.fn.extend({ + + leanModal: function(options) { + + var defaults = { + top: 100, + overlay: 0.5, + closeButton:'.modal_close' + } + + var overlay = $("
"); + + $("body").append(overlay); + + options = $.extend(defaults, options); + + return this.each(function() { + + var o = options; + + $(this).click(function(e) { + + var modal_id = $(this).attr("href"); + + $(".leanModal_box").css({ 'display' : 'none' }); + + $("body").append(overlay); + $(".leanModal_box").append(""); + + $("#lean_overlay").click(function() { + close_modal(modal_id); + }); + + $(o.closeButton).click(function() { + close_modal(modal_id); + }); + + var modal_height = $(modal_id).outerHeight(); + var modal_width = $(modal_id).outerWidth(); + + $('#lean_overlay').css({ 'display' : 'block', opacity : 0 }); + + $('#lean_overlay').fadeTo(200,o.overlay); + + $(modal_id).css({ + + 'display' : 'block', + 'position' : 'fixed', + 'opacity' : 0, + 'z-index': 11000, + 'left' : 50 + '%', + 'margin-left' : -(modal_width/2) + "px", + 'top' : o.top + "px" + }); + + var top_position = $(modal_id).offset().top + "px"; + $(modal_id).css({ + 'position' : 'absolute', + 'top': top_position + }); + + $(modal_id).fadeTo(200,1); + + e.preventDefault(); + + }); + + }); + + function close_modal(modal_id){ + + $("#lean_overlay").fadeOut(200); + + $(modal_id).css({ 'display' : 'none' }); + + } + + } + }); + +})(jQuery); diff --git a/static/js/jquery.leanModal.min.js b/static/js/jquery.leanModal.min.js new file mode 100644 index 0000000000..e50d4edfd5 --- /dev/null +++ b/static/js/jquery.leanModal.min.js @@ -0,0 +1 @@ +(function(a){a.fn.extend({leanModal:function(b){function e(b){a("#lean_overlay").fadeOut(200);a(b).css({display:"none"})}var c={top:100,overlay:.5,closeButton:".modal_close"};var d=a("
");a("body").append(d);b=a.extend(c,b);return this.each(function(){var c=b;a(this).click(function(b){var f=a(this).attr("href");a(".leanModal_box").css({display:"none"});a("body").append(d);a(".leanModal_box").append('');a("#lean_overlay").click(function(){e(f)});a(c.closeButton).click(function(){e(f)});var g=a(f).outerHeight();var h=a(f).outerWidth();a("#lean_overlay").css({display:"block",opacity:0});a("#lean_overlay").fadeTo(200,c.overlay);a(f).css({display:"block",position:"fixed",opacity:0,"z-index":11e3,left:50+"%","margin-left":-(h/2)+"px",top:c.top+"px"});var i=a(f).offset().top+"px";a(f).css({position:"absolute",top:i});a(f).fadeTo(200,1);b.preventDefault()})})}})})(jQuery) diff --git a/static/js/schematic.js b/static/js/schematic.js new file mode 120000 index 0000000000..27bacfdb3f --- /dev/null +++ b/static/js/schematic.js @@ -0,0 +1 @@ +../../../data/js/schematic.js \ No newline at end of file diff --git a/static/js/video_player.js b/static/js/video_player.js new file mode 100644 index 0000000000..f539072659 --- /dev/null +++ b/static/js/video_player.js @@ -0,0 +1,497 @@ +// Things to abstract out to another file + +// We do sync AJAX for just the page close event. +// TODO: This should _really_ not be a global. +var log_close_event = false; + +function log_close() { + var d=new Date(); + var t=d.getTime(); + //close_event_logged = "waiting"; + log_close_event = true; + log_event('page_close', {}); + log_close_event = false; + // Google Chrome will close without letting the event go through. + // This causes the page close to be delayed until we've hit the + // server. The code below fixes it, but breaks Firefox. + // TODO: Check what happens with no network. + /*while((close_event_logged != "done") && (d.getTime() < t+500)) { + console.log(close_event_logged); + }*/ +} + +window.onbeforeunload = log_close; + +function getCookie(name) { + var cookieValue = null; + if (document.cookie && document.cookie != '') { + var cookies = document.cookie.split(';'); + for (var i = 0; i < cookies.length; i++) { + var cookie = jQuery.trim(cookies[i]); + // Does this cookie string begin with the name we want? + if (cookie.substring(0, name.length + 1) == (name + '=')) { + cookieValue = decodeURIComponent(cookie.substring(name.length + 1)); + break; + } + } + } + return cookieValue; +} + +function postJSON(url, data, callback) { + $.ajax({type:'POST', + url: url, + dataType: 'json', + data: data, + success: callback, + headers : {'X-CSRFToken':getCookie('csrftoken')} + }); +} + +function postJSONAsync(url, data, callback) { + $.ajax({type:'POST', + url: url, + dataType: 'json', + data: data, + success: callback, + headers : {'X-CSRFToken':getCookie('csrftoken')}, + async:true + }); +} + +// For easy embedding of CSRF in forms +$(function() { + $('#csrfmiddlewaretoken').attr("value", getCookie('csrftoken')) +}); + +// For working with circuits in wiki: + +function submit_circuit(circuit_id) { + $("input.schematic").each(function(index,element){ element.schematic.update_value(); }); + postJSON('/save_circuit/'+circuit_id, + {'schematic': $('#schematic_'+circuit_id).attr("value")}, + function(data){ if (data.results=='success') alert("Saved");}); + return false; +} + +// Video player + +var load_id = 0; +var caption_id; +var video_speed = "1.0"; + +var updateytPlayerInterval; +var ajax_videoInterval; + +function change_video_speed(speed, youtube_id) { + new_position = ytplayer.getCurrentTime() * video_speed / speed; + video_speed = speed; + ytplayer.loadVideoById(youtube_id, new_position); + syncPlayButton(); + log_event("speed", {"new_speed":speed, "clip":youtube_id}); + + $.cookie("video_speed", speed, {'expires':3650, 'path':'/'}); +} + +function caption_at(index) { + if (captions==0) + return ""; + + text_array=captions.text + + if ((index>=text_array.length) || (index < 0)) + return ""; + return text_array[index]; +} + +function caption_time_at(index) { + if (captions==0) + return 0; + + time_array=captions.start; + + if (index < 0) + return 0; + if (index>=time_array.length) + return ytplayer.getDuration(); + + return time_array[index] / 1000.0 / video_speed; +} + +function caption_index(now) { + // Returns the index of the current caption, given a time + now = now * video_speed; + + if (captions==0) + return 0; + + time_array=captions.start + + // TODO: Bisection would be better, or something incremental + var i; + for(i=0;i(now*1000)) { + return i-1; + } + } + return i-1; +} + +function format_time(t) +{ + seconds = Math.floor(t); + minutes = Math.floor(seconds / 60); + hours = Math.floor(minutes / 60); + seconds = seconds % 60; + minutes = minutes % 60; + + if (hours) { + return hours+":"+((minutes < 10)?"0":"")+minutes+":"+((seconds < 10)?"0":"")+(seconds%60); + } else { + return minutes+":"+((seconds < 10)?"0":"")+(seconds%60); + } +} + +function update_captions(t) { + var i=caption_index(t); + $("#vidtime").html(format_time(ytplayer.getCurrentTime())+' / '+format_time(ytplayer.getDuration())); + var j; + for(j=1; j<9; j++) { + $("#std_n"+j).html(caption_at(i-j)); + $("#std_p"+j).html(caption_at(i+j)); + } + $("#std_0").html(caption_at(i)); +} + +function title_seek(i) { + // Seek video forwards or backwards by i subtitles + current=caption_index(getCurrentTime()); + new_time=caption_time_at(current+i); + + ytplayer.seekTo(new_time, true); +} + +function updateHTML(elmId, value) { + document.getElementById(elmId).innerHTML = value; +} + +function setytplayerState(newState) { + // updateHTML("playerstate", newState); +} + +// Updates server with location in video so we can resume from the same place +// IMPORTANT TODO: Load test +// POSSIBLE FIX: Move to unload() event and similar +var ajax_video=function(){}; +var ytplayer; + +function onYouTubePlayerReady(playerId) { + ytplayer = document.getElementById("myytplayer"); + updateytplayerInfoInterval = setInterval(updateytplayerInfo, 500); + ajax_videoInterval = setInterval(ajax_video,5000); + ytplayer.addEventListener("onStateChange", "onytplayerStateChange"); + ytplayer.addEventListener("onError", "onPlayerError"); + if((typeof load_id != "undefined") && (load_id != 0)) { + var id=load_id; + loadNewVideo(caption_id, id, 0); + } +} + +/* HTML5 YouTube iFrame API Specific */ +function onYouTubePlayerAPIReady() { + ytplayer = new YT.Player('html5_player', { + events: { + 'onReady': onPlayerReady, + 'onStateChange': onPlayerStateChange + } + }); + updateytplayerInfoInterval = setInterval(updateHTML5ytplayerInfo, 200); + //ajax_videoInterval = setInterval(ajax_video, 5000); +} + +// Need this function to call the API ready callback when we switch to a tab with AJAX that has a video +// That callback is not being fired when we switch tabs. +function loadHTML5Video() { + if (!ytplayer && switched_tab){ + onYouTubePlayerAPIReady(); + } +} + +function isiOSDevice(){ + var iphone = "iphone"; + var ipod = "ipod"; + var ipad = "ipad"; + var uagent = navigator.userAgent.toLowerCase(); + + //alert(uagent); + if (uagent.search(ipad) > -1 || uagent.search(iphone) > -1 + || uagent.search(ipod) > -1) { + return true; + } + return false; +} + +function onPlayerReady(event) { + //do not want to autoplay on iOS devices since its not enabled + //and leads to confusing behavior for the user + if (!isiOSDevice()) { + event.target.playVideo(); + } +} + +function onPlayerStateChange(event) { + if (event.data == YT.PlayerState.PLAYING) { + } +} + +/* End HTML5 Specific */ + + +var switched_tab = false; // switch to true when we destroy so we know to call onYouTubePlayerAPIReady() +// clear pings to video status when we switch to a different sequence tab with ajax +function videoDestroy(id) { +// postJSON('/modx/video/'+id+'/goto_position', +// {'position' : ytplayer.getCurrentTime()}); + + load_id = 0; + clearInterval(updateytplayerInfoInterval); + clearInterval(ajax_videoInterval); + ytplayer = false; + switched_tab = true; +} + +function log_event(e, d) { + data = { + "event_type" : e, + "event" : JSON.stringify(d), + "page" : document.URL + } + $.ajax({type:'GET', + url: '/event', + dataType: 'json', + data: data, + async: !log_close_event, // HACK: See comment on log_close_event + success: function(){}, + headers : {'X-CSRFToken':getCookie('csrftoken')} + }); + + /*, // Commenting out Chrome bug fix, since it breaks FF + function(data) { + console.log("closing"); + if (close_event_logged == "waiting") { + close_event_logged = "done"; + console.log("closed"); + } + });*/ +} + +function seek_slide(type,oe,value) { + //log_event('video', [type, value]); + if(type=='slide') { + // HACK/TODO: Youtube recommends this be false for slide and true for stop. + // Works better on my system with true/true. + // We should test both configurations on low/high bandwidth + // connections, and different browsers + // One issue is that we query the Youtube window every 250ms for position/state + // With false, it returns the old one (ignoring the new seek), and moves the + // scroll bar to the wrong spot. + ytplayer.seekTo(value, true); + } else if (type=='stop') { + ytplayer.seekTo(value, true); + log_event('video', [type, value]); + } + + update_captions(value); +} + +function get_state() { + if (ytplayer) + return [ytplayer.getPlayerState(), + ytplayer.getVideoUrl(), + ytplayer.getDuration(), ytplayer.getCurrentTime(), + ytplayer.getVideoBytesLoaded(), ytplayer.getVideoBytesTotal(), + ytplayer.getVideoStartBytes(), + ytplayer.getVolume(),ytplayer.isMuted(), + ytplayer.getPlaybackQuality(), + ytplayer.getAvailableQualityLevels()]; + return []; +} + +function onytplayerStateChange(newState) { + setytplayerState(newState); + log_event('video', ['State Change',newState, get_state()]); +} + +function onPlayerError(errorCode) { + // alert("An error occured: " + errorCode); + log_event("player_error", {"error":errorCode}); +} + +// Currently duplicated to check for if video control changed by clicking the video for HTML5 +// Hacky b/c of lack of control over YT player +function updateHTML5ytplayerInfo() { + var player_state = getPlayerState(); + if(player_state != 3) { + $("#slider").slider("option","max",ytplayer.getDuration()); + $("#slider").slider("option","value",ytplayer.getCurrentTime()); + } + if (player_state == 1){ + update_captions(getCurrentTime()); + } + if (player_state == 1 && $("#video_control").hasClass("play")) + $("#video_control").removeClass().addClass("pause"); + else if (player_state == 2 && $("#video_control").hasClass("pause")) + $("#video_control").removeClass().addClass("play"); +} + +function updateytplayerInfo() { + var player_state = getPlayerState(); + if(player_state != 3) { + $("#slider").slider("option","max",ytplayer.getDuration()); + $("#slider").slider("option","value",ytplayer.getCurrentTime()); + } + if (player_state == 1){ + update_captions(getCurrentTime()); + } + // updateHTML("videoduration", getDuration()); + // updateHTML("videotime", getCurrentTime()); + // updateHTML("startbytes", getStartBytes()); + // updateHTML("volume", getVolume()); +} + +// functions for the api calls +function loadNewVideo(cap_id, id, startSeconds) { + captions={"start":[0],"end":[0],"text":["Attempting to load captions..."]}; + $.getJSON("/static/subs/"+cap_id+".srt.sjson", function(data) { + captions=data; + }); + caption_id = cap_id; + load_id = id; + //if ((typeof ytplayer != "undefined") && (ytplayer.type=="application/x-shockwave-flash")) { + // Try it every time. If we fail, we want the error message for now. + // TODO: Add try/catch + try { + ytplayer.loadVideoById(id, parseInt(startSeconds)); + load_id=0; + } + catch(e) { + window['console'].log(JSON.stringify(e)); + } + log_event("load_video", {"id":id,"start":startSeconds}); + //$("#slider").slider("option","value",startSeconds); + //seekTo(startSeconds); +} + +function syncPlayButton(){ + var state = getPlayerState(); + if (state == 1 || state == 3) { + $("#video_control").removeClass("play").addClass("pause"); + } else if (state == 2 || state == -1 || state == 0){ + $("#video_control").removeClass("pause").addClass("play"); + } +} + +function cueNewVideo(id, startSeconds) { + if (ytplayer) { + ytplayer.cueVideoById(id, startSeconds); + } +} + +function play() { + if (ytplayer) { + ytplayer.playVideo(); + } + log_event("play_video", {"id":getCurrentTime(), "code":getEmbedCode()}); +} + +function pause() { + if (ytplayer) { + ytplayer.pauseVideo(); + } + log_event("pause_video", {"id":getCurrentTime(), "code":getEmbedCode()}); +} + +function stop() { + if (ytplayer) { + ytplayer.stopVideo(); + } + log_event("stop_video", {"id":getCurrentTime(), "code":getEmbedCode()}); +} + +function getPlayerState() { + if (ytplayer) { + return ytplayer.getPlayerState(); + } +} + +function seekTo(seconds) { + if (ytplayer) { + ytplayer.seekTo(seconds, true); + } +} + +function getBytesTotal() { + if (ytplayer) { + return ytplayer.getVideoBytesTotal(); + } +} + +function getCurrentTime() { + if (ytplayer) { + return ytplayer.getCurrentTime(); + } +} + +function getDuration() { + if (ytplayer) { + return ytplayer.getDuration(); + } +} + +function getStartBytes() { + if (ytplayer) { + return ytplayer.getVideoStartBytes(); + } +} + +function mute() { + if (ytplayer) { + ytplayer.mute(); + } +} + +function unMute() { + if (ytplayer) { + ytplayer.unMute(); + } +} + +function getEmbedCode() { + if(ytplayer) { + ytplayer.getVideoEmbedCode(); + } +} + +function getVideoUrl() { + if(ytplayer) { + ytplayer.getVideoUrl(); + } +} + +function setVolume(newVolume) { + if (ytplayer) { + ytplayer.setVolume(newVolume); + } +} + +function getVolume() { + if (ytplayer) { + return ytplayer.getVolume(); + } +} + +function clearVideo() { + if (ytplayer) { + ytplayer.clearVideo(); + } +} diff --git a/static/lib b/static/lib new file mode 120000 index 0000000000..834765babd --- /dev/null +++ b/static/lib @@ -0,0 +1 @@ +../../3rdParty/static/js/ \ No newline at end of file diff --git a/static/pixel.jpg b/static/pixel.jpg new file mode 100644 index 0000000000..8fbe381c7a Binary files /dev/null and b/static/pixel.jpg differ diff --git a/static/simplewiki b/static/simplewiki new file mode 120000 index 0000000000..1f643ef532 --- /dev/null +++ b/static/simplewiki @@ -0,0 +1 @@ +../../mitx/simplewiki/media/ \ No newline at end of file diff --git a/static/staff/agarwal-mit-news-small.jpg b/static/staff/agarwal-mit-news-small.jpg new file mode 100644 index 0000000000..900038d394 Binary files /dev/null and b/static/staff/agarwal-mit-news-small.jpg differ diff --git a/static/staff/cjt-small.jpg b/static/staff/cjt-small.jpg new file mode 100644 index 0000000000..4e8537de0b Binary files /dev/null and b/static/staff/cjt-small.jpg differ diff --git a/static/staff/gjs-small.jpg b/static/staff/gjs-small.jpg new file mode 100644 index 0000000000..4863d30b9e Binary files /dev/null and b/static/staff/gjs-small.jpg differ diff --git a/static/staff/pmitros-small.jpg b/static/staff/pmitros-small.jpg new file mode 100644 index 0000000000..ff63f6f9fd Binary files /dev/null and b/static/staff/pmitros-small.jpg differ diff --git a/static/subs b/static/subs new file mode 120000 index 0000000000..12f0c8abee --- /dev/null +++ b/static/subs @@ -0,0 +1 @@ +../../data/subs/ \ No newline at end of file