xtras/mathuaerknedam 30:b16c6731fba4: tweaks for top/bottom marg...
commits at adium.im
commits at adium.im
Wed May 27 22:06:36 UTC 2009
details: http://hg.adium.im/xtras/mathuaerknedam/rev/b16c6731fba4
revision: 30:b16c6731fba4
author: mathuaerknedam
date: Wed May 27 17:06:23 2009 -0500
tweaks for top/bottom margins. Special formatting to make actions more irc-like. Add consecutive messages divisions and remove consecutive sender labels.
diffstat:
yMous.AdiumMessageStyle/Contents/Resources/Mockup.html | 36 +++--
yMous.AdiumMessageStyle/Contents/Resources/Status.html | 2 +-
yMous.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_Base.css | 40 +++++-
yMous.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseM.css | 57 +++++++++
yMous.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseS.css | 31 +++++
yMous.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_XtraColorM.css | 6 +
yMous.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_XtraColorS.css | 6 +
7 files changed, 158 insertions(+), 20 deletions(-)
diffs (366 lines):
diff -r ad1e36bb65d1 -r b16c6731fba4 yMous.AdiumMessageStyle/Contents/Resources/Mockup.html
--- a/yMous.AdiumMessageStyle/Contents/Resources/Mockup.html Thu May 21 16:43:00 2009 -0500
+++ b/yMous.AdiumMessageStyle/Contents/Resources/Mockup.html Wed May 27 17:06:23 2009 -0500
@@ -7,7 +7,7 @@
</title>
<style type="text/css" media="screen,print">
- @import url( "./Variants/Saturnine Xtracolor Neither.css" );
+ @import url( "./Variants/Mercurial Xtracolor Both.css" );
body
{
@@ -54,7 +54,7 @@
<div class="xxxwrapper history date_separator event">
<span><img class="xxxiconsmall" src="%senderStatusIcon%" onMouseDown="this.className='xxxiconlarge'" onMouseUp="this.className='xxxiconsmall'" /></span>
-<span class="xxxsender" OnMouseOver="this.className += ' xxxhover'" OnMouseOut="this.className = this.className.replace(' xxxhover', '')"><!></span>
+<span class="xxxsender"><!></span>
<span class="xxxmark">‣</span>
<span class="xxxmessage" title="date_separator · 12:45:48">Wednesday, June 09, 2004</span>
<span class="xxxtime">12:45:48</span>
@@ -62,7 +62,7 @@
<div class="xxxwrapper history outgoing message TekJew">
<span><img class="xxxiconsmall" src="./outgoing_icon.png" onMouseDown="this.className='xxxiconlarge'" onMouseUp="this.className='xxxiconsmall'" /></span>
-<span class="xxxsender" OnMouseOver="var elms = document.getElementsByClassName('TekJew'); for(var i = 0; i < elms.length; i++) { elms[i].className += ' xxxhover'; }" OnMouseOut="var elms = document.getElementsByClassName('TekJew'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' xxxhover', ''); }" >Evan</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>
@@ -70,7 +70,7 @@
<div class="xxxwrapper history incoming message fetchgreebledonx">
<span><img class="xxxiconsmall" src="./incoming_icon.png" onMouseDown="this.className='xxxiconlarge'" onMouseUp="this.className='xxxiconsmall'" /></span>
-<span class="xxxsender" OnMouseOver="var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className += ' xxxhover'; }" OnMouseOut="var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' xxxhover', ''); }" >Jeff</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>
@@ -78,7 +78,7 @@
<div class="xxxwrapper history consecutive incoming message fetchgreebledonx">
<span><img class="xxxiconsmall" src="./incoming_icon.png" onMouseDown="this.className='xxxiconlarge'" onMouseUp="this.className='xxxiconsmall'" /></span>
-<span class="xxxsender" OnMouseOver="var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className += ' xxxhover'; }" OnMouseOut="var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' xxxhover', ''); }" >Jeff</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>
@@ -86,7 +86,7 @@
<div class="xxxwrapper outgoing message TekJew">
<span><img class="xxxiconsmall" src="./outgoing_icon.png" onMouseDown="this.className='xxxiconlarge'" onMouseUp="this.className='xxxiconsmall'" /></span>
-<span class="xxxsender" OnMouseOver="var elms = document.getElementsByClassName('TekJew'); for(var i = 0; i < elms.length; i++) { elms[i].className += ' xxxhover'; }" OnMouseOut="var elms = document.getElementsByClassName('TekJew'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' xxxhover', ''); }" >Evan</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>
@@ -94,7 +94,7 @@
<div class="mention xxxwrapper consecutive outgoing message TekJew">
<span><img class="xxxiconsmall" src="./outgoing_icon.png" onMouseDown="this.className='xxxiconlarge'" onMouseUp="this.className='xxxiconsmall'" /></span>
-<span class="xxxsender" OnMouseOver="var elms = document.getElementsByClassName('TekJew'); for(var i = 0; i < elms.length; i++) { elms[i].className += ' xxxhover'; }" OnMouseOut="var elms = document.getElementsByClassName('TekJew'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' xxxhover', ''); }" >Evan</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>
@@ -102,7 +102,7 @@
<div class="xxxwrapper incoming message fetchgreebledonx">
<span><img class="xxxiconsmall" src="./incoming_icon.png" onMouseDown="this.className='xxxiconlarge'" onMouseUp="this.className='xxxiconsmall'" /></span>
-<span class="xxxsender" OnMouseOver="var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className += ' xxxhover'; }" OnMouseOut="var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' xxxhover', ''); }" >Jeff</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>
@@ -110,7 +110,7 @@
<div class="xxxwrapper outgoing message TekJew">
<span><img class="xxxiconsmall" src="./outgoing_icon.png" onMouseDown="this.className='xxxiconlarge'" onMouseUp="this.className='xxxiconsmall'" /></span>
-<span class="xxxsender" OnMouseOver="var elms = document.getElementsByClassName('TekJew'); for(var i = 0; i < elms.length; i++) { elms[i].className += ' xxxhover'; }" OnMouseOut="var elms = document.getElementsByClassName('TekJew'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' xxxhover', ''); }" >Evan</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>
@@ -118,7 +118,7 @@
<div class="xxxwrapper status away">
<span><img class="xxxiconsmall" src="%senderStatusIcon%" onMouseDown="this.className='xxxiconlarge'" onMouseUp="this.className='xxxiconsmall'" /></span>
-<span class="xxxsender" OnMouseOver="this.className += ' xxxhover'" OnMouseOut="this.className = this.className.replace(' xxxhover', '')"><!></span>
+<span class="xxxsender"><!></span>
<span class="xxxmark">‣</span>
<span class="xxxmessage" title="away · 12:47:54">Jeff went away</span>
<span class="xxxtime">12:47:54</span>
@@ -126,7 +126,7 @@
<div class="xxxwrapper consecutive status away_message">
<span><img class="xxxiconsmall" src="%senderStatusIcon%" onMouseDown="this.className='xxxiconlarge'" onMouseUp="this.className='xxxiconsmall'" /></span>
-<span class="xxxsender" OnMouseOver="this.className += ' xxxhover'" OnMouseOut="this.className = this.className.replace(' xxxhover', '')"><!></span>
+<span class="xxxsender"><!></span>
<span class="xxxmark">‣</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>
@@ -134,20 +134,28 @@
<div class="notification xxxwrapper incoming message auto_reply fetchgreebledonx">
<span><img class="xxxiconsmall" src="./incoming_icon.png" onMouseDown="this.className='xxxiconlarge'" onMouseUp="this.className='xxxiconsmall'" /></span>
-<span class="xxxsender" OnMouseOver="var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className += ' xxxhover'; }" OnMouseOut="var elms = document.getElementsByClassName('fetchgreebledonx'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' xxxhover', ''); }" >Jeff (Autoreply)</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>
-<div class="xxxwrapper outgoing message TekJew">
+<div class="xxxwrapper outgoing message action TekJew">
<span><img class="xxxiconsmall" src="./outgoing_icon.png" onMouseDown="this.className='xxxiconlarge'" onMouseUp="this.className='xxxiconsmall'" /></span>
-<span class="xxxsender" OnMouseOver="var elms = document.getElementsByClassName('TekJew'); for(var i = 0; i < elms.length; i++) { elms[i].className += ' xxxhover'; }" OnMouseOut="var elms = document.getElementsByClassName('TekJew'); for(var i = 0; i < elms.length; i++) { elms[i].className = elms[i].className.replace(' xxxhover', ''); }" >Evan</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>
+<div class="xxxwrapper outgoing message action TekJew">
+<span><img class="xxxiconsmall" src="./outgoing_icon.png" onMouseDown="this.className='xxxiconlarge'" onMouseUp="this.className='xxxiconsmall'" /></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"><span class="actionMessageUserName">Evan</span><span class="actionMessageBody">runs.</span></span>
+<span class="xxxtime">12:48:02</span>
+</div>
+
<xxxinsert id="insert"></xxxinsert>
</div>
</body>
diff -r ad1e36bb65d1 -r b16c6731fba4 yMous.AdiumMessageStyle/Contents/Resources/Status.html
--- a/yMous.AdiumMessageStyle/Contents/Resources/Status.html Thu May 21 16:43:00 2009 -0500
+++ b/yMous.AdiumMessageStyle/Contents/Resources/Status.html Wed May 27 17:06:23 2009 -0500
@@ -2,7 +2,7 @@
<span class="xxxicon"><img class="xxxiconsmall" onMouseDown="this.className='xxxiconlarge'" onMouseUp="this.className='xxxiconsmall'" src="%userIconPath%" /></span>
<span class="xxxsender"><!></span>
<span class="xxxmark">‣</span>
- <span class="xxxmessage" title="%status% · %time%">%message%</span>
+ <span class="xxxmessage" title="%time%">%message%</span>
<span class="xxxtime">%time%</span>
</div>
<xxxinsert id="insert"></xxxinsert>
diff -r ad1e36bb65d1 -r b16c6731fba4 yMous.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_Base.css
--- a/yMous.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_Base.css Thu May 21 16:43:00 2009 -0500
+++ b/yMous.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_Base.css Wed May 27 17:06:23 2009 -0500
@@ -46,14 +46,14 @@
//margin-top: -12px !important;
}
-#Chat > div:first-of-type .xxxmessage
+#Chat > div:first-of-type .xxxmark
{
- padding-top: .3em;
+ //padding-top: .3em;
}
-#Chat > div:last-of-type .xxxmessage
+#Chat > div:last-of-type .xxxmark
{
- padding-bottom: .3em;
+ //padding-bottom: .3em;
}
:not(.date_separator) + .date_separator .xxxmessage,
@@ -63,7 +63,7 @@
//padding-top: 1.6em !important;
}
-.date_separator:not(.history) .xxxmessage,
+/*.date_separator:not(.history) .xxxmessage,*/
.history + :not(.history) .xxxmessage
{
padding-top: 1.6em !important;
@@ -140,6 +140,36 @@
font-size: .75em !important;
}
+.action .xxxsender
+{
+ color: transparent;
+}
+
+.actionMessageUserName
+{
+ display: inline;
+}
+
+.actionMessageUserName:after
+{
+ content: " ";
+}
+
+.actionMessageUserName:before
+{
+ content: "\2022";
+}
+
+.actionMessageBody:after
+{
+ content: "";
+}
+
+.actionMessageBody:before
+{
+ content: "";
+}
+
.xxxmark
{
border-width: 1px;
diff -r ad1e36bb65d1 -r b16c6731fba4 yMous.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseM.css
--- a/yMous.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseM.css Thu May 21 16:43:00 2009 -0500
+++ b/yMous.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseM.css Wed May 27 17:06:23 2009 -0500
@@ -11,6 +11,58 @@
//border-top: 8px solid hsla(0, 0%, 63%, 1) !important;
}
+#Chat > div:first-of-type .xxxmark,
+#Chat > div:first-of-type .xxxmessage
+{
+ border-top: 4px solid hsla(0, 0%, 100%, 1);
+}
+
+#Chat > div:last-of-type .xxxmark,
+#Chat > div:last-of-type .xxxmessage
+{
+ 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
+{
+ 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
+{
+ border-bottom: 4px solid hsla(0, 0%, 90%, 1);
+}
+
+#Chat > div.history:first-of-type .xxxmark,
+#Chat > div.history:first-of-type .xxxmessage
+{
+ //border-bottom: 4px solid hsla(0, 0%, 90%, 1);
+}
+
+#Chat > div.history:last-of-type .xxxmark,
+#Chat > div.history:last-of-type .xxxmessage
+{
+ //border-bottom: 4px solid hsla(0, 0%, 90%, 1);
+}
+
+#Chat > div.history:first-of-type .xxxiconsmall,
+#Chat > div.history:first-of-type .xxxsender,
+#Chat > div.history:first-of-type .xxxtime
+{
+ //border-top: 4px solid hsla(0, 0%, 80%, 1);
+}
+
+#Chat > div.history:last-of-type .xxxiconsmall,
+#Chat > div.history:last-of-type .xxxsender,
+#Chat > div.history:last-of-type .xxxtime
+{
+ //border-bottom: 4px solid hsla(0, 0%, 80%, 1);
+}
+
.xxxwrapper:hover,
.groupchat .xxxhover
{
@@ -54,6 +106,11 @@
border-color: hsla(0, 0%, 63%, 1);
}
+.consecutive.message .xxxmark
+{
+ border-top: 1px solid hsla(0, 0%, 100%, .25);
+}
+
.xxxmessage
{
background-color: hsla(0, 0%, 100%, 1);
diff -r ad1e36bb65d1 -r b16c6731fba4 yMous.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseS.css
--- a/yMous.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseS.css Thu May 21 16:43:00 2009 -0500
+++ b/yMous.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseS.css Wed May 27 17:06:23 2009 -0500
@@ -11,6 +11,32 @@
//border-top: 8px solid hsla(0, 0%, 37%, 1) !important;
}
+#Chat > div:first-of-type .xxxmark,
+#Chat > div:first-of-type .xxxmessage
+{
+ border-top: 4px solid black;
+}
+
+#Chat > div:last-of-type .xxxmark,
+#Chat > div:last-of-type .xxxmessage
+{
+ border-bottom: 4px solid black;
+}
+
+#Chat > div:first-of-type .xxxiconsmall,
+#Chat > div:first-of-type .xxxsender,
+#Chat > div:first-of-type .xxxtime
+{
+ 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
+{
+ border-bottom: 4px solid hsla(0, 0%, 12.5%, 1);
+}
+
.xxxwrapper:hover,
.groupchat .xxxhover
{
@@ -54,6 +80,11 @@
border-color: hsla(0, 0%, 37%, 1);
}
+.consecutive.message .xxxmark
+{
+ border-top: 1px solid hsla(0, 0%, 0%, .25);
+}
+
.xxxmessage
{
background-color: hsla(0, 0%, 0%, 1);
diff -r ad1e36bb65d1 -r b16c6731fba4 yMous.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_XtraColorM.css
--- a/yMous.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_XtraColorM.css Thu May 21 16:43:00 2009 -0500
+++ b/yMous.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_XtraColorM.css Wed May 27 17:06:23 2009 -0500
@@ -1,5 +1,11 @@
@charset "utf-8";
+.consecutive .xxxsender
+{
+ //visibility: hidden;
+ color: transparent;
+}
+
.outgoing,
.incoming
{
diff -r ad1e36bb65d1 -r b16c6731fba4 yMous.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_XtraColorS.css
--- a/yMous.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_XtraColorS.css Thu May 21 16:43:00 2009 -0500
+++ b/yMous.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_XtraColorS.css Wed May 27 17:06:23 2009 -0500
@@ -1,5 +1,11 @@
@charset "utf-8";
+.consecutive .xxxsender
+{
+ //visibility: hidden;
+ color: transparent;
+}
+
.outgoing,
.incoming
{
More information about the commits
mailing list