@charset "UTF-8";
/* $Id$ */
@import url(publidoc.css);
publiquiz {
display: block;
font-family: sans-serif;
padding: 0;
}
/* Component level ========================================================= */
quiz:before {
display: block;
color: #7f7f7f;
background-color: #ddddcc;
border: 1px solid #aeaea0;
font-weight: bold;
padding: .5em 5px .5em 5px;
content: collapser() " " insert-before-button() insert-after-button()
" " add-attribute-button() " Quiz";
}
quiz[xml|id]:before {
content: collapser() " " insert-before-button() insert-after-button() " Quiz"
" – ID = " text-field(attribute, "xml:id", columns, 15, color, black);
}
quiz {
display: block;
border: 1px solid #aeaea0;
margin-bottom: .5em;
padding: 5px;
collapsible: yes;
}
quiz:last-child {
margin-bottom: 0;
}
quiz > head {
background-color: #ffffee;
padding: .3em .5em .3em .5em;
border-radius: 0.5em;
}
/* Top level =============================================================== */
publiquiz > *:before {
display: block;
color: #bbbbbb;
background: #993333 url('top.png') repeat-x top left;
font-weight: bold;
padding: 1.2em 5px 1em 5px;
}
publiquiz > document:before {
content: add-attribute-button() " Document"
" – ID = " text-field(attribute, "xml:id", columns, 15, color, white);
}
publiquiz > document[xml|id][xml|lang]:before {
content: "Document"
" – ID = " text-field(attribute, "xml:id", columns, 15, color, white)
" – Langue principale = " combo-box(attribute, "xml:lang", font-size, 75%,
values, "en\A fr\A fr-FR\A es", color, white);
}
publiquiz > quiz[xml|id]:before {
content: add-attribute-button() " Quiz"
" – ID = " text-field(attribute, "xml:id", columns, 15, color, white);
}
publiquiz > quiz[xml|id][xml|lang]:before {
content: "Quiz"
" – ID = " text-field(attribute, "xml:id", columns, 15, color, white)
" – Langue principale = " combo-box(attribute, "xml:lang", font-size, 75%,
values, "en\A fr\A fr-FR\A es", color, white);
}
publiquiz > * {
display: block;
margin: 5px;
padding: 0;
border: 0;
}
publiquiz > * > head {
background-color: #ffffee;
padding: .3em .5em .3em .5em;
border-radius: 0.5em;
}
publiquiz > * > head > title {
font-size: 140%;
}
/* Section level =========================================================== */
quiz > *:before, quiz > composite > *:before {
display: block;
color: #7f7f7f;
text-align: left;
font-style: normal;
font-size: 75%;
padding-bottom: 3px;
}
quiz > *, quiz > composite > * {
display: block;
}
quiz > *:after, quiz > composite > *:after {
color: #7f7f7f;
content: insert-after-button();
}
quiz > head:after {
display: none;
}
/* instructions ~~~~~~~~~~~~~~~~~~~~~ */
instructions:before {
background-color: #e8f0f7;
content: insert-before-button() " Consigne";
}
instructions {
display: block;
background-color: #e8f0f7;
}
instructions section:before, instructions section, instructions section:after {
margin-left: 1em;
}
/* choices ~~~~~~~~~~~~~~~~~~~~~~~~~~ */
choices-radio:before {
content: insert-before-button()
command-button(command, "putAttribute", parameter, "shuffle true", icon, icon(plus-box))
" QCM – radio";
}
choices-radio[shuffle]:before {
content: insert-before-button()
" QCM – radio"
" – shuffle = " label(attribute, shuffle, color, black)
set-attribute-button(attribute, shuffle, unset-attribute, yes);
}
choices-check:before {
content: insert-before-button()
command-button(command, "putAttribute", parameter, "shuffle true", icon, icon(plus-box))
" QCM – check";
}
choices-check[shuffle]:before {
content: insert-before-button()
" QCM – check"
" – shuffle = " label(attribute, shuffle, color, black)
set-attribute-button(attribute, shuffle, unset-attribute, yes);
}
/* blanks ~~~~~~~~~~~~~~~~~~~~~~~~~~ */
blanks-fill:before {
content: insert-before-button()
command-button(command, "putAttribute", parameter, "strict true", icon, icon(plus-box))
" Exercice à trous – saisie libre";
}
blanks-fill[strict]:before {
content: insert-before-button()
" Exercice à trous – saisie libre"
" – strict = " label(attribute, strict, color, black)
set-attribute-button(attribute, strict, unset-attribute, yes);
}
blanks-select:before {
content: insert-before-button()
command-button(command, "putAttribute", parameter, "multiple true", icon, icon(plus-box))
" Exercice à trous – liste fermée";
}
blanks-select[multiple]:before {
content: insert-before-button()
" Exercice à trous – liste fermée"
" – multiple = " label(attribute, multiple, color, black)
set-attribute-button(attribute, multiple, unset-attribute, yes);
}
/* point ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
point:before {
content: insert-before-button() " "
command-button(command, "putAttribute", parameter, "type radio", icon, icon(plus-box))
" Pointage";
}
point[type]:before {
content: insert-before-button()
" Pointage – type = " label(attribute, type, color, black)
set-attribute-button(attribute, type, unset-attribute, yes);
}
/* matching ~~~~~~~~~~~~~~~~~~~~~~~~ */
matching:before {
content: insert-before-button() " Appariement";
}
/* sort ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
sort:before {
content: insert-before-button()
command-button(command, "putAttribute", parameter, "shuffle true", icon, icon(plus-box))
" Tri";
}
sort[shuffle]:before {
content: insert-before-button()
" Tri – shuffle = " label(attribute, shuffle, color, black)
set-attribute-button(attribute, shuffle, unset-attribute, yes);
}
/* production ~~~~~~~~~~~~~~~~~~~~~~ */
production:before {
content: insert-before-button() " Production";
}
/* composite ~~~~~~~~~~~~~~~~~~~~~~~ */
composite:before {
content: insert-before-button() " Composite";
}
subquiz {
display: block;
border-style: none;
margin: 0 0 .6em 1em;
padding: 0;
}
subquiz > *, subquiz > *:before {
display: block;
}
subquiz > head {
background-color: #ffffee;
padding: .3em .5em .3em .5em;
border-radius: 0.5em;
}
subquiz > instructions:before {
content: "Consigne";
}
/* help ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
help:before {
margin-top: .5em;
background-color: #ffffdd;
content: insert-before-button() insert-button() " Aide 2";
}
help, help > *:before, help > * {
background-color: #ffffdd;
}
/* answer ~~~~~~~~~~~~~~~~~~~~~~~~~~ */
answer:before {
margin-top: .5em;
background-color: #eaffe9;
content: insert-before-button() insert-button() " Réponse";
}
answer, answer > *:before, answer > * {
background-color: #eaffe9;
}
answer:after {
display: none;
}
/* Block level ============================================================= */
/* choices.right, choices.wrong ~~~~ */
choices-radio right:before, choices-radio wrong:before,
choices-check right:before, choices-check wrong:before {
display: marker;
content: insert-before-button(color, #7f7f7f, icon, icon(left-half-disc))
insert-after-button(color, #7f7f7f, icon, icon(right-half-disc));
}
choices-radio right, choices-radio wrong,
choices-check right, choices-check wrong {
display: block;
margin-left: 24px;
font-size: 115%;
font-family: serif;
}
choices-radio > right:before {
color: #7f7f7f;
content: insert-before-button(icon, icon(left-half-disc))
insert-after-button(icon, icon(right-half-disc))
" " icon(radio-on) " ";
}
choices-radio > wrong:before {
color: #7f7f7f;
content: insert-before-button( icon, icon(left-half-disc))
insert-after-button(icon, icon(right-half-disc))
" " icon(radio-off) " ";
}
choices-check > right:before {
color: #7f7f7f;
content: insert-before-button(icon, icon(left-half-disc))
insert-after-button(icon, icon(right-half-disc))
command-button(command, "convert", parameter, "wrong", icon, icon(convert))
" " icon(check-on) " ";
}
choices-check > wrong:before {
color: #7f7f7f;
content: insert-before-button(icon, icon(left-half-disc))
insert-after-button(icon, icon(right-half-disc))
command-button(command, "convert", parameter, "right", icon, icon(convert))
" " icon(check-off) " ";
}
choices-radio > right, choices-radio > wrong {
margin-left: 52px;
}
choices-check > right, choices-check > wrong {
margin-left: 56px;
}
/* blanks.wrongs ~~~~~~~~~~~~~~~~~~~ */
blanks-select > wrongs:before {
color: #7f7f7f;
content: "Intrus : ";
}
blanks-select > wrongs {
display: block;
margin: .5em 0 .5em 0;
}
wrongs > wrong {
display: inline;
background-color: #c7e0f8;
}
wrongs > wrong:after {
color: #7f7f7f;
content: " – ";
background-color: transparent;
}
wrongs > wrong:after:last-child {
content: insert-same-after-button(color, #7f7f7f, icon, icon(right-half-disc));
}
/* match ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
match:before {
display: marker;
color: #7f7f7f;
content: insert-same-before-button(icon, icon(left-half-disc))
insert-same-after-button(icon, icon(right-half-disc));
}
match {
display: block;
margin-left: 24px;
}
match > section:before, match > p:before {
display: none;
}
match section, match p {
display: inline;
}
match > section:first-child:after, match > p:first-child:after {
color: #7f7f7f;
content: " —> ";
}
match > section:last-child:after, match > p:last-child:after {
display: none;
}
/* sort > comparison ~~~~~~~~~~~~~~~ */
comparison:before {
color: #7f7f7f;
content: "Logique de comparaison : "
}
comparison {
display: block;
margin: .2em 0 .5em 0;
}
/* sort > item ~~~~~~~~~~~~~~~~~~~~~ */
sort > item:before {
color: #7f7f7f;
content: insert-before-button(icon, icon(left-half-disc))
text-field(attribute, "shuffle", columns, 1, font-size, 75%, color, black)
" ";
}
sort > item {
display: inline;
}
sort > item:after {
color: #7f7f7f;
content: insert-same-after-button(icon, icon(right-half-disc))
" " xpath("../comparison") " ";
}
sort > item:last-child:after {
content: insert-same-after-button(icon, icon(right-half-disc)) "\A";
}
/* Inline level ============================================================ */
/* blank ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
blank {
background-color: #c0ffc0;
}
s:after {
color: #7f7f7f;
background-color: transparent;
content: insert-same-after-button(icon, icon(right-half-disc));
}
/* point.right & point.wrong ~~~~~~~ */
point right:before, point wrong:before {
background: transparent;
color: #7f7f7f;
}
point right:before {
content: command-button(command, "convert", parameter, "wrong", icon, icon(convert));
}
point wrong:before {
content: command-button(command, "convert", parameter, "right", icon, icon(convert));
}
point right {
background-color: #c0ffc0;
}
point wrong {
background-color: #c7e0f8;
}