xtras/mathuaerknedam 88:b0e3838338ae: More header/topic tweaking...
commits at adium.im
commits at adium.im
Tue Jul 28 21:00:14 UTC 2009
details: http://hg.adium.im/xtras/mathuaerknedam/rev/b0e3838338ae
revision: 88:b0e3838338ae
author: mathuaerknedam
date: Tue Jul 28 09:46:31 2009 -0500
More header/topic tweaking, including making the shadow darker again. It matched better before, but so much that the header/topic didn't stand out.
Subject: xtras/mathuaerknedam 89:eb5f350401fb: Implement space reclamation when icons are disabled, not when they are missing.
details: http://hg.adium.im/xtras/mathuaerknedam/rev/eb5f350401fb
revision: 89:eb5f350401fb
author: mathuaerknedam
date: Tue Jul 28 12:20:36 2009 -0500
Implement space reclamation when icons are disabled, not when they are missing.
Subject: xtras/mathuaerknedam 90:eacdfe6be848: Migrating icon mask and more space reclamation changes from icon-time1.
details: http://hg.adium.im/xtras/mathuaerknedam/rev/eacdfe6be848
revision: 90:eacdfe6be848
author: mathuaerknedam
date: Tue Jul 28 16:02:02 2009 -0500
Migrating icon mask and more space reclamation changes from icon-time1.
diffs (954 lines):
diff -r 85738dfabb4d -r eacdfe6be848 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Header.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Header.css Mon Jul 27 23:11:27 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Header.css Tue Jul 28 16:02:02 2009 -0500
@@ -18,7 +18,7 @@
right: 18px;
left: 8px;
height: 56px;
- -webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, .5), 8px -8px 8px rgba(255, 255, 255, 1), -8px -8px 8px rgba(255, 255, 255, 1), -8px 16px 16px rgba(248, 248, 248, 1), 8px 16px 16px rgba(248, 248, 248, 1);
+ -webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, .75), 8px -8px 8px rgba(255, 255, 255, 1), -8px -8px 8px rgba(255, 255, 255, 1), -8px 16px 16px rgba(248, 248, 248, 1), 8px 16px 16px rgba(248, 248, 248, 1);
text-align: center;
font-weight: bold;
font-size: 11px;
diff -r 85738dfabb4d -r eacdfe6be848 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html Mon Jul 27 23:11:27 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html Tue Jul 28 16:02:02 2009 -0500
@@ -7,7 +7,7 @@
</title>
<style type="text/css">
- @import url( "./Variants/Icon-Time1.css" );
+ @import url( "./Variants/icon-time2.css" );
body
{
@@ -320,7 +320,7 @@
</span>
</div>
-<div class="outgoing message SERVICE showIcons TekJew" style="background-color: seagreen;" ico="buddy_icon.png">
+<div class="outgoing message SERVICE showIcons 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"></span>
diff -r 85738dfabb4d -r eacdfe6be848 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Topic.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Topic.css Mon Jul 27 23:11:27 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Topic.css Tue Jul 28 16:02:02 2009 -0500
@@ -19,8 +19,7 @@
top: 12px;
right: 18px;
left: 8px;
- -webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, .5), 8px -8px 8px rgba(255, 255, 255, 1), -8px -8px 8px rgba(255, 255, 255, 1), -8px 16px 16px rgba(248, 248, 248, 1), 8px 16px 16px rgba(248, 248, 248, 1);
- //-webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, .5), 8px -8px 8px rgba(149, 175, 219, 1), -8px -8px 8px rgba(149, 175, 219, 1), -8px 16px 16px rgba(163, 185, 223, 1), 8px 16px 16px rgba(163, 185, 223, 1) !important;
+ -webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, .75), 8px -8px 8px rgba(255, 255, 255, 1), -8px -8px 8px rgba(255, 255, 255, 1), -8px 16px 16px rgba(248, 248, 248, 1), 8px 16px 16px rgba(248, 248, 248, 1);
z-index: 9999;
padding-top: 6px;
padding-bottom: 6px;
diff -r 85738dfabb4d -r eacdfe6be848 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css Mon Jul 27 23:11:27 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css Tue Jul 28 16:02:02 2009 -0500
@@ -37,9 +37,9 @@
right: 52px;
}
-.message:not(.consecutive),
-.status:not(.consecutive),
-.event:not(.consecutive)
+.message:not(.consecutive).showIcons,
+.status:not(.consecutive).showIcons,
+.event:not(.consecutive).showIcons
{
margin-right: 42px;
margin-left: 42px;
@@ -83,7 +83,7 @@
}
.IRC.message:not(.consecutive),
-.message[ico*="buddy_icon.png"]:not(.consecutive)
+.message.hideIcons:not(.consecutive)
{
-webkit-border-radius: 5px;
}
@@ -145,24 +145,6 @@
margin-top: 2px;
}
-/*
-.event.notification:before
-{
- position: absolute;
- left: 36px;
- margin-left: -.73em;
- margin-top: -.1em;
- //content: "\25c4";
- //content: "\262f";
- content: "\2665";
- //content: "\2716";
- //content: "\25cf";
- color: rgba(64, 64, 64, 1);
- text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
- z-index: 99;
-}
-*/
-
.x-color
{
display: none;
@@ -171,14 +153,17 @@
.message img.x-icon
{
width: 28px;
- max-height: 28px;
+ height: 28px;
position: absolute;
- z-index: 3;
margin-top: -2px;
padding: 4px;
- background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(240, 240, 240, 1)));
+ -webkit-border-radius: 5px;
+ z-index: 3;
+ background:
+ -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(248, 248, 248, 1))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(240,240, 240, 1))) 0px 16px no-repeat;
+ -webkit-background-size: 100% 16px, 100% 100%;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, .4);
- -webkit-border-radius: 5px;
}
.autoreply.message img.x-icon
@@ -201,18 +186,58 @@
-webkit-border-top-right-radius: 0px;
}
+.autoreply.message img.x-icon
+{
+ //opacity: .75;
+}
+
.message.x-hover img.x-icon
{
background: -webkit-gradient(linear, left top, left bottom, from(rgba(208, 208, 208, 1)), to(rgba(192, 192, 192, 1)));
-webkit-box-shadow: 0px 2px 4px rgba(255, 255, 255, 1), 0px -1px 1px rgba(0, 0, 0, .4);
+ -webkit-background-size: 100% 100%;
+ opacity: .5;
+}
+
+.message .x-iconmask
+{
+ width: 28px;
+ height: 28px;
+ position: absolute;
+ margin-top: 2px;
+ background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .625)), to(rgba(255, 255, 255, 0))) 0px 0px no-repeat;
+ -webkit-background-size: 28px 16px;
+ z-index: 4;
+}
+
+.autoreply.message .x-iconmask
+{
+ background: -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .625)), to(rgba(192, 192, 192, 0))) 0px 0px no-repeat;
+ -webkit-background-size: 28px 16px;
+}
+
+.incoming.message .x-iconmask
+{
+ right: 12px;
+}
+
+.outgoing.message .x-iconmask
+{
+ left: 12px;
}
img[src*="buddy_icon.png"],
-.message[ico*="buddy_icon.png"] img.x-icon,
+.message.hideIcons img.x-icon,
.IRC.message img.x-icon,
.consecutive.message img.x-icon,
.consecutive.message .x-sender,
-.history.message img.x-icon
+.history.message img.x-icon,
+.message.hideIcons .x-iconmask,
+.IRC.message .x-iconmask,
+.consecutive.message .x-iconmask,
+.x-hover.message .x-iconmask,
+.history.message .x-iconmask,
+.x-iconmask[style*="buddy_icon.png"]
{
display: none !important;
//visibility: hidden;
@@ -273,6 +298,11 @@
text-overflow: ellipsis;
}
+.hideIcons .x-ltime
+{
+ left: 12px;
+}
+
.message .x-ltime
{
color: rgba(152, 152, 152, 1);
@@ -293,6 +323,11 @@
font-family: Lucida Grande;
}
+.hideIcons .x-mark
+{
+ left: 55px;
+}
+
.message .x-mark
{
color: rgba(0, 0, 0, .8)
@@ -361,7 +396,7 @@
}
-/* History stuff */
+/* history */
.history.message:not(.consecutive),
.history.status:not(.consecutive),
@@ -380,8 +415,8 @@
border-right: 1px solid rgba(128, 128, 128, 1);
padding-top: 2px;
padding-bottom: 2px;
- margin-right: 41px;
- margin-left: 41px;
+ margin-right: -1px;
+ margin-left: -1px;
}
.history.status:not(.consecutive),
@@ -454,6 +489,9 @@
-webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 1) !important;
}
+
+/* header */
+
#x-header
{
right: 72px !important;
@@ -462,10 +500,11 @@
#x-header .x-iconmask
{
+ position: fixed !important;
height: 48px !important;
width: 48px !important;
- -webkit-border-top-left-radius: 5px;
- -webkit-border-radius: 0px;
+ -webkit-border-radius: 0px !important;
+ top: 16px !important;
}
#x-header img.x-icon
@@ -481,33 +520,43 @@
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(248, 248, 248, 1))) 0px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(240,240, 240, 1))) 0px 16px no-repeat;
-webkit-background-size: 100% 16px, 100% 100%;
- -webkit-box-shadow: 0px 2px 16px rgba(0, 0, 0, 1), 8px -8px 8px rgba(255, 255, 255, 1), -8px -8px 8px rgba(255, 255, 255, 1), -8px 16px 16px rgba(216, 216, 216, 1), 8px 16px 16px rgba(216, 216, 216, 1);
+ -webkit-box-shadow: 0px 2px 16px rgba(0, 0, 0, .75), 8px -8px 8px rgba(255, 255, 255, 1), -8px -8px 8px rgba(255, 255, 255, 1), -8px 16px 16px rgba(216, 216, 216, 1), 8px 16px 16px rgba(216, 216, 216, 1);
}
-#x-header .x-icon.incoming,
-#x-header .x-iconmask.incoming
+#x-header .x-icon.incoming
{
left: 8px !important;
-webkit-border-top-right-radius: 0px !important;
-webkit-border-bottom-right-radius: 5px !important;
}
-#x-header .x-icon.outgoing,
-#x-header .x-iconmask.outgoing
+#x-header .x-icon.outgoing
{
right: 8px !important;
-webkit-border-top-left-radius: 0px !important;
-webkit-border-bottom-left-radius: 5px !important;
}
+#x-header .x-iconmask.outgoing
+{
+ right: 12px !important;
+}
+
+#x-header .x-iconmask.incoming
+{
+ left: 12px !important;
+}
+
#x-header .x-color.incoming
{
left: 0px !important;
+ -webkit-border-bottom-left-radius: 5px;
}
#x-header .x-color.outgoing
{
right: 0px !important;
+ -webkit-border-bottom-right-radius: 5px;
}
#x-header .x-sender.incoming
diff -r 85738dfabb4d -r eacdfe6be848 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Classic.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Classic.css Mon Jul 27 23:11:27 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Classic.css Tue Jul 28 16:02:02 2009 -0500
@@ -90,10 +90,12 @@
background: rgba(240, 240, 240, .5);
}
-.message[ico*="buddy_icon.png"] img.x-icon,
+img[src*="buddy_icon.png"],
+.message.hideIcons img.x-icon,
.IRC.message img.x-icon,
.consecutive.message img.x-icon,
-.consecutive.message .x-sender
+.consecutive.message .x-sender,
+.message .x-iconmask
{
display: none !important;
//visibility: hidden;
@@ -129,9 +131,9 @@
padding-top: 5px;
}
-.status[ico*="buddy_icon.png"],
-.event[ico*="buddy_icon.png"],
-.message[ico*="buddy_icon.png"] .x-wrap,
+.status.hideIcons,
+.event.hideIcons,
+.message.hideIcons .x-wrap,
.IRC.status,
.IRC.event,
.IRC.message .x-wrap
@@ -166,13 +168,13 @@
padding-bottom: 3px;
}
-.message[ico*="buddy_icon.png"] .x-sender,
+.message.hideIcons .x-sender,
.IRC.message .x-sender
{
color: rgba(64, 64, 64, 1) !important;
}
-.history.message[ico*="buddy_icon.png"] .x-sender,
+.history.message.hideIcons .x-sender,
.IRC.history.message .x-sender
{
color: rgba(64, 64, 64, .5) !important;
@@ -238,9 +240,9 @@
display: none;
}
-.message[ico*="buddy_icon.png"] .x-mark,
-.status[ico*="buddy_icon.png"] .x-mark,
-.event[ico*="buddy_icon.png"] .x-mark,
+.message.hideIcons .x-mark,
+.status.hideIcons .x-mark,
+.event.hideIcons .x-mark,
.IRC .x-mark
{
left: 10px;
@@ -329,23 +331,7 @@
opacity: .5;
}
-/*
-.event.notification:before
-{
- position: absolute;
- right: 5px;
- margin-top: -.1em;
- //content: "\25c4";
- //content: "\262f";
- content: "\2665";
- //content: "\2716";
- //content: "\25cf";
- color: rgba(64, 64, 64, 1);
- text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
-}
-*/
-
-.message[ico*="buddy_icon.png"] .x-color,
+.message.hideIcons .x-color,
.IRC.message .x-color
{
display: block;
@@ -399,10 +385,13 @@
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .4), 0px 0px 1px rgba(0, 0, 0, .4);
}
+
+/* header */
+
#x-header,
#topic
{
- -webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, .5), 8px -8px 8px rgba(149, 175, 219, 1), -8px -8px 8px rgba(149, 175, 219, 1), -8px 16px 16px rgba(163, 185, 223, 1), 8px 16px 16px rgba(163, 185, 223, 1) !important;
+ -webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, .75), 8px -8px 8px rgba(149, 175, 219, 1), -8px -8px 8px rgba(149, 175, 219, 1), -8px 16px 16px rgba(163, 185, 223, 1), 8px 16px 16px rgba(163, 185, 223, 1) !important;
}
#x-header .x-iconmask
diff -r 85738dfabb4d -r eacdfe6be848 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Compact.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Compact.css Mon Jul 27 23:11:27 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Compact.css Tue Jul 28 16:02:02 2009 -0500
@@ -66,22 +66,6 @@
text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
}
-/*
-.event.notification:before
-{
- position: absolute;
- right: 5px;
- font-size: 10px;
- //content: "\25c4";
- //content: "\262f";
- content: "\2665";
- //content: "\2716";
- //content: "\25cf";
- color: rgba(64, 64, 64, 1);
- text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
-}
-*/
-
.message:not(.consecutive):not(.history)
{
background:
@@ -276,7 +260,7 @@
//margin-top: 16px;
}
-/* History stuff */
+/* history */
.history:not(.consecutive)
{
@@ -355,13 +339,16 @@
text-shadow: 0px 1px 4px rgba(64, 64, 64, .5);
}
+
+/* header */
+
#x-header
{
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(240, 240, 240, 1))) !important;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, .4) !important;
top: 8px !important;
height: 20px !important;
- width: 224px;
+ width: 240px;
text-align: left !important;
padding: 8px;
-webkit-background-size: auto !important;
@@ -383,13 +370,14 @@
font-weight: bold;
margin-right: 1ex;
position: relative;
- top: 6px;
+ top: 4px;
}
.serviceIcon
{
- float: left;
- top: 0px !important;
- margin-right: 1ex;
+ position: absolute !important;
+ left: 228px !important;
+ top: 8px !important;
+
}
diff -r 85738dfabb4d -r eacdfe6be848 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time1.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time1.css Mon Jul 27 23:11:27 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time1.css Tue Jul 28 16:02:02 2009 -0500
@@ -143,12 +143,12 @@
.message.x-hover:not(.consecutive):not(.IRC)
{
- -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(208, 208, 208, 1)), to(rgba(192, 192, 192, 1))) 0px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .75)), to(rgba(192, 192, 192, .25))) 0px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(208, 208, 208, 1)), to(rgba(192, 192, 192, 1))) 37px 0px no-repeat;
-webkit-background-size: 32px 100%;
+ -webkit-box-shadow: 0px 2px 4px rgba(255, 255, 255, 1), 0px -1px 1px rgba(0, 0, 0, .4);
}
.IRC.message.x-hover:not(.consecutive),
@@ -200,32 +200,11 @@
//margin-left: 0px;
}
-/*
-.event.notification:before
-{
- position: absolute;
- right: 5px;
- font-size: 10px;
- //content: "\25c4";
- //content: "\262f";
- content: "\2665";
- //content: "\2716";
- //content: "\25cf";
- color: rgba(64, 64, 64, 1);
- text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
-}
-*/
-
.x-color
{
display: none;
}
-.autoreply.message img.x-icon
-{
- opacity: .75;
-}
-
.message img.x-icon
{
width: 32px;
@@ -235,7 +214,16 @@
z-index: 3;
margin-top: -2px;
-webkit-border-top-left-radius: 5px;
- //-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .25)), to(rgba(255, 255, 255, 1)))
+}
+
+.autoreply.message img.x-icon
+{
+ opacity: .75;
+}
+
+.message.x-hover img.x-icon
+{
+ opacity: .5;
}
.message .x-iconmask
@@ -263,12 +251,6 @@
-webkit-background-size: 32px 16px, 32px 100%;
}
-.message.x-hover img.x-icon
-{
- -webkit-mask-image: none;
- opacity: .5;
-}
-
.message img.x-icon[src*="buddy_icon.png"],
.message.hideIcons img.x-icon,
.IRC.message img.x-icon,
@@ -279,7 +261,8 @@
.IRC.message .x-iconmask,
.consecutive.message .x-iconmask,
.history.message .x-iconmask,
-.x-hover.message .x-iconmask
+.x-hover.message .x-iconmask,
+.x-iconmask[style*="buddy_icon.png"]
{
display: none !important;
//visibility: hidden;
@@ -435,6 +418,7 @@
//margin-top: 16px;
}
+
/* History stuff */
.history.message:not(.consecutive),
@@ -568,3 +552,14 @@
{
-webkit-box-shadow: 0px 2px 2px rgba(255, 255, 255, 1) !important;
}
+
+
+/* header */
+
+#x-header,
+#x-header .x-icon,
+#x-header .x-iconmask
+{
+ -webkit-border-bottom-left-radius: 0px !important;
+}
+
diff -r 85738dfabb4d -r eacdfe6be848 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time2.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time2.css Mon Jul 27 23:11:27 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time2.css Tue Jul 28 16:02:02 2009 -0500
@@ -97,7 +97,7 @@
-webkit-border-top-left-radius: 5px;
}
-.message:not(.autoreply):not(.consecutive):not(.history):not(.x-hover):not(.IRC):not([ico*="buddy_icon.png"])
+.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,
@@ -119,7 +119,7 @@
}
.IRC.message:not(.autoreply):not(.consecutive):not(.history):not(.x-hover),
-.message[ico*="buddy_icon.png"]: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,
@@ -130,7 +130,7 @@
}
.IRC.message.autoreply:not(.history):not(.consecutive):not(.x-hover),
-.message[ico*="buddy_icon.png"].autoreply:not(.history):not(.consecutive):not(.x-hover)
+.message.hideIcons.autoreply:not(.history):not(.consecutive):not(.x-hover)
{
background:
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .625)), to(rgba(255, 255, 255, .25))) 0px 0px no-repeat,
@@ -142,11 +142,11 @@
.message.x-hover:not(.consecutive)
{
- -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(208, 208, 208, 1)), to(rgba(192, 192, 192, 1))) 5px 0px no-repeat;
-webkit-background-size: 5px 100%, 100% 100%;
+ -webkit-box-shadow: 0px 2px 4px rgba(255, 255, 255, 1), 0px -1px 1px rgba(0, 0, 0, .4);
}
.message.consecutive
@@ -166,8 +166,8 @@
-webkit-background-size: 100% 16px, 100% 100%;
}
-.status:not(.consecutive):not([ico*="buddy_icon.png"]),
-.event:not(.consecutive):not([ico*="buddy_icon.png"])
+.status:not(.consecutive).showIcons,
+.event:not(.consecutive).showIcons
{
margin-left: 38px;
}
@@ -178,31 +178,15 @@
margin-top: 2px;
}
-.message:not([ico*="buddy_icon.png"]).consecutive,
-.history.message[ico*="buddy_icon.png"],
-.status[ico*="buddy_icon.png"],
-.event[ico*="buddy_icon.png"],
+.message.hideIcons.consecutive,
+.history.message.hideIcons,
+.status.hideIcons,
+.event.hideIcons,
.IRC
{
margin-left: 0px;
}
-/*
-.event.notification:before
-{
- position: absolute;
- right: 5px;
- font-size: 10px;
- //content: "\25c4";
- //content: "\262f";
- content: "\2665";
- //content: "\2716";
- //content: "\25cf";
- color: rgba(64, 64, 64, 1);
- text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
-}
-*/
-
.x-color
{
display: none;
@@ -216,21 +200,54 @@
left: 13px;
z-index: 3;
margin-top: -2px;
- //-webkit-border-top-left-radius: 5px;
- -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .25)), to(rgba(255, 255, 255, 1)))
+}
+
+.autoreply.message img.x-icon
+{
+ opacity: .75;
}
.message.x-hover img.x-icon
{
- -webkit-mask-image: none;
opacity: .5;
}
-.message[ico*="buddy_icon.png"] img.x-icon,
+.message .x-iconmask
+{
+ height: 32px;
+ width: 32px;
+ //background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .5)), to(rgba(255, 255, 255, 0)));
+ background:
+ -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .625)), to(rgba(255, 255, 255, 0))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0))) 0px 16px no-repeat;
+ -webkit-background-size: 32px 16px, 32px 100%;
+ position: absolute;
+ left: 13px;
+ z-index: 4;
+ margin-top: -2px;
+}
+
+.autoreply.message .x-iconmask
+{
+ //background: -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .625)), to(rgba(192, 192, 192, 0)));
+ background:
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .625)), to(rgba(192, 192, 192, 0))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 0)), to(rgba(192, 192, 192, 0))) 0px 16px no-repeat;
+ -webkit-background-size: 32px 16px, 32px 100%;
+}
+
+.message img.x-icon[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
+.history.message img.x-icon,
+.message.hideIcons .x-iconmask,
+.IRC.message .x-iconmask,
+.consecutive.message .x-iconmask,
+.history.message .x-iconmask,
+.x-hover.message .x-iconmask,
+.x-iconmask[style*="buddy_icon.png"]
{
display: none !important;
//visibility: hidden;
@@ -256,8 +273,8 @@
//border-left: 1px solid rgba(216, 216, 216, 1);
}
-.status[ico*="buddy_icon.png"] .x-wrap,
-.event[ico*="buddy_icon.png"] .x-wrap,
+.status.hideIcons .x-wrap,
+.event.hideIcons .x-wrap,
.IRC.status .x-wrap,
.IRC.event .x-wrap
{
@@ -272,7 +289,7 @@
padding-bottom: 2px;
}
-.message[ico*="buddy_icon.png"] .x-wrap,
+.message.hideIcons .x-wrap,
.IRC.message .x-wrap
{
margin-left: -1px;
@@ -332,15 +349,14 @@
color: rgba(255, 255, 255, .8)
}
-.message .x-mark,
-.autoreply.message[ico*="buddy_icon.png"] .x-mark
+.message .x-mark
{
color: rgba(0, 0, 0, .8)
}
-.message[ico*="buddy_icon.png"] .x-mark,
-.status[ico*="buddy_icon.png"] .x-mark,
-.event[ico*="buddy_icon.png"] .x-mark,
+.message.hideIcons .x-mark,
+.status.hideIcons .x-mark,
+.event.hideIcons .x-mark,
.IRC .x-mark
{
position: absolute;
@@ -405,7 +421,7 @@
}
-/* History stuff */
+/* history */
.history.message:not(.consecutive),
.history.status:not(.consecutive),
@@ -492,15 +508,15 @@
{
}
-.history.message[ico*="buddy_icon.png"] .x-wrap,
+.history.message.hideIcons .x-wrap,
.history.IRC.message .x-wrap
{
margin-left: 5px;
}
-.history.message[ico*="buddy_icon.png"],
-.status[ico*="buddy_icon.png"],
-.event[ico*="buddy_icon.png"],
+.history.message.hideIcons,
+.history.status.hideIcons,
+.history.event.hideIcons,
.IRC
{
margin-left: 0px !important;
@@ -544,3 +560,14 @@
{
-webkit-box-shadow: 0px 2px 2px rgba(255, 255, 255, 1) !important;
}
+
+
+/* header */
+
+#x-header,
+#x-header .x-icon,
+#x-header .x-iconmask
+{
+ -webkit-border-bottom-left-radius: 0px !important;
+}
+
diff -r 85738dfabb4d -r eacdfe6be848 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css Mon Jul 27 23:11:27 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css Tue Jul 28 16:02:02 2009 -0500
@@ -148,22 +148,6 @@
margin-top: 2px;
}
-/*
-.event.notification:before
-{
- position: absolute;
- right: 5px;
- font-size: 10px;
- //content: "\25c4";
- //content: "\262f";
- content: "\2665";
- //content: "\2716";
- //content: "\25cf";
- color: rgba(64, 64, 64, 1);
- text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
-}
-*/
-
.x-color
{
display: none;
@@ -171,26 +155,60 @@
.message img.x-icon
{
- -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .25)), to(rgba(255, 255, 255, 1)))
- max-width: 32px;
- max-height: 32px;
+ height: 32px !important;
+ width: 32px !important;
float: right;
z-index: 3;
margin-top: -2px;
-webkit-border-top-right-radius: 5px;
}
+.autoreply.message img.x-icon
+{
+ opacity: .75;
+}
+
.message.x-hover img.x-icon
{
- -webkit-mask-image: none;
opacity: .5;
}
+.message .x-iconmask
+{
+ height: 32px;
+ width: 32px;
+ //background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .5)), to(rgba(255, 255, 255, 0)));
+ background:
+ -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .625)), to(rgba(255, 255, 255, 0))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0))) 0px 16px no-repeat;
+ -webkit-background-size: 32px 16px, 32px 100%;
+ position: absolute;
+ right: 18px;
+ z-index: 4;
+ margin-top: -2px;
+ -webkit-border-top-right-radius: 5px;
+}
+
+.autoreply.message .x-iconmask
+{
+ //background: -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .625)), to(rgba(192, 192, 192, 0)));
+ background:
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .625)), to(rgba(192, 192, 192, 0))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 0)), to(rgba(192, 192, 192, 0))) 0px 16px no-repeat;
+ -webkit-background-size: 32px 16px, 32px 100%;
+}
+
+
img[src*="buddy_icon.png"],
.IRC.message img.x-icon,
.consecutive.message img.x-icon,
.consecutive.message .x-sender,
-.history.message img.x-icon
+.history.message img.x-icon,
+.IRC.message .x-iconmask,
+.consecutive.message .x-iconmask,
+.x-hover.message .x-iconmask,
+.history.message .x-iconmask,
+.x-iconmask[style*="buddy_icon.png"]
{
display: none !important;
//visibility: hidden;
@@ -342,7 +360,7 @@
}
-/* History stuff */
+/* history */
.history.message:not(.consecutive),
.history.status:not(.consecutive),
@@ -464,3 +482,13 @@
-webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 1) !important;
}
+
+/* header */
+
+#x-header,
+#x-header .x-icon,
+#x-header .x-iconmask
+{
+ -webkit-border-bottom-right-radius: 0px !important;
+}
+
diff -r 85738dfabb4d -r eacdfe6be848 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/todo.txt
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/todo.txt Mon Jul 27 23:11:27 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/todo.txt Tue Jul 28 16:02:02 2009 -0500
@@ -25,8 +25,18 @@
%serviceIconImg% doesn't work in topic
%sendercolor% fails in header
+Should classic/icon-time bubbles indent when icons are missing?
-topic needs per-variant styling.
+alternating w/ hideIcons has misplaced mention indicator
+
+classic per-message arrows don't scale well
+
+
+topic needs more per-variant styling?
+
+icon-time has icon scaling issues!?
+
+disable message history label.
interesting header treatments:
More information about the commits
mailing list