xtras/mathuaerknedam 471:3e5b22de4148: yMous: refinements to men...

commits at adium.im commits at adium.im
Sun Apr 11 01:49:31 UTC 2010


details:	http://hg.adium.im/xtras/mathuaerknedam/rev/3e5b22de4148
revision:	471:3e5b22de4148
author:		mathuaerknedam
date:		Sat Apr 10 20:49:21 2010 -0500

yMous: refinements to mention indicators.

diffs (575 lines):

diff -r cabc3bd780f2 -r 3e5b22de4148 yMous ☿.AdiumMessageStyle/Contents/Resources/Content.html
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Content.html	Wed Apr 07 23:28:31 2010 -0500
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Content.html	Sat Apr 10 20:49:21 2010 -0500
@@ -1,9 +1,10 @@
-<div class="%messageClasses% %service% xx-%senderScreenName%" title="%senderPrefix% %senderScreenName%%status% · %service% · %time% · %time{dd MMM yyyy}%">
+<div class="%messageClasses% %service% xx-%senderScreenName%" style="background-color: %senderColor%;" title="%senderPrefix% %senderScreenName%%status% · %service% · %time% · %time{dd MMM yyyy}%">
 	<span class="x-focus"></span>
 	<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"	style="border-right-color: %senderColor%;">%message%</span>
+	<span class="x-mark" style="color: %senderColor%">‣</span>
+	<span class="x-message">%message%</span>
+	<span class="x-mention"></span>
 	<span class="x-time">%time%</span>
 </div>
 
@@ -13,5 +14,6 @@
 	<span class="x-sender"></span>
 	<span class="x-mark"></span>
 	<span class="x-message"></span>
+	<span class="x-mention"></span>
 	<span class="x-time"></span>
 </div>
diff -r cabc3bd780f2 -r 3e5b22de4148 yMous ☿.AdiumMessageStyle/Contents/Resources/Mockup.html
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Mockup.html	Wed Apr 07 23:28:31 2010 -0500
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Mockup.html	Sat Apr 10 20:49:21 2010 -0500
@@ -51,111 +51,123 @@
 
 <div id="Chat" class="">
 
-<div class="SERVICE history date_separator event" title="date_separator · AIM · 12:45:48 · 19 Apr 2004">
+<div class="SERVICE history date_separator event" style="background-color: cyan;" title="date_separator · AIM · 12:45:48 · 19 Apr 2004">
 <span class="x-focus"></span>
 <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" style="border-right-color: cyan;">Wednesday, June 09, 2004</span>
+<span class="x-mark" style="color: cyan;">‣</span>
+<span class="x-message">Wednesday, June 09, 2004</span>
+<span class="x-mention"></span>
 <span class="x-time">12:45:48</span>
 </div>
 
-<div class="SERVICE history outgoing message xx-TekJew" title="Evan · AIM · 12:45:48 · 19 Apr 2004">
+<div class="SERVICE history outgoing message xx-TekJew" style="background-color: seagreen;" title="Evan · AIM · 12:45:48 · 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-mark" style="background-color: seagreen; color: seagreen;">‣</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-mark" style="color: seagreen;">‣</span>
+<span class="x-message">So a priest, a rabbi, and a chicken walk into a bar.</span>
+<span class="x-mention"></span>
 <span class="x-time">12:45:48</span>
 </div>
 
-<div class="mention SERVICE history incoming message xx-fetchgreebledonx" title="Jeff · AIM · 12:46:07 · 19 Apr 2004">
+<div class="SERVICE history incoming message mention xx-fetchgreebledonx" style="background-color: blue;" title="Jeff · AIM · 12:46:07 · 19 Apr 2004">
 <span class="x-focus"></span>
 <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" style="border-right-color: blue;">I'm pretty sure I've heard this one before.</span>
+<span class="x-mark" style="color: blue;">‣</span>
+<span class="x-message">I'm pretty sure I've heard this one before.</span>
+<span class="x-mention"></span>
 <span class="x-time">12:46:07</span>
 </div>
 
-<div class="SERVICE history consecutive incoming message xx-fetchgreebledonx" title="Jeff · AIM · 12:46:32 · 19 Apr 2004">
+<div class="SERVICE history consecutive incoming message xx-fetchgreebledonx" style="background-color: blue;" title="Jeff · AIM · 12:46:32 · 19 Apr 2004">
 <span class="x-focus"></span>
 <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" style="border-right-color: blue;">So what happens next?</span>
+<span class="x-mark" style="color: blue;">‣</span>
+<span class="x-message">So what happens next?</span>
+<span class="x-mention"></span>
 <span class="x-time">12:46:32</span>
 </div>
 
-<div class="SERVICE outgoing message xx-TekJew" title="Evan · AIM · 12:46:50 · 19 Apr 2004">
+<div class="SERVICE outgoing message xx-TekJew" style="background-color: seagreen;" title="Evan · AIM · 12:46:50 · 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-mark" style="background-color: seagreen; color: seagreen;">‣</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-mark" style="color: seagreen;">‣</span>
+<span class="x-message">If I remember correctly, they explode outward at the speed of light.</span>
+<span class="x-mention"></span>
 <span class="x-time">12:46:50</span>
 </div>
 
-<div class="SERVICE action consecutive outgoing message xx-TekJew" title="Evan · AIM · 12:47:00 · 19 Apr 2004">
+<div class="SERVICE action consecutive outgoing message xx-TekJew" style="background-color: seagreen;" title="Evan · AIM · 12:47:00 · 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-mark" style="background-color: seagreen; color: seagreen;">‣</span>
-<span class="x-message" style="border-right-color: seagreen;">But that might be if you cross the streams…</span>
+<span class="x-mark" style="color: seagreen;">‣</span>
+<span class="x-message">But that might be if you cross the streams…</span>
+<span class="x-mention"></span>
 <span class="x-time">12:47:00</span>
 </div>
 
-<div class="SERVICE incoming message xx-fetchgreebledonx" title="Jeff · AIM · 12:47:06 · 19 Apr 2004">
+<div class="SERVICE incoming message mention xx-fetchgreebledonx" style="background-color: blue;" title="Jeff · AIM · 12:47:06 · 19 Apr 2004">
 <span class="x-focus"></span>
 <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" style="border-right-color: blue;">…thus negating all existence!</span>
+<span class="x-mark" style="color: blue;">‣</span>
+<span class="x-message">…thus negating all existence!</span>
+<span class="x-mention"></span>
 <span class="x-time">12:47:06</span>
 </div>
 
-<div class="SERVICE outgoing message mention xx-TekJew" title="Evan · AIM · 12:47:51 · 19 Apr 2004">
+<div class="SERVICE outgoing message xx-TekJew" style="background-color: seagreen;" title="Evan · AIM · 12:47:51 · 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-mark" style="background-color: seagreen; color: seagreen;">‣</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-mark" style="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-mention"></span>
 <span class="x-time">12:47:51</span>
 </div>
 
-<div class="SERVICE status away" title="away · AIM · 12:47:54 · 19 Apr 2004">
+<div class="SERVICE status away" style="background-color: cyan;" title="away · AIM · 12:47:54 · 19 Apr 2004">
 <span class="x-focus"></span>
 <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" style="border-right-color: cyan;">Jeff went away</span>
+<span class="x-mark" style="color: cyan;">‣</span>
+<span class="x-message">Jeff went away</span>
+<span class="x-mention"></span>
 <span class="x-time">12:47:54</span>
 </div>
 
-<div class="SERVICE focus consecutive status away_message" title="away_message · AIM · 12:47:55 · 19 Apr 2004">
+<div class="SERVICE focus consecutive status away_message" style="background-color: cyan;" title="away_message · AIM · 12:47:55 · 19 Apr 2004">
 <span class="x-focus"></span>
 <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" style="border-right-color: cyan;">Away Message: "Away for the sake of being away."</span>
+<span class="x-mark" style="color: cyan;">‣</span>
+<span class="x-message">Away Message: "Away for the sake of being away."</span>
+<span class="x-mention"></span>
 <span class="x-time">12:47:55</span>
 </div>
 
-<div class="SERVICE focus incoming message auto_reply xx-fetchgreebledonx" title="Jeff · AIM (Autoreply) · 12:47:51 · 19 Apr 2004">
+<div class="SERVICE focus incoming message auto_reply xx-fetchgreebledonx" style="background-color: blue;" title="Jeff · AIM (Autoreply) · 12:47:51 · 19 Apr 2004">
 <span class="x-focus"></span>
 <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" style="border-right-color: blue;">Away for the sake of being away.</span>
+<span class="x-mark" style="color: blue;">‣</span>
+<span class="x-message">Away for the sake of being away.</span>
+<span class="x-mention"></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">
+<div class="SERVICE focus outgoing message xx-TekJew" style="background-color: seagreen;" 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" style="border-right-color: seagreen;">Evan</span>
-<span class="x-mark" style="background-color: seagreen; color: seagreen;">‣</span>
+<span class="x-sender">Evan</span>
+<span class="x-mark" style="color: seagreen;">‣</span>
 <span class="x-message">Gotta run; catch ya later ;)</span>
+<span class="x-mention"></span>
 <span class="x-time">12:48:02</span>
 </div>
 
@@ -165,6 +177,7 @@
 <span class="x-sender"></span>
 <span class="x-mark"></span>
 <span class="x-message"></span>
+<span class="x-mention"></span>
 <span class="x-time"></span>
 </div>
 
diff -r cabc3bd780f2 -r 3e5b22de4148 yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_Base.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_Base.css	Wed Apr 07 23:28:31 2010 -0500
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_Base.css	Sat Apr 10 20:49:21 2010 -0500
@@ -29,6 +29,7 @@
 #insert .x-sender,
 #insert .x-mark,
 #insert .x-message,
+#insert .x-mention,
 #insert .x-time
 {
 	border-top: 0px !important;
@@ -48,6 +49,7 @@
 .x-sender,
 .x-mark,
 .x-message,
+.x-mention,
 .x-time
 {
 	-webkit-transition: background-color .2s linear;
@@ -59,6 +61,16 @@
 	padding-right: 2px;
 }
 
+.x-mention
+{
+	padding-right: .5em;
+}
+
+:not(.mention) > .x-message
+{
+	padding-right: .0em;
+}
+
 .IRC .x-icon img,
 .status .x-icon img,
 .event .x-icon img,
@@ -147,15 +159,14 @@
 	max-width: 90%;
 	width: 100%;
 	line-height: 1.4em;
+}
+
+.x-mention
+{
 	border-width: 1px;
 	border-right-style: solid;
 }
 
-.message.mention .x-message
-{
-	border-width: 6px;
-}
-
 .emoticon
 {
 	white-space: nowrap;
diff -r cabc3bd780f2 -r 3e5b22de4148 yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseM.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseM.css	Wed Apr 07 23:28:31 2010 -0500
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseM.css	Sat Apr 10 20:49:21 2010 -0500
@@ -6,13 +6,15 @@
 }
 
 #Chat > div:first-of-type .x-mark,
-#Chat > div:first-of-type .x-message
+#Chat > div:first-of-type .x-message,
+#Chat > div:first-of-type .x-mention
 {
 	border-top: 4px solid hsla(0, 0%, 98%, 1);
 }
 
 #insert .x-mark,
-#insert .x-message
+#insert .x-message,
+#insert .x-mention
 {
 	border-bottom: 4px solid hsla(0, 0%, 98%, 1);
 }
@@ -34,7 +36,8 @@
 }
 
 .history + :not(.history) .x-mark,
-.history + :not(.history) .x-message
+.history + :not(.history) .x-message,
+.history + :not(.history) .x-mention
 {
 	border-top: 16px solid hsla(0, 0%, 98%, 1) !important;
 }
@@ -117,7 +120,8 @@
 .x-icon,
 .x-sender,
 .x-time,
-.history .x-message
+.history .x-message,
+.history .x-mention
 {
 	background-color: hsla(0, 0%, 90%, 1);
 }
@@ -147,12 +151,14 @@
 :hover > .x-sender,
 :hover > .x-mark,
 :hover > .x-message,
+:hover:not(.mention) > .x-mention,
 :hover > .x-time,
 .x-hover:not(.focus) > .x-focus,
 .x-hover > .x-icon,
 .x-hover > .x-sender,
 .x-hover > .x-mark,
 .x-hover > .x-message,
+.x-hover:not(.mention) > .x-mention,
 .x-hover > .x-time
 {
 	background-color: hsla(0, 0%, 75%, 1) !important;
@@ -161,9 +167,16 @@
 .history:hover,
 .history:hover > .x-mark,
 .history:hover > .x-message,
+.history:hover:not(.mention) > .x-mention,
 .history.x-hover,
 .history.x-hover > .x-mark,
-.history.x-hover > .x-message
+.history.x-hover > .x-message,
+.history.x-hover:not(.mention) > .x-mention
+{
+	//background-color: hsla(0, 0%, 75%, 1) !important;
+}
+
+.history:hover > .x-mark
 {
 	background-color: hsla(0, 0%, 75%, 1) !important;
 }
@@ -178,23 +191,17 @@
 	border-left-color: hsla(0, 0%, 63%, 1);
 }
 
-.x-message
+.x-message,
+.x-mention
 {
 	background-color: hsla(0, 0%, 98%, 1);
 }
 
-.message:not(.mention) .x-message,
-.status .x-message,
-.event .x-message
-{	
+.x-mention
+{
 	border-right-color: hsla(0, 0%, 63%, 1) !important;
 }
 
-.message.mention .x-message
-{
-	border-width: 6px;
-}
-
 /*----------*/
 
 #x-topic
diff -r cabc3bd780f2 -r 3e5b22de4148 yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseS.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseS.css	Wed Apr 07 23:28:31 2010 -0500
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseS.css	Sat Apr 10 20:49:21 2010 -0500
@@ -6,13 +6,15 @@
 }
 
 #Chat > div:first-of-type .x-mark,
-#Chat > div:first-of-type .x-message
+#Chat > div:first-of-type .x-message,
+#Chat > div:first-of-type .x-mention
 {
 	border-top: 4px solid hsla(0, 0%, 12.5%, 1);
 }
 
 #insert .x-mark,
-#insert .x-message
+#insert .x-message,
+#insert .x-mention
 {
 	border-bottom: 4px solid hsla(0, 0%, 12.5%, 1);
 }
@@ -34,7 +36,8 @@
 }
 
 .history + :not(.history) .x-mark,
-.history + :not(.history) .x-message
+.history + :not(.history) .x-message,
+.history + :not(.history) .x-mention
 {
 	border-top: 16px solid hsla(0, 0%, 12.5%, 1) !important;
 }
@@ -117,7 +120,8 @@
 .x-icon,
 .x-sender,
 .x-time,
-.history .x-message
+.history .x-message,
+.history .x-mention
 {
 	background-color: hsla(0, 0%, 22%, 1);
 }
@@ -147,12 +151,14 @@
 :hover > .x-sender,
 :hover > .x-mark,
 :hover > .x-message,
+:hover:not(.mention) > .x-mention,
 :hover > .x-time,
 .x-hover:not(.focus) > .x-focus,
 .x-hover > .x-icon,
 .x-hover > .x-sender,
 .x-hover > .x-mark,
 .x-hover > .x-message,
+.x-hover:not(.mention) > .x-mention,
 .x-hover > .x-time
 {
 	background-color: hsla(0, 0%, 41%, 1) !important;
@@ -161,9 +167,16 @@
 .history:hover,
 .history:hover > .x-mark,
 .history:hover > .x-message,
+.history:hover:not(.mention) > .x-mention,
 .history.x-hover,
 .history.x-hover > .x-mark,
-.history.x-hover > .x-message
+.history.x-hover > .x-message,
+.history.x-hover:not(.mention) > .x-mention
+{
+	//background-color: hsla(0, 0%, 41%, 1) !important;
+}
+
+.history:hover > .x-mark
 {
 	background-color: hsla(0, 0%, 41%, 1) !important;
 }
@@ -178,14 +191,13 @@
 	border-left-color: hsla(0, 0%, 37%, 1);
 }
 
-.x-message
+.x-message,
+.x-mention
 {
 	background-color: hsla(0, 0%, 12.5%, 1);
 }
 
-.message:not(.mention) .x-message,
-.status .x-message,
-.event .x-message
+.x-mention
 {
 	border-right-color: hsla(0, 0%, 37%, 1) !important;
 }
diff -r cabc3bd780f2 -r 3e5b22de4148 yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_FixedColorM.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_FixedColorM.css	Wed Apr 07 23:28:31 2010 -0500
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_FixedColorM.css	Sat Apr 10 20:49:21 2010 -0500
@@ -75,6 +75,11 @@
 	color: hsla(240, 92%, 54%, 1) !important;
 }
 
+.mention > .x-mention
+{
+	background: hsla(240, 92%, 64%, 1) !important;
+}
+
 /*----------*/
 
 .status,
diff -r cabc3bd780f2 -r 3e5b22de4148 yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_FixedColorS.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_FixedColorS.css	Wed Apr 07 23:28:31 2010 -0500
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_FixedColorS.css	Sat Apr 10 20:49:21 2010 -0500
@@ -76,6 +76,11 @@
 	color: hsla(240, 92%, 81%, 1) !important;
 }
 
+.mention > .x-mention
+{
+	background: hsla(240, 92%, 74%, 1) !important;
+}
+
 /*----------*/
 
 .status,
diff -r cabc3bd780f2 -r 3e5b22de4148 yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_XtraColorM.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_XtraColorM.css	Wed Apr 07 23:28:31 2010 -0500
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_XtraColorM.css	Sat Apr 10 20:49:21 2010 -0500
@@ -1,4 +1,4 @@
-@charset "utf-8";
+ at charset "utf-8";
 
 .outgoing,
 .incoming,
@@ -73,17 +73,20 @@
 	color: hsla(0, 0%, 45%, 1) !important;
 }
 
-.message:not(.history):not(.consecutive) .x-mark
+.message:not(.history):not(.consecutive) .x-mark,
+.message.mention:not(.history):not(.consecutive) .x-mention
 {
 	border-top: 1px solid hsla(0, 0%, 98%, 1);
 }
 
-.message.history:not(.consecutive) .x-mark
+.message.history:not(.consecutive) .x-mark,
+.message.history.mention:not(.consecutive) .x-mention
 {
 	border-top: 1px solid hsla(0, 0%, 90%, 1);
 }
 
-.mention.message.history:not(.consecutive) .x-mark
+.mention.message.history:not(.consecutive) .x-mark,
+.mention.message.history:not(.consecutive) .x-mention
 {
 	border-top: 1px solid hsla(0, 0%, 94%, 1);
 }
@@ -95,3 +98,16 @@
 {
 	border-top: 1px solid transparent;
 }
+
+.message.mention:hover:not(.history):not(.consecutive) .x-mention,
+.message.mention:hover.history:not(.consecutive) .x-mention,
+.message.mention.x-hover:not(.history):not(.consecutive) .x-mention,
+.message.mention.x-hover.history:not(.consecutive) .x-mention
+{
+	border-top: 1px solid hsla(0, 0%, 75%, 1);
+}
+
+.mention > .x-mention
+{
+	background: transparent !important;
+}
diff -r cabc3bd780f2 -r 3e5b22de4148 yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_XtraColorS.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_XtraColorS.css	Wed Apr 07 23:28:31 2010 -0500
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_XtraColorS.css	Sat Apr 10 20:49:21 2010 -0500
@@ -1,4 +1,4 @@
-@charset "utf-8";
+ at charset "utf-8";
 
 .outgoing,
 .incoming,
@@ -73,17 +73,20 @@
 	color: hsla(0, 0%, 55%, 1) !important;
 }
 
-.message:not(.history):not(.consecutive) .x-mark
+.message:not(.history):not(.consecutive) .x-mark,
+.message.mention:not(.history):not(.consecutive) .x-mention
 {
 	border-top: 1px solid hsla(0, 0%, 12.5%, 1);
 }
 
-.message.history:not(.consecutive) .x-mark
+.message.history:not(.consecutive) .x-mark,
+.message.history.mention:not(.consecutive) .x-mention
 {
 	border-top: 1px solid hsla(0, 0%, 20%, 1);
 }
 
-.mention.message.history:not(.consecutive) .x-mark
+.mention.message.history:not(.consecutive) .x-mark,
+.mention.message.history:not(.consecutive) .x-mention
 {
 	border-top: 1px solid hsla(0, 0%, 17.5%, 1);
 }
@@ -95,3 +98,16 @@
 {
 	border-top: 1px solid transparent;
 }
+
+.message.mention:hover:not(.history):not(.consecutive) .x-mention,
+.message.mention:hover.history:not(.consecutive) .x-mention,
+.message.mention.x-hover:not(.history):not(.consecutive) .x-mention,
+.message.mention.x-hover.history:not(.consecutive) .x-mention
+{
+	border-top: 1px solid hsla(0, 0%, 41%, 1);
+}
+
+.mention > .x-mention
+{
+	background: transparent !important;
+}


More information about the commits mailing list