[Adium-commits] xtras/mathuaerknedam 8:fa994be5f2a8: Banish grey gradient from s...

adium-commits at adiumx.com adium-commits at adiumx.com
Thu Apr 23 03:22:33 UTC 2009


details:	http://hg.adiumx.com/xtras/mathuaerknedam/rev/fa994be5f2a8
revision:	8:fa994be5f2a8
author:		mathuaerknedam
date:		Wed Apr 22 22:22:15 2009 -0500

Banish grey gradient from status. Many small tweaks and much cleanup.

diffstat:

 SO3e.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html |    2 +-
 SO3e.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css |   57 +--
 SO3e.AdiumMessageStyle/Contents/Resources/Variants/Compact.css     |    4 +-
 SO3e.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time1.css  |  119 ++++++---
 SO3e.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time2.css  |  112 +++++---
 SO3e.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css   |   87 ++++--
 6 files changed, 224 insertions(+), 157 deletions(-)

diffs (802 lines):

diff -r 30217a78f146 -r fa994be5f2a8 SO3e.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html
--- a/SO3e.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html	Wed Apr 22 16:22:21 2009 -0500
+++ b/SO3e.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html	Wed Apr 22 22:22:15 2009 -0500
@@ -7,7 +7,7 @@
 	</title>
 
 	<style type="text/css">
-		@import url( "./Variants/classic.css" );
+		@import url( "./Variants/time-icon.css" );
 
 		body
 		{
diff -r 30217a78f146 -r fa994be5f2a8 SO3e.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css
--- a/SO3e.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css	Wed Apr 22 16:22:21 2009 -0500
+++ b/SO3e.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css	Wed Apr 22 22:22:15 2009 -0500
@@ -41,8 +41,8 @@
 .event:not(.consecutive)
 {
 	margin-top: 10px;
-	margin-right: 44px;
-	margin-left: 44px;
+	margin-right: 42px;
+	margin-left: 42px;
 	-webkit-border-radius: 5px;
 	-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, .4), 0px 0px 1px rgba(0, 0, 0, .4);
 }
@@ -127,23 +127,7 @@
 	padding-top: 2px;
 	padding-bottom: 2px;
 	color: rgba(244, 244, 244, 1);
-	//background: -webkit-gradient(linear, left top, left bottom, from(rgba(80, 80, 80, 1)), to(rgba(64, 64, 64, 1)));
-	background:
-		-webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(64, 64, 64, 1))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(64, 64, 64, 1))) 53px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(64, 64, 64, 1)), to(rgba(32, 32, 32, 1))) 0px 0px no-repeat;
-	-webkit-background-size: 48px 100%;
-}
-
-.status.history:not(.consecutive),
-.event.history:not(.consecutive)
-{
-	color: rgba(244, 244, 244, 1);
-	background:
-		-webkit-gradient(linear, left top, left bottom, from(rgba(128, 128, 128, 1)), to(rgba(96, 96, 96, 1))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(128, 128, 128, 1)), to(rgba(96, 96, 96, 1))) 53px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(64, 64, 64, 1))) 0px 0px no-repeat;
-	-webkit-background-size: 48px 100%;
+	background: -webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(64, 64, 64, 1))) 0px 0px no-repeat;
 }
 
 .event.notification:before
@@ -211,7 +195,7 @@
 {
 	display: block;
 	margin-left: 48px;
-	padding-left: 7px;
+	padding-left: 8px;
 	padding-right: 10px;
 	padding-bottom: 3px;
 	//border-left: 1px solid rgba(112, 112, 112, 1);
@@ -222,7 +206,7 @@
 {
 	display: block;
 	margin-left: 48px;
-	padding-left: 7px;
+	padding-left: 8px;
 	padding-right: 10px;
 	padding-bottom: 1px;
 	//border-left: 1px solid rgba(112, 112, 112, 1);
@@ -253,21 +237,20 @@
 	//background: -webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(64, 64, 64, 1)));
 	background:
 		-webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(64, 64, 64, 1))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(64, 64, 64, 1))) 53px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(64, 64, 64, 1)), to(rgba(32, 32, 32, 1))) 0px 0px no-repeat;
+		-webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(64, 64, 64, 1))) 53px 0px no-repeat;
 	-webkit-background-size: 48px 100%;
 	-webkit-border-top-left-radius: 5px;
 	margin-top: -2px;
 	margin-bottom: 2px;
 	margin-right: -10px;
-	margin-left: -55px;
-	padding-left: 55px;
+	margin-left: -56px;
+	padding-left: 56px;
 }
 
 .t-time
 {
 	position: absolute;
-	left: 56px;
+	left: 54px;
 	margin-top: 1px;
 	font-size: .9em;
 	width: 40px;
@@ -282,10 +265,16 @@
 	color: rgba(128, 128, 128, 1);
 }
 
+.status .t-time,
+.event .t-time
+{
+	color: rgba(168, 168, 168, 1);
+}
+
 .t-mark
 {
 	position: absolute;
-	left: 99px;
+	left: 97px;
 }
 
 .message .t-mark
@@ -296,8 +285,7 @@
 .status .t-mark,
 .event .t-mark
 {
-	//color: rgba(128, 128, 128, 1);
-	color: rgba(255, 255, 255, .8);
+	color: rgba(120, 120, 120, 1);
 }
 
 img.emoticon
@@ -358,10 +346,11 @@
 	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .3);
 }
 
-.status.history:not(.consecutive),
-.event.history:not(.consecutive)
+.history.status:not(.consecutive),
+.history.event:not(.consecutive)
 {
-	//background: -webkit-gradient(linear, left top, left bottom, from(rgba(128, 128, 128, 1)), to(rgba(96, 96, 96, 1))) 0px 0px no-repeat;
+	color: rgba(244, 244, 244, 1);
+	background: -webkit-gradient(linear, left top, left bottom, from(rgba(128, 128, 128, 1)), to(rgba(96, 96, 96, 1))) 0px 0px no-repeat;
 }
 
 .history.message:not(.consecutive)
@@ -405,11 +394,11 @@
 
 .history.event .t-time
 {
-	//color: rgba(208, 208, 208, 1);
+	color: rgba(216, 216, 216, 1);
 }
 
 .history.event .t-mark
 {
-	//color: rgba(184, 184, 184, .8);
+	color: rgba(152, 152, 152, 1);
 }
 
diff -r 30217a78f146 -r fa994be5f2a8 SO3e.AdiumMessageStyle/Contents/Resources/Variants/Compact.css
--- a/SO3e.AdiumMessageStyle/Contents/Resources/Variants/Compact.css	Wed Apr 22 16:22:21 2009 -0500
+++ b/SO3e.AdiumMessageStyle/Contents/Resources/Variants/Compact.css	Wed Apr 22 22:22:15 2009 -0500
@@ -137,7 +137,7 @@
 {
 	display: block;
 	margin-left: 5px;
-	padding-left: 2px;
+	padding-left: 3px;
 	padding-right: 5px;
 }
 
@@ -146,7 +146,7 @@
 {
 	display: block;
 	margin-left: 5px;
-	padding-left: 2px;
+	padding-left: 3px;
 	padding-right: 5px;
 }
 
diff -r 30217a78f146 -r fa994be5f2a8 SO3e.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time1.css
--- a/SO3e.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time1.css	Wed Apr 22 16:22:21 2009 -0500
+++ b/SO3e.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time1.css	Wed Apr 22 22:22:15 2009 -0500
@@ -39,8 +39,16 @@
 .status:not(.consecutive),
 .event:not(.consecutive)
 {
+	margin-right: 10px;
+}
+
+.message:not(.consecutive):not(.history),
+.status:not(.consecutive):not(.history),
+.event:not(.consecutive):not(.history)
+{
 	margin-top: 8px;
-	margin-right: 10px;
+	padding-top: 2px;
+	padding-bottom: 2px;
 	-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, .4), 0px 0px 1px rgba(0, 0, 0, .4);
 	-webkit-border-radius: 5px;
 	-webkit-border-bottom-left-radius: 0px;
@@ -50,29 +58,13 @@
 {
 	position: absolute;
 	right: 5px;
-	//margin-top: 1px;
 	content: "\2605";
 	color: rgba(64, 64, 64, 1);
 	text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
 }
 
-.event.notification:before
-{
-	position: absolute;
-	right: 5px;
-	//content: "\25c4";
-	//content: "\262f";
-	content: "\2665";
-	//content: "\2716";
-	//content: "\25cf";
-	color: rgba(64, 64, 64, 1);
-	text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
-}
-
 .message:not(.consecutive):not(.history)
 {
-	padding-top: 2px;
-	padding-bottom: 2px;
 	-webkit-border-bottom-right-radius: 5px;
 	-webkit-border-top-right-radius: 5px;
 	-webkit-border-top-left-radius: 5px;
@@ -154,11 +146,9 @@
 	background: none !important;
 }
 
-.status:not(.consecutive),
-.event:not(.consecutive)
+.status:not(.consecutive):not(.history),
+.event:not(.consecutive):not(.history)
 {
-	padding-top: 2px;
-	padding-bottom: 2px;
 	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)));
 	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, .5);
@@ -185,6 +175,19 @@
 	//margin-left: 0px;
 }
 
+.event.notification:before
+{
+	position: absolute;
+	right: 5px;
+	//content: "\25c4";
+	//content: "\262f";
+	content: "\2665";
+	//content: "\2716";
+	//content: "\25cf";
+	color: rgba(64, 64, 64, 1);
+	text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
+}
+
 .t-color
 {
 	display: none;
@@ -226,7 +229,7 @@
 {
 	display: block;
 	margin-left: 37px;
-	padding-left: 4px;
+	padding-left: 3px;
 	padding-right: 5px;
 	padding-bottom: 1px;
 	//border-left: 1px solid rgba(216, 216, 216, 1);
@@ -237,7 +240,7 @@
 {
 	display: block;
 	margin-left: 5px;
-	padding-left: 4px;
+	padding-left: 3px;
 	padding-right: 5px;
 	padding-bottom: 1px;
 	//border-left: 1px solid rgba(216, 216, 216, 1);
@@ -260,14 +263,17 @@
 .message.autoreply:not(.history) .t-sender
 {
 	color: rgba(244, 244, 244, 1) !important;
-	background: -webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(64, 64, 64, 1)));
+	background:
+		-webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(64, 64, 64, 1))) 0px 0px no-repeat,
+		-webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(64, 64, 64, 1))) 37px 0px no-repeat;
+	-webkit-background-size: 32px 100%;
 	-webkit-border-top-left-radius: 5px;
 	-webkit-border-top-right-radius: 5px;
 	margin-top: -2px;
 	margin-right: -5px;
 	margin-bottom: 2px;
-	margin-left: -41px;
-	padding-left: 41px;
+	margin-left: -40px;
+	padding-left: 40px;
 }
 
 .message[ico*="buddy_icon.png"].autoreply:not(.history) .t-sender,
@@ -281,14 +287,22 @@
 .t-time
 {
 	float: right;
-	//width: 80px;
-	//text-align: right;
 	padding-left: 10px;
-	color: rgba(184, 184, 184, 1);
 	font-size: .9em;
 	margin-top: 1px;
 }
 
+.message .t-time
+{
+	color: rgba(184, 184, 184, 1);
+}
+
+.status .t-time,
+.event .t-time
+{
+	color: rgba(168, 168, 168, 1);
+}
+
 .t-mark
 {
 	position: absolute;
@@ -372,6 +386,13 @@
 	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .3);
 }
 
+.history.status:not(.consecutive),
+.history.event:not(.consecutive)
+{
+	color: rgba(244, 244, 244, 1);
+	background: -webkit-gradient(linear, left top, left bottom, from(rgba(128, 128, 128, 1)), to(rgba(96, 96, 96, 1))) 0px 0px no-repeat;
+}
+
 .history.event
 {
 	text-align: right !important;
@@ -381,7 +402,8 @@
 {
 	content: "Message History \25BE";
 	float: left;
-	margin-left: 9px;
+	margin-left: 8px;
+	margin-top: 1px;
 }
 
 .history.event:first-child
@@ -390,13 +412,6 @@
 	-webkit-border-top-right-radius: 5px;
 }
 
-.history.event .t-message
-{
-	font-size: .9em;
-	text-shadow: 0px 1px 4px rgba(64, 64, 64, .5);
-	//padding-right: 4px;
-}
-
 .history.message:not(.consecutive)
 {
 	background:
@@ -413,13 +428,6 @@
 	-webkit-box-shadow: 0px 2px 4px rgba(255, 255, 255, 1), 0px -1px 1px rgba(0, 0, 0, .4);
 }
 
-.history.status:not(.consecutive),
-.history.event:not(.consecutive)
-{
-	color: rgba(244, 244, 244, 1);
-	background: -webkit-gradient(linear, left top, left bottom, from(rgba(128, 128, 128, 1)), to(rgba(96, 96, 96, 1))) 0px 0px no-repeat;
-}
-
 .history.message .t-wrap
 {
 	margin-left: 5px;
@@ -431,6 +439,12 @@
 	text-shadow: 0px 1px 4px rgba(64, 64, 64, .5);
 }
 
+.history.event .t-wrap
+{
+	padding-top: 1px;
+	padding-bottom: 2px;
+}
+
 .history.message.consecutive .t-wrap
 {
 }
@@ -468,3 +482,20 @@
 	text-shadow: 0px 1px 4px rgba(184, 184, 184, .5);
 }
 
+.history.event .t-time
+{
+	color: rgba(216, 216, 216, 1);
+}
+
+.history.event .t-mark
+{
+	display: none;
+}
+
+.history.event .t-message
+{
+	font-size: .9em;
+	text-shadow: 0px 1px 4px rgba(64, 64, 64, .5);
+	//padding-right: 4px;
+}
+
diff -r 30217a78f146 -r fa994be5f2a8 SO3e.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time2.css
--- a/SO3e.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time2.css	Wed Apr 22 16:22:21 2009 -0500
+++ b/SO3e.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time2.css	Wed Apr 22 22:22:15 2009 -0500
@@ -39,8 +39,16 @@
 .status:not(.consecutive),
 .event:not(.consecutive)
 {
+	margin-right: 10px;
+}
+
+.message:not(.consecutive):not(.history),
+.status:not(.consecutive):not(.history),
+.event:not(.consecutive):not(.history)
+{
 	margin-top: 8px;
-	margin-right: 10px;
+	padding-top: 2px;
+	padding-bottom: 2px;
 	-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, .4), 0px 0px 1px rgba(0, 0, 0, .4);
 	-webkit-border-radius: 5px;
 	-webkit-border-bottom-left-radius: 0px;
@@ -55,23 +63,8 @@
 	text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
 }
 
-.event.notification:before
-{
-	position: absolute;
-	right: 5px;
-	//content: "\25c4";
-	//content: "\262f";
-	content: "\2665";
-	//content: "\2716";
-	//content: "\25cf";
-	color: rgba(64, 64, 64, 1);
-	text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
-}
-
 .message:not(.consecutive):not(.history)
 {
-	padding-top: 2px;
-	padding-bottom: 2px;
 	-webkit-border-bottom-right-radius: 5px;
 	-webkit-border-top-right-radius: 5px;
 	-webkit-border-top-left-radius: 5px;
@@ -108,7 +101,6 @@
 .IRC.message:not(.consecutive),
 .message[ico*="buddy_icon.png"]:not(.consecutive)
 {
-	//margin-left: 4px;
 	background:
 		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(240, 240, 240, 1))) 5px 0px no-repeat,
 		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .75)), to(rgba(255, 255, 255, .25))) 0px 0px no-repeat;
@@ -144,15 +136,11 @@
 	background: none !important;
 }
 
-.status:not(.consecutive),
-.event:not(.consecutive)
+.status:not(.consecutive):not(.history),
+.event:not(.consecutive):not(.history)
 {
-	padding-top: 2px;
-	padding-bottom: 2px;
 	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))) 5px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(64, 64, 64, 1)), to(rgba(32, 32, 32, 1))) 0px 0px no-repeat;
+	background: -webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(64, 64, 64, 1))) 0px 0px no-repeat;
 	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, .5);
 }
 
@@ -177,6 +165,19 @@
 	margin-left: 0px;
 }
 
+.event.notification:before
+{
+	position: absolute;
+	right: 5px;
+	//content: "\25c4";
+	//content: "\262f";
+	content: "\2665";
+	//content: "\2716";
+	//content: "\25cf";
+	color: rgba(64, 64, 64, 1);
+	text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
+}
+
 .t-color
 {
 	display: none;
@@ -266,14 +267,22 @@
 .t-time
 {
 	float: right;
-	//width: 80px;
-	//text-align: right;
 	padding-left: 10px;
-	color: rgba(184, 184, 184, 1);
 	font-size: .9em;
 	margin-top: 1px;
 }
 
+.message .t-time
+{
+	color: rgba(184, 184, 184, 1);
+}
+
+.status .t-time,
+.event .t-time
+{
+	color: rgba(168, 168, 168, 1);
+}
+
 .t-mark
 {
 	position: absolute;
@@ -357,16 +366,24 @@
 	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .3);
 }
 
+.history.status:not(.consecutive),
+.history.event:not(.consecutive)
+{
+	color: rgba(244, 244, 244, 1);
+	background: -webkit-gradient(linear, left top, left bottom, from(rgba(128, 128, 128, 1)), to(rgba(96, 96, 96, 1))) 0px 0px no-repeat;
+}
+
 .history.event
 {
 	text-align: right !important;
 }
 
-.event.history:first-child:before
+.history.event:first-child:before
 {
 	content: "Message History \25BE";
 	float: left;
 	margin-left: 8px;
+	margin-top: 1px;
 }
 
 .history.event:first-child
@@ -375,13 +392,6 @@
 	-webkit-border-top-right-radius: 5px;
 }
 
-.history.event .t-message
-{
-	font-size: .9em;
-	text-shadow: 0px 1px 4px rgba(64, 64, 64, .5);
-	//padding-right: 4px;
-}
-
 .history.message:not(.consecutive)
 {
 	background:
@@ -398,15 +408,6 @@
 	-webkit-box-shadow: 0px 2px 4px rgba(255, 255, 255, 1), 0px -1px 1px rgba(0, 0, 0, .4);
 }
 
-.history.status:not(.consecutive),
-.history.event:not(.consecutive)
-{
-	color: rgba(244, 244, 244, 1);
-	background:
-		-webkit-gradient(linear, left top, left bottom, from(rgba(128, 128, 128, 1)), to(rgba(96, 96, 96, 1))) 5px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(64, 64, 64, 1))) 0px 0px no-repeat;
-}
-
 .history.message .t-wrap
 {
 	margin-left: 5px;
@@ -418,6 +419,12 @@
 	text-shadow: 0px 1px 4px rgba(64, 64, 64, .5);
 }
 
+.history.event .t-wrap
+{
+	padding-top: 1px;
+	padding-bottom: 2px;
+}
+
 .history.message.consecutive .t-wrap
 {
 }
@@ -455,3 +462,20 @@
 	text-shadow: 0px 1px 4px rgba(184, 184, 184, .5);
 }
 
+.history.event .t-time
+{
+	color: rgba(216, 216, 216, 1);
+}
+
+.history.event .t-mark
+{
+	display: none;
+}
+
+.history.event .t-message
+{
+	font-size: .9em;
+	text-shadow: 0px 1px 4px rgba(64, 64, 64, .5);
+	//padding-right: 4px;
+}
+
diff -r 30217a78f146 -r fa994be5f2a8 SO3e.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css
--- a/SO3e.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css	Wed Apr 22 16:22:21 2009 -0500
+++ b/SO3e.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css	Wed Apr 22 22:22:15 2009 -0500
@@ -39,11 +39,19 @@
 .status:not(.consecutive),
 .event:not(.consecutive)
 {
+	margin-right: 10px;
+}
+
+.message:not(.consecutive):not(.history),
+.status:not(.consecutive):not(.history),
+.event:not(.consecutive):not(.history)
+{
 	margin-top: 8px;
-	margin-right: 10px;
+	padding-top: 2px;
+	padding-bottom: 2px;
 	-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, .4), 0px 0px 1px rgba(0, 0, 0, .4);
 	-webkit-border-radius: 5px;
-	-webkit-border-bottom-right-radius: 0px;
+	-webkit-border-bottom-left-radius: 0px;
 }
 
 .message.mention:before
@@ -57,8 +65,6 @@
 
 .message:not(.consecutive):not(.history)
 {
-	padding-top: 2px;
-	padding-bottom: 2px;
 	-webkit-border-bottom-right-radius: 5px;
 	-webkit-border-top-right-radius: 5px;
 	-webkit-border-top-left-radius: 5px;
@@ -110,30 +116,14 @@
 	background: none !important;
 }
 
-.status:not(.consecutive),
-.event:not(.consecutive)
+.status:not(.consecutive):not(.history),
+.event:not(.consecutive):not(.history)
 {
-	padding-top: 2px;
-	padding-bottom: 2px;
 	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))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(64, 64, 64, 1))) 53px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(64, 64, 64, 1)), to(rgba(32, 32, 32, 1))) 0px 0px no-repeat;
-	-webkit-background-size: 48px 100%;
+	background: -webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(64, 64, 64, 1))) 0px 0px no-repeat;
 	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, .5);
 }
 
-.status.history:not(.consecutive),
-.event.history:not(.consecutive)
-{
-	background:
-		-webkit-gradient(linear, left top, left bottom, from(rgba(128, 128, 128, 1)), to(rgba(96, 96, 96, 1))) 0px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(128, 128, 128, 1)), to(rgba(96, 96, 96, 1))) 53px 0px no-repeat,
-		-webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(64, 64, 64, 1))) 0px 0px no-repeat;
-	-webkit-background-size: 48px 100%;
-}
-
 .status.consecutive,
 .event.consecutive
 {
@@ -173,6 +163,12 @@
 	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.75, white), to(white));
 }
 
+.message.t-hover img.t-icon
+{
+	-webkit-mask-image: none;
+	opacity: .5;
+}
+
 img[src*="buddy_icon.png"],
 .IRC.message img.t-icon,
 .consecutive img.t-icon,
@@ -187,7 +183,7 @@
 {
 	display: block;
 	margin-left: 48px;
-	padding-left: 9px;
+	padding-left: 8px;
 	padding-right: 10px;
 	padding-bottom: 1px;
 	//border-left: 1px solid rgba(216, 216, 216, 1);
@@ -198,7 +194,7 @@
 {
 	display: block;
 	margin-left: 48px;
-	padding-left: 9px;
+	padding-left: 8px;
 	padding-right: 10px;
 	padding-bottom: 1px;
 	//border-left: 1px solid rgba(112, 112, 112, 1);
@@ -220,14 +216,17 @@
 .message.autoreply:not(.history) .t-sender
 {
 	color: rgba(244, 244, 244, 1) !important;
-	background: -webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(64, 64, 64, 1)));
+	background:
+		-webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(64, 64, 64, 1))) 0px 0px no-repeat,
+		-webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(64, 64, 64, 1))) 53px 0px no-repeat;
+	-webkit-background-size: 48px 100%;
 	-webkit-border-top-left-radius: 5px;
 	-webkit-border-top-right-radius: 5px;
 	margin-top: -2px;
 	margin-right: -10px;
 	margin-bottom: 2px;
-	padding-left: 57px;
-	margin-left: -57px;
+	padding-left: 56px;
+	margin-left: -56px;
 }
 
 .t-time
@@ -245,7 +244,13 @@
 
 .message .t-time
 {
-	color: rgba(128, 128, 128, 1);
+	color: rgba(152, 152, 152, 1);
+}
+
+.status .t-time,
+.event .t-time
+{
+	color: rgba(168, 168, 168, 1);
 }
 
 .t-mark
@@ -262,7 +267,7 @@
 .status .t-mark,
 .event .t-mark
 {
-	color: rgba(255, 255, 255, .8);
+	color: rgba(120, 120, 120, 1);
 }
 
 .status .t-message,
@@ -331,9 +336,11 @@
 	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .3);
 }
 
-.history.event
+.history.status:not(.consecutive),
+.history.event:not(.consecutive)
 {
-	//text-align: right !important;
+	color: rgba(244, 244, 244, 1);
+	background: -webkit-gradient(linear, left top, left bottom, from(rgba(128, 128, 128, 1)), to(rgba(96, 96, 96, 1))) 0px 0px no-repeat;
 }
 
 .history:last-of-type:after
@@ -375,6 +382,12 @@
 	text-shadow: 0px 1px 4px rgba(64, 64, 64, .5);
 }
 
+.history.event .t-wrap
+{
+	padding-top: 1px;
+	padding-bottom: 2px;
+}
+
 .history.message.consecutive .t-wrap
 {
 }
@@ -398,3 +411,13 @@
 	text-shadow: 0px 1px 4px rgba(184, 184, 184, .5);
 }
 
+.history.event .t-time
+{
+	color: rgba(216, 216, 216, 1);
+}
+
+.history.event .t-mark
+{
+	color: rgba(152, 152, 152, 1);
+}
+




More information about the commits mailing list