xtras/mathuaerknedam 328:6faa5da51996: Renkoo: fix mentions in '...

commits at adium.im commits at adium.im
Thu Feb 11 03:31:45 UTC 2010


details:	http://hg.adium.im/xtras/mathuaerknedam/rev/6faa5da51996
revision:	328:6faa5da51996
author:		mathuaerknedam
date:		Wed Feb 10 13:09:14 2010 -0600

Renkoo: fix mentions in 'on yellow' variants, fix vertical spacing of timestamps, tweak topic appearance when no topic is available, and provide special styling for first focus.
Subject: xtras/mathuaerknedam 329:9c51427407c3: Mockie: Topic tweaks.

details:	http://hg.adium.im/xtras/mathuaerknedam/rev/9c51427407c3
revision:	329:9c51427407c3
author:		mathuaerknedam
date:		Wed Feb 10 13:11:58 2010 -0600

Mockie: Topic tweaks.

diffs (404 lines):

diff -r f9172fc0fdb8 -r 9c51427407c3 Mockie ☿.AdiumMessageStyle/Contents/Resources/Topic.css
--- a/Mockie ☿.AdiumMessageStyle/Contents/Resources/Topic.css	Tue Feb 09 21:45:41 2010 -0600
+++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
@@ -1,1 +0,0 @@
-
diff -r f9172fc0fdb8 -r 9c51427407c3 Mockie ☿.AdiumMessageStyle/Contents/Resources/styles/basestyle.css
--- a/Mockie ☿.AdiumMessageStyle/Contents/Resources/styles/basestyle.css	Tue Feb 09 21:45:41 2010 -0600
+++ b/Mockie ☿.AdiumMessageStyle/Contents/Resources/styles/basestyle.css	Wed Feb 10 13:11:58 2010 -0600
@@ -26,7 +26,7 @@
 
 #topic[title=""] #topicEdit:after
 {
-	content: "< no topic set >";
+	content: "< no topic available >";
 }
 
 .x-incoming
@@ -293,7 +293,7 @@
 	font-size: 2em;
 	content: "FOCUS LOST HERE";
 	font-weight: bold;
-	z-index: 100;
+	z-index: 99;
 	white-space: nowrap;
 	overflow: hidden;
 }
diff -r f9172fc0fdb8 -r 9c51427407c3 Renkoo ☿.AdiumMessageStyle/Contents/Resources/Styles/Topic.css
--- a/Renkoo ☿.AdiumMessageStyle/Contents/Resources/Styles/Topic.css	Tue Feb 09 21:45:41 2010 -0600
+++ b/Renkoo ☿.AdiumMessageStyle/Contents/Resources/Styles/Topic.css	Wed Feb 10 13:11:58 2010 -0600
@@ -41,8 +41,8 @@
 	top: 6px;
 }
 
-#topic[title=""] #topicEdit:after
+#topic[title=""] #topicEdit
 {
-	/*background: #d5d5d5;*/
-	content: "< no topic set >";
+	background: #d5d5d5;
+	-webkit-border-radius: 4px;
 }
diff -r f9172fc0fdb8 -r 9c51427407c3 Renkoo ☿.AdiumMessageStyle/Contents/Resources/Styles/main.css
--- a/Renkoo ☿.AdiumMessageStyle/Contents/Resources/Styles/main.css	Tue Feb 09 21:45:41 2010 -0600
+++ b/Renkoo ☿.AdiumMessageStyle/Contents/Resources/Styles/main.css	Wed Feb 10 13:11:58 2010 -0600
@@ -47,7 +47,10 @@
 
 .x-message
 {
-	padding: 0 1em 0 1.25em;
+	padding-top: 2px;
+	padding-right: 1em;
+	padding-bottom: 0px;
+	padding-left: 1.25em;
 	word-wrap: break-word;
 }
 
@@ -79,7 +82,8 @@
 
 .x-tableBubble .x-timeStamp
 {
-	margin: 2px;
+	margin-bottom: 2px;
+	margin-right: 2px;
 	margin-left: 7px;
 	text-align: right;
 	float: right;
@@ -110,6 +114,18 @@
 	margin-top: 2px;
 }
 
+.firstFocus .x-timeStamp:before
+{
+	position: absolute;
+	right: 7px !important;
+	margin-top: -1px;
+	padding-left: 1px;
+	padding-right: 1px;
+	content: "\002b";
+	color: white;
+w	-webkit-box-shadow: -1px 1px 1px rgba(0, 0, 0, .1);
+}
+
 .focus .x-timeStamp:before
 {
 	position: absolute;
@@ -126,10 +142,10 @@
 	margin-bottom: 6px;
 }
 
-/*.mention + .mention
+.mention + .mention
 {
-	margin-top: 0px;
-}*/
+	margin-top: 10px;
+}
 
 .mention .x-avatar
 {
@@ -137,7 +153,7 @@
 	-webkit-box-shadow: -1px 1px 2px rgba(0, 0, 0, .2);
 }
 
-/*status*/
+/* status */
 
 .x-statusMessage
 {
@@ -196,8 +212,13 @@
 	color: #676767;
 }
 
+.x-statusMessage.firstFocus .x-timeStamp:before
+{
+	background: -webkit-gradient(linear, left top, left bottom, from(rgba(103, 103, 103, 1)), to(rgba(98, 98, 98, 1)));
+}
 
-/*incoming */
+
+/* incoming */
 
 .x-incomingItem .x-myBubble .x-indicator
 {
diff -r f9172fc0fdb8 -r 9c51427407c3 Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Blue on Green.css
--- a/Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Blue on Green.css	Tue Feb 09 21:45:41 2010 -0600
+++ b/Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Blue on Green.css	Wed Feb 10 13:11:58 2010 -0600
@@ -106,7 +106,8 @@
 	border-bottom: 1px solid #fff;
 }
 
-.mention
+.mention,
+.firstFocus .x-timeStamp:before
 {
 	background: -webkit-gradient(linear, left top, left bottom, from(rgba(158, 207, 53, 1)), to(rgba(153, 202, 48, 1)));
 }
diff -r f9172fc0fdb8 -r 9c51427407c3 Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Blue on Red.css
--- a/Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Blue on Red.css	Tue Feb 09 21:45:41 2010 -0600
+++ b/Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Blue on Red.css	Wed Feb 10 13:11:58 2010 -0600
@@ -106,7 +106,8 @@
 	border-bottom: 1px solid #fff;
 }
 
-.mention
+.mention,
+.firstFocus .x-timeStamp:before
 {
 	background: -webkit-gradient(linear, left top, left bottom, from(rgba(248, 143, 143, 1)), to(rgba(243, 138, 138, 1)));
 }
diff -r f9172fc0fdb8 -r 9c51427407c3 Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Blue on Steel.css
--- a/Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Blue on Steel.css	Tue Feb 09 21:45:41 2010 -0600
+++ b/Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Blue on Steel.css	Wed Feb 10 13:11:58 2010 -0600
@@ -106,7 +106,8 @@
 	border-bottom: 1px solid #fff;
 }
 
-.mention
+.mention,
+.firstFocus .x-timeStamp:before
 {
 	background: -webkit-gradient(linear, left top, left bottom, from(rgba(169, 169, 169, 1)), to(rgba(164, 164, 164, 1)));
 }
diff -r f9172fc0fdb8 -r 9c51427407c3 Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Blue on Yellow.css
--- a/Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Blue on Yellow.css	Tue Feb 09 21:45:41 2010 -0600
+++ b/Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Blue on Yellow.css	Wed Feb 10 13:11:58 2010 -0600
@@ -106,3 +106,14 @@
 	border-bottom: 1px solid #fff;
 }
 
+.mention,
+.firstFocus .x-timeStamp:before
+{
+	background: -webkit-gradient(linear, left top, left bottom, from(rgba(189, 180, 16, 1)), to(rgba(186, 175, 11, 1)));
+}
+
+.mention .x-avatar
+{
+	background: -webkit-gradient(linear, left top, left bottom, from(rgba(253, 253, 244, 1)), to(rgba(249, 248, 224, 1)));
+}
+
diff -r f9172fc0fdb8 -r 9c51427407c3 Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Green on Blue.css
--- a/Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Green on Blue.css	Tue Feb 09 21:45:41 2010 -0600
+++ b/Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Green on Blue.css	Wed Feb 10 13:11:58 2010 -0600
@@ -106,7 +106,8 @@
 	border-bottom: 1px solid #fff;
 }
 
-.mention
+.mention,
+.firstFocus .x-timeStamp:before
 {
 	background: -webkit-gradient(linear, left top, left bottom, from(rgba(127, 197, 248, 1)), to(rgba(122, 192, 243, 1)));
 }
diff -r f9172fc0fdb8 -r 9c51427407c3 Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Green on Red.css
--- a/Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Green on Red.css	Tue Feb 09 21:45:41 2010 -0600
+++ b/Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Green on Red.css	Wed Feb 10 13:11:58 2010 -0600
@@ -106,7 +106,8 @@
 	border-bottom: 1px solid #fff;
 }
 
-.mention
+.mention,
+.firstFocus .x-timeStamp:before
 {
 	background: -webkit-gradient(linear, left top, left bottom, from(rgba(248, 143, 143, 1)), to(rgba(243, 138, 138, 1)));
 }
diff -r f9172fc0fdb8 -r 9c51427407c3 Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Green on Steel.css
--- a/Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Green on Steel.css	Tue Feb 09 21:45:41 2010 -0600
+++ b/Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Green on Steel.css	Wed Feb 10 13:11:58 2010 -0600
@@ -106,7 +106,8 @@
 	border-bottom: 1px solid #fff;
 }
 
-.mention
+.mention,
+.firstFocus .x-timeStamp:before
 {
 	background: -webkit-gradient(linear, left top, left bottom, from(rgba(169, 169, 169, 1)), to(rgba(164, 164, 164, 1)));
 }
diff -r f9172fc0fdb8 -r 9c51427407c3 Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Green on Yellow.css
--- a/Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Green on Yellow.css	Tue Feb 09 21:45:41 2010 -0600
+++ b/Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Green on Yellow.css	Wed Feb 10 13:11:58 2010 -0600
@@ -106,3 +106,14 @@
 	border-bottom: 1px solid #fff;
 }
 
+.mention,
+.firstFocus .x-timeStamp:before
+{
+	background: -webkit-gradient(linear, left top, left bottom, from(rgba(189, 180, 16, 1)), to(rgba(186, 175, 11, 1)));
+}
+
+.mention .x-avatar
+{
+	background: -webkit-gradient(linear, left top, left bottom, from(rgba(253, 253, 244, 1)), to(rgba(249, 248, 224, 1)));
+}
+
diff -r f9172fc0fdb8 -r 9c51427407c3 Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Red on Blue.css
--- a/Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Red on Blue.css	Tue Feb 09 21:45:41 2010 -0600
+++ b/Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Red on Blue.css	Wed Feb 10 13:11:58 2010 -0600
@@ -106,7 +106,8 @@
 	background-color: #ddf0fe;
 	border-bottom: 1px solid #fff;
 }
-.mention
+.mention,
+.firstFocus .x-timeStamp:before
 {
 	background: -webkit-gradient(linear, left top, left bottom, from(rgba(127, 197, 248, 1)), to(rgba(122, 192, 243, 1)));
 }
diff -r f9172fc0fdb8 -r 9c51427407c3 Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Red on Green.css
--- a/Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Red on Green.css	Tue Feb 09 21:45:41 2010 -0600
+++ b/Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Red on Green.css	Wed Feb 10 13:11:58 2010 -0600
@@ -111,7 +111,8 @@
 	border-bottom: 1px solid #fff;
 }
 
-.mention
+.mention,
+.firstFocus .x-timeStamp:before
 {
 	background: -webkit-gradient(linear, left top, left bottom, from(rgba(158, 207, 53, 1)), to(rgba(153, 202, 48, 1)));
 }
diff -r f9172fc0fdb8 -r 9c51427407c3 Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Red on Steel.css
--- a/Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Red on Steel.css	Tue Feb 09 21:45:41 2010 -0600
+++ b/Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Red on Steel.css	Wed Feb 10 13:11:58 2010 -0600
@@ -108,7 +108,8 @@
 	border-bottom: 1px solid #fff;
 }
 
-.mention
+.mention,
+.firstFocus .x-timeStamp:before
 {
 	background: -webkit-gradient(linear, left top, left bottom, from(rgba(169, 169, 169, 1)), to(rgba(164, 164, 164, 1)));
 }
diff -r f9172fc0fdb8 -r 9c51427407c3 Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Red on Yellow.css
--- a/Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Red on Yellow.css	Tue Feb 09 21:45:41 2010 -0600
+++ b/Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Red on Yellow.css	Wed Feb 10 13:11:58 2010 -0600
@@ -107,3 +107,15 @@
 	background-color: #f4f0a7;
 	border-bottom: 1px solid #fff;
 }
+
+.mention,
+.firstFocus .x-timeStamp:before
+{
+	background: -webkit-gradient(linear, left top, left bottom, from(rgba(189, 180, 16, 1)), to(rgba(186, 175, 11, 1)));
+}
+
+.mention .x-avatar
+{
+	background: -webkit-gradient(linear, left top, left bottom, from(rgba(253, 253, 244, 1)), to(rgba(249, 248, 224, 1)));
+}
+
diff -r f9172fc0fdb8 -r 9c51427407c3 Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Steel on Blue.css
--- a/Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Steel on Blue.css	Tue Feb 09 21:45:41 2010 -0600
+++ b/Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Steel on Blue.css	Wed Feb 10 13:11:58 2010 -0600
@@ -107,7 +107,8 @@
 	border-bottom: 1px solid #fff;
 }
 
-.mention
+.mention,
+.firstFocus .x-timeStamp:before
 {
 	background: -webkit-gradient(linear, left top, left bottom, from(rgba(127, 197, 248, 1)), to(rgba(122, 192, 243, 1)));
 }
diff -r f9172fc0fdb8 -r 9c51427407c3 Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Steel on Green.css
--- a/Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Steel on Green.css	Tue Feb 09 21:45:41 2010 -0600
+++ b/Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Steel on Green.css	Wed Feb 10 13:11:58 2010 -0600
@@ -112,7 +112,8 @@
 	border-bottom: 1px solid #fff;
 }
 
-.mention
+.mention,
+.firstFocus .x-timeStamp:before
 {
 	background: -webkit-gradient(linear, left top, left bottom, from(rgba(158, 207, 53, 1)), to(rgba(153, 202, 48, 1)));
 }
diff -r f9172fc0fdb8 -r 9c51427407c3 Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Steel on Red.css
--- a/Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Steel on Red.css	Tue Feb 09 21:45:41 2010 -0600
+++ b/Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Steel on Red.css	Wed Feb 10 13:11:58 2010 -0600
@@ -105,7 +105,8 @@
 	background-color: #ffdada;
 	border-bottom: 1px solid #fff;
 }
-.mention
+.mention,
+.firstFocus .x-timeStamp:before
 {
 	background: -webkit-gradient(linear, left top, left bottom, from(rgba(248, 143, 143, 1)), to(rgba(243, 138, 138, 1)));
 }
diff -r f9172fc0fdb8 -r 9c51427407c3 Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Steel on Yellow.css
--- a/Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Steel on Yellow.css	Tue Feb 09 21:45:41 2010 -0600
+++ b/Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Steel on Yellow.css	Wed Feb 10 13:11:58 2010 -0600
@@ -107,3 +107,14 @@
 	border-bottom: 1px solid #fff;
 }
 
+.mention,
+.firstFocus .x-timeStamp:before
+{
+	background: -webkit-gradient(linear, left top, left bottom, from(rgba(189, 180, 16, 1)), to(rgba(186, 175, 11, 1)));
+}
+
+.mention .x-avatar
+{
+	background: -webkit-gradient(linear, left top, left bottom, from(rgba(253, 253, 244, 1)), to(rgba(249, 248, 224, 1)));
+}
+
diff -r f9172fc0fdb8 -r 9c51427407c3 Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Yellow on Blue.css
--- a/Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Yellow on Blue.css	Tue Feb 09 21:45:41 2010 -0600
+++ b/Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Yellow on Blue.css	Wed Feb 10 13:11:58 2010 -0600
@@ -106,7 +106,8 @@
 	border-bottom: 1px solid #fff;
 }
 
-.mention
+.mention,
+.firstFocus .x-timeStamp:before
 {
 	background: -webkit-gradient(linear, left top, left bottom, from(rgba(127, 197, 248, 1)), to(rgba(122, 192, 243, 1)));
 }
diff -r f9172fc0fdb8 -r 9c51427407c3 Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Yellow on Green.css
--- a/Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Yellow on Green.css	Tue Feb 09 21:45:41 2010 -0600
+++ b/Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Yellow on Green.css	Wed Feb 10 13:11:58 2010 -0600
@@ -111,7 +111,8 @@
 	border-bottom: 1px solid #fff;
 }
 
-.mention
+.mention,
+.firstFocus .x-timeStamp:before
 {
 	background: -webkit-gradient(linear, left top, left bottom, from(rgba(158, 207, 53, 1)), to(rgba(153, 202, 48, 1)));
 }
diff -r f9172fc0fdb8 -r 9c51427407c3 Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Yellow on Red.css
--- a/Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Yellow on Red.css	Tue Feb 09 21:45:41 2010 -0600
+++ b/Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Yellow on Red.css	Wed Feb 10 13:11:58 2010 -0600
@@ -106,7 +106,8 @@
 	border-bottom: 1px solid #fff;
 }
 
-.mention
+.mention,
+.firstFocus .x-timeStamp:before
 {
 	background: -webkit-gradient(linear, left top, left bottom, from(rgba(248, 143, 143, 1)), to(rgba(243, 138, 138, 1)));
 }
diff -r f9172fc0fdb8 -r 9c51427407c3 Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Yellow on Steel.css
--- a/Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Yellow on Steel.css	Tue Feb 09 21:45:41 2010 -0600
+++ b/Renkoo ☿.AdiumMessageStyle/Contents/Resources/Variants/Yellow on Steel.css	Wed Feb 10 13:11:58 2010 -0600
@@ -106,7 +106,8 @@
 	border-bottom: 1px solid #fff;
 }
 
-.mention
+.mention,
+.firstFocus .x-timeStamp:before
 {
 	background: -webkit-gradient(linear, left top, left bottom, from(rgba(169, 169, 169, 1)), to(rgba(164, 164, 164, 1)));
 }


More information about the commits mailing list