Skip to content

E
edx-ora2
Commit 0b2b61e8 by Usman Khalid
Options

Imported and configured bi-app sass module for rtl support. 

TNL-813
parent 93238bcf
Showing with 362 additions and 5 deletions
openassessment/xblock/openassessmentblock.py
...@@ -267,7 +267,13 @@ class OpenAssessmentBlock( ...@@ -267,7 +267,13 @@ class OpenAssessmentBlock(
template = get_template("openassessmentblock/oa_base.html") template = get_template("openassessmentblock/oa_base.html")
context = Context(context_dict) context = Context(context_dict)
frag = Fragment(template.render(context)) frag = Fragment(template.render(context))
frag.add_css(load("static/css/openassessment.css"))
i18n_service = self.runtime.service(self, 'i18n')
if hasattr(i18n_service, 'get_language_bidi') and i18n_service.get_language_bidi():
frag.add_css(load("static/css/openassessment-rtl.css"))
else:
frag.add_css(load("static/css/openassessment-ltr.css"))
frag.add_javascript(load("static/js/openassessment-lms.min.js")) frag.add_javascript(load("static/js/openassessment-lms.min.js"))
frag.initialize_js('OpenAssessmentBlock') frag.initialize_js('OpenAssessmentBlock')
return frag return frag
......
openassessment/xblock/static/css/openassessment-ltr.css 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
openassessment/xblock/static/css/openassessment-rtl.css 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
openassessment/xblock/static/sass/openassessment-ltr.scss 0 → 100644
@import 'bi-app-ltr';
@import 'openassessment';
openassessment/xblock/static/sass/openassessment-rtl.scss 0 → 100644
@import 'bi-app-rtl';
@import 'openassessment';
openassessment/xblock/static/sass/openassessment.css deleted 100644 → 0
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700);*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.wrapper--xblock{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}.wrapper--xblock article,.wrapper--xblock aside,.wrapper--xblock details,.wrapper--xblock figcaption,.wrapper--xblock figure,.wrapper--xblock footer,.wrapper--xblock header,.wrapper--xblock hgroup,.wrapper--xblock main,.wrapper--xblock nav,.wrapper--xblock section,.wrapper--xblock summary{display:block}.wrapper--xblock audio,.wrapper--xblock canvas,.wrapper--xblock progress,.wrapper--xblock video{display:inline-block;vertical-align:baseline}.wrapper--xblock audio:not([controls]){display:none;height:0}.wrapper--xblock [hidden],.wrapper--xblock template{display:none}.wrapper--xblock a{background:transparent}.wrapper--xblock a:active,.wrapper--xblock a:hover{outline:0}.wrapper--xblock abbr[title]{border-bottom:1px dotted}.wrapper--xblock b,.wrapper--xblock strong{font-weight:bold}.wrapper--xblock dfn{font-style:italic}.wrapper--xblock h1{font-size:2em;margin:0.67em 0}.wrapper--xblock mark{background:#ff0;color:#000}.wrapper--xblock small{font-size:80%}.wrapper--xblock sub,.wrapper--xblock sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.wrapper--xblock sup{top:-0.5em}.wrapper--xblock sub{bottom:-0.25em}.wrapper--xblock img{border:0}.wrapper--xblock svg:not(:root){overflow:hidden}.wrapper--xblock figure{margin:1em 40px}.wrapper--xblock hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}.wrapper--xblock pre{overflow:auto}.wrapper--xblock code,.wrapper--xblock kbd,.wrapper--xblock pre,.wrapper--xblock samp{font-family:monospace, monospace;font-size:1em}.wrapper--xblock button,.wrapper--xblock input,.wrapper--xblock optgroup,.wrapper--xblock select,.wrapper--xblock textarea{color:inherit;font:inherit;margin:0}.wrapper--xblock button{overflow:visible}.wrapper--xblock button,.wrapper--xblock select{text-transform:none}.wrapper--xblock button,.wrapper--xblock html input[type="button"],.wrapper--xblock input[type="reset"],.wrapper--xblock input[type="submit"]{-webkit-appearance:button;cursor:pointer}.wrapper--xblock button[disabled],.wrapper--xblock html input[disabled]{cursor:default}.wrapper--xblock button::-moz-focus-inner,.wrapper--xblock input::-moz-focus-inner{border:0;padding:0}.wrapper--xblock input{line-height:normal}.wrapper--xblock input[type="checkbox"],.wrapper--xblock input[type="radio"]{box-sizing:border-box;padding:0}.wrapper--xblock input[type="number"]::-webkit-inner-spin-button,.wrapper--xblock input[type="number"]::-webkit-outer-spin-button{height:auto}.wrapper--xblock input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}.wrapper--xblock input[type="search"]::-webkit-search-cancel-button,.wrapper--xblock input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}.wrapper--xblock fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}.wrapper--xblock legend{border:0;padding:0}.wrapper--xblock textarea{overflow:auto}.wrapper--xblock optgroup{font-weight:bold}.wrapper--xblock table{border-collapse:collapse;border-spacing:0}.wrapper--xblock td,.wrapper--xblock th{padding:0}.wrapper--xblock *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.wrapper--xblock div,.wrapper--xblock span,.wrapper--xblock applet,.wrapper--xblock object,.wrapper--xblock iframe,.wrapper--xblock h1,.wrapper--xblock h2,.wrapper--xblock h3,.wrapper--xblock h4,.wrapper--xblock h5,.wrapper--xblock h6,.wrapper--xblock p,.wrapper--xblock blockquote,.wrapper--xblock pre,.wrapper--xblock a,.wrapper--xblock abbr,.wrapper--xblock acronym,.wrapper--xblock address,.wrapper--xblock big,.wrapper--xblock cite,.wrapper--xblock code,.wrapper--xblock del,.wrapper--xblock dfn,.wrapper--xblock em,.wrapper--xblock img,.wrapper--xblock ins,.wrapper--xblock kbd,.wrapper--xblock q,.wrapper--xblock s,.wrapper--xblock samp,.wrapper--xblock small,.wrapper--xblock strike,.wrapper--xblock strong,.wrapper--xblock sub,.wrapper--xblock sup,.wrapper--xblock tt,.wrapper--xblock var,.wrapper--xblock b,.wrapper--xblock u,.wrapper--xblock i,.wrapper--xblock center,.wrapper--xblock dl,.wrapper--xblock dt,.wrapper--xblock dd,.wrapper--xblock ol,.wrapper--xblock ul,.wrapper--xblock li,.wrapper--xblock fieldset,.wrapper--xblock form,.wrapper--xblock label,.wrapper--xblock legend,.wrapper--xblock table,.wrapper--xblock caption,.wrapper--xblock tbody,.wrapper--xblock tfoot,.wrapper--xblock thead,.wrapper--xblock tr,.wrapper--xblock th,.wrapper--xblock td,.wrapper--xblock article,.wrapper--xblock aside,.wrapper--xblock canvas,.wrapper--xblock details,.wrapper--xblock figcaption,.wrapper--xblock figure,.wrapper--xblock footer,.wrapper--xblock header,.wrapper--xblock hgroup,.wrapper--xblock menu,.wrapper--xblock nav,.wrapper--xblock section,.wrapper--xblock summary,.wrapper--xblock time,.wrapper--xblock mark,.wrapper--xblock audio,.wrapper--xblock video{margin:0;vertical-align:baseline;border:0;padding:0;outline:0;font-weight:400}.wrapper--xblock abbr[title]{border-bottom:none;text-decoration:none;cursor:help}.list--actions:last-child,.list--docs:last-child,.list--steps:last-child,.list--fields:last-child,.list--controls:last-child,.list--help:last-child,.list--options:last-child,.nav--wizard:last-child,.list--tips:last-child,.field--group:last-child,.wrapper--xblock .field--radio .option:last-child,.wrapper--xblock .field--checkbox .option:last-child,.wrapper--xblock .message .message__content p:last-child,.openassessment .step--peer-assessment .peer-assessment__assessment .assessment__rubric__question:last-child,.openassessment .step--self-assessment .self-assessment__assessment .assessment__rubric__question:last-child,.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .answer:last-child,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .answer:last-child,.openassessment .openassessment__prompt__copy>:last-child,.openassessment .submission__peer-evaluations__questions .question:last-child,.openassessment .submission__peer-evaluations__questions .question__answers:last-child{margin-bottom:0;border-bottom:none;padding-bottom:0;margin-right:0;border-right:none;padding-right:0}.list--actions,.list--docs,.list--steps,.list--fields,.list--controls,.list--help,.list--options,.nav--wizard,.list--tips,.field--group,.openassessment .openassessment__steps,.openassessment .step--peer-assessment .list--peer-assessments,.openassessment .submission__peer-evaluations__questions,.openassessment .submission__peer-evaluations__questions .question__answers{list-style:none;margin:0;padding:0;text-indent:0}.sr,hr.divider,.nav--contents,.system__element,.openassessment .openassessment__steps__step .step__status__label,.openassessment .openassessment__prompt__title,.openassessment .step--response .response__submission__content label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-toggle-visibility .ui-toggle-visibility__control,.ui-hint{cursor:pointer}.is--hidden,.wrapper--xblock .is--transitioning{pointer-events:none;outline:none}.is--hidden{display:none;visibility:hidden}.wrapper--xblock .message--error,.ui-toggle-visibility .ui-toggle-visibility__content,.ui-toggle-visibility.is--collapsed .ui-toggle-visibility__content{-webkit-transition:opacity 0.5s ease-in-out;-moz-transition:opacity 0.5s ease-in-out;transition:opacity 0.5s ease-in-out}.openassessment .submission__peer-evaluations__questions .answer__value__value .ui-hint{-webkit-transition:color 0.5s ease-in-out;-moz-transition:color 0.5s ease-in-out;transition:color 0.5s ease-in-out}.openassessment .ui-hint:after{box-shadow:0 1px 2px 0 rgba(2,2,3,0.4)}@-webkit-keyframes pulse{0%{opacity:0.50}50%{opacity:1.0}100%{opacity:0.50}}@-moz-keyframes pulse{0%{opacity:0.50}50%{opacity:1.0}100%{opacity:0.50}}@-o-keyframes pulse{0%{opacity:0.50}50%{opacity:1.0}100%{opacity:0.50}}@keyframes pulse{0%{opacity:0.50}50%{opacity:1.0}100%{opacity:0.50}}.wrapper--xblock .problem__header{margin-bottom:20px;color:#aeafb3}.wrapper--xblock{background:transparent}.wrapper--xblock strong,.wrapper--xblock .emphasis,.openassessment .openassessment__steps__step .step__actions .action--submit,.openassessment .openassessment__steps__step .step__actions .action--submit .copy,.openassessment .step--response .response__submission__actions .action--save,.openassessment .submission__feedback__actions .action--submit,.openassessment .step--response .response__submission__actions .action--save .copy,.openassessment .submission__feedback__actions .action--submit .copy,.wrapper--xblock input[type="text"],.wrapper--xblock input[type="email"],.wrapper--xblock input[type="password"],.wrapper--xblock textarea,.wrapper--xblock .field--textarea .label,.wrapper--xblock .field--textarea label,.wrapper--xblock .field-group__label,.wrapper--xblock .field--radio .option__label,.wrapper--xblock .field--checkbox .option__label,.wrapper--xblock .is--transitioning .transition__status .copy,.openassessment .openassessment__steps__step .step__title .step__label,.openassessment .step--grade .step__title .grade__value__title,.wrapper--xblock .message .message__title,.openassessment .step--peer-assessment .peer-assessment__assessment .assessment__rubric__question .question__title__copy,.openassessment .step--self-assessment .self-assessment__assessment .assessment__rubric__question .question__title__copy,.openassessment .step--peer-assessment .peer-assessment__display__header .peer-assessment__display__title,.openassessment .step--self-assessment .self-assessment__display__title,.openassessment .submission__answer__display__title,.openassessment .submission__peer-evaluations__title,.openassessment .submission__peer-evaluations__questions .question__title__copy,.openassessment .submission__feedback__title,.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .answer__points,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .answer__points,.openassessment .openassessment__steps__step .step__status .copy,.openassessment .step--response .response__submission__content .tip,.openassessment .step--response .response__submission__status__title,.openassessment .submission__peer-evaluations__questions .question__score,.openassessment .submission__peer-evaluations__questions .answer__score,.openassessment .submission__peer-evaluations__questions .answer__score__value,.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .wrapper--input .answer__label,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .wrapper--input .answer__label,.openassessment .openassessment__steps__step .step__title .step__counter:before,.openassessment .step--peer-assessment .peer-assessment__display__header span,.openassessment .step--grade .step__title .grade__value__title .grade__value__earned,.openassessment .step--grade .step__title .grade__value__title .grade__value__potential,.openassessment .submission__peer-evaluations__questions .question__score__value,.openassessment .submission__peer-evaluations__questions .question__score__potential,.openassessment .submission__peer-evaluations__questions .question__score__potential .unit,.openassessment .submission__peer-evaluations__questions .answer__source,.openassessment .submission__peer-evaluations__questions .answer__value__value,.openassessment .openassessment__steps .openassessment__steps__step .step__header h2.step__title .step__counter:before{font-weight:600}.wrapper--xblock input[type="text"]::-webkit-input-placeholder,.wrapper--xblock input[type="email"]::-webkit-input-placeholder,.wrapper--xblock input[type="password"]::-webkit-input-placeholder,.wrapper--xblock textarea::-webkit-input-placeholder,.wrapper--xblock input[type="text"]:-moz-placeholder,.wrapper--xblock input[type="email"]:-moz-placeholder,.wrapper--xblock input[type="password"]:-moz-placeholder,.wrapper--xblock textarea:-moz-placeholder,.wrapper--xblock input[type="text"]::-moz-placeholder,.wrapper--xblock input[type="email"]::-moz-placeholder,.wrapper--xblock input[type="password"]::-moz-placeholder,.wrapper--xblock textarea::-moz-placeholder,.wrapper--xblock input[type="text"]:-ms-input-placeholder,.wrapper--xblock input[type="email"]:-ms-input-placeholder,.wrapper--xblock input[type="password"]:-ms-input-placeholder,.wrapper--xblock textarea:-ms-input-placeholder,.openassessment .openassessment__title{font-weight:400}.openassessment .submission__peer-evaluations__questions .answer__source,.wrapper--xblock .field .tip,.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .answer__points,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .answer__points,.openassessment .openassessment__steps__step .step__status .copy,.openassessment .step--response .response__submission__content .tip,.openassessment .step--response .response__submission__status__title,.openassessment .submission__peer-evaluations__questions .question__score,.openassessment .submission__peer-evaluations__questions .answer__score,.openassessment .submission__peer-evaluations__questions .answer__score__value,.openassessment .ui-hint:after{font-size:12px;line-height:18px}.wrapper--xblock .message .message__title,.openassessment .step--peer-assessment .peer-assessment__assessment .assessment__rubric__question .question__title__copy,.openassessment .step--self-assessment .self-assessment__assessment .assessment__rubric__question .question__title__copy,.openassessment .step--peer-assessment .peer-assessment__display__header .peer-assessment__display__title,.openassessment .step--self-assessment .self-assessment__display__title,.openassessment .submission__answer__display__title,.openassessment .submission__peer-evaluations__title,.openassessment .submission__peer-evaluations__questions .question__title__copy,.openassessment .submission__feedback__title,.openassessment .openassessment__steps__step .step__title .step__deadline,.wrapper--xblock .field label,.wrapper--xblock .field .label,.wrapper--xblock .field .field-group__label,.wrapper--xblock .field--radio .option__label,.wrapper--xblock .field--checkbox .option__label,.wrapper--xblock .message .message__content,.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .wrapper--input .answer__label,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .wrapper--input .answer__label,.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .answer__tip,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .answer__tip,.openassessment .step--peer-assessment .peer-assessment__display__response,.openassessment .step--self-assessment .self-assessment__display__response,.openassessment .submission__answer__display__content,.openassessment .openassessment__steps__step .step__actions .action--submit,.openassessment .step--response .response__submission__actions .action--save,.openassessment .submission__feedback__actions .action--submit,.openassessment .openassessment__steps__step .step__status .ico{font-size:14px;line-height:21px}.wrapper--xblock .problem__header,.openassessment .openassessment__steps__step .step__instruction,.openassessment .openassessment__prompt__copy,.openassessment .step--grade .grade__value__description,.openassessment .step--grade .grade__summary,.openassessment .submission__peer-evaluations__questions .question--feedback .answer__value,.openassessment .submission__feedback__instructions,.openassessment .openassessment__steps__step .step__actions .action--submit .ico{font-size:16px;line-height:24px}.wrapper--xblock .is--transitioning .transition__status .copy,.openassessment .openassessment__steps__step .step__title .step__label,.openassessment .step--grade .step__title .grade__value__title,.openassessment .openassessment__steps__step .step__title .step__counter:before,.openassessment .submission__peer-evaluations__questions .answer__value__value,.openassessment .openassessment__steps .openassessment__steps__step .step__header h2.step__title .step__counter:before{font-size:18px;line-height:27px}.wrapper--xblock .is--transitioning .transition__status .ico{font-size:22px;line-height:33px}.wrapper--xblock .problem__header,.wrapper--xblock .is--transitioning .transition__status .copy,.wrapper--xblock .message .message__title,.openassessment .step--peer-assessment .peer-assessment__assessment .assessment__rubric__question .question__title__copy,.openassessment .step--self-assessment .self-assessment__assessment .assessment__rubric__question .question__title__copy,.openassessment .step--peer-assessment .peer-assessment__display__header .peer-assessment__display__title,.openassessment .step--self-assessment .self-assessment__display__title,.openassessment .submission__answer__display__title,.openassessment .submission__peer-evaluations__title,.openassessment .submission__peer-evaluations__questions .question__title__copy,.openassessment .submission__feedback__title,.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .answer__points,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .answer__points,.openassessment .openassessment__steps__step .step__status .copy,.openassessment .step--response .response__submission__content .tip,.openassessment .step--response .response__submission__status__title,.openassessment .submission__peer-evaluations__questions .question__score,.openassessment .submission__peer-evaluations__questions .answer__score,.openassessment .submission__peer-evaluations__questions .answer__score__value,.openassessment .submission__peer-evaluations__questions .answer__source{text-transform:uppercase;letter-spacing:0.05rem}.wrapper--xblock .is--transitioning .transition__status .copy,.openassessment .openassessment__steps__step .step__title .step__label,.openassessment .step--grade .step__title .grade__value__title,.openassessment .openassessment__steps__step .step__title .step__counter:before,.openassessment .submission__peer-evaluations__questions .answer__value__value,.openassessment .openassessment__steps .openassessment__steps__step .step__header h2.step__title .step__counter:before{font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif}.wrapper--xblock .problem__header{font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif}.wrapper--xblock .message .message__title,.openassessment .step--peer-assessment .peer-assessment__assessment .assessment__rubric__question .question__title__copy,.openassessment .step--self-assessment .self-assessment__assessment .assessment__rubric__question .question__title__copy,.openassessment .step--peer-assessment .peer-assessment__display__header .peer-assessment__display__title,.openassessment .step--self-assessment .self-assessment__display__title,.openassessment .submission__answer__display__title,.openassessment .submission__peer-evaluations__title,.openassessment .submission__peer-evaluations__questions .question__title__copy,.openassessment .submission__feedback__title,.openassessment .openassessment__steps__step .step__title .step__deadline{font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif}.openassessment .submission__peer-evaluations__questions .answer__source{font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif}.openassessment .openassessment__steps__step .step__instruction,.openassessment .openassessment__prompt__copy,.openassessment .step--grade .grade__value__description,.openassessment .step--grade .grade__summary,.openassessment .submission__peer-evaluations__questions .question--feedback .answer__value,.openassessment .submission__feedback__instructions{font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif}.wrapper--xblock .field label,.wrapper--xblock .field .label,.wrapper--xblock .field .field-group__label,.wrapper--xblock .field--radio .option__label,.wrapper--xblock .field--checkbox .option__label,.wrapper--xblock .message .message__content,.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .wrapper--input .answer__label,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .wrapper--input .answer__label,.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .answer__tip,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .answer__tip,.openassessment .step--peer-assessment .peer-assessment__display__response,.openassessment .step--self-assessment .self-assessment__display__response,.openassessment .submission__answer__display__content{font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif}.wrapper--xblock .field .tip,.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .answer__points,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .answer__points,.openassessment .openassessment__steps__step .step__status .copy,.openassessment .step--response .response__submission__content .tip,.openassessment .step--response .response__submission__status__title,.openassessment .submission__peer-evaluations__questions .question__score,.openassessment .submission__peer-evaluations__questions .answer__score,.openassessment .submission__peer-evaluations__questions .answer__score__value,.openassessment .ui-hint:after{font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif}.openassessment .openassessment__steps__step .step__actions .action--submit,.openassessment .step--response .response__submission__actions .action--save,.openassessment .submission__feedback__actions .action--submit{font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif}.wrapper--xblock .message .message__content a,.openassessment .openassessment__prompt__copy a{-webkit-transition:color 0.5s ease-in-out,border 0.5s ease-in-out;-moz-transition:color 0.5s ease-in-out,border 0.5s ease-in-out;transition:color 0.5s ease-in-out,border 0.5s ease-in-out;border-bottom:1px solid transparent;color:#33a6dc;text-decoration:none}.wrapper--xblock .message .message__content a:hover,.openassessment .openassessment__prompt__copy a:hover,.wrapper--xblock .message .message__content a:focus,.openassessment .openassessment__prompt__copy a:focus{color:#00a7f6;border-color:#00a7f6}.wrapper--xblock .message .message__content a:active,.openassessment .openassessment__prompt__copy a:active,.wrapper--xblock .message .message__content a.is--current,.openassessment .openassessment__prompt__copy a.is--current{color:#1d9dd9;border-color:#1d9dd9}.openassessment .openassessment__steps__step .step__actions .action--submit,.openassessment .step--response .response__submission__actions .action--save,.openassessment .submission__feedback__actions .action--submit{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:color 0.25s ease-in-out,background 0.25s ease-in-out,box-shadow 0.25s ease-in-out;-moz-transition:color 0.25s ease-in-out,background 0.25s ease-in-out,box-shadow 0.25s ease-in-out;transition:color 0.25s ease-in-out,background 0.25s ease-in-out,box-shadow 0.25s ease-in-out;display:inline-block;cursor:pointer;text-decoration:none}.openassessment .openassessment__steps__step .step__actions .action--submit:hover,.openassessment .step--response .response__submission__actions .action--save:hover,.openassessment .submission__feedback__actions .action--submit:hover,.openassessment .openassessment__steps__step .step__actions .action--submit:active,.openassessment .step--response .response__submission__actions .action--save:active,.openassessment .submission__feedback__actions .action--submit:active,.openassessment .openassessment__steps__step .step__actions .action--submit:focus,.openassessment .step--response .response__submission__actions .action--save:focus,.openassessment .submission__feedback__actions .action--submit:focus{text-decoration:none}.openassessment .openassessment__steps__step .step__actions .disabled.action--submit,.openassessment .step--response .response__submission__actions .disabled.action--save,.openassessment .submission__feedback__actions .disabled.action--submit,.openassessment .openassessment__steps__step .step__actions [disabled].action--submit,.openassessment .step--response .response__submission__actions [disabled].action--save,.openassessment .submission__feedback__actions [disabled].action--submit,.openassessment .openassessment__steps__step .step__actions .is--disabled.action--submit,.openassessment .step--response .response__submission__actions .is--disabled.action--save,.openassessment .submission__feedback__actions .is--disabled.action--submit{cursor:default;pointer-events:none}.openassessment .openassessment__steps__step .step__actions .action--submit .copy,.openassessment .step--response .response__submission__actions .action--save .copy,.openassessment .submission__feedback__actions .action--submit .copy,.openassessment .openassessment__steps__step .step__actions .action--submit .ico,.openassessment .step--response .response__submission__actions .action--save .ico,.openassessment .submission__feedback__actions .action--submit .ico{display:inline-block;vertical-align:middle}.openassessment .openassessment__steps__step .step__actions .action--submit .copy,.openassessment .step--response .response__submission__actions .action--save .copy,.openassessment .submission__feedback__actions .action--submit .copy{margin-right:10px}.openassessment .openassessment__steps__step .step__actions .action--submit,.openassessment .step--response .response__submission__actions .action--save,.openassessment .submission__feedback__actions .action--submit{border-radius:4px}.openassessment .openassessment__steps__step .step__actions .action--submit{padding:10px 40px;background:#33a6dc;border:1px solid #2b8dbb;color:#eaf6fb}.openassessment .openassessment__steps__step .step__actions .action--submit:hover,.openassessment .openassessment__steps__step .step__actions .action--submit:active,.openassessment .openassessment__steps__step .step__actions .action--submit:focus{background:#00a7f6;border-color:#00a7f6;color:#fcfefe}.openassessment .openassessment__steps__step .step__actions .current.action--submit,.openassessment .openassessment__steps__step .step__actions .active.action--submit{background:#1d9dd9;border-color:#1d9dd9}.openassessment .openassessment__steps__step .step__actions .disabled.action--submit,.openassessment .openassessment__steps__step .step__actions .is--disabled.action--submit,.openassessment .openassessment__steps__step .step__actions [disabled].action--submit{opacity:0.4}.openassessment .step--response .response__submission__actions .action--save,.openassessment .submission__feedback__actions .action--submit{padding:10px 40px;background:#878787;border:1px #797979;color:#f3f3f3}.openassessment .step--response .response__submission__actions .action--save:hover,.openassessment .submission__feedback__actions .action--submit:hover,.openassessment .step--response .response__submission__actions .action--save:active,.openassessment .submission__feedback__actions .action--submit:active,.openassessment .step--response .response__submission__actions .action--save:focus,.openassessment .submission__feedback__actions .action--submit:focus{background:#656565;border-color:#656565;color:#fdfdfd}.openassessment .step--response .response__submission__actions .current.action--save,.openassessment .submission__feedback__actions .current.action--submit,.openassessment .step--response .response__submission__actions .active.action--save,.openassessment .submission__feedback__actions .active.action--submit{background:#878787;border-color:#878787}.openassessment .step--response .response__submission__actions .disabled.action--save,.openassessment .submission__feedback__actions .disabled.action--submit,.openassessment .step--response .response__submission__actions .is--disabled.action--save,.openassessment .submission__feedback__actions .is--disabled.action--submit,.openassessment .step--response .response__submission__actions [disabled].action--save,.openassessment .submission__feedback__actions [disabled].action--submit{opacity:0.4}.wrapper--xblock input[type="text"],.wrapper--xblock input[type="email"],.wrapper--xblock input[type="password"],.wrapper--xblock textarea{border:1px solid #b9c1c8;padding:10px;outline:0;color:#3c3c3c}.wrapper--xblock input[type="text"]::-webkit-input-placeholder,.wrapper--xblock input[type="email"]::-webkit-input-placeholder,.wrapper--xblock input[type="password"]::-webkit-input-placeholder,.wrapper--xblock textarea::-webkit-input-placeholder{color:#a5a6aa}.wrapper--xblock input[type="text"]:-moz-placeholder,.wrapper--xblock input[type="email"]:-moz-placeholder,.wrapper--xblock input[type="password"]:-moz-placeholder,.wrapper--xblock textarea:-moz-placeholder{color:#a5a6aa}.wrapper--xblock input[type="text"]::-moz-placeholder,.wrapper--xblock input[type="email"]::-moz-placeholder,.wrapper--xblock input[type="password"]::-moz-placeholder,.wrapper--xblock textarea::-moz-placeholder{color:#a5a6aa}.wrapper--xblock input[type="text"]:-ms-input-placeholder,.wrapper--xblock input[type="email"]:-ms-input-placeholder,.wrapper--xblock input[type="password"]:-ms-input-placeholder,.wrapper--xblock textarea:-ms-input-placeholder{color:#a5a6aa}.wrapper--xblock input[type="text"]:focus,.wrapper--xblock input[type="email"]:focus,.wrapper--xblock input[type="password"]:focus,.wrapper--xblock textarea:focus{box-shadow:0 0 6px 0 rgba(29,157,217,0.4),inset 0 0 4px 0 rgba(0,0,0,0.15);border-color:#000;outline:0}.wrapper--xblock .field{font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif}.wrapper--xblock .field .field-group__label{display:block;margin-bottom:10px}.wrapper--xblock .field textarea{width:100%}.wrapper--xblock .field .tip{display:block;color:#a5a6aa}.wrapper--xblock .field--textarea .label,.wrapper--xblock .field--textarea label{margin-bottom:10px}.wrapper--xblock .field-group__label{margin-bottom:10px}.wrapper--xblock .field--radio .option,.wrapper--xblock .field--checkbox .option{margin-bottom:5px}.wrapper--xblock .field--radio .option__input,.wrapper--xblock .field--radio .option__label,.wrapper--xblock .field--checkbox .option__input,.wrapper--xblock .field--checkbox .option__label{display:inline-block;vertical-align:middle}.wrapper--xblock .field--radio .option__label,.wrapper--xblock .field--checkbox .option__label{margin-bottom:0;color:#a5a6aa}.wrapper--xblock .field--radio .option__input,.wrapper--xblock .field--checkbox .option__input{margin-right:10px}.wrapper--xblock .field--radio .option__input:checked+.option__label,.wrapper--xblock .field--checkbox .option__input:checked+.option__label{color:#000}.wrapper--xblock .message{margin-bottom:20px;border-radius:2px;padding:20px 20px;background:#f5f6f7}.wrapper--xblock .message .message__title{margin-bottom:5px;border-bottom:2px solid #d7dbdf;padding-bottom:5px}.wrapper--xblock .message .message__content{color:#a5a6aa}.wrapper--xblock .message .message__content p{margin-bottom:10px}.wrapper--xblock .message--error{background:#fbf6f5}.wrapper--xblock .message--error .message__title{color:#bc5547;border-bottom-color:#bc5547}.wrapper--xblock .message--warning{background:#fdfaf4}.wrapper--xblock .message--warning .message__title{color:#e5a635;border-bottom-color:#e5a635}.wrapper--xblock .message--confirmation{background:#f4f4f4}.wrapper--xblock .message--confirmation .message__title{color:#2d2e30;border-bottom-color:#2d2e30}.wrapper--xblock .message--complete{background:#f7fbf5}.wrapper--xblock .message--complete .message__title{color:#62c24a;border-bottom-color:#62c24a}.wrapper--xblock .message--incomplete{background:#fdfaf4}.wrapper--xblock .message--incomplete .message__title{color:#e5a635;border-bottom-color:#e5a635}.wrapper--xblock .message--error{display:none;opacity:0.0}.wrapper--xblock .has--error .message--error{display:block;opacity:1.0}.wrapper--xblock .message--inline{padding:10px 20px;background:#4c4d4f}.wrapper--xblock .message--inline .message__title{margin-bottom:0;border:none;padding-bottom:0;color:#fff;text-align:center}.wrapper--xblock .message--inline.message--error{background:#c66e62}.wrapper--xblock .message--inline.message--warning{background:#e8b353}.wrapper--xblock .message--inline.message--confirm{background:#e8b353}.wrapper--xblock .is--transitioning{padding:40px 40px;background:#f5f6f7}.wrapper--xblock .is--transitioning .transition__status{position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);text-align:center}.wrapper--xblock .is--transitioning .transition__status .wrapper--anim{display:block;-webkit-animation:pulse 3s ease-in-out infinite;-moz-animation:pulse 3s ease-in-out infinite;animation:pulse 3s ease-in-out infinite}.wrapper--xblock .is--transitioning .transition__status .ico,.wrapper--xblock .is--transitioning .transition__status .copy{display:block;color:#a5a6aa}.wrapper--xblock .is--transitioning .transition__status .ico{margin-bottom:10px}.wrapper--grid{*zoom:1;max-width:100%;margin-left:auto;margin-right:auto}.wrapper--grid:before,.wrapper--grid:after{content:" ";display:table}.wrapper--grid:after{clear:both}/*! Hint.css - v1.3.1 - 2013-11-23
* http://kushagragour.in/lab/hint/
* Copyright (c) 2013 Kushagra Gour; Licensed MIT */.hint,[data-hint]{position:relative;display:inline-block}.hint:before,.hint:after,[data-hint]:before,[data-hint]:after{position:absolute;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);visibility:hidden;opacity:0;z-index:1000000;pointer-events:none;-webkit-transition:0.3s ease;-moz-transition:0.3s ease;transition:0.3s ease}.hint:hover:before,.hint:hover:after,.hint:focus:before,.hint:focus:after,[data-hint]:hover:before,[data-hint]:hover:after,[data-hint]:focus:before,[data-hint]:focus:after{visibility:visible;opacity:1}.hint:before,[data-hint]:before{content:'';position:absolute;background:transparent;border:6px solid transparent;z-index:1000001}.hint:after,[data-hint]:after{content:attr(data-hint);background:#383838;color:white;text-shadow:0 -1px 0px black;padding:8px 10px;font-size:12px;line-height:12px;white-space:nowrap;box-shadow:4px 4px 8px rgba(0,0,0,0.3)}.hint--top:before{border-top-color:#383838}.hint--bottom:before{border-bottom-color:#383838}.hint--left:before{border-left-color:#383838}.hint--right:before{border-right-color:#383838}.hint--top:before{margin-bottom:-12px}.hint--top:after{margin-left:-18px}.hint--top:before,.hint--top:after{bottom:100%;left:50%}.hint--top:hover:after,.hint--top:hover:before,.hint--top:focus:after,.hint--top:focus:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--bottom:before{margin-top:-12px}.hint--bottom:after{margin-left:-18px}.hint--bottom:before,.hint--bottom:after{top:100%;left:50%}.hint--bottom:hover:after,.hint--bottom:hover:before,.hint--bottom:focus:after,.hint--bottom:focus:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--right:before{margin-left:-12px;margin-bottom:-6px}.hint--right:after{margin-bottom:-14px}.hint--right:before,.hint--right:after{left:100%;bottom:50%}.hint--right:hover:after,.hint--right:hover:before,.hint--right:focus:after,.hint--right:focus:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--left:before{margin-right:-12px;margin-bottom:-6px}.hint--left:after{margin-bottom:-14px}.hint--left:before,.hint--left:after{right:100%;bottom:50%}.hint--left:hover:after,.hint--left:hover:before,.hint--left:focus:after,.hint--left:focus:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--error:after{background-color:#b34e4d;text-shadow:0 -1px 0px #592726}.hint--error.hint--top:before{border-top-color:#b34e4d}.hint--error.hint--bottom:before{border-bottom-color:#b34e4d}.hint--error.hint--left:before{border-left-color:#b34e4d}.hint--error.hint--right:before{border-right-color:#b34e4d}.hint--warning:after{background-color:#c09854;text-shadow:0 -1px 0px #6c5328}.hint--warning.hint--top:before{border-top-color:#c09854}.hint--warning.hint--bottom:before{border-bottom-color:#c09854}.hint--warning.hint--left:before{border-left-color:#c09854}.hint--warning.hint--right:before{border-right-color:#c09854}.hint--info:after{background-color:#3986ac;text-shadow:0 -1px 0px #193b4d}.hint--info.hint--top:before{border-top-color:#3986ac}.hint--info.hint--bottom:before{border-bottom-color:#3986ac}.hint--info.hint--left:before{border-left-color:#3986ac}.hint--info.hint--right:before{border-right-color:#3986ac}.hint--success:after{background-color:#458746;text-shadow:0 -1px 0px #1a321a}.hint--success.hint--top:before{border-top-color:#458746}.hint--success.hint--bottom:before{border-bottom-color:#458746}.hint--success.hint--left:before{border-left-color:#458746}.hint--success.hint--right:before{border-right-color:#458746}.hint--always:after,.hint--always:before{opacity:1;visibility:visible}.hint--always.hint--top:after,.hint--always.hint--top:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--bottom:after,.hint--always.hint--bottom:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--left:after,.hint--always.hint--left:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--always.hint--right:after,.hint--always.hint--right:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--rounded:after{border-radius:4px}.hint--bounce:before,.hint--bounce:after{-webkit-transition:opacity 0.3s ease,visibility 0.3s ease,-webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);-moz-transition:opacity 0.3s ease,visibility 0.3s ease,-moz-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);transition:opacity 0.3s ease,visibility 0.3s ease,transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24)}.openassessment .openassessment__steps__step{-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);border-radius:2px;box-shadow:0 1px 1px rgba(2,2,3,0.1);margin-bottom:20px;border:1px solid #d7dbdf;border-top:5px solid #d7dbdf;padding:10px 20px;background:#fff}.openassessment .openassessment__steps__step:last-child{margin-bottom:0}.openassessment .openassessment__steps__step:hover,.openassessment .openassessment__steps__step:focus{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);border-color:#d7dbdf;box-shadow:0 1px 1px rgba(2,2,3,0.05)}.openassessment .is--collapsed.openassessment__steps__step{-webkit-transform:scale(0.99);-moz-transform:scale(0.99);-ms-transform:scale(0.99);-o-transform:scale(0.99);transform:scale(0.99);box-shadow:0 1px 1px rgba(2,2,3,0.05)}.openassessment .is--collapsed.openassessment__steps__step:hover,.openassessment .is--collapsed.openassessment__steps__step:focus{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.openassessment .is--loading.openassessment__steps__step{-webkit-transform:scale(0.99);-moz-transform:scale(0.99);-ms-transform:scale(0.99);-o-transform:scale(0.99);transform:scale(0.99);box-shadow:0 1px 1px rgba(2,2,3,0.05)}.openassessment .is--empty.openassessment__steps__step:hover,.openassessment .is--empty.openassessment__steps__step:focus{-webkit-transform:scale(0.99);-moz-transform:scale(0.99);-ms-transform:scale(0.99);-o-transform:scale(0.99);transform:scale(0.99)}.openassessment .is--unavailable.openassessment__steps__step{border-top-color:#ededee}.openassessment .is--unavailable.openassessment__steps__step:hover,.openassessment .is--unavailable.openassessment__steps__step:focus{-webkit-transform:scale(0.99);-moz-transform:scale(0.99);-ms-transform:scale(0.99);-o-transform:scale(0.99);transform:scale(0.99)}.openassessment .is--complete.openassessment__steps__step{border-top-color:#62c24a}.openassessment .is--incomplete.openassessment__steps__step{border-top-color:#e5a635}.openassessment .has--error.openassessment__steps__step{border-top-color:#bc5547}.openassessment .is--closed.openassessment__steps__step,.openassessment .is--incomplete.openassessment__steps__step{border-top-color:#e5a635}.openassessment .step--peer-assessment .peer-assessment__display,.openassessment .step--self-assessment .self-assessment__display,.openassessment .submission__answer__display,.openassessment .submission__peer-evaluations,.openassessment .submission__feedback{margin-bottom:20px}.openassessment .submission__feedback__title{margin-bottom:10px;border-bottom:2px solid #d7dbdf;padding-bottom:10px}.openassessment .step--peer-assessment .peer-assessment__display__response p,.openassessment .step--self-assessment .self-assessment__display__response p,.openassessment .submission__answer__display__content p,.openassessment .submission__peer-evaluations__questions p,.openassessment .submission__feedback__content p,.openassessment .submission__feedback__actions p{margin-bottom:20px}.openassessment .step--peer-assessment .peer-assessment__display__response p:last-child,.openassessment .step--self-assessment .self-assessment__display__response p:last-child,.openassessment .submission__answer__display__content p:last-child,.openassessment .submission__peer-evaluations__questions p:last-child,.openassessment .submission__feedback__content p:last-child,.openassessment .submission__feedback__actions p:last-child{margin-bottom:0}.openassessment .openassessment__prompt,.openassessment .step--peer-assessment .peer-assessment__display__response,.openassessment .step--self-assessment .self-assessment__display__response,.openassessment .submission__answer__display__content{box-shadow:inset 0 1px 2px 1px rgba(2,2,3,0.1);padding:20px 20px;background:#fdfdfd}.openassessment .step--response .response__submission__content textarea,.openassessment .step--peer-assessment .peer-assessment__display__response,.openassessment .step--peer-assessment .peer-assessment__assessment .assessment__rubric__question--feedback textarea,.openassessment .step--self-assessment .self-assessment__display__response,.openassessment .step--self-assessment .self-assessment__assessment .assessment__rubric__question--feedback textarea,.openassessment .submission__answer__display__content,.openassessment .submission__feedback__fields textarea{max-height:300px;overflow-y:scroll}.openassessment .step--peer-assessment .peer-assessment__assessment .assessment__rubric__question,.openassessment .step--self-assessment .self-assessment__assessment .assessment__rubric__question{*zoom:1;margin-bottom:10px}.openassessment .step--peer-assessment .peer-assessment__assessment .assessment__rubric__question:before,.openassessment .step--self-assessment .self-assessment__assessment .assessment__rubric__question:before,.openassessment .step--peer-assessment .peer-assessment__assessment .assessment__rubric__question:after,.openassessment .step--self-assessment .self-assessment__assessment .assessment__rubric__question:after{content:" ";display:table}.openassessment .step--peer-assessment .peer-assessment__assessment .assessment__rubric__question:after,.openassessment .step--self-assessment .self-assessment__assessment .assessment__rubric__question:after{clear:both}.openassessment .step--peer-assessment .peer-assessment__assessment .assessment__rubric__question .question__title,.openassessment .step--self-assessment .self-assessment__assessment .assessment__rubric__question .question__title{border-bottom:2px solid #646464;padding-bottom:5px}.openassessment .step--peer-assessment .peer-assessment__assessment .assessment__rubric__question .question__title .ico,.openassessment .step--self-assessment .self-assessment__assessment .assessment__rubric__question .question__title .ico{display:inline-block;vertical-align:middle}.openassessment .step--peer-assessment .peer-assessment__assessment .assessment__rubric__question .question__title__copy,.openassessment .step--self-assessment .self-assessment__assessment .assessment__rubric__question .question__title__copy{margin-left:10px;color:#646464}.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers,.openassessment .step--self-assessment .self-assessment__assessment .question__answers{margin-top:20px;margin-bottom:20px}.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .answer,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .answer{*zoom:1;display:block;margin-bottom:10px;border-bottom:1px solid #f5f6f7;padding-bottom:10px}.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .answer:before,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .answer:before,.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .answer:after,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .answer:after{content:" ";display:table}.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .answer:after,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .answer:after{clear:both}.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .wrapper--input,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .wrapper--input{margin-bottom:5px}@media screen and (min-width: 530px) and (max-width: 759px){.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .wrapper--input,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .wrapper--input{float:left;display:block;margin-right:4.82916%;width:100%}.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .wrapper--input:last-child,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .wrapper--input:last-child{margin-right:0}}@media screen and (min-width: 760px) and (max-width: 924px){.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .wrapper--input,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .wrapper--input{float:left;display:block;margin-right:2.35765%;width:31.76157%;margin-bottom:0}.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .wrapper--input:last-child,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .wrapper--input:last-child{margin-right:0}}@media screen and (min-width: 925px) and (max-width: 1299px){.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .wrapper--input,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .wrapper--input{float:left;display:block;margin-right:2.35765%;width:31.76157%;margin-bottom:0}.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .wrapper--input:last-child,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .wrapper--input:last-child{margin-right:0}}@media screen and (min-width: 1300px){.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .wrapper--input,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .wrapper--input{float:left;display:block;margin-right:2.35765%;width:31.76157%;margin-bottom:0}.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .wrapper--input:last-child,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .wrapper--input:last-child{margin-right:0}}.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .wrapper--input .answer__value,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .wrapper--input .answer__value,.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .wrapper--input .answer__label,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .wrapper--input .answer__label{display:inline-block;vertical-align:middle}.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .wrapper--input .answer__label,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .wrapper--input .answer__label{margin-bottom:0;color:#a5a6aa}.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .wrapper--input .answer__value,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .wrapper--input .answer__value{margin-right:10px}.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .wrapper--input .answer__value:checked+.answer__label,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .wrapper--input .answer__value:checked+.answer__label{color:#000}.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .wrapper--metadata,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .wrapper--metadata{display:block}@media screen and (min-width: 760px) and (max-width: 924px){.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .wrapper--metadata,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .wrapper--metadata{float:left;display:block;margin-right:2.35765%;width:65.88078%;margin-bottom:0}.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .wrapper--metadata:last-child,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .wrapper--metadata:last-child{margin-right:0}}@media screen and (min-width: 925px) and (max-width: 1299px){.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .wrapper--metadata,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .wrapper--metadata{float:left;display:block;margin-right:2.35765%;width:65.88078%;margin-bottom:0}.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .wrapper--metadata:last-child,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .wrapper--metadata:last-child{margin-right:0}}@media screen and (min-width: 1300px){.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .wrapper--metadata,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .wrapper--metadata{float:left;display:block;margin-right:2.35765%;width:65.88078%;margin-bottom:0}.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .wrapper--metadata:last-child,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .wrapper--metadata:last-child{margin-right:0}}.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .answer__tip,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .answer__tip,.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .answer__points,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .answer__points{display:block}.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .answer__tip,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .answer__tip{margin-bottom:10px;margin-right:20px;color:#a5a6aa}@media screen and (min-width: 760px) and (max-width: 924px){.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .answer__tip,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .answer__tip{float:left;display:block;margin-right:3.57866%;width:74.10533%;float:left;margin-bottom:0}.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .answer__tip:last-child,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .answer__tip:last-child{margin-right:0}}@media screen and (min-width: 925px) and (max-width: 1299px){.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .answer__tip,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .answer__tip{float:left;display:block;margin-right:3.57866%;width:74.10533%;float:left;margin-bottom:0}.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .answer__tip:last-child,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .answer__tip:last-child{margin-right:0}}@media screen and (min-width: 1300px){.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .answer__tip,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .answer__tip{float:left;display:block;margin-right:3.57866%;width:74.10533%;float:left;margin-bottom:0}.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .answer__tip:last-child,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .answer__tip:last-child{margin-right:0}}.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .answer__tip:after,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .answer__tip:after{content:""}.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .answer__points,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .answer__points{color:#a5a6aa}@media screen and (min-width: 760px) and (max-width: 924px){.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .answer__points,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .answer__points{float:right;text-align:right}}@media screen and (min-width: 925px) and (max-width: 1299px){.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .answer__points,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .answer__points{float:right;text-align:right}}@media screen and (min-width: 1300px){.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .answer__points,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .answer__points{float:right;text-align:right}}.openassessment .step--peer-assessment .peer-assessment__assessment .question__answers .answer__points__label,.openassessment .step--self-assessment .self-assessment__assessment .question__answers .answer__points__label{display:inline-block;margin-left:5px;color:#a5a6aa}.ui-toggle-visibility .ui-toggle-visibility__control{-webkit-transition:color 0.25s ease-in;-moz-transition:color 0.25s ease-in;transition:color 0.25s ease-in;text-decoration:none}.ui-toggle-visibility .ui-toggle-visibility__control .ico,.ui-toggle-visibility .ui-toggle-visibility__control .ui-toggle-visibility__control__copy{display:inline-block;vertical-align:middle}.ui-toggle-visibility .ui-toggle-visibility__control>.ico{-webkit-transition:all 0.25s ease-in-out 0s;-moz-transition:all 0.25s ease-in-out 0s;transition:all 0.25s ease-in-out 0s;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.ui-toggle-visibility .ui-toggle-visibility__control .ui-toggle-visibility__control__copy{margin-left:10px}.ui-toggle-visibility .ui-toggle-visibility__control:hover,.ui-toggle-visibility .ui-toggle-visibility__control:focus{color:#00a7f6}.ui-toggle-visibility .ui-toggle-visibility__control:active,.ui-toggle-visibility .ui-toggle-visibility__control.is--current{color:#1d9dd9}.ui-toggle-visibility .ui-toggle-visibility__content{-webkit-transition:opacity 0.5s ease-in 0,max-height 0.25s ease-in 0;-moz-transition:opacity 0.5s ease-in 0,max-height 0.25s ease-in 0;transition:opacity 0.5s ease-in 0,max-height 0.25s ease-in 0;max-height:40000px;overflow:auto;opacity:1.0;padding-left:2px;padding-right:2px}.ui-toggle-visibility.is--collapsed>.ui-toggle-visibility__control>.ico{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%}.ui-toggle-visibility.is--collapsed .ui-toggle-visibility__content{-webkit-transition:opacity 0.25s ease-in 0,max-height 0.5s ease-in 0;-moz-transition:opacity 0.25s ease-in 0,max-height 0.5s ease-in 0;transition:opacity 0.25s ease-in 0,max-height 0.5s ease-in 0;max-height:0;overflow:hidden;opacity:0.0}.has--hints{overflow:visible}.ui-hint .ico{margin-left:5px}.ui-hint:hover,.ui-hint:focus{color:#00a7f6}.ui-hint:after{left:0;display:block;white-space:normal;width:200px;background:rgba(2,2,3,0.75)}.ui-hint.hint--top:after{left:0;margin-left:-20px}.wrapper--openassessment{position:relative}.openassessment .openassessment__title{*zoom:1;display:block}.openassessment .openassessment__title:before,.openassessment .openassessment__title:after{content:" ";display:table}.openassessment .openassessment__title:after{clear:both}.openassessment .openassessment__message{*zoom:1;display:block;background:none;padding:0}.openassessment .openassessment__message:before,.openassessment .openassessment__message:after{content:" ";display:table}.openassessment .openassessment__message:after{clear:both}.openassessment .openassessment__steps{counter-reset:item}.openassessment .openassessment__steps__step .step__header{*zoom:1;display:block}.openassessment .openassessment__steps__step .step__header:before,.openassessment .openassessment__steps__step .step__header:after{content:" ";display:table}.openassessment .openassessment__steps__step .step__header:after{clear:both}.openassessment .openassessment__steps__step .step__title{margin-bottom:10px}@media screen and (min-width: 530px) and (max-width: 759px){.openassessment .openassessment__steps__step .step__title{float:left;display:block;margin-right:4.82916%;width:65.05695%;margin-bottom:0}.openassessment .openassessment__steps__step .step__title:last-child{margin-right:0}}@media screen and (min-width: 760px) and (max-width: 924px){.openassessment .openassessment__steps__step .step__title{float:left;display:block;margin-right:2.35765%;width:74.41059%;margin-bottom:0}.openassessment .openassessment__steps__step .step__title:last-child{margin-right:0}}@media screen and (min-width: 925px) and (max-width: 1299px){.openassessment .openassessment__steps__step .step__title{float:left;display:block;margin-right:2.35765%;width:74.41059%;margin-bottom:0}.openassessment .openassessment__steps__step .step__title:last-child{margin-right:0}}@media screen and (min-width: 1300px){.openassessment .openassessment__steps__step .step__title{float:left;display:block;margin-right:2.35765%;width:74.41059%;margin-bottom:0}.openassessment .openassessment__steps__step .step__title:last-child{margin-right:0}}.openassessment .openassessment__steps__step .step__title .step__counter,.openassessment .openassessment__steps__step .step__title .wrapper--copy{display:inline-block;vertical-align:middle}.openassessment .openassessment__steps__step .step__title .wrapper--copy{margin-left:20px;border-left:1px solid #d7dbdf;padding-left:20px}.openassessment .openassessment__steps__step .step__title .step__counter:before{content:counter(item,decimal);counter-increment:item;color:#d7dbdf}.openassessment .openassessment__steps__step .step__title .step__label,.openassessment .openassessment__steps__step .step__title .step__deadline{display:block}.openassessment .openassessment__steps__step .step__title .step__label{color:#2d2e30}.openassessment .openassessment__steps__step .step__title .step__deadline{color:#aeafb3}.openassessment .openassessment__steps__step .step__status .step__status__value{border-radius:2px;padding:5px 10px;background:#d7dbdf}.openassessment .openassessment__steps__step .step__status .ico{display:inline-block;vertical-align:bottom;margin-left:5px}.openassessment .openassessment__steps__step .step__status .copy{color:#646464}@media screen and (max-width: 529px){.openassessment .openassessment__steps__step .step__status{position:relative}}@media screen and (min-width: 530px) and (max-width: 759px){.openassessment .openassessment__steps__step .step__status{float:left;display:block;margin-right:4.82916%;width:30.11389%;margin-right:0;position:relative;top:-8px;text-align:right}.openassessment .openassessment__steps__step .step__status:last-child{margin-right:0}}@media screen and (min-width: 760px) and (max-width: 924px){.openassessment .openassessment__steps__step .step__status{float:left;display:block;margin-right:2.35765%;width:23.23176%;margin-right:0;position:relative;top:-8px;text-align:right}.openassessment .openassessment__steps__step .step__status:last-child{margin-right:0}}@media screen and (min-width: 925px) and (max-width: 1299px){.openassessment .openassessment__steps__step .step__status{float:left;display:block;margin-right:2.35765%;width:23.23176%;margin-right:0;position:relative;top:-8px;text-align:right}.openassessment .openassessment__steps__step .step__status:last-child{margin-right:0}}@media screen and (min-width: 1300px){.openassessment .openassessment__steps__step .step__status{float:left;display:block;margin-right:2.35765%;width:23.23176%;margin-right:0;position:relative;top:-8px;text-align:right}.openassessment .openassessment__steps__step .step__status:last-child{margin-right:0}}.openassessment .openassessment__steps__step .wrapper--step__content{margin-top:10px;padding-top:20px;border-top:1px solid #d7dbdf}.openassessment .openassessment__steps__step .step__message{*zoom:1;display:block;margin-bottom:20px}.openassessment .openassessment__steps__step .step__message:before,.openassessment .openassessment__steps__step .step__message:after{content:" ";display:table}.openassessment .openassessment__steps__step .step__message:after{clear:both}.openassessment .openassessment__steps__step .step__instruction{margin-bottom:20px;color:#a5a6aa}.openassessment .openassessment__steps__step .step__content{margin-bottom:20px}.openassessment .openassessment__steps__step .step__actions{margin-bottom:10px;text-align:center}@media screen and (min-width: 530px) and (max-width: 759px){.openassessment .openassessment__steps__step .step__actions{text-align:right}}@media screen and (min-width: 760px) and (max-width: 924px){.openassessment .openassessment__steps__step .step__actions{text-align:right}}@media screen and (min-width: 925px) and (max-width: 1299px){.openassessment .openassessment__steps__step .step__actions{text-align:right}}@media screen and (min-width: 1300px){.openassessment .openassessment__steps__step .step__actions{text-align:right}}.openassessment .openassessment__steps__step .step__actions .action--submit .copy,.openassessment .openassessment__steps__step .step__actions .action--submit .ico{display:inline}.openassessment .openassessment__steps__step .step__actions.has--error .message{margin-bottom:20px;text-align:left}.openassessment .openassessment__steps__step.is--loading .step__header{padding-bottom:0;border-bottom:none;margin-bottom:0}.openassessment .openassessment__steps__step.is--loading .step__counter:before,.openassessment .openassessment__steps__step.is--loading .step__label,.openassessment .openassessment__steps__step.is--loading .step__deadline{color:#ededee}.openassessment .openassessment__steps__step.is--loading .step__status__value{background:#ededee}.openassessment .openassessment__steps__step.is--loading .step__status__value .wrapper--anim{-webkit-animation:pulse 3s ease-in-out infinite;-moz-animation:pulse 3s ease-in-out infinite;animation:pulse 3s ease-in-out infinite}.openassessment .openassessment__steps__step.is--loading .step__status__value .ico{display:inline-block;color:#a5a6aa}.openassessment .openassessment__steps__step.is--loading .step__status__value .copy{color:#a5a6aa}.openassessment .openassessment__steps__step.is--collapsed .step__header{padding-bottom:0;border-bottom:none;margin-bottom:0}.openassessment .openassessment__steps__step.is--incomplete .step__counter:before{border-color:rgba(229,166,53,0.5);color:#e5a635}.openassessment .openassessment__steps__step.is--incomplete .step__status__value{background:#e5a635}.openassessment .openassessment__steps__step.is--incomplete .step__status__value .copy,.openassessment .openassessment__steps__step.is--incomplete .step__status__value .ico{color:#fff}.openassessment .openassessment__steps__step.is--incomplete .step__label{color:#e5a635}.openassessment .openassessment__steps__step.is--unavailable .step__counter:before,.openassessment .openassessment__steps__step.is--unavailable .step__label,.openassessment .openassessment__steps__step.is--unavailable .step__deadline{color:#ededee}.openassessment .openassessment__steps__step.is--unavailable .step__status__value{background:#ededee}.openassessment .openassessment__steps__step.is--unavailable .step__status__value .ico{display:inline-block;color:#a5a6aa}.openassessment .openassessment__steps__step.is--unavailable .step__status__value .copy{color:#a5a6aa}.openassessment .openassessment__steps__step.is--waiting .step__counter:before,.openassessment .openassessment__steps__step.is--waiting .step__label,.openassessment .openassessment__steps__step.is--waiting .step__deadline{color:#ededee}.openassessment .openassessment__steps__step.is--waiting .step__status__value{background:#ededee}.openassessment .openassessment__steps__step.is--waiting .step__status__value .ico{display:inline-block;color:#a5a6aa}.openassessment .openassessment__steps__step.is--waiting .step__status__value .copy{color:#a5a6aa}.openassessment .openassessment__steps__step.is--waiting .step__title .grade__value__title{color:#ededee}.openassessment .openassessment__steps__step.is--waiting .step__instruction,.openassessment .openassessment__steps__step.is--waiting .grade__value__description{color:#a5a6aa}.openassessment .openassessment__steps__step.is--complete .step__counter:before{color:#62c24a}.openassessment .openassessment__steps__step.is--complete .step__status__value{background:#62c24a}.openassessment .openassessment__steps__step.is--complete .step__status__value .ico{display:inline-block}.openassessment .openassessment__steps__step.is--complete .step__status__value .copy,.openassessment .openassessment__steps__step.is--complete .step__status__value .ico{color:#fff}.openassessment .openassessment__steps__step.has--error .step__counter:before{border-color:rgba(188,85,71,0.5);color:#bc5547}.openassessment .openassessment__steps__step.has--error .step__status__value{background:#bc5547}.openassessment .openassessment__steps__step.has--error .step__status__value .copy,.openassessment .openassessment__steps__step.has--error .step__status__value .ico{color:#fff}.openassessment .openassessment__steps__step.has--error .step__label{color:#bc5547}.openassessment .ui-toggle-visibility .ui-toggle-visibility__control .step__label{-webkit-transition:color 0.25s ease-in;-moz-transition:color 0.25s ease-in;transition:color 0.25s ease-in;color:#33a6dc}.openassessment .ui-toggle-visibility .ui-toggle-visibility__control .step__label:hover,.openassessment .ui-toggle-visibility .ui-toggle-visibility__control .step__label:focus{color:#00a7f6}.openassessment .ui-toggle-visibility .ui-toggle-visibility__control .step__label:active,.openassessment .ui-toggle-visibility .ui-toggle-visibility__control .step__label.is--current{color:#1d9dd9}.openassessment .openassessment__prompt{margin-bottom:20px}.openassessment .openassessment__prompt__copy{color:#3c3c3c}.openassessment .openassessment__prompt__copy>*{margin-bottom:20px}.openassessment .step--response .response__submission{padding:10px 10px 20px 10px;background:#f5f6f7;border-radius:2px}.openassessment .step--response .response__submission__content{margin-bottom:20px}.openassessment .step--response .response__submission__content textarea{min-height:200px}.openassessment .step--response .response__submission__content .tip{padding:5px 10px;background:#b9c1c8;color:#fff}.openassessment .step--response .response__submission__status{display:inline-block;vertical-align:middle;margin-left:10px}.openassessment .step--response .response__submission__status__title{color:#878787}.openassessment .step--response .response__submission__actions .action--save{display:block;text-align:center;margin-bottom:10px}@media screen and (min-width: 530px) and (max-width: 759px){.openassessment .step--response .response__submission__actions .action--save{display:inline-block;margin-right:10px;margin-bottom:0}}@media screen and (min-width: 760px) and (max-width: 924px){.openassessment .step--response .response__submission__actions .action--save{display:inline-block;margin-right:10px;margin-bottom:0}}@media screen and (min-width: 925px) and (max-width: 1299px){.openassessment .step--response .response__submission__actions .action--save{display:inline-block;margin-right:10px;margin-bottom:0}}@media screen and (min-width: 1300px){.openassessment .step--response .response__submission__actions .action--save{display:inline-block;margin-right:10px;margin-bottom:0}}.openassessment .step--peer-assessment .peer-assessment__display__header{*zoom:1}.openassessment .step--peer-assessment .peer-assessment__display__header:before,.openassessment .step--peer-assessment .peer-assessment__display__header:after{content:" ";display:table}.openassessment .step--peer-assessment .peer-assessment__display__header:after{clear:both}.openassessment .step--peer-assessment .peer-assessment__display__header .peer-assessment__display__title{margin-bottom:10px;color:#aeafb3}.openassessment .step--peer-assessment .peer-assessment__display__response{color:#3c3c3c}.openassessment .step--peer-assessment .peer-assessment__assessment .assessment__fields{margin-bottom:20px}.openassessment .step--peer-assessment .peer-assessment__assessment .assessment__rubric__question--feedback .wrapper--input{margin-top:20px}.openassessment .step--peer-assessment .peer-assessment__assessment .assessment__rubric__question--feedback textarea{min-height:100px}.openassessment .step--self-assessment .self-assessment__display__header{*zoom:1}.openassessment .step--self-assessment .self-assessment__display__header:before,.openassessment .step--self-assessment .self-assessment__display__header:after{content:" ";display:table}.openassessment .step--self-assessment .self-assessment__display__header:after{clear:both}.openassessment .step--self-assessment .self-assessment__display__title{margin-bottom:10px;color:#aeafb3}.openassessment .step--self-assessment .self-assessment__display__response{color:#3c3c3c}.openassessment .step--self-assessment .self-assessment__assessment .assessment__fields{margin-bottom:20px}.openassessment .step--self-assessment .self-assessment__assessment .question__answers{overflow:visible}.openassessment .step--self-assessment .self-assessment__assessment .assessment__rubric__question--feedback textarea{min-height:100px}.openassessment #openassessment__grade .step__counter,.openassessment #openassessment__grade .step__counter:before{display:none}.openassessment #openassessment__grade .wrapper--copy{margin-left:0;border-left:none;padding-left:0}@media screen and (max-width: 529px){.openassessment .step--grade .step__title{float:left;display:block;margin-right:7.42297%;width:100%}.openassessment .step--grade .step__title:last-child{margin-right:0}}@media screen and (min-width: 530px) and (max-width: 759px){.openassessment .step--grade .step__title{float:left;display:block;margin-right:4.82916%;width:100%}.openassessment .step--grade .step__title:last-child{margin-right:0}}@media screen and (min-width: 760px) and (max-width: 924px){.openassessment .step--grade .step__title{float:left;display:block;margin-right:2.35765%;width:100%}.openassessment .step--grade .step__title:last-child{margin-right:0}}@media screen and (min-width: 925px) and (max-width: 1299px){.openassessment .step--grade .step__title{float:left;display:block;margin-right:2.35765%;width:100%}.openassessment .step--grade .step__title:last-child{margin-right:0}}@media screen and (min-width: 1300px){.openassessment .step--grade .step__title{float:left;display:block;margin-right:2.35765%;width:100%}.openassessment .step--grade .step__title:last-child{margin-right:0}}.openassessment .step--grade .step__title .step__label,.openassessment .step--grade .step__title .grade__value{display:inline-block;vertical-align:middle}.openassessment .step--grade .step__title .step__label{margin-right:10px}.openassessment .step--grade .step__title .grade__value__title{color:#2d2e30}.openassessment .step--grade .grade__value__description{margin-bottom:20px;color:#3c3c3c}.openassessment .submission__answer__display__title{margin-bottom:10px;color:#aeafb3}.openassessment .submission__peer-evaluations__title{margin-bottom:10px;color:#aeafb3}.openassessment .submission__peer-evaluations__questions{margin-bottom:10px}.openassessment .submission__peer-evaluations__questions:last-child{margin-bottom:0;border-bottom:none;padding-bottom:0}.openassessment .submission__peer-evaluations__questions .question{margin-bottom:20px}.openassessment .submission__peer-evaluations__questions .question__title{*zoom:1;margin-bottom:20px;border-bottom:2px solid #646464;padding-bottom:5px}.openassessment .submission__peer-evaluations__questions .question__title:before,.openassessment .submission__peer-evaluations__questions .question__title:after{content:" ";display:table}.openassessment .submission__peer-evaluations__questions .question__title:after{clear:both}.openassessment .submission__peer-evaluations__questions .question__title__copy{margin-left:10px;color:#646464}.openassessment .submission__peer-evaluations__questions .question__score{float:right;margin-left:20px}.openassessment .submission__peer-evaluations__questions .question__score__value{color:#2d2e30}.openassessment .submission__peer-evaluations__questions .question__score__value:after{content:"/";margin-left:5px;color:#aeafb3}.openassessment .submission__peer-evaluations__questions .question__score__potential{color:#aeafb3}.openassessment .submission__peer-evaluations__questions .question__score__potential .unit{margin-left:5px}.openassessment .submission__peer-evaluations__questions .question__answers{*zoom:1;display:block;overflow:visible}.openassessment .submission__peer-evaluations__questions .question__answers:before,.openassessment .submission__peer-evaluations__questions .question__answers:after{content:" ";display:table}.openassessment .submission__peer-evaluations__questions .question__answers:after{clear:both}.openassessment .submission__peer-evaluations__questions .answer{margin-bottom:20px}@media screen and (min-width: 530px) and (max-width: 759px){.openassessment .submission__peer-evaluations__questions .answer{float:left;display:block;margin-right:4.82916%;width:47.58542%}.openassessment .submission__peer-evaluations__questions .answer:last-child{margin-right:0}.openassessment .submission__peer-evaluations__questions .answer:nth-child(2n){margin-right:0}.openassessment .submission__peer-evaluations__questions .answer:nth-child(2n+1){clear:left}}@media screen and (min-width: 760px) and (max-width: 924px){.openassessment .submission__peer-evaluations__questions .answer{float:left;display:block;margin-right:2.35765%;width:31.76157%}.openassessment .submission__peer-evaluations__questions .answer:last-child{margin-right:0}.openassessment .submission__peer-evaluations__questions .answer:nth-child(3n){margin-right:0}.openassessment .submission__peer-evaluations__questions .answer:nth-child(3n+1){clear:left}}@media screen and (min-width: 925px) and (max-width: 1299px){.openassessment .submission__peer-evaluations__questions .answer{float:left;display:block;margin-right:2.35765%;width:31.76157%}.openassessment .submission__peer-evaluations__questions .answer:last-child{margin-right:0}.openassessment .submission__peer-evaluations__questions .answer:nth-child(3n){margin-right:0}.openassessment .submission__peer-evaluations__questions .answer:nth-child(3n+1){clear:left}}@media screen and (min-width: 1300px){.openassessment .submission__peer-evaluations__questions .answer{float:left;display:block;margin-right:2.35765%;width:31.76157%}.openassessment .submission__peer-evaluations__questions .answer:last-child{margin-right:0}.openassessment .submission__peer-evaluations__questions .answer:nth-child(3n){margin-right:0}.openassessment .submission__peer-evaluations__questions .answer:nth-child(3n+1){clear:left}}.openassessment .submission__peer-evaluations__questions .answer.self-assessment{border-left:5px solid #f5f6f7;padding-left:20px}.openassessment .submission__peer-evaluations__questions .answer.self-assessment .answer__source{color:#d7dbdf}.openassessment .submission__peer-evaluations__questions .answer__source{display:block;color:#aeafb3}.openassessment .submission__peer-evaluations__questions .answer__value{display:block;margin-bottom:10px;color:#2d2e30}.openassessment .submission__peer-evaluations__questions .answer__value__value{color:#646464}.openassessment .submission__peer-evaluations__questions .answer__value__value .ui-hint{color:#d7dbdf}.openassessment .submission__peer-evaluations__questions .answer__value__value .ui-hint:hover,.openassessment .submission__peer-evaluations__questions .answer__value__value .ui-hint:focus{color:#00a7f6}.openassessment .submission__peer-evaluations__questions .answer__score,.openassessment .submission__peer-evaluations__questions .answer__score__value{display:block;color:#2d2e30}.openassessment .submission__peer-evaluations__questions .question--feedback .answer{width:100%}.openassessment .submission__feedback__title{margin-bottom:10px;color:#aeafb3}.openassessment .submission__feedback__content{margin-bottom:20px}.openassessment .submission__feedback__instructions{margin-bottom:20px;color:#a5a6aa}.openassessment .submission__feedback__elements{padding:20px 20px 20px 20px;background:#f5f6f7;border-radius:2px}.openassessment .submission__feedback__fields{margin-bottom:20px}.openassessment .submission__feedback__fields .field{margin-bottom:30px}.openassessment .submission__feedback__fields .field:last-child{margin-bottom:0}.openassessment .submission__feedback__fields select{display:block}.openassessment .submission__feedback__fields textarea{min-height:200px}.openassessment .submission__feedback__actions{padding-top:0}.openassessment .submission__feedback__actions .list--actions{padding:0}.openassessment .submission__feedback__actions .action--submit{margin-right:10px}.view--placeholder{background:transparent;margin:40px 40px}.openassessment .self-assessment__display__header,.openassessment .peer-assessment__display__header,.openassessment .step__header{margin-bottom:0 !important;border-radius:0 !important;padding-bottom:0 !important;font-size:inherit !important;border-bottom:none !important}.openassessment span{line-height:normal}.openassessment h2{text-transform:none;letter-spacing:normal}.openassessment .openassessment__steps .openassessment__steps__step .step__header .step__deadline{color:#aeafb3}.openassessment .openassessment__steps .openassessment__steps__step .step__header h2.step__title{float:left;display:block;margin-right:7.42297%;width:73.14426%;margin-top:0 !important;text-align:left !important}.openassessment .openassessment__steps .openassessment__steps__step .step__header h2.step__title:last-child{margin-right:0}@media screen and (min-width: 530px) and (max-width: 759px){.openassessment .openassessment__steps .openassessment__steps__step .step__header h2.step__title{float:left;display:block;margin-right:4.82916%;width:65.05695%}.openassessment .openassessment__steps .openassessment__steps__step .step__header h2.step__title:last-child{margin-right:0}}@media screen and (min-width: 760px) and (max-width: 924px){.openassessment .openassessment__steps .openassessment__steps__step .step__header h2.step__title{float:left;display:block;margin-right:2.35765%;width:74.41059%}.openassessment .openassessment__steps .openassessment__steps__step .step__header h2.step__title:last-child{margin-right:0}}@media screen and (min-width: 925px) and (max-width: 1299px){.openassessment .openassessment__steps .openassessment__steps__step .step__header h2.step__title{float:left;display:block;margin-right:2.35765%;width:74.41059%}.openassessment .openassessment__steps .openassessment__steps__step .step__header h2.step__title:last-child{margin-right:0}}@media screen and (min-width: 1300px){.openassessment .openassessment__steps .openassessment__steps__step .step__header h2.step__title{float:left;display:block;margin-right:2.35765%;width:74.41059%}.openassessment .openassessment__steps .openassessment__steps__step .step__header h2.step__title:last-child{margin-right:0}}.openassessment .openassessment__steps .openassessment__steps__step .step__header h2.step__title .step__label{text-transform:none;letter-spacing:normal}.openassessment .openassessment__steps .openassessment__steps__step .step__header h2.step__title .step__counter,.openassessment .openassessment__steps .openassessment__steps__step .step__header h2.step__title .wrapper--copy{display:inline-block;vertical-align:middle}.openassessment .openassessment__steps .openassessment__steps__step .step__header h2.step__title .step__counter:before{content:counter(item,decimal);counter-increment:item;color:#d7dbdf}.openassessment .step__status__value{line-height:0}.openassessment .list--actions{list-style:none !important;padding-left:0 !important;text-indent:0 !important}.openassessment .list--actions li{margin-bottom:0 !important}.openassessment .list--actions button span,.openassessment .list--actions .button span,.openassessment .list--actions .action span{color:inherit}.openassessment span{color:inherit}.openassessment .ui-toggle-visibility .ui-toggle-visibility__control,.openassessment .ui-toggle-visibility .ui-toggle-visibility__control .step__label{color:#33a6dc}.openassessment .ui-toggle-visibility .ui-toggle-visibility__control:hover,.openassessment .ui-toggle-visibility .ui-toggle-visibility__control:focus,.openassessment .ui-toggle-visibility .ui-toggle-visibility__control .step__label:hover,.openassessment .ui-toggle-visibility .ui-toggle-visibility__control .step__label:focus{color:#00a7f6}.openassessment .ui-toggle-visibility .ui-toggle-visibility__control:active,.openassessment .ui-toggle-visibility .ui-toggle-visibility__control.is--current,.openassessment .ui-toggle-visibility .ui-toggle-visibility__control .step__label:active,.openassessment .ui-toggle-visibility .ui-toggle-visibility__control .step__label.is--current{color:#1d9dd9}.openassessment .step--peer-assessment .list--peer-assessments{list-style:none outside none !important;padding-left:0 !important}.openassessment .self-assessment__display__title,.openassessment .peer-assessment__display__title{margin-bottom:10px !important;color:#aeafb3 !important}.openassessment .question__answers{padding-left:0 !important}.openassessment .step--grade .step__title{width:100% !important}.openassessment .step--grade .step__title .wrapper--copy{display:block !important}.openassessment .action--submit,.openassessment .action--save{text-shadow:none !important;box-shadow:none !important}.openassessment .ico{font-style:normal}.openassessment .step__title .step__deadline{letter-spacing:normal;text-transform:none}.openassessment .openassessment__steps__step .step__header .step__title{margin-bottom:0}.openassessment .is--collapsed .question__answers{overflow:auto}
openassessment/xblock/static/sass/vendor/bi-app/_bi-app-ltr.scss 0 → 100755
// ------------------------------------------
// left to right module
// authors:
// twitter.com/anasnakawa
// twitter.com/victorzamfir
// licensed under the MIT license
// http://www.opensource.org/licenses/mit-license.php
// ------------------------------------------
@import 'variables-ltr';
@import 'mixins';
\ No newline at end of file
openassessment/xblock/static/sass/vendor/bi-app/_bi-app-rtl.scss 0 → 100755
// ------------------------------------------
// right to left module
// authors:
// twitter.com/anasnakawa
// twitter.com/victorzamfir
// licensed under the MIT license
// http://www.opensource.org/licenses/mit-license.php
// ------------------------------------------
@import 'variables-rtl';
@import 'mixins';
\ No newline at end of file
openassessment/xblock/static/sass/vendor/bi-app/_mixins.scss 0 → 100755
// ------------------------------------------
// bi app mixins
// authors:
// twitter.com/anasnakawa
// twitter.com/victorzamfir
// licensed under the MIT license
// http://www.opensource.org/licenses/mit-license.php
// ------------------------------------------
// ------------------------------------------
// Table of contents
// ------------------------------------------
// padding
// margin
// float
// text align
// clear
// left / right
// border
// - width
// - style
// - color
// - generic
// - radius
// ltr / rtl contents
// ------------------------------------------
// generic mixin for properties with values
// (top right bottom left)
// ------------------------------------------
@mixin bi-app-compact($property, $top, $right, $bottom, $left) {
@if $bi-app-direction == ltr {
#{$property}: $top $right $bottom $left;
} @else {
#{$property}: $top $left $bottom $right;
}
}
// padding
// ------------------------------------------
@mixin padding-left($distance) {
padding-#{$bi-app-left}: $distance;
}
@mixin padding-right($distance) {
padding-#{$bi-app-right}: $distance;
}
@mixin padding($top, $right, $bottom, $left) {
@include bi-app-compact(padding, $top, $right, $bottom, $left);
}
// margin
// ------------------------------------------
@mixin margin-left($distance) {
margin-#{$bi-app-left}: $distance;
}
@mixin margin-right($distance) {
margin-#{$bi-app-right}: $distance;
}
@mixin margin($top, $right, $bottom, $left) {
@include bi-app-compact(margin, $top, $right, $bottom, $left);
}
// float
// ------------------------------------------
@mixin bi-app-float-left {
float: $bi-app-left;
}
@mixin bi-app-float-right {
float: $bi-app-right;
}
@mixin float($direction) {
@if $direction == left {
@include bi-app-float-left;
} @else if $direction == right {
@include bi-app-float-right;
} @else {
float: $direction;
}
}
// text align
// ------------------------------------------
@mixin bi-app-text-align-left {
text-align: $bi-app-left;
}
@mixin bi-app-text-align-right {
text-align: $bi-app-right;
}
@mixin text-align($direction) {
@if $direction == left {
@include bi-app-text-align-left;
} @else if $direction == right {
@include bi-app-text-align-right;
} @else {
text-align: $direction;
}
}
// clear
// ------------------------------------------
@mixin bi-app-clear-left {
clear: $bi-app-left;
}
@mixin bi-app-clear-right {
clear: $bi-app-right;
}
@mixin clear($direction) {
@if $direction == left {
@include bi-app-clear-left;
} @else if $direction == right {
@include bi-app-clear-right;
} @else {
clear: $direction;
}
}
// left / right
// ------------------------------------------
@mixin left($distance) {
@if $bi-app-direction == ltr {
left: $distance;
} @else if $bi-app-direction == rtl {
right: $distance;
}
}
@mixin right($distance) {
@if $bi-app-direction == ltr {
right: $distance;
} @else if $bi-app-direction == rtl {
left: $distance;
}
}
// border
// ------------------------------------------
// width
@mixin border-left-width($width) {
border-#{$bi-app-left}-width: $width;
}
@mixin border-right-width($width) {
border-#{$bi-app-right}-width: $width;
}
@mixin border-width($top, $right, $bottom, $left) {
@include bi-app-compact(border-width, $top, $right, $bottom, $left);
}
// style
@mixin border-left-style($style) {
border-#{$bi-app-left}-style: $style;
}
@mixin border-right-style($style) {
border-#{$bi-app-right}-style: $style;
}
@mixin border-style($top, $right, $bottom, $left) {
@include bi-app-compact(border-style, $top, $right, $bottom, $left);
}
// color
@mixin border-left-color($color) {
border-#{$bi-app-left}-color: $color;
}
@mixin border-right-color($color) {
border-#{$bi-app-right}-color: $color;
}
@mixin border-color($top, $right, $bottom, $left) {
@include bi-app-compact(border-color, $top, $right, $bottom, $left);
}
// generic
@mixin border-left($border-style) {
border-#{$bi-app-left}: $border-style;
}
@mixin border-right($border-style) {
border-#{$bi-app-right}: $border-style;
}
// radius
@mixin border-top-left-radius($radius) {
-webkit-border-top-#{$bi-app-left}-radius: $radius;
-moz-border-top#{$bi-app-left}-radius: $radius;
border-top-#{$bi-app-left}-radius: $radius;
}
@mixin border-top-right-radius($radius) {
-webkit-border-top-#{$bi-app-right}-radius: $radius;
-moz-border-top#{$bi-app-right}-radius: $radius;
border-top-#{$bi-app-right}-radius: $radius;
}
@mixin border-bottom-left-radius($radius) {
-webkit-border-bottom-#{$bi-app-left}-radius: $radius;
-moz-border-bottom#{$bi-app-left}-radius: $radius;
border-bottom-#{$bi-app-left}-radius: $radius;
}
@mixin border-bottom-right-radius($radius) {
-webkit-border-bottom-#{$bi-app-right}-radius: $radius;
-moz-border-bottom#{$bi-app-right}-radius: $radius;
border-bottom-#{$bi-app-right}-radius: $radius;
}
@mixin border-right-radius($radius) {
@include border-top-right-radius($radius);
@include border-bottom-right-radius($radius);
}
@mixin border-left-radius($radius) {
@include border-top-left-radius($radius);
@include border-bottom-left-radius($radius);
}
@mixin border-top-radius($radius) {
@include border-top-left-radius($radius);
@include border-top-right-radius($radius);
}
@mixin border-bottom-radius($radius) {
@include border-bottom-left-radius($radius);
@include border-bottom-right-radius($radius);
}
@mixin border-radius($topLeft, $topRight: null, $bottomRight: null, $bottomLeft: null) {
@if $topRight != null {
@include border-top-left-radius($topLeft);
@include border-top-right-radius($topRight);
@include border-bottom-right-radius($bottomRight);
@include border-bottom-left-radius($bottomLeft);
} @else {
-webkit-border-radius: $topLeft;
-moz-border-radius: $topLeft;
-ms-border-radius: $topLeft;
-o-border-radius: $topLeft;
border-radius: $topLeft;
}
}
// Returns "en" or "ar", useful for image suffixes.
// Usage: background-image: url(/img/header-#{lang()}.png);
@function lang() {
@if $bi-app-direction == ltr {
@return 'en';
} @else {
@return 'ar';
}
}
// Support for "direction" declaration (renders ltr/rtl).
// Useful for form elements as they swap the text-indent property and align the text accordingly.
@mixin direction {
direction: $bi-app-direction;
}
// Inverts a percentage value. Example: 97% becames 3%.
// Useful for background-position.
@function bi-app-invert-percentage($percentage) {
@if $bi-app-direction == rtl {
@return 100% - $percentage;
} @else {
@return $percentage;
}
}
// ltr / rtl contents
// ------------------------------------------
@mixin ltr {
@if $bi-app-direction == ltr {
@content;
}
}
@mixin rtl {
@if $bi-app-direction == rtl {
@content;
}
}
openassessment/xblock/static/sass/vendor/bi-app/_variables-ltr.scss 0 → 100755
// ------------------------------------------
// left to right variables to be used by bi-app mixins
// authors:
// twitter.com/anasnakawa
// twitter.com/victorzamfir
// licensed under the MIT license
// http://www.opensource.org/licenses/mit-license.php
// ------------------------------------------
// namespacing variables with bi-app to
// avoid conflicting with other global variables
$bi-app-left : left;
$bi-app-right : right;
$bi-app-direction : ltr;
$bi-app-invert-direction: rtl;
\ No newline at end of file
openassessment/xblock/static/sass/vendor/bi-app/_variables-rtl.scss 0 → 100755
// ------------------------------------------
// right to left variables to be used by bi-app mixins
// authors:
// twitter.com/anasnakawa
// twitter.com/victorzamfir
// licensed under the MIT license
// http://www.opensource.org/licenses/mit-license.php
// ------------------------------------------
// namespacing variables with bi-app to
// avoid conflicting with other global variables
$bi-app-left : right;
$bi-app-right : left;
$bi-app-direction : rtl;
$bi-app-invert-direction: ltr;
\ No newline at end of file
scripts/sass.sh
#!/usr/bin/env bash #!/usr/bin/env bash
cd `dirname $BASH_SOURCE` && cd ../openassessment/xblock/static cd `dirname $BASH_SOURCE` && cd ../openassessment/xblock/static
sass --update sass:css --force --style compressed sass --update sass:css --force --style compressed -I ./sass/vendor/bi-app
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment