| Newsgroups |
gmane.text.xml.svg.devel |
| Message-ID |
<[email protected]> |
--9nlWnTS9ocNmxdhsK3FKVLWiM6a5jwOaA8HvrLV
Content-Transfer-Encoding: base64
Content-Type: text/plain; charset="UTF-8"
UmVjZW50bHkgSSBoYXZlIHByYWN0aWNlZCB0aGUgU1ZHIGhvdmVyIGVmZmVjdCBpbiBteSByYWls
d2F5IGRpYWdyYW0gdXBvbiByZWFsaXppbmcgdGhlIENTUyBob3ZlciBkb2VzIG5vdCB3b3JrIGFz
IGV4cGVjdGVkIG9uIG1vYmlsZSBkZXZpY2VzLiBUaGlzIHRpbWUgSSB1c2VkIDxzZXQ+IGJlY2F1
c2UgSSBzdXNwZWN0IGl0IGlzIG1vcmUgZW5lcmd5LWVmZmljaWVudCB0aGFuIDxhbmltYXRlPi4g
WW91IGNhbiBsb29rIGZvciBpZD0iV2F0Zm9yZF9EQ19saW5lX3JvdXRlX2hvdmVyIiBpbiB0aGUg
c291cmNlIGNvZGUgZm9yIGFjdHVhbCB1c2FnZS4gImJlZ2luIiBhbmQgImVuZCIgZG8gbm90IHJl
ZmVyIHRvIHRoZSBzYW1lIG9iamVjdCBiZWNhdXNlIHRoZSBuZXcgb2JqZWN0IGJlaW5nIGNhbGxl
ZCBvdXQgYnkgLm1vdXNlb3ZlciB3aWxsIGNvdmVyIHRoZSBvcmlnaW5hbGx5IHRyaWdnZXJpbmcg
b2JqZWN0LCBlZmZlY3RpdmVseSBkaXNhYmxlcyBhbnkgYWN0aW9uIHJlZmVycmluZyB0byB0aGF0
IG9iamVjdCwgaGVuY2UgeW91IG5lZWQgdG8gYXBwbHkgLm1vdXNlb3V0IG9uIHRoZSBuZXcgb2Jq
ZWN0IGluIG9yZGVyIHRvIGVuZCB0aGUgYWN0aW9uLg0KDQpodHRwczovL3VwbG9hZC53aWtpbWVk
aWEub3JnL3dpa2lwZWRpYS9jb21tb25zLzMvM2MvTG9uZG9uX092ZXJncm91bmRfYXNfYV9jaXJj
bGUuc3ZnIGh0dHBzOi8vdXBsb2FkLndpa2ltZWRpYS5vcmcvd2lraXBlZGlhL2NvbW1vbnMvMy8z
Yy9Mb25kb25fT3Zlcmdyb3VuZF9hc19hX2NpcmNsZS5zdmc=
--9nlWnTS9ocNmxdhsK3FKVLWiM6a5jwOaA8HvrLV
Content-Type: text/html; charset=UTF-8
Content-Transfer-Encoding: 7bit
<head>
<style type="text/css">
<!--
/* start of attachment style */
.ygrp-photo-title{
clear: both;
font-size: smaller;
height: 15px;
overflow: hidden;
text-align: center;
width: 75px;
}
div.ygrp-photo{
background-position: center;
background-repeat: no-repeat;
background-color: white;
border: 1px solid black;
height: 62px;
width: 62px;
}
div.photo-title
a,
div.photo-title a:active,
div.photo-title a:hover,
div.photo-title a:visited {
text-decoration: none;
}
div.attach-table div.attach-row {
clear: both;
}
div.attach-table div.attach-row div {
float: left;
/* margin: 2px;*/
}
p {
clear: both;
padding: 15px 0 3px 0;
overflow: hidden;
}
div.ygrp-file {
width: 30px;
valign: middle;
}
div.attach-table div.attach-row div div a {
text-decoration: none;
}
div.attach-table div.attach-row div div span {
font-weight: normal;
}
div.ygrp-file-title {
font-weight: bold;
}
/* end of attachment style */
-->
</style>
</head>
<html>
<head>
<style type="text/css">
<!--
#ygrp-mkp {
border: 1px solid #d8d8d8;
font-family: Arial;
margin: 10px 0;
padding: 0 10px;
}
#ygrp-mkp hr {
border: 1px solid #d8d8d8;
}
#ygrp-mkp #hd {
color: #628c2a;
font-size: 85%;
font-weight: 700;
line-height: 122%;
margin: 10px 0;
}
#ygrp-mkp #ads {
margin-bottom: 10px;
}
#ygrp-mkp .ad {
padding: 0 0;
}
#ygrp-mkp .ad p {
margin: 0;
}
#ygrp-mkp .ad a {
color: #0000ff;
text-decoration: none;
}
-->
</style>
</head>
<body>
<!-- |**|begin egp html banner|**| -->
<br><br>
<!-- |**|end egp html banner|**| -->
Recently I have practiced the SVG hover effect in my railway diagram upon realizing the CSS hover does not work as expected on mobile devices. This time I used <set> because I suspect it is more energy-efficient than <animate>. You can look for <span style="font-family:Courier New, courier, monaco, monospace, sans-serif;"><span style="color:rgb(76, 118, 162);"><span style="background-color:rgb(255, 255, 255);"><span>id="Watford_DC_line_route_hover"</span></span></span></span> in the source code for actual usage. "begin" and "end" do not refer to the same object because the new object being called out by .mouseover will cover the originally triggering object, effectively disables any action referring to that object, hence you need to apply .mouseout
on the new object in order to end the action.<br><br><a rel="nofollow" target="_blank" href="https://upload.wikimedia.org/wikipedia/commons/3/3c/London_Overground_as_a_circle.svg">https://upload.wikimedia.org/wikipedia/commons/3/3c/London_Overground_as_a_circle.svg</a>
<!-- |**|begin egp html banner|**| -->
<br>
<br>
<!-- |**|end egp html banner|**| -->
<div width="1" style="color: white; clear: both;"/>__._,_.___</div>
<div id="fromDMARC" style="clear:both; margin-top: 10px;">
<hr style="height:2px ; border-width:0; color:#E3E3E3; background-color:#E3E3E3;">
Posted by: [email protected] <hr style="height:2px ; border-width:0; color:#E3E3E3; background-color:#E3E3E3;">
</div>
<!-- Start Recommendations -->
<!-- End Recommendations -->
<!-- |**|begin egp html banner|**| -->
<br><br>
<tt>
-----<BR>
To unsubscribe send a message to: [email protected]<BR>
-or-<BR>
visit <a href="http://groups.yahoo.com/group/svg-developers">http://groups.yahoo.com/group/svg-developers</a> and click "edit my membership"<BR>
----</tt>
<br><br>
<!-- |**|end egp html banner|**| -->
<!-- |**|begin egp html banner|**| -->
<img src="http://geo.yahoo.com/serv?s=97476590/grpId=1298421/grpspId=1706030390/msgId=66490/stime=1437394722" width="1" height="1"> <br>
<!-- |**|end egp html banner|**| -->
<!-- |**|begin egp html banner|**| -->
<br>
<!-- |**|begin egp html banner|**| -->
<div id="ygrp-vital" style="background-color: #f2f2f2; font-family: Verdana; font-size: 10px; margin-bottom: 10px; padding: 10px;">
<span id="vithd" style="font-weight: bold; color: #333; text-transform: uppercase; "><a href="https://groups.yahoo.com/neo/groups/svg-developers/info;_ylc=X3oDMTJlcWlqM3RrBF9TAzk3MzU5NzE0BGdycElkAzEyOTg0MjEEZ3Jwc3BJZAMxNzA2MDMwMzkwBHNlYwN2dGwEc2xrA3ZnaHAEc3RpbWUDMTQzNzM5NDcyMg--" style="text-decoration: none;">Visit Your Group</a></span>
<ul style="list-style-type: none; margin: 0; padding: 0; display: inline;">
</ul>
</div>
<div id="ft" style="font-family: Arial; font-size: 11px; margin-top: 5px; padding: 0 2px 0 0; clear: both;">
<a href="https://groups.yahoo.com/neo;_ylc=X3oDMTJkMHExYWZ1BF9TAzk3NDc2NTkwBGdycElkAzEyOTg0MjEEZ3Jwc3BJZAMxNzA2MDMwMzkwBHNlYwNmdHIEc2xrA2dmcARzdGltZQMxNDM3Mzk0NzIy" style="float: left;"><img src="http://l.yimg.com/ru/static/images/yg/img/email/new_logo/logo-groups-137x15.png" height="15" width="137" alt="Yahoo! Groups" style="border: 0;"/></a>
<div style="color: #747575; float: right;"> • <a href="https://info.yahoo.com/privacy/us/yahoo/groups/details.html" style="text-decoration: none;">Privacy</a> • <a href="mailto:[email protected]?subject=Unsubscribe" style="text-decoration: none;">Unsubscribe</a> • <a href="https://info.yahoo.com/legal/us/yahoo/utos/terms/" style="text-decoration: none;">Terms of Use</a> </div>
</div>
<!-- |**|end egp html banner|**| -->
</div> <!-- ygrp-msg -->
<br>
<!-- |**|end egp html banner|**| -->
<div style="color: white; clear: both;"/>__,_._,___</div>
</body>
</html>
--9nlWnTS9ocNmxdhsK3FKVLWiM6a5jwOaA8HvrLV--