xtras/mathuaerknedam 470:cabc3bd780f2: yMous: a new way ti indic...
commits at adium.im
commits at adium.im
Thu Apr 8 04:28:42 UTC 2010
details: http://hg.adium.im/xtras/mathuaerknedam/rev/cabc3bd780f2
revision: 470:cabc3bd780f2
author: mathuaerknedam
date: Wed Apr 07 23:28:31 2010 -0500
yMous: a new way ti indicate mentions. If it's good, I'll refine it further.
diffs (395 lines):
diff -r 6cd870fe1b74 -r cabc3bd780f2 yMous ☿.AdiumMessageStyle/Contents/Resources/Content.html
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Content.html Thu Apr 01 20:50:53 2010 -0500
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Content.html Wed Apr 07 23:28:31 2010 -0500
@@ -3,7 +3,7 @@
<span class="x-icon"><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-message" style="border-right-color: %senderColor%;">%message%</span>
<span class="x-time">%time%</span>
</div>
diff -r 6cd870fe1b74 -r cabc3bd780f2 yMous ☿.AdiumMessageStyle/Contents/Resources/Mockup.html
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Mockup.html Thu Apr 01 20:50:53 2010 -0500
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Mockup.html Wed Apr 07 23:28:31 2010 -0500
@@ -56,7 +56,7 @@
<span class="x-icon"><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-message" style="border-right-color: cyan;">Wednesday, June 09, 2004</span>
<span class="x-time">12:45:48</span>
</div>
@@ -65,7 +65,7 @@
<span class="x-icon"><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-message" style="border-right-color: seagreen;">So a priest, a rabbi, and a chicken walk into a bar.</span>
<span class="x-time">12:45:48</span>
</div>
@@ -74,7 +74,7 @@
<span class="x-icon"><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-message" style="border-right-color: blue;">I'm pretty sure I've heard this one before.</span>
<span class="x-time">12:46:07</span>
</div>
@@ -83,7 +83,7 @@
<span class="x-icon"><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-message" style="border-right-color: blue;">So what happens next?</span>
<span class="x-time">12:46:32</span>
</div>
@@ -92,7 +92,7 @@
<span class="x-icon"><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-message" style="border-right-color: seagreen;">If I remember correctly, they explode outward at the speed of light.</span>
<span class="x-time">12:46:50</span>
</div>
@@ -101,7 +101,7 @@
<span class="x-icon"><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-message" style="border-right-color: seagreen;">But that might be if you cross the streams…</span>
<span class="x-time">12:47:00</span>
</div>
@@ -110,7 +110,7 @@
<span class="x-icon"><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-message" style="border-right-color: blue;">…thus negating all existence!</span>
<span class="x-time">12:47:06</span>
</div>
@@ -119,7 +119,7 @@
<span class="x-icon"><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-message" style="border-right-color: seagreen;">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>
@@ -128,7 +128,7 @@
<span class="x-icon"><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-message" style="border-right-color: cyan;">Jeff went away</span>
<span class="x-time">12:47:54</span>
</div>
@@ -137,7 +137,7 @@
<span class="x-icon"><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-message" style="border-right-color: cyan;">Away Message: "Away for the sake of being away."</span>
<span class="x-time">12:47:55</span>
</div>
@@ -146,14 +146,14 @@
<span class="x-icon"><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-message" style="border-right-color: blue;">Away for the sake of being away.</span>
<span class="x-time">12:47:51</span>
</div>
<div class="SERVICE focus outgoing message xx-TekJew" title="Evan · AIM · 12:48:02 · 19 Apr 2004">
<span class="x-focus"></span>
<span class="x-icon"><img src="./outgoing_icon.png" /></span>
-<span class="x-sender">Evan</span>
+<span class="x-sender" style="border-right-color: seagreen;">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>
diff -r 6cd870fe1b74 -r cabc3bd780f2 yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_Base.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_Base.css Thu Apr 01 20:50:53 2010 -0500
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_Base.css Wed Apr 07 23:28:31 2010 -0500
@@ -151,6 +151,11 @@
border-right-style: solid;
}
+.message.mention .x-message
+{
+ border-width: 6px;
+}
+
.emoticon
{
white-space: nowrap;
diff -r 6cd870fe1b74 -r cabc3bd780f2 yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseM.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseM.css Thu Apr 01 20:50:53 2010 -0500
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseM.css Wed Apr 07 23:28:31 2010 -0500
@@ -1,4 +1,4 @@
-@charset "utf-8";
+ at charset "utf-8";
body
{
@@ -53,7 +53,7 @@
.mention .x-message,
.mention .x-time
{
- background-color: hsla(0, 0%, 100%, 1) !important;
+ //background-color: hsla(0, 0%, 100%, 1) !important;
}
.mention:not(.focus) > .x-focus,
@@ -62,14 +62,14 @@
.mention .x-message,
.mention .x-time
{
- color: hsla(0, 0%, 0%, 1) !important;
+ //color: hsla(0, 0%, 0%, 1) !important;
}
.mention.consecutive:not(.action) .x-sender:after
{
content: "\21e7";
margin-left: -2em;
- color: hsla(0, 0%, 0%, 1) !important;
+ //color: hsla(0, 0%, 0%, 1) !important;
}
.history.mention:not(:hover):not(.x-hover):not(.focus) > .x-focus,
@@ -78,7 +78,7 @@
.history.mention:not(:hover):not(.x-hover) .x-message,
.history.mention:not(:hover):not(.x-hover) .x-time
{
- background-color: hsla(0, 0%, 94%, 1) !important;
+ //background-color: hsla(0, 0%, 94%, 1) !important;
}
.mention:hover:not(.focus) > .x-focus,
@@ -94,8 +94,8 @@
.mention.x-hover > .x-message,
.mention.x-hover > .x-time
{
- color: hsla(0, 0%, 100%, 1) !important;
- background-color: hsla(0, 0%, 41%, 1) !important;
+ //color: hsla(0, 0%, 100%, 1) !important;
+ //background-color: hsla(0, 0%, 41%, 1) !important;
text-shadow: none;
}
@@ -109,7 +109,7 @@
.mention:hover > .x-mark,
.mention.x-hover > .x-mark
{
- background-color: hsla(0, 0%, 41%, 1) !important;
+ //background-color: hsla(0, 0%, 41%, 1) !important;
text-shadow: none;
}
@@ -175,13 +175,24 @@
.x-mark
{
- border-color: hsla(0, 0%, 63%, 1);
+ border-left-color: hsla(0, 0%, 63%, 1);
}
.x-message
{
background-color: hsla(0, 0%, 98%, 1);
- border-color: hsla(0, 0%, 63%, 1);
+}
+
+.message:not(.mention) .x-message,
+.status .x-message,
+.event .x-message
+{
+ border-right-color: hsla(0, 0%, 63%, 1) !important;
+}
+
+.message.mention .x-message
+{
+ border-width: 6px;
}
/*----------*/
diff -r 6cd870fe1b74 -r cabc3bd780f2 yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseS.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseS.css Thu Apr 01 20:50:53 2010 -0500
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseS.css Wed Apr 07 23:28:31 2010 -0500
@@ -53,7 +53,7 @@
.mention .x-message,
.mention .x-time
{
- background-color: hsla(0, 0%, 0%, 1) !important;
+ //background-color: hsla(0, 0%, 0%, 1) !important;
}
.mention:not(.focus) > .x-focus,
@@ -62,14 +62,14 @@
.mention .x-message,
.mention .x-time
{
- color: hsla(0, 0%, 100%, 1) !important;
+ //color: hsla(0, 0%, 100%, 1) !important;
}
.mention.consecutive:not(.action) .x-sender:after
{
content: "\21e7";
margin-left: -2em;
- color: hsla(0, 0%, 100%, 1) !important;
+ //color: hsla(0, 0%, 100%, 1) !important;
}
.history.mention:not(:hover):not(.x-hover):not(.focus) > .x-focus,
@@ -78,7 +78,7 @@
.history.mention:not(:hover):not(.x-hover) .x-message,
.history.mention:not(:hover):not(.x-hover) .x-time
{
- background-color: hsla(0, 0%, 17.5%, 1) !important;
+ //background-color: hsla(0, 0%, 17.5%, 1) !important;
}
.mention:hover:not(.focus) > .x-focus,
@@ -94,8 +94,8 @@
.mention.x-hover > .x-message,
.mention.x-hover > .x-time
{
- color: hsla(0, 0%, 0%, 1) !important;
- background-color: hsla(0, 0%, 54%, 1) !important;
+ //color: hsla(0, 0%, 0%, 1) !important;
+ //background-color: hsla(0, 0%, 54%, 1) !important;
text-shadow: none;
}
@@ -109,7 +109,7 @@
.mention:hover > .x-mark,
.mention.x-hover > .x-mark
{
- background-color: hsla(0, 0%, 54%, 1) !important;
+ //background-color: hsla(0, 0%, 54%, 1) !important;
text-shadow: none;
}
@@ -158,6 +158,16 @@
background-color: hsla(0, 0%, 41%, 1) !important;
}
+.history:hover,
+.history:hover > .x-mark,
+.history:hover > .x-message,
+.history.x-hover,
+.history.x-hover > .x-mark,
+.history.x-hover > .x-message
+{
+ background-color: hsla(0, 0%, 41%, 1) !important;
+}
+
.focus .x-focus
{
background: hsla(0, 0%, 83%, 1);
@@ -165,13 +175,19 @@
.x-mark
{
- border-color: hsla(0, 0%, 37%, 1);
+ border-left-color: hsla(0, 0%, 37%, 1);
}
.x-message
{
background-color: hsla(0, 0%, 12.5%, 1);
- border-color: hsla(0, 0%, 37%, 1);
+}
+
+.message:not(.mention) .x-message,
+.status .x-message,
+.event .x-message
+{
+ border-right-color: hsla(0, 0%, 37%, 1) !important;
}
/*----------*/
diff -r 6cd870fe1b74 -r cabc3bd780f2 yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_FixedColorM.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_FixedColorM.css Thu Apr 01 20:50:53 2010 -0500
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_FixedColorM.css Wed Apr 07 23:28:31 2010 -0500
@@ -12,12 +12,12 @@
.mention:not(:hover):not(.x-hover) .x-mark
{
- background-color: hsla(0, 0%, 100%, 1) !important;
+ //background-color: hsla(0, 0%, 100%, 1) !important;
}
.history.mention:not(:hover):not(.x-hover) .x-mark
{
- background-color: hsla(0, 0%, 94%, 1) !important;
+ //background-color: hsla(0, 0%, 94%, 1) !important;
}
/*----------*/
@@ -32,7 +32,6 @@
{
color: hsla(120, 42%, 25%, 1) !important;
}
-
.outgoing:hover,
.outgoing:hover .x-mark,
.outgoing:hover .x-message,
@@ -58,6 +57,12 @@
color: hsla(240, 92%, 56%, 1) !important;
}
+
+.incoming.mention .x-message
+{
+ border-right-color: hsla(240, 92%, 56%, 1) !important;
+}
+
.incoming:hover,
.incoming:hover .x-mark,
.incoming:not(.mention):hover .x-message,
diff -r 6cd870fe1b74 -r cabc3bd780f2 yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_FixedColorS.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_FixedColorS.css Thu Apr 01 20:50:53 2010 -0500
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_FixedColorS.css Wed Apr 07 23:28:31 2010 -0500
@@ -12,12 +12,12 @@
.mention:not(:hover):not(.x-hover) .x-mark
{
- background-color: hsla(0, 0%, 0%, 1) !important;
+ //background-color: hsla(0, 0%, 0%, 1) !important;
}
.history.mention:not(:hover):not(.x-hover) .x-mark
{
- background-color: hsla(0, 0%, 22%, 1) !important;
+ //background-color: hsla(0, 0%, 22%, 1) !important;
}
/*----------*/
@@ -58,6 +58,12 @@
color: hsla(240, 92%, 79%, 1) !important;
}
+
+.incoming.mention .x-message
+{
+ border-right-color: hsla(240, 92%, 79%, 1) !important;
+}
+
.incoming:hover,
.incoming:hover .x-mark,
.incoming:not(.mention):hover .x-message,
More information about the commits
mailing list