xtras/mathuaerknedam 536:9613a27a0513: Smooth Operator: the per-...

[commits at adium.im]

details:	http://hg.adium.im/xtras/mathuaerknedam/rev/9613a27a0513
revision:	536:9613a27a0513
author:		mathuaerknedam
date:		Wed Nov 17 22:28:14 2010 -0600

Smooth Operator: the per-message marks in the classic variant now grows to the left rather than to the right where it can overlap message text. In other variants the mark is a fixed size so that it's always the same horizontal position in the color bar.

diffs (116 lines):

diff -r 7bae11eba7a6 -r 9613a27a0513 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html	Wed Nov 17 16:11:30 2010 -0600
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html	Wed Nov 17 22:28:14 2010 -0600
@@ -11,7 +11,7 @@
 
 		body
 		{
-			font-size: 7.5pt;
+			font-size: 47.5pt;
 			border-bottom: 1px solid yellow;
 
 			//background: url(/Library/Desktop\ Pictures/Plants/Petals.jpg) center repeat;
@@ -203,7 +203,7 @@
 	<span class="x-iconmask" style="-webkit-mask-box-image: url(./incoming_icon.png);"></span>
 	<span class="x-color" style="background-color: blue"></span>
 	<span class="x-wrap">
-		<span class="x-sender" title="fetchgreebledonx">Jeff </span>
+		<span class="x-sender" title="fetchgreebledonx">|Jeff </span>
 		<span class="x-rtime" title="19 Apr 2004">12:46:07 </span>
 		<span class="x-ltime" title="19 Apr 2004">12:46:07 </span>
 		<span class="x-mark"></span>
diff -r 7bae11eba7a6 -r 9613a27a0513 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css	Wed Nov 17 16:11:30 2010 -0600
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css	Wed Nov 17 22:28:14 2010 -0600
@@ -382,9 +382,11 @@
 	position: absolute;
 	left: 97px;
 	margin-left: -.054em;
+	margin-top: -2px;
 	margin-right: -2px;
 	letter-spacing: -.2em;
 	font-family: Lucida Grande;
+	font-size: 12px;
 }
 
 .x-mark:before
diff -r 7bae11eba7a6 -r 9613a27a0513 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Classic.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Classic.css	Wed Nov 17 16:11:30 2010 -0600
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Classic.css	Wed Nov 17 22:28:14 2010 -0600
@@ -202,7 +202,7 @@
 	color: rgba(184, 184, 184, 1);
 	font-size: .9em;
 	padding-left: 10px;
-	margin-top: .15em;
+	margin-top: .12em;
 }
 
 .message.history .x-rtime
@@ -224,14 +224,18 @@
 
 .message .x-mark
 {
-	position: absolute;
-	left: 46px;
 	font-size: 1.2em;
-	margin-left: -.08em;
-	margin-top: -.1em;
-	margin-right: -2px;
+	margin-left: -.74em;
+	margin-top: -.17em;
 	letter-spacing: -.2em;
 	font-family: Lucida Grande;
+	float: left;
+	margin-right: .18em;
+}
+
+.message .x-message
+{
+	display: block;
 }
 
 .message .x-mark:before
diff -r 7bae11eba7a6 -r 9613a27a0513 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Compact.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Compact.css	Wed Nov 17 16:11:30 2010 -0600
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Compact.css	Wed Nov 17 22:28:14 2010 -0600
@@ -230,9 +230,11 @@
 .x-mark
 {
 	font-family: Lucida Grande;
+	font-size: 12px;
 	position: absolute;
 	left: 7px;
 	margin-left: -.054em;
+	margin-top: -2px;
 	margin-right: -2px;
 	letter-spacing: -.2em;
 }
diff -r 7bae11eba7a6 -r 9613a27a0513 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time.css	Wed Nov 17 16:11:30 2010 -0600
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time.css	Wed Nov 17 22:28:14 2010 -0600
@@ -334,8 +334,10 @@
 	left: 39px;
 	margin-left: -.054em;
 	font-family: Lucida Grande;
+	margin-top: -2px;
 	margin-right: -2px;
 	letter-spacing: -.2em;
+	font-size: 12px;
 }
 
 .x-mark:before
diff -r 7bae11eba7a6 -r 9613a27a0513 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css	Wed Nov 17 16:11:30 2010 -0600
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css	Wed Nov 17 22:28:14 2010 -0600
@@ -288,9 +288,11 @@
 	position: absolute;
 	left: 55px;
 	margin-left: -.054em;
+	margin-top: -2px;
 	margin-right: -2px;
 	letter-spacing: -.2em;
 	font-family: Lucida Grande;
+	font-size: 12px;
 }
 
 .x-mark:before