xtras/mathuaerknedam 71:40ab7796a0ba: Fix bug where user icons i...
commits at adium.im
commits at adium.im
Tue Jul 7 23:22:33 UTC 2009
details: http://hg.adium.im/xtras/mathuaerknedam/rev/40ab7796a0ba
revision: 71:40ab7796a0ba
author: mathuaerknedam
date: Tue Jul 07 19:23:43 2009 -0500
Fix bug where user icons in autoreplies would be darker at top rather than lighter.
diffs (292 lines):
diff -r 72928a363c0c -r 40ab7796a0ba Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Content.html
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Content.html Fri Jul 03 22:00:56 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Content.html Tue Jul 07 19:23:43 2009 -0500
@@ -1,6 +1,7 @@
<div class="%messageClasses% %service% %senderScreenName%" ico="%userIconPath%" style="background-color: %senderColor%;">
<img class="x-icon" src="%userIconPath%" />
- <span class="x-color" style="background-color: %senderColor%"></span>
+ <span class="x-iconmask" style="-webkit-mask-box-image: url(%userIconPath%);"></span>
+ <span class="x-color" style="background-color: %senderColor%;"></span>
<span class="x-wrap">
<span class="x-sender" title="%senderPrefix% %senderScreenName%">%sender% </span>
<span class="x-rtime" title="%time{dd MMM yyyy}%">%time% </span>
diff -r 72928a363c0c -r 40ab7796a0ba Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html Fri Jul 03 22:00:56 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html Tue Jul 07 19:23:43 2009 -0500
@@ -60,6 +60,7 @@
<div class="history outgoing message SERVICE TekJew" style="background-color: seagreen;" ico="buddyo_icon.png" OnMouseDown="if (event.target.tagName.toLowerCase() != 'a') { var elms = document.getElementsByClassName('TekJew'); for(var i = 0; i < elms.length; i++) { elms[i].className += ' t-hover'; } }" OnMouseUp="var elms = document.getElementsByClassName('TekJew'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }" OnMouseOut="var elms = document.getElementsByClassName('%senderScreenName%'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }">
<img class="x-icon" src="./outgoing_icon.png" />
+ <span class="x-iconmask" style="-webkit-mask-box-image: url(./outgoing_icon.png);"></span>
<span class="x-color" style="background-color: seagreen"></span>
<span class="x-wrap">
<span class="x-sender" title="TekJew">Evan </span>
@@ -72,6 +73,7 @@
<div class="history incoming message SERVICE fetchgreebledonx" style="background-color: blue;" ico="buddyo_icon.png" OnMouseDown="if (event.target.tagName.toLowerCase() != 'a') { var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className += ' t-hover'; } }" OnMouseUp="var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }" OnMouseOut="var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }">
<img class="x-icon" src="./incoming_icon.png" />
+ <span class="x-iconmask" style="-webkit-mask-box-image: url(./incoming_icon.png);"></span>
<span class="x-color" style="background-color: blue"></span>
<span class="x-wrap">
<span class="x-sender" title="fetchgreebledonx" >Jeff </span>
@@ -82,6 +84,7 @@
</span>
<div class="history consecutive incoming message SERVICE fetchgreebledonx" style="background-color: blue;" ico="buddyo_icon.png" OnMouseDown="if (event.target.tagName.toLowerCase() != 'a') { var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className += ' t-hover'; } }" OnMouseUp="var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }" OnMouseOut="var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }">
<img class="x-icon" src="./incoming_icon.png" />
+ <span class="x-iconmask" style="-webkit-mask-box-image: url(./incoming_icon.png);"></span>
<span class="x-color" style="background-color: blue"></span>
<span class="x-wrap">
<span class="x-sender" title="fetchgreebledonx" >Jeff </span>
@@ -95,6 +98,7 @@
<div class="history outgoing message SERVICE TekJew" style="background-color: seagreen;" ico="buddyo_icon.png" OnMouseDown="if (event.target.tagName.toLowerCase() != 'a') { var elms = document.getElementsByClassName('TekJew'); for(var i = 0; i < elms.length; i++) { elms[i].className += ' t-hover'; } }" OnMouseUp="var elms = document.getElementsByClassName('TekJew'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }" OnMouseOut="var elms = document.getElementsByClassName('%senderScreenName%'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }">
<img class="x-icon" src="./outgoing_icon.png" />
+ <span class="x-iconmask" style="-webkit-mask-box-image: url(./outgoing_icon.png);"></span>
<span class="x-color" style="background-color: seagreen"></span>
<span class="x-wrap">
<span class="x-sender" title="TekJew">Evan </span>
@@ -107,6 +111,7 @@
<div class="history incoming message SERVICE fetchgreebledonx" style="background-color: blue;" ico="buddyo_icon.png" OnMouseDown="if (event.target.tagName.toLowerCase() != 'a') { var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className += ' t-hover'; } }" OnMouseUp="var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }" OnMouseOut="var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }">
<img class="x-icon" src="./incoming_icon.png" />
+ <span class="x-iconmask" style="-webkit-mask-box-image: url(./incoming_icon.png);"></span>
<span class="x-color" style="background-color: blue"></span>
<span class="x-wrap">
<span class="x-sender" title="fetchgreebledonx" >Jeff </span>
@@ -117,6 +122,7 @@
</span>
<div class="history consecutive incoming message SERVICE fetchgreebledonx" style="background-color: blue;" ico="buddyo_icon.png" OnMouseDown="if (event.target.tagName.toLowerCase() != 'a') { var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className += ' t-hover'; } }" OnMouseUp="var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }" OnMouseOut="var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }">
<img class="x-icon" src="./incoming_icon.png" />
+ <span class="x-iconmask" style="-webkit-mask-box-image: url(./incoming_icon.png);"></span>
<span class="x-color" style="background-color: blue"></span>
<span class="x-wrap">
<span class="x-sender" title="fetchgreebledonx" >Jeff </span>
@@ -127,6 +133,7 @@
</span>
<div class="history consecutive incoming message SERVICE fetchgreebledonx" style="background-color: blue;" ico="buddyo_icon.png" OnMouseDown="if (event.target.tagName.toLowerCase() != 'a') { var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className += ' t-hover'; } }" OnMouseUp="var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }" OnMouseOut="var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }">
<img class="x-icon" src="./incoming_icon.png" />
+ <span class="x-iconmask" style="-webkit-mask-box-image: url(./incoming_icon.png);"></span>
<span class="x-color" style="background-color: blue"></span>
<span class="x-wrap">
<span class="x-sender" title="fetchgreebledonx" >Jeff </span>
@@ -141,6 +148,7 @@
<div class="history incoming message SERVICE fetchgreebledonx" style="background-color: blue;" ico="buddyo_icon.png" OnMouseDown="if (event.target.tagName.toLowerCase() != 'a') { var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className += ' t-hover'; } }" OnMouseUp="var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }" OnMouseOut="var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }">
<img class="x-icon" src="./incoming_icon.png" />
+ <span class="x-iconmask" style="-webkit-mask-box-image: url(./incoming_icon.png);"></span>
<span class="x-color" style="background-color: blue"></span>
<span class="x-wrap">
<span class="x-sender" title="fetchgreebledonx" >Jeff </span>
@@ -162,6 +170,7 @@
<div class="history outgoing message SERVICE TekJew" style="background-color: seagreen;" ico="buddyo_icon.png" OnMouseDown="if (event.target.tagName.toLowerCase() != 'a') { var elms = document.getElementsByClassName('TekJew'); for(var i = 0; i < elms.length; i++) { elms[i].className += ' t-hover'; } }" OnMouseUp="var elms = document.getElementsByClassName('TekJew'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }" OnMouseOut="var elms = document.getElementsByClassName('%senderScreenName%'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }">
<img class="x-icon" src="./outgoing_icon.png" />
+ <span class="x-iconmask" style="-webkit-mask-box-image: url(./outgoing_icon.png);"></span>
<span class="x-color" style="background-color: seagreen"></span>
<span class="x-wrap">
<span class="x-sender" title="TekJew">Evan </span>
@@ -174,6 +183,7 @@
<div class="history incoming message SERVICE fetchgreebledonx" style="background-color: blue;" ico="buddyo_icon.png" OnMouseDown="if (event.target.tagName.toLowerCase() != 'a') { var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className += ' t-hover'; } }" OnMouseUp="var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }" OnMouseOut="var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }">
<img class="x-icon" src="./incoming_icon.png" />
+ <span class="x-iconmask" style="-webkit-mask-box-image: url(./incoming_icon.png);"></span>
<span class="x-color" style="background-color: blue"></span>
<span class="x-wrap">
<span class="x-sender" title="fetchgreebledonx" >Jeff </span>
@@ -184,6 +194,7 @@
</span>
<div class="history consecutive incoming message SERVICE fetchgreebledonx" style="background-color: blue;" ico="buddyo_icon.png" OnMouseDown="if (event.target.tagName.toLowerCase() != 'a') { var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className += ' t-hover'; } }" OnMouseUp="var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }" OnMouseOut="var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }">
<img class="x-icon" src="./incoming_icon.png" />
+ <span class="x-iconmask" style="-webkit-mask-box-image: url(./incoming_icon.png);"></span>
<span class="x-color" style="background-color: blue"></span>
<span class="x-wrap">
<span class="x-sender" title="fetchgreebledonx" >Jeff </span>
@@ -208,6 +219,7 @@
<div class="outgoing message SERVICE TekJew" style="background-color: seagreen;" ico="buddyo_icon.png" OnMouseDown="if (event.target.tagName.toLowerCase() != 'a') { var elms = document.getElementsByClassName('TekJew'); for(var i = 0; i < elms.length; i++) { elms[i].className += ' t-hover'; } }" OnMouseUp="var elms = document.getElementsByClassName('TekJew'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }" OnMouseOut="var elms = document.getElementsByClassName('%senderScreenName%'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }">
<img class="x-icon" src="./outgoing_icon.png" />
+ <span class="x-iconmask" style="-webkit-mask-box-image: url(./outgoing_icon.png);"></span>
<span class="x-color" style="background-color: seagreen"></span>
<span class="x-wrap">
<span class="x-sender" title="TekJew">EvanEvanEvanEvanEvanEvanEvanEvanEvanEvanEvanEvanEvanEvanEvanEvanEvanEvanEvanEvan </span>
@@ -218,6 +230,7 @@
</span>
<div class="consecutive outgoing message SERVICE TekJew" style="background-color: seagreen;" ico="buddyo_icon.png" OnMouseDown="if (event.target.tagName.toLowerCase() != 'a') { var elms = document.getElementsByClassName('TekJew'); for(var i = 0; i < elms.length; i++) { elms[i].className += ' t-hover'; } }" OnMouseUp="var elms = document.getElementsByClassName('TekJew'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }" OnMouseOut="var elms = document.getElementsByClassName('%senderScreenName%'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }">
<img class="x-icon" src="./outgoing_icon.png" />
+ <span class="x-iconmask" style="-webkit-mask-box-image: url(./outgoing_icon.png);"></span>
<span class="x-color" style="background-color: seagreen"></span>
<span class="x-wrap">
<span class="x-sender" title="TekJew">Evan </span>
@@ -228,6 +241,7 @@
</span>
<div class="consecutive outgoing message SERVICE TekJew" style="background-color: seagreen;" ico="buddyo_icon.png" OnMouseDown="if (event.target.tagName.toLowerCase() != 'a') { var elms = document.getElementsByClassName('TekJew'); for(var i = 0; i < elms.length; i++) { elms[i].className += ' t-hover'; } }" OnMouseUp="var elms = document.getElementsByClassName('TekJew'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }" OnMouseOut="var elms = document.getElementsByClassName('%senderScreenName%'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }">
<img class="x-icon" src="./outgoing_icon.png" />
+ <span class="x-iconmask" style="-webkit-mask-box-image: url(./outgoing_icon.png);"></span>
<span class="x-color" style="background-color: seagreen"></span>
<span class="x-wrap">
<span class="x-sender" title="TekJew">Evan </span>
@@ -242,6 +256,7 @@
<div class="mention incoming message SERVICE fetchgreebledonx" style="background-color: blue;" ico="buddyo_icon.png" OnMouseDown="if (event.target.tagName.toLowerCase() != 'a') { var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className += ' t-hover'; } }" OnMouseUp="var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }" OnMouseOut="var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }">
<img class="x-icon" src="./incoming_icon.png" />
+ <span class="x-iconmask" style="-webkit-mask-box-image: url(./incoming_icon.png);"></span>
<span class="x-color" style="background-color: blue"></span>
<span class="x-wrap">
<span class="x-sender" title="fetchgreebledonx" >Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff </span>
@@ -254,6 +269,7 @@
<div class="outgoing message SERVICE TekJew" style="background-color: seagreen;" ico="buddyo_icon.png" OnMouseDown="if (event.target.tagName.toLowerCase() != 'a') { var elms = document.getElementsByClassName('TekJew'); for(var i = 0; i < elms.length; i++) { elms[i].className += ' t-hover'; } }" OnMouseUp="var elms = document.getElementsByClassName('TekJew'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }" OnMouseOut="var elms = document.getElementsByClassName('%senderScreenName%'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }">
<img class="x-icon" src="./outgoing_icon.png" />
+ <span class="x-iconmask" style="-webkit-mask-box-image: url(./outgoing_icon.png);"></span>
<span class="x-color" style="background-color: seagreen"></span>
<span class="x-wrap">
<span class="x-sender" title="TekJew">Evan </span>
@@ -292,6 +308,7 @@
<div class="incoming autoreply message SERVICE fetchgreebledonx" style="background-color: blue;" ico="buddyo_icon.png" OnMouseDown="if (event.target.tagName.toLowerCase() != 'a') { var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className += ' t-hover'; } }" OnMouseUp="var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }" OnMouseOut="var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }">
<img class="x-icon" src="incoming_icon.png" />
+ <span class="x-iconmask" style="-webkit-mask-box-image: url(./incoming_icon.png);"></span>
<span class="x-wrap">
<span class="x-sender" title="fetchgreebledonx" >Jeff (Autoreply) </span>
<span class="x-rtime" title="19 Apr 2004">12:47:51 </span>
@@ -303,6 +320,7 @@
<div class="outgoing message SERVICE TekJew" style="background-color: seagreen;" ico="buddyo_icon.png" OnMouseDown="if (event.target.tagName.toLowerCase() != 'a') { var elms = document.getElementsByClassName('TekJew'); for(var i = 0; i < elms.length; i++) { elms[i].className += ' t-hover'; } }" OnMouseUp="var elms = document.getElementsByClassName('TekJew'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }" OnMouseOut="var elms = document.getElementsByClassName('%senderScreenName%'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }">
<img class="x-icon" src="./outgoing_icon.png" />
+ <span class="x-iconmask" style="-webkit-mask-box-image: url(./outgoing_icon.png);"></span>
<span class="x-color" style="background-color: seagreen"></span>
<span class="x-wrap">
<span class="x-sender" title="TekJew">Evan </span>
diff -r 72928a363c0c -r 40ab7796a0ba Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup.html
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup.html Fri Jul 03 22:00:56 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup.html Tue Jul 07 19:23:43 2009 -0500
@@ -59,6 +59,7 @@
<div class="history outgoing message SERVICE TekJew" style="background-color: seagreen;" ico="buddyo_icon.png" OnMouseDown="if (event.target.tagName.toLowerCase() != 'a') { var elms = document.getElementsByClassName('TekJew'); for(var i = 0; i < elms.length; i++) { elms[i].className += ' t-hover'; } }" OnMouseUp="var elms = document.getElementsByClassName('TekJew'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }" OnMouseOut="var elms = document.getElementsByClassName('%senderScreenName%'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }">
<img class="x-icon" src="./outgoing_icon.png" />
+ <span class="x-iconmask" style="-webkit-mask-box-image: url(./outgoing_icon.png);"></span>
<span class="x-color" style="background-color: seagreen"></span>
<span class="x-wrap">
<span class="x-sender" title="TekJew">Evan </span>
@@ -71,6 +72,7 @@
<div class="history incoming message SERVICE fetchgreebledonx" style="background-color: blue;" ico="buddyo_icon.png" OnMouseDown="if (event.target.tagName.toLowerCase() != 'a') { var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className += ' t-hover'; } }" OnMouseUp="var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }" OnMouseOut="var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }">
<img class="x-icon" src="./incoming_icon.png" />
+ <span class="x-iconmask" style="-webkit-mask-box-image: url(./incoming_icon.png);"></span>
<span class="x-color" style="background-color: blue"></span>
<span class="x-wrap">
<span class="x-sender" title="fetchgreebledonx" >Jeff </span>
@@ -81,6 +83,7 @@
</span>
<div class="history consecutive incoming message SERVICE fetchgreebledonx" style="background-color: blue;" ico="buddyo_icon.png" OnMouseDown="if (event.target.tagName.toLowerCase() != 'a') { var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className += ' t-hover'; } }" OnMouseUp="var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }" OnMouseOut="var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }">
<img class="x-icon" src="./incoming_icon.png" />
+ <span class="x-iconmask" style="-webkit-mask-box-image: url(./incoming_icon.png);"></span>
<span class="x-color" style="background-color: blue"></span>
<span class="x-wrap">
<span class="x-sender" title="fetchgreebledonx" >Jeff </span>
@@ -103,6 +106,7 @@
<div class="outgoing message SERVICE TekJew" style="background-color: seagreen;" ico="buddyo_icon.png" OnMouseDown="if (event.target.tagName.toLowerCase() != 'a') { var elms = document.getElementsByClassName('TekJew'); for(var i = 0; i < elms.length; i++) { elms[i].className += ' t-hover'; } }" OnMouseUp="var elms = document.getElementsByClassName('TekJew'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }" OnMouseOut="var elms = document.getElementsByClassName('%senderScreenName%'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }">
<img class="x-icon" src="./outgoing_icon.png" />
+ <span class="x-iconmask" style="-webkit-mask-box-image: url(./outgoing_icon.png);"></span>
<span class="x-color" style="background-color: seagreen"></span>
<span class="x-wrap">
<span class="x-sender" title="TekJew">Evan </span>
@@ -113,6 +117,7 @@
</span>
<div class="consecutive outgoing message SERVICE TekJew" style="background-color: seagreen;" ico="buddyo_icon.png" OnMouseDown="if (event.target.tagName.toLowerCase() != 'a') { var elms = document.getElementsByClassName('TekJew'); for(var i = 0; i < elms.length; i++) { elms[i].className += ' t-hover'; } }" OnMouseUp="var elms = document.getElementsByClassName('TekJew'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }" OnMouseOut="var elms = document.getElementsByClassName('%senderScreenName%'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }">
<img class="x-icon" src="./outgoing_icon.png" />
+ <span class="x-iconmask" style="-webkit-mask-box-image: url(./outgoing_icon.png);"></span>
<span class="x-color" style="background-color: seagreen"></span>
<span class="x-wrap">
<span class="x-sender" title="TekJew">Evan </span>
@@ -126,6 +131,7 @@
<div class="mention incoming message SERVICE fetchgreebledonx" style="background-color: blue;" ico="buddyo_icon.png" OnMouseDown="if (event.target.tagName.toLowerCase() != 'a') { var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className += ' t-hover'; } }" OnMouseUp="var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }" OnMouseOut="var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }">
<img class="x-icon" src="./incoming_icon.png" />
+ <span class="x-iconmask" style="-webkit-mask-box-image: url(./incoming_icon.png);"></span>
<span class="x-color" style="background-color: blue"></span>
<span class="x-wrap">
<span class="x-sender" title="fetchgreebledonx" >Jeff </span>
@@ -138,6 +144,7 @@
<div class="outgoing message SERVICE TekJew" style="background-color: seagreen;" ico="buddyo_icon.png" OnMouseDown="if (event.target.tagName.toLowerCase() != 'a') { var elms = document.getElementsByClassName('TekJew'); for(var i = 0; i < elms.length; i++) { elms[i].className += ' t-hover'; } }" OnMouseUp="var elms = document.getElementsByClassName('TekJew'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }" OnMouseOut="var elms = document.getElementsByClassName('%senderScreenName%'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }">
<img class="x-icon" src="./outgoing_icon.png" />
+ <span class="x-iconmask" style="-webkit-mask-box-image: url(./outgoing_icon.png);"></span>
<span class="x-color" style="background-color: seagreen"></span>
<span class="x-wrap">
<span class="x-sender" title="TekJew">Evan </span>
@@ -167,6 +174,7 @@
<div class="incoming autoreply message SERVICE fetchgreebledonx" style="background-color: blue;" ico="buddyo_icon.png" OnMouseDown="if (event.target.tagName.toLowerCase() != 'a') { var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className += ' t-hover'; } }" OnMouseUp="var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }" OnMouseOut="var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }">
<img class="x-icon" src="incoming_icon.png" />
+ <span class="x-iconmask" style="-webkit-mask-box-image: url(./incoming_icon.png);"></span>
<span class="x-wrap">
<span class="x-sender" title="fetchgreebledonx" >Jeff (Autoreply) </span>
<span class="x-rtime" title="19 Apr 2004">12:47:51 </span>
@@ -178,6 +186,7 @@
<div class="outgoing message SERVICE TekJew" style="background-color: seagreen;" ico="buddyo_icon.png" OnMouseDown="if (event.target.tagName.toLowerCase() != 'a') { var elms = document.getElementsByClassName('TekJew'); for(var i = 0; i < elms.length; i++) { elms[i].className += ' t-hover'; } }" OnMouseUp="var elms = document.getElementsByClassName('TekJew'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }" OnMouseOut="var elms = document.getElementsByClassName('%senderScreenName%'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' t-hover', ''); }">
<img class="x-icon" src="./outgoing_icon.png" />
+ <span class="x-iconmask" style="-webkit-mask-box-image: url(./outgoing_icon.png);"></span>
<span class="x-color" style="background-color: seagreen"></span>
<span class="x-wrap">
<span class="x-sender" title="TekJew">Evan </span>
diff -r 72928a363c0c -r 40ab7796a0ba Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time1.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time1.css Fri Jul 03 22:00:56 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time1.css Tue Jul 07 19:23:43 2009 -0500
@@ -222,9 +222,39 @@
-webkit-border-top-left-radius: 5px;
}
+.autoreply img.x-icon
+{
+ opacity: .75;
+}
+
.message img.x-icon
{
- -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .25)), to(rgba(255, 255, 255, 1)))
+ //-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .25)), to(rgba(255, 255, 255, 1)))
+}
+
+.x-iconmask
+{
+ height: 32px;
+ width: 32px;
+ //background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .5)), to(rgba(255, 255, 255, 0)));
+ background:
+ -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .75)), to(rgba(255, 255, 255, 0))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0))) 0px 16px no-repeat;
+ -webkit-background-size: 32px 16px, 32px 100%;
+ position: absolute;
+ //left: 8px;
+ z-index: 4;
+ margin-top: -2px;
+ -webkit-border-top-left-radius: 5px;
+}
+
+.autoreply .x-iconmask
+{
+ //background: -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .625)), to(rgba(192, 192, 192, 0)));
+ background:
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .75)), to(rgba(192, 192, 192, 0))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 0)), to(rgba(192, 192, 192, 0))) 0px 16px no-repeat;
+ -webkit-background-size: 32px 16px, 32px 100%;
}
.message.x-hover img.x-icon
@@ -237,7 +267,12 @@
.IRC img.x-icon,
.consecutive img.x-icon,
.consecutive.message .x-sender,
-.history img.x-icon
+.history img.x-icon,
+.message[ico*="buddy_icon.png"] .x-iconmask,
+.IRC .x-iconmask,
+.consecutive .x-iconmask,
+.history .x-iconmask,
+.x-hover .x-iconmask
{
display: none !important;
//visibility: hidden;
More information about the commits
mailing list