xtras/mathuaerknedam 113:33b2691607c9: focus/mention tweaks
commits at adium.im
commits at adium.im
Mon Aug 24 18:57:36 UTC 2009
details: http://hg.adium.im/xtras/mathuaerknedam/rev/33b2691607c9
revision: 113:33b2691607c9
author: mathuaerknedam
date: Mon Aug 24 12:22:57 2009 -0500
focus/mention tweaks
Subject: xtras/mathuaerknedam 114:8486de706f82: hodgepodge of tweaks for alternating variant
details: http://hg.adium.im/xtras/mathuaerknedam/rev/8486de706f82
revision: 114:8486de706f82
author: mathuaerknedam
date: Mon Aug 24 12:29:20 2009 -0500
hodgepodge of tweaks for alternating variant
Subject: xtras/mathuaerknedam 115:599130af2310: Adjacent (but not consecutive) all-by-sender messages should only lose their box-shadow in the history.
details: http://hg.adium.im/xtras/mathuaerknedam/rev/599130af2310
revision: 115:599130af2310
author: mathuaerknedam
date: Mon Aug 24 12:31:18 2009 -0500
Adjacent (but not consecutive) all-by-sender messages should only lose their box-shadow in the history.
Subject: xtras/mathuaerknedam 116:2e953be25a72: Implement sendercolor-based bubble highlighting for all variants but classic, and fix other misc problems that I saw along the way.
details: http://hg.adium.im/xtras/mathuaerknedam/rev/2e953be25a72
revision: 116:2e953be25a72
author: mathuaerknedam
date: Mon Aug 24 14:03:27 2009 -0500
Implement sendercolor-based bubble highlighting for all variants but classic, and fix other misc problems that I saw along the way.
diffs (691 lines):
diff -r eea8791b18c3 -r 2e953be25a72 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html Sun Aug 23 22:12:50 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html Mon Aug 24 14:03:27 2009 -0500
@@ -7,7 +7,7 @@
</title>
<style type="text/css">
- @import url( "./Variants/Alternating.css" );
+ @import url( "./Variants/Compact.css" );
body
{
@@ -15,7 +15,14 @@
border-bottom: 1px solid yellow;
}
- </style>
+ hr#focus
+ {
+ border: 0px;
+ border-bottom: 1px solid red;
+ margin: 0px auto 0px 0px;
+ }
+
+</style>
</head>
<body>
@@ -334,9 +341,10 @@
<span id="insert"></span>
</div>
+</div>
+
<hr id="focus" style="position: absolute; top: 109px;">
-</div>
<script type="text/javascript">
var highlightActive = false;
function selectSender() {
diff -r eea8791b18c3 -r 2e953be25a72 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css Sun Aug 23 22:12:50 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css Mon Aug 24 14:03:27 2009 -0500
@@ -33,8 +33,17 @@
hr#focus
{
width: inherit;
- left: 52px;
- right: 52px;
+ //left: 52px;
+ //right: 52px;
+ left: 0px;
+ right: 0px;
+}
+
+.message:not(.consecutive),
+.status:not(.consecutive),
+.event:not(.consecutive)
+{
+ margin-right: 10px;
}
.message:not(.consecutive):not(.IRC).showIcons,
@@ -56,10 +65,10 @@
-webkit-border-radius: 5px;
}
-.message.mention:before
+.message.mention .x-message:before
{
position: absolute;
- left: 36px;
+ right: 36px;
margin-left: -.73em;
margin-top: -.1em;
content: "\2605";
@@ -67,6 +76,12 @@
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);
@@ -100,15 +115,22 @@
-webkit-background-size: 48px 16px, 48px 100%, 5px 32px, 5px 100%, 100% 16px, 100% 100%;
}
-.message.mention:not(.autoreply):not(.x-hover):not(.consecutive):not(.history)
+.mention.message:not(.autoreply):not(.x-hover):not(.consecutive):not(.history)
{
- background:
+ //background:
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 224, 1)), to(rgba(248, 248, 216, 1))) 0px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 216, 1)), to(rgba(240,240, 208, 1))) 0px 16px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .75)), to(rgba(255, 255, 255, .25))) 48px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .25)), to(rgba(255, 255, 255, .25))) 48px 32px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 224, 1)), to(rgba(248, 248, 216, 1))) 53px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 216, 1)), to(rgba(240, 240, 208, 1))) 53px 16px no-repeat;
+ background:
+ -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .9)), to(rgba(248, 248, 248, .9))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, .9)), to(rgba(240,240, 240, .9))) 0px 16px no-repeat,
+ -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%;
}
@@ -157,9 +179,30 @@
margin-top: 2px;
}
-.x-color
+.mention.message .x-color
{
- display: none;
+ 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,
+.message.IRC .x-color,
+.message.hideIcons .x-color,
+.message.x-hover .x-color
+{
+ display: none !important;
}
.message img.x-icon
@@ -180,9 +223,13 @@
.mention.message img.x-icon
{
- background:
+ //background:
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 224, 1)), to(rgba(248, 248, 216, 1))) 0px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 216, 1)), to(rgba(240,240, 208, 1))) 0px 16px no-repeat;
+ //background:
+ -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .9)), to(rgba(248, 248, 248, .9))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, .9)), to(rgba(240,240, 240, .9))) 0px 16px no-repeat;
+ background: none;
-webkit-background-size: 100% 16px, 100% 100%;
}
@@ -436,10 +483,21 @@
border-right: 1px solid rgba(128, 128, 128, 1);
padding-top: 2px;
padding-bottom: 2px;
- margin-right: -1px;
+ //margin-right: -1px;
margin-left: -1px;
}
+.history.event:not(.consecutive):not(.IRC).showIcons
+{
+ margin-right: 41px;
+}
+
+.history.event:not(.consecutive).IRC,
+.history.event:not(.consecutive).hideIcons
+{
+ margin-right: 9px;
+}
+
.history.status:not(.consecutive),
.history.event:not(.consecutive)
{
@@ -456,6 +514,15 @@
-webkit-background-size: 48px 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%;
+}
+
.history.message.x-hover:not(.consecutive)
{
background:
@@ -505,7 +572,7 @@
color: rgba(152, 152, 152, 1);
}
-.x-hover + .x-hover
+.history.x-hover + .history.x-hover
{
-webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 1) !important;
}
diff -r eea8791b18c3 -r 2e953be25a72 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Classic.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Classic.css Sun Aug 23 22:12:50 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Classic.css Mon Aug 24 14:03:27 2009 -0500
@@ -33,7 +33,7 @@
//right: 18px;
left: 0px;
right: 0px;
- border: 0px;
+ border: 0px !important;
border-bottom: none;
//width: 18px;
}
@@ -42,7 +42,7 @@
{
position: absolute;
font-family: AppleGothic;
- margin-top: -15px;
+ margin-top: -19px;
right: 4px;
font-size: 10px;
content: "\2b07";
@@ -348,7 +348,7 @@
text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
}
-.message.mention .x-message:before
+.history.message.mention .x-message:before
{
position: absolute;
margin-top: -1px;
diff -r eea8791b18c3 -r 2e953be25a72 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Compact.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Compact.css Sun Aug 23 22:12:50 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Compact.css Mon Aug 24 14:03:27 2009 -0500
@@ -38,7 +38,7 @@
//right: 18px;
left: 0px;
right: 0px;
- border: 0px;
+ border: 0px !important;
border-bottom: none;
//width: 18px;
}
@@ -47,7 +47,7 @@
{
position: absolute;
font-family: AppleGothic;
- margin-top: -15px;
+ margin-top: -17px;
right: 4px;
font-size: 10px;
content: "\2b07";
@@ -88,14 +88,29 @@
text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
}
-.message:not(.consecutive):not(.history)
+.message:not(.mention):not(.autoreply):not(.consecutive):not(.history):not(.x-hover)
{
background:
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(240, 240, 240, 1))) 5px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .625)), to(rgba(255, 255, 255, .375))) 0px 0px no-repeat;
}
-.message.consecutive:not(.history)
+.message.mention:not(.consecutive):not(.history):not(.autoreply):not(.x-hover)
+{
+ background:
+ -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .8)), to(rgba(240, 240, 240, .8))) 5px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .625)), to(rgba(255, 255, 255, .375))) 0px 0px no-repeat;
+}
+
+.message.autoreply:not(.mention):not(.consecutive):not(.history):not(.x-hover)
+{
+ color: rgba(244, 244, 244, 1) !important;
+ background:
+ -webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(64, 64, 64, 1))) 5px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .625)), to(rgba(255, 255, 255, .375))) 0px 0px no-repeat;
+}
+
+.message.consecutive:not(.mention):not(.autoreply):not(.history):not(.x-hover)
{
background: none;
margin-left: 0px;
@@ -103,14 +118,6 @@
padding-right: 0px;
}
-.message.autoreply:not(.history)
-{
- color: rgba(244, 244, 244, 1) !important;
- background:
- -webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(64, 64, 64, 1))) 5px 0px no-repeat,
- -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .625)), to(rgba(255, 255, 255, .375))) 0px 0px no-repeat;
-}
-
.message.x-hover:not(.consecutive)
{
-webkit-box-shadow: 0px 1px 2px rgba(255, 255, 255, 1), 0px -1px 1px rgba(0, 0, 0, .4);
@@ -187,10 +194,10 @@
.x-rtime
{
float: right;
- color: rgba(184, 184, 184, 1);
+ padding-left: 10px;
font-size: .9em;
margin-top: 1px;
- margin-left: 5px;
+ color: rgba(184, 184, 184, 1);
}
.message .x-rtime,
@@ -299,6 +306,13 @@
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .5)), to(rgba(255, 255, 255, .5))) 0px 0px no-repeat;
}
+.history.mention.message
+{
+ background:
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, .9)), to(rgba(248, 248, 248, .9))) 5px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .5)), to(rgba(255, 255, 255, .5))) 0px 0px no-repeat;
+}
+
.history.message.x-hover:not(.consecutive)
{
background:
@@ -350,7 +364,7 @@
text-shadow: 0px 1px 4px rgba(184, 184, 184, .5);
}
-.x-hover + .x-hover
+.history.x-hover + .history.x-hover
{
-webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 1) !important;
}
diff -r eea8791b18c3 -r 2e953be25a72 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time1.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time1.css Sun Aug 23 22:12:50 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time1.css Mon Aug 24 14:03:27 2009 -0500
@@ -37,7 +37,7 @@
//right: 18px;
left: 0px;
right: 0px;
- border: 0px;
+ border: 0px !important;
border-bottom: none;
//width: 18px;
}
@@ -46,7 +46,7 @@
{
position: absolute;
font-family: AppleGothic;
- margin-top: -15px;
+ margin-top: -17px;
right: 4px;
font-size: 10px;
content: "\2b07";
@@ -127,6 +127,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:
@@ -140,8 +152,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,
@@ -151,6 +163,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)
{
@@ -163,7 +186,7 @@
-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);
}
-.message.x-hover:not(.consecutive):not(.IRC)
+.message.showIcons.x-hover:not(.consecutive):not(.IRC)
{
background:
-webkit-gradient(linear, left top, left bottom, from(rgba(208, 208, 208, 1)), to(rgba(192, 192, 192, 1))) 0px 0px no-repeat,
@@ -178,8 +201,9 @@
{
-webkit-box-shadow: 0px 2px 4px rgba(255, 255, 255, 1), 0px -1px 1px rgba(0, 0, 0, .4);
background:
- -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .75)), to(rgba(192, 192, 192, .25))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .75)), to(rgba(192, 192, 192, .75))) 0px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(208, 208, 208, 1)), to(rgba(192, 192, 192, 1))) 5px 0px no-repeat;
+ -webkit-background-size: 5px 100%, 100% 100%;
}
.message.consecutive
@@ -481,12 +505,19 @@
-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) 5px 0px no-repeat;
}
+.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;
+}
+
.history.message.x-hover:not(.consecutive)
{
background:
- -webkit-gradient(linear, left top, left bottom, from(rgba(200, 200, 200, 1)), to(rgba(200, 200, 200, 1))) 5px 0px no-repeat,
- -webkit-gradient(linear, left top, left bottom, from(rgba(200, 200, 200, .75)), to(rgba(200, 200, 200, .75))) 0px 0px no-repeat;
- -webkit-background-size: 100% 100%;
+ -webkit-gradient(linear, left top, left bottom, from(rgba(200, 200, 200, .75)), to(rgba(200, 200, 200, .75))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(200, 200, 200, 1)), to(rgba(200, 200, 200, 1))) 5px 0px no-repeat;
+ -webkit-background-size: 5px 100%, 100% 100%;
-webkit-box-shadow: 0px 2px 4px rgba(255, 255, 255, 1), 0px -1px 1px rgba(0, 0, 0, .4);
}
diff -r eea8791b18c3 -r 2e953be25a72 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time2.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time2.css Sun Aug 23 22:12:50 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time2.css Mon Aug 24 14:03:27 2009 -0500
@@ -37,7 +37,7 @@
//right: 18px;
left: 0px;
right: 0px;
- border: 0px;
+ border: 0px !important;
border-bottom: none;
//width: 18px;
}
@@ -46,7 +46,7 @@
{
position: absolute;
font-family: AppleGothic;
- margin-top: -15px;
+ margin-top: -17px;
right: 4px;
font-size: 10px;
content: "\2b07";
@@ -129,6 +129,16 @@
-webkit-background-size: 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, .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%;
+}
+
.message.autoreply:not(.history):not(.consecutive):not(.x-hover)
{
background:
@@ -140,8 +150,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,
@@ -151,6 +161,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)
{
@@ -475,6 +496,13 @@
-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) 5px 0px no-repeat;
}
+.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;
+}
+
.history.message.x-hover:not(.consecutive)
{
background:
@@ -552,10 +580,10 @@
.history.event .x-message
{
text-shadow: 0px 1px 4px rgba(64, 64, 64, .5);
- padding-left: 3px;
+ padding-right: 4px;
}
-.x-hover + .x-hover
+.history.x-hover + .history.x-hover
{
-webkit-box-shadow: 0px 2px 2px rgba(255, 255, 255, 1) !important;
}
diff -r eea8791b18c3 -r 2e953be25a72 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css Sun Aug 23 22:12:50 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css Mon Aug 24 14:03:27 2009 -0500
@@ -37,7 +37,7 @@
//right: 18px;
left: 0px;
right: 0px;
- border: 0px;
+ border: 0px !important;
border-bottom: none;
//width: 18px;
}
@@ -46,7 +46,7 @@
{
position: absolute;
font-family: AppleGothic;
- margin-top: -15px;
+ margin-top: -17px;
right: 4px;
font-size: 10px;
content: "\2b07";
@@ -124,6 +124,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:
@@ -214,10 +226,12 @@
}
img[src*="buddy_icon.png"],
+.message.hideIcons img.x-icon,
.IRC.message img.x-icon,
.consecutive.message img.x-icon,
.consecutive.message .x-sender,
.history.message img.x-icon,
+.message.hideIcons .x-iconmask,
.IRC.message .x-iconmask,
.consecutive.message .x-iconmask,
.history.message .x-iconmask,
@@ -394,7 +408,7 @@
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
+.history.x-hover + .history.x-hover
{
-webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 1) !important;
}
@@ -436,6 +450,15 @@
-webkit-background-size: 48px 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%;
+}
+
.history.message.x-hover:not(.consecutive)
{
background:
@@ -490,7 +513,7 @@
color: rgba(152, 152, 152, 1);
}
-.x-hover + .x-hover
+.history.x-hover + .history.x-hover
{
-webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 1) !important;
}
diff -r eea8791b18c3 -r 2e953be25a72 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/todo.txt
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/todo.txt Sun Aug 23 22:12:50 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/todo.txt Mon Aug 24 14:03:27 2009 -0500
@@ -1,18 +1,16 @@
- Fix/answer for 1.4!
- !# %serviceIconImg% doesn't work in topic
- !# %sendercolor% fails in header
- !# implement some sort of action using the new class?
+Must fix/answer for 1.4!
+ !# %serviceIconImg% doesn't work in topic (waiting)
+ !# %sendercolor% fails in header (waiting)
+ !# topic needs more per-variant styling?
+ !# header/topic need hideIcons/showIcons styling?
+
+ !# implement some sort of action using the new class?
!# Should classic/icon-time bubbles indent when icons are missing?
!# Should missing icons be replaced with 32x32 sendercolor?
- !# alternating + hideIcons has misplaced mention indicator. treat it just like icon-time.
- !# use lines or stars for highlights? (lines are in compact and icon-time1)
- !# topic needs more per-variant styling?
- !# focus lines need compensation for space reclamation. Or to be 100%. OR something else.
- !# use colored bubbles for mention highlights? (yellow highlight is in alternating)
Other
-
- # compact and history needs some way to distinguish sender from text besides bold. If the first word is bold, there it's hard to tell. For example, in IRC, I've seen "Cappuccino trac: Ticket #119..." where "Cappuccino trac" is bold.
+ # compact and history needs some way to distinguish sender from text besides bold. If the first word is bold, there it's hard to tell. For example, in IRC, I've seen "Cappuccino trac: Ticket #119..." where "Cappuccino trac" is bold.
+ # multiple backgrounds and multiple background sizes should be reordered from left to wright
History
# Selecting the last item fails. WHY!? (Selecting the first item succeeds.)
@@ -31,22 +29,3 @@
# 2.2 Dark variant?
# 2.2 RTL variant?
-
-
-
-
-
-
-interesting header treatments:
-
-vacation (minimization button)
-chameleon (minimization button)
-
-big icons (complex toggles)
-goodie (complex toggles)
-
-crystal (normal icons are used as header)
-metal gear solid (body scrolling)
-addressbook (side-toggles)
-candywrapper (header as column)
-safari rss (header as column)
More information about the commits
mailing list