xtras/mathuaerknedam 77:1dff82dc3b63: Tweaks to status/event/aut...
commits at adium.im
commits at adium.im
Thu Jul 16 18:45:30 UTC 2009
details: http://hg.adium.im/xtras/mathuaerknedam/rev/1dff82dc3b63
revision: 77:1dff82dc3b63
author: mathuaerknedam
date: Thu Jul 16 13:44:38 2009 -0500
Tweaks to status/event/autoreply gradients to make them a bit more like the gradients used for normal messages.
Subject: xtras/mathuaerknedam 78:afd70d56fe02: misc changes to mockups and two images for testing with them
details: http://hg.adium.im/xtras/mathuaerknedam/rev/afd70d56fe02
revision: 78:afd70d56fe02
author: mathuaerknedam
date: Thu Jul 16 13:45:31 2009 -0500
misc changes to mockups and two images for testing with them
diffs (492 lines):
diff -r 3ac1306a8a21 -r afd70d56fe02 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html Thu Jul 16 09:24:38 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html Thu Jul 16 13:45:31 2009 -0500
@@ -3,11 +3,11 @@
<html>
<head>
<title>
- SO3 message style mockup
+ Smooth Operator message style mockup
</title>
<style type="text/css">
- @import url( "./Variants/Icon-Time1.css" );
+ @import url( "./Variants/Alternating.css" );
body
{
@@ -48,7 +48,7 @@
<div id="Chat" class="groupchat">
-<div class="history date_separator event SERVICE hideIcons">
+<div class="history date_separator event SERVICE showIcons">
<span class="x-wrap">
<span class="x-rtime" title="19 Apr 2004">12:45:48 </span>
<span class="x-ltime" title="19 Apr 2004">12:45:48 </span>
@@ -58,7 +58,7 @@
</div>
-<div class="history outgoing message SERVICE hideIcons TekJew" style="background-color: seagreen;">
+<div class="history outgoing message SERVICE showIcons TekJew" style="background-color: seagreen;">
<img class="x-icon" src="./outgoing_icon.png" />
<span class="x-iconmask" style="-webkit-mask-box-image: url(./outgoing_icon.png);"></span>
<span class="x-color" style="background-color: seagreen"></span>
@@ -71,7 +71,7 @@
</span>
</div>
-<div class="history incoming message SERVICE hideIcons fetchgreebledonx" style="background-color: blue;">
+<div class="history incoming message SERVICE showIcons fetchgreebledonx" style="background-color: blue;">
<img class="x-icon" src="./incoming_icon.png" />
<span class="x-iconmask" style="-webkit-mask-box-image: url(./incoming_icon.png);"></span>
<span class="x-color" style="background-color: blue"></span>
@@ -82,7 +82,7 @@
<span class="x-mark">‣</span>
<span class="x-message">I'mprettysureI'veheardthisonebefore.I'mprettysureI'veheardthisonebefore.I'mprettysureI'veheardthisonebefore.I'mprettysureI'veheardthisonebefore.I'mprettysureI'veheardthisonebefore.I'mprettysureI'veheardthisonebefore.I'mprettysureI'veheardthisonebefore.I'mprettysureI'veheardthisonebefore.I'mprettysureI'veheardthisonebefore.I'mprettysureI'veheardthisonebefore. </span>
</span>
- <div class="history consecutive incoming message SERVICE hideIcons fetchgreebledonx" style="background-color: blue;">
+ <div class="history consecutive incoming message SERVICE showIcons fetchgreebledonx" style="background-color: blue;">
<img class="x-icon" src="./incoming_icon.png" />
<span class="x-iconmask" style="-webkit-mask-box-image: url(./incoming_icon.png);"></span>
<span class="x-color" style="background-color: blue"></span>
@@ -96,7 +96,7 @@
</div>
</div>
-<div class="history outgoing message SERVICE hideIcons TekJew" style="background-color: seagreen;">
+<div class="history outgoing message SERVICE showIcons TekJew" style="background-color: seagreen;">
<img class="x-icon" src="./outgoing_icon.png" />
<span class="x-iconmask" style="-webkit-mask-box-image: url(./outgoing_icon.png);"></span>
<span class="x-color" style="background-color: seagreen"></span>
@@ -109,7 +109,7 @@
</span>
</div>
-<div class="history incoming message SERVICE hideIcons fetchgreebledonx" style="background-color: blue;">
+<div class="history incoming message SERVICE showIcons fetchgreebledonx" style="background-color: blue;">
<img class="x-icon" src="./incoming_icon.png" />
<span class="x-iconmask" style="-webkit-mask-box-image: url(./incoming_icon.png);"></span>
<span class="x-color" style="background-color: blue"></span>
@@ -120,7 +120,7 @@
<span class="x-mark">‣</span>
<span class="x-message">I'm pretty sure I've heard this one before. </span>
</span>
- <div class="history consecutive incoming message SERVICE hideIcons fetchgreebledonx" style="background-color: blue;">
+ <div class="history consecutive incoming message SERVICE showIcons fetchgreebledonx" style="background-color: blue;">
<img class="x-icon" src="./incoming_icon.png" />
<span class="x-iconmask" style="-webkit-mask-box-image: url(./incoming_icon.png);"></span>
<span class="x-color" style="background-color: blue"></span>
@@ -131,7 +131,7 @@
<span class="x-mark">‣</span>
<span class="x-message">So what happens next? </span>
</span>
- <div class="history consecutive incoming message SERVICE hideIcons fetchgreebledonx" style="background-color: blue;">
+ <div class="history consecutive incoming message SERVICE showIcons fetchgreebledonx" style="background-color: blue;">
<img class="x-icon" src="./incoming_icon.png" />
<span class="x-iconmask" style="-webkit-mask-box-image: url(./incoming_icon.png);"></span>
<span class="x-color" style="background-color: blue"></span>
@@ -146,7 +146,7 @@
</div>
</div>
-<div class="history incoming message SERVICE hideIcons fetchgreebledonx" style="background-color: blue;">
+<div class="history incoming message SERVICE showIcons fetchgreebledonx" style="background-color: blue;">
<img class="x-icon" src="./incoming_icon.png" />
<span class="x-iconmask" style="-webkit-mask-box-image: url(./incoming_icon.png);"></span>
<span class="x-color" style="background-color: blue"></span>
@@ -159,7 +159,7 @@
</span>
</div>
-<div class="history date_separator event SERVICE hideIcons">
+<div class="history date_separator event SERVICE showIcons">
<span class="x-wrap">
<span class="x-rtime" title="19 Apr 2004">12:45:48 </span>
<span class="x-ltime" title="19 Apr 2004">12:45:48 </span>
@@ -168,7 +168,7 @@
</span>
</div>
-<div class="history outgoing message SERVICE hideIcons TekJew" style="background-color: seagreen;">
+<div class="history outgoing message SERVICE showIcons TekJew" style="background-color: seagreen;">
<img class="x-icon" src="./outgoing_icon.png" />
<span class="x-iconmask" style="-webkit-mask-box-image: url(./outgoing_icon.png);"></span>
<span class="x-color" style="background-color: seagreen"></span>
@@ -181,7 +181,7 @@
</span>
</div>
-<div class="history incoming message SERVICE hideIcons fetchgreebledonx" style="background-color: blue;">
+<div class="history incoming message SERVICE showIcons fetchgreebledonx" style="background-color: blue;">
<img class="x-icon" src="./incoming_icon.png" />
<span class="x-iconmask" style="-webkit-mask-box-image: url(./incoming_icon.png);"></span>
<span class="x-color" style="background-color: blue"></span>
@@ -192,7 +192,7 @@
<span class="x-mark">‣</span>
<span class="x-message">I'm pretty sure I've heard this one before. </span>
</span>
- <div class="history consecutive incoming message SERVICE hideIcons fetchgreebledonx" style="background-color: blue;">
+ <div class="history consecutive incoming message SERVICE showIcons fetchgreebledonx" style="background-color: blue;">
<img class="x-icon" src="./incoming_icon.png" />
<span class="x-iconmask" style="-webkit-mask-box-image: url(./incoming_icon.png);"></span>
<span class="x-color" style="background-color: blue"></span>
@@ -207,7 +207,7 @@
</div>
<!--
-<div class="date_separator event SERVICE hideIcons">
+<div class="date_separator event SERVICE showIcons">
<span class="x-wrap">
<span class="x-rtime" title="19 Apr 2004">12:45:48 </span>
<span class="x-ltime" title="19 Apr 2004">12:45:48 </span>
@@ -217,7 +217,7 @@
</div>
--!>
-<div class="outgoing message SERVICE hideIcons TekJew" style="background-color: seagreen;">
+<div class="outgoing message SERVICE showIcons TekJew" style="background-color: seagreen;">
<img class="x-icon" src="./outgoing_icon.png" />
<span class="x-iconmask" style="-webkit-mask-box-image: url(./outgoing_icon.png);"></span>
<span class="x-color" style="background-color: seagreen"></span>
@@ -228,7 +228,7 @@
<span class="x-mark">‣</span>
<span class="x-message">|If I remember correctly, they explode outward at the speed of light. </span>
</span>
- <div class="consecutive outgoing message SERVICE hideIcons TekJew" style="background-color: seagreen;">
+ <div class="consecutive outgoing message SERVICE showIcons TekJew" style="background-color: seagreen;">
<img class="x-icon" src="./outgoing_icon.png" />
<span class="x-iconmask" style="-webkit-mask-box-image: url(./outgoing_icon.png);"></span>
<span class="x-color" style="background-color: seagreen"></span>
@@ -239,7 +239,7 @@
<span class="x-mark">‣</span>
<span class="x-message">But that might be if you cross the streams… </span>
</span>
- <div class="consecutive outgoing message SERVICE hideIcons TekJew" style="background-color: seagreen;">
+ <div class="consecutive outgoing message SERVICE showIcons TekJew" style="background-color: seagreen;">
<img class="x-icon" src="./outgoing_icon.png" />
<span class="x-iconmask" style="-webkit-mask-box-image: url(./outgoing_icon.png);"></span>
<span class="x-color" style="background-color: seagreen"></span>
@@ -254,9 +254,9 @@
</div>
</div>
-<div class="mention incoming message SERVICE hideIcons fetchgreebledonx" style="background-color: blue;">
- <img class="x-icon" src="./incoming_icon.png" />
- <span class="x-iconmask" style="-webkit-mask-box-image: url(./incoming_icon.png);"></span>
+<div class="mention incoming message SERVICE showIcons fetchgreebledonx" style="background-color: blue;">
+ <img class="x-icon" src="./incoming_icon_wide.png" />
+ <span class="x-iconmask" style="-webkit-mask-box-image: url(./incoming_icon_wide.png);"></span>
<span class="x-color" style="background-color: blue"></span>
<span class="x-wrap">
<span class="x-sender" title="fetchgreebledonx" >Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff </span>
@@ -267,9 +267,9 @@
</span>
</div>
-<div class="outgoing message SERVICE hideIcons TekJew" style="background-color: seagreen;">
- <img class="x-icon" src="./outgoing_icon.png" />
- <span class="x-iconmask" style="-webkit-mask-box-image: url(./outgoing_icon.png);"></span>
+<div class="outgoing message SERVICE showIcons TekJew" style="background-color: seagreen;">
+ <img class="x-icon" src="./outgoing_icon_tall.png" />
+ <span class="x-iconmask" style="-webkit-mask-box-image: url(./outgoing_icon_tall.png);"></span>
<span class="x-color" style="background-color: seagreen"></span>
<span class="x-wrap">
<span class="x-sender" title="TekJew">Evan </span>
@@ -280,7 +280,7 @@
</span>
</div>
-<div class="event notification SERVICE hideIcons">
+<div class="event notification SERVICE showIcons">
<span class="x-wrap">
<span class="x-rtime" title="19 Apr 2004">12:47:54 </span>
<span class="x-ltime" title="19 Apr 2004">12:47:54 </span>
@@ -289,14 +289,14 @@
</span>
</div>
-<div class="status away SERVICE hideIcons">
+<div class="status away SERVICE showIcons">
<span class="x-wrap">
<span class="x-rtime" title="19 Apr 2004">12:47:54 </span>
<span class="x-ltime" title="19 Apr 2004">12:47:54 </span>
<span class="x-mark">‣</span>
<span class="x-message">Jeff went away </span>
</span>
- <div class="consecutive status away_message SERVICE hideIcons">
+ <div class="consecutive status away_message SERVICE showIcons">
<span class="x-wrap">
<span class="x-rtime" title="19 Apr 2004">12:47:55 </span>
<span class="x-ltime" title="19 Apr 2004">12:47:55 </span>
@@ -306,7 +306,7 @@
</div>
</div>
-<div class="incoming autoreply message SERVICE hideIcons fetchgreebledonx" style="background-color: blue;">
+<div class="incoming autoreply message SERVICE showIcons fetchgreebledonx" style="background-color: blue;">
<img class="x-icon" src="incoming_icon.png" />
<span class="x-iconmask" style="-webkit-mask-box-image: url(./incoming_icon.png);"></span>
<span class="x-color" style="background-color: blue"></span>
@@ -319,9 +319,9 @@
</span>
</div>
-<div class="outgoing message SERVICE hideIcons TekJew" style="background-color: seagreen;">
- <img class="x-icon" src="./outgoing_icon.png" />
- <span class="x-iconmask" style="-webkit-mask-box-image: url(./outgoing_icon.png);"></span>
+<div class="outgoing message SERVICE showIcons TekJew" style="background-color: seagreen;" ico="buddy_icon.png">
+ <img class="x-icon" src="./buddy_icon.png" />
+ <span class="x-iconmask" style="-webkit-mask-box-image: url(./buddy_icon.png);"></span>
<span class="x-color" style="background-color: seagreen"></span>
<span class="x-wrap">
<span class="x-sender" title="TekJew">Evan </span>
diff -r 3ac1306a8a21 -r afd70d56fe02 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup.html
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup.html Thu Jul 16 09:24:38 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup.html Thu Jul 16 13:45:31 2009 -0500
@@ -3,7 +3,7 @@
<html>
<head>
<title>
- SO3 message style mockup
+ Smooth Operator message style mockup
</title>
<style type="text/css">
diff -r 3ac1306a8a21 -r afd70d56fe02 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css Thu Jul 16 09:24:38 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css Thu Jul 16 13:45:31 2009 -0500
@@ -103,11 +103,13 @@
.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(64, 64, 64, 1))) 0px 0px no-repeat,
+ -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(64, 64, 64, 1))) 53px 0px no-repeat;
- -webkit-background-size: 48px 100%, 5px 32px, 5px 100%, 100% 100%;
+ -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;
+ -webkit-background-size: 48px 16px, 48px 100%, 5px 32px, 5px 100%, 100% 16px, 100% 100%;
-webkit-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);
}
@@ -130,7 +132,11 @@
.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(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;
+ -webkit-background-size: 100% 16px, 100% 100%;
}
.status.consecutive,
@@ -177,7 +183,10 @@
.autoreply img.x-icon
{
- 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;
+ -webkit-background-size: 100% 16px, 100% 100%;
}
.incoming img.x-icon
@@ -379,7 +388,7 @@
.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;
+ background: -webkit-gradient(linear, left top, left bottom, from(rgba(112, 112, 112, 1)), to(rgba(112, 112, 112, 1))) 0px 0px no-repeat;
}
.history.message:not(.consecutive)
diff -r 3ac1306a8a21 -r afd70d56fe02 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Classic.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Classic.css Thu Jul 16 09:24:38 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Classic.css Thu Jul 16 13:45:31 2009 -0500
@@ -63,11 +63,12 @@
padding-bottom: 2px;
}
-.history.status,
-.history.event
+.history.status:not(.consecutive),
+.history.event:not(.consecutive)
{
color: rgba(244, 244, 244, .75);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, .5)), to(rgba(32, 32, 32, .5)));
+ -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .4);
}
img.x-icon
diff -r 3ac1306a8a21 -r afd70d56fe02 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Compact.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Compact.css Thu Jul 16 09:24:38 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Compact.css Thu Jul 16 13:45:31 2009 -0500
@@ -123,7 +123,7 @@
.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;
+ background: -webkit-gradient(linear, left top, left bottom, from(rgba(88, 88, 88, 1)), to(rgba(72, 72, 72, 1))) 0px 0px no-repeat;
}
.consecutive .x-sender
@@ -322,7 +322,7 @@
.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)));
+ background: -webkit-gradient(linear, left top, left bottom, from(rgba(112, 112, 112, 1)), to(rgba(112, 112, 112, 1)));
}
.history.message .x-wrap
diff -r 3ac1306a8a21 -r afd70d56fe02 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time1.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time1.css Thu Jul 16 09:24:38 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time1.css Thu Jul 16 13:45:31 2009 -0500
@@ -107,11 +107,13 @@
.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(64, 64, 64, 1))) 0px 0px no-repeat,
+ -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(64, 64, 64, 1))) 37px 0px no-repeat;
- -webkit-background-size: 32px 100%, 5px 32px, 5px 100%, 100% 100%;
+ -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;
+ -webkit-background-size: 32px 16px, 32px 100%, 5px 32px, 5px 100%, 100% 16px, 100% 100%;
-webkit-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);
}
@@ -132,8 +134,9 @@
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(64, 64, 64, 1))) 5px 0px no-repeat;
- -webkit-background-size: 5px 32px, 5px 100%, 100% 100%;
+ -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;
+ -webkit-background-size: 5px 32px, 5px 100%, 100% 16px, 100% 100%;
-webkit-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);
}
@@ -165,10 +168,14 @@
.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;
+ //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;
+ -webkit-background-size: 100% 16px, 100% 100%;
}
.status:not(.consecutive).showIcons,
@@ -449,7 +456,7 @@
.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;
+ background: -webkit-gradient(linear, left top, left bottom, from(rgba(112, 112, 112, 1)), to(rgba(112, 112, 112, 1))) 0px 0px no-repeat;
}
.history.event
diff -r 3ac1306a8a21 -r afd70d56fe02 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time2.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time2.css Thu Jul 16 09:24:38 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time2.css Thu Jul 16 13:45:31 2009 -0500
@@ -111,8 +111,9 @@
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(64, 64, 64, 1))) 5px 0px no-repeat;
- -webkit-background-size: 5px 32px, 5px 100%, 100% 100%;
+ -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;
+ -webkit-background-size: 5px 32px, 5px 100%, 100% 16px, 100% 100%;
-webkit-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);
}
@@ -156,8 +157,12 @@
.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;
+ //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;
+ -webkit-background-size: 100% 16px, 100% 100%;
}
.status:not(.consecutive):not([ico*="buddy_icon.png"]),
@@ -421,7 +426,7 @@
.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;
+ background: -webkit-gradient(linear, left top, left bottom, from(rgba(112, 112, 112, 1)), to(rgba(112, 112, 112, 1))) 0px 0px no-repeat;
}
.history.event
diff -r 3ac1306a8a21 -r afd70d56fe02 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css Thu Jul 16 09:24:38 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css Thu Jul 16 13:45:31 2009 -0500
@@ -104,11 +104,13 @@
.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(64, 64, 64, 1))) 0px 0px no-repeat,
+ -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(64, 64, 64, 1))) 53px 0px no-repeat;
- -webkit-background-size: 48px 100%, 5px 32px, 5px 100%, 100% 100%;
+ -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;
+ -webkit-background-size: 48px 16px, 48px 100%, 5px 32px, 5px 100%, 100% 16px, 100% 100%;
-webkit-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);
}
@@ -131,8 +133,12 @@
.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;
+ //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;
+ -webkit-background-size: 100% 16px, 100% 100%;
}
.status.consecutive,
@@ -357,7 +363,7 @@
.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;
+ background: -webkit-gradient(linear, left top, left bottom, from(rgba(112, 112, 112, 1)), to(rgba(112, 112, 112, 1))) 0px 0px no-repeat;
}
.x-hover + .x-hover
diff -r 3ac1306a8a21 -r afd70d56fe02 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/incoming_icon_wide.png
Binary file Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/incoming_icon_wide.png has changed
diff -r 3ac1306a8a21 -r afd70d56fe02 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/outgoing_icon_tall.png
Binary file Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/outgoing_icon_tall.png has changed
More information about the commits
mailing list