xtras/mathuaerknedam 84:42d3797fd886: change the header date for...
commits at adium.im
commits at adium.im
Sun Jul 26 01:24:21 UTC 2009
details: http://hg.adium.im/xtras/mathuaerknedam/rev/42d3797fd886
revision: 84:42d3797fd886
author: mathuaerknedam
date: Sat Jul 25 20:25:11 2009 -0500
change the header date format to the US norm.
Subject: xtras/mathuaerknedam 85:c0bc20ce989d: First round of per-variant header customization
details: http://hg.adium.im/xtras/mathuaerknedam/rev/c0bc20ce989d
revision: 85:c0bc20ce989d
author: mathuaerknedam
date: Sat Jul 25 20:25:46 2009 -0500
First round of per-variant header customization
diffs (636 lines):
diff -r f098a23756bb -r c0bc20ce989d Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Header.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Header.css Mon Jul 20 08:54:09 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Header.css Sat Jul 25 20:25:46 2009 -0500
@@ -8,23 +8,30 @@
#x-header
{
color: rgba(64, 64, 64, 1);
- background:
+ color: rgba(244, 244, 244, 1);
+ //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-background-size: 100% 16px, 100% 100%;
+ background: -webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(64, 64, 64, 1)));
-webkit-border-radius: 5px;
position: fixed;
top: 12px;
right: 18px;
left: 8px;
height: 56px;
- -webkit-box-shadow: 0px 2px 16px rgba(0, 0, 0, 1), 8px -8px 8px rgba(216, 216, 216, 1), -8px -8px 8px rgba(216, 216, 216, 1), -8px 16px 16px rgba(216, 216, 216, 1), 8px 16px 16px rgba(216, 216, 216, 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;
+ line-height: 11px;
z-index: 100;
}
#x-header img.x-icon[src*="incoming_icon.png"],
-#x-header img.x-icon[src*="outgoing_icon.png"]
+#x-header img.x-icon[src*="outgoing_icon.png"],
+#x-header .x-iconmask[style*="incoming_icon.png"],
+#x-header .x-iconmask[style*="outgoing_icon.png"]
{
display: none;
}
@@ -39,7 +46,7 @@
-webkit-background-size: 56px 16px, 56px 100%;
position: absolute;
z-index: 104;
- top: 2px;
+ top: 0px;
-webkit-border-top-left-radius: 5px;
-webkit-border-radius: 0px;
}
@@ -47,14 +54,16 @@
#x-header img.x-icon
{
-webkit-border-radius: 0px;
- //position: absolute;
+ position: absolute;
z-index: 101;
- width: 56px !important;
- height: 56px !important;
+ width: 56px;
+ min-width: 56px;
+ height: 56px;
+ min-height: 56px;
max-width: none;
max-height: none;
//padding: 0;
- top: 2px;
+ top: 0px;
//background: rgba(240, 240, 240, 1);
}
@@ -100,9 +109,9 @@
-webkit-border-bottom-right-radius: 5px;
}
-#x-header .x-sender {
+#x-header .x-sender
+{
font-size: 11px;
- text-transform: lowercase;
position: absolute;
top: 38px;
margin: 0;
@@ -112,34 +121,37 @@
width: 25%;
}
-#x-header .x-sender.incoming {
+#x-header .x-sender.incoming
+{
left: 64px;
- //color: rgba(168, 0, 40, 1);
text-align: left;
}
-#x-header .x-sender.outgoing {
+#x-header .x-sender.outgoing
+{
right: 64px;
- //color: rgba(0, 16, 144, 1);
text-align: right;
}
-#x-header .x-date {
- font-size: 11px;
- color: rgba(56, 56, 56, 1);
+#x-header .x-date
+{
+ display: block;
+ margin-top: 4px;
white-space: nowrap;
- margin-top: 4px;
overflow: hidden;
text-overflow: ellipsis;
- display: block;
- font-weight: bold;
}
-#x-header .x-time {
+#x-header .x-time
+{
+ display: block;
margin-top: 4px;
- font-size: 10px;
- color: rgba(120, 120, 120, 1);
- display: block;
+}
+
+.serviceIcon
+{
+ position: relative;
+ top: 4px;
}
img.serviceIcon
diff -r f098a23756bb -r c0bc20ce989d Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Header.html
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Header.html Mon Jul 20 08:54:09 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Header.html Sat Jul 25 20:25:46 2009 -0500
@@ -3,7 +3,7 @@
</style>
<div id="x-header">
- <span class="x-date">%timeOpened{%A %e %B %Y}%</span>
+ <span class="x-date">%timeOpened{%A, %B %e, %Y}%</span>
<span class="x-time">%timeOpened%</span>
%serviceIconImg%
<span class="x-sender incoming">%destinationName%</span>
diff -r f098a23756bb -r c0bc20ce989d Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Topic.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Topic.css Mon Jul 20 08:54:09 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Topic.css Sat Jul 25 20:25:46 2009 -0500
@@ -10,16 +10,18 @@
#topic
{
color: rgba(64, 64, 64, 1);
- background:
+ color: rgba(244, 244, 244, 1);
+ //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-background-size: 100% 16px, 100% 100%;
+ background: -webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(64, 64, 64, 1)));
-webkit-border-radius: 5px;
position: fixed;
top: 12px;
right: 18px;
left: 8px;
- -webkit-box-shadow: 0px 2px 16px rgba(0, 0, 0, 1), 8px -8px 8px rgba(216, 216, 216, 1), -8px -8px 8px rgba(216, 216, 216, 1), -8px 16px 16px rgba(216, 216, 216, 1), 8px 16px 16px rgba(216, 216, 216, 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);
z-index: 9999;
padding-top: 6px;
padding-bottom: 6px;
@@ -36,7 +38,7 @@
padding-left: 8px;
padding-right: 8px;
display: block;
- color: rgba(56, 56, 56, 1);
+ min-height: 1.2em;
//max-height: 40px;
//text-overflow: ellipsis;
diff -r f098a23756bb -r c0bc20ce989d Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css Mon Jul 20 08:54:09 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css Sat Jul 25 20:25:46 2009 -0500
@@ -168,7 +168,7 @@
display: none;
}
-img.x-icon
+.message img.x-icon
{
width: 28px;
max-height: 28px;
@@ -181,7 +181,7 @@
-webkit-border-radius: 5px;
}
-.autoreply img.x-icon
+.autoreply.message img.x-icon
{
background:
-webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(80, 80, 80, 1))) 0px 0px no-repeat,
@@ -189,13 +189,13 @@
-webkit-background-size: 100% 16px, 100% 100%;
}
-.incoming img.x-icon
+.incoming.message img.x-icon
{
right: 8px;
-webkit-border-top-left-radius: 0px;
}
-.outgoing img.x-icon
+.outgoing.message img.x-icon
{
left: 8px;
-webkit-border-top-right-radius: 0px;
@@ -210,9 +210,9 @@
img[src*="buddy_icon.png"],
.message[ico*="buddy_icon.png"] img.x-icon,
.IRC.message img.x-icon,
-.consecutive img.x-icon,
+.consecutive.message img.x-icon,
.consecutive.message .x-sender,
-.history img.x-icon
+.history.message img.x-icon
{
display: none !important;
//visibility: hidden;
@@ -453,3 +453,70 @@
{
-webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 1) !important;
}
+
+#x-header
+{
+ right: 72px !important;
+ left: 72px !important;
+}
+
+#x-header .x-iconmask
+{
+ height: 48px !important;
+ width: 48px !important;
+ -webkit-border-top-left-radius: 5px;
+ -webkit-border-radius: 0px;
+}
+
+#x-header img.x-icon
+{
+ position: fixed !important;
+ top: 12px !important;
+ width: 48px !important;
+ min-width: 48px !important;
+ height: 48px !important;
+ min-height: 48px !important;
+ padding: 4px;
+ 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 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);
+}
+
+#x-header .x-icon.incoming,
+#x-header .x-iconmask.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
+{
+ right: 8px !important;
+ -webkit-border-top-left-radius: 0px !important;
+ -webkit-border-bottom-left-radius: 5px !important;
+}
+
+#x-header .x-color.incoming
+{
+ left: 0px !important;
+}
+
+#x-header .x-color.outgoing
+{
+ right: 0px !important;
+}
+
+#x-header .x-sender.incoming
+{
+ left: 9px !important;
+}
+
+#x-header .x-sender.outgoing
+{
+ right: 9px !important;
+}
+
diff -r f098a23756bb -r c0bc20ce989d Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Classic.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Classic.css Mon Jul 20 08:54:09 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Classic.css Sat Jul 25 20:25:46 2009 -0500
@@ -1,4 +1,4 @@
- @charset "utf-8";
+ at charset "utf-8";
*
{
@@ -72,7 +72,7 @@
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .4);
}
-img.x-icon
+.message img.x-icon
{
max-width: 32px;
max-height: 32px;
@@ -84,15 +84,15 @@
background: rgba(240, 240, 240, 1);
}
-.history .x-icon
+.history.message .x-icon
{
opacity: .5;
background: rgba(240, 240, 240, .5);
}
.message[ico*="buddy_icon.png"] img.x-icon,
-.IRC img.x-icon,
-.consecutive img.x-icon,
+.IRC.message img.x-icon,
+.consecutive.message img.x-icon,
.consecutive.message .x-sender
{
display: none !important;
@@ -399,3 +399,55 @@
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .4), 0px 0px 1px rgba(0, 0, 0, .4);
}
+#x-header
+{
+ -webkit-box-shadow: 0px 2px 16px rgba(0, 0, 0, 1), 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
+{
+ height: 48px !important;
+ width: 48px !important;
+ top: 6px !important;
+}
+
+#x-header img.x-icon
+{
+ position: absolute;
+ margin-top: -2px;
+ background: rgba(240, 240, 240, 1);
+ -webkit-border-radius: 5px !important;
+ width: 48px !important;
+ min-width: 48px !important;
+ height: 48px !important;
+ min-height: 48px !important;
+ top: 6px !important;
+}
+
+#x-header .x-icon.incoming,
+#x-header .x-iconmask.incoming
+{
+ left: 4px !important;
+}
+
+#x-header .x-icon.outgoing,
+#x-header .x-iconmask.outgoing
+{
+ right: 4px !important;
+}
+
+#x-header .x-sender.incoming {
+ left: 56px !important;
+ color: rgba(168, 0, 40, 1);
+}
+
+#x-header .x-sender.outgoing {
+ right: 56px !important;
+ color: rgba(0, 16, 144, 1);
+}
+
+#x-header .x-color
+{
+ display: none !important;
+}
+
diff -r f098a23756bb -r c0bc20ce989d Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Compact.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Compact.css Mon Jul 20 08:54:09 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Compact.css Sat Jul 25 20:25:46 2009 -0500
@@ -131,7 +131,7 @@
display: none;
}
-img.x-icon
+.message img.x-icon
{
display: none;
position:fixed;
@@ -152,7 +152,7 @@
-webkit-border-radius: 5px;
}
-.consecutive img.x-icon
+.consecutive.message img.x-icon
{
display: none !important;
}
@@ -355,3 +355,41 @@
text-shadow: 0px 1px 4px rgba(64, 64, 64, .5);
}
+#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;
+ text-align: left !important;
+ padding: 8px;
+ -webkit-background-size: auto !important;
+ vertical-align: bottom !important;
+}
+
+#x-header .x-color,
+#x-header .x-iconmask,
+#x-header img.x-icon,
+#x-header .x-sender
+{
+ display: none !important;
+}
+
+#x-header .x-date,
+#x-header .x-time
+{
+ display: inline !important;
+ font-weight: bold;
+ margin-right: 1ex;
+ position: relative;
+ top: 6px;
+}
+
+.serviceIcon
+{
+ float: left;
+ top: 0px !important;
+ margin-right: 1ex;
+}
+
diff -r f098a23756bb -r c0bc20ce989d Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time1.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time1.css Mon Jul 20 08:54:09 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time1.css Sat Jul 25 20:25:46 2009 -0500
@@ -221,7 +221,12 @@
display: none;
}
-img.x-icon
+.autoreply.message img.x-icon
+{
+ opacity: .75;
+}
+
+.message img.x-icon
{
width: 32px;
max-height: 32px;
@@ -230,19 +235,10 @@
z-index: 3;
margin-top: -2px;
-webkit-border-top-left-radius: 5px;
-}
-
-.autoreply img.x-icon
-{
- opacity: .75;
-}
-
-.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)))
}
-.x-iconmask
+.message .x-iconmask
{
height: 32px;
width: 32px;
@@ -258,7 +254,7 @@
-webkit-border-top-left-radius: 5px;
}
-.autoreply .x-iconmask
+.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:
@@ -273,17 +269,17 @@
opacity: .5;
}
-img.x-icon[src*="buddy_icon.png"],
+.message img.x-icon[src*="buddy_icon.png"],
.message.hideIcons img.x-icon,
-.IRC img.x-icon,
-.consecutive img.x-icon,
+.IRC.message img.x-icon,
+.consecutive.message img.x-icon,
.consecutive.message .x-sender,
-.history img.x-icon,
+.history.message img.x-icon,
.message.hideIcons .x-iconmask,
-.IRC .x-iconmask,
-.consecutive .x-iconmask,
-.history .x-iconmask,
-.x-hover .x-iconmask
+.IRC.message .x-iconmask,
+.consecutive.message .x-iconmask,
+.history.message .x-iconmask,
+.x-hover.message .x-iconmask
{
display: none !important;
//visibility: hidden;
diff -r f098a23756bb -r c0bc20ce989d Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time2.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time2.css Mon Jul 20 08:54:09 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time2.css Sat Jul 25 20:25:46 2009 -0500
@@ -208,7 +208,7 @@
display: none;
}
-img.x-icon
+.message img.x-icon
{
max-width: 32px;
max-height: 32px;
@@ -217,10 +217,6 @@
z-index: 3;
margin-top: -2px;
//-webkit-border-top-left-radius: 5px;
-}
-
-.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)))
}
@@ -231,10 +227,10 @@
}
.message[ico*="buddy_icon.png"] img.x-icon,
-.IRC img.x-icon,
-.consecutive img.x-icon,
+.IRC.message img.x-icon,
+.consecutive.message img.x-icon,
.consecutive.message .x-sender,
-.history img.x-icon
+.history.message img.x-icon
{
display: none !important;
//visibility: hidden;
diff -r f098a23756bb -r c0bc20ce989d Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css Mon Jul 20 08:54:09 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css Sat Jul 25 20:25:46 2009 -0500
@@ -169,8 +169,9 @@
display: none;
}
-img.x-icon
+.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;
float: right;
@@ -179,11 +180,6 @@
-webkit-border-top-right-radius: 5px;
}
-.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)))
-}
-
.message.x-hover img.x-icon
{
-webkit-mask-image: none;
@@ -192,9 +188,9 @@
img[src*="buddy_icon.png"],
.IRC.message img.x-icon,
-.consecutive img.x-icon,
+.consecutive.message img.x-icon,
.consecutive.message .x-sender,
-.history img.x-icon
+.history.message img.x-icon
{
display: none !important;
//visibility: hidden;
@@ -467,3 +463,4 @@
{
-webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 1) !important;
}
+
diff -r f098a23756bb -r c0bc20ce989d Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/todo.txt
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/todo.txt Mon Jul 20 08:54:09 2009 -0500
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/todo.txt Sat Jul 25 20:25:46 2009 -0500
@@ -22,11 +22,23 @@
# RTL variant? 2.1
-%serviceIconImg% need alt text also in title.
%serviceIconImg% doesn't work in topic
%sendercolor% fails in header
header needs per-variant styling
topic needs per-variant styling
-header serviceicon alt text needs top padding
+
+interesting header treatments:
+
+addressbook (toggles)
+big icons (minimization button)
+candywrapper (header as column)
+chameleon (minimization button)
+crystal (normal icons are used as header)
+goodie (resizes on click)
+metal gear solid (body scrolling)
+msn (minimization button)
+reflection box (cursor changes)
+safari rss (header as column)
+vacation (minimization button)
More information about the commits
mailing list