xtras/mathuaerknedam 495:d202aa66829b: Smooth Operator: backout ...
commits at adium.im
commits at adium.im
Thu May 20 01:57:32 UTC 2010
details: http://hg.adium.im/xtras/mathuaerknedam/rev/d202aa66829b
revision: 495:d202aa66829b
author: mathuaerknedam
date: Wed May 19 20:55:48 2010 -0500
Smooth Operator: backout changes mention and focus indicators.
diffs (969 lines):
diff -r 5bc413545791 -r d202aa66829b Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Content.html
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Content.html Tue May 18 22:14:21 2010 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Content.html Wed May 19 20:55:48 2010 -0500
@@ -1,6 +1,4 @@
<div class="%messageClasses% %service% %userIcons% xx-%senderScreenName%" style="background-color: %senderColor%;">
- <hr class="x-focus" />
- <hr class="x-mention" />
<img class="x-icon" src="%userIconPath%" />
<span class="x-iconmask" style="-webkit-mask-box-image: url(%userIconPath%);"></span>
<span class="x-color" style="background-color: %senderColor%;" src="%userIconPath%"></span>
diff -r 5bc413545791 -r d202aa66829b Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Header.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Header.css Tue May 18 22:14:21 2010 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Header.css Wed May 19 20:55:48 2010 -0500
@@ -4,7 +4,7 @@
{
position: fixed;
top: 8px;
- right: 8px;
+ right: 18px;
left: 8px;
background:
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(248, 248, 248, 1))) 0px 0px no-repeat,
diff -r 5bc413545791 -r d202aa66829b Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html Tue May 18 22:14:21 2010 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html Wed May 19 20:55:48 2010 -0500
@@ -66,7 +66,6 @@
<div id="Chat" class="groupchat">
<div class="history date_separator event SERVICE showIcons">
- <hr class="x-focus" />
<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>
@@ -77,8 +76,6 @@
<div class="history outgoing message SERVICE showIcons xx-TekJew" style="background-color: seagreen;">
- <hr class="x-focus" />
- <hr class="x-mention" />
<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>
@@ -92,8 +89,6 @@
</div>
<div class="history incoming message SERVICE showIcons xx-fetchgreebledonx" style="background-color: blue;">
- <hr class="x-focus" />
- <hr class="x-mention" />
<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>
@@ -105,10 +100,8 @@
<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 showIcons xx-fetchgreebledonx" style="background-color: blue;">
- <hr class="x-focus" />
- <hr class="x-mention" />
<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-iconmask" style="-webkit-mask-box-image: url(./incoming_icon.png);"></span>
<span class="x-color" style="background-color: blue"></span>
<span class="x-wrap">
<span class="x-sender" title="fetchgreebledonx">Jeff </span>
@@ -121,8 +114,6 @@
</div>
<div class="history outgoing message SERVICE showIcons xx-TekJew" style="background-color: seagreen;">
- <hr class="x-focus" />
- <hr class="x-mention" />
<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>
@@ -136,8 +127,6 @@
</div>
<div class="history incoming message SERVICE showIcons xx-fetchgreebledonx" style="background-color: blue;">
- <hr class="x-focus" />
- <hr class="x-mention" />
<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>
@@ -149,10 +138,8 @@
<span class="x-message">I'm pretty sure I've heard this one before. </span>
</span>
<div class="history consecutive incoming message SERVICE showIcons xx-fetchgreebledonx" style="background-color: blue;">
- <hr class="x-focus" />
- <hr class="x-mention" />
<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-iconmask" style="-webkit-mask-box-image: url(./incoming_icon.png);"></span>
<span class="x-color" style="background-color: blue"></span>
<span class="x-wrap">
<span class="x-sender" title="fetchgreebledonx">Jeff </span>
@@ -162,10 +149,8 @@
<span class="x-message">So what happens next? </span>
</span>
<div class="history consecutive incoming message SERVICE showIcons xx-fetchgreebledonx" style="background-color: blue;">
- <hr class="x-focus" />
- <hr class="x-mention" />
<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-iconmask" style="-webkit-mask-box-image: url(./incoming_icon.png);"></span>
<span class="x-color" style="background-color: blue"></span>
<span class="x-wrap">
<span class="x-sender" title="fetchgreebledonx">Jeff </span>
@@ -179,8 +164,6 @@
</div>
<div class="history incoming message SERVICE showIcons xx-fetchgreebledonx" style="background-color: blue;">
- <hr class="x-focus" />
- <hr class="x-mention" />
<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>
@@ -194,7 +177,6 @@
</div>
<div class="history date_separator event SERVICE showIcons">
- <hr class="x-focus" />
<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>
@@ -204,8 +186,6 @@
</div>
<div class="history outgoing message SERVICE showIcons xx-TekJew" style="background-color: seagreen;">
- <hr class="x-focus" />
- <hr class="x-mention" />
<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>
@@ -219,8 +199,6 @@
</div>
<div class="history incoming message SERVICE showIcons xx-fetchgreebledonx" style="background-color: blue;">
- <hr class="x-focus" />
- <hr class="x-mention" />
<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>
@@ -232,10 +210,8 @@
<span class="x-message">I'm pretty sure I've heard this one before. </span>
</span>
<div class="history consecutive incoming message SERVICE showIcons xx-fetchgreebledonx" style="background-color: blue;">
- <hr class="x-focus" />
- <hr class="x-mention" />
<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-iconmask" style="-webkit-mask-box-image: url(./incoming_icon.png);"></span>
<span class="x-color" style="background-color: blue"></span>
<span class="x-wrap">
<span class="x-sender" title="fetchgreebledonx">Jeff </span>
@@ -249,7 +225,6 @@
<!--
<div class="date_separator event SERVICE showIcons">
- <hr class="x-focus" />
<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>
@@ -260,8 +235,6 @@
--!>
<div class="outgoing message SERVICE showIcons xx-TekJew" style="background-color: seagreen;">
- <hr class="x-focus" />
- <hr class="x-mention" />
<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>
@@ -273,10 +246,8 @@
<span class="x-message">|If I remember correctly, they explode outward at the speed of light. </span>
</span>
<div class="consecutive outgoing message SERVICE showIcons xx-TekJew" style="background-color: seagreen;">
- <hr class="x-focus" />
- <hr class="x-mention" />
<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-iconmask" style="-webkit-mask-box-image: url(./outgoing_icon.png);"></span>
<span class="x-color" style="background-color: seagreen"></span>
<span class="x-wrap">
<span class="x-sender" title="TekJew">Evan </span>
@@ -286,8 +257,6 @@
<span class="x-message">But that might be if you cross the streams… </span>
</span>
<div class="consecutive outgoing message SERVICE showIcons xx-TekJew" style="background-color: seagreen;">
- <hr class="x-focus" />
- <hr class="x-mention" />
<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>
@@ -302,9 +271,7 @@
</div>
</div>
-<div class="firstFocus mention incoming message SERVICE showIcons xx-fetchgreebledonx" style="background-color: blue;">
- <hr class="x-focus" />
- <hr class="x-mention" />
+<div class="mention incoming message SERVICE showIcons xx-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>
@@ -318,8 +285,6 @@
</div>
<div class="outgoing message SERVICE showIcons xx-TekJew" style="background-color: seagreen;">
- <hr class="x-focus" />
- <hr class="x-mention" />
<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>
@@ -332,8 +297,7 @@
</span>
</div>
-<div class="event notification SERVICE showIcons firstFocus">
- <hr class="x-focus" />
+<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>
@@ -342,16 +306,14 @@
</span>
</div>
-<div class="status away SERVICE showIcons focus">
- <hr class="x-focus" />
+<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 showIcons focus">
- <hr class="x-focus" />
+ <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>
@@ -361,9 +323,7 @@
</div>
</div>
-<div class="incoming autoreply message SERVICE showIcons focus xx-fetchgreebledonx" style="background-color: blue;">
- <hr class="x-focus" />
- <hr class="x-mention" />
+<div class="incoming autoreply message SERVICE showIcons xx-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>
@@ -376,9 +336,7 @@
</span>
</div>
-<div class="outgoing message SERVICE showIcons focus xx-TekJew" style="background-color: seagreen;">
- <hr class="x-focus" />
- <hr class="x-mention" />
+<div class="outgoing message firstFocus SERVICE showIcons xx-TekJew" style="background-color: seagreen;">
<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" src="buddy_icon.png"></span>
@@ -392,9 +350,7 @@
<span id="insert"></span>
</div>
-<div class="incoming message SERVICE showIcons focus xx-fetchgreebledonx" style="background-color: blue;">
- <hr class="x-focus" />
- <hr class="x-mention" />
+<div class="incoming message SERVICE showIcons xx-fetchgreebledonx" style="background-color: blue;">
<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: blue" src="buddy_icon.png"></span>
@@ -409,6 +365,8 @@
</div>
+<hr id="focus" style="position: absolute; top: 424px;">
+
<script src="./Footer.js" type="text/javascript" charset="utf-8"></script>
</body>
diff -r 5bc413545791 -r d202aa66829b Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Status.html
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Status.html Tue May 18 22:14:21 2010 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Status.html Wed May 19 20:55:48 2010 -0500
@@ -1,5 +1,4 @@
<div class="%messageClasses% %service% %userIcons%">
- <hr class="x-focus" />
<span class="x-wrap">
<span class="x-rtime" title="%time{dd MMM yyyy}%">%time% </span>
<span class="x-ltime" title="ltime %time{dd MMM yyyy}%">%shortTime%:%time{ss}% </span>
diff -r 5bc413545791 -r d202aa66829b Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Topic.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Topic.css Tue May 18 22:14:21 2010 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Topic.css Wed May 19 20:55:48 2010 -0500
@@ -6,7 +6,7 @@
padding-bottom: 6px;
position: fixed;
top: 8px;
- right: 8px;
+ right: 18px;
left: 8px;
z-index: 100;
color: rgba(64, 64, 64, 1);
diff -r 5bc413545791 -r d202aa66829b Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css Tue May 18 22:14:21 2010 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css Wed May 19 20:55:48 2010 -0500
@@ -24,10 +24,23 @@
-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .3), 0px 0px 1px rgba(0, 0, 0, .4);
}
+.firstFocus:before
+{
+ position: absolute;
+ font-family: AppleGothic;
+ margin-top: -11px;
+ right: 5px;
+ font-size: 9px;
+ content: "\2b07";
+ color: rgba(64, 64, 64, 1);
+ text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
+}
+
.message:not(.consecutive),
.status:not(.consecutive),
.event:not(.consecutive)
{
+ margin-right: 10px;
min-width: 7em;
}
@@ -35,7 +48,7 @@
.status:not(.consecutive):not(.IRC).showIcons,
.event:not(.consecutive):not(.IRC).showIcons
{
- margin-right: 42px;
+ margin-right: 52px;
margin-left: 42px;
}
@@ -50,6 +63,25 @@
-webkit-border-radius: 5px;
}
+.message.mention .x-message:before
+{
+ position: absolute;
+ margin-top: -1px;
+ font-family: AppleGothic;
+ content: "\23af";
+ right: 4px;
+ font-size: 12px;
+ content: "\2605";
+ color: rgba(64, 64, 64, 1);
+ text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
+}
+
+.hideIcons.message.mention .x-message:before,
+.IRC.message.mention .x-message:before
+{
+ right: 4px;
+}
+
.message:not(.consecutive)
{
color: rgba(64, 64, 64, 1);
@@ -83,6 +115,18 @@
-webkit-background-size: 48px 16px, 48px 100%, 5px 32px, 5px 100%, 100% 16px, 100% 100%;
}
+.mention.message:not(.autoreply):not(.x-hover):not(.consecutive):not(.history)
+{
+ 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,
+ -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, 255, .9)), to(rgba(248, 248, 248, .9))) 53px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, .9)), to(rgba(240, 240, 240, .9))) 53px 16px no-repeat;
+ -webkit-background-size: 48px 16px, 48px 100%, 5px 32px, 5px 100%, 100% 16px, 100% 100%;
+}
+
.message.autoreply:not(.x-hover):not(.consecutive):not(.history)
{
background:
@@ -127,6 +171,22 @@
margin-top: 2px;
}
+.mention.message .x-color
+{
+ display: inline;
+ width: 28px;
+ height: 28px;
+ position: absolute;
+ left: 8px;
+ margin-top: -2px;
+ padding: 4px;
+ z-index: 2;
+ 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;
+ -webkit-background-size: 100% 16px, 100% 100%;
+}
+
.message.history .x-color,
.message.consecutive .x-color,
.message.autoreply .x-color,
@@ -153,6 +213,12 @@
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, .4);
}
+.mention.message img.x-icon
+{
+ background: none;
+ -webkit-background-size: 100% 16px, 100% 100%;
+}
+
.autoreply.message img.x-icon
{
background:
@@ -163,7 +229,7 @@
.outgoing.message img.x-icon
{
- right: 8px;
+ right: 18px;
-webkit-border-top-left-radius: 0px;
}
@@ -193,7 +259,7 @@
.outgoing.message .x-iconmask
{
- right: 11px;
+ right: 21px;
}
.incoming.message .x-iconmask
@@ -397,7 +463,7 @@
.history.status:not(.consecutive):not(.IRC).showIcons,
.history.event:not(.consecutive):not(.IRC).showIcons
{
- margin-right: 41px;
+ margin-right: 51px;
}
.history.status:not(.consecutive).IRC,
@@ -405,7 +471,7 @@
.history.status:not(.consecutive).hideIcons,
.history.event:not(.consecutive).hideIcons
{
- margin-right: -1px;
+ margin-right: 9px;
}
.history.status:not(.consecutive),
@@ -424,6 +490,15 @@
-webkit-background-size: 48px 100%, 53px 100%, 100% 100%;
}
+.history.mention.message:not(.consecutive)
+{
+ background:
+ -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%, 53px 100%, 100% 100%;
+}
+
.history.message.x-hover:not(.consecutive)
{
background:
@@ -476,13 +551,13 @@
#x-wrap
{
- right: 72px !important;
+ right: 82px !important;
left: 72px !important;
}
#x-topic #x-wrap
{
- right: 8px !important;
+ right: 18px !important;
left: 8px !important;
}
@@ -554,24 +629,3 @@
{
right: 9px !important;
}
-
-hr
-{
- position: absolute;
- left: 0px;
- right: 0px;
- z-index: -99;
- border: none;
-}
-
-.firstFocus > hr.x-focus
-{
- border-top: .9em solid rgba(255, 0, 0, .2);
- margin-top: .2em;
-}
-
-.mention > hr.x-mention
-{
- border-top: .45em solid rgba(0, 0, 0, .2);
- margin-top: .2em;
-}
diff -r 5bc413545791 -r d202aa66829b Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Classic.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Classic.css Tue May 18 22:14:21 2010 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Classic.css Wed May 19 20:55:48 2010 -0500
@@ -20,11 +20,23 @@
margin-top: 2px;
}
+.firstFocus:before
+{
+ position: absolute;
+ font-family: AppleGothic;
+ margin-top: -15px;
+ right: 5px;
+ font-size: 9px;
+ content: "\2b07";
+ color: rgba(64, 64, 64, 1);
+ text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
+}
+
.message:not(.consecutive),
.status:not(.consecutive),
.event:not(.consecutive)
{
- //margin-right: 10px;
+ margin-right: 10px;
margin-top: 10px;
padding-top: 6px;
padding-bottom: 4px;
@@ -294,6 +306,33 @@
max-height: 10px;
}
+.message.mention .x-message:before
+{
+ position: absolute;
+ margin-top: -1px;
+ font-family: AppleGothic;
+ content: "\23af";
+ right: 4px;
+ font-size: 12px;
+ content: "\2605";
+ color: rgba(64, 64, 64, 1);
+ text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
+}
+
+.history.message.mention .x-message:before
+{
+ position: absolute;
+ margin-top: -1px;
+ font-family: AppleGothic;
+ content: "\23af";
+ right: 4px;
+ font-size: 12px;
+ content: "\2605";
+ color: rgba(64, 64, 64, 1);
+ text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
+ opacity: .5;
+}
+
.message.hideIcons .x-color,
.IRC.message .x-color
{
@@ -413,24 +452,3 @@
{
display: none !important;
}
-
-hr
-{
- position: absolute;
- left: 0px;
- right: 0px;
- z-index: -99;
- border: none;
-}
-
-.firstFocus > hr.x-focus
-{
- border-top: .9em solid rgba(255, 0, 0, .2);
- margin-top: .2em;
-}
-
-.mention > hr.x-mention
-{
- border-top: .45em solid rgba(0, 0, 0, .2);
- margin-top: .2em;
-}
diff -r 5bc413545791 -r d202aa66829b Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Compact.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Compact.css Tue May 18 22:14:21 2010 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Compact.css Wed May 19 20:55:48 2010 -0500
@@ -20,12 +20,24 @@
-webkit-box-shadow: 0px -1px 1px rgba(0, 0, 0, .2);
}
+.firstFocus:before
+{
+ position: absolute;
+ font-family: AppleGothic;
+ margin-top: -11px;
+ right: 5px;
+ font-size: 9px;
+ content: "\2b07";
+ color: rgba(64, 64, 64, 1);
+ text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
+}
+
.message:not(.consecutive),
.status:not(.consecutive),
.event:not(.consecutive)
{
margin-top: 2px;
- //margin-right: 10px;
+ margin-right: 10px;
padding-top: 2px;
padding-bottom: 2px;
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .4), 0px 0px 1px rgba(0, 0, 0, .4);
@@ -39,7 +51,20 @@
margin-top: 2px;
}
-.message:not(.autoreply):not(.consecutive):not(.history):not(.x-hover)
+.message.mention .x-message:before
+{
+ position: absolute;
+ margin-top: -1px;
+ font-family: AppleGothic;
+ content: "\23af";
+ right: 4px;
+ font-size: 12px;
+ content: "\2605";
+ color: rgba(64, 64, 64, 1);
+ text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
+}
+
+.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, .625)), to(rgba(255, 255, 255, .375))) 0px 0px no-repeat,
@@ -47,7 +72,15 @@
-webkit-background-size: 5px 100%, 100% 100%;
}
-.message.autoreply:not(.consecutive):not(.history):not(.x-hover)
+.message.mention:not(.consecutive):not(.history):not(.autoreply):not(.x-hover)
+{
+ background:
+ -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:
@@ -56,7 +89,7 @@
-webkit-background-size: 5px 100%, 100% 100%;
}
-.message.consecutive:not(.autoreply):not(.history):not(.x-hover)
+.message.consecutive:not(.mention):not(.autoreply):not(.history):not(.x-hover)
{
background: none;
margin-left: 0px;
@@ -267,6 +300,14 @@
-webkit-background-size: 5px 100%, 100% 100%;
}
+.history.mention.message
+{
+ background:
+ -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:
@@ -284,7 +325,7 @@
.history.event
{
border-right: 1px solid rgba(184, 184, 184, 1);
- //margin-right: 9px;
+ margin-right: 9px;
}
.history.status:not(.consecutive),
@@ -400,24 +441,3 @@
{
display: inline;
}
-
-hr
-{
- position: absolute;
- left: 0px;
- right: 0px;
- z-index: -99;
- border: none;
-}
-
-.firstFocus > hr.x-focus
-{
- border-top: .9em solid rgba(255, 0, 0, .2);
- margin-top: .2em;
-}
-
-.mention > hr.x-mention
-{
- border-top: .45em solid rgba(0, 0, 0, .2);
- margin-top: .2em;
-}
diff -r 5bc413545791 -r d202aa66829b Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time.css Tue May 18 22:14:21 2010 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time.css Wed May 19 20:55:48 2010 -0500
@@ -19,11 +19,23 @@
-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .3), 0px 0px 1px rgba(0, 0, 0, .4);
}
+.firstFocus:before
+{
+ position: absolute;
+ font-family: AppleGothic;
+ margin-top: -11px;
+ right: 5px;
+ font-size: 9px;
+ content: "\2b07";
+ color: rgba(64, 64, 64, 1);
+ text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
+}
+
.message:not(.consecutive),
.status:not(.consecutive),
.event:not(.consecutive)
{
- //margin-right: 10px;
+ margin-right: 10px;
min-width: 7em;
}
@@ -39,6 +51,19 @@
-webkit-border-bottom-left-radius: 0px;
}
+.message.mention .x-message:before
+{
+ position: absolute;
+ margin-top: -1px;
+ font-family: AppleGothic;
+ content: "\23af";
+ right: 4px;
+ font-size: 12px;
+ content: "\2605";
+ color: rgba(64, 64, 64, 1);
+ text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
+}
+
.message:not(.consecutive):not(.history)
{
min-height: 28px;
@@ -74,6 +99,18 @@
-webkit-background-size: 32px 16px, 32px 100%, 5px 32px, 5px 100%, 100% 16px, 100% 100%;
}
+.mention.message.showIcons:not(.autoreply):not(.consecutive):not(.history):not(.x-hover):not(.IRC)
+{
+ 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,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .75)), 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(255, 255, 255, .9)), to(rgba(248, 248, 248, .9))) 37px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, .9)), to(rgba(240, 240, 240, .9))) 37px 16px no-repeat;
+ -webkit-background-size: 32px 16px, 32px 100%, 5px 32px, 5px 100%, 100% 16px, 100% 100%;
+}
+
.message.autoreply:not(.history):not(.consecutive):not(.x-hover)
{
background:
@@ -87,8 +124,8 @@
-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);
}
-.IRC.message:not(.autoreply):not(.consecutive):not(.history):not(.x-hover),
-.message.hideIcons:not(.autoreply):not(.consecutive):not(.history):not(.x-hover)
+.IRC.message:not(.mention):not(.autoreply):not(.consecutive):not(.history):not(.x-hover),
+.message.hideIcons:not(.mention):not(.autoreply):not(.consecutive):not(.history):not(.x-hover)
{
background:
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .75)), to(rgba(255, 255, 255, .25))) 0px 0px no-repeat,
@@ -98,6 +135,17 @@
-webkit-background-size: 5px 32px, 5px 100%, 100% 16px, 100% 100%;
}
+.IRC.message.mention:not(.autoreply):not(.consecutive):not(.history):not(.x-hover),
+.message.hideIcons.mention:not(.autoreply):not(.consecutive):not(.history):not(.x-hover)
+{
+ 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, .25)), to(rgba(255, 255, 255, .25))) 0px 32px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .9)), to(rgba(248, 248, 248, .9))) 5px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, .9)), to(rgba(240, 240, 240, .9))) 5px 16px no-repeat;
+ -webkit-background-size: 5px 32px, 5px 100%, 100% 16px, 100% 100%;
+}
+
.IRC.message.autoreply:not(.history):not(.consecutive):not(.x-hover),
.message.hideIcons.autoreply:not(.history):not(.consecutive):not(.x-hover)
{
@@ -378,6 +426,14 @@
-webkit-background-size: 5px 100%, 100% 100%;
}
+.history.mention.message:not(.consecutive):not(.x-hover)
+{
+ 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:
@@ -459,24 +515,3 @@
{
-webkit-border-bottom-left-radius: 0px !important;
}
-
-hr
-{
- position: absolute;
- left: 0px;
- right: 0px;
- z-index: -99;
- border: none;
-}
-
-.firstFocus > hr.x-focus
-{
- border-top: .9em solid rgba(255, 0, 0, .2);
- margin-top: .2em;
-}
-
-.mention > hr.x-mention
-{
- border-top: .45em solid rgba(0, 0, 0, .2);
- margin-top: .2em;
-}
diff -r 5bc413545791 -r d202aa66829b Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css Tue May 18 22:14:21 2010 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css Wed May 19 20:55:48 2010 -0500
@@ -19,11 +19,23 @@
-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .3), 0px 0px 1px rgba(0, 0, 0, .4);
}
+.firstFocus:before
+{
+ position: absolute;
+ font-family: AppleGothic;
+ margin-top: -11px;
+ right: 5px;
+ font-size: 9px;
+ content: "\2b07";
+ color: rgba(64, 64, 64, 1);
+ text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
+}
+
.message:not(.consecutive),
.status:not(.consecutive),
.event:not(.consecutive)
{
- //margin-right: 10px;
+ margin-right: 10px;
min-width: 7em;
}
@@ -39,6 +51,19 @@
-webkit-border-bottom-right-radius: 0px;
}
+.message.mention .x-message:before
+{
+ position: absolute;
+ margin-top: -1px;
+ font-family: AppleGothic;
+ content: "\23af";
+ right: 4px;
+ font-size: 12px;
+ content: "\2605";
+ color: rgba(64, 64, 64, 1);
+ text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
+}
+
.message:not(.consecutive):not(.history)
{
min-height: 28px;
@@ -69,6 +94,18 @@
-webkit-background-size: 48px 16px, 48px 100%, 5px 32px, 5px 100%, 100% 16px, 100% 100%;
}
+.mention.message:not(.autoreply):not(.consecutive):not(.x-hover):not(.history)
+{
+ 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,
+ -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, 255, .9)), to(rgba(248, 248, 248, .9))) 53px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, .9)), to(rgba(240, 240, 240, .9))) 53px 16px no-repeat;
+ -webkit-background-size: 48px 16px, 48px 100%, 5px 32px, 5px 100%, 100% 16px, 100% 100%;
+}
+
.message.autoreply:not(.consecutive):not(.x-hover):not(.history)
{
background:
@@ -356,6 +393,15 @@
-webkit-background-size: 48px 100%, 53px 100%, 100% 100%;
}
+.history.mention.message:not(.consecutive)
+{
+ background:
+ -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%, 53px 100%, 100% 100%;
+}
+
.history.message.x-hover:not(.consecutive)
{
background:
@@ -420,24 +466,3 @@
{
-webkit-border-bottom-right-radius: 0px !important;
}
-
-hr
-{
- position: absolute;
- left: 0px;
- right: 0px;
- z-index: -99;
- border: none;
-}
-
-.firstFocus > hr.x-focus
-{
- border-top: .9em solid rgba(255, 0, 0, .2);
- margin-top: .2em;
-}
-
-.mention > hr.x-mention
-{
- border-top: .45em solid rgba(0, 0, 0, .2);
- margin-top: .2em;
-}
More information about the commits
mailing list