342 right image, wrong image, item image { |
342 right image, wrong image, item image { |
343 content: concatenate("image('Images/", attr(id), ".png', -128, -96, smooth)"); |
343 content: concatenate("image('Images/", attr(id), ".png', -128, -96, smooth)"); |
344 vertical-align: middle; |
344 vertical-align: middle; |
345 } |
345 } |
346 |
346 |
|
347 /* dropzone ~~~~~~~~~~~~~~~~~~~~~~~~ */ |
|
348 |
|
349 dropzone { |
|
350 display: block; |
|
351 padding: .4em; |
|
352 margin: 0 1em .1em 0; |
|
353 background-color: #ffefd8; |
|
354 border-radius: 1.5em; |
|
355 } |
|
356 |
|
357 dropzone image:before { |
|
358 content: ""; |
|
359 } |
|
360 dropzone > image { |
|
361 content: concatenate("image('Images/", attr(id), ".png', -128, -96, smooth)"); |
|
362 } |
|
363 |
|
364 dropzone > blank { |
|
365 background-color: transparent; |
|
366 } |
|
367 |
|
368 dropzone:after { |
|
369 display: marker; |
|
370 padding-bottom: .7em; |
|
371 content: insert-same-after-button(color, #7f7f7f, icon, icon(right-half-disc)); |
|
372 } |
|
373 |
347 /* choices.right, choices.wrong ~~~~ */ |
374 /* choices.right, choices.wrong ~~~~ */ |
348 |
375 |
349 choices-radio right:before, choices-radio wrong:before, |
376 choices-radio right:before, choices-radio wrong:before, |
350 choices-check right:before, choices-check wrong:before { |
377 choices-check right:before, choices-check wrong:before { |
351 display: marker; |
378 display: marker; |