xtras/mathuaerknedam 459:d3a0ccf30c92: Stockholm: when icons are...
commits at adium.im
commits at adium.im
Mon Mar 29 04:01:16 UTC 2010
details: http://hg.adium.im/xtras/mathuaerknedam/rev/d3a0ccf30c92
revision: 459:d3a0ccf30c92
author: mathuaerknedam
date: Sun Mar 28 23:01:01 2010 -0500
Stockholm: when icons are hidden, all icons corners are rounded. Still needs improvement to freshly-rounded header corner.
diffs (404 lines):
diff -r 0b98e8d43ebf -r d3a0ccf30c92 Stockholm ☿.AdiumMessageStyle/Contents/Resources/Mockup.html
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Mockup.html Sun Mar 28 22:32:16 2010 -0500
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Mockup.html Sun Mar 28 23:01:01 2010 -0500
@@ -5,7 +5,7 @@
<title>Stockholm</title>
<style type="text/css">
- @import url( "./Variants/alt blue - blue.css" );
+ @import url( "./Variants/blue - blue.css" );
body
{
diff -r 0b98e8d43ebf -r d3a0ccf30c92 Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/alternating.css
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/alternating.css Sun Mar 28 22:32:16 2010 -0500
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/alternating.css Sun Mar 28 23:01:01 2010 -0500
@@ -63,7 +63,6 @@
/*left dark edge*/
-webkit-gradient(linear, left top, left bottom, from(rgba(180, 180, 180, 1)), to(rgba(180, 180, 180, 1))) left top no-repeat,
-
/*right dark edge*/
-webkit-gradient(linear, left top, left bottom, from(rgba(187, 187, 187, 1)), to(rgba(187, 187, 187, 1))) right top no-repeat,
@@ -75,12 +74,48 @@
-webkit-gradient(linear, left top, left bottom, from(rgba(199, 199, 199, 1)), to(rgba(199, 199, 199, 1))) right bottom no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(199, 199, 199, 1)), to(rgba(199, 199, 199, 1))) right bottom no-repeat,
+ /*bottom dark edge*/
-webkit-gradient(linear, left top, left bottom, from(rgba(159, 159, 159, 1)), to(rgba(159, 159, 159, 1))) left bottom no-repeat,
+ /*bottom light edge*/
-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) left bottom no-repeat,
/*left light edge*/
-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) left top no-repeat,
+ /*right light edge*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) right top no-repeat,
+ /*body*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(241, 241, 241, 1)), to(rgba(241, 241, 241, 1))) 1px top no-repeat;
+}
+
+.incoming.hideIcons:not(.mention):not(.focus) .x-message
+{
+ background:
+ /*bottom shadow*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(205, 205, 205, 1)), to(rgba(205, 205, 205, 1))) left bottom no-repeat,
+
+ /*left dark edge*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(180, 180, 180, 1)), to(rgba(180, 180, 180, 1))) left top no-repeat,
+ /*right dark edge*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(187, 187, 187, 1)), to(rgba(187, 187, 187, 1))) right top no-repeat,
+
+ /*top shadow*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(183, 183, 183, 1)), to(rgba(183, 183, 183, 1))) 0px top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(220, 220, 220, 1)), to(rgba(220, 220, 220, 1))) 1px top no-repeat,
+
+ /*corners*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(199, 199, 199, 1)), to(rgba(199, 199, 199, 1))) right bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(199, 199, 199, 1)), to(rgba(199, 199, 199, 1))) right bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(199, 199, 199, 1)), to(rgba(199, 199, 199, 1))) left bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(199, 199, 199, 1)), to(rgba(199, 199, 199, 1))) left bottom no-repeat,
+
+ /*bottom dark edge*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(159, 159, 159, 1)), to(rgba(159, 159, 159, 1))) left bottom no-repeat,
+ /*bottom light edge*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) left bottom no-repeat,
+
+ /*left light edge*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) left top no-repeat,
/*right light edge*/
-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) right top no-repeat,
@@ -96,7 +131,6 @@
/*left dark edge*/
-webkit-gradient(linear, left top, left bottom, from(rgba(180, 180, 180, 1)), to(rgba(180, 180, 180, 1))) left top no-repeat,
-
/*right dark edge*/
-webkit-gradient(linear, left top, left bottom, from(rgba(187, 187, 187, 1)), to(rgba(187, 187, 187, 1))) right top no-repeat,
@@ -108,12 +142,48 @@
-webkit-gradient(linear, left top, left bottom, from(rgba(199, 199, 199, 1)), to(rgba(199, 199, 199, 1))) left bottom no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(199, 199, 199, 1)), to(rgba(199, 199, 199, 1))) left bottom no-repeat,
+ /*bottom dark edge*/
-webkit-gradient(linear, left top, left bottom, from(rgba(159, 159, 159, 1)), to(rgba(159, 159, 159, 1))) left bottom no-repeat,
+ /*bottom light edge*/
-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) left bottom no-repeat,
/*left light edge*/
-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) left top no-repeat,
+ /*right light edge*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) right top no-repeat,
+ /*body*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(241, 241, 241, 1)), to(rgba(241, 241, 241, 1))) 1px top no-repeat;
+}
+
+.outgoing.hideIcons:not(.mention):not(.focus) .x-message
+{
+ background:
+ /*bottom shadow*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(205, 205, 205, 1)), to(rgba(205, 205, 205, 1))) left bottom no-repeat,
+
+ /*left dark edge*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(180, 180, 180, 1)), to(rgba(180, 180, 180, 1))) left top no-repeat,
+ /*right dark edge*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(187, 187, 187, 1)), to(rgba(187, 187, 187, 1))) right top no-repeat,
+
+ /*top shadow*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(183, 183, 183, 1)), to(rgba(183, 183, 183, 1))) 0px top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(220, 220, 220, 1)), to(rgba(220, 220, 220, 1))) 1px top no-repeat,
+
+ /*corners*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(199, 199, 199, 1)), to(rgba(199, 199, 199, 1))) left bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(199, 199, 199, 1)), to(rgba(199, 199, 199, 1))) left bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(199, 199, 199, 1)), to(rgba(199, 199, 199, 1))) right bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(199, 199, 199, 1)), to(rgba(199, 199, 199, 1))) right bottom no-repeat,
+
+ /*bottom dark edge*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(159, 159, 159, 1)), to(rgba(159, 159, 159, 1))) left bottom no-repeat,
+ /*bottom light edge*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) left bottom no-repeat,
+
+ /*left light edge*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) left top no-repeat,
/*right light edge*/
-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) right top no-repeat,
@@ -129,7 +199,6 @@
/*left dark edge*/
-webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) left top no-repeat,
-
/*right dark edge*/
-webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) right top no-repeat,
@@ -141,12 +210,48 @@
-webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) right bottom no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) right bottom no-repeat,
+ /*bottom dark edge*/
-webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) right bottom no-repeat,
+ /*bottom light edge*/
-webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 1)), to(rgba(192, 192, 192, 1))) right bottom no-repeat,
/*left light edge*/
-webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 1)), to(rgba(192, 192, 192, 1))) left top no-repeat,
+ /*right light edge*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 1)), to(rgba(192, 192, 192, 1))) right top no-repeat,
+ /*body*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(181, 181, 181, 1)), to(rgba(181, 181, 181, 1))) 1px top no-repeat;
+}
+
+.incoming.focus.hideIcons:not(.mention) .x-message
+{
+ background:
+ /*bottom shadow*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 1)), to(rgba(192, 192, 192, 1))) right bottom no-repeat,
+
+ /*left dark edge*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) left top no-repeat,
+ /*right dark edge*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) right top no-repeat,
+
+ /*top shadow*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) 0px top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(181, 181, 181, 1)), to(rgba(181, 181, 181, 1))) 1px top no-repeat,
+
+ /*corners*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) right bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) right bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) left bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) left bottom no-repeat,
+
+ /*bottom dark edge*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) right bottom no-repeat,
+ /*bottom light edge*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 1)), to(rgba(192, 192, 192, 1))) right bottom no-repeat,
+
+ /*left light edge*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 1)), to(rgba(192, 192, 192, 1))) left top no-repeat,
/*right light edge*/
-webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 1)), to(rgba(192, 192, 192, 1))) right top no-repeat,
@@ -162,7 +267,6 @@
/*left dark edge*/
-webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) left top no-repeat,
-
/*right dark edge*/
-webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) right top no-repeat,
@@ -174,12 +278,48 @@
-webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) left bottom no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) left bottom no-repeat,
+ /*bottom dark edge*/
-webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) left bottom no-repeat,
+ /*bottom light edge*/
-webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 1)), to(rgba(192, 192, 192, 1))) left bottom no-repeat,
/*left light edge*/
-webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 1)), to(rgba(192, 192, 192, 1))) left top no-repeat,
+ /*right light edge*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 1)), to(rgba(192, 192, 192, 1))) right top no-repeat,
+ /*body*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(181, 181, 181, 1)), to(rgba(181, 181, 181, 1))) 1px top no-repeat;
+}
+
+.outgoing.focus.hideIcons:not(.mention) .x-message
+{
+ background:
+ /*bottom shadow*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 1)), to(rgba(192, 192, 192, 1))) right bottom no-repeat,
+
+ /*left dark edge*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) left top no-repeat,
+ /*right dark edge*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) right top no-repeat,
+
+ /*top shadow*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) 0px top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(181, 181, 181, 1)), to(rgba(181, 181, 181, 1))) 1px top no-repeat,
+
+ /*corners*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) left bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) left bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) right bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) right bottom no-repeat,
+
+ /*bottom dark edge*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) left bottom no-repeat,
+ /*bottom light edge*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 1)), to(rgba(192, 192, 192, 1))) left bottom no-repeat,
+
+ /*left light edge*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 1)), to(rgba(192, 192, 192, 1))) left top no-repeat,
/*right light edge*/
-webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 1)), to(rgba(192, 192, 192, 1))) right top no-repeat,
@@ -197,6 +337,12 @@
-webkit-border-top-left-radius: 4px;
}
+.message:not(.mention).hideIcons .x-header
+{
+ -webkit-border-top-left-radius: 4px;
+ -webkit-border-top-right-radius: 4px;
+}
+
.incoming .x-message
{
-webkit-border-bottom-right-radius: 5px;
@@ -206,3 +352,9 @@
{
-webkit-border-bottom-left-radius: 5px;
}
+
+.message:not(.mention).hideIcons .x-message
+{
+ -webkit-border-bottom-left-radius: 5px;
+ -webkit-border-bottom-right-radius: 5px;
+}
diff -r 0b98e8d43ebf -r d3a0ccf30c92 Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/main.css
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/main.css Sun Mar 28 22:32:16 2010 -0500
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/main.css Sun Mar 28 23:01:01 2010 -0500
@@ -169,6 +169,31 @@
padding-right: 8px;
}
+.message:not(.mention).hideIcons .x-message
+{
+ -webkit-background-size:
+ 100% 1px,
+
+ 1px 100%,
+ 1px 100%,
+
+ 100% 1px,
+ 100% 2px,
+
+ 2px 3px,
+ 2px 2px,
+ 2px 3px,
+ 2px 2px,
+
+ 100% 2px,
+ 100% 3px,
+
+ 2px 100%,
+ 2px 100%,
+
+ 100% 100%;
+}
+
.message:not(.consecutive)
{
margin-top: 11px !important;
diff -r 0b98e8d43ebf -r d3a0ccf30c92 Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/regular.css
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/regular.css Sun Mar 28 22:32:16 2010 -0500
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/regular.css Sun Mar 28 23:01:01 2010 -0500
@@ -63,6 +63,41 @@
-webkit-gradient(linear, left top, left bottom, from(rgba(241, 241, 241, 1)), to(rgba(241, 241, 241, 1))) 1px top no-repeat;
}
+.message.hideIcons:not(.mention):not(.focus) .x-message
+{
+ background:
+ /*bottom shadow*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(205, 205, 205, 1)), to(rgba(205, 205, 205, 1))) left bottom no-repeat,
+
+ /*left dark edge*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(180, 180, 180, 1)), to(rgba(180, 180, 180, 1))) left top no-repeat,
+ /*right dark edge*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(187, 187, 187, 1)), to(rgba(187, 187, 187, 1))) right top no-repeat,
+
+ /*top shadow*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(183, 183, 183, 1)), to(rgba(183, 183, 183, 1))) 0px top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(220, 220, 220, 1)), to(rgba(220, 220, 220, 1))) 1px top no-repeat,
+
+ /*corners*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(199, 199, 199, 1)), to(rgba(199, 199, 199, 1))) right bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(199, 199, 199, 1)), to(rgba(199, 199, 199, 1))) right bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(199, 199, 199, 1)), to(rgba(199, 199, 199, 1))) left bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(199, 199, 199, 1)), to(rgba(199, 199, 199, 1))) left bottom no-repeat,
+
+ /*bottom dark edge*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(159, 159, 159, 1)), to(rgba(159, 159, 159, 1))) left bottom no-repeat,
+ /*bottom light edge*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) left bottom no-repeat,
+
+ /*left light edge*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) left top no-repeat,
+ /*right light edge*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) right top no-repeat,
+
+ /*body*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(241, 241, 241, 1)), to(rgba(241, 241, 241, 1))) 1px top no-repeat;
+}
+
.message.focus .x-message
{
background:
@@ -96,13 +131,57 @@
-webkit-gradient(linear, left top, left bottom, from(rgba(181, 181, 181, 1)), to(rgba(181, 181, 181, 1))) 1px top no-repeat;
}
+.message.focus.hideIcons:not(.mention) .x-message
+{
+ background:
+ /*bottom shadow*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 1)), to(rgba(192, 192, 192, 1))) right bottom no-repeat,
+
+ /*left dark edge*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) left top no-repeat,
+ /*right dark edge*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) right top no-repeat,
+
+ /*top shadow*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) 0px top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(181, 181, 181, 1)), to(rgba(181, 181, 181, 1))) 1px top no-repeat,
+
+ /*corners*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) right bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) right bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) left bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) left bottom no-repeat,
+
+ /*bottom dark edge*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) right bottom no-repeat,
+ /*bottom light edge*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 1)), to(rgba(192, 192, 192, 1))) right bottom no-repeat,
+
+ /*left light edge*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 1)), to(rgba(192, 192, 192, 1))) left top no-repeat,
+ /*right light edge*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 1)), to(rgba(192, 192, 192, 1))) right top no-repeat,
+
+ /*body*/
+ -webkit-gradient(linear, left top, left bottom, from(rgba(181, 181, 181, 1)), to(rgba(181, 181, 181, 1))) 1px top no-repeat;
+}
+
.message .x-header
{
-webkit-border-top-right-radius: 4px;
}
+.message:not(.mention).hideIcons .x-header
+{
+ -webkit-border-top-left-radius: 4px;
+}
+
.message .x-message
{
-webkit-border-bottom-right-radius: 5px;
}
+.message:not(.mention).hideIcons .x-message
+{
+ -webkit-border-bottom-left-radius: 5px;
+}
More information about the commits
mailing list