xtras/mathuaerknedam 475:c17a37a9517a: Stockholm: another big re...

commits at adium.im commits at adium.im
Mon May 3 03:10:54 UTC 2010


details:	http://hg.adium.im/xtras/mathuaerknedam/rev/c17a37a9517a
revision:	475:c17a37a9517a
author:		mathuaerknedam
date:		Sun May 02 22:10:41 2010 -0500

Stockholm: another big rewrite. Among other things, all 'fixed' shadows have been replaced with css shadows, the icon overlays are now css gradients, and the mention icons are css gradients plus a css mask.

diffs (truncated from 2254 to 1000 lines):

diff -r d765af3387a9 -r c17a37a9517a Stockholm ☿.AdiumMessageStyle/Contents/Resources/Mockup.html
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Mockup.html	Thu Apr 29 22:35:48 2010 -0500
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Mockup.html	Sun May 02 22:10:41 2010 -0500
@@ -12,7 +12,7 @@
 				margin: 8px;
 				font-family: LucidaGrande;
 				font-size: 11px;
-				background-image: url("/Library/Desktop\ Pictures/Plants/Leaves.jpg") !important;
+				//background-image: url("/Library/Desktop\ Pictures/Plants/Leaves.jpg") !important;
 			}
 
 			.incoming .x-buddyicon
@@ -171,7 +171,7 @@
 			<div class="x-time">12:22 PM</div>
 			<div class="x-text">2</div>
 		</div>
-		<div class="focus consecutive incoming message AIM showIcons">
+		<div class="consecutive incoming message AIM showIcons">
 			<div class="x-time">12:22 PM</div>
 			<div class="x-text">3</div>
 		</div>
@@ -263,48 +263,6 @@
 
 <HR>
 
-OUTGOING CONTENT FOCUS
-
-<HR>
-
-<div class="x-container focus outgoing message AIM showIcons" background="buddy_noicon.png">
-	<img class="x-buddyicon">
-	<div class="x-iconoverlay"></div>
-	<div class="x-mentionicon" title="Mentioned!"></div>
-	<div class="x-header">
-		<div class="x-time">12:22 PM</div>
-		<div class="x-sender">ujm | yhn</div>
-	</div>
-	<div class="x-message">
-		<div class="x-text"><a href=http://>1</a></div>
-		<div class="focus consecutive outgoing message AIM showIcons">
-			<div class="x-time">12:22 PM</div>
-			<div class="x-text">2</div>
-		</div>
-		<div class="focus consecutive outgoing message AIM showIcons">
-			<div class="x-time">12:22 PM</div>
-			<div class="x-text"><a href=http://>3</a></div>
-		</div>
-	</div>
-</div>
-
-<HR>
-
-<div class="x-container focus outgoing message AIM showIcons" background="buddy_noicon.png">
-	<img class="x-buddyicon">
-	<div class="x-iconoverlay"></div>
-	<div class="x-mentionicon" title="Mentioned!"></div>
-	<div class="x-header">
-		<div class="x-time">12:22 PM</div>
-		<div class="x-sender">ujm | yhn</div>
-	</div>
-	<div class="x-message">
-		<div class="x-text"><a href=http://>1</a></div>
-	</div>
-</div>
-
-<HR>
-
 OUTGOING CONTENT
 
 <HR>
diff -r d765af3387a9 -r c17a37a9517a Stockholm ☿.AdiumMessageStyle/Contents/Resources/Status.html
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Status.html	Thu Apr 29 22:35:48 2010 -0500
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Status.html	Sun May 02 22:10:41 2010 -0500
@@ -1,5 +1,5 @@
 <div class="x-status_container %messageClasses% %service% %userIcons%">
 	<div class="x-time" title="%time{dd MMM yyyy}%">%time%</div>
-	<div class="x-message">%message%</div>
+	<div class="x-text">%message%</div>
 </div>
 <div id="insert"></div>
diff -r d765af3387a9 -r c17a37a9517a Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/ColorIn-Blue.css
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/ColorIn-Blue.css	Thu Apr 29 22:35:48 2010 -0500
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/ColorIn-Blue.css	Sun May 02 22:10:41 2010 -0500
@@ -1,9 +1,20 @@
-.mention:not(.history) .x-mentionicon
+.x-container.mention:not(.history) .x-mentionicon
 {
-	background-image: url("../images/pref-mention-blue.png");
+	background: -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 59%, 1)), color-stop(.45, hsla(215, 73%, 48%, 1)), color-stop(.5, hsla(215, 73%, 45%, 1)), to(hsla(215, 73%, 48%, 1))) !important;
 }
 
-.incoming:not(.history) .x-header
+.x-container.mention.history .x-mentionicon
+{
+	background: -webkit-gradient(linear, left top, left bottom, from(hsla(215, 20%, 78%, 1)), color-stop(.45, hsla(215, 20%, 65%, 1)), color-stop(.5, hsla(215, 20%, 60%, 1)), to(hsla(215, 20%, 75%, 1))) !important;
+}
+
+.focus.incoming .x-text:before
+{
+	background:
+		-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 59%, 1)), color-stop(.45, hsla(215, 73%, 48%, 1)), color-stop(.5, hsla(215, 73%, 45%, 1)), to(hsla(215, 73%, 48%, 1)));
+}
+
+.x-container.incoming:not(.history) .x-header
 {
 	background:
 	/*corners*/
@@ -30,10 +41,10 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 68%, 1)), color-stop(.5, hsla(215, 73%, 59%, 1)), to(hsla(215, 73%, 45%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 59%, 1)), color-stop(.45, hsla(215, 73%, 48%, 1)), color-stop(.5, hsla(215, 73%, 45%, 1)), to(hsla(215, 73%, 48%, 1))) 1px 1px no-repeat;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 59%, 1)), color-stop(.45, hsla(215, 73%, 48%, 1)), color-stop(.5, hsla(215, 73%, 45%, 1)), to(hsla(215, 73%, 48%, 1))) left top no-repeat;
 }
 
-.incoming.hideIcons:not(.mention):not(.history) .x-header
+.x-container.incoming.hideIcons:not(.mention):not(.history) .x-header
 {
 	background:
 	/*corners*/
@@ -64,9 +75,10 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 68%, 1)), color-stop(.5, hsla(215, 73%, 59%, 1)), to(hsla(215, 73%, 45%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 59%, 1)), color-stop(.45, hsla(215, 73%, 48%, 1)), color-stop(.5, hsla(215, 73%, 45%, 1)), to(hsla(215, 73%, 48%, 1))) 1px 1px no-repeat;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 59%, 1)), color-stop(.45, hsla(215, 73%, 48%, 1)), color-stop(.5, hsla(215, 73%, 45%, 1)), to(hsla(215, 73%, 48%, 1))) left top no-repeat;
 }
-.incoming.history .x-header
+
+.x-container.incoming.history .x-header
 {
 	background:
 	/*corners*/
@@ -93,10 +105,10 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(215, 20%, 93%, 1)), color-stop(.5, hsla(215, 20%, 82%, 1)), to(hsla(215, 20%, 70%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(215, 20%, 78%, 1)), color-stop(.45, hsla(215, 20%, 65%, 1)), color-stop(.5, hsla(215, 20%, 60%, 1)), to(hsla(215, 20%, 75%, 1))) 1px 1px no-repeat;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(215, 20%, 78%, 1)), color-stop(.45, hsla(215, 20%, 65%, 1)), color-stop(.5, hsla(215, 20%, 60%, 1)), to(hsla(215, 20%, 75%, 1))) left top no-repeat;
 }
 
-.incoming.history.hideIcons:not(.mention) .x-header
+.x-container.incoming.history.hideIcons:not(.mention) .x-header
 {
 	background:
 	/*corners*/
@@ -127,6 +139,5 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(215, 20%, 93%, 1)), color-stop(.5, hsla(215, 20%, 82%, 1)), to(hsla(215, 20%, 70%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(215, 20%, 78%, 1)), color-stop(.45, hsla(215, 20%, 65%, 1)), color-stop(.5, hsla(215, 20%, 60%, 1)), to(hsla(215, 20%, 75%, 1))) 1px 1px no-repeat;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(215, 20%, 78%, 1)), color-stop(.45, hsla(215, 20%, 65%, 1)), color-stop(.5, hsla(215, 20%, 60%, 1)), to(hsla(215, 20%, 75%, 1))) left top no-repeat;
 }
-
diff -r d765af3387a9 -r c17a37a9517a Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/ColorIn-Green.css
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/ColorIn-Green.css	Thu Apr 29 22:35:48 2010 -0500
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/ColorIn-Green.css	Sun May 02 22:10:41 2010 -0500
@@ -1,9 +1,20 @@
-.mention:not(.history) .x-mentionicon
+.x-container.mention:not(.history) .x-mentionicon
 {
-	background-image: url("../images/pref-mention-green.png");
+	background: -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 54%, 1)), color-stop(.45, hsla(95, 66%, 43%, 1)), color-stop(.5, hsla(95, 66%, 40%, 1)), to(hsla(95, 66%, 43%, 1)));
 }
 
-.incoming:not(.history) .x-header
+.x-container.mention.history .x-mentionicon
+{
+	background: -webkit-gradient(linear, left top, left bottom, from(hsla(95, 15%, 78%, 1)), color-stop(.45, hsla(95, 15%, 65%, 1)), color-stop(.5, hsla(95, 15%, 60%, 1)), to(hsla(95, 15%, 75%, 1)));
+}
+
+.focus.incoming .x-text:before
+{
+	background:
+		-webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 54%, 1)), color-stop(.45, hsla(95, 66%, 43%, 1)), color-stop(.5, hsla(95, 66%, 40%, 1)), to(hsla(95, 66%, 43%, 1))) left top no-repeat;
+}
+
+.x-container.incoming:not(.history) .x-header
 {
 	background:
 	/*corners*/
@@ -30,10 +41,10 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 68%, 1)), color-stop(.5, hsla(95, 66%, 54%, 1)), to(hsla(95, 66%, 40%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 54%, 1)), color-stop(.45, hsla(95, 66%, 43%, 1)), color-stop(.5, hsla(95, 66%, 40%, 1)), to(hsla(95, 66%, 43%, 1))) 1px 1px no-repeat;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 54%, 1)), color-stop(.45, hsla(95, 66%, 43%, 1)), color-stop(.5, hsla(95, 66%, 40%, 1)), to(hsla(95, 66%, 43%, 1))) left top no-repeat;
 }
 
-.incoming.hideIcons:not(.mention):not(.history) .x-header
+.x-container.incoming.hideIcons:not(.mention):not(.history) .x-header
 {
 	background:
 	/*corners*/
@@ -64,10 +75,10 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 68%, 1)), color-stop(.5, hsla(95, 66%, 54%, 1)), to(hsla(95, 66%, 40%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 54%, 1)), color-stop(.45, hsla(95, 66%, 43%, 1)), color-stop(.5, hsla(95, 66%, 40%, 1)), to(hsla(95, 66%, 43%, 1))) 1px 1px no-repeat;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 54%, 1)), color-stop(.45, hsla(95, 66%, 43%, 1)), color-stop(.5, hsla(95, 66%, 40%, 1)), to(hsla(95, 66%, 43%, 1))) left top no-repeat;
 }
 
-.incoming.history .x-header
+.x-container.incoming.history .x-header
 {
 	background:
 	/*corners*/
@@ -94,10 +105,10 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(95, 15%, 93%, 1)), color-stop(.5, hsla(95, 15%, 82%, 1)), to(hsla(95, 15%, 70%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(95, 15%, 78%, 1)), color-stop(.45, hsla(95, 15%, 65%, 1)), color-stop(.5, hsla(95, 15%, 60%, 1)), to(hsla(95, 15%, 75%, 1))) 1px 1px no-repeat;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(95, 15%, 78%, 1)), color-stop(.45, hsla(95, 15%, 65%, 1)), color-stop(.5, hsla(95, 15%, 60%, 1)), to(hsla(95, 15%, 75%, 1))) left top no-repeat;
 }
 
-.incoming.history.hideIcons:not(.mention) .x-header
+.x-container.incoming.history.hideIcons:not(.mention) .x-header
 {
 	background:
 	/*corners*/
@@ -128,5 +139,5 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(95, 15%, 93%, 1)), color-stop(.5, hsla(95, 15%, 82%, 1)), to(hsla(95, 15%, 70%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(95, 15%, 78%, 1)), color-stop(.45, hsla(95, 15%, 65%, 1)), color-stop(.5, hsla(95, 15%, 60%, 1)), to(hsla(95, 15%, 75%, 1))) 1px 1px no-repeat;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(95, 15%, 78%, 1)), color-stop(.45, hsla(95, 15%, 65%, 1)), color-stop(.5, hsla(95, 15%, 60%, 1)), to(hsla(95, 15%, 75%, 1))) left top no-repeat;
 }
diff -r d765af3387a9 -r c17a37a9517a Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/ColorIn-Grey.css
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/ColorIn-Grey.css	Thu Apr 29 22:35:48 2010 -0500
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/ColorIn-Grey.css	Sun May 02 22:10:41 2010 -0500
@@ -1,9 +1,20 @@
-.mention:not(.history) .x-mentionicon
+.x-container.mention:not(.history) .x-mentionicon
 {
-	background-image: url("../images/pref-mention-grey.png");
+	background: -webkit-gradient(linear, left top, left bottom, from(hsla(222, 0%, 59%, 1)), color-stop(.45, hsla(222, 0%, 50%, 1)), color-stop(.5, hsla(222, 0%, 45%, 1)), to(hsla(222, 0%, 50%, 1)));
 }
 
-.incoming:not(.history) .x-header
+.x-container.mention.history .x-mentionicon
+{
+	background: -webkit-gradient(linear, left top, left bottom, from(hsla(222, 0%, 78%, 1)), color-stop(.45, hsla(222, 0%, 65%, 1)), color-stop(.5, hsla(222, 0%, 60%, 1)), to(hsla(222, 0%, 75%, 1)));
+}
+
+.focus.incoming .x-text:before
+{
+	background:
+		-webkit-gradient(linear, left top, left bottom, from(hsla(222, 0%, 59%, 1)), color-stop(.45, hsla(222, 0%, 50%, 1)), color-stop(.5, hsla(222, 0%, 45%, 1)), to(hsla(222, 0%, 50%, 1))) left top no-repeat;
+}
+
+.x-container.incoming:not(.history) .x-header
 {
 	background:
 	/*corners*/
@@ -30,10 +41,10 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(222, 0%, 68%, 1)), color-stop(.5, hsla(222, 0%, 59%, 1)), to(hsla(222, 0%, 45%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(222, 0%, 59%, 1)), color-stop(.45, hsla(222, 0%, 50%, 1)), color-stop(.5, hsla(222, 0%, 45%, 1)), to(hsla(222, 0%, 50%, 1))) 1px 1px no-repeat;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(222, 0%, 59%, 1)), color-stop(.45, hsla(222, 0%, 50%, 1)), color-stop(.5, hsla(222, 0%, 45%, 1)), to(hsla(222, 0%, 50%, 1))) left top no-repeat;
 }
 
-.incoming.hideIcons:not(.mention):not(.history) .x-header
+.x-container.incoming.hideIcons:not(.mention):not(.history) .x-header
 {
 	background:
 	/*corners*/
@@ -64,10 +75,10 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(222, 0%, 68%, 1)), color-stop(.5, hsla(222, 0%, 59%, 1)), to(hsla(222, 0%, 45%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(222, 0%, 59%, 1)), color-stop(.45, hsla(222, 0%, 50%, 1)), color-stop(.5, hsla(222, 0%, 45%, 1)), to(hsla(222, 0%, 50%, 1))) 1px 1px no-repeat;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(222, 0%, 59%, 1)), color-stop(.45, hsla(222, 0%, 50%, 1)), color-stop(.5, hsla(222, 0%, 45%, 1)), to(hsla(222, 0%, 50%, 1))) left top no-repeat;
 }
 
-.incoming.history .x-header
+.x-container.incoming.history .x-header
 {
 	background:
 	/*corners*/
@@ -94,10 +105,10 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(222, 0%, 93%, 1)), color-stop(.5, hsla(222, 0%, 82%, 1)), to(hsla(222, 0%, 70%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(222, 0%, 78%, 1)), color-stop(.45, hsla(222, 0%, 65%, 1)), color-stop(.5, hsla(222, 0%, 60%, 1)), to(hsla(222, 0%, 75%, 1))) 1px 1px no-repeat;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(222, 0%, 78%, 1)), color-stop(.45, hsla(222, 0%, 65%, 1)), color-stop(.5, hsla(222, 0%, 60%, 1)), to(hsla(222, 0%, 75%, 1))) left top no-repeat;
 }
 
-.incoming.history .hideIcons:not(.mention).x-header
+.x-container.incoming.history .hideIcons:not(.mention).x-header
 {
 	background:
 	/*corners*/
@@ -128,5 +139,5 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(222, 0%, 93%, 1)), color-stop(.5, hsla(222, 0%, 82%, 1)), to(hsla(222, 0%, 70%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(222, 0%, 78%, 1)), color-stop(.45, hsla(222, 0%, 65%, 1)), color-stop(.5, hsla(222, 0%, 60%, 1)), to(hsla(222, 0%, 75%, 1))) 1px 1px no-repeat;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(222, 0%, 78%, 1)), color-stop(.45, hsla(222, 0%, 65%, 1)), color-stop(.5, hsla(222, 0%, 60%, 1)), to(hsla(222, 0%, 75%, 1))) left top no-repeat;
 }
diff -r d765af3387a9 -r c17a37a9517a Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/ColorIn-Orange.css
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/ColorIn-Orange.css	Thu Apr 29 22:35:48 2010 -0500
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/ColorIn-Orange.css	Sun May 02 22:10:41 2010 -0500
@@ -1,9 +1,20 @@
-.mention:not(.history) .x-mentionicon
+.x-container.mention:not(.history) .x-mentionicon
 {
-	background-image: url("../images/pref-mention-orange.png");
+	background: -webkit-gradient(linear, left top, left bottom, from(hsla(30, 71%, 59%, 1)), color-stop(.45, hsla(30, 71%, 48%, 1)), color-stop(.5, hsla(30, 71%, 45%, 1)), to(hsla(30, 71%, 48%, 1)));
 }
 
-.incoming:not(.history) .x-header
+.x-container.mention.history .x-mentionicon
+{
+	background: -webkit-gradient(linear, left top, left bottom, from(hsla(30, 15%, 78%, 1)), color-stop(.45, hsla(30, 15%, 65%, 1)), color-stop(.5, hsla(30, 15%, 60%, 1)), to(hsla(30, 15%, 75%, 1)));
+}
+
+.focus.incoming .x-text:before
+{
+	background:
+		-webkit-gradient(linear, left top, left bottom, from(hsla(30, 71%, 59%, 1)), color-stop(.45, hsla(30, 71%, 48%, 1)), color-stop(.5, hsla(30, 71%, 45%, 1)), to(hsla(30, 71%, 48%, 1))) left top no-repeat;
+}
+
+.x-container.incoming:not(.history) .x-header
 {
 	background:
 	/*corners*/
@@ -30,10 +41,10 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(30, 71%, 68%, 1)), color-stop(.5, hsla(30, 71%, 59%, 1)), to(hsla(30, 71%, 45%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(30, 71%, 59%, 1)), color-stop(.45, hsla(30, 71%, 48%, 1)), color-stop(.5, hsla(30, 71%, 45%, 1)), to(hsla(30, 71%, 48%, 1))) 1px 1px no-repeat;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(30, 71%, 59%, 1)), color-stop(.45, hsla(30, 71%, 48%, 1)), color-stop(.5, hsla(30, 71%, 45%, 1)), to(hsla(30, 71%, 48%, 1))) left top no-repeat;
 }
 
-.incoming.hideIcons:not(.mention):not(.history) .x-header
+.x-container.incoming.hideIcons:not(.mention):not(.history) .x-header
 {
 	background:
 	/*corners*/
@@ -64,10 +75,10 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(30, 71%, 68%, 1)), color-stop(.5, hsla(30, 71%, 59%, 1)), to(hsla(30, 71%, 45%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(30, 71%, 59%, 1)), color-stop(.45, hsla(30, 71%, 48%, 1)), color-stop(.5, hsla(30, 71%, 45%, 1)), to(hsla(30, 71%, 48%, 1))) 1px 1px no-repeat;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(30, 71%, 59%, 1)), color-stop(.45, hsla(30, 71%, 48%, 1)), color-stop(.5, hsla(30, 71%, 45%, 1)), to(hsla(30, 71%, 48%, 1))) left top no-repeat;
 }
 
-.incoming.history .x-header
+.x-container.incoming.history .x-header
 {
 	background:
 	/*corners*/
@@ -94,10 +105,10 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(30, 15%, 93%, 1)), color-stop(.5, hsla(30, 15%, 82%, 1)), to(hsla(30, 15%, 70%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(30, 15%, 78%, 1)), color-stop(.45, hsla(30, 15%, 65%, 1)), color-stop(.5, hsla(30, 15%, 60%, 1)), to(hsla(30, 15%, 75%, 1))) 1px 1px no-repeat;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(30, 15%, 78%, 1)), color-stop(.45, hsla(30, 15%, 65%, 1)), color-stop(.5, hsla(30, 15%, 60%, 1)), to(hsla(30, 15%, 75%, 1))) left top no-repeat;
 }
 
-.incoming.history.hideIcons:not(.mention) .x-header
+.x-container.incoming.history.hideIcons:not(.mention) .x-header
 {
 	background:
 	/*corners*/
@@ -128,5 +139,5 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(30, 15%, 93%, 1)), color-stop(.5, hsla(30, 15%, 82%, 1)), to(hsla(30, 15%, 70%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(30, 15%, 78%, 1)), color-stop(.45, hsla(30, 15%, 65%, 1)), color-stop(.5, hsla(30, 15%, 60%, 1)), to(hsla(30, 15%, 75%, 1))) 1px 1px no-repeat;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(30, 15%, 78%, 1)), color-stop(.45, hsla(30, 15%, 65%, 1)), color-stop(.5, hsla(30, 15%, 60%, 1)), to(hsla(30, 15%, 75%, 1))) left top no-repeat;
 }
diff -r d765af3387a9 -r c17a37a9517a Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/ColorIn-Red.css
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/ColorIn-Red.css	Thu Apr 29 22:35:48 2010 -0500
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/ColorIn-Red.css	Sun May 02 22:10:41 2010 -0500
@@ -1,8 +1,20 @@
-.mention:not(.history) .x-mentionicon
+.x-container.mention:not(.history) .x-mentionicon
 {
-	background-image: url("../images/pref-mention-red.png");
+	background: -webkit-gradient(linear, left top, left bottom, from(hsla(6, 78%, 59%, 1)), color-stop(.45, hsla(6, 78%, 48%, 1)), color-stop(.5, hsla(6, 78%, 45%, 1)), to(hsla(6, 78%, 48%, 1)));
 }
-.incoming:not(.history) .x-header
+
+.x-container.mention.history .x-mentionicon
+{
+	background: -webkit-gradient(linear, left top, left bottom, from(hsla(6, 15%, 78%, 1)), color-stop(.45, hsla(6, 15%, 65%, 1)), color-stop(.5, hsla(6, 15%, 60%, 1)), to(hsla(6, 15%, 75%, 1)));
+}
+
+.focus.incoming .x-text:before
+{
+	background:
+		-webkit-gradient(linear, left top, left bottom, from(hsla(6, 78%, 59%, 1)), color-stop(.45, hsla(6, 78%, 48%, 1)), color-stop(.5, hsla(6, 78%, 45%, 1)), to(hsla(6, 78%, 48%, 1))) left top no-repeat;
+}
+
+.x-container.incoming:not(.history) .x-header
 {
 	background:
 	/*corners*/
@@ -29,10 +41,10 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(6, 78%, 68%, 1)), color-stop(.5, hsla(6, 78%, 59%, 1)), to(hsla(6, 78%, 45%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(6, 78%, 59%, 1)), color-stop(.45, hsla(6, 78%, 48%, 1)), color-stop(.5, hsla(6, 78%, 45%, 1)), to(hsla(6, 78%, 48%, 1))) 1px 1px no-repeat;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(6, 78%, 59%, 1)), color-stop(.45, hsla(6, 78%, 48%, 1)), color-stop(.5, hsla(6, 78%, 45%, 1)), to(hsla(6, 78%, 48%, 1))) left top no-repeat;
 }
 
-.incoming.hideIcons:not(.mention):not(.history) .x-header
+.x-container.incoming.hideIcons:not(.mention):not(.history) .x-header
 {
 	background:
 	/*corners*/
@@ -63,10 +75,10 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(6, 78%, 68%, 1)), color-stop(.5, hsla(6, 78%, 59%, 1)), to(hsla(6, 78%, 45%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(6, 78%, 59%, 1)), color-stop(.45, hsla(6, 78%, 48%, 1)), color-stop(.5, hsla(6, 78%, 45%, 1)), to(hsla(6, 78%, 48%, 1))) 1px 1px no-repeat;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(6, 78%, 59%, 1)), color-stop(.45, hsla(6, 78%, 48%, 1)), color-stop(.5, hsla(6, 78%, 45%, 1)), to(hsla(6, 78%, 48%, 1))) left top no-repeat;
 }
 
-.incoming.history .x-header
+.x-container.incoming.history .x-header
 {
 	background:
 	/*corners*/
@@ -93,10 +105,10 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(6, 15%, 93%, 1)), color-stop(.5, hsla(6, 15%, 82%, 1)), to(hsla(6, 15%, 70%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(6, 15%, 78%, 1)), color-stop(.45, hsla(6, 15%, 65%, 1)), color-stop(.5, hsla(6, 15%, 60%, 1)), to(hsla(6, 15%, 75%, 1))) 1px 1px no-repeat;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(6, 15%, 78%, 1)), color-stop(.45, hsla(6, 15%, 65%, 1)), color-stop(.5, hsla(6, 15%, 60%, 1)), to(hsla(6, 15%, 75%, 1))) left top no-repeat;
 }
 
-.incoming.history.hideIcons:not(.mention) .x-header
+.x-container.incoming.history.hideIcons:not(.mention) .x-header
 {
 	background:
 	/*corners*/
@@ -127,5 +139,5 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(6, 15%, 93%, 1)), color-stop(.5, hsla(6, 15%, 82%, 1)), to(hsla(6, 15%, 70%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(6, 15%, 78%, 1)), color-stop(.45, hsla(6, 15%, 65%, 1)), color-stop(.5, hsla(6, 15%, 60%, 1)), to(hsla(6, 15%, 75%, 1))) 1px 1px no-repeat;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(6, 15%, 78%, 1)), color-stop(.45, hsla(6, 15%, 65%, 1)), color-stop(.5, hsla(6, 15%, 60%, 1)), to(hsla(6, 15%, 75%, 1))) left top no-repeat;
 }
diff -r d765af3387a9 -r c17a37a9517a Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/ColorOut-Blue.css
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/ColorOut-Blue.css	Thu Apr 29 22:35:48 2010 -0500
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/ColorOut-Blue.css	Sun May 02 22:10:41 2010 -0500
@@ -1,4 +1,4 @@
-.outgoing:not(.history) .x-header
+.x-container.outgoing:not(.history) .x-header
 {
 	background:
 	/*corners*/
@@ -25,10 +25,10 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 68%, 1)), color-stop(.5, hsla(215, 73%, 59%, 1)), to(hsla(215, 73%, 45%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 59%, 1)), color-stop(.45, hsla(215, 73%, 48%, 1)), color-stop(.5, hsla(215, 73%, 45%, 1)), to(hsla(215, 73%, 48%, 1))) 1px 1px no-repeat;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 59%, 1)), color-stop(.45, hsla(215, 73%, 48%, 1)), color-stop(.5, hsla(215, 73%, 45%, 1)), to(hsla(215, 73%, 48%, 1))) left top no-repeat;
 }
 
-.outgoing.hideIcons:not(.mention):not(.history) .x-header
+.x-container.outgoing.hideIcons:not(.mention):not(.history) .x-header
 {
 	background:
 	/*corners*/
@@ -59,10 +59,10 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 68%, 1)), color-stop(.5, hsla(215, 73%, 59%, 1)), to(hsla(215, 73%, 45%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 59%, 1)), color-stop(.45, hsla(215, 73%, 48%, 1)), color-stop(.5, hsla(215, 73%, 45%, 1)), to(hsla(215, 73%, 48%, 1))) 1px 1px no-repeat;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 59%, 1)), color-stop(.45, hsla(215, 73%, 48%, 1)), color-stop(.5, hsla(215, 73%, 45%, 1)), to(hsla(215, 73%, 48%, 1))) left top no-repeat;
 }
 
-.outgoing.history .x-header
+.x-container.outgoing.history .x-header
 {
 	background:
 	/*corners*/
@@ -89,10 +89,10 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(215, 20%, 93%, 1)), color-stop(.5, hsla(215, 20%, 82%, 1)), to(hsla(215, 20%, 70%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(215, 20%, 78%, 1)), color-stop(.45, hsla(215, 20%, 65%, 1)), color-stop(.5, hsla(215, 20%, 60%, 1)), to(hsla(215, 20%, 75%, 1))) 1px 1px no-repeat;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(215, 20%, 78%, 1)), color-stop(.45, hsla(215, 20%, 65%, 1)), color-stop(.5, hsla(215, 20%, 60%, 1)), to(hsla(215, 20%, 75%, 1))) left top no-repeat;
 }
 
-.outgoing.history.hideIcons:not(.mention) .x-header
+.x-container.outgoing.history.hideIcons:not(.mention) .x-header
 {
 	background:
 	/*corners*/
@@ -123,5 +123,5 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(215, 20%, 93%, 1)), color-stop(.5, hsla(215, 20%, 82%, 1)), to(hsla(215, 20%, 70%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(215, 20%, 78%, 1)), color-stop(.45, hsla(215, 20%, 65%, 1)), color-stop(.5, hsla(215, 20%, 60%, 1)), to(hsla(215, 20%, 75%, 1))) 1px 1px no-repeat;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(215, 20%, 78%, 1)), color-stop(.45, hsla(215, 20%, 65%, 1)), color-stop(.5, hsla(215, 20%, 60%, 1)), to(hsla(215, 20%, 75%, 1))) left top no-repeat;
 }
diff -r d765af3387a9 -r c17a37a9517a Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/ColorOut-BlueA.css
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/ColorOut-BlueA.css	Thu Apr 29 22:35:48 2010 -0500
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/ColorOut-BlueA.css	Sun May 02 22:10:41 2010 -0500
@@ -1,4 +1,4 @@
-.outgoing:not(.history) .x-header
+.x-container.outgoing:not(.history) .x-header
 {
 	background:
 	/*corners*/
@@ -25,10 +25,10 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 68%, 1)), color-stop(.5, hsla(215, 73%, 59%, 1)), to(hsla(215, 73%, 50%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 59%, 1)), color-stop(.45, hsla(215, 73%, 48%, 1)), color-stop(.5, hsla(215, 73%, 45%, 1)), to(hsla(215, 73%, 48%, 1))) 1px 1px no-repeat !important;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 59%, 1)), color-stop(.45, hsla(215, 73%, 48%, 1)), color-stop(.5, hsla(215, 73%, 45%, 1)), to(hsla(215, 73%, 48%, 1))) left top no-repeat !important;
 }
 
-.outgoing.hideIcons:not(.mention):not(.history) .x-header
+.x-container.outgoing.hideIcons:not(.mention):not(.history) .x-header
 {
 	background:
 	/*corners*/
@@ -59,10 +59,10 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 68%, 1)), color-stop(.5, hsla(215, 73%, 59%, 1)), to(hsla(215, 73%, 45%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 59%, 1)), color-stop(.45, hsla(215, 73%, 48%, 1)), color-stop(.5, hsla(215, 73%, 45%, 1)), to(hsla(215, 73%, 48%, 1))) 1px 1px no-repeat !important;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 59%, 1)), color-stop(.45, hsla(215, 73%, 48%, 1)), color-stop(.5, hsla(215, 73%, 45%, 1)), to(hsla(215, 73%, 48%, 1))) left top no-repeat !important;
 }
 
-.outgoing.history .x-header
+.x-container.outgoing.history .x-header
 {
 	background:
 	/*corners*/
@@ -89,10 +89,10 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(215, 20%, 93%, 1)), color-stop(.5, hsla(215, 20%, 82%, 1)), to(hsla(215, 20%, 70%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(215, 20%, 78%, 1)), color-stop(.45, hsla(215, 20%, 65%, 1)), color-stop(.5, hsla(215, 20%, 60%, 1)), to(hsla(215, 20%, 75%, 1))) 1px 1px no-repeat !important;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(215, 20%, 78%, 1)), color-stop(.45, hsla(215, 20%, 65%, 1)), color-stop(.5, hsla(215, 20%, 60%, 1)), to(hsla(215, 20%, 75%, 1))) left top no-repeat !important;
 }
 
-.outgoing.history.hideIcons:not(.mention) .x-header
+.x-container.outgoing.history.hideIcons:not(.mention) .x-header
 {
 	background:
 	/*corners*/
@@ -123,5 +123,5 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(215, 20%, 93%, 1)), color-stop(.5, hsla(215, 20%, 82%, 1)), to(hsla(215, 20%, 70%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(215, 20%, 78%, 1)), color-stop(.45, hsla(215, 20%, 65%, 1)), color-stop(.5, hsla(215, 20%, 60%, 1)), to(hsla(215, 20%, 75%, 1))) 1px 1px no-repeat !important;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(215, 20%, 78%, 1)), color-stop(.45, hsla(215, 20%, 65%, 1)), color-stop(.5, hsla(215, 20%, 60%, 1)), to(hsla(215, 20%, 75%, 1))) left top no-repeat !important;
 }
diff -r d765af3387a9 -r c17a37a9517a Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/ColorOut-Green.css
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/ColorOut-Green.css	Thu Apr 29 22:35:48 2010 -0500
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/ColorOut-Green.css	Sun May 02 22:10:41 2010 -0500
@@ -1,4 +1,4 @@
-.outgoing:not(.history) .x-header
+.x-container.outgoing:not(.history) .x-header
 {
 	background:
 	/*corners*/
@@ -25,10 +25,10 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 68%, 1)), color-stop(.5, hsla(95, 66%, 59%, 1)), to(hsla(95, 66%, 40%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 59%, 1)), color-stop(.45, hsla(95, 66%, 43%, 1)), color-stop(.5, hsla(95, 66%, 40%, 1)), to(hsla(95, 66%, 43%, 1))) 1px 1px no-repeat;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 59%, 1)), color-stop(.45, hsla(95, 66%, 43%, 1)), color-stop(.5, hsla(95, 66%, 40%, 1)), to(hsla(95, 66%, 43%, 1))) left top no-repeat;
 }
 
-.outgoing.hideIcons:not(.mention):not(.history) .x-header
+.x-container.outgoing.hideIcons:not(.mention):not(.history) .x-header
 {
 	background:
 	/*corners*/
@@ -59,10 +59,10 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 68%, 1)), color-stop(.5, hsla(95, 66%, 59%, 1)), to(hsla(95, 66%, 40%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 59%, 1)), color-stop(.45, hsla(95, 66%, 43%, 1)), color-stop(.5, hsla(95, 66%, 40%, 1)), to(hsla(95, 66%, 43%, 1))) 1px 1px no-repeat;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 59%, 1)), color-stop(.45, hsla(95, 66%, 43%, 1)), color-stop(.5, hsla(95, 66%, 40%, 1)), to(hsla(95, 66%, 43%, 1))) left top no-repeat;
 }
 
-.outgoing.history .x-header
+.x-container.outgoing.history .x-header
 {
 	background:
 	/*corners*/
@@ -89,10 +89,10 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(95, 15%, 93%, 1)), color-stop(.5, hsla(95, 15%, 82%, 1)), to(hsla(95, 15%, 70%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(95, 15%, 78%, 1)), color-stop(.45, hsla(95, 15%, 65%, 1)), color-stop(.5, hsla(95, 15%, 60%, 1)), to(hsla(95, 15%, 75%, 1))) 1px 1px no-repeat;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(95, 15%, 78%, 1)), color-stop(.45, hsla(95, 15%, 65%, 1)), color-stop(.5, hsla(95, 15%, 60%, 1)), to(hsla(95, 15%, 75%, 1))) left top no-repeat;
 }
 
-.outgoing.history.hideIcons:not(.mention) .x-header
+.x-container.outgoing.history.hideIcons:not(.mention) .x-header
 {
 	background:
 	/*corners*/
@@ -123,5 +123,5 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(95, 15%, 93%, 1)), color-stop(.5, hsla(95, 15%, 82%, 1)), to(hsla(95, 15%, 70%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(95, 15%, 78%, 1)), color-stop(.45, hsla(95, 15%, 65%, 1)), color-stop(.5, hsla(95, 15%, 60%, 1)), to(hsla(95, 15%, 75%, 1))) 1px 1px no-repeat;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(95, 15%, 78%, 1)), color-stop(.45, hsla(95, 15%, 65%, 1)), color-stop(.5, hsla(95, 15%, 60%, 1)), to(hsla(95, 15%, 75%, 1))) left top no-repeat;
 }
diff -r d765af3387a9 -r c17a37a9517a Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/ColorOut-GreenA.css
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/ColorOut-GreenA.css	Thu Apr 29 22:35:48 2010 -0500
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/ColorOut-GreenA.css	Sun May 02 22:10:41 2010 -0500
@@ -1,4 +1,4 @@
-.outgoing:not(.history) .x-header
+.x-container.outgoing:not(.history) .x-header
 {
 	background:
 	/*corners*/
@@ -25,10 +25,10 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 68%, 1)), color-stop(.5, hsla(95, 66%, 59%, 1)), to(hsla(95, 66%, 45%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 59%, 1)), color-stop(.45, hsla(95, 66%, 43%, 1)), color-stop(.5, hsla(95, 66%, 40%, 1)), to(hsla(95, 66%, 43%, 1))) 1px 1px no-repeat !important;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 59%, 1)), color-stop(.45, hsla(95, 66%, 43%, 1)), color-stop(.5, hsla(95, 66%, 40%, 1)), to(hsla(95, 66%, 43%, 1))) left top no-repeat !important;
 }
 
-.outgoing.hideIcons:not(.mention):not(.history) .x-header
+.x-container.outgoing.hideIcons:not(.mention):not(.history) .x-header
 {
 	background:
 	/*corners*/
@@ -59,10 +59,10 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 68%, 1)), color-stop(.5, hsla(95, 66%, 59%, 1)), to(hsla(95, 66%, 40%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 59%, 1)), color-stop(.45, hsla(95, 66%, 43%, 1)), color-stop(.5, hsla(95, 66%, 40%, 1)), to(hsla(95, 66%, 43%, 1))) 1px 1px no-repeat !important;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 59%, 1)), color-stop(.45, hsla(95, 66%, 43%, 1)), color-stop(.5, hsla(95, 66%, 40%, 1)), to(hsla(95, 66%, 43%, 1))) left top no-repeat !important;
 }
 
-.outgoing.history .x-header
+.x-container.outgoing.history .x-header
 {
 	background:
 	/*corners*/
@@ -89,10 +89,10 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(95, 15%, 93%, 1)), color-stop(.5, hsla(95, 15%, 82%, 1)), to(hsla(95, 15%, 70%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(95, 15%, 78%, 1)), color-stop(.45, hsla(95, 15%, 65%, 1)), color-stop(.5, hsla(95, 15%, 60%, 1)), to(hsla(95, 15%, 75%, 1))) 1px 1px no-repeat !important;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(95, 15%, 78%, 1)), color-stop(.45, hsla(95, 15%, 65%, 1)), color-stop(.5, hsla(95, 15%, 60%, 1)), to(hsla(95, 15%, 75%, 1))) left top no-repeat !important;
 }
 
-.outgoing.history.hideIcons:not(.mention) .x-header
+.x-container.outgoing.history.hideIcons:not(.mention) .x-header
 {
 	background:
 	/*corners*/
@@ -123,5 +123,5 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(95, 15%, 93%, 1)), color-stop(.5, hsla(95, 15%, 82%, 1)), to(hsla(95, 15%, 70%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(95, 15%, 78%, 1)), color-stop(.45, hsla(95, 15%, 65%, 1)), color-stop(.5, hsla(95, 15%, 60%, 1)), to(hsla(95, 15%, 75%, 1))) 1px 1px no-repeat !important;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(95, 15%, 78%, 1)), color-stop(.45, hsla(95, 15%, 65%, 1)), color-stop(.5, hsla(95, 15%, 60%, 1)), to(hsla(95, 15%, 75%, 1))) left top no-repeat !important;
 }
diff -r d765af3387a9 -r c17a37a9517a Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/ColorOut-Grey.css
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/ColorOut-Grey.css	Thu Apr 29 22:35:48 2010 -0500
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/ColorOut-Grey.css	Sun May 02 22:10:41 2010 -0500
@@ -1,4 +1,4 @@
-.outgoing:not(.history) .x-header
+.x-container.outgoing:not(.history) .x-header
 {
 	background:
 	/*corners*/
@@ -25,10 +25,10 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(222, 0%, 68%, 1)), color-stop(.5, hsla(222, 0%, 59%, 1)), to(hsla(222, 0%, 45%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(222, 0%, 59%, 1)), color-stop(.45, hsla(222, 0%, 50%, 1)), color-stop(.5, hsla(222, 0%, 45%, 1)), to(hsla(222, 0%, 50%, 1))) 1px 1px no-repeat;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(222, 0%, 59%, 1)), color-stop(.45, hsla(222, 0%, 50%, 1)), color-stop(.5, hsla(222, 0%, 45%, 1)), to(hsla(222, 0%, 50%, 1))) left top no-repeat;
 }
 
-.outgoing.hideIcons:not(.mention):not(.history) .x-header
+.x-container.outgoing.hideIcons:not(.mention):not(.history) .x-header
 {
 	background:
 	/*corners*/
@@ -59,10 +59,10 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(222, 0%, 68%, 1)), color-stop(.5, hsla(222, 0%, 59%, 1)), to(hsla(222, 0%, 45%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(222, 0%, 59%, 1)), color-stop(.45, hsla(222, 0%, 50%, 1)), color-stop(.5, hsla(222, 0%, 45%, 1)), to(hsla(222, 0%, 50%, 1))) 1px 1px no-repeat;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(222, 0%, 59%, 1)), color-stop(.45, hsla(222, 0%, 50%, 1)), color-stop(.5, hsla(222, 0%, 45%, 1)), to(hsla(222, 0%, 50%, 1))) left top no-repeat;
 }
 
-.outgoing.history .x-header
+.x-container.outgoing.history .x-header
 {
 	background:
 	/*corners*/
@@ -89,10 +89,10 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(222, 0%, 93%, 1)), color-stop(.5, hsla(222, 0%, 82%, 1)), to(hsla(222, 0%, 70%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(222, 0%, 78%, 1)), color-stop(.45, hsla(222, 0%, 65%, 1)), color-stop(.5, hsla(222, 0%, 60%, 1)), to(hsla(222, 0%, 75%, 1))) 1px 1px no-repeat;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(222, 0%, 78%, 1)), color-stop(.45, hsla(222, 0%, 65%, 1)), color-stop(.5, hsla(222, 0%, 60%, 1)), to(hsla(222, 0%, 75%, 1))) left top no-repeat;
 }
 
-.outgoing.history.hideIcons:not(.mention) .x-header
+.x-container.outgoing.history.hideIcons:not(.mention) .x-header
 {
 	background:
 	/*corners*/
@@ -123,5 +123,5 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(222, 0%, 93%, 1)), color-stop(.5, hsla(222, 0%, 82%, 1)), to(hsla(222, 0%, 70%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(222, 0%, 78%, 1)), color-stop(.45, hsla(222, 0%, 65%, 1)), color-stop(.5, hsla(222, 0%, 60%, 1)), to(hsla(222, 0%, 75%, 1))) 1px 1px no-repeat;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(222, 0%, 78%, 1)), color-stop(.45, hsla(222, 0%, 65%, 1)), color-stop(.5, hsla(222, 0%, 60%, 1)), to(hsla(222, 0%, 75%, 1))) left top no-repeat;
 }
diff -r d765af3387a9 -r c17a37a9517a Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/ColorOut-GreyA.css
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/ColorOut-GreyA.css	Thu Apr 29 22:35:48 2010 -0500
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/ColorOut-GreyA.css	Sun May 02 22:10:41 2010 -0500
@@ -1,4 +1,4 @@
-.outgoing:not(.history) .x-header
+.x-container.outgoing:not(.history) .x-header
 {
 	background:
 	/*corners*/
@@ -25,10 +25,10 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(222, 0%, 68%, 1)), color-stop(.5, hsla(222, 0%, 59%, 1)), to(hsla(222, 0%, 45%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(222, 0%, 59%, 1)), color-stop(.45, hsla(222, 0%, 50%, 1)), color-stop(.5, hsla(222, 0%, 45%, 1)), to(hsla(222, 0%, 50%, 1))) 1px 1px no-repeat !important;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(222, 0%, 59%, 1)), color-stop(.45, hsla(222, 0%, 50%, 1)), color-stop(.5, hsla(222, 0%, 45%, 1)), to(hsla(222, 0%, 50%, 1))) left top no-repeat !important;
 }
 
-.outgoing.hideIcons:not(.mention):not(.history) .x-header
+.x-container.outgoing.hideIcons:not(.mention):not(.history) .x-header
 {
 	background:
 	/*corners*/
@@ -59,10 +59,10 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(222, 0%, 68%, 1)), color-stop(.5, hsla(222, 0%, 59%, 1)), to(hsla(222, 0%, 45%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(222, 0%, 59%, 1)), color-stop(.45, hsla(222, 0%, 50%, 1)), color-stop(.5, hsla(222, 0%, 45%, 1)), to(hsla(222, 0%, 50%, 1))) 1px 1px no-repeat !important;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(222, 0%, 59%, 1)), color-stop(.45, hsla(222, 0%, 50%, 1)), color-stop(.5, hsla(222, 0%, 45%, 1)), to(hsla(222, 0%, 50%, 1))) left top no-repeat !important;
 }
 
-.outgoing.history .x-header
+.x-container.outgoing.history .x-header
 {
 	background:
 	/*corners*/
@@ -89,10 +89,10 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(222, 0%, 93%, 1)), color-stop(.5, hsla(222, 0%, 82%, 1)), to(hsla(222, 0%, 70%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(222, 0%, 78%, 1)), color-stop(.45, hsla(222, 0%, 65%, 1)), color-stop(.5, hsla(222, 0%, 60%, 1)), to(hsla(222, 0%, 75%, 1))) 1px 1px no-repeat !important;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(222, 0%, 78%, 1)), color-stop(.45, hsla(222, 0%, 65%, 1)), color-stop(.5, hsla(222, 0%, 60%, 1)), to(hsla(222, 0%, 75%, 1))) left top no-repeat !important;
 }
 
-.outgoing.history.hideIcons:not(.mention) .x-header
+.x-container.outgoing.history.hideIcons:not(.mention) .x-header
 {
 	background:
 	/*corners*/
@@ -123,5 +123,5 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(222, 0%, 93%, 1)), color-stop(.5, hsla(222, 0%, 82%, 1)), to(hsla(222, 0%, 70%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(222, 0%, 78%, 1)), color-stop(.45, hsla(222, 0%, 65%, 1)), color-stop(.5, hsla(222, 0%, 60%, 1)), to(hsla(222, 0%, 75%, 1))) 1px 1px no-repeat !important;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(222, 0%, 78%, 1)), color-stop(.45, hsla(222, 0%, 65%, 1)), color-stop(.5, hsla(222, 0%, 60%, 1)), to(hsla(222, 0%, 75%, 1))) left top no-repeat !important;
 }
diff -r d765af3387a9 -r c17a37a9517a Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/ColorOut-Orange.css
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/ColorOut-Orange.css	Thu Apr 29 22:35:48 2010 -0500
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/ColorOut-Orange.css	Sun May 02 22:10:41 2010 -0500
@@ -1,4 +1,4 @@
-.outgoing:not(.history) .x-header
+.x-container.outgoing:not(.history) .x-header
 {
 	background:
 	/*corners*/
@@ -25,10 +25,10 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(30, 71%, 68%, 1)), color-stop(.5, hsla(30, 71%, 59%, 1)), to(hsla(30, 71%, 45%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(30, 71%, 59%, 1)), color-stop(.45, hsla(30, 71%, 48%, 1)), color-stop(.5, hsla(30, 71%, 45%, 1)), to(hsla(30, 71%, 48%, 1))) 1px 1px no-repeat;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(30, 71%, 59%, 1)), color-stop(.45, hsla(30, 71%, 48%, 1)), color-stop(.5, hsla(30, 71%, 45%, 1)), to(hsla(30, 71%, 48%, 1))) left top no-repeat;
 }
 
-.outgoing.hideIcons:not(.mention):not(.history) .x-header
+.x-container.outgoing.hideIcons:not(.mention):not(.history) .x-header
 {
 	background:
 	/*corners*/
@@ -59,10 +59,10 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(30, 71%, 68%, 1)), color-stop(.5, hsla(30, 71%, 59%, 1)), to(hsla(30, 71%, 45%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(30, 71%, 59%, 1)), color-stop(.45, hsla(30, 71%, 48%, 1)), color-stop(.5, hsla(30, 71%, 45%, 1)), to(hsla(30, 71%, 48%, 1))) 1px 1px no-repeat;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(30, 71%, 59%, 1)), color-stop(.45, hsla(30, 71%, 48%, 1)), color-stop(.5, hsla(30, 71%, 45%, 1)), to(hsla(30, 71%, 48%, 1))) left top no-repeat;
 }
 
-.outgoing.history .x-header
+.x-container.outgoing.history .x-header
 {
 	background:
 	/*corners*/
@@ -89,10 +89,10 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(30, 15%, 93%, 1)), color-stop(.5, hsla(30, 15%, 82%, 1)), to(hsla(30, 15%, 70%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(30, 15%, 78%, 1)), color-stop(.45, hsla(30, 15%, 65%, 1)), color-stop(.5, hsla(30, 15%, 60%, 1)), to(hsla(30, 15%, 75%, 1))) 1px 1px no-repeat;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(30, 15%, 78%, 1)), color-stop(.45, hsla(30, 15%, 65%, 1)), color-stop(.5, hsla(30, 15%, 60%, 1)), to(hsla(30, 15%, 75%, 1))) left top no-repeat;
 }
 
-.outgoing.history.hideIcons:not(.mention) .x-header
+.x-container.outgoing.history.hideIcons:not(.mention) .x-header
 {
 	background:
 	/*corners*/
@@ -123,5 +123,5 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(30, 15%, 93%, 1)), color-stop(.5, hsla(30, 15%, 82%, 1)), to(hsla(30, 15%, 70%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(30, 15%, 78%, 1)), color-stop(.45, hsla(30, 15%, 65%, 1)), color-stop(.5, hsla(30, 15%, 60%, 1)), to(hsla(30, 15%, 75%, 1))) 1px 1px no-repeat;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(30, 15%, 78%, 1)), color-stop(.45, hsla(30, 15%, 65%, 1)), color-stop(.5, hsla(30, 15%, 60%, 1)), to(hsla(30, 15%, 75%, 1))) left top no-repeat;
 }
diff -r d765af3387a9 -r c17a37a9517a Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/ColorOut-OrangeA.css
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/ColorOut-OrangeA.css	Thu Apr 29 22:35:48 2010 -0500
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/ColorOut-OrangeA.css	Sun May 02 22:10:41 2010 -0500
@@ -1,4 +1,4 @@
-.outgoing:not(.history) .x-header
+.x-container.outgoing:not(.history) .x-header
 {
 	background:
 	/*corners*/
@@ -25,10 +25,10 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(30, 71%, 68%, 1)), color-stop(.5, hsla(30, 71%, 59%, 1)), to(hsla(30, 71%, 45%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(30, 71%, 59%, 1)), color-stop(.45, hsla(30, 71%, 48%, 1)), color-stop(.5, hsla(30, 71%, 45%, 1)), to(hsla(30, 71%, 48%, 1))) 1px 1px no-repeat !important;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(30, 71%, 59%, 1)), color-stop(.45, hsla(30, 71%, 48%, 1)), color-stop(.5, hsla(30, 71%, 45%, 1)), to(hsla(30, 71%, 48%, 1))) left top no-repeat !important;
 }
 
-.outgoing.hideIcons:not(.mention):not(.history) .x-header
+.x-container.outgoing.hideIcons:not(.mention):not(.history) .x-header
 {
 	background:
 	/*corners*/
@@ -59,10 +59,10 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(30, 71%, 68%, 1)), color-stop(.5, hsla(30, 71%, 59%, 1)), to(hsla(30, 71%, 45%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(30, 71%, 59%, 1)), color-stop(.45, hsla(30, 71%, 48%, 1)), color-stop(.5, hsla(30, 71%, 45%, 1)), to(hsla(30, 71%, 48%, 1))) 1px 1px no-repeat !important;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(30, 71%, 59%, 1)), color-stop(.45, hsla(30, 71%, 48%, 1)), color-stop(.5, hsla(30, 71%, 45%, 1)), to(hsla(30, 71%, 48%, 1))) left top no-repeat !important;
 }
 
-.outgoing.history .x-header
+.x-container.outgoing.history .x-header
 {
 	background:
 	/*corners*/
@@ -89,10 +89,10 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(30, 15%, 93%, 1)), color-stop(.5, hsla(30, 15%, 82%, 1)), to(hsla(30, 15%, 70%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(30, 15%, 78%, 1)), color-stop(.45, hsla(30, 15%, 65%, 1)), color-stop(.5, hsla(30, 15%, 60%, 1)), to(hsla(30, 15%, 75%, 1))) 1px 1px no-repeat !important;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(30, 15%, 78%, 1)), color-stop(.45, hsla(30, 15%, 65%, 1)), color-stop(.5, hsla(30, 15%, 60%, 1)), to(hsla(30, 15%, 75%, 1))) left top no-repeat !important;
 }
 
-.outgoing.history.hideIcons:not(.mention) .x-header
+.x-container.outgoing.history.hideIcons:not(.mention) .x-header
 {
 	background:
 	/*corners*/
@@ -123,5 +123,5 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(30, 15%, 93%, 1)), color-stop(.5, hsla(30, 15%, 82%, 1)), to(hsla(30, 15%, 70%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(30, 15%, 78%, 1)), color-stop(.45, hsla(30, 15%, 65%, 1)), color-stop(.5, hsla(30, 15%, 60%, 1)), to(hsla(30, 15%, 75%, 1))) 1px 1px no-repeat !important;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(30, 15%, 78%, 1)), color-stop(.45, hsla(30, 15%, 65%, 1)), color-stop(.5, hsla(30, 15%, 60%, 1)), to(hsla(30, 15%, 75%, 1))) left top no-repeat !important;
 }
diff -r d765af3387a9 -r c17a37a9517a Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/ColorOut-Red.css
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/ColorOut-Red.css	Thu Apr 29 22:35:48 2010 -0500
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/ColorOut-Red.css	Sun May 02 22:10:41 2010 -0500
@@ -1,4 +1,4 @@
-.outgoing:not(.history) .x-header
+.x-container.outgoing:not(.history) .x-header
 {
 	background:
 	/*corners*/
@@ -25,10 +25,10 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(6, 78%, 68%, 1)), color-stop(.5, hsla(6, 78%, 59%, 1)), to(hsla(6, 78%, 45%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(6, 78%, 59%, 1)), color-stop(.45, hsla(6, 78%, 48%, 1)), color-stop(.5, hsla(6, 78%, 45%, 1)), to(hsla(6, 78%, 48%, 1))) 1px 1px no-repeat;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(6, 78%, 59%, 1)), color-stop(.45, hsla(6, 78%, 48%, 1)), color-stop(.5, hsla(6, 78%, 45%, 1)), to(hsla(6, 78%, 48%, 1))) left top no-repeat;
 }
 
-.outgoing.hideIcons:not(.mention):not(.history) .x-header
+.x-container.outgoing.hideIcons:not(.mention):not(.history) .x-header
 {
 	background:
 	/*corners*/
@@ -59,10 +59,10 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(6, 78%, 68%, 1)), color-stop(.5, hsla(6, 78%, 59%, 1)), to(hsla(6, 78%, 45%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(6, 78%, 59%, 1)), color-stop(.45, hsla(6, 78%, 48%, 1)), color-stop(.5, hsla(6, 78%, 45%, 1)), to(hsla(6, 78%, 48%, 1))) 1px 1px no-repeat;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(6, 78%, 59%, 1)), color-stop(.45, hsla(6, 78%, 48%, 1)), color-stop(.5, hsla(6, 78%, 45%, 1)), to(hsla(6, 78%, 48%, 1))) left top no-repeat;
 }
 
-.outgoing.history .x-header
+.x-container.outgoing.history .x-header
 {
 	background:
 	/*corners*/
@@ -89,10 +89,10 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(6, 15%, 93%, 1)), color-stop(.5, hsla(6, 15%, 82%, 1)), to(hsla(6, 15%, 70%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(6, 15%, 78%, 1)), color-stop(.45, hsla(6, 15%, 65%, 1)), color-stop(.5, hsla(6, 15%, 60%, 1)), to(hsla(6, 15%, 75%, 1))) 1px 1px no-repeat;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(6, 15%, 78%, 1)), color-stop(.45, hsla(6, 15%, 65%, 1)), color-stop(.5, hsla(6, 15%, 60%, 1)), to(hsla(6, 15%, 75%, 1))) left top no-repeat;
 }
 
-.outgoing.history.hideIcons:not(.mention) .x-header
+.x-container.outgoing.history.hideIcons:not(.mention) .x-header
 {
 	background:
 	/*corners*/
@@ -123,5 +123,5 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(6, 15%, 93%, 1)), color-stop(.5, hsla(6, 15%, 82%, 1)), to(hsla(6, 15%, 70%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(6, 15%, 78%, 1)), color-stop(.45, hsla(6, 15%, 65%, 1)), color-stop(.5, hsla(6, 15%, 60%, 1)), to(hsla(6, 15%, 75%, 1))) 1px 1px no-repeat;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(6, 15%, 78%, 1)), color-stop(.45, hsla(6, 15%, 65%, 1)), color-stop(.5, hsla(6, 15%, 60%, 1)), to(hsla(6, 15%, 75%, 1))) left top no-repeat;
 }
diff -r d765af3387a9 -r c17a37a9517a Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/ColorOut-RedA.css
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/ColorOut-RedA.css	Thu Apr 29 22:35:48 2010 -0500
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/ColorOut-RedA.css	Sun May 02 22:10:41 2010 -0500
@@ -1,4 +1,4 @@
-.outgoing:not(.history) .x-header
+.x-container.outgoing:not(.history) .x-header
 {
 	background:
 	/*corners*/
@@ -25,10 +25,10 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(6, 78%, 68%, 1)), color-stop(.5, hsla(6, 78%, 59%, 1)), to(hsla(6, 78%, 45%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(6, 78%, 59%, 1)), color-stop(.45, hsla(6, 78%, 48%, 1)), color-stop(.5, hsla(6, 78%, 45%, 1)), to(hsla(6, 78%, 48%, 1))) 1px 1px no-repeat !important;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(6, 78%, 59%, 1)), color-stop(.45, hsla(6, 78%, 48%, 1)), color-stop(.5, hsla(6, 78%, 45%, 1)), to(hsla(6, 78%, 48%, 1))) left top no-repeat !important;
 }
 
-.outgoing.hideIcons:not(.mention):not(.history) .x-header
+.x-container.outgoing.hideIcons:not(.mention):not(.history) .x-header
 {
 	background:
 	/*corners*/
@@ -59,10 +59,10 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(6, 78%, 68%, 1)), color-stop(.5, hsla(6, 78%, 59%, 1)), to(hsla(6, 78%, 45%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(6, 78%, 59%, 1)), color-stop(.45, hsla(6, 78%, 48%, 1)), color-stop(.5, hsla(6, 78%, 45%, 1)), to(hsla(6, 78%, 48%, 1))) 1px 1px no-repeat !important;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(6, 78%, 59%, 1)), color-stop(.45, hsla(6, 78%, 48%, 1)), color-stop(.5, hsla(6, 78%, 45%, 1)), to(hsla(6, 78%, 48%, 1))) left top no-repeat !important;
 }
 
-.outgoing.history .x-header
+.x-container.outgoing.history .x-header
 {
 	background:
 	/*corners*/
@@ -89,10 +89,10 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(6, 15%, 93%, 1)), color-stop(.5, hsla(6, 15%, 82%, 1)), to(hsla(6, 15%, 70%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(6, 15%, 78%, 1)), color-stop(.45, hsla(6, 15%, 65%, 1)), color-stop(.5, hsla(6, 15%, 60%, 1)), to(hsla(6, 15%, 75%, 1))) 1px 1px no-repeat !important;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(6, 15%, 78%, 1)), color-stop(.45, hsla(6, 15%, 65%, 1)), color-stop(.5, hsla(6, 15%, 60%, 1)), to(hsla(6, 15%, 75%, 1))) left top no-repeat !important;
 }
 
-.outgoing.history.hideIcons:not(.mention) .x-header
+.x-container.outgoing.history.hideIcons:not(.mention) .x-header
 {
 	background:
 	/*corners*/
@@ -123,5 +123,5 @@
 	/*right light gradient*/
 		-webkit-gradient(linear, left top, left bottom, from(hsla(6, 15%, 93%, 1)), color-stop(.5, hsla(6, 15%, 82%, 1)), to(hsla(6, 15%, 70%, 1))) right bottom no-repeat,
 	/*body*/
-		-webkit-gradient(linear, left top, left bottom, from(hsla(6, 15%, 78%, 1)), color-stop(.45, hsla(6, 15%, 65%, 1)), color-stop(.5, hsla(6, 15%, 60%, 1)), to(hsla(6, 15%, 75%, 1))) 1px 1px no-repeat !important;
+		-webkit-gradient(linear, left top, left bottom, from(hsla(6, 15%, 78%, 1)), color-stop(.45, hsla(6, 15%, 65%, 1)), color-stop(.5, hsla(6, 15%, 60%, 1)), to(hsla(6, 15%, 75%, 1))) left top no-repeat !important;
 }
diff -r d765af3387a9 -r c17a37a9517a Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/Topic.css
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/Topic.css	Thu Apr 29 22:35:48 2010 -0500
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/Topic.css	Sun May 02 22:10:41 2010 -0500
@@ -1,20 +1,12 @@


More information about the commits mailing list