# HG changeset patch # User Patrick PIERRE <patrick.pierre@prismallia.fr> # Date 1339958952 -7200 # Node ID 3b696abda836b922eb385bea73f66076e22d3604 # Parent 7684b04e3cd68ff65ef1281bc50c710f8240963d Nouveau positionnement des tooltips diff -r 7684b04e3cd6 -r 3b696abda836 Pdf/BaladeNature/Css/balade_nature.css --- 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 diff -r 7684b04e3cd6 -r 3b696abda836 Pdf/BaladeNature/balade_nature_rich.xml --- 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>