--- 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>