xtras/mathuaerknedam 179:d3712055a811: Experimental refactoring ...

[commits at adium.im]

details:	http://hg.adium.im/xtras/mathuaerknedam/rev/d3712055a811
revision:	179:d3712055a811
author:		mathuaerknedam
date:		Wed Nov 04 15:12:13 2009 -0600

Experimental refactoring of mention and focus indicators.

diffs (163 lines):

diff -r 55319bee9791 -r d3712055a811 yMous ☿.AdiumMessageStyle/Contents/Resources/Mockup.html
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Mockup.html	Wed Nov 04 13:44:27 2009 -0600
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Mockup.html	Wed Nov 04 15:12:13 2009 -0600
@@ -89,7 +89,7 @@
 <span class="x-time">12:46:50</span>
 </div>
 
-<div class="mention x-wrapper consecutive outgoing message xx-TekJew" title="Evan · AIM · 12:47:00 · 19 Apr 2004">
+<div class="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>
@@ -105,7 +105,7 @@
 <span class="x-time">12:47:06</span>
 </div>
 
-<div class="x-wrapper outgoing message xx-TekJew" title="Evan · AIM · 12:47:51 · 19 Apr 2004">
+<div class="x-wrapper outgoing message mention 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>
@@ -129,7 +129,7 @@
 <span class="x-time">12:47:55</span>
 </div>
 
-<div class="x-wrapper incoming message auto_reply xx-fetchgreebledonx" title="Jeff · AIM (Autoreply) · 12:47:51 · 19 Apr 2004">
+<div class="x-wrapper focus 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>
@@ -137,7 +137,7 @@
 <span class="x-time">12:47:51</span>
 </div>
 
-<div class="x-wrapper outgoing message xx-TekJew" title="Evan · AIM · 12:48:02 · 19 Apr 2004">
+<div class="x-wrapper action 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>
diff -r 55319bee9791 -r d3712055a811 yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_Base.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_Base.css	Wed Nov 04 13:44:27 2009 -0600
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_Base.css	Wed Nov 04 15:12:13 2009 -0600
@@ -27,27 +27,6 @@
 	display: table;
 }
 
-hr#focus
-{
-	left: 0px;
-	//right: 52px;
-	width: .5em;
-	overflow: hidden;
-	border: none;
-	margin-top: -1.8em !important;
-}
-
-
-hr#focus:before
-{
-	font-size: 1.3em !important;
-	//font-family: Apple Symbols;
-	content: "\258e";
-	color: rgba(255, 0, 0, 1);
-	//text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
-	//margin-top: -12px !important;
-}
-
 #insert *
 {
 	border-top: 0px !important;
@@ -152,17 +131,12 @@
 	content: "";
 }
 
-.actionMessageBody
-{
-	font-style: italic !important;
-}
-
 .actionMessageBody:before
 {
 	content: "";
 }
 
-.action .x-sender
+.action *
 {
 	font-style: italic !important;
 }
diff -r 55319bee9791 -r d3712055a811 yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseM.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseM.css	Wed Nov 04 13:44:27 2009 -0600
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseM.css	Wed Nov 04 15:12:13 2009 -0600
@@ -106,7 +106,7 @@
 .history.mention .x-mark,
 .history.mention .x-message
 {
-	background-color: hsla(0, 25%, 85%, 1) !important;
+	//background-color: hsla(0, 25%, 85%, 1) !important;
 }
 
 .mention:hover .x-mark,
@@ -118,12 +118,23 @@
 .mention.x-hover .x-message,
 .history.mention.x-hover .x-message
 {
-	background-color: hsla(0, 50%, 85%, 1) !important;
+	//background-color: hsla(0, 50%, 85%, 1) !important;
+}
+
+.mention .x-mark
+{
+	border-left: 1px solid hsla(0, 100%, 50%, 1) !important;
+}
+
+.focus *:not(img)
+{
+	border-top: 4px solid hsla(0, 0%, 63%, 1) !important;
 }
 
 #topic #x-header
 {
 	background-color: hsla(0, 0%, 90%, .85);
+	border-bottom: 1px solid hsla(0, 0%, 63%, 1) !important;
 	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
 }
 
diff -r 55319bee9791 -r d3712055a811 yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseS.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseS.css	Wed Nov 04 13:44:27 2009 -0600
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseS.css	Wed Nov 04 15:12:13 2009 -0600
@@ -106,7 +106,7 @@
 .history.mention .x-mark,
 .history.mention .x-message
 {
-	background-color: hsla(0, 25%, 15%, 1) !important;
+	//background-color: hsla(0, 25%, 15%, 1) !important;
 }
 
 .mention:hover .x-mark,
@@ -118,12 +118,23 @@
 .mention.x-hover .x-message,
 .history.mention.x-hover .x-message
 {
-	background-color: hsla(0, 50%, 15%, 1) !important;
+	//background-color: hsla(0, 50%, 15%, 1) !important;
+}
+
+.mention .x-mark
+{
+	border-left: 1px solid hsla(0, 100%, 50%, 1) !important;
+}
+
+.focus *:not(img)
+{
+	border-top: 4px solid hsla(0, 0%, 37%, 1) !important;
 }
 
 #topic #x-header
 {
 	background-color: hsla(0, 0%, 12.5%, .85);
+	border-bottom: 1px solid hsla(0, 0%, 37%, 1) !important;
 	-webkit-box-shadow: 0px 1px 2px hsla(0, 0%, 100%, .2);
 }