xtras/mathuaerknedam 203:4b1cca6b9653: SO3: Since I can use mult...
commits at adium.im
commits at adium.im
Mon Nov 9 18:45:46 UTC 2009
details: http://hg.adium.im/xtras/mathuaerknedam/rev/4b1cca6b9653
revision: 203:4b1cca6b9653
author: mathuaerknedam
date: Mon Nov 09 12:45:34 2009 -0600
SO3: Since I can use multiple background sizes in addition to multiple backgrounds, order them all left to right so that it's easier to understand. Also, explicitly size each background when there are multiples. While I'm at it, remove a bunch of commented backgrounds.
diffs (355 lines):
diff -r f06f1004db94 -r 4b1cca6b9653 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css Mon Nov 09 11:11:34 2009 -0600
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css Mon Nov 09 12:45:34 2009 -0600
@@ -122,13 +122,6 @@
.mention.message:not(.autoreply):not(.x-hover):not(.consecutive):not(.history)
{
- //background:
- -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 224, 1)), to(rgba(248, 248, 216, 1))) 0px 0px no-repeat,
- -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 216, 1)), to(rgba(240,240, 208, 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, 224, 1)), to(rgba(248, 248, 216, 1))) 53px 0px no-repeat,
- -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 216, 1)), to(rgba(240, 240, 208, 1))) 53px 16px no-repeat;
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,
@@ -171,7 +164,6 @@
.event:not(.consecutive)
{
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;
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;
@@ -228,12 +220,6 @@
.mention.message img.x-icon
{
- //background:
- -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 224, 1)), to(rgba(248, 248, 216, 1))) 0px 0px no-repeat,
- -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 216, 1)), to(rgba(240,240, 208, 1))) 0px 16px no-repeat;
- //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;
background: none;
-webkit-background-size: 100% 16px, 100% 100%;
}
@@ -261,8 +247,8 @@
.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)));
+ -webkit-background-size: 100% 100%;
-webkit-box-shadow: 0px 2px 4px rgba(255, 255, 255, 1), 0px -1px 1px rgba(0, 0, 0, .4);
- -webkit-background-size: 100% 100%;
}
.message .x-iconmask
@@ -516,7 +502,7 @@
-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;
- -webkit-background-size: 48px 100%;
+ -webkit-background-size: 48px 100%, 53px 100%, 100% 100%;
}
.history.mention.message:not(.consecutive)
@@ -525,7 +511,7 @@
-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;
- -webkit-background-size: 48px 100%;
+ -webkit-background-size: 48px 100%, 53px 100%, 100% 100%;
}
.history.message.x-hover:not(.consecutive)
@@ -534,6 +520,7 @@
-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;
+ -webkit-background-size: 48px 100%, 53px 100%, 100% 100%;
-webkit-box-shadow: 0px 2px 4px rgba(255, 255, 255, 1), 0px -1px 1px rgba(0, 0, 0, .4);
}
diff -r f06f1004db94 -r 4b1cca6b9653 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Classic.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Classic.css Mon Nov 09 11:11:34 2009 -0600
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Classic.css Mon Nov 09 12:45:34 2009 -0600
@@ -387,7 +387,6 @@
margin-top: -2px;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .25)), to(rgba(255, 255, 255, .25)));
-webkit-mask-box-image: url(../adiumy-mask.png);
- //background-image: url(../billeyes.png);
}
.message
diff -r f06f1004db94 -r 4b1cca6b9653 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Compact.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Compact.css Mon Nov 09 11:11:34 2009 -0600
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Compact.css Mon Nov 09 12:45:34 2009 -0600
@@ -72,23 +72,26 @@
.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, 1)), to(rgba(240, 240, 240, 1))) 5px 0px no-repeat,
- -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, .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;
+ -webkit-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, .8)), to(rgba(240, 240, 240, .8))) 5px 0px no-repeat,
- -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, .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;
+ -webkit-background-size: 5px 100%, 100% 100%;
}
.message.autoreply:not(.mention):not(.consecutive):not(.history):not(.x-hover)
{
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))) 5px 0px no-repeat,
- -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, .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;
+ -webkit-background-size: 5px 100%, 100% 100%;
}
.message.consecutive:not(.mention):not(.autoreply):not(.history):not(.x-hover)
@@ -101,11 +104,11 @@
.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;
+ -webkit-background-size: 5px 100%, 100% 100%;
-webkit-box-shadow: 0px 1px 2px rgba(255, 255, 255, 1), 0px -1px 1px rgba(0, 0, 0, .4);
- background:
- -webkit-gradient(linear, left top, left bottom, from(rgba(208, 208, 208, 1)), to(rgba(192, 192, 192, 1))) 5px 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-background-size: 100% 100%;
}
.consecutive.message
@@ -301,22 +304,25 @@
{
padding-right: 0px;
background:
- -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) 5px 0px no-repeat,
- -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(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;
+ -webkit-background-size: 5px 100%, 100% 100%;
}
.history.mention.message
{
background:
- -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, .9)), to(rgba(248, 248, 248, .9))) 5px 0px no-repeat,
- -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(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;
+ -webkit-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, 1)), to(rgba(200, 200, 200, 1))) 5px 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, .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;
+ -webkit-background-size: 5px 100%, 100% 100%;
}
.history.message.consecutive
diff -r f06f1004db94 -r 4b1cca6b9653 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time1.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time1.css Mon Nov 09 11:11:34 2009 -0600
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time1.css Mon Nov 09 12:45:34 2009 -0600
@@ -93,6 +93,7 @@
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;
+ -webkit-background-size: 37px 100%, 100% 100%;
-webkit-border-top-left-radius: 5px;
}
@@ -173,7 +174,7 @@
-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;
- -webkit-background-size: 32px 100%;
+ -webkit-background-size: 32px 100%, 37px 100%, 100% 100%;
-webkit-box-shadow: 0px 2px 4px rgba(255, 255, 255, 1), 0px -1px 1px rgba(0, 0, 0, .4);
}
@@ -196,10 +197,6 @@
.event:not(.consecutive):not(.history)
{
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-box-shadow: 0px 2px 2px rgba(0, 0, 0, .5);
- -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, .4), 0px 0px 1px rgba(0, 0, 0, .4);
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;
@@ -476,6 +473,7 @@
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;
+ -webkit-background-size: 5px 100%, 100% 100%;
}
.history.mention.message:not(.consecutive):not(.x-hover)
@@ -483,6 +481,7 @@
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;
+ -webkit-background-size: 5px 100%, 100% 100%;
}
.history.message.x-hover:not(.consecutive)
@@ -490,6 +489,7 @@
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;
+ -webkit-background-size: 5px 100%, 100% 100%;
-webkit-box-shadow: 0px 2px 4px rgba(255, 255, 255, 1), 0px -1px 1px rgba(0, 0, 0, .4);
}
diff -r f06f1004db94 -r 4b1cca6b9653 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time2.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time2.css Mon Nov 09 11:11:34 2009 -0600
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time2.css Mon Nov 09 12:45:34 2009 -0600
@@ -97,6 +97,7 @@
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;
+ -webkit-background-size: 37px 100%, 100% 100%;
-webkit-border-top-left-radius: 5px;
}
@@ -182,8 +183,6 @@
.event:not(.consecutive):not(.history)
{
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-box-shadow: 0px 2px 2px rgba(0, 0, 0, .5);
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;
@@ -230,7 +229,6 @@
{
height: 32px;
width: 32px;
- //background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .5)), to(rgba(255, 255, 255, 0)));
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;
@@ -485,6 +483,7 @@
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;
+ -webkit-background-size: 5px 100%, 100% 100%;
}
.history.mention.message:not(.consecutive):not(.x-hover)
@@ -492,14 +491,15 @@
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;
+ -webkit-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, 1)), to(rgba(200, 200, 200, 1))) 5px 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-background-size: 100% 100%;
+ -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;
+ -webkit-background-size: 5px 100%, 100% 100%;
-webkit-box-shadow: 0px 2px 4px rgba(255, 255, 255, 1), 0px -1px 1px rgba(0, 0, 0, .4);
}
diff -r f06f1004db94 -r 4b1cca6b9653 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css Mon Nov 09 11:11:34 2009 -0600
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css Mon Nov 09 12:45:34 2009 -0600
@@ -90,7 +90,6 @@
.message:not(.consecutive)
{
color: rgba(64, 64, 64, 1);
- -webkit-background-size: 48px 100%;
}
.message:not(.autoreply):not(.consecutive):not(.x-hover):not(.history)
@@ -136,8 +135,8 @@
-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;
+ -webkit-background-size: 48px 100%, 5px 100%, 100% 100%;
-webkit-box-shadow: 0px 2px 4px rgba(255, 255, 255, 1), 0px -1px 1px rgba(0, 0, 0, .4);
- -webkit-background-size: 48px 100%, 5px 100%, 100% 100%;
}
.message.consecutive
@@ -149,8 +148,6 @@
.event:not(.consecutive):not(.history)
{
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-box-shadow: 0px 2px 2px rgba(0, 0, 0, .5);
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;
@@ -182,7 +179,6 @@
{
height: 32px;
width: 32px;
- //background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .5)), to(rgba(255, 255, 255, 0)));
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;
@@ -421,7 +417,7 @@
-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;
- -webkit-background-size: 48px 100%;
+ -webkit-background-size: 48px 100%, 53px 100%, 100% 100%;
}
.history.mention.message:not(.consecutive)
@@ -430,7 +426,7 @@
-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;
- -webkit-background-size: 48px 100%;
+ -webkit-background-size: 48px 100%, 53px 100%, 100% 100%;
}
.history.message.x-hover:not(.consecutive)
@@ -439,7 +435,7 @@
-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;
- -webkit-box-shadow: 0px 2px 4px rgba(255, 255, 255, 1), 0px -1px 1px rgba(0, 0, 0, .4);
+ -webkit-background-size: 48px 100%, 53px 100%, 100% 100%;
}
.history.message .x-wrap
diff -r f06f1004db94 -r 4b1cca6b9653 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/todo.txt
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/todo.txt Mon Nov 09 11:11:34 2009 -0600
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/todo.txt Mon Nov 09 12:45:34 2009 -0600
@@ -4,7 +4,6 @@
Other
# compact history needs some way to distinguish sender from text besides bold. If the first word is bold, it's hard to tell. For example, in IRC, I've seen "Cappuccino trac: Ticket #119..." where "Cappuccino trac" is bold.
- !# multiple backgrounds and multiple background sizes should be reordered from left to right
History
?# Selecting the last item fails. WHY!? (Selecting the first item succeeds.)
More information about the commits
mailing list