xtras/mathuaerknedam 292:134318eeee79: Stockholm: Not sure when ...
commits at adium.im
commits at adium.im
Tue Dec 8 18:03:47 UTC 2009
details: http://hg.adium.im/xtras/mathuaerknedam/rev/134318eeee79
revision: 292:134318eeee79
author: mathuaerknedam
date: Tue Dec 08 12:00:25 2009 -0600
Stockholm: Not sure when or why I added the 4px padding between messages, but it's not needed.
Subject: xtras/mathuaerknedam 293:67a7a566e86c: Stockholm: adding mention and focus indicators. At this time, it's only in the 'alt green-blue' and 'alt blue-green' variants. Please try it out and give me feedback.
details: http://hg.adium.im/xtras/mathuaerknedam/rev/67a7a566e86c
revision: 293:67a7a566e86c
author: mathuaerknedam
date: Tue Dec 08 12:03:41 2009 -0600
Stockholm: adding mention and focus indicators. At this time, it's only in the 'alt green-blue' and 'alt blue-green' variants. Please try it out and give me feedback.
diffs (truncated from 1060 to 1000 lines):
diff -r 5570deff9ed1 -r 67a7a566e86c Stockholm ☿.AdiumMessageStyle/Contents/Resources/Mockup.html
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Mockup.html Tue Dec 08 12:03:41 2009 -0600
@@ -0,0 +1,437 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
+ <head>
+ <title>Multiple Backgrounds</title>
+ <style type="text/css">
+
+ @import url( "./Main.css" );
+ @import url( "./Variants/Alt Blue - Green - Plus.css" );
+
+ </style>
+ </head>
+ <body>
+
+<HR>
+
+INCOMING CONTEXT
+
+<HR>
+
+<div class="x-ctx_container incoming message history">
+ <div class="x-iconsubstitute" background="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-MetaContact-14NFTB1.png">
+ <div class="x-contents_left">
+ <img class="x-buddyicon" src="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-MetaContact-14NFTB1.png">
+ <div class="x-iconoverlay"></div>
+ </div>
+ </div>
+ <div class="x-contents_right" background="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-MetaContact-14NFTB1.png">
+ <div class="x-message_top">
+ <div class="x-header">
+ <div class="x-header_ctx_left"></div>
+ <div class="x-header_ctx_center">
+ <div class="x-sender">dneedham.g</div>
+ <div class="x-time">9:10 PM</div>
+ </div>
+ <div class="x-header_ctx_right"></div>
+ </div>
+ <div class="x-message">
+ <div class="x-message_left"></div>
+ <div class="x-message_right"></div>
+ <div class="x-text">
+ <p>sure</p>
+ <div class="x-combine consecutive incoming message history">
+ <div class="x-ctime">9:10 PM</div>
+ but they know
+ </div>
+ <div class="x-combine consecutive incoming message history">
+ <div class="x-ctime">9:10 PM</div>
+ I mean, I don't think anyone has thought to actually ask him yet, but we've talked about how he might be there</div>
+ </div>
+ </div>
+ </div>
+ <div class="x-message_bottom">
+ <div class="x-message_bottomleft"></div>
+ <div class="x-message_bottomcenter"></div>
+ <div class="x-message_bottomright"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+
+<HR>
+
+INCOMING CONTEXT MENTION
+
+<HR>
+
+<div class="x-ctx_container mention incoming message history">
+ <div class="x-iconsubstitute" background="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-MetaContact-14NFTB1.png">
+ <div class="x-contents_left">
+ <img class="x-buddyicon" src="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-MetaContact-14NFTB1.png">
+ <div class="x-iconoverlay"></div>
+ </div>
+ </div>
+ <div class="x-contents_right" background="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-MetaContact-14NFTB1.png">
+ <div class="x-message_top">
+ <div class="x-header">
+ <div class="x-header_ctx_left"></div>
+ <div class="x-header_ctx_center">
+ <div class="x-sender">dneedham.g</div>
+ <div class="x-time">9:10 PM</div>
+ </div>
+ <div class="x-header_ctx_right"></div>
+ </div>
+ <div class="x-message">
+ <div class="x-message_left"></div>
+ <div class="x-message_right"></div>
+ <div class="x-text">
+ <p>sure</p>
+ <div class="x-combine consecutive incoming message history">
+ <div class="x-ctime">9:10 PM</div>
+ but they know
+ </div>
+ <div class="x-combine consecutive incoming message history">
+ <div class="x-ctime">9:10 PM</div>
+ I mean, I don't think anyone has thought to actually ask him yet, but we've talked about how he might be there</div>
+ </div>
+ </div>
+ </div>
+ <div class="x-message_bottom">
+ <div class="x-message_bottomleft"></div>
+ <div class="x-message_bottomcenter"></div>
+ <div class="x-message_bottomright"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+
+<HR>
+
+INCOMING CONTENT MENTION (no icon)
+
+<HR>
+
+<div class="x-container incoming message voice">
+ <div class="x-iconsubstitute" background="Incoming/buddy_icon.png">
+ <div class="x-contents_left">
+ <img class="x-buddyicon" src="Incoming/buddy_icon.png">
+ <div class="x-iconoverlay"></div>
+ </div>
+ </div>
+ <div class="x-contents_right" background="Incoming/buddy_icon.png">
+ <div class="x-message_top">
+ <div class="x-header">
+ <div class="x-incomingheader_left"></div>
+ <div class="x-incomingheader_center">
+ <div class="x-sender">LuX</div>
+ <div class="x-time">8:34 AM</div>
+ </div>
+ <div class="x-incomingheader_right"></div>
+ </div>
+ <div class="x-message">
+ <div class="x-message_left"></div>
+ <div class="x-message_right"></div>
+ <div class="x-text">
+ <p> (__) </p>
+ </div>
+ </div>
+ </div>
+ <div class="x-message_bottom">
+ <div class="x-message_bottomleft"></div>
+ <div class="x-message_bottomcenter"></div>
+ <div class="x-message_bottomright"></div>
+ </div>
+ </div>
+ </div>
+
+<HR>
+
+<div class="x-container mention incoming message voice">
+ <div class="x-iconsubstitute" background="Incoming/buddy_icon.png">
+ <div class="x-contents_left">
+ <img class="x-buddyicon" src="Incoming/buddy_icon.png">
+ <div class="x-iconoverlay"></div>
+ </div>
+ </div>
+ <div class="x-contents_right" background="Incoming/buddy_icon.png">
+ <div class="x-message_top">
+ <div class="x-header">
+ <div class="x-incomingheader_left"></div>
+ <div class="x-incomingheader_center">
+ <div class="x-sender">LuX</div>
+ <div class="x-time">8:34 AM</div>
+ </div>
+ <div class="x-incomingheader_right"></div>
+ </div>
+ <div class="x-message">
+ <div class="x-message_left"></div>
+ <div class="x-message_right"></div>
+ <div class="x-text">
+ <p> (__) </p>
+ </div>
+ </div>
+ </div>
+ <div class="x-message_bottom">
+ <div class="x-message_bottomleft"></div>
+ <div class="x-message_bottomcenter"></div>
+ <div class="x-message_bottomright"></div>
+ </div>
+ </div>
+ </div>
+
+<HR>
+
+<div class="x-container mention incoming message voice">
+ <div class="x-iconsubstitute" background="Incoming/buddy_icon.png">
+ <div class="x-contents_left">
+ <img class="x-buddyicon" src="Incoming/buddy_icon.png">
+ <div class="x-iconoverlay"></div>
+ </div>
+ </div>
+ <div class="x-contents_right" background="Incoming/buddy_icon.png">
+ <div class="x-message_top">
+ <div class="x-header">
+ <div class="x-incomingheader_left"></div>
+ <div class="x-incomingheader_center">
+ <div class="x-sender">LuX</div>
+ <div class="x-time">8:34 AM</div>
+ </div>
+ <div class="x-incomingheader_right"></div>
+ </div>
+ <div class="x-message">
+ <div class="x-message_left"></div>
+ <div class="x-message_right"></div>
+ <div class="x-text">
+ <p> (__) </p>
+ <div class="x-combine consecutive incoming message voice">
+ <div class="x-ctime">8:34 AM</div>
+ (oo)
+ </div>
+ <div class="x-combine consecutive incoming message voice">
+ <div class="x-ctime">8:34 AM</div>
+ /------\/
+ </div>
+ <div class="x-combine consecutive incoming message voice">
+ <div class="x-ctime">8:34 AM</div>
+ / | || </div>
+ <div class="x-combine consecutive incoming message voice">
+ <div class="x-ctime">8:35 AM</div>
+ * /\---/\ </div>
+ <div class="x-combine consecutive incoming message voice">
+ <div class="x-ctime">8:35 AM</div>
+ ~~ ~~
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="x-message_bottom">
+ <div class="x-message_bottomleft"></div>
+ <div class="x-message_bottomcenter"></div>
+ <div class="x-message_bottomright"></div>
+ </div>
+ </div>
+ </div>
+
+<HR>
+
+INCOMING CONTENT FOCUS (no icon)
+
+<HR>
+
+<div class="x-container focus incoming message voice">
+ <div class="x-iconsubstitute" background="Incoming/buddy_icon.png">
+ <div class="x-contents_left">
+ <img class="x-buddyicon" src="Incoming/buddy_icon.png">
+ <div class="x-iconoverlay"></div>
+ </div>
+ </div>
+ <div class="x-contents_right" background="Incoming/buddy_icon.png">
+ <div class="x-message_top">
+ <div class="x-header">
+ <div class="x-incomingheader_left"></div>
+ <div class="x-incomingheader_center">
+ <div class="x-sender">LuX</div>
+ <div class="x-time">8:34 AM</div>
+ </div>
+ <div class="x-incomingheader_right"></div>
+ </div>
+ <div class="x-message">
+ <div class="x-message_left"></div>
+ <div class="x-message_right"></div>
+ <div class="x-text">
+ <p> (__) </p>
+ <div class="x-combine consecutive incoming message voice">
+ <div class="x-ctime">8:34 AM</div>
+ (oo)
+ </div>
+ <div class="x-combine consecutive incoming message voice">
+ <div class="x-ctime">8:34 AM</div>
+ /------\/
+ </div>
+ <div class="x-combine consecutive incoming message voice">
+ <div class="x-ctime">8:34 AM</div>
+ / | || </div>
+ <div class="x-combine consecutive incoming message voice">
+ <div class="x-ctime">8:35 AM</div>
+ * /\---/\ </div>
+ <div class="x-combine consecutive incoming message voice">
+ <div class="x-ctime">8:35 AM</div>
+ ~~ ~~
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="x-message_bottom">
+ <div class="x-message_bottomleft"></div>
+ <div class="x-message_bottomcenter"></div>
+ <div class="x-message_bottomright"></div>
+ </div>
+ </div>
+ </div>
+
+<HR>
+
+OUTGOING CONTEXT FOCUS
+
+<HR>
+
+<div class="x-ctx_container focus outgoing message history">
+ <div class="x-iconsubstitute" background="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-11WLX6L.png">
+ <div class="x-outgoing_left">
+ <img class="x-outgoing_buddyicon" src="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-11WLX6L.png">
+ <div class="x-outgoing_iconoverlay"></div>
+ </div>
+ </div>
+ <div class="x-outgoing_right" background="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-11WLX6L.png"> <div class="x-message_top"> <div class="x-header"> <div class="x-outgoingheader_ctx_left"></div>
+ <div class="x-outgoingheader_ctx_center">
+ <div class="x-sender">mathu.g</div>
+ <div class="x-time">9:12 PM</div>
+ </div>
+ <div class="x-outgoingheader_ctx_right"></div>
+ </div>
+ <div class="x-message">
+ <div class="x-outgoingmessage_left"></div>
+ <div class="x-outgoingmessage_right"></div>
+ <div class="x-text">
+ <p>lol</p>
+ <div class="x-combine consecutive outgoing message history">
+ <div class="x-ctime">9:12 PM</div>
+ nice
+ </div>
+ <div class="x-combine consecutive outgoing message history">
+ <div class="x-ctime">9:13 PM</div>
+ Elizabeth has pneumonia.
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="x-message_bottom">
+ <div class="x-outgoingmessage_bottomleft"></div>
+ <div class="x-outgoingmessage_bottomcenter"></div>
+ <div class="x-outgoingmessage_bottomright"></div>
+ </div>
+ </div>
+ </div>
+</div>
+
+<HR>
+
+OUTGOING CONTENT FOCUS
+
+<HR>
+
+<div class="x-container focus outgoing message">
+ <div class="x-iconsubstitute" background="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-15YNLJ7.png">
+ <div class="x-outgoing_left">
+ <img class="x-outgoing_buddyicon" src="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-15YNLJ7.png">
+ <div class="x-outgoing_iconoverlay"></div>
+ </div>
+ </div>
+ <div class="x-outgoing_right" background="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-15YNLJ7.png">
+ <div class="x-message_top">
+ <div class="x-header">
+ <div class="x-outgoingheader_left"></div>
+ <div class="x-outgoingheader_center">
+ <div class="x-sender">aerk</div>
+ <div class="x-time">6:31 PM</div>
+ </div>
+ <div class="x-outgoingheader_right"></div>
+ </div>
+ <div class="x-message">
+ <div class="x-outgoingmessage_left"></div>
+ <div class="x-outgoingmessage_right"></div>
+ <div class="x-text">
+ <p>1</p>
+ <div class="x-combine consecutive outgoing message">
+ <div class="x-ctime">6:31 PM</div>
+ 2
+ </div>
+ <div class="x-combine consecutive outgoing message">
+ <div class="x-ctime">6:31 PM</div>
+ 3
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="x-message_bottom">
+ <div class="x-outgoingmessage_bottomleft"></div>
+ <div class="x-outgoingmessage_bottomcenter"></div>
+ <div class="x-outgoingmessage_bottomright"></div>
+ </div>
+ </div>
+ </div>
+
+<HR>
+
+OUTGOING CONTENT
+
+<HR>
+
+<div class="x-container outgoing message">
+ <div class="x-iconsubstitute" background="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-15YNLJ7.png">
+ <div class="x-outgoing_left">
+ <img class="x-outgoing_buddyicon" src="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-15YNLJ7.png">
+ <div class="x-outgoing_iconoverlay"></div>
+ </div>
+ </div>
+ <div class="x-outgoing_right" background="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-15YNLJ7.png">
+ <div class="x-message_top">
+ <div class="x-header">
+ <div class="x-outgoingheader_left"></div>
+ <div class="x-outgoingheader_center">
+ <div class="x-sender">aerk</div>
+ <div class="x-time">6:31 PM</div>
+ </div>
+ <div class="x-outgoingheader_right"></div>
+ </div>
+ <div class="x-message">
+ <div class="x-outgoingmessage_left"></div>
+ <div class="x-outgoingmessage_right"></div>
+ <div class="x-text">
+ <p>1</p>
+ <div class="x-combine consecutive outgoing message">
+ <div class="x-ctime">6:31 PM</div>
+ 2
+ </div>
+ <div class="x-combine consecutive outgoing message">
+ <div class="x-ctime">6:31 PM</div>
+ 3
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="x-message_bottom">
+ <div class="x-outgoingmessage_bottomleft"></div>
+ <div class="x-outgoingmessage_bottomcenter"></div>
+ <div class="x-outgoingmessage_bottomright"></div>
+ </div>
+ </div>
+ </div>
+
+
+
+ </body>
+</html>
diff -r 5570deff9ed1 -r 67a7a566e86c Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Alt Blue - Green.css
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Alt Blue - Green.css Mon Dec 07 08:41:32 2009 -0600
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Alt Blue - Green.css Tue Dec 08 12:03:41 2009 -0600
@@ -29,3 +29,300 @@
{
background: url("../images/green_left_a.png") top right no-repeat;
}
+
+.x-message
+{
+ padding-top: 3px;
+ margin-bottom: -2px;
+}
+
+.x-message_bottom
+{
+ height: 4px;
+}
+
+.mention .x-contents_right .x-header
+{
+ background:
+ -webkit-gradient(linear, left top, left bottom, from(rgba(202, 202, 202, 1)), to(rgba(202, 202, 202, 1))) right top no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(rgba(202, 202, 202, 1)), to(rgba(202, 202, 202, 1))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) 1px 1px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(rgba(187, 187, 187, 1)), to(rgba(187, 187, 187, 1))) right top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) right 1px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(rgba(202, 202, 202, 1)), to(rgba(202, 202, 202, 1))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) 1px 1px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(241, 241, 241, 1)), to(rgba(241, 241, 241, 1))) 2px 2px no-repeat;
+ -webkit-border-top-right-radius: 4px;
+}
+
+.mention .x-header
+{
+ -webkit-background-size:
+ 2px 2px,
+
+ 1px 100%,
+ 1px 100%,
+
+ 1px 100%,
+ 2px 100%,
+
+ 100% 1px,
+ 100% 1px,
+ 100% 100%;
+}
+
+.mention .x-contents_right .x-message
+{
+ background:
+ -webkit-gradient(linear, left top, left bottom, from(rgba(187, 187, 187, 1)), to(rgba(187, 187, 187, 1))) right bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) right bottom no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) right bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) right bottom no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 73%, 1)), to(hsla(215, 73%, 73%, 1))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 62%, 1)), color-stop(.5, hsla(215, 73%, 52%, 1)), to(hsla(215, 73%, 50%, 1))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 63%, 1)), to(hsla(215, 73%, 63%, 1))) right bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 62%, 1)), color-stop(.5, hsla(215, 73%, 52%, 1)), to(hsla(215, 73%, 50%, 1))) right bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 57%, 1)), color-stop(.45, hsla(215, 73%, 48%, 1)), color-stop(.5, hsla(215, 73%, 46%, 1)), to(hsla(215, 73%, 53%, 1))) 1px 1px no-repeat;
+ -webkit-border-bottom-right-radius: 5px;
+}
+
+.mention .x-contents_right .x-message
+{
+ -webkit-background-size:
+ 100% 1px,
+ 2px 3px,
+
+ 100% 1px,
+ 1px 100%,
+ 100% 2px,
+ 1px 100%,
+
+ 100% 2px,
+ 2px 100%,
+ 100% 3px,
+ 2px 100%,
+ 100% 100%;
+ color: white;
+ padding-bottom: 2px;
+ margin-bottom: 0px;
+ text-shadow: #4D4D4D 1px 1px 1px;
+}
+
+.mention .x-ctime
+{
+ color: white;
+}
+
+.focus:not(.history) .x-contents_right .x-message_top
+{
+ background:
+ -webkit-gradient(linear, left top, left bottom, from(rgba(202, 202, 202, 1)), to(rgba(187, 187, 187, 1))) right bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(187, 187, 187, 1)), to(rgba(187, 187, 187, 1))) right bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(159, 159, 159, 1)), to(rgba(159, 159, 159, 1))) right bottom no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 41%, .8)), to(hsla(215, 73%, 41%, .8))) left 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 41%, .8)), to(hsla(215, 73%, 41%, .8))) left 1px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(202, 202, 202, 1)), to(rgba(202, 202, 202, 1))) left 5px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) left 6px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 41%, .8)), to(hsla(215, 73%, 41%, .8))) right top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 41%, .8)), to(hsla(215, 73%, 41%, .8))) right top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(187, 187, 187, 1)), to(rgba(187, 187, 187, 1))) right 5px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) right 6px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 30%, 1)), to(hsla(215, 73%, 30%, 1))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 68%, 1)), to(hsla(215, 73%, 68%, 1))) 0px 1px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 49%, 1)), to(hsla(215, 73%, 49%, 1))) 0px 2px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 41%, 1)), to(hsla(215, 73%, 41%, 1))) 0px 3px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(178, 178, 178, 1)), to(rgba(178, 178, 178, 1))) 0px 4px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(220, 220, 220, 1)), to(rgba(220, 220, 220, 1))) 1px 5px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) right bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(241, 241, 241, 1)), to(rgba(241, 241, 241, 1))) 1px 6px no-repeat;
+ -webkit-border-top-right-radius: 4px;
+ -webkit-border-bottom-right-radius: 5px;
+}
+
+.focus:not(.history) .x-outgoing_right .x-message_top
+{
+ background:
+ -webkit-gradient(linear, left top, left bottom, from(rgba(202, 202, 202, 1)), to(rgba(187, 187, 187, 1))) left bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(187, 187, 187, 1)), to(rgba(187, 187, 187, 1))) left bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(159, 159, 159, 1)), to(rgba(159, 159, 159, 1))) left bottom no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 41%, .8)), to(hsla(95, 66%, 41%, .8))) right 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 41%, .8)), to(hsla(95, 66%, 41%, .8))) right 1px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(202, 202, 202, 1)), to(rgba(202, 202, 202, 1))) right 5px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) right 6px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 41%, .8)), to(hsla(95, 66%, 41%, .8))) left top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 41%, .8)), to(hsla(95, 66%, 41%, .8))) left top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(187, 187, 187, 1)), to(rgba(187, 187, 187, 1))) left 5px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) left 6px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 30%, 1)), to(hsla(95, 66%, 30%, 1))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 68%, 1)), to(hsla(95, 66%, 68%, 1))) 0px 1px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 49%, 1)), to(hsla(95, 66%, 49%, 1))) 0px 2px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 41%, 1)), to(hsla(95, 66%, 41%, 1))) 0px 3px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(178, 178, 178, 1)), to(rgba(178, 178, 178, 1))) 0px 4px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(220, 220, 220, 1)), to(rgba(220, 220, 220, 1))) 1px 5px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) left bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(241, 241, 241, 1)), to(rgba(241, 241, 241, 1))) 1px 6px no-repeat;
+ -webkit-border-top-left-radius: 4px;
+ -webkit-border-bottom-left-radius: 5px;
+}
+
+.focus:not(.history) .x-message_top
+{
+ -webkit-background-size:
+ 2px 3px,
+ 100% 1px,
+ 100% 2px,
+
+ 1px 1px,
+ 1px 3px,
+ 1px 100%,
+ 2px 100%,
+
+ 3px 2px,
+ 2px 4px,
+ 1px 100%,
+ 2px 100%,
+
+ 100% 1px,
+ 100% 1px,
+ 100% 1px,
+ 100% 1px,
+ 100% 1px,
+ 100% 1px,
+
+ 100% 3px,
+ 100% 100%;
+ padding-bottom: 5px;
+}
+
+.x-text
+{
+ padding-right: 6px;
+}
+
+.x-text p
+{
+ margin-top: 0px;
+ margin-bottom: 1px;
+}
+
+.x-text .x-combine
+{
+ margin-top: 2px;
+ margin-bottom: 1px;
+ padding-top: 2px;
+}
+
+.mention .x-header
+{
+ color: black;
+ text-shadow: none;
+ height: 19px;
+}
+
+.x-header
+{
+ height: 19px;
+}
+
+.mention .x-incomingheader_left,
+.mention .x-incomingheader_right,
+.mention .x-outgoingheader_left,
+.mention .x-outgoingheader_right,
+.mention .x-outgoingheader_ctx_left,
+.mention .x-outgoingheader_ctx_right,
+.mention .x-outgoingmessage_right,
+.mention .x-outgoingmessage_left,
+.mention .x-outgoingmessage_bottomleft,
+.mention .x-outgoingmessage_bottomright,
+.mention .x-outgoingmessage_bottomcenter,
+.mention .x-message_left,
+.mention .x-message_right,
+.mention .x-message_bottom,
+.mention .x-message_bottomleft,
+.mention .x-message_bottomcenter,
+.mention .x-message_bottomright,
+.mention .x-header_ctx_left,
+.mention .x-header_ctx_right,
+.focus:not(.history) .x-incomingheader_left,
+.focus:not(.history) .x-incomingheader_right,
+.focus:not(.history) .x-outgoingheader_left,
+.focus:not(.history) .x-outgoingheader_right,
+.focus:not(.history) .x-outgoingmessage_right,
+.focus:not(.history) .x-outgoingmessage_left,
+.focus:not(.history) .x-outgoingmessage_bottomleft,
+.focus:not(.history) .x-outgoingmessage_bottomright,
+.focus:not(.history) .x-outgoingmessage_bottomcenter,
+.focus:not(.history) .x-message_left,
+.focus:not(.history) .x-message_right,
+.focus:not(.history) .x-message_bottom,
+.focus:not(.history) .x-message_bottomleft,
+.focus:not(.history) .x-message_bottomcenter,
+.focus:not(.history) .x-message_bottomright
+{
+ display: none;
+}
+
+.mention .x-outgoingheader_ctx_center,
+.mention .x-header_ctx_center,
+.mention .x-incomingheader_center,
+.mention .x-message,
+.focus:not(.history) .x-incomingheader_center,
+.focus:not(.history) .x-outgoingheader_center,
+.focus:not(.history) .x-header_center,
+.focus:not(.history) .x-message
+{
+ background: none;
+}
+
+.x-sender
+{
+ padding-top: 3px;
+}
+
+.x-time
+{
+ top: 3px;
+}
+
+.x-combine .x-ctime
+{
+ margin-right: 0px;
+ margin-left: 8px;
+}
+
+.mention .x-combine
+{
+ border-top: 1px solid rgba(255, 255, 255, .2);
+}
+
+.focus:not(.history) .x-sender,
+.focus:not(.history) .x-time
+{
+ text-shadow: none;
+ margin-top: 2px;
+}
+
+.focus:not(.history).incoming .x-header
+{
+ color: rgb(52, 82, 188);
+}
+
+.focus:not(.history).outgoing .x-header
+{
+ color: rgb(82, 141, 50);
+}
diff -r 5570deff9ed1 -r 67a7a566e86c Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Alt Green - Blue.css
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Alt Green - Blue.css Mon Dec 07 08:41:32 2009 -0600
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Alt Green - Blue.css Tue Dec 08 12:03:41 2009 -0600
@@ -30,3 +30,299 @@
background: url("../images/blue_left_a.png") top right no-repeat;
}
+.x-message
+{
+ padding-top: 3px;
+ margin-bottom: -2px;
+}
+
+.x-message_bottom
+{
+ height: 4px;
+}
+
+.mention .x-contents_right .x-header
+{
+ background:
+ -webkit-gradient(linear, left top, left bottom, from(rgba(202, 202, 202, 1)), to(rgba(202, 202, 202, 1))) right top no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(rgba(202, 202, 202, 1)), to(rgba(202, 202, 202, 1))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) 1px 1px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(rgba(187, 187, 187, 1)), to(rgba(187, 187, 187, 1))) right top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) right 1px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(rgba(202, 202, 202, 1)), to(rgba(202, 202, 202, 1))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) 1px 1px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(241, 241, 241, 1)), to(rgba(241, 241, 241, 1))) 2px 2px no-repeat;
+ -webkit-border-top-right-radius: 4px;
+}
+
+.mention .x-header
+{
+ -webkit-background-size:
+ 2px 2px,
+
+ 1px 100%,
+ 1px 100%,
+
+ 1px 100%,
+ 2px 100%,
+
+ 100% 1px,
+ 100% 1px,
+ 100% 100%;
+}
+
+.mention .x-contents_right .x-message
+{
+ background:
+ -webkit-gradient(linear, left top, left bottom, from(rgba(187, 187, 187, 1)), to(rgba(187, 187, 187, 1))) right bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 33%, 1)), to(hsla(95, 66%, 33%, 1))) right bottom no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 33%, 1)), to(hsla(95, 66%, 33%, 1))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 33%, 1)), to(hsla(95, 66%, 33%, 1))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 33%, 1)), to(hsla(95, 66%, 33%, 1))) right bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 33%, 1)), to(hsla(95, 66%, 33%, 1))) right bottom no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 68%, 1)), to(hsla(95, 66%, 68%, 1))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 57%, 1)), color-stop(.5, hsla(95, 66%, 47%, 1)), to(hsla(95, 66%, 45%, 1))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 58%, 1)), to(hsla(95, 66%, 58%, 1))) right bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 57%, 1)), color-stop(.5, hsla(95, 66%, 47%, 1)), to(hsla(95, 66%, 45%, 1))) right bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 52%, 1)), color-stop(.45, hsla(95, 66%, 43%, 1)), color-stop(.5, hsla(95, 66%, 41%, 1)), to(hsla(95, 66%, 48%, 1))) 1px 1px no-repeat;
+ -webkit-border-bottom-right-radius: 5px;
+}
+
+.mention .x-contents_right .x-message
+{
+ -webkit-background-size:
+ 100% 1px,
+ 2px 3px,
+
+ 100% 1px,
+ 1px 100%,
+ 100% 2px,
+ 1px 100%,
+
+ 100% 2px,
+ 2px 100%,
+ 100% 3px,
+ 2px 100%,
+ 100% 100%;
+ color: white;
+ padding-bottom: 2px;
+ margin-bottom: 0px;
+ text-shadow: #4D4D4D 1px 1px 1px;
+}
+
+.mention .x-ctime
+{
+ color: white;
+}
+
+.focus:not(.history) .x-contents_right .x-message_top
+{
+ background:
+ -webkit-gradient(linear, left top, left bottom, from(rgba(202, 202, 202, 1)), to(rgba(187, 187, 187, 1))) right bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(187, 187, 187, 1)), to(rgba(187, 187, 187, 1))) right bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(159, 159, 159, 1)), to(rgba(159, 159, 159, 1))) right bottom no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 41%, .8)), to(hsla(95, 66%, 41%, .8))) left 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 41%, .8)), to(hsla(95, 66%, 41%, .8))) left 1px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(202, 202, 202, 1)), to(rgba(202, 202, 202, 1))) left 5px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) left 6px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 41%, .8)), to(hsla(95, 66%, 41%, .8))) right top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 41%, .8)), to(hsla(95, 66%, 41%, .8))) right top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(187, 187, 187, 1)), to(rgba(187, 187, 187, 1))) right 5px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) right 6px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 30%, 1)), to(hsla(95, 66%, 30%, 1))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 68%, 1)), to(hsla(95, 66%, 68%, 1))) 0px 1px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 49%, 1)), to(hsla(95, 66%, 49%, 1))) 0px 2px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 41%, 1)), to(hsla(95, 66%, 41%, 1))) 0px 3px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(178, 178, 178, 1)), to(rgba(178, 178, 178, 1))) 0px 4px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(220, 220, 220, 1)), to(rgba(220, 220, 220, 1))) 1px 5px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) right bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(241, 241, 241, 1)), to(rgba(241, 241, 241, 1))) 1px 6px no-repeat;
+ -webkit-border-top-right-radius: 4px;
+ -webkit-border-bottom-right-radius: 5px;
+}
+
+.focus:not(.history) .x-outgoing_right .x-message_top
+{
+ background:
+ -webkit-gradient(linear, left top, left bottom, from(rgba(202, 202, 202, 1)), to(rgba(187, 187, 187, 1))) left bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(187, 187, 187, 1)), to(rgba(187, 187, 187, 1))) left bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(159, 159, 159, 1)), to(rgba(159, 159, 159, 1))) left bottom no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 41%, .8)), to(hsla(215, 73%, 41%, .8))) right 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 41%, .8)), to(hsla(215, 73%, 41%, .8))) right 1px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(202, 202, 202, 1)), to(rgba(202, 202, 202, 1))) right 5px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) right 6px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 41%, .8)), to(hsla(215, 73%, 41%, .8))) left top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 41%, .8)), to(hsla(215, 73%, 41%, .8))) left top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(187, 187, 187, 1)), to(rgba(187, 187, 187, 1))) left 5px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) left 6px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 30%, 1)), to(hsla(215, 73%, 30%, 1))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 68%, 1)), to(hsla(215, 73%, 68%, 1))) 0px 1px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 49%, 1)), to(hsla(215, 73%, 49%, 1))) 0px 2px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 41%, 1)), to(hsla(215, 73%, 41%, 1))) 0px 3px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(178, 178, 178, 1)), to(rgba(178, 178, 178, 1))) 0px 4px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(220, 220, 220, 1)), to(rgba(220, 220, 220, 1))) 1px 5px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) left bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(241, 241, 241, 1)), to(rgba(241, 241, 241, 1))) 1px 6px no-repeat;
+ -webkit-border-top-left-radius: 4px;
+ -webkit-border-bottom-left-radius: 5px;
+}
+
+.focus:not(.history) .x-message_top
+{
+ -webkit-background-size:
+ 2px 3px,
+ 100% 1px,
+ 100% 2px,
+
+ 1px 1px,
+ 1px 3px,
+ 1px 100%,
+ 2px 100%,
+
+ 3px 2px,
+ 2px 4px,
+ 1px 100%,
+ 2px 100%,
+
+ 100% 1px,
+ 100% 1px,
+ 100% 1px,
+ 100% 1px,
+ 100% 1px,
+ 100% 1px,
+
+ 100% 3px,
+ 100% 100%;
+ padding-bottom: 5px;
+}
+
+.x-text
+{
+ padding-right: 6px;
+}
+
+.x-text p
+{
+ margin-top: 0px;
+ margin-bottom: 1px;
+}
+
+.x-text .x-combine
+{
+ margin-top: 2px;
+ margin-bottom: 1px;
+ padding-top: 2px;
+}
+
+.mention .x-contents_right .x-header
+{
+ color: black;
+ text-shadow: none;
+ height: 19px;
+}
+
+.x-header
+{
+ height: 19px;
+}
+
+.mention .x-incomingheader_left,
+.mention .x-incomingheader_right,
+.mention .x-outgoingheader_left,
+.mention .x-outgoingheader_right,
+.mention .x-outgoingheader_ctx_left,
+.mention .x-outgoingheader_ctx_right,
+.mention .x-outgoingmessage_right,
+.mention .x-outgoingmessage_left,
+.mention .x-outgoingmessage_bottomleft,
+.mention .x-outgoingmessage_bottomright,
+.mention .x-outgoingmessage_bottomcenter,
+.mention .x-message_left,
+.mention .x-message_right,
+.mention .x-message_bottom,
+.mention .x-message_bottomleft,
+.mention .x-message_bottomcenter,
+.mention .x-message_bottomright,
+.mention .x-header_ctx_left,
+.mention .x-header_ctx_right,
+.focus:not(.history) .x-incomingheader_left,
+.focus:not(.history) .x-incomingheader_right,
+.focus:not(.history) .x-outgoingheader_left,
+.focus:not(.history) .x-outgoingheader_right,
+.focus:not(.history) .x-outgoingmessage_right,
+.focus:not(.history) .x-outgoingmessage_left,
+.focus:not(.history) .x-outgoingmessage_bottomleft,
+.focus:not(.history) .x-outgoingmessage_bottomright,
+.focus:not(.history) .x-outgoingmessage_bottomcenter,
+.focus:not(.history) .x-message_left,
+.focus:not(.history) .x-message_right,
+.focus:not(.history) .x-message_bottom,
+.focus:not(.history) .x-message_bottomleft,
+.focus:not(.history) .x-message_bottomcenter,
+.focus:not(.history) .x-message_bottomright
+{
+ display: none;
+}
+
+.mention .x-outgoingheader_ctx_center,
More information about the commits
mailing list