xtras/mathuaerknedam 63:636b8d6c8d55: Remove the no-logner-neede...
commits at adium.im
commits at adium.im
Fri Jul 3 20:13:52 UTC 2009
details: http://hg.adium.im/xtras/mathuaerknedam/rev/636b8d6c8d55
revision: 63:636b8d6c8d55
author: mathuaerknedam
date: Fri Jul 03 06:44:43 2009 -0500
Remove the no-logner-needed svg icon mask.
Subject: xtras/mathuaerknedam 64:a2d12b67a279: Replace t-<classes> with x-<classes>.
details: http://hg.adium.im/xtras/mathuaerknedam/rev/a2d12b67a279
revision: 64:a2d12b67a279
author: mathuaerknedam
date: Fri Jul 03 06:48:37 2009 -0500
Replace t-<classes> with x-<classes>.
Subject: xtras/mathuaerknedam 65:6f9827b1e738: Fix timestamp at 9px. :( I'm not happy about using a fixed font size for anything, but otherwise nothing else will scale well at large font sizes. This should only be necessary for Alternating and Time-Icon variants.
details: http://hg.adium.im/xtras/mathuaerknedam/rev/6f9827b1e738
revision: 65:6f9827b1e738
author: mathuaerknedam
date: Fri Jul 03 07:57:16 2009 -0500
Fix timestamp at 9px. :( I'm not happy about using a fixed font size for anything, but otherwise nothing else will scale well at large font sizes. This should only be necessary for Alternating and Time-Icon variants.
Subject: xtras/mathuaerknedam 66:a90071abb588: Also fix sizes for notification/mention icons, except for classic and alternatin
details: http://hg.adium.im/xtras/mathuaerknedam/rev/a90071abb588
revision: 66:a90071abb588
author: mathuaerknedam
date: Fri Jul 03 14:33:53 2009 -0500
Also fix sizes for notification/mention icons, except for classic and alternatin
g variants. Add proportional adjustments to mention/highlight/marks.
Subject: xtras/mathuaerknedam 67:abd179466f19: scalability tweaks for Classic variant.
details: http://hg.adium.im/xtras/mathuaerknedam/rev/abd179466f19
revision: 67:abd179466f19
author: mathuaerknedam
date: Fri Jul 03 14:42:21 2009 -0500
scalability tweaks for Classic variant.
Subject: xtras/mathuaerknedam 68:71f8408e09ad: Change background-size from "100%" to "auto", fix per-message arrow to font-family "Lucida Grande".
details: http://hg.adium.im/xtras/mathuaerknedam/rev/71f8408e09ad
revision: 68:71f8408e09ad
author: mathuaerknedam
date: Fri Jul 03 15:12:19 2009 -0500
Change background-size from "100%" to "auto", fix per-message arrow to font-family "Lucida Grande".
Subject: xtras/mathuaerknedam 69:d3e3fc78d256: Todo update.
details: http://hg.adium.im/xtras/mathuaerknedam/rev/d3e3fc78d256
revision: 69:d3e3fc78d256
author: mathuaerknedam
date: Fri Jul 03 15:13:30 2009 -0500
Todo update.
diffs (truncated from 2599 to 1000 lines):
diff -r 2f436084a755 -r d3e3fc78d256 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/32-5.svg
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/32-5.svg Mon Jun 29 18:18:15 2009 -0500
+++ /dev/null Thu Jan 01 00:00:00 1970 +0000
@@ -1,16 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 11 Build 196, SVG Export Plug-In -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
- <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
- <!ENTITY ns_svg "http://www.w3.org/2000/svg">
- <!ENTITY ns_xlink "http://www.w3.org/1999/xlink">
-]>
-<svg xmlns="&ns_svg;" xmlns:xlink="&ns_xlink;" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
- width="33" height="33" viewBox="-0.4941406 -0.6518555 33 33" xml:space="preserve">
- <defs>
- </defs>
- <g>
- <path d="M32,27.0004883c0,2.7607422-2.2387695,5-5,5H5c-2.7612305,0-5-2.2392578-5-5V5c0-2.7612305,2.2387695-5,5-5h22
- c2.7612305,0,5,2.2387695,5,5V27.0004883z"/>
- </g>
-</svg>
diff -r 2f436084a755 -r d3e3fc78d256 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Content.html
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Content.html Mon Jun 29 18:18:15 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Content.html Fri Jul 03 15:13:30 2009 -0500
@@ -1,12 +1,12 @@
<div class="%messageClasses% %service% %senderScreenName%" ico="%userIconPath%" style="background-color: %senderColor%;">
- <img class="t-icon" src="%userIconPath%" />
- <span class="t-color" style="background-color: %senderColor%"></span>
- <span class="t-wrap">
- <span class="t-sender" title="%senderPrefix% %senderScreenName%">%sender% </span>
- <span class="t-rtime" title="%time{dd MMM yyyy}%">%time% </span>
- <span class="t-ltime" title="%time{dd MMM yyyy}%">%shortTime%:%time{ss}% </span>
- <span class="t-mark">‣</span>
- <span class="t-message" title="%time%">%message% </span>
+ <img class="x-icon" src="%userIconPath%" />
+ <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>
+ <span class="x-ltime" title="%time{dd MMM yyyy}%">%shortTime%:%time{ss}% </span>
+ <span class="x-mark">‣</span>
+ <span class="x-message" title="%time%">%message% </span>
</span>
<span id="insert"></span>
</div>
diff -r 2f436084a755 -r d3e3fc78d256 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html Mon Jun 29 18:18:15 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html Fri Jul 03 15:13:30 2009 -0500
@@ -7,7 +7,7 @@
</title>
<style type="text/css">
- @import url( "./Variants/Alternating.css" );
+ @import url( "./Variants/Icon-Time1.css" );
body
{
@@ -49,267 +49,267 @@
<div id="Chat" class="groupchat">
<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 class="x-wrap">
+ <span class="x-rtime" title="19 Apr 2004">12:45:48 </span>
+ <span class="x-ltime" title="19 Apr 2004">12:45:48 </span>
+ <span class="x-mark">‣</span>
+ <span class="x-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-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>
+ <img class="x-icon" src="./outgoing_icon.png" />
+ <span class="x-color" style="background-color: seagreen"></span>
+ <span class="x-wrap">
+ <span class="x-sender" title="TekJew">Evan </span>
+ <span class="x-rtime" title="19 Apr 2004">12:45:48 </span>
+ <span class="x-ltime" title="19 Apr 2004">12:45:48 </span>
+ <span class="x-mark">‣</span>
+ <span class="x-message">So a priest, a rabbi, and a chicken walk into a bar. </span>
</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', ''); }">
- <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-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'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>
+ <img class="x-icon" src="./incoming_icon.png" />
+ <span class="x-color" style="background-color: blue"></span>
+ <span class="x-wrap">
+ <span class="x-sender" title="fetchgreebledonx" >Jeff </span>
+ <span class="x-rtime" title="19 Apr 2004">12:46:07 </span>
+ <span class="x-ltime" title="19 Apr 2004">12:46:07 </span>
+ <span class="x-mark">‣</span>
+ <span class="x-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 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-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>
+ <img class="x-icon" src="./incoming_icon.png" />
+ <span class="x-color" style="background-color: blue"></span>
+ <span class="x-wrap">
+ <span class="x-sender" title="fetchgreebledonx" >Jeff </span>
+ <span class="x-rtime" title="19 Apr 2004">12:46:32 </span>
+ <span class="x-ltime" title="19 Apr 2004">12:46:32 </span>
+ <span class="x-mark">‣</span>
+ <span class="x-message">So what happens next? </span>
</span>
</div>
</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-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>
+ <img class="x-icon" src="./outgoing_icon.png" />
+ <span class="x-color" style="background-color: seagreen"></span>
+ <span class="x-wrap">
+ <span class="x-sender" title="TekJew">Evan </span>
+ <span class="x-rtime" title="19 Apr 2004">12:45:48 </span>
+ <span class="x-ltime" title="19 Apr 2004">12:45:48 </span>
+ <span class="x-mark">‣</span>
+ <span class="x-message">So a priest, a rabbi, and a chicken walk into a bar. </span>
</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', ''); }">
- <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-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>
+ <img class="x-icon" src="./incoming_icon.png" />
+ <span class="x-color" style="background-color: blue"></span>
+ <span class="x-wrap">
+ <span class="x-sender" title="fetchgreebledonx" >Jeff </span>
+ <span class="x-rtime" title="19 Apr 2004">12:46:07 </span>
+ <span class="x-ltime" title="19 Apr 2004">12:46:07 </span>
+ <span class="x-mark">‣</span>
+ <span class="x-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', ''); }">
- <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-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>
+ <img class="x-icon" src="./incoming_icon.png" />
+ <span class="x-color" style="background-color: blue"></span>
+ <span class="x-wrap">
+ <span class="x-sender" title="fetchgreebledonx" >Jeff </span>
+ <span class="x-rtime" title="19 Apr 2004">12:46:32 </span>
+ <span class="x-ltime" title="19 Apr 2004">12:46:32 </span>
+ <span class="x-mark">‣</span>
+ <span class="x-message">So what happens next? </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', ''); }">
- <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-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>
+ <img class="x-icon" src="./incoming_icon.png" />
+ <span class="x-color" style="background-color: blue"></span>
+ <span class="x-wrap">
+ <span class="x-sender" title="fetchgreebledonx" >Jeff </span>
+ <span class="x-rtime" title="19 Apr 2004">12:46:32 </span>
+ <span class="x-ltime" title="19 Apr 2004">12:46:32 </span>
+ <span class="x-mark">‣</span>
+ <span class="x-message">So what happens next? </span>
</span>
</div>
</div>
</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', ''); }">
- <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-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>
+ <img class="x-icon" src="./incoming_icon.png" />
+ <span class="x-color" style="background-color: blue"></span>
+ <span class="x-wrap">
+ <span class="x-sender" title="fetchgreebledonx" >Jeff </span>
+ <span class="x-rtime" title="19 Apr 2004">12:46:32 </span>
+ <span class="x-ltime" title="19 Apr 2004">12:46:32 </span>
+ <span class="x-mark">‣</span>
+ <span class="x-message">So what happens next? </span>
</span>
</div>
<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 class="x-wrap">
+ <span class="x-rtime" title="19 Apr 2004">12:45:48 </span>
+ <span class="x-ltime" title="19 Apr 2004">12:45:48 </span>
+ <span class="x-mark">‣</span>
+ <span class="x-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-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>
+ <img class="x-icon" src="./outgoing_icon.png" />
+ <span class="x-color" style="background-color: seagreen"></span>
+ <span class="x-wrap">
+ <span class="x-sender" title="TekJew">Evan </span>
+ <span class="x-rtime" title="19 Apr 2004">12:45:48 </span>
+ <span class="x-ltime" title="19 Apr 2004">12:45:48 </span>
+ <span class="x-mark">‣</span>
+ <span class="x-message">So a priest, a rabbi, and a chicken walk into a bar. </span>
</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', ''); }">
- <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-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>
+ <img class="x-icon" src="./incoming_icon.png" />
+ <span class="x-color" style="background-color: blue"></span>
+ <span class="x-wrap">
+ <span class="x-sender" title="fetchgreebledonx" >Jeff </span>
+ <span class="x-rtime" title="19 Apr 2004">12:46:07 </span>
+ <span class="x-ltime" title="19 Apr 2004">12:46:07 </span>
+ <span class="x-mark">‣</span>
+ <span class="x-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', ''); }">
- <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-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>
+ <img class="x-icon" src="./incoming_icon.png" />
+ <span class="x-color" style="background-color: blue"></span>
+ <span class="x-wrap">
+ <span class="x-sender" title="fetchgreebledonx" >Jeff </span>
+ <span class="x-rtime" title="19 Apr 2004">12:46:32 </span>
+ <span class="x-ltime" title="19 Apr 2004">12:46:32 </span>
+ <span class="x-mark">‣</span>
+ <span class="x-message">|So what happens next? </span>
</span>
</div>
</div>
<!--
<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>
- <span class="t-mark">‣</span>
- <span class="t-message" title="12:45:48">Wednesday, June 09, 2004 </span>
+ <span class="x-wrap">
+ <span class="x-rtime" title="19 Apr 2004">12:45:48 </span>
+ <span class="x-ltime" title="19 Apr 2004">12:45:48 </span>
+ <span class="x-mark">‣</span>
+ <span class="x-message" title="12:45:48">Wednesday, June 09, 2004 </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', ''); }">
- <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">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>
+ <img class="x-icon" src="./outgoing_icon.png" />
+ <span class="x-color" style="background-color: seagreen"></span>
+ <span class="x-wrap">
+ <span class="x-sender" title="TekJew">EvanEvanEvanEvanEvanEvanEvanEvanEvanEvanEvanEvanEvanEvanEvanEvanEvanEvanEvanEvan </span>
+ <span class="x-rtime" title="19 Apr 2004">12:46:50 </span>
+ <span class="x-ltime" title="19 Apr 2004">12:46:50 </span>
+ <span class="x-mark">‣</span>
+ <span class="x-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', ''); }">
- <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-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>
+ <img class="x-icon" src="./outgoing_icon.png" />
+ <span class="x-color" style="background-color: seagreen"></span>
+ <span class="x-wrap">
+ <span class="x-sender" title="TekJew">Evan </span>
+ <span class="x-rtime" title="19 Apr 2004">12:47:00 </span>
+ <span class="x-ltime" title="19 Apr 2004">12:47:00 </span>
+ <span class="x-mark">‣</span>
+ <span class="x-message">But that might be if you cross the streams… </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', ''); }">
- <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-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>
+ <img class="x-icon" src="./outgoing_icon.png" />
+ <span class="x-color" style="background-color: seagreen"></span>
+ <span class="x-wrap">
+ <span class="x-sender" title="TekJew">Evan </span>
+ <span class="x-rtime" title="19 Apr 2004">12:46:50 </span>
+ <span class="x-ltime" title="19 Apr 2004">12:46:50 </span>
+ <span class="x-mark">‣</span>
+ <span class="x-message">If I remember correctly, they explode outward at the speed of light. </span>
</span>
</div>
</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', ''); }">
- <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 </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>
+ <img class="x-icon" src="./incoming_icon.png" />
+ <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>
+ <span class="x-rtime" title="19 Apr 2004">12:47:06 </span>
+ <span class="x-ltime" title="19 Apr 2004">12:47:06 </span>
+ <span class="x-mark">‣</span>
+ <span class="x-message">…thus negating all existence! </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', ''); }">
- <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-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>
+ <img class="x-icon" src="./outgoing_icon.png" />
+ <span class="x-color" style="background-color: seagreen"></span>
+ <span class="x-wrap">
+ <span class="x-sender" title="TekJew">Evan </span>
+ <span class="x-rtime" title="19 Apr 2004">12:47:51 </span>
+ <span class="x-ltime" title="19 Apr 2004">12:47:51 </span>
+ <span class="x-mark">‣</span>
+ <span class="x-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 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 wants your attention! </span>
+ <span class="x-wrap">
+ <span class="x-rtime" title="19 Apr 2004">12:47:54 </span>
+ <span class="x-ltime" title="19 Apr 2004">12:47:54 </span>
+ <span class="x-mark">‣</span>
+ <span class="x-message">Jeff wants your attention! </span>
</span>
</div>
<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 class="x-wrap">
+ <span class="x-rtime" title="19 Apr 2004">12:47:54 </span>
+ <span class="x-ltime" title="19 Apr 2004">12:47:54 </span>
+ <span class="x-mark">‣</span>
+ <span class="x-message">Jeff went away </span>
</span>
<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>
- <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="x-wrap">
+ <span class="x-rtime" title="19 Apr 2004">12:47:55 </span>
+ <span class="x-ltime" title="19 Apr 2004">12:47:55 </span>
+ <span class="x-mark">‣</span>
+ <span class="x-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 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>
+ <img class="x-icon" src="incoming_icon.png" />
+ <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>
+ <span class="x-ltime" title="19 Apr 2004">12:47:51 </span>
+ <span class="x-mark">‣</span>
+ <span class="x-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 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-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>
+ <img class="x-icon" src="./outgoing_icon.png" />
+ <span class="x-color" style="background-color: seagreen"></span>
+ <span class="x-wrap">
+ <span class="x-sender" title="TekJew">Evan </span>
+ <span class="x-rtime" title="19 Apr 2004">12:48:02 </span>
+ <span class="x-ltime" title="19 Apr 2004">12:48:02 </span>
+ <span class="x-mark">‣</span>
+ <span class="x-message">Gotta run; catch ya later <a href="http://slashdot.org">;) </a></span>
</span>
</div>
<span id="insert"></span>
diff -r 2f436084a755 -r d3e3fc78d256 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup.html
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup.html Mon Jun 29 18:18:15 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup.html Fri Jul 03 15:13:30 2009 -0500
@@ -49,142 +49,142 @@
<div id="Chat" class="groupchat">
<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 class="x-wrap">
+ <span class="x-rtime" title="19 Apr 2004">12:45:48 </span>
+ <span class="x-ltime" title="19 Apr 2004">12:45:48 </span>
+ <span class="x-mark">‣</span>
+ <span class="x-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-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>
+ <img class="x-icon" src="./outgoing_icon.png" />
+ <span class="x-color" style="background-color: seagreen"></span>
+ <span class="x-wrap">
+ <span class="x-sender" title="TekJew">Evan </span>
+ <span class="x-rtime" title="19 Apr 2004">12:45:48 </span>
+ <span class="x-ltime" title="19 Apr 2004">12:45:48 </span>
+ <span class="x-mark">‣</span>
+ <span class="x-message">So a priest, a rabbi, and a chicken walk into a bar. </span>
</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', ''); }">
- <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-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>
+ <img class="x-icon" src="./incoming_icon.png" />
+ <span class="x-color" style="background-color: blue"></span>
+ <span class="x-wrap">
+ <span class="x-sender" title="fetchgreebledonx" >Jeff </span>
+ <span class="x-rtime" title="19 Apr 2004">12:46:07 </span>
+ <span class="x-ltime" title="19 Apr 2004">12:46:07 </span>
+ <span class="x-mark">‣</span>
+ <span class="x-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', ''); }">
- <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-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>
+ <img class="x-icon" src="./incoming_icon.png" />
+ <span class="x-color" style="background-color: blue"></span>
+ <span class="x-wrap">
+ <span class="x-sender" title="fetchgreebledonx" >Jeff </span>
+ <span class="x-rtime" title="19 Apr 2004">12:46:32 </span>
+ <span class="x-ltime" title="19 Apr 2004">12:46:32 </span>
+ <span class="x-mark">‣</span>
+ <span class="x-message">So what happens next? </span>
</span>
</div>
</div>
<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>
- <span class="t-mark">‣</span>
- <span class="t-message" title="12:45:48">Wednesday, June 09, 2004 </span>
+ <span class="x-wrap">
+ <span class="x-rtime" title="19 Apr 2004">12:45:48 </span>
+ <span class="x-ltime" title="19 Apr 2004">12:45:48 </span>
+ <span class="x-mark">‣</span>
+ <span class="x-message" title="12:45:48">Wednesday, June 09, 2004 </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', ''); }">
- <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-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>
+ <img class="x-icon" src="./outgoing_icon.png" />
+ <span class="x-color" style="background-color: seagreen"></span>
+ <span class="x-wrap">
+ <span class="x-sender" title="TekJew">Evan </span>
+ <span class="x-rtime" title="19 Apr 2004">12:46:50 </span>
+ <span class="x-ltime" title="19 Apr 2004">12:46:50 </span>
+ <span class="x-mark">‣</span>
+ <span class="x-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', ''); }">
- <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-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>
+ <img class="x-icon" src="./outgoing_icon.png" />
+ <span class="x-color" style="background-color: seagreen"></span>
+ <span class="x-wrap">
+ <span class="x-sender" title="TekJew">Evan </span>
+ <span class="x-rtime" title="19 Apr 2004">12:47:00 </span>
+ <span class="x-ltime" title="19 Apr 2004">12:47:00 </span>
+ <span class="x-mark">‣</span>
+ <span class="x-message">But that might be if you cross the streams… </span>
</span>
</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', ''); }">
- <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-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>
+ <img class="x-icon" src="./incoming_icon.png" />
+ <span class="x-color" style="background-color: blue"></span>
+ <span class="x-wrap">
+ <span class="x-sender" title="fetchgreebledonx" >Jeff </span>
+ <span class="x-rtime" title="19 Apr 2004">12:47:06 </span>
+ <span class="x-ltime" title="19 Apr 2004">12:47:06 </span>
+ <span class="x-mark">‣</span>
+ <span class="x-message">…thus negating all existence! </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', ''); }">
- <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-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>
+ <img class="x-icon" src="./outgoing_icon.png" />
+ <span class="x-color" style="background-color: seagreen"></span>
+ <span class="x-wrap">
+ <span class="x-sender" title="TekJew">Evan </span>
+ <span class="x-rtime" title="19 Apr 2004">12:47:51 </span>
+ <span class="x-ltime" title="19 Apr 2004">12:47:51 </span>
+ <span class="x-mark">‣</span>
+ <span class="x-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="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 class="x-wrap">
+ <span class="x-rtime" title="19 Apr 2004">12:47:54 </span>
+ <span class="x-ltime" title="19 Apr 2004">12:47:54 </span>
+ <span class="x-mark">‣</span>
+ <span class="x-message">Jeff went away </span>
</span>
<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>
- <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="x-wrap">
+ <span class="x-rtime" title="19 Apr 2004">12:47:55 </span>
+ <span class="x-ltime" title="19 Apr 2004">12:47:55 </span>
+ <span class="x-mark">‣</span>
+ <span class="x-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 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. </span>
+ <img class="x-icon" src="incoming_icon.png" />
+ <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>
+ <span class="x-ltime" title="19 Apr 2004">12:47:51 </span>
+ <span class="x-mark">‣</span>
+ <span class="x-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', ''); }">
- <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-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>
+ <img class="x-icon" src="./outgoing_icon.png" />
+ <span class="x-color" style="background-color: seagreen"></span>
+ <span class="x-wrap">
+ <span class="x-sender" title="TekJew">Evan </span>
+ <span class="x-rtime" title="19 Apr 2004">12:48:02 </span>
+ <span class="x-ltime" title="19 Apr 2004">12:48:02 </span>
+ <span class="x-mark">‣</span>
+ <span class="x-message">Gotta run; catch ya later <a href="http://slashdot.org">;) </a></span>
</span>
</div>
<span id="insert"></span>
diff -r 2f436084a755 -r d3e3fc78d256 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Status.html
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Status.html Mon Jun 29 18:18:15 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Status.html Fri Jul 03 15:13:30 2009 -0500
@@ -1,9 +1,9 @@
<div class="%messageClasses% %service%" ico="%userIconPath%">
- <span class="t-wrap">
- <span class="t-rtime" title="%time{dd MMM yyyy}%">%time% </span>
- <span class="t-ltime" title="ltime %time{dd MMM yyyy}%">%shortTime%:%time{ss}% </span>
- <span class="t-mark">‣</span>
- <span class="t-message">%message% </span>
+ <span class="x-wrap">
+ <span class="x-rtime" title="%time{dd MMM yyyy}%">%time% </span>
+ <span class="x-ltime" title="ltime %time{dd MMM yyyy}%">%shortTime%:%time{ss}% </span>
+ <span class="x-mark">‣</span>
+ <span class="x-message">%message% </span>
</span>
<span id="insert"></span>
</div>
diff -r 2f436084a755 -r d3e3fc78d256 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css Mon Jun 29 18:18:15 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css Fri Jul 03 15:13:30 2009 -0500
@@ -60,6 +60,8 @@
{
position: absolute;
left: 36px;
+ margin-left: -.73em;
+ margin-top: -.1em;
content: "\2605";
color: rgba(64, 64, 64, 1);
text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
@@ -86,7 +88,7 @@
-webkit-border-radius: 5px;
}
-.message:not(.autoreply):not(.t-hover):not(.consecutive):not(.history)
+.message:not(.autoreply):not(.x-hover):not(.consecutive):not(.history)
{
background:
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(248, 248, 248, 1))) 0px 0px no-repeat,
@@ -98,7 +100,7 @@
-webkit-background-size: 48px 16px, 48px 100%, 5px 32px, 5px 100%, 100% 16px, 100% 100%;
}
-.message.autoreply:not(.t-hover):not(.consecutive):not(.history)
+.message.autoreply:not(.x-hover):not(.consecutive):not(.history)
{
background:
-webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(64, 64, 64, 1))) 0px 0px no-repeat,
@@ -109,7 +111,7 @@
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, .4), 0px 0px 1px rgba(0, 0, 0, .4), 0px 0px 1px rgba(0, 0, 0, 1);
}
-.message.t-hover:not(.consecutive):not(.history)
+.message.x-hover:not(.consecutive):not(.history)
{
background:
-webkit-gradient(linear, left top, left bottom, from(rgba(208, 208, 208, 1)), to(rgba(192, 192, 192, 1))) 0px 0px no-repeat,
@@ -141,6 +143,8 @@
{
position: absolute;
left: 36px;
+ margin-left: -.73em;
+ margin-top: -.1em;
//content: "\25c4";
//content: "\262f";
content: "\2665";
@@ -151,12 +155,12 @@
z-index: 99;
}
-.t-color
+.x-color
{
display: none;
}
-img.t-icon
+img.x-icon
{
max-width: 28px;
max-height: 28px;
@@ -169,41 +173,41 @@
-webkit-border-radius: 5px;
}
-.autoreply img.t-icon
+.autoreply img.x-icon
{
background: -webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(64, 64, 64, 1))) 0px 0px no-repeat;
}
-.incoming img.t-icon
+.incoming img.x-icon
{
right: 8px;
-webkit-border-top-left-radius: 0px;
}
-.outgoing img.t-icon
+.outgoing img.x-icon
{
left: 8px;
-webkit-border-top-right-radius: 0px;
}
-.message.t-hover img.t-icon
+.message.x-hover img.x-icon
{
background: -webkit-gradient(linear, left top, left bottom, from(rgba(208, 208, 208, 1)), to(rgba(192, 192, 192, 1)));
-webkit-box-shadow: 0px 2px 4px rgba(255, 255, 255, 1), 0px -1px 1px rgba(0, 0, 0, .4);
}
img[src*="buddy_icon.png"],
-.message[ico*="buddy_icon.png"] img.t-icon,
-.IRC.message img.t-icon,
-.consecutive img.t-icon,
-.consecutive.message .t-sender,
-.history img.t-icon
+.message[ico*="buddy_icon.png"] img.x-icon,
+.IRC.message img.x-icon,
+.consecutive img.x-icon,
+.consecutive.message .x-sender,
+.history img.x-icon
{
display: none !important;
//visibility: hidden;
}
-.message .t-wrap
+.message .x-wrap
{
display: block;
margin-left: 48px;
@@ -214,8 +218,8 @@
//border-left: 1px solid rgba(216, 216, 216, 1);
}
-.status .t-wrap,
-.event .t-wrap
+.status .x-wrap,
+.event .x-wrap
{
display: block;
margin-left: 48px;
@@ -226,7 +230,7 @@
//border-left: 1px solid rgba(112, 112, 112, 1);
}
-.t-sender
+.x-sender
{
font-weight: bold;
display: block;
@@ -234,23 +238,23 @@
padding-bottom: 3px;
}
-.message.autoreply:not(.history) .t-sender,
-.message.autoreply:not(.history) .t-message
+.message.autoreply:not(.history) .x-sender,
+.message.autoreply:not(.history) .x-message
{
color: rgba(244, 244, 244, 1);
}
-.t-rtime
+.x-rtime
{
display: none;
}
-.t-ltime
+.x-ltime
{
position: absolute;
left: 54px;
margin-top: 1px;
- font-size: .9em;
+ font-size: 9px;
width: 4.5em;
text-align: right;
white-space: nowrap;
@@ -258,38 +262,40 @@
text-overflow: ellipsis;
}
-.message .t-ltime
+.message .x-ltime
{
color: rgba(152, 152, 152, 1);
}
-.autoreply .t-ltime,
-.status .t-ltime,
-.event .t-ltime
+.autoreply .x-ltime,
+.status .x-ltime,
+.event .x-ltime
{
color: rgba(168, 168, 168, 1);
}
-.t-mark
+.x-mark
{
position: absolute;
left: 97px;
+ margin-left: -.085em;
+ font-family: Lucida Grande;
}
-.message .t-mark
+.message .x-mark
{
color: rgba(0, 0, 0, .8)
}
-.status .t-mark,
-.event .t-mark
+.status .x-mark,
+.event .x-mark
{
color: rgba(120, 120, 120, 1);
}
-.message.t-hover .t-sender,
-.message.t-hover .t-ltime,
-.message.t-hover .t-message
+.message.x-hover .x-sender,
+.message.x-hover .x-ltime,
+.message.x-hover .x-message
{
color: rgba(0, 0, 0, 1) !important;
}
@@ -383,7 +389,7 @@
-webkit-background-size: 48px 100%;
}
-.history.message.t-hover:not(.consecutive)
+.history.message.x-hover:not(.consecutive)
{
background:
-webkit-gradient(linear, left top, left bottom, from(rgba(200, 200, 200, 1)), to(rgba(200, 200, 200, 1))) 0px 0px no-repeat,
@@ -392,47 +398,47 @@
-webkit-box-shadow: 0px 2px 4px rgba(255, 255, 255, 1), 0px -1px 1px rgba(0, 0, 0, .4);
}
-.history.message .t-wrap
+.history.message .x-wrap
{
text-shadow: 0px 1px 4px rgba(64, 64, 64, .5);
padding-top: 1px;
}
-.history.event .t-wrap
+.history.event .x-wrap
{
//padding-top: 2px;
//padding-bottom: 3px;
}
-.history.message .t-wrap:last-child
+.history.message .x-wrap:last-child
{
}
More information about the commits
mailing list