xtras/mathuaerknedam 305:56f8ce9de7e4: Stockholm: mention/focus ...
commits at adium.im
commits at adium.im
Tue Dec 15 20:13:19 UTC 2009
details: http://hg.adium.im/xtras/mathuaerknedam/rev/56f8ce9de7e4
revision: 305:56f8ce9de7e4
author: mathuaerknedam
date: Tue Dec 15 14:13:05 2009 -0600
Stockholm: mention/focus indication for all non-alternating variants.
diffs (truncated from 4885 to 1000 lines):
diff -r 857a5f44d0ee -r 56f8ce9de7e4 Stockholm ☿.AdiumMessageStyle/Contents/Resources/Mockup-color.html
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Mockup-color.html Mon Dec 14 22:51:46 2009 -0600
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Mockup-color.html Tue Dec 15 14:13:05 2009 -0600
@@ -2,11 +2,11 @@
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
- <title>Multiple Backgrounds</title>
+ <title>Stockholm colorcheck orig/new</title>
<style type="text/css">
@import url( "./Main.css" );
- @import url( "./Variants/alt red - orange.css" );
+ @import url( "./Variants/red - grey.css" );
body
{
@@ -19,13 +19,13 @@
<body>
<div class="x-container focus incoming message voice">
- <div class="x-iconsubstitute" background="Incoming/buddy_icon.png">
+ <div class="x-iconsubstitute" background="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-15YNLJ7.png">
<div class="x-contents_left">
- <img class="x-buddyicon" src="Incoming/buddy_icon.png">
+ <img class="x-buddyicon" src="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-15YNLJ7.png">
<div class="x-iconoverlay"></div>
</div>
</div>
- <div class="x-contents_right" background="Incoming/buddy_icon.png">
+ <div class="x-contents_right" background="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-15YNLJ7.png">
<div class="x-message_top">
<div class="x-header">
<div class="x-incomingheader_left"></div>
@@ -52,13 +52,13 @@
</div>
<div class="x-container incoming message voice">
- <div class="x-iconsubstitute" background="Incoming/buddy_icon.png">
+ <div class="x-iconsubstitute" background="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-15YNLJ7.png">
<div class="x-contents_left">
- <img class="x-buddyicon" src="Incoming/buddy_icon.png">
+ <img class="x-buddyicon" src="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-15YNLJ7.png">
<div class="x-iconoverlay"></div>
</div>
</div>
- <div class="x-contents_right" background="Incoming/buddy_icon.png">
+ <div class="x-contents_right" background="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-15YNLJ7.png">
<div class="x-message_top">
<div class="x-header">
<div class="x-incomingheader_left"></div>
@@ -84,6 +84,74 @@
</div>
</div>
+<div class="x-container mention incoming message voice">
+ <div class="x-iconsubstitute" background="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-15YNLJ7.png">
+ <div class="x-contents_left">
+ <img class="x-buddyicon" src="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-15YNLJ7.png">
+ <div class="x-iconoverlay"></div>
+ </div>
+ </div>
+ <div class="x-contents_right" background="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-15YNLJ7.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><a href=http://>1|_</a></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>
+
+<div class="x-container incoming message voice">
+ <div class="x-iconsubstitute" background="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-15YNLJ7.png">
+ <div class="x-contents_left">
+ <img class="x-buddyicon" src="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-15YNLJ7.png">
+ <div class="x-iconoverlay"></div>
+ </div>
+ </div>
+ <div class="x-contents_right" background="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-15YNLJ7.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><a href=http://>1|_</a></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>
+<HR>
<HR>
<div class="x-container focus outgoing message">
@@ -152,6 +220,72 @@
</div>
</div>
+<div class="x-container mention 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><a href=http://>1|_</a></p>
+ </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 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><a href=http://>1|_</a></p>
+ </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>
diff -r 857a5f44d0ee -r 56f8ce9de7e4 Stockholm ☿.AdiumMessageStyle/Contents/Resources/Mockup.html
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Mockup.html Mon Dec 14 22:51:46 2009 -0600
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Mockup.html Tue Dec 15 14:13:05 2009 -0600
@@ -2,11 +2,11 @@
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
- <title>Multiple Backgrounds</title>
+ <title>Stockholm</title>
<style type="text/css">
@import url( "./Main.css" );
- @import url( "./Variants/green - blue.css" );
+ @import url( "./Variants/blue - blue.css" );
body
{
diff -r 857a5f44d0ee -r 56f8ce9de7e4 Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Blue - Blue.css
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Blue - Blue.css Mon Dec 14 22:51:46 2009 -0600
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Blue - Blue.css Tue Dec 15 14:13:05 2009 -0600
@@ -46,7 +46,6 @@
-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.focus .x-header
@@ -63,7 +62,6 @@
-webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) 0px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 1)), to(rgba(192, 192, 192, 1))) 1px 1px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(181, 181, 181, 1)), to(rgba(181, 181, 181, 1))) 2px 2px no-repeat;
- -webkit-border-top-right-radius: 4px;
}
.mention .x-header
@@ -81,6 +79,7 @@
100% 1px,
100% 100%;
padding-bottom: 1px;
+ -webkit-border-top-right-radius: 4px;
}
/* mention message */
@@ -88,20 +87,30 @@
.mention .x-message
{
background:
+ /*corners?*/
-webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 1)), to(rgba(192, 192, 192, 1))) left bottom no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) left bottom no-repeat,
+ /*top dark border*/
-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) 0px 0px no-repeat,
+ /*left dark border*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) 0px 0px no-repeat,
+ /*bottom dark border*/
-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) right bottom no-repeat,
+ /*right dark border*/
-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,
+ /*top light edge*/
-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 73%, 1)), to(hsla(215, 73%, 73%, 1))) 0px 0px no-repeat,
+ /*bottom light edge*/
-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 58%, 1)), to(hsla(215, 73%, 58%, 1))) right bottom no-repeat,
+ /*left light gradient*/
-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,
+ /*right light gradient*/
-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,
+ /*body*/
-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 !important;
- -webkit-border-bottom-right-radius: 6px !important;
+ -webkit-border-bottom-right-radius: 6px;
-webkit-background-size:
100% 1px,
100% 2px,
@@ -150,41 +159,66 @@
.focus:not(.history):not(.mention) .x-contents_right .x-header
{
background:
+ /*corners?*/
-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) right top no-repeat,
-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) right top no-repeat,
-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) right top no-repeat,
+ /*bottom*/
-webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) right bottom no-repeat,
+ /*top dark border*/
-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) 0px 0px no-repeat,
+ /*left dark border*/
-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) 0px 0px no-repeat,
+ /*bottom dark border*/
-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) right bottom no-repeat,
+ /*right dark border*/
-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) right bottom no-repeat,
+ /*top light edge*/
-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 73%, 1)), to(hsla(215, 73%, 73%, 1))) 0px 0px no-repeat,
+ /*bottom light edge*/
-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 58%, 1)), to(hsla(215, 73%, 58%, 1))) right bottom no-repeat,
+ /*left light gradient*/
-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,
+ /*right light gradient*/
-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,
+ /*body*/
-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-top-right-radius: 5px;
}
.focus:not(.history):not(.mention) .x-outgoing_right .x-header
{
background:
+ /*corners?*/
-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) right top no-repeat,
-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) right top no-repeat,
-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) right top no-repeat,
+ /*bottom*/
-webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) right bottom no-repeat,
+ /*top dark border*/
-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) 0px 0px no-repeat,
+ /*left dark border*/
-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) 0px 0px no-repeat,
+ /*bottom dark border*/
-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) right bottom no-repeat,
+ /*right dark border*/
-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) right bottom no-repeat,
+ /*top light edge*/
-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 73%, 1)), to(hsla(215, 73%, 73%, 1))) 0px 0px no-repeat,
+ /*bottom light edge*/
-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 58%, 1)), to(hsla(215, 73%, 58%, 1))) right bottom no-repeat,
+ /*left light gradient*/
-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,
+ /*right light gradient*/
-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,
+ /*body*/
-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;
+}
+
+.focus:not(.history):not(.mention) .x-header
+{
-webkit-border-top-right-radius: 5px;
}
diff -r 857a5f44d0ee -r 56f8ce9de7e4 Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Blue - Green.css
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Blue - Green.css Mon Dec 14 22:51:46 2009 -0600
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Blue - Green.css Tue Dec 15 14:13:05 2009 -0600
@@ -46,7 +46,6 @@
-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.focus .x-header
@@ -63,7 +62,6 @@
-webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) 0px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 1)), to(rgba(192, 192, 192, 1))) 1px 1px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(181, 181, 181, 1)), to(rgba(181, 181, 181, 1))) 2px 2px no-repeat;
- -webkit-border-top-right-radius: 4px;
}
.mention .x-header
@@ -81,6 +79,7 @@
100% 1px,
100% 100%;
padding-bottom: 1px;
+ -webkit-border-top-right-radius: 4px;
}
/* mention message */
@@ -88,20 +87,30 @@
.mention .x-message
{
background:
+ /*corners?*/
-webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 1)), to(rgba(192, 192, 192, 1))) left bottom no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) left bottom no-repeat,
+ /*top dark border*/
-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) 0px 0px no-repeat,
+ /*left dark border*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) 0px 0px no-repeat,
+ /*bottom dark border*/
-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) right bottom no-repeat,
+ /*right dark border*/
-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,
+ /*top light edge*/
-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 73%, 1)), to(hsla(215, 73%, 73%, 1))) 0px 0px no-repeat,
+ /*bottom light edge*/
-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 58%, 1)), to(hsla(215, 73%, 58%, 1))) right bottom no-repeat,
+ /*left light gradient*/
-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,
+ /*right light gradient*/
-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,
+ /*body*/
-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 !important;
- -webkit-border-bottom-right-radius: 6px !important;
+ -webkit-border-bottom-right-radius: 6px;
-webkit-background-size:
100% 1px,
100% 2px,
@@ -150,41 +159,66 @@
.focus:not(.history):not(.mention) .x-contents_right .x-header
{
background:
+ /*corners?*/
-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) right top no-repeat,
-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) right top no-repeat,
-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) right top no-repeat,
+ /*bottom*/
-webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) right bottom no-repeat,
+ /*top dark border*/
-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) 0px 0px no-repeat,
+ /*left dark border*/
-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) 0px 0px no-repeat,
+ /*bottom dark border*/
-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) right bottom no-repeat,
+ /*right dark border*/
-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) right bottom no-repeat,
+ /*top light edge*/
-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 73%, 1)), to(hsla(215, 73%, 73%, 1))) 0px 0px no-repeat,
+ /*bottom light edge*/
-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 58%, 1)), to(hsla(215, 73%, 58%, 1))) right bottom no-repeat,
+ /*left light gradient*/
-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,
+ /*right light gradient*/
-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,
+ /*body*/
-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-top-right-radius: 5px;
}
.focus:not(.history):not(.mention) .x-outgoing_right .x-header
{
background:
+ /*corners?*/
-webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 33%, 1)), to(hsla(95, 66%, 33%, 1))) right top no-repeat,
-webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 33%, 1)), to(hsla(95, 66%, 33%, 1))) right top no-repeat,
-webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 33%, 1)), to(hsla(95, 66%, 33%, 1))) right top no-repeat,
+ /*bottom*/
-webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) right bottom no-repeat,
+ /*top dark border*/
-webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 33%, 1)), to(hsla(95, 66%, 33%, 1))) 0px 0px no-repeat,
+ /*left dark border*/
-webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 33%, 1)), to(hsla(95, 66%, 33%, 1))) 0px 0px no-repeat,
+ /*bottom dark border*/
-webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 33%, 1)), to(hsla(95, 66%, 33%, 1))) right bottom no-repeat,
+ /*right dark border*/
-webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 33%, 1)), to(hsla(95, 66%, 33%, 1))) right bottom no-repeat,
+ /*top light edge*/
-webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 68%, 1)), to(hsla(95, 66%, 68%, 1))) 0px 0px no-repeat,
+ /*bottom light edge*/
-webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 43%, 1)), to(hsla(95, 66%, 43%, 1))) right bottom no-repeat,
+ /*left light gradient*/
-webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 57%, 1)), color-stop(.5, hsla(95, 66%, 43%, 1)), to(hsla(95, 66%, 41%, 1))) 0px 0px no-repeat,
+ /*right light gradient*/
-webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 57%, 1)), color-stop(.5, hsla(95, 66%, 43%, 1)), to(hsla(95, 66%, 41%, 1))) right bottom no-repeat,
+ /*body*/
-webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 51%, 1)), color-stop(.45, hsla(95, 66%, 42%, 1)), color-stop(.5, hsla(95, 66%, 40%, 1)), to(hsla(95, 66%, 41%, 1))) 1px 1px no-repeat;
+}
+
+.focus:not(.history):not(.mention) .x-header
+{
-webkit-border-top-right-radius: 5px;
}
diff -r 857a5f44d0ee -r 56f8ce9de7e4 Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Blue - Grey.css
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Blue - Grey.css Mon Dec 14 22:51:46 2009 -0600
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Blue - Grey.css Tue Dec 15 14:13:05 2009 -0600
@@ -29,3 +29,196 @@
{
background: url("../images/grey_right.png") top right no-repeat;
}
+
+/* mention header */
+
+.mention:not(.focus) .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;
+}
+
+.mention.focus .x-header
+{
+ background:
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) right top no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 1)), to(rgba(192, 192, 192, 1))) 1px 1px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) right top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 1)), to(rgba(192, 192, 192, 1))) right 1px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 1)), to(rgba(192, 192, 192, 1))) 1px 1px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(181, 181, 181, 1)), to(rgba(181, 181, 181, 1))) 2px 2px no-repeat;
+}
+
+.mention .x-header
+{
+ -webkit-background-size:
+ 2px 2px,
+
+ 1px 100%,
+ 1px 100%,
+
+ 1px 100%,
+ 2px 100%,
+
+ 100% 1px,
+ 100% 1px,
+ 100% 100%;
+ padding-bottom: 1px;
+ -webkit-border-top-right-radius: 4px;
+}
+
+/* mention message */
+
+.mention .x-message
+{
+ background:
+ /*corners?*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 1)), to(rgba(192, 192, 192, 1))) left bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) left bottom no-repeat,
+
+ /*top dark border*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) 0px 0px no-repeat,
+ /*left dark border*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) 0px 0px no-repeat,
+ /*bottom dark border*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) right bottom no-repeat,
+ /*right dark border*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) right bottom no-repeat,
+
+ /*top light edge*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 73%, 1)), to(hsla(215, 73%, 73%, 1))) 0px 0px no-repeat,
+ /*bottom light edge*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 58%, 1)), to(hsla(215, 73%, 58%, 1))) right bottom no-repeat,
+ /*left light gradient*/
+ -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,
+ /*right light gradient*/
+ -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,
+ /*body*/
+ -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 !important;
+ -webkit-border-bottom-right-radius: 6px;
+ -webkit-background-size:
+ 100% 1px,
+ 100% 2px,
+
+ 100% 1px,
+ 1px 100%,
+ 100% 3px,
+ 1px 100%,
+
+ 100% 2px,
+ 100% 3px,
+ 2px 100%,
+ 2px 100%,
+ 100% 100% !important;
+ padding-top: 2px;
+ padding-bottom: 2px;
+ margin-bottom: 0px;
+ color: white;
+ text-shadow: #4D4D4D 1px 1px 1px;
+}
+
+.mention .x-sender
+{
+padding-top: 4px;
+}
+
+.mention .x-time
+{
+ top: 4px;
+}
+
+.mention:not(.focus) a,
+.mention.focus a,
+.mention .x-ctime
+{
+ color: white;
+}
+
+.mention .x-combine
+{
+ border-top: 1px solid rgba(255, 255, 255, .2);
+}
+
+/* focus header */
+
+.focus:not(.history):not(.mention) .x-contents_right .x-header
+{
+ background:
+ /*corners?*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) right top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) right top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) right top no-repeat,
+ /*bottom*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) right bottom no-repeat,
+
+ /*top dark border*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) 0px 0px no-repeat,
+ /*left dark border*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) 0px 0px no-repeat,
+ /*bottom dark border*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) right bottom no-repeat,
+ /*right dark border*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) right bottom no-repeat,
+
+ /*top light edge*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 73%, 1)), to(hsla(215, 73%, 73%, 1))) 0px 0px no-repeat,
+ /*bottom light edge*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 58%, 1)), to(hsla(215, 73%, 58%, 1))) right bottom no-repeat,
+ /*left light gradient*/
+ -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,
+ /*right light gradient*/
+ -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,
+ /*body*/
+ -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;
+}
+
+.focus:not(.history):not(.mention) .x-outgoing_right .x-header
+{
+ background:
+ /*corners?*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(222, 10%, 30%, 1)), to(hsla(222, 10%, 30%, 1))) right top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(222, 10%, 30%, 1)), to(hsla(222, 10%, 30%, 1))) right top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(222, 10%, 30%, 1)), to(hsla(222, 10%, 30%, 1))) right top no-repeat,
+ /*bottom*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) right bottom no-repeat,
+
+ /*top dark border*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(222, 10%, 30%, 1)), to(hsla(222, 10%, 30%, 1))) 0px 0px no-repeat,
+ /*left dark border*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(222, 10%, 30%, 1)), to(hsla(222, 10%, 30%, 1))) 0px 0px no-repeat,
+ /*bottom dark border*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(222, 10%, 30%, 1)), to(hsla(222, 10%, 30%, 1))) right bottom no-repeat,
+ /*right dark border*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(222, 10%, 30%, 1)), to(hsla(222, 10%, 30%, 1))) right bottom no-repeat,
+
+ /*top light edge*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(222, 10%, 69%, 1)), to(hsla(222, 10%, 69%, 1))) 0px 0px no-repeat,
+ /*bottom light edge*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(222, 10%, 50%, 1)), to(hsla(222, 10%, 50%, 1))) right bottom no-repeat,
+ /*left light gradient*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(222, 10%, 68%, 1)), color-stop(.5, hsla(222, 10%, 47%, 1)), to(hsla(222, 10%, 44%, 1))) 0px 0px no-repeat,
+ /*right light gradient*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(222, 10%, 68%, 1)), color-stop(.5, hsla(222, 10%, 47%, 1)), to(hsla(222, 10%, 44%, 1))) right bottom no-repeat,
+ /*body*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(222, 10%, 54%, 1)), color-stop(.45, hsla(222, 10%, 44%, 1)), color-stop(.5, hsla(222, 10%, 39%, 1)), to(hsla(222, 10%, 47%, 1))) 1px 1px no-repeat;
+}
+
+.focus:not(.history):not(.mention) .x-header
+{
+ -webkit-border-top-right-radius: 5px;
+}
diff -r 857a5f44d0ee -r 56f8ce9de7e4 Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Blue - Orange.css
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Blue - Orange.css Mon Dec 14 22:51:46 2009 -0600
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Blue - Orange.css Tue Dec 15 14:13:05 2009 -0600
@@ -29,3 +29,196 @@
{
background: url("../images/orange_right.png") top right no-repeat;
}
+
+/* mention header */
+
+.mention:not(.focus) .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;
+}
+
+.mention.focus .x-header
+{
+ background:
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) right top no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 1)), to(rgba(192, 192, 192, 1))) 1px 1px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) right top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 1)), to(rgba(192, 192, 192, 1))) right 1px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 1)), to(rgba(192, 192, 192, 1))) 1px 1px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(181, 181, 181, 1)), to(rgba(181, 181, 181, 1))) 2px 2px no-repeat;
+}
+
+.mention .x-header
+{
+ -webkit-background-size:
+ 2px 2px,
+
+ 1px 100%,
+ 1px 100%,
+
+ 1px 100%,
+ 2px 100%,
+
+ 100% 1px,
+ 100% 1px,
+ 100% 100%;
+ padding-bottom: 1px;
+ -webkit-border-top-right-radius: 4px;
+}
+
+/* mention message */
+
+.mention .x-message
+{
+ background:
+ /*corners?*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 1)), to(rgba(192, 192, 192, 1))) left bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) left bottom no-repeat,
+
+ /*top dark border*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) 0px 0px no-repeat,
+ /*left dark border*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) 0px 0px no-repeat,
+ /*bottom dark border*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) right bottom no-repeat,
+ /*right dark border*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) right bottom no-repeat,
+
+ /*top light edge*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 73%, 1)), to(hsla(215, 73%, 73%, 1))) 0px 0px no-repeat,
+ /*bottom light edge*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 58%, 1)), to(hsla(215, 73%, 58%, 1))) right bottom no-repeat,
+ /*left light gradient*/
+ -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,
+ /*right light gradient*/
+ -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,
+ /*body*/
+ -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 !important;
+ -webkit-border-bottom-right-radius: 6px;
+ -webkit-background-size:
+ 100% 1px,
+ 100% 2px,
+
+ 100% 1px,
+ 1px 100%,
+ 100% 3px,
+ 1px 100%,
+
+ 100% 2px,
+ 100% 3px,
+ 2px 100%,
+ 2px 100%,
+ 100% 100% !important;
+ padding-top: 2px;
+ padding-bottom: 2px;
+ margin-bottom: 0px;
+ color: white;
+ text-shadow: #4D4D4D 1px 1px 1px;
+}
+
+.mention .x-sender
+{
+padding-top: 4px;
+}
+
+.mention .x-time
+{
+ top: 4px;
+}
+
+.mention:not(.focus) a,
+.mention.focus a,
+.mention .x-ctime
+{
+ color: white;
+}
+
+.mention .x-combine
+{
+ border-top: 1px solid rgba(255, 255, 255, .2);
+}
+
+/* focus header */
+
+.focus:not(.history):not(.mention) .x-contents_right .x-header
+{
+ background:
+ /*corners?*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) right top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) right top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) right top no-repeat,
+ /*bottom*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) right bottom no-repeat,
+
+ /*top dark border*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) 0px 0px no-repeat,
+ /*left dark border*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) 0px 0px no-repeat,
+ /*bottom dark border*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) right bottom no-repeat,
+ /*right dark border*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) right bottom no-repeat,
+
+ /*top light edge*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 73%, 1)), to(hsla(215, 73%, 73%, 1))) 0px 0px no-repeat,
+ /*bottom light edge*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 58%, 1)), to(hsla(215, 73%, 58%, 1))) right bottom no-repeat,
+ /*left light gradient*/
+ -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,
+ /*right light gradient*/
+ -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,
+ /*body*/
+ -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;
+}
+
+.focus:not(.history):not(.mention) .x-outgoing_right .x-header
+{
+ background:
+ /*corners?*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(30, 71%, 33%, 1)), to(hsla(30, 71%, 33%, 1))) right top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(30, 71%, 33%, 1)), to(hsla(30, 71%, 33%, 1))) right top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(30, 71%, 33%, 1)), to(hsla(30, 71%, 33%, 1))) right top no-repeat,
+ /*bottom*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) right bottom no-repeat,
+
+ /*top dark border*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(30, 71%, 33%, 1)), to(hsla(30, 71%, 33%, 1))) 0px 0px no-repeat,
+ /*left dark border*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(30, 71%, 33%, 1)), to(hsla(30, 71%, 33%, 1))) 0px 0px no-repeat,
+ /*bottom dark border*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(30, 71%, 33%, 1)), to(hsla(30, 71%, 33%, 1))) right bottom no-repeat,
+ /*right dark border*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(30, 71%, 33%, 1)), to(hsla(30, 71%, 33%, 1))) right bottom no-repeat,
+
+ /*top light edge*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(30, 71%, 68%, 1)), to(hsla(30, 71%, 68%, 1))) 0px 0px no-repeat,
+ /*bottom light edge*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(30, 71%, 50%, 1)), to(hsla(30, 71%, 50%, 1))) right bottom no-repeat,
+ /*left light gradient*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(30, 71%, 68%, 1)), color-stop(.5, hsla(30, 71%, 47%, 1)), to(hsla(30, 71%, 44%, 1))) 0px 0px no-repeat,
+ /*right light gradient*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(30, 71%, 68%, 1)), color-stop(.5, hsla(30, 71%, 47%, 1)), to(hsla(30, 71%, 44%, 1))) right bottom no-repeat,
+ /*body*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(30, 71%, 54%, 1)), color-stop(.45, hsla(30, 71%, 45%, 1)), color-stop(.5, hsla(30, 91%, 40%, 1)), to(hsla(30, 71%, 45%, 1))) 1px 1px no-repeat;
+}
+
+.focus:not(.history):not(.mention) .x-header
+{
+ -webkit-border-top-right-radius: 5px;
+}
diff -r 857a5f44d0ee -r 56f8ce9de7e4 Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Blue - Red.css
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Blue - Red.css Mon Dec 14 22:51:46 2009 -0600
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Blue - Red.css Tue Dec 15 14:13:05 2009 -0600
@@ -29,3 +29,196 @@
{
background: url("../images/red_right.png") top right no-repeat;
}
+
+/* mention header */
+
+.mention:not(.focus) .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;
+}
+
+.mention.focus .x-header
+{
+ background:
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) right top no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 1)), to(rgba(192, 192, 192, 1))) 1px 1px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) right top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 1)), to(rgba(192, 192, 192, 1))) right 1px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 1)), to(rgba(192, 192, 192, 1))) 1px 1px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(181, 181, 181, 1)), to(rgba(181, 181, 181, 1))) 2px 2px no-repeat;
+}
+
+.mention .x-header
+{
+ -webkit-background-size:
+ 2px 2px,
+
+ 1px 100%,
+ 1px 100%,
+
+ 1px 100%,
+ 2px 100%,
+
+ 100% 1px,
+ 100% 1px,
+ 100% 100%;
+ padding-bottom: 1px;
+ -webkit-border-top-right-radius: 4px;
+}
+
+/* mention message */
+
+.mention .x-message
+{
+ background:
+ /*corners?*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 1)), to(rgba(192, 192, 192, 1))) left bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) left bottom no-repeat,
+
+ /*top dark border*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) 0px 0px no-repeat,
+ /*left dark border*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) 0px 0px no-repeat,
+ /*bottom dark border*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) right bottom no-repeat,
+ /*right dark border*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) right bottom no-repeat,
+
+ /*top light edge*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 73%, 1)), to(hsla(215, 73%, 73%, 1))) 0px 0px no-repeat,
+ /*bottom light edge*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 58%, 1)), to(hsla(215, 73%, 58%, 1))) right bottom no-repeat,
+ /*left light gradient*/
+ -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,
+ /*right light gradient*/
+ -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,
+ /*body*/
+ -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 !important;
+ -webkit-border-bottom-right-radius: 6px;
+ -webkit-background-size:
+ 100% 1px,
+ 100% 2px,
+
+ 100% 1px,
+ 1px 100%,
+ 100% 3px,
+ 1px 100%,
+
+ 100% 2px,
+ 100% 3px,
+ 2px 100%,
+ 2px 100%,
+ 100% 100% !important;
+ padding-top: 2px;
+ padding-bottom: 2px;
+ margin-bottom: 0px;
+ color: white;
+ text-shadow: #4D4D4D 1px 1px 1px;
+}
+
+.mention .x-sender
+{
+padding-top: 4px;
+}
+
+.mention .x-time
+{
+ top: 4px;
+}
+
+.mention:not(.focus) a,
+.mention.focus a,
+.mention .x-ctime
+{
+ color: white;
+}
+
+.mention .x-combine
More information about the commits
mailing list