xtras/mathuaerknedam 139:85bc2f9f3364: Replace xxx* classing wit...
commits at adium.im
commits at adium.im
Sat Oct 24 03:04:20 UTC 2009
details: http://hg.adium.im/xtras/mathuaerknedam/rev/85bc2f9f3364
revision: 139:85bc2f9f3364
author: mathuaerknedam
date: Fri Oct 23 21:42:45 2009 -0500
Replace xxx* classing with x-* classing. Also port all-by-sender javascript improvements from SO3.
Subject: xtras/mathuaerknedam 140:d76cf4507622: Things currently look odd when an action is followed by a consecutive message. This is more like the default behavior except that the sender and message are bold and there are no asterisks surrounding the action message. Also, sender names are now the same size as the message rather than slightly smaller.
details: http://hg.adium.im/xtras/mathuaerknedam/rev/d76cf4507622
revision: 140:d76cf4507622
author: mathuaerknedam
date: Fri Oct 23 21:46:20 2009 -0500
Things currently look odd when an action is followed by a consecutive message. This is more like the default behavior except that the sender and message are bold and there are no asterisks surrounding the action message. Also, sender names are now the same size as the message rather than slightly smaller.
Subject: xtras/mathuaerknedam 141:4226d5e860b2: Port recent all-by-sender javascript improvements from yMous. (There older improments were only here, but newer improvements were only there.)
details: http://hg.adium.im/xtras/mathuaerknedam/rev/4226d5e860b2
revision: 141:4226d5e860b2
author: mathuaerknedam
date: Fri Oct 23 21:47:36 2009 -0500
Port recent all-by-sender javascript improvements from yMous. (There older improments were only here, but newer improvements were only there.)
Subject: xtras/mathuaerknedam 142:bc41788d955f: Update mockup for recent tooltip changes.
details: http://hg.adium.im/xtras/mathuaerknedam/rev/bc41788d955f
revision: 142:bc41788d955f
author: mathuaerknedam
date: Fri Oct 23 22:00:44 2009 -0500
Update mockup for recent tooltip changes.
diffs (truncated from 1684 to 1000 lines):
diff -r 42957699863a -r bc41788d955f Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Footer.html
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Footer.html Fri Oct 23 19:20:04 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Footer.html Fri Oct 23 22:00:44 2009 -0500
@@ -14,7 +14,7 @@
}
node = node.parentElement;
}
- var elms = document.getElementsByClassName(senderName);
+ var elms = document.getElementsByClassName(senderName); var elemArray = new Array(elms.length); for (var i=0; i<elms.length; i++) { elemArray[i]=elms[i]; }
var len = elms.length;
for(var i = 0; i < len; i++) {
elms[i].className += ' x-hover';
@@ -37,3 +37,4 @@
var htmlElm = document.getElementsByTagName("html")[0];
document.documentElement.addEventListener("mouseout", function() { if (event.relatedTarget == htmlElm) { deselectAll(); }}, false);
</script>
+
diff -r 42957699863a -r bc41788d955f Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html Fri Oct 23 19:20:04 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html Fri Oct 23 22:00:44 2009 -0500
@@ -359,43 +359,47 @@
<hr id="focus" style="position: absolute; top: 824px;">
<script type="text/javascript">
-var highlightActive = false;
-function selectSender() {
- if (highlightActive || event.target.tagName.toLowerCase() == 'a')
- return;
- highlightActive = true;
- var node = event.target;
- var senderName = null;
- while (!senderName) {
- var nodeClass = node.className;
- if (/(^|[\s])message/.test(nodeClass)) {
- var parts = nodeClass.split(" ");
- senderName = parts[parts.length - 1];
+ var highlightActive = false;
+
+ function selectSender() {
+ if (highlightActive || event.target.tagName.toLowerCase() == 'a')
+ return;
+ highlightActive = true;
+ var node = event.target;
+ var senderName = null;
+ while (!senderName) {
+ var nodeClass = node.className;
+ if (/(^|[\s])message/.test(nodeClass)) {
+ var parts = nodeClass.split(" ");
+ senderName = parts[parts.length - 1];
+ }
+ node = node.parentElement;
}
- node = node.parentElement;
+ var elms = document.getElementsByClassName(senderName); var elemArray = new Array(elms.length); for (var i=0; i<elms.length; i++) { elemArray[i]=elms[i]; }
+ var len = elms.length;
+ for(var i = 0; i < len; i++) {
+ elms[i].className += ' x-hover';
+ }
}
- var elms = document.getElementsByClassName(senderName);
- var len = elms.length;
- for(var i = 0; i < len; i++) {
- elms[i].className += ' x-hover';
- }
-}
-function deselectAll() {
- if (!highlightActive)
- return;
- var elms = document.querySelectorAll(".x-hover");
- var len = elms.length;
- var elm = null;
- for(var i = 0; i < len; i++) {
- elm = elms[i];
- elm.className = elm.className.replace(' x-hover', '');
+
+ function deselectAll() {
+ if (!highlightActive)
+ return;
+ var elms = document.querySelectorAll(".x-hover");
+ var len = elms.length;
+ var elm = null;
+ for(var i = 0; i < len; i++) {
+ elm = elms[i];
+ elm.className = elm.className.replace(' x-hover', '');
+ }
+ highlightActive = false;
}
- highlightActive = false;
-}
+
document.body.addEventListener("mousedown", selectSender, false);
document.body.addEventListener("mouseup", deselectAll, false);
var htmlElm = document.getElementsByTagName("html")[0];
document.documentElement.addEventListener("mouseout", function() { if (event.relatedTarget == htmlElm) { deselectAll(); }}, false);
+
</script>
</body>
</html>
diff -r 42957699863a -r bc41788d955f Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup.html
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup.html Fri Oct 23 19:20:04 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup.html Fri Oct 23 22:00:44 2009 -0500
@@ -212,43 +212,48 @@
<hr id="focus" style="position: absolute; top: 394px;">
<script type="text/javascript">
-var highlightActive = false;
-function selectSender() {
- if (highlightActive || event.target.tagName.toLowerCase() == 'a')
- return;
- highlightActive = true;
- var node = event.target;
- var senderName = null;
- while (!senderName) {
- var nodeClass = node.className;
- if (/(^|[\s])message/.test(nodeClass)) {
- var parts = nodeClass.split(" ");
- senderName = parts[parts.length - 1];
+
+ var highlightActive = false;
+
+ function selectSender() {
+ if (highlightActive || event.target.tagName.toLowerCase() == 'a')
+ return;
+ highlightActive = true;
+ var node = event.target;
+ var senderName = null;
+ while (!senderName) {
+ var nodeClass = node.className;
+ if (/(^|[\s])message/.test(nodeClass)) {
+ var parts = nodeClass.split(" ");
+ senderName = parts[parts.length - 1];
+ }
+ node = node.parentElement;
}
- node = node.parentElement;
+ var elms = document.getElementsByClassName(senderName); var elemArray = new Array(elms.length); for (var i=0; i<elms.length; i++) { elemArray[i]=elms[i]; }
+ var len = elms.length;
+ for(var i = 0; i < len; i++) {
+ elms[i].className += ' x-hover';
+ }
}
- var elms = document.getElementsByClassName(senderName);
- var len = elms.length;
- for(var i = 0; i < len; i++) {
- elms[i].className += ' x-hover';
- }
-}
-function deselectAll() {
- if (!highlightActive)
- return;
- var elms = document.querySelectorAll(".x-hover");
- var len = elms.length;
- var elm = null;
- for(var i = 0; i < len; i++) {
- elm = elms[i];
- elm.className = elm.className.replace(' x-hover', '');
+
+ function deselectAll() {
+ if (!highlightActive)
+ return;
+ var elms = document.querySelectorAll(".x-hover");
+ var len = elms.length;
+ var elm = null;
+ for(var i = 0; i < len; i++) {
+ elm = elms[i];
+ elm.className = elm.className.replace(' x-hover', '');
+ }
+ highlightActive = false;
}
- highlightActive = false;
-}
-document.body.addEventListener("mousedown", selectSender, false);
-document.body.addEventListener("mouseup", deselectAll, false);
-var htmlElm = document.getElementsByTagName("html")[0];
-document.documentElement.addEventListener("mouseout", function() { if (event.relatedTarget == htmlElm) { deselectAll(); }}, false);
+
+ document.body.addEventListener("mousedown", selectSender, false);
+ document.body.addEventListener("mouseup", deselectAll, false);
+ var htmlElm = document.getElementsByTagName("html")[0];
+ document.documentElement.addEventListener("mouseout", function() { if (event.relatedTarget == htmlElm) { deselectAll(); }}, false);
+
</script>
</body>
</html>
diff -r 42957699863a -r bc41788d955f yMous ☿.AdiumMessageStyle/Contents/Resources/Content.html
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Content.html Fri Oct 23 19:20:04 2009 -0500
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Content.html Fri Oct 23 22:00:44 2009 -0500
@@ -1,8 +1,14 @@
-<div class="xxxwrapper %messageClasses% %service% %senderScreenName%" title="%senderPrefix% %senderScreenName%%status% · %service% · %time% · %time{dd MMM yyyy}%">
- <span class="xxxiconsmall"><img src="%userIconPath%" /></span>
- <span class="xxxsender">%sender%</span>
- <span class="xxxmark" style="background-color: %senderColor%; color: %senderColor%">‣</span>
- <span class="xxxmessage">%message%</span>
- <span class="xxxtime">%time%</span>
+<div class="x-wrapper %messageClasses% %service% xx-%senderScreenName%" title="%senderPrefix% %senderScreenName%%status% · %service% · %time% · %time{dd MMM yyyy}%">
+ <span class="x-iconsmall"><img src="%userIconPath%" /></span>
+ <span class="x-sender">%sender%</span>
+ <span class="x-mark" style="background-color: %senderColor%; color: %senderColor%">‣</span>
+ <span class="x-message">%message%</span>
+ <span class="x-time">%time%</span>
</div>
-<xxxinsert id="insert"></xxxinsert>
+<div id="insert" class="x-wrapper">
+<span class="x-iconsmall"></span>
+<span class="x-sender"></span>
+<span class="x-mark"></span>
+<span class="x-message"></span>
+<span class="x-time"></span>
+</div>
diff -r 42957699863a -r bc41788d955f yMous ☿.AdiumMessageStyle/Contents/Resources/Footer.html
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Footer.html Fri Oct 23 19:20:04 2009 -0500
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Footer.html Fri Oct 23 22:00:44 2009 -0500
@@ -1,12 +1,14 @@
<script type="text/javascript">
var highlightActive = false;
function selectSender() {
+ if (highlightActive || event.target.tagName.toLowerCase() == 'a')
+ return;
highlightActive = true;
var node = event.target;
var senderName = null;
while (!senderName) {
var nodeClass = node.className;
- if (nodeClass.indexOf("message") >= 0 && nodeClass.indexOf("xxxmessage") == -1) {
+ if (/(^|[\s])message/.test(nodeClass)) {
var parts = nodeClass.split(" ");
senderName = parts[parts.length - 1];
}
@@ -15,23 +17,24 @@
var elms = document.getElementsByClassName(senderName); var elemArray = new Array(elms.length); for (var i=0; i<elms.length; i++) { elemArray[i]=elms[i]; }
var len = elms.length;
for(var i = 0; i < len; i++) {
- elms[i].className += ' xxxhover';
+ elms[i].className += ' x-hover';
}
}
function deselectAll() {
if (!highlightActive)
return;
- var elms = document.querySelectorAll(".xxxhover");
+ var elms = document.querySelectorAll(".x-hover");
var len = elms.length;
var elm = null;
for(var i = 0; i < len; i++) {
elm = elms[i];
- elm.className = elm.className.replace(' xxxhover', '');
+ elm.className = elm.className.replace(' x-hover', '');
}
highlightActive = false;
}
document.body.addEventListener("mousedown", selectSender, false);
document.body.addEventListener("mouseup", deselectAll, false);
-document.body.addEventListener("mouseout", deselectAll, false);
+var htmlElm = document.getElementsByTagName("html")[0];
+document.documentElement.addEventListener("mouseout", function() { if (event.relatedTarget == htmlElm) { deselectAll(); }}, false);
</script>
diff -r 42957699863a -r bc41788d955f yMous ☿.AdiumMessageStyle/Contents/Resources/Mockup.html
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Mockup.html Fri Oct 23 19:20:04 2009 -0500
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Mockup.html Fri Oct 23 22:00:44 2009 -0500
@@ -15,17 +15,17 @@
border-bottom: 1px solid yellow !important;
}
- img.xxxiconsmall
+ img.x-iconsmall
{
//display: none;
}
- .xxxsender
+ .x-sender
{
//font-size: 7pt !important;
}
- .xxxtime
+ .x-time
{
//font-size: 6.5pt !important;
}
@@ -65,103 +65,109 @@
<div id="Chat" class="">
-<div class="xxxwrapper history date_separator event">
-<span class="xxxiconsmall"><img src="buddy_icon.png" /></span>
-<span class="xxxsender"><!></span>
-<span class="xxxmark" style="background-color: cyan; color: cyan;">‣</span>
-<span class="xxxmessage" title="date_separator · 12:45:48">Wednesday, June 09, 2004</span>
-<span class="xxxtime">12:45:48</span>
+<div class="x-wrapper history date_separator event" title="date_separator · AIM · 12:45:48 · 19 Apr 2004">
+<span class="x-iconsmall"><img src="buddy_icon.png" /></span>
+<span class="x-sender"></span>
+<span class="x-mark" style="background-color: cyan; color: cyan;">‣</span>
+<span class="x-message">Wednesday, June 09, 2004</span>
+<span class="x-time">12:45:48</span>
</div>
-<div class="xxxwrapper history outgoing message TekJew">
-<span class="xxxiconsmall"><img src="./outgoing_icon.png" /></span>
-<span class="xxxsender">Evan</span>
-<span class="xxxmark" style="background-color: seagreen; color: seagreen;">‣</span>
-<span class="xxxmessage" title="AIM · Evan · 12:45:48">So a priest, a rabbi, and a chicken walk into a bar.</span>
-<span class="xxxtime">12:45:48</span>
+<div class="x-wrapper history outgoing message xx-TekJew" title="Evan · AIM · 12:45:48 · 19 Apr 2004">
+<span class="x-iconsmall"><img src="./outgoing_icon.png" /></span>
+<span class="x-sender">Evan</span>
+<span class="x-mark" style="background-color: seagreen; color: seagreen;">‣</span>
+<span class="x-message">So a priest, a rabbi, and a chicken walk into a bar.</span>
+<span class="x-time">12:45:48</span>
</div>
-<div class="xxxwrapper history incoming message fetchgreebledonx">
-<span class="xxxiconsmall"><img src="./incoming_icon.png" /></span>
-<span class="xxxsender">Jeff</span>
-<span class="xxxmark" style="background-color: blue; color: blue;">‣</span>
-<span class="xxxmessage" title="AIM · Jeff · 12:46:07">I'm pretty sure I've heard this one before.</span>
-<span class="xxxtime">12:46:07</span>
+<div class="x-wrapper history incoming message xx-fetchgreebledonx" title="Jeff · AIM · 12:46:07 · 19 Apr 2004">
+<span class="x-iconsmall"><img src="./incoming_icon.png" /></span>
+<span class="x-sender">Jeff</span>
+<span class="x-mark" style="background-color: blue; color: blue;">‣</span>
+<span class="x-message">I'm pretty sure I've heard this one before.</span>
+<span class="x-time">12:46:07</span>
</div>
-<div class="xxxwrapper history consecutive incoming message fetchgreebledonx">
-<span class="xxxiconsmall"><img src="./incoming_icon.png" /></span>
-<span class="xxxsender">Jeff</span>
-<span class="xxxmark" style="background-color: blue; color: blue;">‣</span>
-<span class="xxxmessage" title="AIM · Jeff · 12:46:32">So what happens next?</span>
-<span class="xxxtime">12:46:32</span>
+<div class="x-wrapper history consecutive incoming message xx-fetchgreebledonx" title="Jeff · AIM · 12:46:32 · 19 Apr 2004">
+<span class="x-iconsmall"><img src="./incoming_icon.png" /></span>
+<span class="x-sender">Jeff</span>
+<span class="x-mark" style="background-color: blue; color: blue;">‣</span>
+<span class="x-message">So what happens next?</span>
+<span class="x-time">12:46:32</span>
</div>
-<div class="xxxwrapper outgoing message TekJew">
-<span class="xxxiconsmall"><img src="./outgoing_icon.png" /></span>
-<span class="xxxsender">Evan</span>
-<span class="xxxmark" style="background-color: seagreen; color: seagreen;">‣</span>
-<span class="xxxmessage" title="AIM · Evan · 12:46:50">If I remember correctly, they explode outward at the speed of light.</span>
-<span class="xxxtime">12:46:50</span>
+<div class="x-wrapper outgoing message xx-TekJew" title="Evan · AIM · 12:46:50 · 19 Apr 2004">
+<span class="x-iconsmall"><img src="./outgoing_icon.png" /></span>
+<span class="x-sender">Evan</span>
+<span class="x-mark" style="background-color: seagreen; color: seagreen;">‣</span>
+<span class="x-message">If I remember correctly, they explode outward at the speed of light.</span>
+<span class="x-time">12:46:50</span>
</div>
-<div class="mention xxxwrapper consecutive outgoing message TekJew">
-<span class="xxxiconsmall"><img src="./outgoing_icon.png" /></span>
-<span class="xxxsender">Evan</span>
-<span class="xxxmark" style="background-color: seagreen; color: seagreen;">‣</span>
-<span class="xxxmessage" title="AIM · Evan · 12:47:00">But that might be if you cross the streams…</span>
-<span class="xxxtime">12:47:00</span>
+<div class="mention x-wrapper consecutive outgoing message xx-TekJew" title="Evan · AIM · 12:47:00 · 19 Apr 2004">
+<span class="x-iconsmall"><img src="./outgoing_icon.png" /></span>
+<span class="x-sender">Evan</span>
+<span class="x-mark" style="background-color: seagreen; color: seagreen;">‣</span>
+<span class="x-message">But that might be if you cross the streams…</span>
+<span class="x-time">12:47:00</span>
</div>
-<div class="xxxwrapper incoming message fetchgreebledonx">
-<span class="xxxiconsmall"><img src="./incoming_icon.png" /></span>
-<span class="xxxsender">Jeff</span>
-<span class="xxxmark" style="background-color: blue; color: blue;">‣</span>
-<span class="xxxmessage" title="AIM · Jeff · 12:47:06">…thus negating all existence!</span>
-<span class="xxxtime">12:47:06</span>
+<div class="x-wrapper incoming message xx-fetchgreebledonx" title="Jeff · AIM · 12:47:06 · 19 Apr 2004">
+<span class="x-iconsmall"><img src="./incoming_icon.png" /></span>
+<span class="x-sender">Jeff</span>
+<span class="x-mark" style="background-color: blue; color: blue;">‣</span>
+<span class="x-message">…thus negating all existence!</span>
+<span class="x-time">12:47:06</span>
</div>
-<div class="xxxwrapper outgoing message TekJew">
-<span class="xxxiconsmall"><img src="./outgoing_icon.png" /></span>
-<span class="xxxsender">Evan</span>
-<span class="xxxmark" style="background-color: seagreen; color: seagreen;">‣</span>
-<span class="xxxmessage" title="AIM · Evan · 12:47:51">Precisely! it's a risk one takes whenever one walks into a bar, I'm afraid. Especially if one is a chicken.</span>
-<span class="xxxtime">12:47:51</span>
+<div class="x-wrapper outgoing message xx-TekJew" title="Evan · AIM · 12:47:51 · 19 Apr 2004">
+<span class="x-iconsmall"><img src="./outgoing_icon.png" /></span>
+<span class="x-sender">Evan</span>
+<span class="x-mark" style="background-color: seagreen; color: seagreen;">‣</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 class="x-time">12:47:51</span>
</div>
-<div class="xxxwrapper status away">
-<span class="xxxiconsmall"><img src="buddy_icon.png" /></span>
-<span class="xxxsender"><!></span>
-<span class="xxxmark" style="background-color: cyan; color: cyan;">‣</span>
-<span class="xxxmessage" title="away · 12:47:54">Jeff went away</span>
-<span class="xxxtime">12:47:54</span>
+<div class="x-wrapper status away" title="away · AIM · 12:47:54 · 19 Apr 2004">
+<span class="x-iconsmall"><img src="buddy_icon.png" /></span>
+<span class="x-sender"></span>
+<span class="x-mark" style="background-color: cyan; color: cyan;">‣</span>
+<span class="x-message">Jeff went away</span>
+<span class="x-time">12:47:54</span>
</div>
-<div class="xxxwrapper consecutive status away_message">
-<span class="xxxiconsmall"><img src="buddy_icon.png" /></span>
-<span class="xxxsender"><!></span>
-<span class="xxxmark" style="background-color: cyan; color: cyan;">‣</span>
-<span class="xxxmessage" title="away_message · 12:47:55">Away Message: "Away for the sake of being away."</span>
-<span class="xxxtime">12:47:55</span>
+<div class="x-wrapper consecutive status away_message" title="away_message · AIM · 12:47:55 · 19 Apr 2004">
+<span class="x-iconsmall"><img src="buddy_icon.png" /></span>
+<span class="x-sender"></span>
+<span class="x-mark" style="background-color: cyan; color: cyan;">‣</span>
+<span class="x-message">Away Message: "Away for the sake of being away."</span>
+<span class="x-time">12:47:55</span>
</div>
-<div class="xxxwrapper incoming message auto_reply fetchgreebledonx">
-<span class="xxxiconsmall"><img src="./incoming_icon.png" /></span>
-<span class="xxxsender">Jeff (Autoreply)</span>
-<span class="xxxmark" style="background-color: blue; color: blue;">‣</span>
-<span class="xxxmessage" title="AIM · Jeff (Autoreply) · 12:47:51">Away for the sake of being away.</span>
-<span class="xxxtime">12:47:51</span>
+<div class="x-wrapper incoming message auto_reply xx-fetchgreebledonx" title="Jeff · AIM (Autoreply) · 12:47:51 · 19 Apr 2004">
+<span class="x-iconsmall"><img src="./incoming_icon.png" /></span>
+<span class="x-sender">Jeff (Autoreply)</span>
+<span class="x-mark" style="background-color: blue; color: blue;">‣</span>
+<span class="x-message">Away for the sake of being away.</span>
+<span class="x-time">12:47:51</span>
</div>
-<div class="xxxwrapper outgoing message TekJew">
-<span class="xxxiconsmall"><img src="./outgoing_icon.png" /></span>
-<span class="xxxsender">Evan</span>
-<span class="xxxmark" style="background-color: seagreen; color: seagreen;">‣</span>
-<span class="xxxmessage" title="AIM · Evan · 12:48:02">Gotta run; catch ya later ;)</span>
-<span class="xxxtime">12:48:02</span>
+<div class="x-wrapper outgoing message xx-TekJew" title="Evan · AIM · 12:48:02 · 19 Apr 2004">
+<span class="x-iconsmall"><img src="./outgoing_icon.png" /></span>
+<span class="x-sender">Evan</span>
+<span class="x-mark" style="background-color: seagreen; color: seagreen;">‣</span>
+<span class="x-message">Gotta run; catch ya later ;)</span>
+<span class="x-time">12:48:02</span>
</div>
-<xxxinsert id="insert"></xxxinsert>
+<div id="insert" class="x-wrapper">
+<span class="x-iconsmall"></span>
+<span class="x-sender"></span>
+<span class="x-mark"></span>
+<span class="x-message"></span>
+<span class="x-time"></span>
+</div>
</div>
<hr id="focus" style="position: absolute; top: 146px;">
@@ -171,12 +177,14 @@
var highlightActive = false;
function selectSender() {
+ if (highlightActive || event.target.tagName.toLowerCase() == 'a')
+ return;
highlightActive = true;
var node = event.target;
var senderName = null;
while (!senderName) {
var nodeClass = node.className;
- if (nodeClass.indexOf("message") >= 0 && nodeClass.indexOf("xxxmessage") == -1) {
+ if (/(^|[\s])message/.test(nodeClass)) {
var parts = nodeClass.split(" ");
senderName = parts[parts.length - 1];
}
@@ -185,26 +193,27 @@
var elms = document.getElementsByClassName(senderName); var elemArray = new Array(elms.length); for (var i=0; i<elms.length; i++) { elemArray[i]=elms[i]; }
var len = elms.length;
for(var i = 0; i < len; i++) {
- elms[i].className += ' xxxhover';
+ elms[i].className += ' x-hover';
}
}
function deselectAll() {
if (!highlightActive)
return;
- var elms = document.querySelectorAll(".xxxhover");
+ var elms = document.querySelectorAll(".x-hover");
var len = elms.length;
var elm = null;
for(var i = 0; i < len; i++) {
elm = elms[i];
- elm.className = elm.className.replace(' xxxhover', '');
+ elm.className = elm.className.replace(' x-hover', '');
}
highlightActive = false;
}
document.body.addEventListener("mousedown", selectSender, false);
document.body.addEventListener("mouseup", deselectAll, false);
- document.body.addEventListener("mouseout", deselectAll, false);
+ var htmlElm = document.getElementsByTagName("html")[0];
+ document.documentElement.addEventListener("mouseout", function() { if (event.relatedTarget == htmlElm) { deselectAll(); }}, false);
</script>
diff -r 42957699863a -r bc41788d955f yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_Base.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_Base.css Fri Oct 23 19:20:04 2009 -0500
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_Base.css Fri Oct 23 22:00:44 2009 -0500
@@ -48,68 +48,63 @@
//margin-top: -12px !important;
}
-#Chat > div:first-of-type .xxxmark
+#insert *
{
- //padding-top: .3em;
+ border-top: 0px !important;
}
-#Chat > div:last-of-type .xxxmark
-{
- //padding-bottom: .3em;
-}
-
-:not(.date_separator) + .date_separator .xxxmessage,
-.date_separator .xxxmessage,
-.history + :not(.history) .xxxmessage
+:not(.date_separator) + .date_separator .x-message,
+.date_separator .x-message,
+.history + :not(.history) .x-message
{
//padding-top: 1.6em !important;
}
-/*.date_separator:not(.history) .xxxmessage,*/
-.history + :not(.history) .xxxmessage
+/*.date_separator:not(.history) .x-message,*/
+.history + :not(.history) .x-message
{
//padding-top: 1.6em !important;
}
-.xxxwrapper
+.x-wrapper
{
display: table-row;
position: relative;
}
-.xxxwrapper,
-.xxxmark,
-.xxxmessage
+.x-wrapper,
+.x-mark,
+.x-message
{
//-webkit-transition: background-color .4s linear;
}
-.xxxiconsmall,
-.xxxsender,
-.xxxmark,
-.xxxmessage,
-.xxxtime
+.x-iconsmall,
+.x-sender,
+.x-mark,
+.x-message,
+.x-time
{
display: table-cell;
}
-.IRC .xxxiconsmall img,
-.status .xxxiconsmall img,
-.event .xxxiconsmall img,
-.consecutive .xxxiconsmall img,
-.history .xxxiconsmall img
+.IRC .x-iconsmall img,
+.status .x-iconsmall img,
+.event .x-iconsmall img,
+.consecutive .x-iconsmall img,
+.history .x-iconsmall img
{
display: none;
}
-.xxxiconsmall img[src*="buddy_icon.png"]
+.x-iconsmall img[src*="buddy_icon.png"]
{
display: none;
//visibility: hidden;
//height: 0em;
}
-.xxxiconsmall img
+.x-iconsmall img
{
max-height: 1.1em;
max-width: 1.1em;
@@ -117,13 +112,13 @@
opacity: .875;
}
-.status .xxxsender,
-.event .xxxsender
+.status .x-sender,
+.event .x-sender
{
color: transparent !important;
}
-.xxxsender
+.x-sender
{
max-width: 10em;
text-overflow: ellipsis;
@@ -132,39 +127,24 @@
text-align: right;
padding-right: 4px;
padding-left: 4px;
- font-size: .75em !important;
+ //font-size: .75em !important;
}
-.consecutive.message .xxxsender
+.consecutive.message .x-sender
{
color: transparent;
}
-.consecutive.message .xxxsender:after
+.consecutive.message .x-sender:after
{
content: "\21e7";
margin-left: -2em;
- font-size: 1em !important;
-}
-
-.action .xxxsender
-{
- color: transparent;
+ //font-size: 1em !important;
}
.actionMessageUserName
{
- display: inline;
-}
-
-.actionMessageUserName:after
-{
- content: " ";
-}
-
-.actionMessageUserName:before
-{
- content: "\2022";
+ display: none;
}
.actionMessageBody:after
@@ -172,18 +152,28 @@
content: "";
}
+.actionMessageBody
+{
+ font-weight: bold !important;
+}
+
.actionMessageBody:before
{
content: "";
}
-.xxxmark
+.action .x-sender
+{
+ font-weight: bold !important;
+}
+
+.x-mark
{
border-width: 1px;
border-left-style: solid;
}
-.xxxmessage
+.x-message
{
padding-left: 3px;
padding-right: .5em;
@@ -201,7 +191,7 @@
word-wrap: normal;
}
-.xxxmessage img.emoticon
+.x-message img.emoticon
{
max-height: 1.18em;
width: auto;
@@ -212,19 +202,19 @@
opacity: .75;
}
-.xxxmessage:hover img.emoticon
-.xxxmessage.xxxhover img.emoticon
+.x-message:hover img.emoticon
+.x-message.x-hover img.emoticon
{
opacity: 1;
}
-.xxxmessage img.emoticon:before
+.x-message img.emoticon:before
{
//content: attr(alt);
content: "\2665";
}
-.xxxtime
+.x-time
{
white-space: nowrap;
text-align: right;
diff -r 42957699863a -r bc41788d955f yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseM.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseM.css Fri Oct 23 19:20:04 2009 -0500
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseM.css Fri Oct 23 22:00:44 2009 -0500
@@ -11,89 +11,89 @@
//border-top: 8px solid hsla(0, 0%, 63%, 1) !important;
}
-#Chat > div:first-of-type .xxxmark,
-#Chat > div:first-of-type .xxxmessage
+#Chat > div:first-of-type .x-mark,
+#Chat > div:first-of-type .x-message
{
border-top: 4px solid hsla(0, 0%, 100%, 1);
}
-#Chat > div:last-of-type .xxxmark,
-#Chat > div:last-of-type .xxxmessage
+#insert .x-mark,
+#insert .x-message
{
border-bottom: 4px solid hsla(0, 0%, 100%, 1);
}
-#Chat > div:first-of-type .xxxiconsmall,
-#Chat > div:first-of-type .xxxsender,
-#Chat > div:first-of-type .xxxtime
+#Chat > div:first-of-type .x-iconsmall,
+#Chat > div:first-of-type .x-sender,
+#Chat > div:first-of-type .x-time
{
border-top: 4px solid hsla(0, 0%, 90%, 1);
}
-#Chat > div:last-of-type .xxxiconsmall,
-#Chat > div:last-of-type .xxxsender,
-#Chat > div:last-of-type .xxxtime
+#insert .x-iconsmall,
+#insert .x-sender,
+#insert .x-time
{
border-bottom: 4px solid hsla(0, 0%, 90%, 1);
}
-.history + :not(.history) .xxxmark,
-.history + :not(.history) .xxxmessage
+.history + :not(.history) .x-mark,
+.history + :not(.history) .x-message
{
border-top: 16px solid hsla(0, 0%, 100%, 1) !important;
}
-.history + :not(.history) .xxxiconsmall,
-.history + :not(.history) .xxxsender,
-.history + :not(.history) .xxxtime
+.history + :not(.history) .x-iconsmall,
+.history + :not(.history) .x-sender,
+.history + :not(.history) .x-time
{
border-top: 16px solid hsla(0, 0%, 90%, 1) !important;
}
-.xxxwrapper:hover,
-.xxxwrapper.xxxhover
+.x-wrapper:hover,
+.x-wrapper.x-hover
{
text-shadow: .0em .1em .2em hsla(0, 0%, 100%, .8);
}
-.xxxwrapper,
-.history .xxxmark,
-.history .xxxmessage
+.x-wrapper,
+.history .x-mark,
+.history .x-message
{
background-color: hsla(0, 0%, 90%, 1);
}
-.xxxwrapper.history
+.x-wrapper.history
{
background-color: hsla(0, 0%, 80%, 1);
}
-.xxxwrapper:hover,
-.xxxwrapper:hover > .xxxmark,
-.xxxwrapper:hover > .xxxmessage,
-.xxxwrapper.xxxhover,
-.xxxwrapper.xxxhover > .xxxmark,
-.xxxwrapper.xxxhover > .xxxmessage
+.x-wrapper:hover,
+.x-wrapper:hover > .x-mark,
+.x-wrapper:hover > .x-message,
+.x-wrapper.x-hover,
+.x-wrapper.x-hover > .x-mark,
+.x-wrapper.x-hover > .x-message
{
background-color: hsla(0, 0%, 75%, 1) !important;
}
-.xxxwrapper.history:hover,
-.xxxwrapper.history:hover > .xxxmark,
-.xxxwrapper.history:hover > .xxxmessage,
-.xxxwrapper.history.xxxhover,
-.xxxwrapper.history.xxxhover > .xxxmark,
-.xxxwrapper.history.xxxhover > .xxxmessage
+.x-wrapper.history:hover,
+.x-wrapper.history:hover > .x-mark,
+.x-wrapper.history:hover > .x-message,
+.x-wrapper.history.x-hover,
+.x-wrapper.history.x-hover > .x-mark,
+.x-wrapper.history.x-hover > .x-message
{
background-color: hsla(0, 0%, 75%, 1) !important;
}
-.xxxmark
+.x-mark
{
border-color: hsla(0, 0%, 63%, 1);
}
-.xxxmessage
+.x-message
{
background-color: hsla(0, 0%, 100%, 1);
border-color: hsla(0, 0%, 63%, 1);
@@ -101,22 +101,22 @@
/*----------*/
-.mention .xxxmark,
-.mention .xxxmessage,
-.history.mention .xxxmark,
-.history.mention .xxxmessage
+.mention .x-mark,
+.mention .x-message,
+.history.mention .x-mark,
+.history.mention .x-message
{
background-color: hsla(0, 25%, 85%, 1) !important;
}
-.mention:hover .xxxmark,
-.history.mention:hover .xxxmark,
-.mention:hover .xxxmessage,
-.history.mention:hover .xxxmessage,
-.mention.xxxhover .xxxmark,
-.history.mention.xxxhover .xxxmark,
-.mention.xxxhover .xxxmessage,
-.history.mention.xxxhover .xxxmessage
+.mention:hover .x-mark,
+.history.mention:hover .x-mark,
+.mention:hover .x-message,
+.history.mention:hover .x-message,
+.mention.x-hover .x-mark,
+.history.mention.x-hover .x-mark,
+.mention.x-hover .x-message,
+.history.mention.x-hover .x-message
{
background-color: hsla(0, 50%, 85%, 1) !important;
}
diff -r 42957699863a -r bc41788d955f yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseS.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseS.css Fri Oct 23 19:20:04 2009 -0500
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseS.css Fri Oct 23 22:00:44 2009 -0500
@@ -11,89 +11,89 @@
//border-top: 8px solid hsla(0, 0%, 37%, 1) !important;
}
-#Chat > div:first-of-type .xxxmark,
-#Chat > div:first-of-type .xxxmessage
+#Chat > div:first-of-type .x-mark,
+#Chat > div:first-of-type .x-message
{
border-top: 4px solid hsla(0, 0%, 0%, 1);
}
-#Chat > div:last-of-type .xxxmark,
-#Chat > div:last-of-type .xxxmessage
+#insert .x-mark,
+#insert .x-message
{
border-bottom: 4px solid hsla(0, 0%, 0%, 1);
}
-#Chat > div:first-of-type .xxxiconsmall,
-#Chat > div:first-of-type .xxxsender,
-#Chat > div:first-of-type .xxxtime
+#Chat > div:first-of-type .x-iconsmall,
+#Chat > div:first-of-type .x-sender,
+#Chat > div:first-of-type .x-time
{
border-top: 4px solid hsla(0, 0%, 12.5%, 1);
}
-#Chat > div:last-of-type .xxxiconsmall,
-#Chat > div:last-of-type .xxxsender,
-#Chat > div:last-of-type .xxxtime
+#insert .x-iconsmall,
+#insert .x-sender,
+#insert .x-time
{
border-bottom: 4px solid hsla(0, 0%, 12.5%, 1);
}
-.history + :not(.history) .xxxmark,
-.history + :not(.history) .xxxmessage
+.history + :not(.history) .x-mark,
+.history + :not(.history) .x-message
{
border-top: 16px solid hsla(0, 0%, 0%, 1) !important;
}
-.history + :not(.history) .xxxiconsmall,
-.history + :not(.history) .xxxsender,
-.history + :not(.history) .xxxtime
+.history + :not(.history) .x-iconsmall,
+.history + :not(.history) .x-sender,
+.history + :not(.history) .x-time
{
border-top: 16px solid hsla(0, 0%, 12.5%, 1) !important;
}
-.xxxwrapper:hover,
-.xxxwrapper.xxxhover
+.x-wrapper:hover,
+.x-wrapper.x-hover
{
text-shadow: .0em .1em .2em hsla(0, 0%, 0%, .8);
}
-.xxxwrapper,
-.history .xxxmark,
-.history .xxxmessage
+.x-wrapper,
+.history .x-mark,
+.history .x-message
{
background-color: hsla(0, 0%, 12.5%, 1);
}
-.xxxwrapper.history
+.x-wrapper.history
{
background-color: hsla(0, 0%, 20%, 1);
}
-.xxxwrapper:hover,
-.xxxwrapper:hover > .xxxmark,
-.xxxwrapper:hover > .xxxmessage,
-.xxxwrapper.xxxhover,
-.xxxwrapper.xxxhover > .xxxmark,
-.xxxwrapper.xxxhover > .xxxmessage
+.x-wrapper:hover,
+.x-wrapper:hover > .x-mark,
+.x-wrapper:hover > .x-message,
+.x-wrapper.x-hover,
+.x-wrapper.x-hover > .x-mark,
+.x-wrapper.x-hover > .x-message
{
background-color: hsla(0, 0%, 25%, 1) !important;
}
-.xxxwrapper.history:hover,
-.xxxwrapper.history:hover > .xxxmark,
-.xxxwrapper.history:hover > .xxxmessage,
More information about the commits
mailing list