xtras/mathuaerknedam 95:524d5a055308: Refinements to iconmasks a...
commits at adium.im
commits at adium.im
Wed Jul 29 16:45:26 UTC 2009
details: http://hg.adium.im/xtras/mathuaerknedam/rev/524d5a055308
revision: 95:524d5a055308
author: mathuaerknedam
date: Wed Jul 29 11:47:18 2009 -0500
Refinements to iconmasks and sendercolor masks
diffs (285 lines):
diff -r f14b99a308f7 -r 524d5a055308 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html Tue Jul 28 21:47:33 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html Wed Jul 29 11:47:18 2009 -0500
@@ -7,7 +7,7 @@
</title>
<style type="text/css">
- @import url( "./Variants/icon-time2.css" );
+ @import url( "./Variants/Classic.css" );
body
{
diff -r f14b99a308f7 -r 524d5a055308 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css Tue Jul 28 21:47:33 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css Wed Jul 29 11:47:18 2009 -0500
@@ -117,7 +117,7 @@
{
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(192, 192, 192, .75)), to(rgba(192, 192, 192, .25))) 48px 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-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%;
@@ -186,17 +186,11 @@
-webkit-border-top-right-radius: 0px;
}
-.autoreply.message img.x-icon
-{
- //opacity: .75;
-}
-
.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-box-shadow: 0px 2px 4px rgba(255, 255, 255, 1), 0px -1px 1px rgba(0, 0, 0, .4);
-webkit-background-size: 100% 100%;
- //opacity: .5;
}
.message .x-iconmask
@@ -220,18 +214,18 @@
left: 12px;
}
+.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;
+ -webkit-background-size: 28px 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;
-webkit-background-size: 28px 28px;
}
-.autoreply.message .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;
- -webkit-background-size: 28px 16px;
-}
-
img[src*="buddy_icon.png"],
.message.hideIcons img.x-icon,
.IRC.message img.x-icon,
@@ -444,7 +438,7 @@
{
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(192, 192, 192, .625)), to(rgba(192, 192, 192, .625))) 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);
}
diff -r f14b99a308f7 -r 524d5a055308 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Compact.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Compact.css Tue Jul 28 21:47:33 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Compact.css Wed Jul 29 11:47:18 2009 -0500
@@ -94,7 +94,7 @@
-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(192, 192, 192, .625)), to(rgba(192, 192, 192, .375))) 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-background-size: 100% 100%;
}
@@ -281,7 +281,7 @@
{
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(192, 192, 192, .625)), to(rgba(192, 192, 192, .625))) 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;
}
.history.message.consecutive
diff -r f14b99a308f7 -r 524d5a055308 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time1.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time1.css Tue Jul 28 21:47:33 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time1.css Wed Jul 29 11:47:18 2009 -0500
@@ -149,7 +149,7 @@
{
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(192, 192, 192, .75)), to(rgba(192, 192, 192, .25))) 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-box-shadow: 0px 2px 4px rgba(255, 255, 255, 1), 0px -1px 1px rgba(0, 0, 0, .4);
@@ -212,7 +212,7 @@
.message img.x-icon
{
width: 32px;
- max-height: 32px;
+ height: 32px;
position: absolute;
left: 8px;
z-index: 3;
@@ -222,27 +222,22 @@
.message .x-iconmask
{
+ width: 32px;
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;
-webkit-background-size: 32px 16px, 32px 100%;
position: absolute;
- //left: 8px;
z-index: 4;
margin-top: -2px;
-webkit-border-top-left-radius: 5px;
}
-.autoreply.message .x-iconmask
+.autoreply.message:not(.x-hover) .x-iconmask
{
- //background: -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .625)), to(rgba(192, 192, 192, 0)));
- background:
- -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .625)), to(rgba(192, 192, 192, 0))) 0px 0px no-repeat,
- -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 0)), to(rgba(192, 192, 192, 0))) 0px 16px no-repeat;
- -webkit-background-size: 32px 16px, 32px 100%;
+ background: -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .625)), to(rgba(64, 64, 64, .25))) 0px 0px no-repeat;
+ -webkit-background-size: 32px 16px;
}
.x-hover.message .x-iconmask
@@ -251,12 +246,6 @@
-webkit-background-size: 32px 32px;
}
-.autoreply.message .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;
- -webkit-background-size: 32px 16px;
-}
-
.message img.x-icon[src*="buddy_icon.png"],
.message.hideIcons img.x-icon,
.IRC.message img.x-icon,
@@ -478,7 +467,7 @@
{
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(192, 192, 192, .625)), to(rgba(192, 192, 192, .625))) 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-background-size: 100% 100%;
-webkit-box-shadow: 0px 2px 4px rgba(255, 255, 255, 1), 0px -1px 1px rgba(0, 0, 0, .4);
}
diff -r f14b99a308f7 -r 524d5a055308 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time2.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time2.css Tue Jul 28 21:47:33 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time2.css Wed Jul 29 11:47:18 2009 -0500
@@ -143,7 +143,7 @@
.message.x-hover:not(.consecutive)
{
background:
- -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .75)), to(rgba(192, 192, 192, .25))) 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))) 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);
@@ -194,8 +194,8 @@
.message img.x-icon
{
- max-width: 32px;
- max-height: 32px;
+ height: 32px;
+ width: 32px;
position: absolute;
left: 13px;
z-index: 3;
@@ -217,13 +217,10 @@
margin-top: -2px;
}
-.autoreply.message .x-iconmask
+.autoreply.message:not(.x-hover) .x-iconmask
{
- //background: -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .625)), to(rgba(192, 192, 192, 0)));
- background:
- -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .625)), to(rgba(192, 192, 192, 0))) 0px 0px no-repeat,
- -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 0)), to(rgba(192, 192, 192, 0))) 0px 16px no-repeat;
- -webkit-background-size: 32px 16px, 32px 100%;
+ background: -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .625)), to(rgba(64, 64, 64, .25))) 0px 0px no-repeat;
+ -webkit-background-size: 32px 16px;
}
.x-hover.message .x-iconmask
@@ -232,12 +229,6 @@
-webkit-background-size: 32px 32px;
}
-.autoreply.message .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;
- -webkit-background-size: 32px 16px;
-}
-
.message img.x-icon[src*="buddy_icon.png"],
.message.hideIcons img.x-icon,
.IRC.message img.x-icon,
@@ -466,7 +457,7 @@
{
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(192, 192, 192, .625)), to(rgba(192, 192, 192, .625))) 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-background-size: 100% 100%;
-webkit-box-shadow: 0px 2px 4px rgba(255, 255, 255, 1), 0px -1px 1px rgba(0, 0, 0, .4);
}
diff -r f14b99a308f7 -r 524d5a055308 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css Tue Jul 28 21:47:33 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css Wed Jul 29 11:47:18 2009 -0500
@@ -119,7 +119,7 @@
{
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(192, 192, 192, .75)), to(rgba(192, 192, 192, .25))) 48px 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-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%;
@@ -179,13 +179,10 @@
-webkit-border-top-right-radius: 5px;
}
-.autoreply.message .x-iconmask
+.autoreply.message:not(.x-hover) .x-iconmask
{
- //background: -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .625)), to(rgba(192, 192, 192, 0)));
- background:
- -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .625)), to(rgba(192, 192, 192, 0))) 0px 0px no-repeat,
- -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 0)), to(rgba(192, 192, 192, 0))) 0px 16px no-repeat;
- -webkit-background-size: 32px 16px, 32px 100%;
+ background: -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .625)), to(rgba(64, 64, 64, .25))) 0px 0px no-repeat;
+ -webkit-background-size: 32px 16px;
}
.x-hover.message .x-iconmask
@@ -194,12 +191,6 @@
-webkit-background-size: 32px 32px;
}
-.autoreply.message .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;
- -webkit-background-size: 32px 16px;
-}
-
img[src*="buddy_icon.png"],
.IRC.message img.x-icon,
.consecutive.message img.x-icon,
@@ -427,7 +418,7 @@
{
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(192, 192, 192, .625)), to(rgba(192, 192, 192, .625))) 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);
}
More information about the commits
mailing list