xtras/mathuaerknedam 309:9fafe87ac418: Stockholm: This should fi...
commits at adium.im
commits at adium.im
Tue Dec 22 04:20:33 UTC 2009
details: http://hg.adium.im/xtras/mathuaerknedam/rev/9fafe87ac418
revision: 309:9fafe87ac418
author: mathuaerknedam
date: Mon Dec 21 22:20:18 2009 -0600
Stockholm: This should finish up the bulk of the variant styling for mention/focus highlights.
diffs (truncated from 5410 to 1000 lines):
diff -r b2016282faba -r 9fafe87ac418 Stockholm ☿.AdiumMessageStyle/Contents/Resources/Mockup.html
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Mockup.html Fri Dec 18 11:49:52 2009 -0600
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Mockup.html Mon Dec 21 22:20:18 2009 -0600
@@ -6,7 +6,7 @@
<style type="text/css">
@import url( "./Main.css" );
- @import url( "./Variants/blue - blue.css" );
+ @import url( "./Variants/alt red - red.css" );
body
{
@@ -168,7 +168,7 @@
<p><a href=http://>1</a></p>
<div class="x-combine consecutive incoming message history">
<div class="x-ctime">12:22 PM</div>
- 2
+ 3.141592653589793238462643383279502884197169399375105820974944592307816406286208998628034825342117067982148086513282306647093844609550582231725359408128481117450284102701938521105559644622948954930381964428810975665933446128475648233786783165271201909145648566923460348610454326648213393607260249141273724587006606315588174881520920962829254091715364367892590360011330530548820466521384146951941511609É
</div>
<div class="x-combine consecutive incoming message history">
<div class="x-ctime">12:22 PM</div>
diff -r b2016282faba -r 9fafe87ac418 Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Alt Blue - Blue.css
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Alt Blue - Blue.css Fri Dec 18 11:49:52 2009 -0600
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Alt Blue - Blue.css Mon Dec 21 22:20:18 2009 -0600
@@ -33,20 +33,31 @@
.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 shadow*/
-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;
}
@@ -54,21 +65,32 @@
.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))) left top no-repeat,
-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) left top no-repeat,
-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) left top no-repeat,
+ /*bottom shadow*/
-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,
- -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;
+ /*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-top-left-radius: 5px;
}
@@ -87,7 +109,7 @@
-webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) right 5px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .5)), to(rgba(192, 192, 192, 1))) right 5px 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%, 33%, 1)), to(hsla(215, 73%, 33%, 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,
@@ -113,7 +135,7 @@
-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, .5)), to(rgba(248, 248, 248, 1))) right 5px 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%, 33%, 1)), to(hsla(215, 73%, 33%, 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,
diff -r b2016282faba -r 9fafe87ac418 Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Alt Blue - Green.css
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Alt Blue - Green.css Fri Dec 18 11:49:52 2009 -0600
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Alt Blue - Green.css Mon Dec 21 22:20:18 2009 -0600
@@ -35,20 +35,31 @@
.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 shadow*/
-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;
}
@@ -56,21 +67,32 @@
.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))) left top no-repeat,
-webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 33%, 1)), to(hsla(95, 66%, 33%, 1))) left top no-repeat,
-webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 33%, 1)), to(hsla(95, 66%, 33%, 1))) left top no-repeat,
+ /*bottom shadow*/
-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,
- -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;
+ /*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 !important;
-webkit-border-top-left-radius: 5px;
}
@@ -89,7 +111,7 @@
-webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) right 5px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .5)), to(rgba(192, 192, 192, 1))) right 5px 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%, 33%, 1)), to(hsla(215, 73%, 33%, 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,
@@ -115,7 +137,7 @@
-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, .5)), to(rgba(248, 248, 248, 1))) right 5px 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%, 33%, 1)), to(hsla(215, 73%, 33%, 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,
diff -r b2016282faba -r 9fafe87ac418 Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Alt Blue - Grey.css
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Alt Blue - Grey.css Fri Dec 18 11:49:52 2009 -0600
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Alt Blue - Grey.css Mon Dec 21 22:20:18 2009 -0600
@@ -29,3 +29,121 @@
{
background: url("../images/grey_left_a.png") top right no-repeat;
}
+
+/* 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 shadow*/
+ -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(222, 10%, 30%, 1)), to(hsla(222, 10%, 30%, 1))) left top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(222, 10%, 30%, 1)), to(hsla(222, 10%, 30%, 1))) left top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(222, 10%, 30%, 1)), to(hsla(222, 10%, 30%, 1))) left top no-repeat,
+ /*bottom shadow*/
+ -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 !important;
+ -webkit-border-top-left-radius: 5px;
+}
+
+/* mention+focus header*/
+
+.mention.focus .x-header
+{
+ background:
+ -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(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) left 5px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .5)), to(rgba(192, 192, 192, 1))) left 5px 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(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) right 5px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .5)), to(rgba(192, 192, 192, 1))) right 5px 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%, 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(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) 0px 4px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(181, 181, 181, 1)), to(rgba(181, 181, 181, 1))) 1px 5px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(rgba(181, 181, 181, 1)), to(rgba(181, 181, 181, 1))) 1px 6px no-repeat;
+ -webkit-border-top-right-radius: 4px;
+}
+
+/* mention header*/
+
+.mention:not(.focus) .x-header
+{
+ background:
+ -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, .5)), to(rgba(248, 248, 248, 1))) left 5px 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, .5)), to(rgba(248, 248, 248, 1))) right 5px 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%, 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(241, 241, 241, 1)), to(rgba(241, 241, 241, 1))) 1px 6px no-repeat;
+ -webkit-border-top-right-radius: 4px;
+}
diff -r b2016282faba -r 9fafe87ac418 Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Alt Blue - Orange.css
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Alt Blue - Orange.css Fri Dec 18 11:49:52 2009 -0600
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Alt Blue - Orange.css Mon Dec 21 22:20:18 2009 -0600
@@ -29,3 +29,121 @@
{
background: url("../images/orange_left_a.png") top right no-repeat;
}
+
+/* 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 shadow*/
+ -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(30, 71%, 32%, 1)), to(hsla(30, 71%, 32%, 1))) left top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(30, 71%, 32%, 1)), to(hsla(30, 71%, 32%, 1))) left top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(30, 71%, 32%, 1)), to(hsla(30, 71%, 32%, 1))) left top no-repeat,
+ /*bottom shadow*/
+ -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,
+ /*right 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,
+ /*left 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 !important;
+ -webkit-border-top-left-radius: 5px;
+}
+
+/* mention+focus header*/
+
+.mention.focus .x-header
+{
+ background:
+ -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(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) left 5px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .5)), to(rgba(192, 192, 192, 1))) left 5px 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(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) right 5px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .5)), to(rgba(192, 192, 192, 1))) right 5px 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%, 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(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) 0px 4px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(181, 181, 181, 1)), to(rgba(181, 181, 181, 1))) 1px 5px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(rgba(181, 181, 181, 1)), to(rgba(181, 181, 181, 1))) 1px 6px no-repeat;
+ -webkit-border-top-right-radius: 4px;
+}
+
+/* mention header*/
+
+.mention:not(.focus) .x-header
+{
+ background:
+ -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, .5)), to(rgba(248, 248, 248, 1))) left 5px 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, .5)), to(rgba(248, 248, 248, 1))) right 5px 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%, 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(241, 241, 241, 1)), to(rgba(241, 241, 241, 1))) 1px 6px no-repeat;
+ -webkit-border-top-right-radius: 4px;
+}
diff -r b2016282faba -r 9fafe87ac418 Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Alt Blue - Red.css
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Alt Blue - Red.css Fri Dec 18 11:49:52 2009 -0600
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Alt Blue - Red.css Mon Dec 21 22:20:18 2009 -0600
@@ -29,3 +29,121 @@
{
background: url("../images/red_left_a.png") top right no-repeat;
}
+
+/* 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 shadow*/
+ -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 !important;
+ -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(6, 78%, 39%, 1)), to(hsla(6, 78%, 39%, 1))) left top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(6, 78%, 39%, 1)), to(hsla(6, 78%, 39%, 1))) left top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(6, 78%, 39%, 1)), to(hsla(6, 78%, 39%, 1))) left top no-repeat,
+ /*bottom shadow*/
+ -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(6, 78%, 39%, 1)), to(hsla(6, 78%, 39%, 1))) 0px 0px no-repeat,
+ /*right dark border*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(6, 78%, 39%, 1)), to(hsla(6, 78%, 39%, 1))) right bottom no-repeat,
+ /*bottom dark border*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(6, 78%, 39%, 1)), to(hsla(6, 78%, 39%, 1))) right bottom no-repeat,
+ /*left dark border*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(6, 78%, 39%, 1)), to(hsla(6, 78%, 39%, 1))) 0px 0px no-repeat,
+
+ /*top light edge*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(6, 78%, 73%, 1)), to(hsla(6, 78%, 73%, 1))) 0px 0px no-repeat,
+ /*bottom light edge*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(6, 78%, 54%, 1)), to(hsla(6, 78%, 54%, 1))) right bottom no-repeat,
+ /*left light gradient*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(6, 78%, 73%, 1)), color-stop(.5, hsla(6, 78%, 56%, 1)), to(hsla(6, 78%, 42%, 1))) 0px 0px no-repeat,
+ /*right light gradient*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(6, 78%, 73%, 1)), color-stop(.5, hsla(6, 78%, 56%, 1)), to(hsla(6, 78%, 42%, 1))) right bottom no-repeat,
+ /*body*/
+ -webkit-gradient(linear, left top, left bottom, from(hsla(6, 78%, 57%, 1)), color-stop(.45, hsla(6, 78%, 47%, 1)), color-stop(.5, hsla(6, 78%, 45%, 1)), to(hsla(6, 78%, 47%, 1))) 1px 1px no-repeat !important;
+ -webkit-border-top-left-radius: 5px;
+}
+
+/* mention+focus header*/
+
+.mention.focus .x-header
+{
+ background:
+ -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(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) left 5px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .5)), to(rgba(192, 192, 192, 1))) left 5px 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(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) right 5px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .5)), to(rgba(192, 192, 192, 1))) right 5px 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%, 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(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) 0px 4px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(181, 181, 181, 1)), to(rgba(181, 181, 181, 1))) 1px 5px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(rgba(181, 181, 181, 1)), to(rgba(181, 181, 181, 1))) 1px 6px no-repeat;
+ -webkit-border-top-right-radius: 4px;
+}
+
+/* mention header*/
+
+.mention:not(.focus) .x-header
+{
+ background:
+ -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, .5)), to(rgba(248, 248, 248, 1))) left 5px 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, .5)), to(rgba(248, 248, 248, 1))) right 5px 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%, 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(241, 241, 241, 1)), to(rgba(241, 241, 241, 1))) 1px 6px no-repeat;
+ -webkit-border-top-right-radius: 4px;
+}
diff -r b2016282faba -r 9fafe87ac418 Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Alt Green - Blue.css
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Alt Green - Blue.css Fri Dec 18 11:49:52 2009 -0600
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Alt Green - Blue.css Mon Dec 21 22:20:18 2009 -0600
@@ -35,42 +35,64 @@
.focus:not(.history):not(.mention) .x-contents_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 shadow*/
-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,
- -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;
+ /*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 !important;
-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))) left top no-repeat,
-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) left top no-repeat,
-webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) left top no-repeat,
+ /*bottom shadow*/
-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,
- -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;
+ /*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-top-left-radius: 5px;
}
@@ -89,7 +111,7 @@
-webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) right 5px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .5)), to(rgba(192, 192, 192, 1))) right 5px 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%, 33%, 1)), to(hsla(95, 66%, 33%, 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,
diff -r b2016282faba -r 9fafe87ac418 Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Alt Green - Green.css
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Alt Green - Green.css Fri Dec 18 11:49:52 2009 -0600
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Alt Green - Green.css Mon Dec 21 22:20:18 2009 -0600
@@ -30,48 +30,69 @@
background: url("../images/green_left_a.png") top right no-repeat;
}
-
/* focus header*/
.focus:not(.history):not(.mention) .x-contents_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 shadow*/
-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,
- -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;
+ /*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 !important;
-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))) left top no-repeat,
-webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 33%, 1)), to(hsla(95, 66%, 33%, 1))) left top no-repeat,
-webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 33%, 1)), to(hsla(95, 66%, 33%, 1))) left top no-repeat,
+ /*bottom shadow*/
-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,
- -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;
+ /*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 !important;
-webkit-border-top-left-radius: 5px;
}
@@ -90,7 +111,7 @@
-webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) right 5px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .5)), to(rgba(192, 192, 192, 1))) right 5px 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%, 33%, 1)), to(hsla(95, 66%, 33%, 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,
diff -r b2016282faba -r 9fafe87ac418 Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Alt Green - Grey.css
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Alt Green - Grey.css Fri Dec 18 11:49:52 2009 -0600
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Alt Green - Grey.css Mon Dec 21 22:20:18 2009 -0600
@@ -29,3 +29,121 @@
{
background: url("../images/grey_left_a.png") top right no-repeat;
}
+
+/* focus header*/
+
+.focus:not(.history):not(.mention) .x-contents_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 shadow*/
+ -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 !important;
+ -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(222, 10%, 30%, 1)), to(hsla(222, 10%, 30%, 1))) left top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(222, 10%, 30%, 1)), to(hsla(222, 10%, 30%, 1))) left top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(222, 10%, 30%, 1)), to(hsla(222, 10%, 30%, 1))) left top no-repeat,
+ /*bottom shadow*/
+ -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 !important;
+ -webkit-border-top-left-radius: 5px;
+}
+
+/* mention+focus header*/
+
+.mention.focus .x-header
+{
+ background:
+ -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(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) left 5px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .5)), to(rgba(192, 192, 192, 1))) left 5px 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(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) right 5px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .5)), to(rgba(192, 192, 192, 1))) right 5px 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%, 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(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) 0px 4px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(181, 181, 181, 1)), to(rgba(181, 181, 181, 1))) 1px 5px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(rgba(181, 181, 181, 1)), to(rgba(181, 181, 181, 1))) 1px 6px no-repeat;
+ -webkit-border-top-right-radius: 4px;
+}
+
+/* mention header*/
+
+.mention:not(.focus) .x-header
+{
+ background:
+ -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, .5)), to(rgba(248, 248, 248, 1))) left 5px 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, .5)), to(rgba(248, 248, 248, 1))) right 5px 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(241, 241, 241, 1)), to(rgba(241, 241, 241, 1))) 1px 6px no-repeat;
+ -webkit-border-top-right-radius: 4px;
+}
diff -r b2016282faba -r 9fafe87ac418 Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Alt Green - Orange.css
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Alt Green - Orange.css Fri Dec 18 11:49:52 2009 -0600
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Alt Green - Orange.css Mon Dec 21 22:20:18 2009 -0600
@@ -29,3 +29,121 @@
{
background: url("../images/orange_left_a.png") top right no-repeat;
}
+
+/* focus header*/
+
+.focus:not(.history):not(.mention) .x-contents_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 shadow*/
+ -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 !important;
+ -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(30, 71%, 32%, 1)), to(hsla(30, 71%, 32%, 1))) left top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(30, 71%, 32%, 1)), to(hsla(30, 71%, 32%, 1))) left top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(30, 71%, 32%, 1)), to(hsla(30, 71%, 32%, 1))) left top no-repeat,
+ /*bottom shadow*/
+ -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,
+ /*right 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,
+ /*left 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 !important;
+ -webkit-border-top-left-radius: 5px;
+}
+
+/* mention+focus header*/
+
+.mention.focus .x-header
+{
+ background:
+ -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(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) left 5px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .5)), to(rgba(192, 192, 192, 1))) left 5px 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(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) right 5px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .5)), to(rgba(192, 192, 192, 1))) right 5px 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%, 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(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) 0px 4px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(181, 181, 181, 1)), to(rgba(181, 181, 181, 1))) 1px 5px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(rgba(181, 181, 181, 1)), to(rgba(181, 181, 181, 1))) 1px 6px no-repeat;
+ -webkit-border-top-right-radius: 4px;
+}
+
+/* mention header*/
+
+.mention:not(.focus) .x-header
+{
+ background:
+ -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, .5)), to(rgba(248, 248, 248, 1))) left 5px 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, .5)), to(rgba(248, 248, 248, 1))) right 5px 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(241, 241, 241, 1)), to(rgba(241, 241, 241, 1))) 1px 6px no-repeat;
+ -webkit-border-top-right-radius: 4px;
+}
diff -r b2016282faba -r 9fafe87ac418 Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Alt Green - Red.css
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Alt Green - Red.css Fri Dec 18 11:49:52 2009 -0600
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Alt Green - Red.css Mon Dec 21 22:20:18 2009 -0600
@@ -29,3 +29,121 @@
{
background: url("../images/red_left_a.png") top right no-repeat;
}
+
+/* focus header*/
+
+.focus:not(.history):not(.mention) .x-contents_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,
More information about the commits
mailing list