xtras/mathuaerknedam 494:5bc413545791: Smooth Operator: EXPERIME...
commits at adium.im
commits at adium.im
Wed May 19 03:14:31 UTC 2010
details: http://hg.adium.im/xtras/mathuaerknedam/rev/5bc413545791
revision: 494:5bc413545791
author: mathuaerknedam
date: Tue May 18 22:14:21 2010 -0500
Smooth Operator: EXPERIMENTAL: remove arrow and star icons for focus and mention indicators and reclaim additional right margin that had been dedicated to them. Instead, use thickish transparant red and black lines that span the window *behind* the message bubbles. If you use SO, please try this and let me know what you think.
diffs (969 lines):
diff -r 8aebad65befa -r 5bc413545791 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Content.html
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Content.html Mon May 17 21:20:12 2010 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Content.html Tue May 18 22:14:21 2010 -0500
@@ -1,4 +1,6 @@
<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 8aebad65befa -r 5bc413545791 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Header.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Header.css Mon May 17 21:20:12 2010 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Header.css Tue May 18 22:14:21 2010 -0500
@@ -4,7 +4,7 @@
{
position: fixed;
top: 8px;
- right: 18px;
+ right: 8px;
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 8aebad65befa -r 5bc413545791 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html Mon May 17 21:20:12 2010 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html Tue May 18 22:14:21 2010 -0500
@@ -66,6 +66,7 @@
<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>
@@ -76,6 +77,8 @@
<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>
@@ -89,6 +92,8 @@
</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>
@@ -100,8 +105,10 @@
<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>
@@ -114,6 +121,8 @@
</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>
@@ -127,6 +136,8 @@
</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>
@@ -138,8 +149,10 @@
<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>
@@ -149,8 +162,10 @@
<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>
@@ -164,6 +179,8 @@
</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>
@@ -177,6 +194,7 @@
</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>
@@ -186,6 +204,8 @@
</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>
@@ -199,6 +219,8 @@
</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>
@@ -210,8 +232,10 @@
<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>
@@ -225,6 +249,7 @@
<!--
<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>
@@ -235,6 +260,8 @@
--!>
<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>
@@ -246,8 +273,10 @@
<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>
@@ -257,6 +286,8 @@
<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>
@@ -271,7 +302,9 @@
</div>
</div>
-<div class="mention incoming message SERVICE showIcons xx-fetchgreebledonx" style="background-color: blue;">
+<div class="firstFocus mention 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_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>
@@ -285,6 +318,8 @@
</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>
@@ -297,7 +332,8 @@
</span>
</div>
-<div class="event notification SERVICE showIcons">
+<div class="event notification SERVICE showIcons firstFocus">
+ <hr class="x-focus" />
<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>
@@ -306,14 +342,16 @@
</span>
</div>
-<div class="status away SERVICE showIcons">
+<div class="status away SERVICE showIcons focus">
+ <hr class="x-focus" />
<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">
+ <div class="consecutive status away_message SERVICE showIcons focus">
+ <hr class="x-focus" />
<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>
@@ -323,7 +361,9 @@
</div>
</div>
-<div class="incoming autoreply message SERVICE showIcons xx-fetchgreebledonx" style="background-color: blue;">
+<div class="incoming autoreply message SERVICE showIcons focus 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>
@@ -336,7 +376,9 @@
</span>
</div>
-<div class="outgoing message firstFocus SERVICE showIcons xx-TekJew" style="background-color: seagreen;">
+<div class="outgoing message SERVICE showIcons focus xx-TekJew" style="background-color: seagreen;">
+ <hr class="x-focus" />
+ <hr class="x-mention" />
<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>
@@ -350,7 +392,9 @@
<span id="insert"></span>
</div>
-<div class="incoming message SERVICE showIcons xx-fetchgreebledonx" style="background-color: blue;">
+<div class="incoming message SERVICE showIcons focus xx-fetchgreebledonx" style="background-color: blue;">
+ <hr class="x-focus" />
+ <hr class="x-mention" />
<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>
@@ -365,8 +409,6 @@
</div>
-<hr id="focus" style="position: absolute; top: 424px;">
-
<script src="./Footer.js" type="text/javascript" charset="utf-8"></script>
</body>
diff -r 8aebad65befa -r 5bc413545791 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Status.html
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Status.html Mon May 17 21:20:12 2010 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Status.html Tue May 18 22:14:21 2010 -0500
@@ -1,4 +1,5 @@
<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 8aebad65befa -r 5bc413545791 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Topic.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Topic.css Mon May 17 21:20:12 2010 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Topic.css Tue May 18 22:14:21 2010 -0500
@@ -6,7 +6,7 @@
padding-bottom: 6px;
position: fixed;
top: 8px;
- right: 18px;
+ right: 8px;
left: 8px;
z-index: 100;
color: rgba(64, 64, 64, 1);
diff -r 8aebad65befa -r 5bc413545791 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css Mon May 17 21:20:12 2010 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css Tue May 18 22:14:21 2010 -0500
@@ -24,23 +24,10 @@
-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;
}
@@ -48,7 +35,7 @@
.status:not(.consecutive):not(.IRC).showIcons,
.event:not(.consecutive):not(.IRC).showIcons
{
- margin-right: 52px;
+ margin-right: 42px;
margin-left: 42px;
}
@@ -63,25 +50,6 @@
-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);
@@ -115,18 +83,6 @@
-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:
@@ -171,22 +127,6 @@
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,
@@ -213,12 +153,6 @@
-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:
@@ -229,7 +163,7 @@
.outgoing.message img.x-icon
{
- right: 18px;
+ right: 8px;
-webkit-border-top-left-radius: 0px;
}
@@ -259,7 +193,7 @@
.outgoing.message .x-iconmask
{
- right: 21px;
+ right: 11px;
}
.incoming.message .x-iconmask
@@ -463,7 +397,7 @@
.history.status:not(.consecutive):not(.IRC).showIcons,
.history.event:not(.consecutive):not(.IRC).showIcons
{
- margin-right: 51px;
+ margin-right: 41px;
}
.history.status:not(.consecutive).IRC,
@@ -471,7 +405,7 @@
.history.status:not(.consecutive).hideIcons,
.history.event:not(.consecutive).hideIcons
{
- margin-right: 9px;
+ margin-right: -1px;
}
.history.status:not(.consecutive),
@@ -490,15 +424,6 @@
-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:
@@ -551,13 +476,13 @@
#x-wrap
{
- right: 82px !important;
+ right: 72px !important;
left: 72px !important;
}
#x-topic #x-wrap
{
- right: 18px !important;
+ right: 8px !important;
left: 8px !important;
}
@@ -629,3 +554,24 @@
{
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 8aebad65befa -r 5bc413545791 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Classic.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Classic.css Mon May 17 21:20:12 2010 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Classic.css Tue May 18 22:14:21 2010 -0500
@@ -20,23 +20,11 @@
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;
@@ -306,33 +294,6 @@
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
{
@@ -452,3 +413,24 @@
{
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 8aebad65befa -r 5bc413545791 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Compact.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Compact.css Mon May 17 21:20:12 2010 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Compact.css Tue May 18 22:14:21 2010 -0500
@@ -20,24 +20,12 @@
-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);
@@ -51,20 +39,7 @@
margin-top: 2px;
}
-.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)
+.message: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,
@@ -72,15 +47,7 @@
-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, .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)
+.message.autoreply:not(.consecutive):not(.history):not(.x-hover)
{
color: rgba(244, 244, 244, 1) !important;
background:
@@ -89,7 +56,7 @@
-webkit-background-size: 5px 100%, 100% 100%;
}
-.message.consecutive:not(.mention):not(.autoreply):not(.history):not(.x-hover)
+.message.consecutive:not(.autoreply):not(.history):not(.x-hover)
{
background: none;
margin-left: 0px;
@@ -300,14 +267,6 @@
-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:
@@ -325,7 +284,7 @@
.history.event
{
border-right: 1px solid rgba(184, 184, 184, 1);
- margin-right: 9px;
+ //margin-right: 9px;
}
.history.status:not(.consecutive),
@@ -441,3 +400,24 @@
{
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 8aebad65befa -r 5bc413545791 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time.css Mon May 17 21:20:12 2010 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time.css Tue May 18 22:14:21 2010 -0500
@@ -19,23 +19,11 @@
-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;
}
@@ -51,19 +39,6 @@
-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;
@@ -99,18 +74,6 @@
-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:
@@ -124,8 +87,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(.mention):not(.autoreply):not(.consecutive):not(.history):not(.x-hover),
-.message.hideIcons:not(.mention):not(.autoreply):not(.consecutive):not(.history):not(.x-hover)
+.IRC.message:not(.autoreply):not(.consecutive):not(.history):not(.x-hover),
+.message.hideIcons: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,
@@ -135,17 +98,6 @@
-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)
{
@@ -426,14 +378,6 @@
-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:
@@ -515,3 +459,24 @@
{
-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 8aebad65befa -r 5bc413545791 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css Mon May 17 21:20:12 2010 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css Tue May 18 22:14:21 2010 -0500
@@ -19,23 +19,11 @@
-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;
}
@@ -51,19 +39,6 @@
-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;
@@ -94,18 +69,6 @@
-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:
@@ -393,15 +356,6 @@
-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:
@@ -466,3 +420,24 @@
{
-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