xtras/mathuaerknedam 552:07f2109a9dbe: Stockholm: Add support fo...
commits at adium.im
commits at adium.im
Sat Feb 5 14:56:15 UTC 2011
details: http://hg.adium.im/xtras/mathuaerknedam/rev/07f2109a9dbe
revision: 552:07f2109a9dbe
author: mathuaerknedam
date: Fri Feb 04 14:09:50 2011 -0600
Stockholm: Add support for clicking the message timestamp to hide it and for displaying message timestamps on the left when the message text is RTL.
Subject: xtras/mathuaerknedam 553:e0b7d6d53a76: Smooth Operator: Tweak the header in the Dark variant.
details: http://hg.adium.im/xtras/mathuaerknedam/rev/e0b7d6d53a76
revision: 553:e0b7d6d53a76
author: mathuaerknedam
date: Fri Feb 04 14:14:12 2011 -0600
Smooth Operator: Tweak the header in the Dark variant.
diffs (425 lines):
diff -r 7e743debd70b -r e0b7d6d53a76 Smooth Operator.AdiumMessageStyle/Contents/Resources/Variants/Dark.css
--- a/Smooth Operator.AdiumMessageStyle/Contents/Resources/Variants/Dark.css Fri Feb 04 11:00:33 2011 -0600
+++ b/Smooth Operator.AdiumMessageStyle/Contents/Resources/Variants/Dark.css Fri Feb 04 14:14:12 2011 -0600
@@ -631,8 +631,9 @@
padding-right: 5px;
background:
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .2)), to(rgba(255, 255, 255, .2))) 0px 0px no-repeat,
- -webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(48, 48, 48, 1))) 0px 0px no-repeat !important;
- -webkit-background-size: 100% 1px, 100% 100% !important;
+ -webkit-gradient(linear, left top, left bottom, from(rgba(144, 144, 144, 1)), to(rgba(72, 72, 72, 1))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(72, 72, 72, 1)), to(rgba(32, 32, 32, 1))) 0px 16px no-repeat !important;
+ -webkit-background-size: 100% 1px, 100% 16px, 100% 100% !important;
-webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, .8) !important;
-webkit-border-top-left-radius: 0px !important;
-webkit-border-bottom-left-radius: 0px !important;
diff -r 7e743debd70b -r e0b7d6d53a76 Stockholm.AdiumMessageStyle/Contents/Resources/Incoming/Content.html
--- a/Stockholm.AdiumMessageStyle/Contents/Resources/Incoming/Content.html Fri Feb 04 11:00:33 2011 -0600
+++ b/Stockholm.AdiumMessageStyle/Contents/Resources/Incoming/Content.html Fri Feb 04 14:14:12 2011 -0600
@@ -1,14 +1,14 @@
-<div class="x-container %messageClasses% %service% %userIcons%" background="%userIconPath%">
+<div class="x-container %messageClasses% %service% %userIcons% %messageDirection%" background="%userIconPath%">
<img class="x-buddyicon" src="%userIconPath%" />
<div class="x-iconoverlay"></div>
<div class="x-mentionicon" title="Mentioned!"></div>
- <div class="x-header">
+ <div class="x-header %messageDirection%">
<div class="x-time" title="%time{dd MMM yyyy}%">%time%</div>
<div class="x-sender">%sender%</div>
</div>
- <div class="x-message">
- <div class="x-time" title="%time{dd MMM yyyy}%">%time%</div>
- <div class="x-text">%message%</div>
+ <div class="x-message %messageDirection%">
+ <div class="x-time" title="%time{dd MMM yyyy}%" onclick="style.display='none'">%time%</div>
+ <div class="x-text %messageDirection%">%message%</div>
</div>
<div id="insert"></div>
</div>
diff -r 7e743debd70b -r e0b7d6d53a76 Stockholm.AdiumMessageStyle/Contents/Resources/Incoming/NextContent.html
--- a/Stockholm.AdiumMessageStyle/Contents/Resources/Incoming/NextContent.html Fri Feb 04 11:00:33 2011 -0600
+++ b/Stockholm.AdiumMessageStyle/Contents/Resources/Incoming/NextContent.html Fri Feb 04 14:14:12 2011 -0600
@@ -1,5 +1,5 @@
-<div class="x-message %messageClasses% %service% %userIcons%">
- <div class="x-time" title="%time{dd MMM yyyy}%">%time%</div>
+<div class="x-message %messageClasses% %service% %userIcons% %messageDirection%">
+ <div class="x-time" title="%time{dd MMM yyyy}%" onclick="style.display='none'">%time%</div>
<div class="x-text">%message%</div>
</div>
<div id="insert"></div>
diff -r 7e743debd70b -r e0b7d6d53a76 Stockholm.AdiumMessageStyle/Contents/Resources/Mockup.html
--- a/Stockholm.AdiumMessageStyle/Contents/Resources/Mockup.html Fri Feb 04 11:00:33 2011 -0600
+++ b/Stockholm.AdiumMessageStyle/Contents/Resources/Mockup.html Fri Feb 04 14:14:12 2011 -0600
@@ -36,15 +36,15 @@
<HR>
-<div class="x-container incoming message history AIM showIcons" background="buddy_noicon.png">
+<div class="x-container incoming message history AIM showIcons ltr" background="buddy_noicon.png">
<img class="x-buddyicon">
<div class="x-iconoverlay"></div>
<div class="x-mentionicon" title="Mentioned!"></div>
- <div class="x-header">
+ <div class="x-header ltr">
<div class="x-time">12:22 PM</div>
<div class="x-sender">yhn | ujm</div>
</div>
- <div class="x-message">
+ <div class="x-message ltr">
<div class="x-time">12:22 PM</div>
<div class="x-text"><a href=http://>1</a></div>
</div>
@@ -52,23 +52,23 @@
<HR>
-<div class="x-container incoming message history AIM showIcons" background="buddy_noicon.png">
+<div class="x-container incoming message history AIM showIcons ltr" background="buddy_noicon.png">
<img class="x-buddyicon">
<div class="x-iconoverlay"></div>
<div class="x-mentionicon" title="Mentioned!"></div>
- <div class="x-header">
+ <div class="x-header ltr">
<div class="x-time">12:22 PM</div>
<div class="x-sender">yhn | ujm</div>
</div>
- <div class="x-message">
+ <div class="x-message ltr">
<div class="x-time">12:22 PM</div>
<div class="x-text"><a href=http://>1</a></div>
</div>
- <div class="x-message consecutive incoming message history AIM showIcons">
+ <div class="x-message ltr consecutive incoming message history AIM showIcons">
<div class="x-time">12:22 PM</div>
<div class="x-text">2</div>
</div>
- <div class="x-message consecutive incoming message history AIM showIcons">
+ <div class="x-message ltr consecutive incoming message history AIM showIcons">
<div class="x-time">12:22 PM</div>
<div class="x-text">3</div>
</div>
@@ -79,15 +79,15 @@
<HR>
-<div class="x-container mention incoming message history AIM showIcons" background="buddy_noicon.png">
+<div class="x-container mention incoming message history AIM showIcons ltr" background="buddy_noicon.png">
<img class="x-buddyicon">
<div class="x-iconoverlay"></div>
<div class="x-mentionicon" title="Mentioned!"></div>
- <div class="x-header">
+ <div class="x-header ltr">
<div class="x-time">12:22 PM</div>
<div class="x-sender">yhn | ujm</div>
</div>
- <div class="x-message">
+ <div class="x-message ltr">
<div class="x-time">12:22 PM</div>
<div class="x-text"><a href=http://>1</a></div>
</div>
@@ -99,15 +99,15 @@
<HR>
-<div class="x-container mention focus incoming message AIM showIcons" background="buddy_noicon.png">
+<div class="x-container mention focus incoming message AIM showIcons ltr" background="buddy_noicon.png">
<img class="x-buddyicon">
<div class="x-iconoverlay"></div>
<div class="x-mentionicon" title="Mentioned!"></div>
- <div class="x-header">
+ <div class="x-header ltr">
<div class="x-time">12:22 PM</div>
<div class="x-sender">yhn | ujm</div>
</div>
- <div class="x-message">
+ <div class="x-message ltr">
<div class="x-time">12:22 PM</div>
<div class="x-text"><a href=http://>1</a></div>
</div>
@@ -119,15 +119,15 @@
<HR>
-<div class="x-container incoming message AIM showIcons" background="buddy_noicon.png">
+<div class="x-container incoming message AIM showIcons ltr" background="buddy_noicon.png">
<img class="x-buddyicon">
<div class="x-iconoverlay"></div>
<div class="x-mentionicon" title="Mentioned!"></div>
- <div class="x-header">
+ <div class="x-header ltr">
<div class="x-time">12:22 PM</div>
<div class="x-sender">|yhn | ujm</div>
</div>
- <div class="x-message">
+ <div class="x-message ltr">
<div class="x-time">12:22 PM</div>
<div class="x-text">|<a href=http://>1</a></div>
</div>
@@ -135,23 +135,23 @@
<HR>
-<div class="x-container incoming message AIM showIcons" background="buddy_noicon.png">
+<div class="x-container incoming message AIM showIcons ltr" background="buddy_noicon.png">
<img class="x-buddyicon">
<div class="x-iconoverlay"></div>
<div class="x-mentionicon" title="Mentioned!"></div>
- <div class="x-header">
+ <div class="x-header ltr">
<div class="x-time">12:22 PM</div>
<div class="x-sender">yhn | ujm</div>
</div>
- <div class="x-message">
+ <div class="x-message ltr">
<div class="x-time">12:22 PM</div>
<div class="x-text"><a href=http://>1</a></div>
</div>
- <div class="x-message mention consecutive incoming message focus AIM showIcons">
+ <div class="x-message ltr mention consecutive incoming message focus AIM showIcons">
<div class="x-time">12:22 PM</div>
- <div class="x-text">3.141592653589793238462643383279502884197169399375105820974944592307816406286208998628034825342117067982148086513282306647093844609550582231725359408128481117450284102701938521105559644622948954930381964428810975665933446128475648233786783165271201909145648566923460348610454326648213393607260249141273724587006606315588174881520920962829254091715364367892590360011330530548820466521384146951941511609É</div>
+ <div class="x-text">3.141592653589793238462643383279502884197169399375105820974944592307816406286208998628034825342117067982148086513282306647093844609550582231725359408128481117450284102701938521105559644622948954930381964428810975665933446128475648233786783165271201909145648566923460348610454326648213393607260249141273724587006606315588174881520920962829254091715364367892590360011330530548820466521384146951941511609…</div>
</div>
- <div class="x-message mention consecutive incoming message focus AIM showIcons">
+ <div class="x-message ltr mention consecutive incoming message focus AIM showIcons">
<div class="x-time">12:22 PM</div>
<div class="x-text">3</div>
</div>
@@ -159,27 +159,43 @@
<HR>
+<div class="x-container incoming message AIM showIcons rtl" background="buddy_noicon.png">
+ <img class="x-buddyicon">
+ <div class="x-iconoverlay"></div>
+ <div class="x-mentionicon" title="Mentioned!"></div>
+ <div class="x-header rtl">
+ <div class="x-time">12:22 PM</div>
+ <div class="x-sender">1 |yhn | ujm</div>
+ </div>
+ <div class="x-message rtl">
+ <div class="x-time">12:22 PM</div>
+ <div class="x-text"><div dir="rtl">×× ×™ יכול ל×כול זכוכית וזה ×œ× ×ž×–×™×§ לי</div></div>
+ </div>
+</div>
+
+<HR>
+
INCOMING CONTENT FOCUS
<HR>
-<div class="x-container focus incoming message AIM showIcons" background="buddy_noicon.png">
+<div class="x-container focus incoming message AIM showIcons ltr" background="buddy_noicon.png">
<img class="x-buddyicon">
<div class="x-iconoverlay"></div>
<div class="x-mentionicon" title="Mentioned!"></div>
- <div class="x-header">
+ <div class="x-header ltr">
<div class="x-time">12:22 PM</div>
<div class="x-sender">yhn | ujm</div>
</div>
- <div class="x-message">
+ <div class="x-message ltr">
<div class="x-time">12:22 PM</div>
<div class="x-text"><a href=http://>1</a></div>
</div>
- <div class="x-message focus consecutive incoming message AIM showIcons">
+ <div class="x-message ltr focus consecutive incoming message AIM showIcons">
<div class="x-time">12:22 PM</div>
<div class="x-text">2</div>
</div>
- <div class="x-message consecutive incoming message AIM showIcons">
+ <div class="x-message ltr consecutive incoming message AIM showIcons">
<div class="x-time">12:22 PM</div>
<div class="x-text">3</div>
</div>
@@ -191,15 +207,15 @@
<HR>
-<div class="x-container mention incoming message AIM showIcons" background="buddy_noicon.png">
+<div class="x-container mention incoming message AIM showIcons ltr" background="buddy_noicon.png">
<img class="x-buddyicon">
<div class="x-iconoverlay"></div>
<div class="x-mentionicon" title="Mentioned!"></div>
- <div class="x-header">
+ <div class="x-header ltr">
<div class="x-time">12:22 PM</div>
<div class="x-sender">yhn | ujm</div>
</div>
- <div class="x-message">
+ <div class="x-message ltr">
<div class="x-time">12:22 PM</div>
<div class="x-text"><a href=http://>1</a></div>
</div>
@@ -207,23 +223,23 @@
<HR>
-<div class="x-container mention incoming message AIM showIcons" background="buddy_noicon.png">
+<div class="x-container mention incoming message AIM showIcons ltr" background="buddy_noicon.png">
<img class="x-buddyicon">
<div class="x-iconoverlay"></div>
<div class="x-mentionicon" title="Mentioned!"></div>
- <div class="x-header">
+ <div class="x-header ltr">
<div class="x-time">12:22 PM</div>
<div class="x-sender">yhn | ujm</div>
</div>
- <div class="x-message">
+ <div class="x-message ltr">
<div class="x-time">12:22 PM</div>
<div class="x-text"><a href=http://>1</a></div>
</div>
- <div class="x-message consecutive incoming message AIM showIcons">
+ <div class="x-message ltr consecutive incoming message AIM showIcons">
<div class="x-time">12:22 PM</div>
<div class="x-text">2</div>
</div>
- <div class="x-message consecutive incoming message AIM showIcons">
+ <div class="x-message ltr consecutive incoming message AIM showIcons">
<div class="x-time">12:22 PM</div>
<div class="x-text">3</div>
</div>
@@ -257,15 +273,15 @@
<HR>
-<div class="x-container outgoing message history AIM showIcons" background="buddy_noicon.png">
+<div class="x-container outgoing message history AIM showIcons ltr" background="buddy_noicon.png">
<img class="x-buddyicon">
<div class="x-iconoverlay"></div>
<div class="x-mentionicon" title="Mentioned!"></div>
- <div class="x-header">
+ <div class="x-header ltr">
<div class="x-time">12:22 PM</div>
<div class="x-sender">ujm | yhn -status_container focus date_separator event AIM showIcons-status_container focus date_separator event AIM showIcons-status_container focus date_separator event AIM showIcons-status_container focus date_separator event AIM showIcons-status_container focus date_separator event AIM showIcons-status_container focusdate_separatoreventAIMshowIconsstatus_containerfocusdate_separatoreventAIMshowIconsstatus_containerfocusdate_separatoreventAIMshowIcons-status_containerfocusdate_separatoreventAIMshowIconsstatus_containerfocusdate_separatoreventAIMshowIconsstatus_containerfocusdate_separatoreventAIMshowIconsstatus_containerfocusdate_separatoreventAIMshowIcons</div>
</div>
- <div class="x-message">
+ <div class="x-message ltr">
<div class="x-time">12:22 PM</div>
<div class="x-text"><a href=http://>1</a></div>
</div>
@@ -277,23 +293,23 @@
<HR>
-<div class="x-container outgoing message AIM showIcons" background="buddy_noicon.png">
+<div class="x-container outgoing message AIM showIcons ltr" background="buddy_noicon.png">
<img class="x-buddyicon">
<div class="x-iconoverlay"></div>
<div class="x-mentionicon" title="Mentioned!"></div>
- <div class="x-header">
+ <div class="x-header ltr">
<div class="x-time">12:22 PM</div>
<div class="x-sender">ujm | yhn</div>
</div>
- <div class="x-message">
+ <div class="x-message ltr">
<div class="x-time">12:22 PM</div>
<div class="x-text"><a href=http://>1</a></div>
</div>
- <div class="x-message consecutive outgoing message AIM showIcons">
+ <div class="x-message ltr consecutive outgoing message AIM showIcons">
<div class="x-time">12:22 PM</div>
<div class="x-text">2</div>
</div>
- <div class="x-message consecutive outgoing message AIM showIcons">
+ <div class="x-message ltr consecutive outgoing message AIM showIcons">
<div class="x-time">12:22 PM</div>
<div class="x-text"><a href=http://>3</a></div>
</div>
@@ -301,20 +317,34 @@
<HR>
-<div class="x-container outgoing message AIM showIcons" background="buddy_noicon.png">
+<div class="x-container outgoing message AIM showIcons ltr" background="buddy_noicon.png">
<img class="x-buddyicon">
<div class="x-iconoverlay"></div>
<div class="x-mentionicon" title="Mentioned!"></div>
- <div class="x-header">
+ <div class="x-header ltr">
<div class="x-time">12:22 PM</div>
<div class="x-sender">ujm | yhn</div>
</div>
- <div class="x-message">
+ <div class="x-message ltr">
<div class="x-time">12:22 PM</div>
<div class="x-text"><a href=http://>1</a></div>
</div>
</div>
+<div class="x-container outgoing message AIM showIcons rtl" background="buddy_noicon.png">
+ <img class="x-buddyicon">
+ <div class="x-iconoverlay"></div>
+ <div class="x-mentionicon" title="Mentioned!"></div>
+ <div class="x-header rtl">
+ <div class="x-time">12:22 PM</div>
+ <div class="x-sender">ujm | yhn</div>
+ </div>
+ <div class="x-message rtl">
+ <div class="x-time">12:22 PM</div>
+ <div class="x-text"><div dir="rtl">×× ×™ יכול ל×כול זכוכית וזה ×œ× ×ž×–×™×§ לי</div></div>
+ </div>
+</div>
+
</div>
</body>
</html>
diff -r 7e743debd70b -r e0b7d6d53a76 Stockholm.AdiumMessageStyle/Contents/Resources/Status.html
--- a/Stockholm.AdiumMessageStyle/Contents/Resources/Status.html Fri Feb 04 11:00:33 2011 -0600
+++ b/Stockholm.AdiumMessageStyle/Contents/Resources/Status.html Fri Feb 04 14:14:12 2011 -0600
@@ -1,4 +1,4 @@
-<div class="x-status_container %messageClasses% %service% %userIcons%">
+<div class="x-status_container %messageClasses% %service% %userIcons% %messageDirection%">
<div class="x-time" title="%time{dd MMM yyyy}%">%time%</div>
<div class="x-text">%message%</div>
</div>
diff -r 7e743debd70b -r e0b7d6d53a76 Stockholm.AdiumMessageStyle/Contents/Resources/Styles/main.css
--- a/Stockholm.AdiumMessageStyle/Contents/Resources/Styles/main.css Fri Feb 04 11:00:33 2011 -0600
+++ b/Stockholm.AdiumMessageStyle/Contents/Resources/Styles/main.css Fri Feb 04 14:14:12 2011 -0600
@@ -239,20 +239,27 @@
margin-top: 0px;
}
-.message:not(.focus) .x-message .x-time,
-.message .x-message:not(.focus) .x-time
+.message:not(.focus) .x-message.ltr .x-time,
+.message .x-message.ltr:not(.focus) .x-time
{
right: 1px;
padding-right: 5px;
}
-.message.focus .x-message .x-time,
-.message .x-message.focus .x-time
+.message.focus .x-message.ltr .x-time,
+.message .x-message.focus.ltr .x-time
{
right: 1px;
padding-right: 9px;
}
+.message .x-message.rtl .x-time
+{
+ left: 2px;
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
.x-message:hover .x-time
{
visibility: visible;
diff -r 7e743debd70b -r e0b7d6d53a76 Stockholm.AdiumMessageStyle/Contents/Resources/Topic.html
--- a/Stockholm.AdiumMessageStyle/Contents/Resources/Topic.html Fri Feb 04 11:00:33 2011 -0600
+++ b/Stockholm.AdiumMessageStyle/Contents/Resources/Topic.html Fri Feb 04 14:14:12 2011 -0600
@@ -1,6 +1,6 @@
<style type="text/css">
@import url( "./Styles/Topic.css" );
</style>
-<div id="x-header">
+<div id="x-header %messageDirection%">
%topic%
</div>
More information about the commits
mailing list