Nouveau positionnement des tooltips
authorPatrick PIERRE <patrick.pierre@prismallia.fr>
dim., 17 juin 2012 20:49:12 +0200
changeset 16 3b696abda836
parent 15 7684b04e3cd6
child 17 aa8a171c5430
Nouveau positionnement des tooltips
Pdf/BaladeNature/Css/balade_nature.css
Pdf/BaladeNature/balade_nature_rich.xml
--- a/Pdf/BaladeNature/Css/balade_nature.css	dim. juin 17 19:53:48 2012 +0200
+++ b/Pdf/BaladeNature/Css/balade_nature.css	dim. juin 17 20:49:12 2012 +0200
@@ -44,4 +44,28 @@
 
 .-epub-media-overlay-active {
   background-color: yellow;
+}
+
+
+/* ========= EFFECTS ======== */
+
+
+/* ~~~~~~~~~~ Glow ~~~~~~~~~~ */
+
+#effectGlow {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+
+#effectGlowSpot {
+  position: absolute;
+  top: -50%;
+  left: -50%;
+  width: 200%;
+  height: 200%;
+  cursor: none;
+  background: -moz-radial-gradient(center 45deg, circle closest-side, transparent 10%, rgba(0, 0, 0, 0.75) 33%);
+  background: -webkit-gradient(radial, center center, 30, center center, 300, from(rgba(0,0,0,0)), to(rgba(0,0,0,.75)));
 }
\ No newline at end of file
--- a/Pdf/BaladeNature/balade_nature_rich.xml	dim. juin 17 19:53:48 2012 +0200
+++ b/Pdf/BaladeNature/balade_nature_rich.xml	dim. juin 17 20:49:12 2012 +0200
@@ -60,8 +60,8 @@
         </head>
         <media>
           <image id="balade_nature_003_rich">
-            <tooltip x="50%" y="30%" dx="-7" dy="-5"><p>Le lynx</p></tooltip>
-            <tooltip x="15%" y="68%" dy="-5"><p>L'écureuil</p></tooltip>
+            <tooltip x="52.8%" y="35.1%" dx="-10" dy="-10"><p>Le lynx</p></tooltip>
+            <tooltip x="19.8%" y="72.9%" dy="-10"><p>L'écureuil</p></tooltip>
           </image>
           <caption y="87%">
             <p>
@@ -99,10 +99,10 @@
         </head>
         <media>
           <image id="balade_nature_004_rich">
-            <tooltip x="15%" y="10%" dx="5"  dy="-6"><p>L'épervier</p></tooltip>
-            <tooltip x="16%" y="35%" dx="-5" dy="-10"><p>Les moutons</p></tooltip>
-            <tooltip x="48%" y="54%" dx="-15" dy="-6"><p>Le chamois</p></tooltip>
-            <tooltip x="10%" y="75%" dx="-2" dy="-5"><p>Le castor</p></tooltip>
+            <tooltip x="16.8%" y="12.1%" dx="-3"  dy="-8"><p>L'épervier</p></tooltip>
+            <tooltip x="18.8%" y="35%"   dx="-5"  dy="-10"><p>Les moutons</p></tooltip>
+            <tooltip x="49.8%" y="59.1%" dx="-12" dy="-11"><p>Le chamois</p></tooltip>
+            <tooltip x="14.8%" y="78.1%" dx="-7"  dy="-8"><p>Le castor</p></tooltip>
           </image>
           <caption y="87%">
             <p>
@@ -137,8 +137,8 @@
         <!-- </head> -->
         <media>
           <image id="balade_nature_005">
-            <tooltip x="55%" y="70%" dx="-10" dy="-10"><image id="zoom_herisson"/></tooltip>
-            <tooltip x="70%" y="22%" dx="-14" dy="-12"><image id="zoom_oiseau"/></tooltip>
+            <tooltip x="74.3%" y="26.1%" dx="-17" dy="-16"><image id="zoom_oiseau"/></tooltip>
+            <tooltip x="59%"   y="74.1%" dx="-14" dy="-12"><image id="zoom_herisson"/></tooltip>
           </image>
         </media>
       </section>