Skip to content
Snippets Groups Projects
Select Git revision
  • aa61a0786df6d615c87489c9158f9cbdd33d1283
  • master default protected
2 results

Spitter.ctxt

Blame
    • sn3-qsk-u1's avatar
      494ab9dc
      Update CoronaVirus.class, Crowd.class, DispoMask.class, Enemy.class,... · 494ab9dc
      sn3-qsk-u1 authored
      Update CoronaVirus.class, Crowd.class, DispoMask.class, Enemy.class, FaceMask.class, GasMask.class, Interactables.class, Item.class, Overlay.class, Platform.class, Player.class, Sanitizer.class, Scoreboard.class, Scroller.class, Spit.class, Spitter.class, StartMenu.class, ToiletPaper.class, Welt.class, CoronaVirus.ctxt, CoronaVirus.java, Crowd.ctxt, Crowd.java, DispoMask.ctxt, DispoMask.java, Enemy.ctxt, Enemy.java, FaceMask.ctxt, FaceMask.java, GasMask.ctxt, GasMask.java, Interactables.ctxt, Interactables.java, Item.ctxt, Item.java, Overlay.ctxt, Overlay.java, Platform.ctxt, Platform.java, Player.ctxt, Player.java, project.greenfoot, README.TXT, Sanitizer.ctxt, Sanitizer.java, Scoreboard.ctxt, Scoreboard.java, Scroller.ctxt, Spit.ctxt, Spit.java, Spitter.ctxt, Spitter.java, StartMenu.ctxt, StartMenu.java, ToiletPaper.ctxt, ToiletPaper.java, Welt.ctxt, Welt.java files
      494ab9dc
      History
      Update CoronaVirus.class, Crowd.class, DispoMask.class, Enemy.class,...
      sn3-qsk-u1 authored
      Update CoronaVirus.class, Crowd.class, DispoMask.class, Enemy.class, FaceMask.class, GasMask.class, Interactables.class, Item.class, Overlay.class, Platform.class, Player.class, Sanitizer.class, Scoreboard.class, Scroller.class, Spit.class, Spitter.class, StartMenu.class, ToiletPaper.class, Welt.class, CoronaVirus.ctxt, CoronaVirus.java, Crowd.ctxt, Crowd.java, DispoMask.ctxt, DispoMask.java, Enemy.ctxt, Enemy.java, FaceMask.ctxt, FaceMask.java, GasMask.ctxt, GasMask.java, Interactables.ctxt, Interactables.java, Item.ctxt, Item.java, Overlay.ctxt, Overlay.java, Platform.ctxt, Platform.java, Player.ctxt, Player.java, project.greenfoot, README.TXT, Sanitizer.ctxt, Sanitizer.java, Scoreboard.ctxt, Scoreboard.java, Scroller.ctxt, Spit.ctxt, Spit.java, Spitter.ctxt, Spitter.java, StartMenu.ctxt, StartMenu.java, ToiletPaper.ctxt, ToiletPaper.java, Welt.ctxt, Welt.java files
    styles.css 22.55 KiB
    /* Styles used when questions are being attempted. */
    .que.stack .stackruntimeerrror {
        color: #c02200;
        font-size: 100%;
        font-weight: bold;
    }
    .que.stack .stacksyntaxexample {
        color: #1f536b;
        font-family: monospace;
        font-size: 100%;
        font-weight: bold;
    }
    .que.stack .stacksyntaxexamplehighlight {
        color: #f00;
    }
    .que.stack .stackinputfeedback.standard {
        border: 1px solid #fff;
        background-color: #fff;
        margin: 0.2em 3em 0.5em;
        padding: 0.5em 0.5em 0;
    }
    .que.stack .stackinputfeedback.equiv {
        vertical-align: top;
        display: inline-block;
        background-color: #fff;
        margin: 0;
        padding: 0.2em;
    }
    .que.stack .stackinputfeedback.compact {
        margin: 3px 3px 3px;
        display: inline-block;
        background-color: white;
        border: 1px solid #ccc;
        padding: 0.3em;
    }
    .stackinputfeedback .MathJax_Display {
        margin: 0.5em 0;
    }
    .que.stack .stackinputerror {
        padding: 0.2em 0.2em 0.2em;
        margin: 3px 3px 3px;
        display: block;
    }
    .que.stack .stackinputnotice {
        font-size: x-small;
        color: #888;
    }
    .que.stack .stackinputfeedback.empty {
        display: none;
    }
    .que.stack .stackinputfeedback.waiting,
    .que.stack .stackinputfeedback.loading {
        color: #888;
        min-height: 1em;
    }
    .que.stack .stackinputfeedback.loading {
        background: #fff url([[pix:moodle|i/loading_small]]) no-repeat top right;
    }
    .que.stack .stackinputfeedback.waiting .stacksyntaxexample,
    .que.stack .stackinputfeedback.loading .stacksyntaxexample {
        color: #84aec1;
    }
    .que.stack textarea {
        vertical-align: top;
        display: inline-block;
        max-width: 100%;
        resize: both;
    }
    .que.stack input[type=checkbox] {
        margin-right: 0.4em;
    }
    .que.stack input[type=radio] {
        margin-right: 0.4em;
    }
    .que.stack input[type=text] {
        max-width: 100%;
    }
    .que.stack .numerical-right,
    .que.stack .algebraic-right,
    .que.stack .algebraic-units-right {
        max-width: 100%;
        text-align: right;
    }
    
    .que.stack .formulation .stackprtfeedback {
        background: #fcf8e3;
        margin: 0.2em -0.2em 0.5em;
        padding: 0.2em 0.5em 0.2em 0.2em;
        display: inline-block;
    }
    .que.stack .formulation .stackprtfeedback .correct,
    .que.stack .formulation .stackprtfeedback .partiallycorrect,
    .que.stack .formulation .stackprtfeedback .incorrect {
        background: transparent;
        font-weight: 700;
    }
    .que.stack .formulation .questiontestslink {
        float: right;
        font-size: 0.8em;
        margin: -0.3em -0.3em;
    }
    body.pagelayout-embedded .que.stack .formulation .questiontestslink {
        display: none;
    }
    
    .que.stack .formulation .answer .option {
        margin: 0.7em;
    }
    
    .que.stack .matrixtable {
        border-collapse: collapse;
    }
    
    .que.stack div.matrixroundbrackets {
        display: inline-block;
        border: 0;
        border-left: 2px solid #000;
        border-right: 2px solid #000;
        border-radius: 1em;
        padding: 0.5em;
    }
    
    .que.stack div.matrixnobrackets {
        display: inline-block;
        border: 0;
        padding: 0.5em;
    }
    
    .que.stack div.matrixbarbrackets {
        display: inline-block;
        border: 0;
        border-left: 2px solid #000;
        border-right: 2px solid #000;
        padding: 0.5em;
    }
    
    .que.stack div.matrixsquarebrackets {
        display: inline-block;
        background-image:
            linear-gradient(#000, #000),
            linear-gradient(#000, #000),
            linear-gradient(#000, #000),
            linear-gradient(#000, #000);
        background-repeat: no-repeat;
        background-size: 8px 2px;
        background-position: top left, top right, bottom left, bottom right;
        border: solid #000;
        border-width: 0 2px;
        padding: 0.5em;
    }
    
    .que.stack textarea.varmatrixinput {
        overflow: hidden;
        white-space: pre;
        min-width: 3rem;
        min-height: 3rem;
        width: 3rem;
        height: 3rem;
        outline: none;
    }
    
    body.path-question-type-stack-doc blockquote {
        border-left: 5px solid #ccc;
        margin: 1.5em 10px;
        padding: 1em 10px .1em 10px;
        quotes: "\201C""\201D""\2018""\2019";
    }
    
    /* Support for proof. */
    .proof,
    .proof-block {
        text-align: left;
        background: rgba(255, 255, 255, 0.3);
        border: 1px solid #ddd;
        border-radius: 4px;
        padding: 3px;
        margin: 2px 4px;
        overflow: hidden;
    }
    .proof-block {
        border: none;
        border-left: 3px solid;
        margin-top: 1em;
        padding-left: 1em;
    }
    
    /* Proofs have lines, containing columns.  Clear floats after the columns. */
    .proof-line {
        width: 100%;
        content: "";
        display: table;
        clear: both;
    }
    /* Create columns that floats next to each other. */
    .proof-num {
        float: left;
        width: 25px;
        padding: 1px;
    }
    .proof-comment {
        background: rgba(255, 255, 255, 0.7);
        float: right;
        border-radius: 3px;
        border: 1px solid #ddd;
        padding: 2px;
        margin: 2px;
    }
    .proof-step,
    .proof-column,
    .proof-column-2 {
        float: left;
        padding: 1px;
    }
    /* Proof columns have a fixed width.  Comments and steps do not.  */
    .proof-column,
    .proof-column-2 {
        width: 48%;
    }
    .proof-column-2 {
        background: rgba(255, 255, 255, 0.7);
    }
    
    @media screen and (max-width: 900px) {
        .proof-column {
            width: 100%;
        }
        .proof-column-2 {
            width: 100%;
        }
    }
    
    /* Style some proofs as numbered steps. */
    ol.proof-steps {
        counter-reset: li;
        margin-left: 0;
        padding-left: 0;
        margin-top: 0;
    }
    ol.proof-steps > li {
        position: relative;
        margin-left: 2em;
        padding: 0.5em;
        list-style: none;
        line-height: 1.5em;
    }
    ol.proof-steps > li > p {
        margin: 0;
    }
    ol.proof-steps > li:before {
        content: counter(li);
        counter-increment: li;
        position: absolute;
        top: 7px;
        left: -2em;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 1.5em;
        height: 1.5em;
        margin-right: .2em;
        margin-top: 0;
        border-style: none;
        border-radius: 50%;
        line-height: 1.4em;
        text-align: center;
        z-index: 2;
        background-color: #039;
        color: white;
        font-weight: 600;
        vertical-align: middle;
        padding-top: 1px;
    }
    
    ol.proof-steps > li:after {
        position: absolute;
        left: -19px;
        top: 10px;
        content: "";
        height: 100%;
        width: 0;
        border-left: 3px solid #039;
        z-index: 1;
    }
    ol.proof-steps > li:last-of-type:after {
        border: none;
    }
    ol.proof-steps > li:before {
        content: counter(li, decimal);
    }
    ol.proof-steps ol.proof-steps > li:before {
        content: counter(li, lower-latin);
    }
    ol.proof-steps ol.proof-steps ol.proof-steps > li:before {
        content: counter(li, lower-roman);
    }
    
    /* Styles for the editing form. */
    body#page-question-type-stack .fitem_fgroup .accesshide,
    body#page-question-type-stack-questiontestedit .fitem_fgroup .accesshide {
        font: inherit;
        left: 0;
        position: static;
    }
    body#page-question-type-stack div[id^=fgroup_id_][id*=node_] {
        margin-top: 2em;
        background: #ddf;
        margin-bottom: 0;
    }
    body#page-question-type-stack div[id^=fgroup_id_][id*=nodewhentrue_],
    body#page-question-type-stack div[id^=fitem_id_][id*=truefeedback_] {
        background: #cfc;
        margin-bottom: 0;
    }
    body#page-question-type-stack div[id^=fgroup_id_][id*=nodewhenfalse_],
    body#page-question-type-stack div[id^=fitem_id_][id*=falsefeedback_] {
        background: #fcc;
        margin-bottom: 0;
    }
    body#page-question-type-stack div[id^=fitem_id_][id*=truefeedback_],
    body#page-question-type-stack div[id^=fitem_id_][id*=falsefeedback_] {
        padding-bottom: 0.3em;
    }
    body#page-question-type-stack div[id^=fitem_id_][id*=nodeadd] {
        margin-top: 2em;
    }
    
    /* Styles for the supporting scripts, healthcheck, etc. */
    body.path-question-type-stack dt {
        font-weight: bold;
    }
    body.path-question-type-stack dd {
        margin-left: 2em;
    }
    body#page-question-type-stack-healthcheck textarea {
        font-family: monospace;
        width: 100%;
        white-space: pre;
    }
    body#page-question-type-stack-healthcheck div.box {
        background: #ddd;
    }
    body#page-question-type-stack-healthcheck div.box h2 {
        margin-top: 0;
        margin-bottom: 0;
    }
    body#page-question-type-stack-healthcheck div.box h3 {
        margin-top: 0.7em;
        margin-bottom: 0.3em;
    }
    body#page-question-type-stack-healthcheck div.box pre {
        margin-bottom: 0;
    }
    body.path-question-type-stack table.stacktestsuite .notes td,
    body.path-question-type-stack p.notes {
        font-weight: bold;
    }
    body.path-question-type-stack table.stacktestsuite .pass td,
    body.path-question-type-stack p.pass {
        background-color: #dfd;
    }
    body.path-question-type-stack table.stacktestsuite .fail td,
    body.path-question-type-stack p.fail {
        background-color: #fdd;
    }
    body.path-question-type-stack table.stacktestsuite .expectedfail td {
        background-color: #ffd;
    }
    body.path-question-type-stack table.stacktestsuite pre {
        font-size: 0.8em;
        background: #fff9;
        padding: 0.25rem;
        max-width: 60em;
    }
    body.path-question-type-stack .stacktestsuite td {
        padding: 0.3rem;
    }
    body.path-question-type-stack .stacktestsuite .MathJax_Display {
        margin: 0;
    }
    body.path-question-type-stack .stacktestsuite {
        margin-bottom: 0.5rem;
    }
    .questionvariables pre {
        white-space: pre-wrap;
    }
    body.path-question-type-stack h2.fail,
    body.path-question-type-stack h3 span.fail {
        color: #f00;
    }
    body.path-question-type-stack h2.pass,
    body.path-question-type-stack h3 span.pass {
        color: #080;
    }
    body.path-question-type-stack .overallresult {
        color: white;
        font-weight: bold;
        padding: 0.5em;
    }
    body.path-question-type-stack .overallresult.fail {
        background: #f00;
    }
    body.path-question-type-stack .overallresult.pass {
        background: #080;
    }
    body.path-question-type-stack .testcasebuttons div,
    body.path-question-type-stack .testcasebuttons form {
        display: inline;
    }
    
    body.path-question-type-stack pre.questiontext,
    body#page-question-type-stack-replacedollars div.questiontext,
    body.path-question-type-stack .questionnote,
    body.path-question-type-stack .questionvariables {
        background: #eee;
        padding: 1em;
    }
    body.path-question-type-stack div.questionvariables {
        padding-bottom: 0.1em;
    }
    body.path-question-type-stack .factsheet {
        color: #000;
        border: 1px solid #000;
        background: #eee;
        padding: 1em;
    }
    
    body.path-question-type-stack .undeployedvariant .singlebutton,
    body.path-question-type-stack .undeployedvariant .singlebutton div,
    body.path-question-type-stack .undeployedvariant .singlebutton form {
        display: inline;
    }
    body.path-question-type-stack .switchtovariant {
        margin-top: 1em;
    }
    
    .displayequation {
        display: block;
        text-align: left;
        margin: 0.5em 0 0.5em 2em;
    }
    .stack_plot {
        text-align: center;
    }
    body#page-question-type-stack-replacedollars pre.questiontext {
        white-space: pre-wrap;
    }
    body#page-question-type-stack-replacedollars pre del {
        color: red;
        font-weight: bold;
    }
    body#page-question-type-stack-replacedollars pre ins {
        color: green;
        font-weight: bold;
    }
    
    body.ie:not(.ie11) .stack_abstract_graph {
        /* Once IE can cope, we can delete this rule. */
        display: none;
    }
    .stack_abstract_graph {
        background: #ffc;
        margin: 5px;
    }
    .stack_abstract_graph path {
        stroke-width: 3px;
        fill: none;
    }
    .stack_abstract_graph path.left {
        stroke: #0d0;
    }
    .stack_abstract_graph circle.left {
        fill: #0d0;
    }
    .stack_abstract_graph path.right {
        stroke: #a00;
    }
    .stack_abstract_graph circle.right {
        fill: #a00;
    }
    .stack_abstract_graph path.cross {
        stroke: #f00;
        stroke-linecap: round;
    }
    .stack_abstract_graph text {
        font-family: Verdana, sans-serif;
    }
    .stack_abstract_graph text.nodelabel {
        font-size: 0.8em;
        fill: #fff;
        alignment-baseline: middle;
        text-anchor: middle;
    }
    .stack_abstract_graph text.edgelabel {
        font-size: 0.8em;
        fill: #000;
        alignment-baseline: middle;
    }
    .stack_abstract_graph text.edgelabel.left {
        text-anchor: end;
    }
    .stack_abstract_graph text.edgelabel.right {
        text-anchor: start;
    }
    .stack_abstract_graph circle.node {
        fill: #00f;
    }
    
    /* This should all be inherited in some way from the theme settings. */
    #basic-modal-content {
        display: none;
    }
    
    /* Overlay */
    #simplemodal-overlay {
        background-color: #000;
        cursor: wait;
    }
    
    /* Container */
    #simplemodal-container {
        height: 360px;
        width: 600px;
        border: 4px solid #444;
        padding: 12px;
        background-color: inherit;
    }
    #simplemodal-container .simplemodal-data {
        padding: 8px;
    }
    #simplemodal-container a.modalCloseImg {
        background: url(./x.png) no-repeat;
        width: 25px;
        height: 29px;
        display: inline;
        z-index: 3200;
        position: absolute;
        top: -15px;
        right: -16px;
        cursor: pointer;
    }
    
    /*! jQuery UI - v1.12.1 - 2019-05-02
    * http://jqueryui.com
    * Includes: core.css, autocomplete.css, menu.css, theme.css
    * Copyright jQuery Foundation and other contributors; Licensed MIT */
    
    /* Layout helpers
    ----------------------------------*/
    .ui-helper-hidden {
        display: none;
    }
    .ui-helper-hidden-accessible {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    .ui-helper-reset {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        line-height: 1.3;
        text-decoration: none;
        font-size: 100%;
        list-style: none;
    }
    .ui-helper-clearfix:before,
    .ui-helper-clearfix:after {
        content: "";
        display: table;
        border-collapse: collapse;
    }
    .ui-helper-clearfix:after {
        clear: both;
    }
    .ui-helper-zfix {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        opacity: 0;
    }
    
    .ui-front {
        z-index: 100;
    }
    
    /* Interaction Cues
    ----------------------------------*/
    .ui-state-disabled {
        pointer-events: none;
    }
    
    /* Icons
    ----------------------------------*/
    .ui-icon {
        display: inline-block;
        vertical-align: middle;
        margin-top: -.25em;
        position: relative;
        text-indent: -99999px;
        overflow: hidden;
        background-repeat: no-repeat;
    }
    
    .ui-widget-icon-block {
        left: 50%;
        margin-left: -8px;
        display: block;
    }
    
    /* Misc visuals
    ----------------------------------*/
    
    /* Overlays */
    .ui-widget-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .ui-autocomplete {
        position: absolute;
        top: 0;
        left: 0;
        cursor: default;
    }
    .ui-menu {
        list-style: none;
        padding: 0;
        margin: 0;
        display: block;
        outline: 0;
    }
    .ui-menu .ui-menu {
        position: absolute;
    }
    .ui-menu .ui-menu-item {
        margin: 0;
        cursor: pointer;
    }
    .ui-menu .ui-menu-item-wrapper {
        position: relative;
        padding: 3px 1em 3px .4em;
    }
    .ui-menu .ui-menu-divider {
        margin: 5px 0;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0 0;
    }
    .ui-menu .ui-state-focus,
    .ui-menu .ui-state-active {
        margin: -1px;
    }
    
    /* icon support */
    .ui-menu-icons {
        position: relative;
    }
    .ui-menu-icons .ui-menu-item-wrapper {
        padding-left: 2em;
    }
    
    /* left-aligned */
    .ui-menu .ui-icon {
        position: absolute;
        top: 0;
        bottom: 0;
        left: .2em;
        margin: auto 0;
    }
    
    /* right-aligned */
    .ui-menu .ui-menu-icon {
        left: auto;
        right: 0;
    }
    
    /* Component containers
    ----------------------------------*/
    .ui-widget {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1em;
    }
    .ui-widget .ui-widget {
        font-size: 1em;
    }
    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1em;
    }
    .ui-widget.ui-widget-content {
        border: 1px solid #c5c5c5;
    }
    .ui-widget-content {
        border: 1px solid #ddd;
        background: #fff;
        color: #333;
    }
    .ui-widget-content a {
        color: #333;
    }
    .ui-widget-header {
        border: 1px solid #ddd;
        background: #e9e9e9;
        color: #333;
        font-weight: bold;
    }
    .ui-widget-header a {
        color: #333;
    }
    
    /* Interaction states
    ----------------------------------*/
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default,
    .ui-button,
    /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */
    html .ui-button.ui-state-disabled:hover,
    html .ui-button.ui-state-disabled:active {
        border: 1px solid #c5c5c5;
        background: #f6f6f6;
        font-weight: normal;
        color: #454545;
    }
    .ui-state-default a,
    .ui-state-default a:link,
    .ui-state-default a:visited,
    a.ui-button,
    a:link.ui-button,
    a:visited.ui-button,
    .ui-button {
        color: #454545;
        text-decoration: none;
    }
    .ui-state-hover,
    .ui-widget-content .ui-state-hover,
    .ui-widget-header .ui-state-hover,
    .ui-state-focus,
    .ui-widget-content .ui-state-focus,
    .ui-widget-header .ui-state-focus,
    .ui-button:hover,
    .ui-button:focus {
        border: 1px solid #ccc;
        background: #ededed;
        font-weight: normal;
        color: #2b2b2b;
    }
    .ui-state-hover a,
    .ui-state-hover a:hover,
    .ui-state-hover a:link,
    .ui-state-hover a:visited,
    .ui-state-focus a,
    .ui-state-focus a:hover,
    .ui-state-focus a:link,
    .ui-state-focus a:visited,
    a.ui-button:hover,
    a.ui-button:focus {
        color: #2b2b2b;
        text-decoration: none;
    }
    
    .ui-visual-focus {
        box-shadow: 0 0 3px 1px rgb(94, 158, 214);
    }
    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active,
    a.ui-button:active,
    .ui-button:active,
    .ui-button.ui-state-active:hover {
        border: 1px solid #003eff;
        background: #007fff;
        font-weight: normal;
        color: #fff;
    }
    .ui-icon-background,
    .ui-state-active .ui-icon-background {
        border: #003eff;
        background-color: #fff;
    }
    .ui-state-active a,
    .ui-state-active a:link,
    .ui-state-active a:visited {
        color: #fff;
        text-decoration: none;
    }
    
    /* Misc visuals
    ----------------------------------*/
    
    /* Corner radius */
    .ui-corner-all,
    .ui-corner-top,
    .ui-corner-left,
    .ui-corner-tl {
        border-top-left-radius: 3px;
    }
    .ui-corner-all,
    .ui-corner-top,
    .ui-corner-right,
    .ui-corner-tr {
        border-top-right-radius: 3px;
    }
    .ui-corner-all,
    .ui-corner-bottom,
    .ui-corner-left,
    .ui-corner-bl {
        border-bottom-left-radius: 3px;
    }
    .ui-corner-all,
    .ui-corner-bottom,
    .ui-corner-right,
    .ui-corner-br {
        border-bottom-right-radius: 3px;
    }
    
    /* Overlays */
    .ui-widget-overlay {
        background: #aaa;
        opacity: .3;
    }
    .ui-widget-shadow {
        -webkit-box-shadow: 0 0 5px #666;
        box-shadow: 0 0 5px #666;
    }
    
    /* Styles for varmatrix_input */
    .varmatrixinputdiv {
        border-left: 1px solid black;
        border-right: 1px solid black;
        position: relative;
        display: inline-block;
        padding: 5px;
        min-width: 20px;
        min-height: 20px;
    }
    .varmatrixinputspan {
        outline: none;
        background: white;
        padding: 3px;
    }
    .varmatrixBorderTopLeft {
        background: black;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 10px;
        height: 1px;
    }
    .varmatrixBorderTopRight {
        background: black;
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 10px;
        height: 1px;
    }
    .varmatrixBorderBottomLeft {
        background: black;
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 10px;
        height: 1px;
    }
    .varmatrixBorderBottomRight {
        background: black;
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        width: 10px;
        height: 1px;
    }
    
    /*****************************************
                       HELM
    *****************************************/
    .HELM_exercise {
        font-weight: bold;
        font-size: 110%;
    }
    .HELM_exercise:before {
        font-family: "FontAwesome";
        content: "\f040";
        padding-right: 0.5rem;
        font-size: 120%;
        display: inline-block;
    }
    h4.HELM_example,
    .HELM_example {
        font-size: 95%;
        background: #1e92cc;
        color: #fff;
        text-shadow: none;
        padding: 0.5em;
        display: inline-block;
        margin: -0.5em -0.5em 0.5em 0;
        border-radius: 0.2em;
    }
    h4.HELM_example:before,
    .HELM_example:before {
        font-family: "FontAwesome";
        content: "\f046";
        display: inline-block;
        padding-right: 0.5em;
        vertical-align: middle;
        font-weight: 500;
        font-size: 120%;
    }
    .HELM_solution {
        font-size: 95%;
        color: #1e92cc;
    }
    .HELM_part {
        background: #1e92cc;
        color: #fff;
        text-shadow: none;
        border-radius: 0.2em;
        padding: 0.3rem;
        margin-left: 1em;
    }
    ol.HELM_parts {
        list-style: none;
        counter-reset: helm-parts;
        float: left;
        width: 100%;
    }
    ol.HELM_parts li {
        counter-increment: helm-parts;
        margin-bottom: 1.5rem;
    }
    
    ol.HELM_parts li:before {
        content: "(" counter(helm-parts, lower-alpha) ")";
        margin-left: -2.2rem;
        margin-top: -0.3rem;
        background: #1e92cc;
        border-radius: 0.2rem;
        color: white;
        text-shadow: none;
        padding: 0.3rem;
        text-align: center;
        display: inline-block;
        box-sizing: border-box;
        float: left;
        clear: left;
    }
    
    ol.HELM_parts_inline {
        list-style: none;
        padding: 0;
        counter-reset: helm-parts;
        float: left;
        width: 100%;
    }
    ol.HELM_parts_inline > li {
        counter-increment: helm-parts;
        display: inline;
        margin-left: -2.2rem;
    }
    ol.HELM_parts_inline > li::before {
        content: "(" counter(helm-parts, lower-alpha) ")";
        margin-right: 1ex;
        margin-top: -0.3rem;
        background: #1e92cc;
        border-radius: 0.2rem;
        color: white;
        text-shadow: none;
        padding: 0.3rem;
        text-align: center;
        display: inline-block;
        box-sizing: border-box;
    }
    ol.HELM_parts_inline > li:not(:last-child)::after {
        content: "";
        margin-right: 4rem;
    }
    /* Make ordered lists within ordered lists display in lower-roman (i) style. */
    ol.HELM_parts > li > ol.HELM_parts > li:before {
        content: "(" counter(helm-parts, lower-roman) ")";
    }
    
    div.HELM_keypoint {
        border: 1px solid #1e92cc;
        border-left-width: 3px;
        padding: 0.2rem 1rem;
    }
    .HELM_keypoint h4 {
        font-size: 110%;
        color: #1e92cc;
    }
    .HELM_keypoint h4:before {
        font-family: "FontAwesome";
        content: "\f0a9";
        padding-right: 0.5rem;
        font-size: 120%;
        display: inline-block;
    }
    
    /* Define HELM table styling. */
    table.HELM_table {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    table.HELM_table th {
        border-bottom: 1px solid black;
    }
    table.HELM_table td,
    table.HELM_table th {
        padding: 5px;
        padding-left: 10px;
        padding-right: 10px;
        border-right: 1px solid black;
    }
    table.HELM_table td:last-child,
    table.HELM_table th:last-child {
        border-right: 0;
    }
    
    /* RTL support */
    
    /* Student answer form fields */
    .que.stack .algebraic,
    .que.stack .algebraic-units,
    .que.stack .numerical,
    .que.stack .maxima-string,
    .que.stack .maxima-list,
    .que.stack .equiv,
    /* Question authoring form */
    #page-question-type-stack textarea#id_questionvariables,
    #page-question-type-stack input#id_variantsselectionseed,
    #page-question-type-stack #id_questionnote,
    #page-question-type-stack #id_prt1feedbackvariables,
    #page-question-type-stack input#id_ans1modelans,
    #page-question-type-stack input#id_ans1allowwords,
    #page-question-type-stack input#id_ans1options {
        display: inline-block;
        /*rtl:ignore*/
        direction: ltr;
    }
    /* Properly display inversetrig values, in RTL mode */
    #page-question-type-stack #id_inversetrig option {
        unicode-bidi: plaintext;
    }