Help‎ > ‎

CSS reference

THIS PAGE IS UNDER CONSTRUCTION
===============================
For Corporate customers only.

Search the web for CSS if you are unsure of how it works. Basically you can add properties such as background-color, color, font-weight etc. An example of setting the background to purple would be:

.tester-panel-style{background-color:purple;}

In the above example ".tester-panel-style{}" is a selector taken from the list of selectors below and "background-color:purple;" is a valid CSS property added by you as you like. Choose individual selectors that you want to modify and paste them into the CSS tab on the Test Editor (under the Optional Details tab).

CSS is not straightforward. You should validate your CSS using one of the web-based CSS validators which can be found be searching on the web for "CSS validator", or similar. Your CSS must be exactly correct if it is to work - check for typing errors.


//TODO describe the selectors


.tester-page-panel{}
.one-click:hover{}
.one-click .tester-answer input{}
.one-click .tester-answer label{}
.tester-answer{}
.tester-answer input{}
.tester-answer label{}
.tester-answer label:hover{cursor:pointer;}
.tester-answer-wrapper{}
.radio-wrapper:hover{}
.answer-selected{}
.score-panel, .local-marker-score-panel, .tester-no-score{}
.local-marker-should-be-correct{}
.tester-answers-final-text, .tester-initial-info-text{}


.tester-question-page-button-panel{}
.tester-question{}
.tester-question-prompt{}
.tester-message-panel{}
.tester-question-page-info-panel{}
.tester-question-page-test-info{}
.wrong-number-options{}
.tester-dictate-options{}

.tester-page-timer-container{}
.tester-timer-icon{}
.tester-page-timer-txt-container{}
.page-timer{}
.page-timer-label{}
.page-timer-val{}
.test-timer{}
.tester-top-panel{}
.tester-button{}
.tester-button:hover{}
.highlight{}
.message-error{}
.message-info{}
.message-success{}
.local-marker-q-row{}
.local-marker-q-row-text{}
.local-marker-q-row-img{}
.local-marker-q-option{}
.local-marker-q-option-img{}
.local-marker-q-option-text{}
.local-marker-correct{}
.local-marker-wrong{}




.tester-answers-page-answers{}




.small-box{}
.medium-box{}
.large-box{}


.tester-hello{}
.tester-check-reference{}
.tester-list-button-panel{}
.tester-instructions-disclosure{}




.tester-end-page-deferrals-heading{}
.tester-end-page-deferrals-panel{}
.tester-reminder{}
.tester-reminder:hover{}
.tester-instructions-header{}
.tester-list-page-element{}
.tester-list-qtext-panel{}
.tester-list-qtext-txt{}
.tester-incomplete-answer{}






.start-of-test-stmt{}


.tester-photo{}
.tester-photo-panel{}
.tester-respondents-by-email-instructions{}
.tester-panel-style{}




.tester-heading-panel{}
.tester-logo{}
.tester-publication-name{}
Comments