xtras/mathuaerknedam 296:78b51af4c7c6: Stockholm: expand mention...
commits at adium.im
commits at adium.im
Tue Dec 8 18:56:49 UTC 2009
details: http://hg.adium.im/xtras/mathuaerknedam/rev/78b51af4c7c6
revision: 296:78b51af4c7c6
author: mathuaerknedam
date: Tue Dec 08 12:56:46 2009 -0600
Stockholm: expand mention/focus indicator availability to 'alt green-green' and 'alt blue-blue' variants.
diffs (622 lines):
diff -r 37653bce112b -r 78b51af4c7c6 Stockholm ☿.AdiumMessageStyle/Contents/Resources/Mockup.html
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Mockup.html Tue Dec 08 12:50:23 2009 -0600
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Mockup.html Tue Dec 08 12:56:46 2009 -0600
@@ -6,7 +6,7 @@
<style type="text/css">
@import url( "./Main.css" );
- @import url( "./Variants/Alt blue - green.css" );
+ @import url( "./Variants/Alt green - green.css" );
</style>
</head>
diff -r 37653bce112b -r 78b51af4c7c6 Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Alt Blue - Blue.css
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Alt Blue - Blue.css Tue Dec 08 12:50:23 2009 -0600
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Alt Blue - Blue.css Tue Dec 08 12:56:46 2009 -0600
@@ -29,3 +29,301 @@
{
background: url("../images/blue_left_a.png") top right no-repeat;
}
+
+.x-message
+{
+ padding-top: 3px;
+ margin-bottom: -2px;
+}
+
+.x-message_bottom
+{
+ height: 4px;
+}
+
+.mention .x-contents_right .x-header
+{
+ background:
+ -webkit-gradient(linear, left top, left bottom, from(rgba(202, 202, 202, 1)), to(rgba(202, 202, 202, 1))) right top no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(rgba(202, 202, 202, 1)), to(rgba(202, 202, 202, 1))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) 1px 1px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(rgba(187, 187, 187, 1)), to(rgba(187, 187, 187, 1))) right top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) right 1px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(rgba(202, 202, 202, 1)), to(rgba(202, 202, 202, 1))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) 1px 1px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(241, 241, 241, 1)), to(rgba(241, 241, 241, 1))) 2px 2px no-repeat;
+ -webkit-border-top-right-radius: 4px;
+}
+
+.mention .x-header
+{
+ -webkit-background-size:
+ 2px 2px,
+
+ 1px 100%,
+ 1px 100%,
+
+ 1px 100%,
+ 2px 100%,
+
+ 100% 1px,
+ 100% 1px,
+ 100% 100%;
+}
+
+.mention .x-contents_right .x-message
+{
+ background:
+ -webkit-gradient(linear, left top, left bottom, from(rgba(187, 187, 187, 1)), to(rgba(187, 187, 187, 1))) right bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) right bottom no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) right bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 33%, 1)), to(hsla(215, 73%, 33%, 1))) right bottom no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 73%, 1)), to(hsla(215, 73%, 73%, 1))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 62%, 1)), color-stop(.5, hsla(215, 73%, 52%, 1)), to(hsla(215, 73%, 50%, 1))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 63%, 1)), to(hsla(215, 73%, 63%, 1))) right bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 62%, 1)), color-stop(.5, hsla(215, 73%, 52%, 1)), to(hsla(215, 73%, 50%, 1))) right bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 57%, 1)), color-stop(.45, hsla(215, 73%, 48%, 1)), color-stop(.5, hsla(215, 73%, 46%, 1)), to(hsla(215, 73%, 53%, 1))) 1px 1px no-repeat;
+ -webkit-border-bottom-right-radius: 5px;
+}
+
+.mention .x-contents_right .x-message
+{
+ -webkit-background-size:
+ 100% 1px,
+ 2px 3px,
+
+ 100% 1px,
+ 1px 100%,
+ 100% 2px,
+ 1px 100%,
+
+ 100% 2px,
+ 2px 100%,
+ 100% 3px,
+ 2px 100%,
+ 100% 100%;
+ color: white;
+ padding-bottom: 2px;
+ margin-bottom: 0px;
+ text-shadow: #4D4D4D 1px 1px 1px;
+}
+
+.mention a,
+.mention .x-ctime
+{
+ color: white;
+}
+
+.focus:not(.history):not(.mention) .x-contents_right .x-message_top
+{
+ background:
+ -webkit-gradient(linear, left top, left bottom, from(rgba(202, 202, 202, 1)), to(rgba(187, 187, 187, 1))) right bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(187, 187, 187, 1)), to(rgba(187, 187, 187, 1))) right bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(159, 159, 159, 1)), to(rgba(159, 159, 159, 1))) right bottom no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 41%, .8)), to(hsla(215, 73%, 41%, .8))) left 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 41%, .8)), to(hsla(215, 73%, 41%, .8))) left 1px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(202, 202, 202, 1)), to(rgba(202, 202, 202, 1))) left 5px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) left 6px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 41%, .8)), to(hsla(215, 73%, 41%, .8))) right top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 41%, .8)), to(hsla(215, 73%, 41%, .8))) right top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(187, 187, 187, 1)), to(rgba(187, 187, 187, 1))) right 5px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) right 6px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 30%, 1)), to(hsla(215, 73%, 30%, 1))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 68%, 1)), to(hsla(215, 73%, 68%, 1))) 0px 1px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 49%, 1)), to(hsla(215, 73%, 49%, 1))) 0px 2px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 41%, 1)), to(hsla(215, 73%, 41%, 1))) 0px 3px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(178, 178, 178, 1)), to(rgba(178, 178, 178, 1))) 0px 4px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(220, 220, 220, 1)), to(rgba(220, 220, 220, 1))) 1px 5px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) right bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(241, 241, 241, 1)), to(rgba(241, 241, 241, 1))) 1px 6px no-repeat;
+ -webkit-border-top-right-radius: 4px;
+ -webkit-border-bottom-right-radius: 5px;
+}
+
+.focus:not(.history):not(.mention) .x-outgoing_right .x-message_top
+{
+ background:
+ -webkit-gradient(linear, left top, left bottom, from(rgba(202, 202, 202, 1)), to(rgba(187, 187, 187, 1))) left bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(187, 187, 187, 1)), to(rgba(187, 187, 187, 1))) left bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(159, 159, 159, 1)), to(rgba(159, 159, 159, 1))) left bottom no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 41%, .8)), to(hsla(215, 73%, 41%, .8))) right 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 41%, .8)), to(hsla(215, 73%, 41%, .8))) right 1px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(202, 202, 202, 1)), to(rgba(202, 202, 202, 1))) right 5px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) right 6px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 41%, .8)), to(hsla(215, 73%, 41%, .8))) left top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 41%, .8)), to(hsla(215, 73%, 41%, .8))) left top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(187, 187, 187, 1)), to(rgba(187, 187, 187, 1))) left 5px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) left 6px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 30%, 1)), to(hsla(215, 73%, 30%, 1))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 68%, 1)), to(hsla(215, 73%, 68%, 1))) 0px 1px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 49%, 1)), to(hsla(215, 73%, 49%, 1))) 0px 2px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(215, 73%, 41%, 1)), to(hsla(215, 73%, 41%, 1))) 0px 3px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(178, 178, 178, 1)), to(rgba(178, 178, 178, 1))) 0px 4px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(220, 220, 220, 1)), to(rgba(220, 220, 220, 1))) 1px 5px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) left bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(241, 241, 241, 1)), to(rgba(241, 241, 241, 1))) 1px 6px no-repeat;
+ -webkit-border-top-left-radius: 4px;
+ -webkit-border-bottom-left-radius: 5px;
+}
+
+.focus:not(.history):not(.mention) .x-message_top
+{
+ -webkit-background-size:
+ 2px 3px,
+ 100% 1px,
+ 100% 2px,
+
+ 1px 1px,
+ 1px 3px,
+ 1px 100%,
+ 2px 100%,
+
+ 3px 2px,
+ 2px 4px,
+ 1px 100%,
+ 2px 100%,
+
+ 100% 1px,
+ 100% 1px,
+ 100% 1px,
+ 100% 1px,
+ 100% 1px,
+ 100% 1px,
+
+ 100% 3px,
+ 100% 100%;
+ padding-bottom: 5px;
+}
+
+.x-text
+{
+ padding-right: 6px;
+}
+
+.x-text p
+{
+ margin-top: 0px;
+ margin-bottom: 1px;
+}
+
+.x-text .x-combine
+{
+ margin-top: 2px;
+ margin-bottom: 1px;
+ padding-top: 2px;
+}
+
+.mention .x-header
+{
+ color: black;
+ text-shadow: none;
+ height: 19px;
+}
+
+.x-header
+{
+ height: 19px;
+}
+
+.mention .x-incomingheader_left,
+.mention .x-incomingheader_right,
+.mention .x-outgoingheader_left,
+.mention .x-outgoingheader_right,
+.mention .x-outgoingheader_ctx_left,
+.mention .x-outgoingheader_ctx_right,
+.mention .x-outgoingmessage_right,
+.mention .x-outgoingmessage_left,
+.mention .x-outgoingmessage_bottomleft,
+.mention .x-outgoingmessage_bottomright,
+.mention .x-outgoingmessage_bottomcenter,
+.mention .x-message_left,
+.mention .x-message_right,
+.mention .x-message_bottom,
+.mention .x-message_bottomleft,
+.mention .x-message_bottomcenter,
+.mention .x-message_bottomright,
+.mention .x-header_ctx_left,
+.mention .x-header_ctx_right,
+.focus:not(.history):not(.mention) .x-incomingheader_left,
+.focus:not(.history):not(.mention) .x-incomingheader_right,
+.focus:not(.history):not(.mention) .x-outgoingheader_left,
+.focus:not(.history):not(.mention) .x-outgoingheader_right,
+.focus:not(.history):not(.mention) .x-outgoingmessage_right,
+.focus:not(.history):not(.mention) .x-outgoingmessage_left,
+.focus:not(.history):not(.mention) .x-outgoingmessage_bottomleft,
+.focus:not(.history):not(.mention) .x-outgoingmessage_bottomright,
+.focus:not(.history):not(.mention) .x-outgoingmessage_bottomcenter,
+.focus:not(.history):not(.mention) .x-message_left,
+.focus:not(.history):not(.mention) .x-message_right,
+.focus:not(.history):not(.mention) .x-message_bottom,
+.focus:not(.history):not(.mention) .x-message_bottomleft,
+.focus:not(.history):not(.mention) .x-message_bottomcenter,
+.focus:not(.history):not(.mention) .x-message_bottomright
+{
+ display: none;
+}
+
+.mention .x-outgoingheader_ctx_center,
+.mention .x-header_ctx_center,
+.mention .x-incomingheader_center,
+.mention .x-message,
+.focus:not(.history):not(.mention) .x-incomingheader_center,
+.focus:not(.history):not(.mention) .x-outgoingheader_center,
+.focus:not(.history):not(.mention) .x-header_center,
+.focus:not(.history):not(.mention) .x-message
+{
+ background: none;
+}
+
+.x-sender
+{
+ padding-top: 3px;
+}
+
+.x-time
+{
+ top: 3px;
+}
+
+.x-combine .x-ctime
+{
+ margin-right: 0px;
+ margin-left: 8px;
+}
+
+.mention .x-combine
+{
+ border-top: 1px solid rgba(255, 255, 255, .2);
+}
+
+.focus:not(.history):not(.mention) .x-sender,
+.focus:not(.history):not(.mention) .x-time
+{
+ text-shadow: none;
+ margin-top: 2px;
+}
+
+.focus:not(.history).incoming .x-header
+{
+ color: rgb(52, 82, 188);
+}
+
+.focus:not(.history).outgoing .x-header
+{
+ color: rgb(52, 82, 188);
+}
diff -r 37653bce112b -r 78b51af4c7c6 Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Alt Green - Green.css
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Alt Green - Green.css Tue Dec 08 12:50:23 2009 -0600
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Alt Green - Green.css Tue Dec 08 12:56:46 2009 -0600
@@ -29,3 +29,301 @@
{
background: url("../images/green_left_a.png") top right no-repeat;
}
+
+.x-message
+{
+ padding-top: 3px;
+ margin-bottom: -2px;
+}
+
+.x-message_bottom
+{
+ height: 4px;
+}
+
+.mention .x-contents_right .x-header
+{
+ background:
+ -webkit-gradient(linear, left top, left bottom, from(rgba(202, 202, 202, 1)), to(rgba(202, 202, 202, 1))) right top no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(rgba(202, 202, 202, 1)), to(rgba(202, 202, 202, 1))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) 1px 1px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(rgba(187, 187, 187, 1)), to(rgba(187, 187, 187, 1))) right top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) right 1px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(rgba(202, 202, 202, 1)), to(rgba(202, 202, 202, 1))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) 1px 1px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(241, 241, 241, 1)), to(rgba(241, 241, 241, 1))) 2px 2px no-repeat;
+ -webkit-border-top-right-radius: 4px;
+}
+
+.mention .x-header
+{
+ -webkit-background-size:
+ 2px 2px,
+
+ 1px 100%,
+ 1px 100%,
+
+ 1px 100%,
+ 2px 100%,
+
+ 100% 1px,
+ 100% 1px,
+ 100% 100%;
+}
+
+.mention .x-contents_right .x-message
+{
+ background:
+ -webkit-gradient(linear, left top, left bottom, from(rgba(187, 187, 187, 1)), to(rgba(187, 187, 187, 1))) right bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 33%, 1)), to(hsla(95, 66%, 33%, 1))) right bottom no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 33%, 1)), to(hsla(95, 66%, 33%, 1))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 33%, 1)), to(hsla(95, 66%, 33%, 1))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 33%, 1)), to(hsla(95, 66%, 33%, 1))) right bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 33%, 1)), to(hsla(95, 66%, 33%, 1))) right bottom no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 68%, 1)), to(hsla(95, 66%, 68%, 1))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 57%, 1)), color-stop(.5, hsla(95, 66%, 47%, 1)), to(hsla(95, 66%, 45%, 1))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 58%, 1)), to(hsla(95, 66%, 58%, 1))) right bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 57%, 1)), color-stop(.5, hsla(95, 66%, 47%, 1)), to(hsla(95, 66%, 45%, 1))) right bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 52%, 1)), color-stop(.45, hsla(95, 66%, 43%, 1)), color-stop(.5, hsla(95, 66%, 41%, 1)), to(hsla(95, 66%, 48%, 1))) 1px 1px no-repeat;
+ -webkit-border-bottom-right-radius: 5px;
+}
+
+.mention .x-contents_right .x-message
+{
+ -webkit-background-size:
+ 100% 1px,
+ 2px 3px,
+
+ 100% 1px,
+ 1px 100%,
+ 100% 2px,
+ 1px 100%,
+
+ 100% 2px,
+ 2px 100%,
+ 100% 3px,
+ 2px 100%,
+ 100% 100%;
+ color: white;
+ padding-bottom: 2px;
+ margin-bottom: 0px;
+ text-shadow: #4D4D4D 1px 1px 1px;
+}
+
+.mention a,
+.mention .x-ctime
+{
+ color: white;
+}
+
+.focus:not(.history):not(.mention) .x-contents_right .x-message_top
+{
+ background:
+ -webkit-gradient(linear, left top, left bottom, from(rgba(202, 202, 202, 1)), to(rgba(187, 187, 187, 1))) right bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(187, 187, 187, 1)), to(rgba(187, 187, 187, 1))) right bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(159, 159, 159, 1)), to(rgba(159, 159, 159, 1))) right bottom no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 41%, .8)), to(hsla(95, 66%, 41%, .8))) left 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 41%, .8)), to(hsla(95, 66%, 41%, .8))) left 1px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(202, 202, 202, 1)), to(rgba(202, 202, 202, 1))) left 5px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) left 6px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 41%, .8)), to(hsla(95, 66%, 41%, .8))) right top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 41%, .8)), to(hsla(95, 66%, 41%, .8))) right top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(187, 187, 187, 1)), to(rgba(187, 187, 187, 1))) right 5px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) right 6px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 30%, 1)), to(hsla(95, 66%, 30%, 1))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 68%, 1)), to(hsla(95, 66%, 68%, 1))) 0px 1px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 49%, 1)), to(hsla(95, 66%, 49%, 1))) 0px 2px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 41%, 1)), to(hsla(95, 66%, 41%, 1))) 0px 3px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(178, 178, 178, 1)), to(rgba(178, 178, 178, 1))) 0px 4px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(220, 220, 220, 1)), to(rgba(220, 220, 220, 1))) 1px 5px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) right bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(241, 241, 241, 1)), to(rgba(241, 241, 241, 1))) 1px 6px no-repeat;
+ -webkit-border-top-right-radius: 4px;
+ -webkit-border-bottom-right-radius: 5px;
+}
+
+.focus:not(.history):not(.mention) .x-outgoing_right .x-message_top
+{
+ background:
+ -webkit-gradient(linear, left top, left bottom, from(rgba(202, 202, 202, 1)), to(rgba(187, 187, 187, 1))) left bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(187, 187, 187, 1)), to(rgba(187, 187, 187, 1))) left bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(159, 159, 159, 1)), to(rgba(159, 159, 159, 1))) left bottom no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 41%, .8)), to(hsla(95, 66%, 41%, .8))) right 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 41%, .8)), to(hsla(95, 66%, 41%, .8))) right 1px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(202, 202, 202, 1)), to(rgba(202, 202, 202, 1))) right 5px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) right 6px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 41%, .8)), to(hsla(95, 66%, 41%, .8))) left top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 41%, .8)), to(hsla(95, 66%, 41%, .8))) left top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(187, 187, 187, 1)), to(rgba(187, 187, 187, 1))) left 5px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) left 6px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 30%, 1)), to(hsla(95, 66%, 30%, 1))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 68%, 1)), to(hsla(95, 66%, 68%, 1))) 0px 1px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 49%, 1)), to(hsla(95, 66%, 49%, 1))) 0px 2px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(95, 66%, 41%, 1)), to(hsla(95, 66%, 41%, 1))) 0px 3px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(178, 178, 178, 1)), to(rgba(178, 178, 178, 1))) 0px 4px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(220, 220, 220, 1)), to(rgba(220, 220, 220, 1))) 1px 5px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) left bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(241, 241, 241, 1)), to(rgba(241, 241, 241, 1))) 1px 6px no-repeat;
+ -webkit-border-top-left-radius: 4px;
+ -webkit-border-bottom-left-radius: 5px;
+}
+
+.focus:not(.history):not(.mention) .x-message_top
+{
+ -webkit-background-size:
+ 2px 3px,
+ 100% 1px,
+ 100% 2px,
+
+ 1px 1px,
+ 1px 3px,
+ 1px 100%,
+ 2px 100%,
+
+ 3px 2px,
+ 2px 4px,
+ 1px 100%,
+ 2px 100%,
+
+ 100% 1px,
+ 100% 1px,
+ 100% 1px,
+ 100% 1px,
+ 100% 1px,
+ 100% 1px,
+
+ 100% 3px,
+ 100% 100%;
+ padding-bottom: 5px;
+}
+
+.x-text
+{
+ padding-right: 6px;
+}
+
+.x-text p
+{
+ margin-top: 0px;
+ margin-bottom: 1px;
+}
+
+.x-text .x-combine
+{
+ margin-top: 2px;
+ margin-bottom: 1px;
+ padding-top: 2px;
+}
+
+.mention .x-contents_right .x-header
+{
+ color: black;
+ text-shadow: none;
+ height: 19px;
+}
+
+.x-header
+{
+ height: 19px;
+}
+
+.mention .x-incomingheader_left,
+.mention .x-incomingheader_right,
+.mention .x-outgoingheader_left,
+.mention .x-outgoingheader_right,
+.mention .x-outgoingheader_ctx_left,
+.mention .x-outgoingheader_ctx_right,
+.mention .x-outgoingmessage_right,
+.mention .x-outgoingmessage_left,
+.mention .x-outgoingmessage_bottomleft,
+.mention .x-outgoingmessage_bottomright,
+.mention .x-outgoingmessage_bottomcenter,
+.mention .x-message_left,
+.mention .x-message_right,
+.mention .x-message_bottom,
+.mention .x-message_bottomleft,
+.mention .x-message_bottomcenter,
+.mention .x-message_bottomright,
+.mention .x-header_ctx_left,
+.mention .x-header_ctx_right,
+.focus:not(.history):not(.mention) .x-incomingheader_left,
+.focus:not(.history):not(.mention) .x-incomingheader_right,
+.focus:not(.history):not(.mention) .x-outgoingheader_left,
+.focus:not(.history):not(.mention) .x-outgoingheader_right,
+.focus:not(.history):not(.mention) .x-outgoingmessage_right,
+.focus:not(.history):not(.mention) .x-outgoingmessage_left,
+.focus:not(.history):not(.mention) .x-outgoingmessage_bottomleft,
+.focus:not(.history):not(.mention) .x-outgoingmessage_bottomright,
+.focus:not(.history):not(.mention) .x-outgoingmessage_bottomcenter,
+.focus:not(.history):not(.mention) .x-message_left,
+.focus:not(.history):not(.mention) .x-message_right,
+.focus:not(.history):not(.mention) .x-message_bottom,
+.focus:not(.history):not(.mention) .x-message_bottomleft,
+.focus:not(.history):not(.mention) .x-message_bottomcenter,
+.focus:not(.history):not(.mention) .x-message_bottomright
+{
+ display: none;
+}
+
+.mention .x-outgoingheader_ctx_center,
+.mention .x-header_ctx_center,
+.mention .x-incomingheader_center,
+.mention .x-message,
+.focus:not(.history):not(.mention) .x-incomingheader_center,
+.focus:not(.history):not(.mention) .x-outgoingheader_center,
+.focus:not(.history):not(.mention) .x-header_center,
+.focus:not(.history):not(.mention) .x-message
+{
+ background: none;
+}
+
+.x-sender
+{
+ padding-top: 3px;
+}
+
+.x-time
+{
+ top: 3px;
+}
+
+.x-combine .x-ctime
+{
+ margin-right: 0px;
+ margin-left: 8px;
+}
+
+.mention .x-combine
+{
+ border-top: 1px solid rgba(255, 255, 255, .2);
+}
+
+.focus:not(.history):not(.mention) .x-sender,
+.focus:not(.history):not(.mention) .x-time
+{
+ text-shadow: none;
+ margin-top: 2px;
+}
+
+.focus:not(.history).outgoing .x-header
+{
+ color: rgb(82, 141, 50);
+}
+
+.focus:not(.history).incoming .x-header
+{
+ color: rgb(82, 141, 50);
+}
More information about the commits
mailing list