Gestion des dropzones
authorPatrick PIERRE
jeu., 11 avril 2013 16:53:38 +0200
changeset 195 f23374888940
parent 194 48cf8cfe8b1a
child 196 439e06b5d496
Gestion des dropzones
Xxe/Css/publidoc.css
Xxe/Css/publiquiz.css
--- a/Xxe/Css/publidoc.css	mer. avril 10 23:13:49 2013 +0200
+++ b/Xxe/Css/publidoc.css	jeu. avril 11 16:53:38 2013 +0200
@@ -535,10 +535,6 @@
   margin: 0 .5em 0 .5em;
 }
 
-hotspot > blank {
-  background-color: transparent;
-}
-
 hotspot:after {
   display: marker;
   padding-bottom: .7em;
--- a/Xxe/Css/publiquiz.css	mer. avril 10 23:13:49 2013 +0200
+++ b/Xxe/Css/publiquiz.css	jeu. avril 11 16:53:38 2013 +0200
@@ -344,6 +344,33 @@
   vertical-align: middle;
 }
 
+/* dropzone ~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+dropzone {
+  display: block;
+  padding: .4em;
+  margin: 0 1em .1em 0; 
+  background-color: #ffefd8;
+  border-radius: 1.5em;
+}
+
+dropzone image:before {
+  content: "";
+}
+dropzone > image {
+  content: concatenate("image('Images/", attr(id), ".png', -128, -96, smooth)");
+}
+
+dropzone > blank {
+  background-color: transparent;
+}
+
+dropzone:after {
+  display: marker;
+  padding-bottom: .7em;
+  content: insert-same-after-button(color, #7f7f7f, icon, icon(right-half-disc));
+}
+
 /* choices.right, choices.wrong ~~~~ */
 
 choices-radio right:before, choices-radio wrong:before,