--- /dev/null
+.qp-player {\r
+ background-color: #557788;\r
+ height: 100%;\r
+ padding: 5px;\r
+ width: 99%;\r
+}\r
+\r
+.qp-error {\r
+ color: red;\r
+}\r
+\r
+.qp-page-error {\r
+ \r
+}\r
+\r
+.qp-page-error-text {\r
+ color: red;\r
+}\r
+\r
+.qp-item-error {\r
+ \r
+}\r
+\r
+.qp-item-error-text {\r
+ color: red;\r
+}\r
+\r
+.qp-header {\r
+ background-color: lightblue;\r
+ border-radius: 5px 5px 5px 5px;\r
+ font-size: 120%;\r
+ padding: 4px;\r
+ width: 100%;\r
+ border: 1px solid white;\r
+ \r
+}\r
+\r
+.qp-assessment-title {\r
+ font-weight:bold;\r
+}\r
+\r
+.qp-page-counter {\r
+ float: right;\r
+}\r
+\r
+.qp-page-counter-list {\r
+ \r
+}\r
+\r
+.qp-page-counter-count {\r
+ float: right;\r
+}\r
+\r
+.qp-body {\r
+ background-color: lightgrey;\r
+ border-radius: 5px 5px 5px 5px;\r
+ margin: 10px 10px 10px 10px;\r
+ padding: 10px;\r
+ border: 1px solid white;\r
+}\r
+\r
+.qp-item-body {\r
+ \r
+}\r
+\r
+.qp-item-title {\r
+ font-weight:bold;\r
+ font-size: 16px;\r
+ margin-bottom: 5px;\r
+ \r
+}\r
+\r
+.qp-feedback {\r
+ background-color: white;\r
+ border: 1px solid black;\r
+}\r
+\r
+.qp-feedback-hidden {\r
+ background-color: white;\r
+}\r
+\r
+.qp-footer {\r
+ background-color: silver;\r
+ display: none;\r
+ height: 20px;\r
+ margin-top: 10px;\r
+ padding: 6px 2px;\r
+ width: 100%;\r
+}\r
+\r
+.qp-footer-buttons {\r
+ float: none;\r
+ width: 100%;\r
+}\r
+\r
+.qp-check-button {\r
+ background-image: url("qtiplayer/imagesPlayer/btn_check.png");\r
+ cursor: pointer;\r
+ float: left;\r
+ height: 20px;\r
+ margin-left: 6px;\r
+ width: 70px;\r
+}\r
+\r
+.qp-check-button-up-hovering {\r
+ background-image: url("qtiplayer/imagesPlayer/btn_check_uh.png");\r
+}\r
+\r
+.qp-check-button-down-hovering {\r
+ background-image: url("qtiplayer/imagesPlayer/btn_check_dh.png");\r
+}\r
+\r
+.qp-check-button-up-disabled {\r
+ background-image: url("qtiplayer/imagesPlayer/btn_check_dis.png");\r
+}\r
+\r
+.qp-reset-button {\r
+ background-image: url("qtiplayer/imagesPlayer/btn_reset.png");\r
+ cursor: pointer;\r
+ float: left;\r
+ height: 20px;\r
+ margin-left: 6px;\r
+ width: 70px;\r
+}\r
+\r
+.qp-reset-button-up-hovering {\r
+ background-image: url("qtiplayer/imagesPlayer/btn_reset_uh.png");\r
+}\r
+\r
+.qp-reset-button-down-hovering {\r
+ background-image: url("qtiplayer/imagesPlayer/btn_reset_dh.png");\r
+}\r
+\r
+.qp-reset-button-up-disabled {\r
+ background-image: url("qtiplayer/imagesPlayer/btn_reset_dis.png");\r
+}\r
+\r
+.qp-prev-button {\r
+ background-image: url("qtiplayer/imagesPlayer/btn_prev.png");\r
+ cursor: pointer;\r
+ float: left;\r
+ height: 20px;\r
+ margin-left: 6px;\r
+ width: 70px;\r
+}\r
+\r
+.qp-prev-button-up-hovering {\r
+ background-image: url("qtiplayer/imagesPlayer/btn_prev_uh.png");\r
+}\r
+\r
+.qp-prev-button-down-hovering {\r
+ background-image: url("qtiplayer/imagesPlayer/btn_prev_dh.png");\r
+}\r
+\r
+.qp-prev-button-up-disabled {\r
+ background-image: url("qtiplayer/imagesPlayer/btn_prev_dis.png");\r
+}\r
+\r
+.qp-next-button {\r
+ background-image: url("qtiplayer/imagesPlayer/btn_next.png");\r
+ cursor: pointer;\r
+ float: left;\r
+ height: 20px;\r
+ margin-left: 6px;\r
+ width: 70px;\r
+}\r
+\r
+.qp-next-button-up-hovering {\r
+ background-image: url("qtiplayer/imagesPlayer/btn_next_uh.png");\r
+}\r
+\r
+.qp-next-button-down-hovering {\r
+ background-image: url("qtiplayer/imagesPlayer/btn_next_dh.png");\r
+}\r
+\r
+.qp-next-button-up-disabled {\r
+ background-image: url("qtiplayer/imagesPlayer/btn_next_dis.png");\r
+}\r
+\r
+.qp-finish-button {\r
+ background-image: url("qtiplayer/imagesPlayer/btn_finish.png");\r
+ cursor: pointer;\r
+ float: left;\r
+ height: 20px;\r
+ margin-left: 6px;\r
+ width: 70px;\r
+}\r
+\r
+.qp-finish-button-up-hovering {\r
+ background-image: url("qtiplayer/imagesPlayer/btn_finish_uh.png");\r
+}\r
+\r
+.qp-finish-button-down-hovering {\r
+ background-image: url("qtiplayer/imagesPlayer/btn_finish_dh.png");\r
+}\r
+\r
+.qp-finish-button-up-disabled {\r
+ background-image: url("qtiplayer/imagesPlayer/btn_finish_dis.png");\r
+}\r
+\r
+.qp-summary-button {\r
+ background-image: url("qtiplayer/imagesPlayer/btn_summary.png");\r
+ cursor: pointer;\r
+ float: left;\r
+ height: 20px;\r
+ margin-left: 6px;\r
+ width: 70px;\r
+}\r
+\r
+.qp-summary-button-up-hovering {\r
+ background-image: url("qtiplayer/imagesPlayer/btn_summary_uh.png");\r
+}\r
+\r
+.qp-summary-button-down-hovering {\r
+ background-image: url("qtiplayer/imagesPlayer/btn_summary_dh.png");\r
+}\r
+\r
+.qp-summary-button-up-disabled {\r
+ background-image: url("qtiplayer/imagesPlayer/btn_summary_dis.png");\r
+}\r
+\r
+.qp-feedback-inline {\r
+ height: 20px;\r
+ padding: 10px;\r
+ width: 180px;\r
+}\r
+\r
+.qp-feedback-inline-correct {\r
+ background-color: #00FF00;\r
+ height: 20px;\r
+ opacity: 0.8;\r
+ width: 180px;\r
+}\r
+\r
+.qp-feedback-inline-wrong {\r
+ background-color: #FF0055;\r
+ height: 20px;\r
+ opacity: 0.8;\r
+ width: 180px;\r
+}\r
+\r
+.qp-feedback-inline-contents {\r
+ background-color: #99FF00;\r
+ cursor: pointer;\r
+ height: 20px;\r
+ width: 180px;\r
+}\r
+\r
+.qp-message-box {\r
+ font-size: 10px;\r
+ padding: 3px;\r
+}\r
+\r
+.qp-message-error {\r
+ background-color: #FFCCFF;\r
+ border: 1px solid #FF3300;\r
+ color: #000000;\r
+ height: 13px;\r
+ padding: 0px 5px;\r
+}\r
+\r
+.qp-message-warning {\r
+ background-color: #FFFFCC;\r
+ border: 1px solid #FFCC00;\r
+ color: #000000;\r
+ height: 13px;\r
+ padding: 0px 5px;\r
+}\r
+\r
+.qp-message-info {\r
+ background-color: #CCFFFF;\r
+ border: 1px solid #0099FF;\r
+ color: #000000;\r
+ height: 13px;\r
+ padding: 0px 5px;\r
+}\r
+\r
+.qp-message-title {\r
+ float: left;\r
+ padding-right: 4px;\r
+}\r
+\r
+.qp-message-content {\r
+ color: #000000;\r
+ float: right;\r
+}\r
+\r
+.qp-text-module {\r
+ margin-top: 5px;\r
+ margin-bottom: 50px;\r
+ background-color:white;\r
+ border-radius: 15px;\r
+ padding: 5px;\r
+}\r
+\r
+.qp-text-textentry-correct {\r
+ background: url("qtiplayer/imagesPlayer/correct_icon.png") no-repeat scroll left center transparent;\r
+ padding-left: 20px;\r
+}\r
+\r
+.qp-text-textentry-wrong {\r
+ background: url("qtiplayer/imagesPlayer/wrong_icon.png") no-repeat scroll left center transparent;\r
+ padding-left: 20px;\r
+}\r
+\r
+.qp-text-choice-correct {\r
+ background: url("qtiplayer/imagesPlayer/correct_icon.png") no-repeat scroll left center transparent;\r
+ padding-left: 20px;\r
+}\r
+\r
+.qp-text-choice-wrong {\r
+ background: url("qtiplayer/imagesPlayer/wrong_icon.png") no-repeat scroll left center transparent;\r
+ padding-left: 20px;\r
+}\r
+\r
+.qp-textentrymultiple-textbox {\r
+ width: 32px;\r
+}\r
+\r
+.qp-textentrymultiple-text-correct {\r
+ background: url("qtiplayer/imagesPlayer/correct_icon.png") no-repeat scroll left center transparent;\r
+ padding-left: 20px;\r
+}\r
+\r
+.qp-textentrymultiple-text-wrong {\r
+ background: url("qtiplayer/imagesPlayer/wrong_icon.png") no-repeat scroll left center transparent;\r
+ padding-left: 20px;\r
+}\r
+\r
+.qp-choice-module {\r
+ margin-top: 5px;\r
+}\r
+\r
+.qp-choice-prompt {\r
+ font-weight: bold;\r
+}\r
+\r
+.qp-choice-option {\r
+ margin-left: 20px;\r
+ margin-top: 7px;\r
+}\r
+\r
+.qp-choice-selected-correct {\r
+ background: url("qtiplayer/imagesPlayer/correct_icon.png") no-repeat scroll left center transparent;\r
+ margin-left: -20px;\r
+ padding-left: 20px;\r
+}\r
+\r
+.qp-choice-selected-wrong {\r
+ background: url("qtiplayer/imagesPlayer/wrong_icon.png") no-repeat scroll left center transparent;\r
+ margin-left: -20px;\r
+ padding-left: 20px;\r
+}\r
+\r
+.qp-choice-button {\r
+ width: 100%;\r
+}\r
+\r
+.qp-choice-option-container {\r
+ \r
+}\r
+\r
+.qp-text-inline {\r
+ position: relative ! important;\r
+}\r
+\r
+.qp-choice-option td {\r
+ vertical-align: middle ! important;\r
+}\r
+\r
+.qp-choice-option-cover {\r
+ height: 100%;\r
+ width: 100%;\r
+}\r
+\r
+.qp-choice-notselected-correct {\r
+ \r
+}\r
+\r
+.qp-choice-notselected-wrong {\r
+ \r
+}\r
+\r
+.qp-choice-feedback-correct {\r
+ color: #00FF00;\r
+}\r
+\r
+.qp-choice-feedback-wrong {\r
+ color: #FF0000;\r
+}\r
+\r
+.qp-video {\r
+ background-color: white;\r
+}\r
+\r
+.qp-test-container {\r
+ background-color: #DDDDDD;\r
+ border: 1px solid #FFFF00;\r
+ padding: 0px;\r
+}\r
+\r
+.qp-test-element {\r
+ background-color: #7722EE;\r
+ border: 1px solid #FF0000;\r
+ height: 50px;\r
+ width: 50px;\r
+}\r
+\r
+.qp-order-container {\r
+ border: 0px solid #FFFF00;\r
+ height: 64px;\r
+ padding-left: 1px;\r
+ width: 400px;\r
+}\r
+\r
+.qp-order-option {\r
+ border: 1px solid #DDDDDD;\r
+ height: 50px;\r
+ vertical-align: middle;\r
+ width: 100px;\r
+}\r
+\r
+.qp-order-option-content {\r
+ height: 100%;\r
+ text-align: center;\r
+ vertical-align: middle;\r
+ width: 100%;\r
+}\r
+\r
+.qp-order-option-cover {\r
+ background: url("qtiplayer/imagesPlayer/transparent.gif") repeat scroll 0% 0% transparent;\r
+ border: medium none;\r
+ height: 50px;\r
+ margin: 0px;\r
+ width: 100px;\r
+}\r
+\r
+.qp-order-option-content-correct {\r
+ color: #00FF00;\r
+}\r
+\r
+.qp-order-option-content-wrong {\r
+ color: #990000;\r
+}\r
+\r
+.qp-resultpage-container {\r
+ \r
+}\r
+\r
+.qp-resultpage-items {\r
+ \r
+}\r
+\r
+.qp-resultpage-item-title {\r
+ \r
+}\r
+\r
+.qp-resultpage-item-title-hover {\r
+ cursor: pointer;\r
+ text-decoration: underline;\r
+}\r
+\r
+.qp-resultpage-score {\r
+ float: none;\r
+ height: 20px;\r
+ width: 100%;\r
+}\r
+\r
+.qp-resultpage-percents {\r
+ float: left;\r
+ font-weight: bold;\r
+}\r
+\r
+.qp-resultpage-points {\r
+ float: left;\r
+ font-weight: bold;\r
+ padding: 0px 8px;\r
+}\r
+\r
+.qp-resultpage-time {\r
+ float: left;\r
+ font-weight: bold;\r
+}\r
+\r
+.qp-resultpage-continue {\r
+ background-image: url("qtiplayer/imagesPlayer/btn_reset.png");\r
+ cursor: pointer;\r
+ float: left;\r
+ height: 20px;\r
+ margin-left: 6px;\r
+ width: 70px;\r
+}\r
+\r
+.qp-resultpage-preview {\r
+ background-image: url("qtiplayer/imagesPlayer/btn_preview.png");\r
+ cursor: pointer;\r
+ float: left;\r
+ height: 20px;\r
+ margin-left: 6px;\r
+ width: 70px;\r
+}\r
+\r
+.qp-toc-item-title {\r
+ \r
+}\r
+\r
+.qp-toc-item-title-hover {\r
+ cursor: pointer;\r
+ text-decoration: underline;\r
+}\r
+\r
+.qp-match-module {\r
+ \r
+}\r
+\r
+.qp-match-container {\r
+ \r
+}\r
+\r
+.qp-match-container-layout {\r
+ margin: 10px 0px;\r
+ width: 420px;\r
+}\r
+\r
+.qp-match-area-container {\r
+ \r
+}\r
+\r
+.qp-match-area-container2 {\r
+ \r
+}\r
+\r
+.qp-match-area-container-cover {\r
+ background: url("qtiplayer/imagesPlayer/transparent.gif") repeat scroll 0% 0% transparent;\r
+}\r
+\r
+.qp-match-area-container-land {\r
+ background: url("qtiplayer/imagesPlayer/transparent.gif") repeat scroll 0% 0% transparent;\r
+}\r
+\r
+.qp-match-area-container {\r
+ width: 420px;\r
+}\r
+\r
+.qp-match-left-container {\r
+ \r
+}\r
+\r
+.qp-match-element-left-container {\r
+ float: right;\r
+ height: 40px;\r
+ width: 140px;\r
+}\r
+\r
+.qp-match-element-left-text-container {\r
+ height: 30px;\r
+ padding-right: 10px;\r
+ padding-top: 10px;\r
+ width: 110px;\r
+}\r
+\r
+.qp-match-element-left-text {\r
+ float: right;\r
+}\r
+\r
+.qp-match-element-left-slot {\r
+ background-image: url("qtiplayer/imagesPlayer/slot.png");\r
+ height: 40px;\r
+ width: 20px;\r
+}\r
+\r
+.qp-match-right-container {\r
+ \r
+}\r
+\r
+.qp-match-element-right-container {\r
+ height: 40px;\r
+ width: 200px;\r
+}\r
+\r
+.qp-match-element-right-text-container {\r
+ height: 30px;\r
+ padding-left: 10px;\r
+ padding-top: 10px;\r
+ width: 170px;\r
+}\r
+\r
+.qp-match-element-right-text {\r
+ \r
+}\r
+\r
+.qp-match-element-right-slot {\r
+ background-image: url("qtiplayer/imagesPlayer/slot.png");\r
+ height: 40px;\r
+ width: 20px;\r
+}\r
+\r
+.qp-match-area-dragline-svg {\r
+ stroke-width: 2;\r
+}\r
+\r
+.qp-match-area-line-svg {\r
+ stroke-width: 2;\r
+}\r
+\r
+.qp-match-area-line-correct-svg {\r
+ stroke-width: 2;\r
+ stroke: green;\r
+}\r
+\r
+.qp-match-area-line-wrong-svg {\r
+ stroke-width: 2;\r
+ stroke: red;\r
+}\r
+\r
+.qp-audioplayer-button {\r
+ background-image: url("qtiplayer/imagesPlayer/audio_play.png");\r
+ cursor: pointer;\r
+ height: 32px;\r
+ width: 32px;\r
+}\r
+\r
+.qp-audioplayer-button-playing {\r
+ background-image: url("qtiplayer/imagesPlayer/audio_stop.png");\r
+ cursor: pointer;\r
+ height: 32px;\r
+ width: 32px;\r
+}\r
+\r
+.qp-identification {\r
+ \r
+}\r
+\r
+.qp-identification-option, .qp-identification-option-notselected-correct, .qp-identification-option-notselected-wrong {\r
+ cursor: pointer;\r
+ float: left;\r
+ padding: 0pt 5px;\r
+}\r
+\r
+.qp-identification-option-selected {\r
+ background-color: #99CC00;\r
+ cursor: pointer;\r
+ float: left;\r
+ padding: 0pt 5px;\r
+}\r
+\r
+.qp-identification-option-selected-correct {\r
+ background-color: #00FF00;\r
+ cursor: pointer;\r
+ float: left;\r
+ padding: 0pt 5px;\r
+}\r
+\r
+.qp-identification-option-selected-wrong {\r
+ background-color: #FF0000;\r
+ cursor: pointer;\r
+ float: left;\r
+ padding: 0pt 5px;\r
+}\r
+\r
+.qp-identification-separator {\r
+ float: left;\r
+}\r
+\r
+.qp-identification-option-cover {\r
+ background: url("qtiplayer/imagesPlayer/transparent.gif") repeat scroll 0% 0% transparent;\r
+ height: 100%;\r
+ width: 100%;\r
+}\r
+\r
+.qp-selection-item-correct {\r
+ background: url("qtiplayer/imagesPlayer/correct_icon.png") no-repeat scroll left center transparent;\r
+ padding-left: 20px;\r
+}\r
+\r
+.qp-selection-item-wrong {\r
+ background: url("qtiplayer/imagesPlayer/wrong_icon.png") no-repeat scroll left center transparent;\r
+ padding-left: 20px;\r
+}\r
+\r
+.qp-math-inline {\r
+ display: inline-block;\r
+}\r
+\r
+.smath-gap {\r
+ height: 20px;\r
+ width: 24px;\r
+}\r
+\r
+.smath-gap-correct {\r
+ background-color: #CCFFCC;\r
+ height: 20px;\r
+ width: 24px;\r
+}\r
+\r
+.smath-gap-wrong {\r
+ background-color: #FFCCCC;\r
+ height: 20px;\r
+ width: 24px;\r
+}\r
+\r
+.qp-dragdrop-slot {\r
+ background-color: #FFFFFF;\r
+ border: 1px solid #000000;\r
+ height: 22px;\r
+ width: 62px;\r
+}\r
+\r
+.qp-dragdrop-slot-correct {\r
+ background-color: #00FF00;\r
+ border: 1px solid #000000;\r
+ height: 22px;\r
+ width: 62px;\r
+}\r
+\r
+.qp-dragdrop-slot-wrong {\r
+ background-color: #FF0000;\r
+ border: 1px solid #000000;\r
+ height: 22px;\r
+ width: 62px;\r
+}\r
+\r
+.qp-dragdrop-container {\r
+ \r
+}\r
+\r
+.qp-dragdrop-contents {\r
+ \r
+}\r
+\r
+.qp-dragdrop-sourcelist {\r
+ height: 80px;\r
+ width: 100%;\r
+}\r
+\r
+.qp-dragdrop-dragpanel {\r
+ height: 100%;\r
+ width: 100%;\r
+}\r
+\r
+.qp-dragdrop-element-container {\r
+ background-color: #999999;\r
+ height: 24px;\r
+ opacity: 0.3;\r
+ width: 64px;\r
+}\r
+\r
+.qp-dragdrop-element-contents {\r
+ height: 100%;\r
+ text-align: center;\r
+ vertical-align: middle;\r
+ width: 100%;\r
+}\r
+\r
+.qp-dragdrop-element-cover {\r
+ background: url("qtiplayer/imagesPlayer/transparent.gif") repeat scroll 0% 0% transparent;\r
+ height: 100%;\r
+ width: 100%;\r
+}\r
+\r
+.qp-vocabox-container {\r
+ border: 1px solid #CCCCCC;\r
+ height: 70px;\r
+ width: 280px;\r
+}\r
+\r
+.qp-vocabox-contents {\r
+ margin: 12px;\r
+ text-align: justify;\r
+}\r
+\r
+.qp-vocabox-item {\r
+ cursor: pointer;\r
+ padding: 5px;\r
+}\r
+\r
+.qp-vocabox-item-playing {\r
+ color: #990000;\r
+ cursor: pointer;\r
+ padding: 5px;\r
+}\r
+\r
+.qp-vocabox-item-played {\r
+ color: #006600;\r
+ cursor: pointer;\r
+ padding: 5px;\r
+}
\ No newline at end of file