xtras/mathuaerknedam 614:78b6fd2868b5: Smooth Operator, Dark: Wo...

commits at adium.im commits at adium.im
Sun Nov 3 20:17:49 UTC 2013


details:	http://hg.adium.im/xtras/mathuaerknedam/rev/78b6fd2868b5
revision:	614:78b6fd2868b5
branch:		(none)
author:		mathuaerknedam
date:		Sun Nov 03 11:43:49 2013 -0600

Smooth Operator, Dark: Work around a problem with background-size not applying to historical messages even though the webkit inspector claims it is (Apple Bug?).
Subject: xtras/mathuaerknedam 615:fcf4d7d4456e: Smooth Operator, Alternating: Use the current gradient syntax.

details:	http://hg.adium.im/xtras/mathuaerknedam/rev/fcf4d7d4456e
revision:	615:fcf4d7d4456e
branch:		(none)
author:		mathuaerknedam
date:		Sun Nov 03 12:17:52 2013 -0600

Smooth Operator, Alternating: Use the current gradient syntax.
Subject: xtras/mathuaerknedam 616:db0d3582465e: Smooth Operator, Classic: Use the current gradient syntax.

details:	http://hg.adium.im/xtras/mathuaerknedam/rev/db0d3582465e
revision:	616:db0d3582465e
branch:		(none)
author:		mathuaerknedam
date:		Sun Nov 03 12:28:08 2013 -0600

Smooth Operator, Classic: Use the current gradient syntax.
Subject: xtras/mathuaerknedam 617:18aadf9f2967: Smooth Operator, Compact: Use the current gradient syntax.

details:	http://hg.adium.im/xtras/mathuaerknedam/rev/18aadf9f2967
revision:	617:18aadf9f2967
branch:		(none)
author:		mathuaerknedam
date:		Sun Nov 03 12:28:21 2013 -0600

Smooth Operator, Compact: Use the current gradient syntax.
Subject: xtras/mathuaerknedam 618:55a7a239ab47: Smooth Operator, Compact: Fix vertical alignment of the header's service icon.

details:	http://hg.adium.im/xtras/mathuaerknedam/rev/55a7a239ab47
revision:	618:55a7a239ab47
branch:		(none)
author:		mathuaerknedam
date:		Sun Nov 03 12:31:04 2013 -0600

Smooth Operator, Compact: Fix vertical alignment of the header's service icon.
Subject: xtras/mathuaerknedam 619:50c7f754fa6e: Smooth Operator, Icon-Time: Use the current gradient syntax.

details:	http://hg.adium.im/xtras/mathuaerknedam/rev/50c7f754fa6e
revision:	619:50c7f754fa6e
branch:		(none)
author:		mathuaerknedam
date:		Sun Nov 03 12:36:52 2013 -0600

Smooth Operator, Icon-Time: Use the current gradient syntax.
Subject: xtras/mathuaerknedam 620:76f724f2f9a3: Smooth Operator, Time-Icon: Use the current gradient syntax.

details:	http://hg.adium.im/xtras/mathuaerknedam/rev/76f724f2f9a3
revision:	620:76f724f2f9a3
branch:		(none)
author:		mathuaerknedam
date:		Sun Nov 03 14:14:20 2013 -0600

Smooth Operator, Time-Icon: Use the current gradient syntax.

diffs (886 lines):

diff -r 2ef6e51af85f -r 76f724f2f9a3 Resources/Message Styles/Smooth Operator.AdiumMessageStyle/Contents/Resources/Mockup.html
--- a/Resources/Message Styles/Smooth Operator.AdiumMessageStyle/Contents/Resources/Mockup.html	Sat Nov 02 10:20:25 2013 -0500
+++ b/Resources/Message Styles/Smooth Operator.AdiumMessageStyle/Contents/Resources/Mockup.html	Sun Nov 03 14:14:20 2013 -0600
@@ -7,7 +7,7 @@
 	</title>
 
 	<style type="text/css">
-		@import url( "./Variants/classic.css" );
+		@import url( "./Variants/time-icon.css" );
 
 		body
 		{
diff -r 2ef6e51af85f -r 76f724f2f9a3 Resources/Message Styles/Smooth Operator.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css
--- a/Resources/Message Styles/Smooth Operator.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css	Sat Nov 02 10:20:25 2013 -0500
+++ b/Resources/Message Styles/Smooth Operator.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css	Sun Nov 03 14:14:20 2013 -0600
@@ -3,7 +3,7 @@
 body
 {
 	margin: 0px;
-	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255 ,255, 1)), to(rgba(208, 208, 208, 1))) fixed repeat-x;
+	background: linear-gradient(to bottom, rgba(255, 255 ,255, 1), rgba(208, 208, 208, 1)) fixed repeat-x;
 	background-size: auto;
 	word-wrap: break-word;
 	word-break: break-word;
@@ -159,36 +159,36 @@
 .message:not(.autoreply):not(.x-hover):not(.consecutive):not(.history)
 {
 	background:
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(248, 248, 248, 1))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(240,240, 240, 1))) 0px 16px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .75)), to(rgba(255, 255, 255, .25))) 48px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .25)), to(rgba(255, 255, 255, .25))) 48px 32px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(248, 248, 248, 1))) 53px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(240, 240, 240, 1))) 53px 16px no-repeat;
+		linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(248, 248, 248, 1)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(248, 248, 248, 1), rgba(240,240, 240, 1)) 0px 16px no-repeat,
+		linear-gradient(to bottom, rgba(255, 255, 255, .75), rgba(255, 255, 255, .25)) 48px 0px no-repeat,
+		linear-gradient(to bottom, rgba(255, 255, 255, .25), rgba(255, 255, 255, .25)) 48px 32px no-repeat,
+		linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(248, 248, 248, 1)) 53px 0px no-repeat,
+		linear-gradient(to bottom, rgba(248, 248, 248, 1), rgba(240, 240, 240, 1)) 53px 16px no-repeat;
 	background-size: 48px 16px, 48px 100%, 5px 32px, 5px 100%, 100% 16px, 100% 100%;
 }
 
 .mention.message:not(.autoreply):not(.x-hover):not(.consecutive):not(.history)
 {
 	background:
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .9)), to(rgba(248, 248, 248, .9))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, .9)), to(rgba(240,240, 240, .9))) 0px 16px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .75)), to(rgba(255, 255, 255, .25))) 48px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .25)), to(rgba(255, 255, 255, .25))) 48px 32px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .9)), to(rgba(248, 248, 248, .9))) 53px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, .9)), to(rgba(240, 240, 240, .9))) 53px 16px no-repeat;
+		linear-gradient(to bottom, rgba(255, 255, 255, .9), rgba(248, 248, 248, .9)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(248, 248, 248, .9), rgba(240,240, 240, .9)) 0px 16px no-repeat,
+		linear-gradient(to bottom, rgba(255, 255, 255, .75), rgba(255, 255, 255, .25)) 48px 0px no-repeat,
+		linear-gradient(to bottom, rgba(255, 255, 255, .25), rgba(255, 255, 255, .25)) 48px 32px no-repeat,
+		linear-gradient(to bottom, rgba(255, 255, 255, .9), rgba(248, 248, 248, .9)) 53px 0px no-repeat,
+		linear-gradient(to bottom, rgba(248, 248, 248, .9), rgba(240, 240, 240, .9)) 53px 16px no-repeat;
 	background-size: 48px 16px, 48px 100%, 5px 32px, 5px 100%, 100% 16px, 100% 100%;
 }
 
 .message.autoreply:not(.x-hover):not(.consecutive):not(.history)
 {
 	background:
-		-webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(80, 80, 80, 1))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(80, 80, 80, 1)), to(rgba(64, 64, 64, 1))) 0px 16px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .625)), to(rgba(255, 255, 255, .25))) 48px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .25)), to(rgba(255, 255, 255, .25))) 48px 32px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(80, 80, 80, 1))) 53px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(80, 80, 80, 1)), to(rgba(64, 64, 64, 1))) 53px 16px no-repeat;
+		linear-gradient(to bottom, rgba(96, 96, 96, 1), rgba(80, 80, 80, 1)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(80, 80, 80, 1), rgba(64, 64, 64, 1)) 0px 16px no-repeat,
+		linear-gradient(to bottom, rgba(255, 255, 255, .625), rgba(255, 255, 255, .25)) 48px 0px no-repeat,
+		linear-gradient(to bottom, rgba(255, 255, 255, .25), rgba(255, 255, 255, .25)) 48px 32px no-repeat,
+		linear-gradient(to bottom, rgba(96, 96, 96, 1), rgba(80, 80, 80, 1)) 53px 0px no-repeat,
+		linear-gradient(to bottom, rgba(80, 80, 80, 1), rgba(64, 64, 64, 1)) 53px 16px no-repeat;
 	background-size: 48px 16px, 48px 100%, 5px 32px, 5px 100%, 100% 16px, 100% 100%;
 	box-shadow: 0px 2px 4px rgba(0, 0, 0, .4), 0px 0px 1px rgba(0, 0, 0, .4), 0px 0px 1px rgba(0, 0, 0, 1);
 }
@@ -196,9 +196,9 @@
 .message.x-hover:not(.consecutive):not(.history)
 {
 	background:
-		-webkit-gradient(linear, left top, left bottom, from(rgba(208, 208, 208, 1)), to(rgba(192, 192, 192, 1))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(208, 208, 208, .75)), to(rgba(192, 192, 192, .75))) 48px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(208, 208, 208, 1)), to(rgba(192, 192, 192, 1))) 53px 0px no-repeat;
+		linear-gradient(to bottom, rgba(208, 208, 208, 1), rgba(192, 192, 192, 1)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(208, 208, 208, .75), rgba(192, 192, 192, .75)) 48px 0px no-repeat,
+		linear-gradient(to bottom, rgba(208, 208, 208, 1), rgba(192, 192, 192, 1)) 53px 0px no-repeat;
 	box-shadow: 0px 2px 4px rgba(255, 255, 255, 1), 0px -1px 1px rgba(0, 0, 0, .4);
 	background-size: 48px 100%, 5px 100%, 100% 100%;
 }
@@ -213,8 +213,8 @@
 {
 	color: rgba(244, 244, 244, 1);
 	background:
-		-webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(80, 80, 80, 1))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(80, 80, 80, 1)), to(rgba(64, 64, 64, 1))) 0px 16px no-repeat;
+		linear-gradient(to bottom, rgba(96, 96, 96, 1), rgba(80, 80, 80, 1)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(80, 80, 80, 1), rgba(64, 64, 64, 1)) 0px 16px no-repeat;
 	background-size: 100% 16px, 100% 100%;
 }
 
@@ -235,8 +235,8 @@
 	padding: 4px;
 	z-index: 2;
 	background:
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .9)), to(rgba(248, 248, 248, .9))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, .9)), to(rgba(240,240, 240, .9))) 0px 16px no-repeat;
+		linear-gradient(to bottom, rgba(255, 255, 255, .9), rgba(248, 248, 248, .9)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(248, 248, 248, .9), rgba(240,240, 240, .9)) 0px 16px no-repeat;
 	background-size: 100% 16px, 100% 100%;
 }
 
@@ -260,8 +260,8 @@
 	border-radius: 5px;
 	z-index: 3;
 	background:
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(248, 248, 248, 1))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(240,240, 240, 1))) 0px 16px no-repeat;
+		linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(248, 248, 248, 1)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(248, 248, 248, 1), rgba(240,240, 240, 1)) 0px 16px no-repeat;
 	background-size: 100% 16px, 100% 100%;
 	box-shadow: 0px 2px 4px rgba(0, 0, 0, .4);
 }
@@ -275,8 +275,8 @@
 .autoreply.message img.x-icon
 {
 	background:
-		-webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(80, 80, 80, 1))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(80, 80, 80, 1)), to(rgba(64, 64, 64, 1))) 0px 16px no-repeat;
+		linear-gradient(to bottom, rgba(96, 96, 96, 1), rgba(80, 80, 80, 1)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(80, 80, 80, 1), rgba(64, 64, 64, 1)) 0px 16px no-repeat;
 	background-size: 100% 16px, 100% 100%;
 }
 
@@ -294,7 +294,7 @@
 
 .message.x-hover img.x-icon
 {
-	background: -webkit-gradient(linear, left top, left bottom, from(rgba(208, 208, 208, 1)), to(rgba(192, 192, 192, 1)));
+	background: linear-gradient(to bottom, rgba(208, 208, 208, 1), rgba(192, 192, 192, 1));
 	background-size: 100% 100%;
 	box-shadow: 0px 2px 4px rgba(255, 255, 255, 1), 0px -1px 1px rgba(0, 0, 0, .4);
 }
@@ -305,7 +305,7 @@
 	height: 30px;
 	position: absolute;
 	margin-top: 1px;
-	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .625)), to(rgba(255, 255, 255, 0))) 0px 0px no-repeat;
+	background: linear-gradient(to bottom, rgba(255, 255, 255, .625), rgba(255, 255, 255, 0)) 0px 0px no-repeat;
 	background-size: 30px 16px;
 	z-index: 4;
 }
@@ -322,13 +322,13 @@
 
 .autoreply.message:not(.x-hover) .x-iconmask
 {
-	background: -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .625)), to(rgba(64, 64, 64, .25))) 0px 0px no-repeat;
+	background: linear-gradient(to bottom, rgba(192, 192, 192, .625), rgba(64, 64, 64, .25)) 0px 0px no-repeat;
 	background-size: 30px 16px;
 }
 
 .x-hover.message .x-iconmask
 {
-	background: -webkit-gradient(linear, left top, left bottom, from(rgba(208, 208, 208, .625)), to(rgba(192, 192, 192, .625))) 0px 0px no-repeat;
+	background: linear-gradient(to bottom, rgba(208, 208, 208, .625), rgba(192, 192, 192, .625)) 0px 0px no-repeat;
 	background-size: 30px 30px;
 }
 
@@ -540,33 +540,33 @@
 .history.event:not(.consecutive)
 {
 	color: rgba(244, 244, 244, 1);
-	background: -webkit-gradient(linear, left top, left bottom, from(rgba(112, 112, 112, 1)), to(rgba(112, 112, 112, 1))) 0px 0px no-repeat;
+	background: linear-gradient(to bottom, rgba(112, 112, 112, 1), rgba(112, 112, 112, 1)) 0px 0px no-repeat;
 }
 
 .history.message:not(.consecutive)
 {
 	background:
-		-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, .5)), to(rgba(248, 248, 248, .5))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) 53px 0px no-repeat;
+		linear-gradient(to bottom, rgba(248, 248, 248, 1), rgba(248, 248, 248, 1)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(248, 248, 248, .5), rgba(248, 248, 248, .5)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(248, 248, 248, 1), rgba(248, 248, 248, 1)) 53px 0px no-repeat;
 	background-size: 48px 100%, 53px 100%, 100% 100%;
 }
 
 .history.mention.message:not(.consecutive)
 {
 	background:
-		-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, .9)), to(rgba(248, 248, 248, .9))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, .5)), to(rgba(248, 248, 248, .5))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, .9)), to(rgba(248, 248, 248, .9))) 53px 0px no-repeat;
+		linear-gradient(to bottom, rgba(248, 248, 248, .9), rgba(248, 248, 248, .9)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(248, 248, 248, .5), rgba(248, 248, 248, .5)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(248, 248, 248, .9), rgba(248, 248, 248, .9)) 53px 0px no-repeat;
 	background-size: 48px 100%, 53px 100%, 100% 100%;
 }
 
 .history.message.x-hover:not(.consecutive)
 {
 	background:
-		-webkit-gradient(linear, left top, left bottom, from(rgba(200, 200, 200, 1)), to(rgba(200, 200, 200, 1))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(200, 200, 200, .75)), to(rgba(200, 200, 200, .75))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(200, 200, 200, 1)), to(rgba(200, 200, 200, 1))) 53px 0px no-repeat;
+		linear-gradient(to bottom, rgba(200, 200, 200, 1), rgba(200, 200, 200, 1)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(200, 200, 200, .75), rgba(200, 200, 200, .75)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(200, 200, 200, 1), rgba(200, 200, 200, 1)) 53px 0px no-repeat;
 	background-size: 48px 100%, 53px 100%, 100% 100%;
 	box-shadow: 0px 2px 4px rgba(255, 255, 255, 1), 0px -1px 1px rgba(0, 0, 0, .4);
 }
@@ -638,8 +638,8 @@
 	min-height: 48px !important;
 	padding: 4px;
 	background:
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(248, 248, 248, 1))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(240,240, 240, 1))) 0px 16px no-repeat;
+		linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(248, 248, 248, 1)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(248, 248, 248, 1), rgba(240,240, 240, 1)) 0px 16px no-repeat;
 	background-size: 100% 16px, 100% 100%;
 	box-shadow: 0px 2px 16px rgba(0, 0, 0, .75), 8px -8px 8px rgba(255, 255, 255, 1), -8px -8px 8px rgba(255, 255, 255, 1), -8px 16px 16px rgba(216, 216, 216, 1), 8px 16px 16px rgba(216, 216, 216, 1);
 }
diff -r 2ef6e51af85f -r 76f724f2f9a3 Resources/Message Styles/Smooth Operator.AdiumMessageStyle/Contents/Resources/Variants/Classic.css
--- a/Resources/Message Styles/Smooth Operator.AdiumMessageStyle/Contents/Resources/Variants/Classic.css	Sat Nov 02 10:20:25 2013 -0500
+++ b/Resources/Message Styles/Smooth Operator.AdiumMessageStyle/Contents/Resources/Variants/Classic.css	Sun Nov 03 14:14:20 2013 -0600
@@ -3,7 +3,7 @@
 body
 {
 	margin: 0px;
-	background: -webkit-gradient(linear, left top, left bottom, from(rgba(149, 175, 219, 1)), to(rgba(255, 255 ,255, 1))) fixed repeat-x;
+	background: linear-gradient(to bottom, rgba(149, 175, 219, 1), rgba(255, 255 ,255, 1)) fixed repeat-x;
 	background-size: auto;
 	word-wrap: break-word;
 	word-break: break-word;
@@ -110,7 +110,7 @@
 {
 	margin-left: 36px;
 	color: rgba(244, 244, 244, 1);
-	background: -webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(64, 64, 64, 1)));
+	background: linear-gradient(to bottom, rgba(96, 96, 96, 1), rgba(64, 64, 64, 1));
 	box-shadow: 0px 1px 4px rgba(0, 0, 0, .5);
 	padding-left: 12px;
 	padding-top: 2px;
@@ -121,7 +121,7 @@
 .history.event:not(.consecutive)
 {
 	color: rgba(244, 244, 244, .75);
-	background: -webkit-gradient(linear, left top, left bottom, from(rgba(112, 112, 112, .625)), to(rgba(48, 48, 48, .625)));
+	background: linear-gradient(to bottom, rgba(112, 112, 112, .625), rgba(48, 48, 48, .625));
 	box-shadow: 0px 1px 2px rgba(0, 0, 0, .4);
 }
 
@@ -405,7 +405,7 @@
 	border-bottom-right-radius: 5px;
 	z-index: 99;
 	margin-top: -2px;
-	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .75)), to(rgba(255, 255, 255, .25)));
+	background-image: linear-gradient(to bottom, rgba(255, 255, 255, .75), rgba(255, 255, 255, .25));
 }
 
 .history.message .x-color
@@ -430,7 +430,7 @@
 	left: 12px;
 	z-index: 99;
 	margin-top: -2px;
-	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .25)), to(rgba(255, 255, 255, .25)));
+	background-image: linear-gradient(to bottom, rgba(255, 255, 255, .25), rgba(255, 255, 255, .25));
 	-webkit-mask-box-image: url("../adiumy-mask.png");
 }
 
@@ -441,23 +441,23 @@
 
 .message:not(.consecutive)
 {
-	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(240, 240, 240, 1))) !important;
+	background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(240, 240, 240, 1)) !important;
 }
 
 .message:not(.consecutive).x-hover
 {
-	background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 1)), to(rgba(240, 240, 240, 1))) !important;
+	background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(240, 240, 240, 1)) !important;
 	box-shadow: 0px 1px 2px rgba(0, 0, 0, .4), 0px 0px 1px rgba(0, 0, 0, .4);
 }
 
 .message:not(.consecutive).history
 {
-	background: -webkit-gradient(linear, left top, left bottom, from(rgba(232, 232, 232, .75)), to(rgba(208, 208, 208, .75))) !important;
+	background: linear-gradient(to bottom, rgba(232, 232, 232, .75), rgba(208, 208, 208, .75)) !important;
 }
 
 .message:not(.consecutive).history.x-hover
 {
-	background: -webkit-gradient(linear, left bottom, left top, from(rgba(232, 232, 232, .75)), to(rgba(208, 208, 208, .75))) !important;
+	background: linear-gradient(to top, rgba(232, 232, 232, .75), rgba(208, 208, 208, .75)) !important;
 	box-shadow: 0px 1px 2px rgba(0, 0, 0, .4), 0px 0px 1px rgba(0, 0, 0, .4);
 }
 
diff -r 2ef6e51af85f -r 76f724f2f9a3 Resources/Message Styles/Smooth Operator.AdiumMessageStyle/Contents/Resources/Variants/Compact.css
--- a/Resources/Message Styles/Smooth Operator.AdiumMessageStyle/Contents/Resources/Variants/Compact.css	Sat Nov 02 10:20:25 2013 -0500
+++ b/Resources/Message Styles/Smooth Operator.AdiumMessageStyle/Contents/Resources/Variants/Compact.css	Sun Nov 03 14:14:20 2013 -0600
@@ -3,7 +3,7 @@
 body
 {
 	margin: 0px;
-	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255 ,255, 1)), to(rgba(208, 208, 208, 1))) fixed repeat-x;
+	background: linear-gradient(to bottom, rgba(255, 255 ,255, 1), rgba(208, 208, 208, 1)) fixed repeat-x;
 	background-size: auto;
 	word-wrap: break-word;
 	word-break: break-word;
@@ -108,16 +108,16 @@
 .message:not(.mention):not(.autoreply):not(.consecutive):not(.history):not(.x-hover)
 {
 	background:
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .625)), to(rgba(255, 255, 255, .375))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(240, 240, 240, 1))) 5px 0px no-repeat;
+		linear-gradient(to bottom, rgba(255, 255, 255, .625), rgba(255, 255, 255, .375)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(240, 240, 240, 1)) 5px 0px no-repeat;
 	background-size: 5px 100%, 100% 100%;
 }
 
 .message.mention:not(.consecutive):not(.history):not(.autoreply):not(.x-hover)
 {
 	background:
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .625)), to(rgba(255, 255, 255, .375))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .9)), to(rgba(240, 240, 240, .9))) 5px 0px no-repeat;
+		linear-gradient(to bottom, rgba(255, 255, 255, .625), rgba(255, 255, 255, .375)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(255, 255, 255, .9), rgba(240, 240, 240, .9)) 5px 0px no-repeat;
 	background-size: 5px 100%, 100% 100%;
 }
 
@@ -125,8 +125,8 @@
 {
 	color: rgba(244, 244, 244, 1) !important;
 	background:
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .625)), to(rgba(255, 255, 255, .375))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(64, 64, 64, 1))) 5px 0px no-repeat;
+		linear-gradient(to bottom, rgba(255, 255, 255, .625), rgba(255, 255, 255, .375)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(96, 96, 96, 1), rgba(64, 64, 64, 1)) 5px 0px no-repeat;
 	background-size: 5px 100%, 100% 100%;
 }
 
@@ -141,8 +141,8 @@
 .message.x-hover:not(.consecutive)
 {
 	background:
-		-webkit-gradient(linear, left top, left bottom, from(rgba(208, 208, 208, .75)), to(rgba(192, 192, 192, .75))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(208, 208, 208, 1)), to(rgba(192, 192, 192, 1))) 5px 0px no-repeat;
+		linear-gradient(to bottom, rgba(208, 208, 208, .75), rgba(192, 192, 192, .75)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(208, 208, 208, 1), rgba(192, 192, 192, 1)) 5px 0px no-repeat;
 	background-size: 5px 100%, 100% 100%;
 	box-shadow: 0px 1px 2px rgba(255, 255, 255, 1), 0px -1px 1px rgba(0, 0, 0, .4);
 }
@@ -156,7 +156,7 @@
 .event:not(.consecutive):not(.history)
 {
 	color: rgba(244, 244, 244, 1);
-	background: -webkit-gradient(linear, left top, left bottom, from(rgba(88, 88, 88, 1)), to(rgba(72, 72, 72, 1))) 0px 0px no-repeat;
+	background: linear-gradient(to bottom, rgba(88, 88, 88, 1), rgba(72, 72, 72, 1)) 0px 0px no-repeat;
 }
 
 .consecutive .x-sender
@@ -181,7 +181,7 @@
 {
 	display: inline;
 	padding: 4px;
-	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(240, 240, 240, 1)));
+	background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(240, 240, 240, 1));
 	border-radius: 5px;
 	z-index:101;
 	transition: all .4s linear;
@@ -204,7 +204,7 @@
 	right: 22px;
 	z-index: 102;
 	transition: all .4s linear;
-	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .5)), to(rgba(255, 255, 255, .5)));
+	background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5), rgba(255, 255, 255, .5));
 	-webkit-mask-box-image: url("../adiumy-mask.png");
 }
 
@@ -346,24 +346,24 @@
 {
 	padding-right: 0px;
 	background:
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .5)), to(rgba(255, 255, 255, .5))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) 5px 0px no-repeat;
+		linear-gradient(to bottom, rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(248, 248, 248, 1), rgba(248, 248, 248, 1)) 5px 0px no-repeat;
 	background-size: 5px 100%, 100% 100%;
 }
 
 .history.mention.message
 {
 	background:
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .5)), to(rgba(255, 255, 255, .5))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, .9)), to(rgba(248, 248, 248, .9))) 5px 0px no-repeat;
+		linear-gradient(to bottom, rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(248, 248, 248, .9), rgba(248, 248, 248, .9)) 5px 0px no-repeat;
 	background-size: 5px 100%, 100% 100%;
 }
 
 .history.message.x-hover:not(.consecutive)
 {
 	background:
-		-webkit-gradient(linear, left top, left bottom, from(rgba(200, 200, 200, .75)), to(rgba(200, 200, 200, .75))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(200, 200, 200, 1)), to(rgba(200, 200, 200, 1))) 5px 0px no-repeat;
+		linear-gradient(to bottom, rgba(200, 200, 200, .75), rgba(200, 200, 200, .75)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(200, 200, 200, 1), rgba(200, 200, 200, 1)) 5px 0px no-repeat;
 	background-size: 5px 100%, 100% 100%;
 }
 
@@ -383,7 +383,7 @@
 .history.event:not(.consecutive)
 {
 	color: rgba(244, 244, 244, 1);
-	background: -webkit-gradient(linear, left top, left bottom, from(rgba(112, 112, 112, 1)), to(rgba(112, 112, 112, 1)));
+	background: linear-gradient(to bottom, rgba(112, 112, 112, 1), rgba(112, 112, 112, 1));
 }
 
 .history.message .x-wrap
@@ -421,7 +421,7 @@
 	padding: 8px;
 	right: inherit !important;
 	height: 20px !important;
-	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(240, 240, 240, 1))) !important;
+	background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(240, 240, 240, 1)) !important;
 	box-shadow: 0px 2px 4px rgba(0, 0, 0, .4) !important;
 	background-size: auto !important;
 	vertical-align: bottom !important;
@@ -454,7 +454,7 @@
 
 #x-header img.serviceIcon
 {
-	top: -11px !important;
+	top: 0px !important;
 }
 
 #topic #x-wrap
diff -r 2ef6e51af85f -r 76f724f2f9a3 Resources/Message Styles/Smooth Operator.AdiumMessageStyle/Contents/Resources/Variants/Dark.css
--- a/Resources/Message Styles/Smooth Operator.AdiumMessageStyle/Contents/Resources/Variants/Dark.css	Sat Nov 02 10:20:25 2013 -0500
+++ b/Resources/Message Styles/Smooth Operator.AdiumMessageStyle/Contents/Resources/Variants/Dark.css	Sun Nov 03 14:14:20 2013 -0600
@@ -458,9 +458,9 @@
 	box-shadow: 0px 1px 1px rgba(0, 0, 0, .1), 0px 3px 3px rgba(0, 0, 0, .15);
 }
 
-.history:not(.consecutive)
+.history:not(.consecutive):not(:first-child)
 {
-	background-size: 100% 1px, 100% 1px, 100% 100%;
+	background-size: 100% 1px, 100% 1px, 100% 100% !important;
 }
 
 .history.message:not(.consecutive):not(.autoreply)
@@ -760,14 +760,18 @@
 	display: none !important;
 }
 
-#x-wrap.IRC .x-icon.x-incoming,
-#x-wrap.IRC .x-iconmask.x-incoming,
-#x-wrap.IRC .x-color.x-incoming
+#x-header #x-wrap.IRC .x-icon.x-incoming,
+#x-header #x-wrap.IRC .x-iconmask.x-incoming,
+#x-header #x-wrap.IRC .x-color.x-incoming,
+#x-topic #x-wrap.IRC .x-icon.x-incoming,
+#x-topic #x-wrap.IRC .x-iconmask.x-incoming,
+#x-topic #x-wrap.IRC .x-color.x-incoming
 {
 	display: inherit !important;
 }
 
-.x-toggle
+#x-header .x-toggle,
+#x-topic .x-toggle
 {
 	background:
 		linear-gradient(rgba(224, 224, 224, 1), rgba(208, 208, 208, 1) 40%, rgba(160, 160, 160, 1) 60%, rgba(128, 128, 128, 1)) 0px 0px no-repeat !important;
@@ -775,13 +779,15 @@
 	color: rgba(64, 64, 64, 1) !important;
 }
 
-.x-toggle:active
+#x-header .x-toggle:active,
+#x-topic .x-toggle:active
 {
 	background:
 		linear-gradient(rgba(208, 208, 208, 1), rgba(160, 160, 160, 1)) 0px 0px no-repeat !important;
 }
 
-#x-wrap.IRC .x-color.x-incoming
+#x-header #x-wrap.IRC .x-color.x-incoming,
+#x-topic #x-wrap.IRC .x-color.x-incoming
 {
 	position: fixed;
 	left: 8px;
diff -r 2ef6e51af85f -r 76f724f2f9a3 Resources/Message Styles/Smooth Operator.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time.css
--- a/Resources/Message Styles/Smooth Operator.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time.css	Sat Nov 02 10:20:25 2013 -0500
+++ b/Resources/Message Styles/Smooth Operator.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time.css	Sun Nov 03 14:14:20 2013 -0600
@@ -3,7 +3,7 @@
 body
 {
 	margin: 0px;
-	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255 ,255, 1)), to(rgba(208, 208, 208, 1))) fixed repeat-x;
+	background: linear-gradient(to bottom, rgba(255, 255 ,255, 1), rgba(208, 208, 208, 1)) fixed repeat-x;
 	background-size: auto;
 	word-wrap: break-word;
 	word-break: break-word;
@@ -125,8 +125,8 @@
 .message:not(.autoreply):not(.consecutive)
 {
 	background:
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .75)), to(rgba(255, 255, 255, .25))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(240, 240, 240, 1))) 37px 0px no-repeat;
+		linear-gradient(to bottom, rgba(255, 255, 255, .75), rgba(255, 255, 255, .25)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(240, 240, 240, 1)) 37px 0px no-repeat;
 	background-size: 37px 100%, 100% 100%;
 	border-top-left-radius: 5px;
 }
@@ -134,36 +134,36 @@
 .message.showIcons:not(.autoreply):not(.consecutive):not(.history):not(.x-hover):not(.IRC)
 {
 	background:
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(248, 248, 248, 1))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(240,240, 240, 1))) 0px 16px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .75)), to(rgba(255, 255, 255, .25))) 32px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .25)), to(rgba(255, 255, 255, .25))) 32px 32px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(248, 248, 248, 1))) 37px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(240, 240, 240, 1))) 37px 16px no-repeat;
+		linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(248, 248, 248, 1)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(248, 248, 248, 1), rgba(240,240, 240, 1)) 0px 16px no-repeat,
+		linear-gradient(to bottom, rgba(255, 255, 255, .75), rgba(255, 255, 255, .25)) 32px 0px no-repeat,
+		linear-gradient(to bottom, rgba(255, 255, 255, .25), rgba(255, 255, 255, .25)) 32px 32px no-repeat,
+		linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(248, 248, 248, 1)) 37px 0px no-repeat,
+		linear-gradient(to bottom, rgba(248, 248, 248, 1), rgba(240, 240, 240, 1)) 37px 16px no-repeat;
 	background-size: 32px 16px, 32px 100%, 5px 32px, 5px 100%, 100% 16px, 100% 100%;
 }
 
 .mention.message.showIcons:not(.autoreply):not(.consecutive):not(.history):not(.x-hover):not(.IRC)
 {
 	background:
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .9)), to(rgba(248, 248, 248, .9))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, .9)), to(rgba(240,240, 240, .9))) 0px 16px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .75)), to(rgba(255, 255, 255, .25))) 32px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .25)), to(rgba(255, 255, 255, .25))) 32px 32px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .9)), to(rgba(248, 248, 248, .9))) 37px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, .9)), to(rgba(240, 240, 240, .9))) 37px 16px no-repeat;
+		linear-gradient(to bottom, rgba(255, 255, 255, .9), rgba(248, 248, 248, .9)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(248, 248, 248, .9), rgba(240,240, 240, .9)) 0px 16px no-repeat,
+		linear-gradient(to bottom, rgba(255, 255, 255, .75), rgba(255, 255, 255, .25)) 32px 0px no-repeat,
+		linear-gradient(to bottom, rgba(255, 255, 255, .25), rgba(255, 255, 255, .25)) 32px 32px no-repeat,
+		linear-gradient(to bottom, rgba(255, 255, 255, .9), rgba(248, 248, 248, .9)) 37px 0px no-repeat,
+		linear-gradient(to bottom, rgba(248, 248, 248, .9), rgba(240, 240, 240, .9)) 37px 16px no-repeat;
 	background-size: 32px 16px, 32px 100%, 5px 32px, 5px 100%, 100% 16px, 100% 100%;
 }
 
 .message.autoreply:not(.history):not(.consecutive):not(.x-hover)
 {
 	background:
-		-webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(80, 80, 80, 1))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(80, 80, 80, 1)), to(rgba(64, 64, 64, 1))) 0px 16px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .625)), to(rgba(255, 255, 255, .25))) 32px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .25)), to(rgba(255, 255, 255, .25))) 32px 32px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(80, 80, 80, 1))) 37px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(80, 80, 80, 1)), to(rgba(64, 64, 64, 1))) 37px 16px no-repeat;
+		linear-gradient(to bottom, rgba(96, 96, 96, 1), rgba(80, 80, 80, 1)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(80, 80, 80, 1), rgba(64, 64, 64, 1)) 0px 16px no-repeat,
+		linear-gradient(to bottom, rgba(255, 255, 255, .625), rgba(255, 255, 255, .25)) 32px 0px no-repeat,
+		linear-gradient(to bottom, rgba(255, 255, 255, .25), rgba(255, 255, 255, .25)) 32px 32px no-repeat,
+		linear-gradient(to bottom, rgba(96, 96, 96, 1), rgba(80, 80, 80, 1)) 37px 0px no-repeat,
+		linear-gradient(to bottom, rgba(80, 80, 80, 1), rgba(64, 64, 64, 1)) 37px 16px no-repeat;
 	background-size: 32px 16px, 32px 100%, 5px 32px, 5px 100%, 100% 16px, 100% 100%;
 	box-shadow: 0px 2px 4px rgba(0, 0, 0, .4), 0px 0px 1px rgba(0, 0, 0, .4), 0px 0px 1px rgba(0, 0, 0, 1);
 }
@@ -172,10 +172,10 @@
 .message.hideIcons:not(.mention):not(.autoreply):not(.consecutive):not(.history):not(.x-hover)
 {
 	background:
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .75)), to(rgba(255, 255, 255, .25))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .25)), to(rgba(255, 255, 255, .25))) 0px 32px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(248, 248, 248, 1))) 5px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(240, 240, 240, 1))) 5px 16px no-repeat;
+		linear-gradient(to bottom, rgba(255, 255, 255, .75), rgba(255, 255, 255, .25)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(255, 255, 255, .25), rgba(255, 255, 255, .25)) 0px 32px no-repeat,
+		linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(248, 248, 248, 1)) 5px 0px no-repeat,
+		linear-gradient(to bottom, rgba(248, 248, 248, 1), rgba(240, 240, 240, 1)) 5px 16px no-repeat;
 	background-size: 5px 32px, 5px 100%, 100% 16px, 100% 100%;
 }
 
@@ -183,10 +183,10 @@
 .message.hideIcons.mention:not(.autoreply):not(.consecutive):not(.history):not(.x-hover)
 {
 	background:
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .75)), to(rgba(255, 255, 255, .25))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .25)), to(rgba(255, 255, 255, .25))) 0px 32px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .9)), to(rgba(248, 248, 248, .9))) 5px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, .9)), to(rgba(240, 240, 240, .9))) 5px 16px no-repeat;
+		linear-gradient(to bottom, rgba(255, 255, 255, .75), rgba(255, 255, 255, .25)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(255, 255, 255, .25), rgba(255, 255, 255, .25)) 0px 32px no-repeat,
+		linear-gradient(to bottom, rgba(255, 255, 255, .9), rgba(248, 248, 248, .9)) 5px 0px no-repeat,
+		linear-gradient(to bottom, rgba(248, 248, 248, .9), rgba(240, 240, 240, .9)) 5px 16px no-repeat;
 	background-size: 5px 32px, 5px 100%, 100% 16px, 100% 100%;
 }
 
@@ -194,10 +194,10 @@
 .message.hideIcons.autoreply:not(.history):not(.consecutive):not(.x-hover)
 {
 	background:
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .625)), to(rgba(255, 255, 255, .25))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .25)), to(rgba(255, 255, 255, .25))) 0px 32px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(80, 80, 80, 1))) 5px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(80, 80, 80, 1)), to(rgba(64, 64, 64, 1))) 5px 16px no-repeat;
+		linear-gradient(to bottom, rgba(255, 255, 255, .625), rgba(255, 255, 255, .25)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(255, 255, 255, .25), rgba(255, 255, 255, .25)) 0px 32px no-repeat,
+		linear-gradient(to bottom, rgba(96, 96, 96, 1), rgba(80, 80, 80, 1)) 5px 0px no-repeat,
+		linear-gradient(to bottom, rgba(80, 80, 80, 1), rgba(64, 64, 64, 1)) 5px 16px no-repeat;
 	background-size: 5px 32px, 5px 100%, 100% 16px, 100% 100%;
 	box-shadow: 0px 2px 4px rgba(0, 0, 0, .4), 0px 0px 1px rgba(0, 0, 0, .4), 0px 0px 1px rgba(0, 0, 0, 1);
 }
@@ -205,9 +205,9 @@
 .message.showIcons.x-hover:not(.consecutive):not(.history):not(.IRC)
 {
 	background:
-		-webkit-gradient(linear, left top, left bottom, from(rgba(208, 208, 208, 1)), to(rgba(192, 192, 192, 1))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(208, 208, 208, .75)), to(rgba(192, 192, 192, .75))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(208, 208, 208, 1)), to(rgba(192, 192, 192, 1))) 37px 0px no-repeat;
+		linear-gradient(to bottom, rgba(208, 208, 208, 1), rgba(192, 192, 192, 1)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(208, 208, 208, .75), rgba(192, 192, 192, .75)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(208, 208, 208, 1), rgba(192, 192, 192, 1)) 37px 0px no-repeat;
 	background-size: 32px 100%, 37px 100%, 100% 100%;
 	box-shadow: 0px 2px 4px rgba(255, 255, 255, 1), 0px -1px 1px rgba(0, 0, 0, .4);
 }
@@ -217,8 +217,8 @@
 {
 	box-shadow: 0px 2px 4px rgba(255, 255, 255, 1), 0px -1px 1px rgba(0, 0, 0, .4);
 	background:
-		-webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .75)), to(rgba(192, 192, 192, .75))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(208, 208, 208, 1)), to(rgba(192, 192, 192, 1))) 5px 0px no-repeat;
+		linear-gradient(to bottom, rgba(192, 192, 192, .75), rgba(192, 192, 192, .75)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(208, 208, 208, 1), rgba(192, 192, 192, 1)) 5px 0px no-repeat;
 	background-size: 5px 100%, 100% 100%;
 }
 
@@ -232,8 +232,8 @@
 {
 	color: rgba(244, 244, 244, 1);
 	background:
-		-webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(80, 80, 80, 1))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(80, 80, 80, 1)), to(rgba(64, 64, 64, 1))) 0px 16px no-repeat;
+		linear-gradient(to bottom, rgba(96, 96, 96, 1), rgba(80, 80, 80, 1)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(80, 80, 80, 1), rgba(64, 64, 64, 1)) 0px 16px no-repeat;
 	background-size: 100% 16px, 100% 100%;
 }
 
@@ -270,8 +270,8 @@
 	width: 32px;
 	height: 32px;
 	background:
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .625)), to(rgba(255, 255, 255, 0))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0))) 0px 16px no-repeat;
+		linear-gradient(to bottom, rgba(255, 255, 255, .625), rgba(255, 255, 255, 0)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)) 0px 16px no-repeat;
 	background-size: 32px 16px, 32px 100%;
 	position: absolute;
 	z-index: 4;
@@ -281,13 +281,13 @@
 
 .autoreply.message:not(.x-hover) .x-iconmask
 {
-	background: -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .625)), to(rgba(64, 64, 64, .25))) 0px 0px no-repeat;
+	background: linear-gradient(to bottom, rgba(192, 192, 192, .625), rgba(64, 64, 64, .25)) 0px 0px no-repeat;
 	background-size: 32px 16px;
 }
 
 .x-hover.message .x-iconmask
 {
-	background: -webkit-gradient(linear, left top, left bottom, from(rgba(208, 208, 208, .625)), to(rgba(192, 192, 192, .625))) 0px 0px no-repeat;
+	background: linear-gradient(to bottom, rgba(208, 208, 208, .625), rgba(192, 192, 192, .625)) 0px 0px no-repeat;
 	background-size: 32px 32px;
 }
 
@@ -461,7 +461,7 @@
 .history.event:not(.consecutive)
 {
 	color: rgba(244, 244, 244, 1);
-	background: -webkit-gradient(linear, left top, left bottom, from(rgba(112, 112, 112, 1)), to(rgba(112, 112, 112, 1))) 0px 0px no-repeat;
+	background: linear-gradient(to bottom, rgba(112, 112, 112, 1), rgba(112, 112, 112, 1)) 0px 0px no-repeat;
 }
 
 .history.status:first-child,
@@ -474,24 +474,24 @@
 .history.message:not(.consecutive):not(.x-hover)
 {
 	background:
-		-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, .5)), to(rgba(248, 248, 248, .5))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) 5px 0px no-repeat;
+		linear-gradient(to bottom, rgba(248, 248, 248, .5), rgba(248, 248, 248, .5)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(248, 248, 248, 1), rgba(248, 248, 248, 1)) 5px 0px no-repeat;
 	background-size: 5px 100%, 100% 100%;
 }
 
 .history.mention.message:not(.consecutive):not(.x-hover)
 {
 	background:
-		-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, .5)), to(rgba(248, 248, 248, .5))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, .9)), to(rgba(248, 248, 248, .9))) 5px 0px no-repeat;
+		linear-gradient(to bottom, rgba(248, 248, 248, .5), rgba(248, 248, 248, .5)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(248, 248, 248, .9), rgba(248, 248, 248, .9)) 5px 0px no-repeat;
 	background-size: 5px 100%, 100% 100%;
 }
 
 .history.message.x-hover:not(.consecutive)
 {
 	background:
-		-webkit-gradient(linear, left top, left bottom, from(rgba(200, 200, 200, .75)), to(rgba(200, 200, 200, .75))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(200, 200, 200, 1)), to(rgba(200, 200, 200, 1))) 5px 0px no-repeat;
+		linear-gradient(to bottom, rgba(200, 200, 200, .75), rgba(200, 200, 200, .75)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(200, 200, 200, 1), rgba(200, 200, 200, 1)) 5px 0px no-repeat;
 	background-size: 5px 100%, 100% 100%;
 	box-shadow: 0px 2px 4px rgba(255, 255, 255, 1), 0px -1px 1px rgba(0, 0, 0, .4);
 }
diff -r 2ef6e51af85f -r 76f724f2f9a3 Resources/Message Styles/Smooth Operator.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css
--- a/Resources/Message Styles/Smooth Operator.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css	Sat Nov 02 10:20:25 2013 -0500
+++ b/Resources/Message Styles/Smooth Operator.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css	Sun Nov 03 14:14:20 2013 -0600
@@ -3,7 +3,7 @@
 body
 {
 	margin: 0px;
-	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255 ,255, 1)), to(rgba(208, 208, 208, 1))) fixed repeat-x;
+	background: linear-gradient(to bottom, rgba(255, 255 ,255, 1), rgba(208, 208, 208, 1)) fixed repeat-x;
 	background-size: auto;
 	word-wrap: break-word;
 	word-break: break-word;
@@ -125,36 +125,36 @@
 .message:not(.autoreply):not(.consecutive):not(.x-hover):not(.history)
 {
 	background:
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(248, 248, 248, 1))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(240,240, 240, 1))) 0px 16px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .75)), to(rgba(255, 255, 255, .25))) 48px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .25)), to(rgba(255, 255, 255, .25))) 48px 32px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(248, 248, 248, 1))) 53px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(240, 240, 240, 1))) 53px 16px no-repeat;
+		linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(248, 248, 248, 1)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(248, 248, 248, 1), rgba(240,240, 240, 1)) 0px 16px no-repeat,
+		linear-gradient(to bottom, rgba(255, 255, 255, .75), rgba(255, 255, 255, .25)) 48px 0px no-repeat,
+		linear-gradient(to bottom, rgba(255, 255, 255, .25), rgba(255, 255, 255, .25)) 48px 32px no-repeat,
+		linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(248, 248, 248, 1)) 53px 0px no-repeat,
+		linear-gradient(to bottom, rgba(248, 248, 248, 1), rgba(240, 240, 240, 1)) 53px 16px no-repeat;
 	background-size: 48px 16px, 48px 100%, 5px 32px, 5px 100%, 100% 16px, 100% 100%;
 }
 
 .mention.message:not(.autoreply):not(.consecutive):not(.x-hover):not(.history)
 {
 	background:
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .9)), to(rgba(248, 248, 248, .9))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, .9)), to(rgba(240,240, 240, .9))) 0px 16px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .75)), to(rgba(255, 255, 255, .25))) 48px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .25)), to(rgba(255, 255, 255, .25))) 48px 32px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .9)), to(rgba(248, 248, 248, .9))) 53px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, .9)), to(rgba(240, 240, 240, .9))) 53px 16px no-repeat;
+		linear-gradient(to bottom, rgba(255, 255, 255, .9), rgba(248, 248, 248, .9)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(248, 248, 248, .9), rgba(240,240, 240, .9)) 0px 16px no-repeat,
+		linear-gradient(to bottom, rgba(255, 255, 255, .75), rgba(255, 255, 255, .25)) 48px 0px no-repeat,
+		linear-gradient(to bottom, rgba(255, 255, 255, .25), rgba(255, 255, 255, .25)) 48px 32px no-repeat,
+		linear-gradient(to bottom, rgba(255, 255, 255, .9), rgba(248, 248, 248, .9)) 53px 0px no-repeat,
+		linear-gradient(to bottom, rgba(248, 248, 248, .9), rgba(240, 240, 240, .9)) 53px 16px no-repeat;
 	background-size: 48px 16px, 48px 100%, 5px 32px, 5px 100%, 100% 16px, 100% 100%;
 }
 
 .message.autoreply:not(.consecutive):not(.x-hover):not(.history)
 {
 	background:
-		-webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(80, 80, 80, 1))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(80, 80, 80, 1)), to(rgba(64, 64, 64, 1))) 0px 16px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .625)), to(rgba(255, 255, 255, .25))) 48px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .25)), to(rgba(255, 255, 255, .25))) 48px 32px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(80, 80, 80, 1))) 53px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(80, 80, 80, 1)), to(rgba(64, 64, 64, 1))) 53px 16px no-repeat;
+		linear-gradient(to bottom, rgba(96, 96, 96, 1), rgba(80, 80, 80, 1)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(80, 80, 80, 1), rgba(64, 64, 64, 1)) 0px 16px no-repeat,
+		linear-gradient(to bottom, rgba(255, 255, 255, .625), rgba(255, 255, 255, .25)) 48px 0px no-repeat,
+		linear-gradient(to bottom, rgba(255, 255, 255, .25), rgba(255, 255, 255, .25)) 48px 32px no-repeat,
+		linear-gradient(to bottom, rgba(96, 96, 96, 1), rgba(80, 80, 80, 1)) 53px 0px no-repeat,
+		linear-gradient(to bottom, rgba(80, 80, 80, 1), rgba(64, 64, 64, 1)) 53px 16px no-repeat;
 	background-size: 48px 16px, 48px 100%, 5px 32px, 5px 100%, 100% 16px, 100% 100%;
 	box-shadow: 0px 2px 4px rgba(0, 0, 0, .4), 0px 0px 1px rgba(0, 0, 0, .4), 0px 0px 1px rgba(0, 0, 0, 1);
 }
@@ -162,9 +162,9 @@
 .message.x-hover:not(.consecutive):not(.history)
 {
 	background:
-		-webkit-gradient(linear, left top, left bottom, from(rgba(208, 208, 208, 1)), to(rgba(192, 192, 192, 1))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(208, 208, 208, .75)), to(rgba(192, 192, 192, .75))) 48px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(208, 208, 208, 1)), to(rgba(192, 192, 192, 1))) 53px 0px no-repeat;
+		linear-gradient(to bottom, rgba(208, 208, 208, 1), rgba(192, 192, 192, 1)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(208, 208, 208, .75), rgba(192, 192, 192, .75)) 48px 0px no-repeat,
+		linear-gradient(to bottom, rgba(208, 208, 208, 1), rgba(192, 192, 192, 1)) 53px 0px no-repeat;
 	background-size: 48px 100%, 5px 100%, 100% 100%;
 	box-shadow: 0px 2px 4px rgba(255, 255, 255, 1), 0px -1px 1px rgba(0, 0, 0, .4);
 }
@@ -179,8 +179,8 @@
 {
 	color: rgba(244, 244, 244, 1);
 	background:
-		-webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(80, 80, 80, 1))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(80, 80, 80, 1)), to(rgba(64, 64, 64, 1))) 0px 16px no-repeat;
+		linear-gradient(to bottom, rgba(96, 96, 96, 1), rgba(80, 80, 80, 1)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(80, 80, 80, 1), rgba(64, 64, 64, 1)) 0px 16px no-repeat;
 	background-size: 100% 16px, 100% 100%;
 }
 
@@ -210,8 +210,8 @@
 	height: 32px;
 	width: 32px;
 	background:
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .625)), to(rgba(255, 255, 255, 0))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0))) 0px 16px no-repeat;
+		linear-gradient(to bottom, rgba(255, 255, 255, .625), rgba(255, 255, 255, 0)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)) 0px 16px no-repeat;
 	background-size: 32px 16px, 32px 100%;
 	position: absolute;
 	right: 18px;
@@ -222,13 +222,13 @@
 
 .autoreply.message:not(.x-hover) .x-iconmask
 {
-	background: -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .625)), to(rgba(64, 64, 64, .25))) 0px 0px no-repeat;
+	background: linear-gradient(to bottom, rgba(192, 192, 192, .625), rgba(64, 64, 64, .25)) 0px 0px no-repeat;
 	background-size: 32px 16px;
 }
 
 .x-hover.message .x-iconmask
 {
-	background: -webkit-gradient(linear, left top, left bottom, from(rgba(208, 208, 208, .625)), to(rgba(192, 192, 192, .625))) 0px 0px no-repeat;
+	background: linear-gradient(to bottom, rgba(208, 208, 208, .625), rgba(192, 192, 192, .625)) 0px 0px no-repeat;
 	background-size: 32px 32px;
 }
 
@@ -403,7 +403,7 @@
 .history.event:not(.consecutive)
 {
 	color: rgba(244, 244, 244, 1);
-	background: -webkit-gradient(linear, left top, left bottom, from(rgba(112, 112, 112, 1)), to(rgba(112, 112, 112, 1))) 0px 0px no-repeat;
+	background: linear-gradient(to bottom, rgba(112, 112, 112, 1), rgba(112, 112, 112, 1)) 0px 0px no-repeat;
 }
 
 .history.x-hover + .history.x-hover
@@ -436,27 +436,27 @@
 .history.message:not(.consecutive)
 {
 	background:
-		-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, .5)), to(rgba(248, 248, 248, .5))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) 53px 0px no-repeat;
+		linear-gradient(to bottom, rgba(248, 248, 248, 1), rgba(248, 248, 248, 1)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(248, 248, 248, .5), rgba(248, 248, 248, .5)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(248, 248, 248, 1), rgba(248, 248, 248, 1)) 53px 0px no-repeat;
 	background-size: 48px 100%, 53px 100%, 100% 100%;
 }
 
 .history.mention.message:not(.consecutive)
 {
 	background:
-		-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, .9)), to(rgba(248, 248, 248, .9))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, .5)), to(rgba(248, 248, 248, .5))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, .9)), to(rgba(248, 248, 248, .9))) 53px 0px no-repeat;
+		linear-gradient(to bottom, rgba(248, 248, 248, .9), rgba(248, 248, 248, .9)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(248, 248, 248, .5), rgba(248, 248, 248, .5)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(248, 248, 248, .9), rgba(248, 248, 248, .9)) 53px 0px no-repeat;
 	background-size: 48px 100%, 53px 100%, 100% 100%;
 }
 
 .history.message.x-hover:not(.consecutive)
 {
 	background:
-		-webkit-gradient(linear, left top, left bottom, from(rgba(200, 200, 200, 1)), to(rgba(200, 200, 200, 1))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(200, 200, 200, .75)), to(rgba(200, 200, 200, .75))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(200, 200, 200, 1)), to(rgba(200, 200, 200, 1))) 53px 0px no-repeat;
+		linear-gradient(to bottom, rgba(200, 200, 200, 1), rgba(200, 200, 200, 1)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(200, 200, 200, .75), rgba(200, 200, 200, .75)) 0px 0px no-repeat,
+		linear-gradient(to bottom, rgba(200, 200, 200, 1), rgba(200, 200, 200, 1)) 53px 0px no-repeat;
 	background-size: 48px 100%, 53px 100%, 100% 100%;
 }
 




More information about the commits mailing list