xtras/mathuaerknedam 19:f28106dd2cf6: mockup updates, history tw...
commits at adium.im
commits at adium.im
Wed May 6 21:18:27 UTC 2009
details: http://hg.adium.im/xtras/mathuaerknedam/rev/f28106dd2cf6
revision: 19:f28106dd2cf6
author: mathuaerknedam
date: Wed May 06 16:18:07 2009 -0500
mockup updates, history tweaks, and tightening consecutive status messages in alternating, time-icon, and compact variants.
diffstat:
SO3e.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html | 179 +++++----
SO3e.AdiumMessageStyle/Contents/Resources/Mockup.html | 30 +-
SO3e.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css | 75 ++-
SO3e.AdiumMessageStyle/Contents/Resources/Variants/Classic.css | 2 +
SO3e.AdiumMessageStyle/Contents/Resources/Variants/Compact.css | 69 ++-
SO3e.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time1.css | 11 +-
SO3e.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time2.css | 11 +-
SO3e.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css | 16 +-
8 files changed, 234 insertions(+), 159 deletions(-)
diffs (894 lines):
diff -r 6768c3a29e4c -r f28106dd2cf6 SO3e.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html
--- a/SO3e.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html Tue May 05 16:47:23 2009 -0500
+++ b/SO3e.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html Wed May 06 16:18:07 2009 -0500
@@ -7,7 +7,7 @@
</title>
<style type="text/css">
- @import url( "./Variants/icon-time2.css" );
+ @import url( "./Variants/Classic.css" );
body
{
@@ -48,243 +48,268 @@
<div id="Chat" class="groupchat">
-<div class="history date_separator event IRC" ico=buddy_icon.png">
+<div class="history date_separator event SERVICE" ico="buddyo_icon.png">
<span class="t-wrap">
- <span class="t-time">12:45:48 </span>
+ <span class="t-rtime" title="19 Apr 2004">12:45:48 </span>
+ <span class="t-ltime" title="19 Apr 2004">12:45:48 </span>
<span class="t-mark">‣</span>
<span class="t-message" title="12:45:48">Wednesday, June 09, 2004 </span>
</span>
</div>
-<div class="history outgoing message IRC TekJew" style="background-color: seagreen;" ico=buddy_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', ''); }">
+
+<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="t-icon" src="./outgoing_icon.png" />
<span class="t-color" style="background-color: seagreen"></span>
<span class="t-wrap">
<span class="t-sender" title="TekJew">Evan </span>
- <span class="t-time">22:22:22 </span>
+ <span class="t-rtime" title="19 Apr 2004">12:45:48 </span>
+ <span class="t-ltime" title="19 Apr 2004">12:45:48 </span>
<span class="t-mark">‣</span>
<span class="t-message">So a priest, a rabbi, and a chicken walk into a bar. </span>
</span>
</div>
-<div class="mention history incoming message IRC fetchgreebledonx" style="background-color: blue;" ico=buddy_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', ''); }">
+<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="t-icon" src="./incoming_icon.png" />
<span class="t-color" style="background-color: blue"></span>
<span class="t-wrap">
<span class="t-sender" title="fetchgreebledonx" >Jeff </span>
- <span class="t-time">12:46:07 </span>
+ <span class="t-rtime" title="19 Apr 2004">12:46:07 </span>
+ <span class="t-ltime" title="19 Apr 2004">12:46:07 </span>
<span class="t-mark">‣</span>
- <span class="t-message">I'm pretty sure I've heard this one before. I'm pretty sure I've heard this one before. I'm pretty sure I've heard this one before. I'm pretty sure I've heard this one before. I'm pretty sure I've heard this one before. I'm pretty sure I've heard this one before. </span>
+ <span class="t-message">I'mprettysureI'veheardthisonebefore.I'mprettysureI'veheardthisonebefore.I'mprettysureI'veheardthisonebefore.I'mprettysureI'veheardthisonebefore.I'mprettysureI'veheardthisonebefore.I'mprettysureI'veheardthisonebefore.I'mprettysureI'veheardthisonebefore.I'mprettysureI'veheardthisonebefore.I'mprettysureI'veheardthisonebefore.I'mprettysureI'veheardthisonebefore. </span>
</span>
- <div class="history consecutive incoming message IRC fetchgreebledonx" style="background-color: blue;" ico=buddy_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', ''); }">
+ <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="t-icon" src="./incoming_icon.png" />
<span class="t-color" style="background-color: blue"></span>
<span class="t-wrap">
- <span class="t-sender" title="fetchgreebledonx" >Jeff </span>
- <span class="t-time">12:46:32 </span>
- <span class="t-mark">‣</span>
- <span class="t-message">So what happens next? </span>
+ <span class="t-sender" title="fetchgreebledonx" >Jeff </span>
+ <span class="t-rtime" title="19 Apr 2004">12:46:32 </span>
+ <span class="t-ltime" title="19 Apr 2004">12:46:32 </span>
+ <span class="t-mark">‣</span>
+ <span class="t-message">So what happens next? </span>
</span>
</div>
</div>
-<div class="history outgoing message IRC TekJew" style="background-color: seagreen;" ico=buddy_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', ''); }">
+<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="t-icon" src="./outgoing_icon.png" />
<span class="t-color" style="background-color: seagreen"></span>
<span class="t-wrap">
<span class="t-sender" title="TekJew">Evan </span>
- <span class="t-time">12:45:48 </span>
+ <span class="t-rtime" title="19 Apr 2004">12:45:48 </span>
+ <span class="t-ltime" title="19 Apr 2004">12:45:48 </span>
<span class="t-mark">‣</span>
<span class="t-message">So a priest, a rabbi, and a chicken walk into a bar. </span>
</span>
</div>
-<div class="history incoming message IRC fetchgreebledonx" style="background-color: blue;" ico=buddy_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', ''); }">
+<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="t-icon" src="./incoming_icon.png" />
<span class="t-color" style="background-color: blue"></span>
<span class="t-wrap">
<span class="t-sender" title="fetchgreebledonx" >Jeff </span>
- <span class="t-time">12:46:07 </span>
+ <span class="t-rtime" title="19 Apr 2004">12:46:07 </span>
+ <span class="t-ltime" title="19 Apr 2004">12:46:07 </span>
<span class="t-mark">‣</span>
<span class="t-message">I'm pretty sure I've heard this one before. </span>
</span>
- <div class="history consecutive incoming message IRC fetchgreebledonx" style="background-color: blue;" ico=buddy_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', ''); }">
+ <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="t-icon" src="./incoming_icon.png" />
<span class="t-color" style="background-color: blue"></span>
<span class="t-wrap">
<span class="t-sender" title="fetchgreebledonx" >Jeff </span>
- <span class="t-time">12:46:32 </span>
+ <span class="t-rtime" title="19 Apr 2004">12:46:32 </span>
+ <span class="t-ltime" title="19 Apr 2004">12:46:32 </span>
<span class="t-mark">‣</span>
<span class="t-message">So what happens next? </span>
</span>
- <div class="history consecutive incoming message IRC fetchgreebledonx" style="background-color: blue;" ico=buddy_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', ''); }">
+ <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="t-icon" src="./incoming_icon.png" />
<span class="t-color" style="background-color: blue"></span>
<span class="t-wrap">
<span class="t-sender" title="fetchgreebledonx" >Jeff </span>
- <span class="t-time">12:46:32 </span>
+ <span class="t-rtime" title="19 Apr 2004">12:46:32 </span>
+ <span class="t-ltime" title="19 Apr 2004">12:46:32 </span>
<span class="t-mark">‣</span>
<span class="t-message">So what happens next? </span>
</span>
- <div class="history consecutive incoming message IRC fetchgreebledonx" style="background-color: blue;" ico=buddy_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="t-icon" src="./incoming_icon.png" />
- <span class="t-color" style="background-color: blue"></span>
- <span class="t-wrap">
- <span class="t-sender" title="fetchgreebledonx" >Jeff </span>
- <span class="t-time">12:46:32 </span>
- <span class="t-mark">‣</span>
- <span class="t-message">So what happens next? </span>
- </span>
- </div>
</div>
</div>
</div>
-<div class="history date_separator event IRC" ico=buddy_icon.png">
+<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="t-icon" src="./incoming_icon.png" />
+ <span class="t-color" style="background-color: blue"></span>
<span class="t-wrap">
- <span class="t-time">12:45:48 </span>
+ <span class="t-sender" title="fetchgreebledonx" >Jeff </span>
+ <span class="t-rtime" title="19 Apr 2004">12:46:32 </span>
+ <span class="t-ltime" title="19 Apr 2004">12:46:32 </span>
<span class="t-mark">‣</span>
- <span class="t-message" title="12:45:48">|Wednesday, June 09, 2004 </span>
+ <span class="t-message">So what happens next? </span>
</span>
</div>
-<div class="history outgoing message IRC TekJew" style="background-color: seagreen;" ico=buddy_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', ''); }">
+<div class="history date_separator event SERVICE" ico="buddyo_icon.png">
+ <span class="t-wrap">
+ <span class="t-rtime" title="19 Apr 2004">12:45:48 </span>
+ <span class="t-ltime" title="19 Apr 2004">12:45:48 </span>
+ <span class="t-mark">‣</span>
+ <span class="t-message" title="12:45:48">Wednesday, June 09, 2004 </span>
+ </span>
+</div>
+
+<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="t-icon" src="./outgoing_icon.png" />
<span class="t-color" style="background-color: seagreen"></span>
<span class="t-wrap">
<span class="t-sender" title="TekJew">Evan </span>
- <span class="t-time">12:45:48 </span>
+ <span class="t-rtime" title="19 Apr 2004">12:45:48 </span>
+ <span class="t-ltime" title="19 Apr 2004">12:45:48 </span>
<span class="t-mark">‣</span>
<span class="t-message">So a priest, a rabbi, and a chicken walk into a bar. </span>
</span>
</div>
-<div class="history incoming message IRC fetchgreebledonx" style="background-color: blue;" ico=buddy_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', ''); }">
+<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="t-icon" src="./incoming_icon.png" />
<span class="t-color" style="background-color: blue"></span>
<span class="t-wrap">
<span class="t-sender" title="fetchgreebledonx" >Jeff </span>
- <span class="t-time">12:46:07 </span>
+ <span class="t-rtime" title="19 Apr 2004">12:46:07 </span>
+ <span class="t-ltime" title="19 Apr 2004">12:46:07 </span>
<span class="t-mark">‣</span>
<span class="t-message">I'm pretty sure I've heard this one before. </span>
</span>
- <div class="history consecutive incoming message IRC fetchgreebledonx" style="background-color: blue;" ico=buddy_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', ''); }">
+ <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="t-icon" src="./incoming_icon.png" />
<span class="t-color" style="background-color: blue"></span>
<span class="t-wrap">
- <span class="t-sender" title="fetchgreebledonx" >|Jeff </span>
- <span class="t-time">12:46:32 </span>
+ <span class="t-sender" title="fetchgreebledonx" >Jeff </span>
+ <span class="t-rtime" title="19 Apr 2004">12:46:32 </span>
+ <span class="t-ltime" title="19 Apr 2004">12:46:32 </span>
<span class="t-mark">‣</span>
- <span class="t-message">|So what happens next? </span>
+ <span class="t-message">So what happens next? </span>
</span>
</div>
</div>
<!--
-<div class="date_separator event IRC" ico=buddy_icon.png">
+<div class="date_separator event SERVICE" ico="buddyo_icon.png">
<span class="t-wrap">
- <span class="t-time">12:45:48 </span>
+ <span class="t-rtime" title="19 Apr 2004">12:45:48 </span>
+ <span class="t-ltime" title="19 Apr 2004">12:45:48 </span>
<span class="t-mark">‣</span>
<span class="t-message" title="12:45:48">Wednesday, June 09, 2004 </span>
</span>
</div>
--!>
-<div class="outgoing message IRC TekJew" style="background-color: seagreen;" ico=buddy_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', ''); }">
+<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="t-icon" src="./outgoing_icon.png" />
<span class="t-color" style="background-color: seagreen"></span>
<span class="t-wrap">
- <span class="t-sender" title="TekJew">Evan </span>
- <span class="t-time">12:46:50 </span>
- <span class="t-mark">‣</span>
- <span class="t-message">If I remember correctly, they explode outward at the speed of light. </span>
+ <span class="t-sender" title="TekJew">EvanEvanEvanEvanEvanEvanEvanEvanEvanEvanEvanEvanEvanEvanEvanEvanEvanEvanEvanEvan </span>
+ <span class="t-rtime" title="19 Apr 2004">12:46:50 </span>
+ <span class="t-ltime" title="19 Apr 2004">12:46:50 </span>
+ <span class="t-mark">‣</span>
+ <span class="t-message">If I remember correctly, they explode outward at the speed of light. </span>
</span>
- <div class="consecutive outgoing message IRC TekJew" style="background-color: seagreen;" ico=buddy_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', ''); }">
+ <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="t-icon" src="./outgoing_icon.png" />
<span class="t-color" style="background-color: seagreen"></span>
<span class="t-wrap">
<span class="t-sender" title="TekJew">Evan </span>
- <span class="t-time">12:47:00 </span>
+ <span class="t-rtime" title="19 Apr 2004">12:47:00 </span>
+ <span class="t-ltime" title="19 Apr 2004">12:47:00 </span>
<span class="t-mark">‣</span>
<span class="t-message">But that might be if you cross the streams… </span>
</span>
- <div class="consecutive outgoing message IRC TekJew" style="background-color: seagreen;" ico=buddy_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', ''); }">
+ <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="t-icon" src="./outgoing_icon.png" />
<span class="t-color" style="background-color: seagreen"></span>
<span class="t-wrap">
- <span class="t-sender" title="TekJew">Evan </span>
- <span class="t-time">12:46:50 </span>
- <span class="t-mark">‣</span>
- <span class="t-message">If I remember correctly, they explode outward at the speed of light. </span>
+ <span class="t-sender" title="TekJew">Evan </span>
+ <span class="t-rtime" title="19 Apr 2004">12:46:50 </span>
+ <span class="t-ltime" title="19 Apr 2004">12:46:50 </span>
+ <span class="t-mark">‣</span>
+ <span class="t-message">If I remember correctly, they explode outward at the speed of light. </span>
</span>
</div>
</div>
</div>
-<div class="mention incoming message IRC fetchgreebledonx" style="background-color: blue;" ico=buddy_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', ''); }">
+<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="t-icon" src="./incoming_icon.png" />
<span class="t-color" style="background-color: blue"></span>
<span class="t-wrap">
- <span class="t-sender" title="fetchgreebledonx" >Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff </span>
- <span class="t-time">12:47:06 </span>
+ <span class="t-sender" title="fetchgreebledonx" >Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff </span>
+ <span class="t-rtime" title="19 Apr 2004">12:47:06 </span>
+ <span class="t-ltime" title="19 Apr 2004">12:47:06 </span>
<span class="t-mark">‣</span>
<span class="t-message">…thus negating all existence! </span>
</span>
</div>
-<div class="outgoing message IRC TekJew" style="background-color: seagreen;" ico=buddy_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', ''); }">
+<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="t-icon" src="./outgoing_icon.png" />
<span class="t-color" style="background-color: seagreen"></span>
<span class="t-wrap">
<span class="t-sender" title="TekJew">Evan </span>
- <span class="t-time">12:47:51 </span>
+ <span class="t-rtime" title="19 Apr 2004">12:47:51 </span>
+ <span class="t-ltime" title="19 Apr 2004">12:47:51 </span>
<span class="t-mark">‣</span>
<span class="t-message">Precisely! it's a risk one takes whenever one walks into a bar, I'm afraid. Especially if one is a chicken. </span>
</span>
</div>
-<div class="event notification IRC" ico=buddy_icon.png">
+<div class="event notification SERVICE" ico="buddyo_icon.png">
<span class="t-wrap">
- <span class="t-time">12:47:54 </span>
+ <span class="t-rtime" title="19 Apr 2004">12:47:54 </span>
+ <span class="t-ltime" title="19 Apr 2004">12:47:54 </span>
<span class="t-mark">‣</span>
<span class="t-message">Jeff wants your attention! </span>
</span>
</div>
-<div class="status away IRC" ico=buddy_icon.png">
+<div class="status away SERVICE" ico="buddyo_icon.png">
<span class="t-wrap">
- <span class="t-time">12:47:54 </span>
+ <span class="t-rtime" title="19 Apr 2004">12:47:54 </span>
+ <span class="t-ltime" title="19 Apr 2004">12:47:54 </span>
<span class="t-mark">‣</span>
<span class="t-message">Jeff went away </span>
</span>
- <div class="consecutive status away_message IRC" ico=buddy_icon.png">
+ <div class="consecutive status away_message SERVICE" ico="buddyo_icon.png">
<span class="t-wrap">
- <span class="t-time">12:47:55 </span>
+ <span class="t-rtime" title="19 Apr 2004">12:47:55 </span>
+ <span class="t-ltime" title="19 Apr 2004">12:47:55 </span>
<span class="t-mark">‣</span>
- <span class="t-message">|Away Message: "Away for the sake of being away. Away for the sake of being away. Away for the sake of being away. Away for the sake of being away. " </span>
+ <span class="t-message">Away Message: "Away for the sake of being away. Away for the sake of being away. Away for the sake of being away. Away for the sake of being away. " </span>
</span>
</div>
</div>
-<div class="incoming autoreply message IRC fetchgreebledonx" style="background-color: blue;" ico=buddy_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', ''); }">
+<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="t-icon" src="incoming_icon.png" />
- <span class="t-color" style="background-color: blue"></span>
<span class="t-wrap">
- <span class="t-sender" title="fetchgreebledonx" >|Jeff (Autoreply) </span>
- <span class="t-time">12:47:51 </span>
+ <span class="t-sender" title="fetchgreebledonx" >Jeff (Autoreply) </span>
+ <span class="t-rtime" title="19 Apr 2004">12:47:51 </span>
+ <span class="t-ltime" title="19 Apr 2004">12:47:51 </span>
<span class="t-mark">‣</span>
- <span class="t-message">|Away for the sake of being away. Away for the sake of being away. Away for the sake of being away. Away for the sake of being away. Away for the sake of being away. </span>
+ <span class="t-message">Away for the sake of being away. Away for the sake of being away. Away for the sake of being away. Away for the sake of being away. Away for the sake of being away. </span>
</span>
</div>
-<div class="outgoing message IRC TekJew" style="background-color: seagreen;" ico=buddy_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', ''); }">
+<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="t-icon" src="./outgoing_icon.png" />
<span class="t-color" style="background-color: seagreen"></span>
<span class="t-wrap">
- <span class="t-sender" title="TekJew">|Evan </span>
- <span class="t-time">12:48:02 </span>
+ <span class="t-sender" title="TekJew">Evan </span>
+ <span class="t-rtime" title="19 Apr 2004">12:48:02 </span>
+ <span class="t-ltime" title="19 Apr 2004">12:48:02 </span>
<span class="t-mark">‣</span>
- <span class="t-message">|Gotta run; catch ya later <a href="http://slashdot.org">;) </a></span>
+ <span class="t-message">Gotta run; catch ya later <a href="http://slashdot.org">;) </a></span>
</span>
</div>
<span id="insert"></span>
diff -r 6768c3a29e4c -r f28106dd2cf6 SO3e.AdiumMessageStyle/Contents/Resources/Mockup.html
--- a/SO3e.AdiumMessageStyle/Contents/Resources/Mockup.html Tue May 05 16:47:23 2009 -0500
+++ b/SO3e.AdiumMessageStyle/Contents/Resources/Mockup.html Wed May 06 16:18:07 2009 -0500
@@ -7,7 +7,7 @@
</title>
<style type="text/css">
- @import url( "./Variants/Icon-time2.css" );
+ @import url( "./Variants/Alternating.css" );
body
{
@@ -48,7 +48,7 @@
<div id="Chat" class="groupchat">
-<div class="history date_separator event SERVICE" ico=buddyo_icon.png">
+<div class="history date_separator event SERVICE" ico="buddyo_icon.png">
<span class="t-wrap">
<span class="t-rtime" title="19 Apr 2004">12:45:48 </span>
<span class="t-ltime" title="19 Apr 2004">12:45:48 </span>
@@ -57,7 +57,7 @@
</span>
</div>
-<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', ''); }">
+<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="t-icon" src="./outgoing_icon.png" />
<span class="t-color" style="background-color: seagreen"></span>
<span class="t-wrap">
@@ -69,7 +69,7 @@
</span>
</div>
-<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', ''); }">
+<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="t-icon" src="./incoming_icon.png" />
<span class="t-color" style="background-color: blue"></span>
<span class="t-wrap">
@@ -79,7 +79,7 @@
<span class="t-mark">‣</span>
<span class="t-message">I'm pretty sure I've heard this one before. </span>
</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', ''); }">
+ <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="t-icon" src="./incoming_icon.png" />
<span class="t-color" style="background-color: blue"></span>
<span class="t-wrap">
@@ -92,7 +92,7 @@
</div>
</div>
-<div class="date_separator event SERVICE" ico=buddyo_icon.png">
+<div class="date_separator event SERVICE" ico="buddyo_icon.png">
<span class="t-wrap">
<span class="t-rtime" title="19 Apr 2004">12:45:48 </span>
<span class="t-ltime" title="19 Apr 2004">12:45:48 </span>
@@ -101,7 +101,7 @@
</span>
</div>
-<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', ''); }">
+<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="t-icon" src="./outgoing_icon.png" />
<span class="t-color" style="background-color: seagreen"></span>
<span class="t-wrap">
@@ -111,7 +111,7 @@
<span class="t-mark">‣</span>
<span class="t-message">If I remember correctly, they explode outward at the speed of light. </span>
</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', ''); }">
+ <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="t-icon" src="./outgoing_icon.png" />
<span class="t-color" style="background-color: seagreen"></span>
<span class="t-wrap">
@@ -124,7 +124,7 @@
</div>
</div>
-<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', ''); }">
+<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="t-icon" src="./incoming_icon.png" />
<span class="t-color" style="background-color: blue"></span>
<span class="t-wrap">
@@ -136,7 +136,7 @@
</span>
</div>
-<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', ''); }">
+<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="t-icon" src="./outgoing_icon.png" />
<span class="t-color" style="background-color: seagreen"></span>
<span class="t-wrap">
@@ -148,14 +148,14 @@
</span>
</div>
-<div class="status away SERVICE" ico=buddyo_icon.png">
+<div class="status away SERVICE" ico="buddyo_icon.png">
<span class="t-wrap">
<span class="t-rtime" title="19 Apr 2004">12:47:54 </span>
<span class="t-ltime" title="19 Apr 2004">12:47:54 </span>
<span class="t-mark">‣</span>
<span class="t-message">Jeff went away </span>
</span>
- <div class="consecutive status away_message SERVICE" ico=buddyo_icon.png">
+ <div class="consecutive status away_message SERVICE" ico="buddyo_icon.png">
<span class="t-wrap">
<span class="t-rtime" title="19 Apr 2004">12:47:55 </span>
<span class="t-ltime" title="19 Apr 2004">12:47:55 </span>
@@ -165,18 +165,18 @@
</div>
</div>
-<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', ''); }">
+<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="t-icon" src="incoming_icon.png" />
<span class="t-wrap">
<span class="t-sender" title="fetchgreebledonx" >Jeff (Autoreply) </span>
<span class="t-rtime" title="19 Apr 2004">12:47:51 </span>
<span class="t-ltime" title="19 Apr 2004">12:47:51 </span>
<span class="t-mark">‣</span>
- <span class="t-message">Away for the sake of being away. Away for the sake of being away. Away for the sake of being away. Away for the sake of being away. Away for the sake of being away. </span>
+ <span class="t-message">Away for the sake of being away. </span>
</span>
</div>
-<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', ''); }">
+<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="t-icon" src="./outgoing_icon.png" />
<span class="t-color" style="background-color: seagreen"></span>
<span class="t-wrap">
diff -r 6768c3a29e4c -r f28106dd2cf6 SO3e.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css
--- a/SO3e.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css Tue May 05 16:47:23 2009 -0500
+++ b/SO3e.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css Wed May 06 16:18:07 2009 -0500
@@ -40,11 +40,19 @@
.status:not(.consecutive),
.event:not(.consecutive)
{
- margin-top: 10px;
margin-right: 42px;
margin-left: 42px;
+}
+
+.message:not(.consecutive):not(.history),
+.status:not(.consecutive):not(.history),
+.event:not(.consecutive):not(.history)
+{
+ margin-top: 8px;
+ padding-top: 2px;
+ padding-bottom: 2px;
+ -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, .4), 0px 0px 1px rgba(0, 0, 0, .4);
-webkit-border-radius: 5px;
- -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, .4), 0px 0px 1px rgba(0, 0, 0, .4);
}
.message.mention:before
@@ -56,14 +64,6 @@
text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
}
-.message:not(.consecutive):not(.history)
-{
- padding-top: 2px;
- padding-bottom: 2px;
- -webkit-background-size: 48px 100%;
- -webkit-border-radius: 5px;
-}
-
.message:not(.consecutive)
{
color: rgba(64, 64, 64, 1);
@@ -123,22 +123,19 @@
background: none !important;
}
-.message.t-hover .t-sender,
-.message.t-hover .t-ltime,
-.message.t-hover .t-message
-{
- color: rgba(0, 0, 0, 1) !important;
-}
-
.status:not(.consecutive),
.event:not(.consecutive)
{
- padding-top: 2px;
- padding-bottom: 2px;
color: rgba(244, 244, 244, 1);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(64, 64, 64, 1))) 0px 0px no-repeat;
}
+.status.consecutive,
+.event.consecutive
+{
+ margin-top: 2px;
+}
+
.event.notification:before
{
position: absolute;
@@ -211,7 +208,9 @@
margin-left: 48px;
padding-left: 8px;
padding-right: 10px;
- padding-bottom: 3px;
+ padding-top: 1px;
+ padding-bottom: 2px;
+ //border-left: 1px solid rgba(216, 216, 216, 1);
}
.status .t-wrap,
@@ -221,13 +220,9 @@
margin-left: 48px;
padding-left: 8px;
padding-right: 10px;
+ //padding-top: 0px;
padding-bottom: 1px;
-}
-
-.consecutive.status .t-wrap,
-.consecutive.event .t-wrap
-{
- padding-top: 5px;
+ //border-left: 1px solid rgba(112, 112, 112, 1);
}
.t-sender
@@ -264,9 +259,10 @@
.message .t-ltime
{
- color: rgba(128, 128, 128, 1);
+ color: rgba(152, 152, 152, 1);
}
+.autoreply .t-ltime,
.status .t-ltime,
.event .t-ltime
{
@@ -290,6 +286,13 @@
color: rgba(120, 120, 120, 1);
}
+.message.t-hover .t-sender,
+.message.t-hover .t-ltime,
+.message.t-hover .t-message
+{
+ color: rgba(0, 0, 0, 1) !important;
+}
+
img.emoticon
{
vertical-align: top;
@@ -367,9 +370,9 @@
.history.message.t-hover:not(.consecutive)
{
background:
- -webkit-gradient(linear, left top, left bottom, from(rgba(208, 208, 208, 1)), to(rgba(192, 192, 192, 1))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(200, 200, 200, 1)), to(rgba(200, 200, 200, 1))) 0px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .625)), to(rgba(192, 192, 192, .625))) 0px 0px no-repeat,
- -webkit-gradient(linear, left top, left bottom, from(rgba(208, 208, 208, 1)), to(rgba(192, 192, 192, 1))) 53px 0px no-repeat;
+ -webkit-gradient(linear, left top, left bottom, from(rgba(200, 200, 200, 1)), to(rgba(200, 200, 200, 1))) 53px 0px no-repeat;
-webkit-box-shadow: 0px 2px 4px rgba(255, 255, 255, 1), 0px -1px 1px rgba(0, 0, 0, .4);
}
@@ -413,3 +416,17 @@
color: rgba(152, 152, 152, 1);
}
+.history.event
+{
+ border-left: 1px solid rgba(128, 128, 128, 1);
+ border-right: 1px solid rgba(128, 128, 128, 1);
+ padding-top: 2px;
+ padding-bottom: 2px;
+ margin-right: 41px;
+ margin-left: 41px;
+}
+
+.t-hover + .t-hover
+{
+ -webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 1) !important;
+}
diff -r 6768c3a29e4c -r f28106dd2cf6 SO3e.AdiumMessageStyle/Contents/Resources/Variants/Classic.css
--- a/SO3e.AdiumMessageStyle/Contents/Resources/Variants/Classic.css Tue May 05 16:47:23 2009 -0500
+++ b/SO3e.AdiumMessageStyle/Contents/Resources/Variants/Classic.css Wed May 06 16:18:07 2009 -0500
@@ -9,6 +9,8 @@
body
{
margin: 0px;
+ word-wrap: break-word;
+ word-break: break-word;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(149, 175, 219, 1)), to(rgba(255, 255 ,255, 1))) fixed repeat-x;
-webkit-background-size: 100%;
}
diff -r 6768c3a29e4c -r f28106dd2cf6 SO3e.AdiumMessageStyle/Contents/Resources/Variants/Compact.css
--- a/SO3e.AdiumMessageStyle/Contents/Resources/Variants/Compact.css Tue May 05 16:47:23 2009 -0500
+++ b/SO3e.AdiumMessageStyle/Contents/Resources/Variants/Compact.css Wed May 06 16:18:07 2009 -0500
@@ -108,13 +108,6 @@
-webkit-background-size: 100% 100%;
}
-.message.t-hover .t-sender,
-.message.t-hover .t-rtime,
-.message.t-hover .t-message
-{
- color: rgba(0, 0, 0, 1);
-}
-
.consecutive.message
{
background: none !important;
@@ -158,21 +151,13 @@
display: none !important;
}
-.message .t-wrap
+.t-wrap
{
display: block;
margin-left: 5px;
padding-left: 3px;
padding-right: 5px;
-}
-
-.status .t-wrap,
-.event .t-wrap
-{
- display: block;
- margin-left: 5px;
- padding-left: 3px;
- padding-right: 5px;
+ padding-bottom: 1px;
}
.t-sender
@@ -221,6 +206,13 @@
color: rgba(255, 255, 255, .8)
}
+.message.t-hover .t-sender,
+.message.t-hover .t-rtime,
+.message.t-hover .t-message
+{
+ color: rgba(0, 0, 0, 1);
+}
+
img.emoticon
{
vertical-align: top;
@@ -280,19 +272,6 @@
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, .2);
}
-.event.history:first-child:before
-{
- //content: "Message History \25BE";
- //float: left;
- //margin-left: 7px;
-}
-
-.history.event .t-message
-{
- //font-size: .9em;
- text-shadow: 0px 1px 4px rgba(64, 64, 64, .5);
-}
-
.history.message
{
padding-right: 0px;
@@ -304,7 +283,7 @@
.history.message.t-hover:not(.consecutive)
{
background:
- -webkit-gradient(linear, left top, left bottom, from(rgba(208, 208, 208, 1)), to(rgba(192, 192, 192, 1))) 5px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(200, 200, 200, 1)), to(rgba(200, 200, 200, 1))) 5px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .625)), to(rgba(192, 192, 192, .625))) 0px 0px no-repeat;
}
@@ -313,8 +292,21 @@
padding-right: 0px;
}
-.status.history:not(.consecutive),
-.event.history:not(.consecutive)
+.history.event
+{
+ border-right: 1px solid rgba(184, 184, 184, 1);
+ margin-right: 9px;
+}
+
+.history.event:first-child:before
+{
+ //content: "Message History \25BE";
+ //float: left;
+ //margin-left: 7px;
+}
+
+.history.status:not(.consecutive),
+.history.event:not(.consecutive)
{
color: rgba(244, 244, 244, 1);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(128, 128, 128, 1)), to(rgba(96, 96, 96, 1)));
@@ -339,3 +331,14 @@
text-shadow: 0px 1px 4px rgba(184, 184, 184, .5);
}
+.t-hover + .t-hover
+{
+ -webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 1) !important;
+}
+
+.history.event .t-message
+{
+ //font-size: .9em;
+ text-shadow: 0px 1px 4px rgba(64, 64, 64, .5);
+}
+
diff -r 6768c3a29e4c -r f28106dd2cf6 SO3e.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time1.css
--- a/SO3e.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time1.css Tue May 05 16:47:23 2009 -0500
+++ b/SO3e.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time1.css Wed May 06 16:18:07 2009 -0500
@@ -299,6 +299,7 @@
//color: rgba(184, 184, 184, 1);
}
+.autoreply .t-rtime,
.status .t-rtime,
.event .t-rtime
{
@@ -405,6 +406,8 @@
.history.event
{
text-align: right !important;
+ border-right: 1px solid rgba(128, 128, 128, 1);
+ margin-right: 9px;
}
.history.event:first-child:before
@@ -431,8 +434,8 @@
.history.message.t-hover:not(.consecutive)
{
background:
- -webkit-gradient(linear, left top, left bottom, from(rgba(208, 208, 208, 1)), to(rgba(192, 192, 192, 1))) 5px 0px no-repeat,
- -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .75)), to(rgba(192, 192, 192, .25))) 0px 0px no-repeat;
+ -webkit-gradient(linear, left top, left bottom, from(rgba(200, 200, 200, 1)), to(rgba(200, 200, 200, 1))) 5px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .625)), to(rgba(192, 192, 192, .625))) 0px 0px no-repeat;
-webkit-background-size: 100% 100%;
-webkit-box-shadow: 0px 2px 4px rgba(255, 255, 255, 1), 0px -1px 1px rgba(0, 0, 0, .4);
}
@@ -508,3 +511,7 @@
//padding-right: 4px;
}
+.t-hover + .t-hover
+{
+ -webkit-box-shadow: 0px 2px 2px rgba(255, 255, 255, 1) !important;
+}
diff -r 6768c3a29e4c -r f28106dd2cf6 SO3e.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time2.css
--- a/SO3e.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time2.css Tue May 05 16:47:23 2009 -0500
+++ b/SO3e.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time2.css Wed May 06 16:18:07 2009 -0500
@@ -295,6 +295,7 @@
//color: rgba(184, 184, 184, 1);
}
+.autoreply .t-rtime,
.status .t-rtime,
.event .t-rtime
{
@@ -413,6 +414,8 @@
.history.event
{
text-align: right !important;
+ border-right: 1px solid rgba(128, 128, 128, 1);
+ margin-right: 9px;
}
.history.event:first-child:before
@@ -439,8 +442,8 @@
.history.message.t-hover:not(.consecutive)
{
background:
- -webkit-gradient(linear, left top, left bottom, from(rgba(208, 208, 208, 1)), to(rgba(192, 192, 192, 1))) 5px 0px no-repeat,
- -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .75)), to(rgba(192, 192, 192, .25))) 0px 0px no-repeat;
+ -webkit-gradient(linear, left top, left bottom, from(rgba(200, 200, 200, 1)), to(rgba(200, 200, 200, 1))) 5px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .625)), to(rgba(192, 192, 192, .625))) 0px 0px no-repeat;
-webkit-background-size: 100% 100%;
-webkit-box-shadow: 0px 2px 4px rgba(255, 255, 255, 1), 0px -1px 1px rgba(0, 0, 0, .4);
}
@@ -522,3 +525,7 @@
//padding-right: 4px;
}
+.t-hover + .t-hover
+{
+ -webkit-box-shadow: 0px 2px 2px rgba(255, 255, 255, 1) !important;
+}
diff -r 6768c3a29e4c -r f28106dd2cf6 SO3e.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css
--- a/SO3e.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css Tue May 05 16:47:23 2009 -0500
+++ b/SO3e.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css Wed May 06 16:18:07 2009 -0500
@@ -250,6 +250,7 @@
color: rgba(152, 152, 152, 1);
}
+.autoreply .t-ltime,
.status .t-ltime,
.event .t-ltime
{
@@ -346,6 +347,19 @@
background: -webkit-gradient(linear, left top, left bottom, from(rgba(128, 128, 128, 1)), to(rgba(96, 96, 96, 1))) 0px 0px no-repeat;
}
+.t-hover + .t-hover
+{
+ -webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 1) !important;
+}
+
+.history.event
+{
+ border-left: 1px solid rgba(128, 128, 128, 1);
+ border-right: 1px solid rgba(128, 128, 128, 1);
+ margin-right: 9px;
+ margin-left: -1px;
+}
+
.history:last-of-type:after
{
//content: "Message History \25BE";
@@ -410,7 +424,7 @@
.history .t-ltime
{
- margin-right: 0px;
+ //margin-right: 0px;
text-shadow: 0px 1px 4px rgba(184, 184, 184, .5);
}
More information about the commits
mailing list