xtras/mathuaerknedam 303:0d6e98cbb0d9: Stockholm: Small fixes to...
commits at adium.im
commits at adium.im
Tue Dec 15 04:52:04 UTC 2009
details: http://hg.adium.im/xtras/mathuaerknedam/rev/0d6e98cbb0d9
revision: 303:0d6e98cbb0d9
author: mathuaerknedam
date: Mon Dec 14 13:53:02 2009 -0600
Stockholm: Small fixes to vertical alignment.
Subject: xtras/mathuaerknedam 304:857a5f44d0ee: Stockholm: blue-blue, blue-green, green-blue, and green-green now use the moew streamlined (and modular) meention/focus styling methods.
details: http://hg.adium.im/xtras/mathuaerknedam/rev/857a5f44d0ee
revision: 304:857a5f44d0ee
author: mathuaerknedam
date: Mon Dec 14 22:51:46 2009 -0600
Stockholm: blue-blue, blue-green, green-blue, and green-green now use the moew streamlined (and modular) meention/focus styling methods.
diffs (truncated from 2115 to 1000 lines):
diff -r a03a1364b6e5 -r 857a5f44d0ee Stockholm ☿.AdiumMessageStyle/Contents/Resources/Mockup-color.html
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Mockup-color.html Fri Dec 11 16:51:02 2009 -0600
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Mockup-color.html Mon Dec 14 22:51:46 2009 -0600
@@ -6,7 +6,7 @@
<style type="text/css">
@import url( "./Main.css" );
- @import url( "./Variants/alt green - blue.css" );
+ @import url( "./Variants/alt red - orange.css" );
body
{
diff -r a03a1364b6e5 -r 857a5f44d0ee Stockholm ☿.AdiumMessageStyle/Contents/Resources/Mockup.html
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Mockup.html Fri Dec 11 16:51:02 2009 -0600
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Mockup.html Mon Dec 14 22:51:46 2009 -0600
@@ -36,8 +36,8 @@
<div class="x-header">
<div class="x-header_ctx_left"></div>
<div class="x-header_ctx_center">
- <div class="x-sender">dneedham.g</div>
- <div class="x-time">9:10 PM</div>
+ <div class="x-sender">yhn | ujm</div>
+ <div class="x-time">12:22 PM</div>
</div>
<div class="x-header_ctx_right"></div>
</div>
@@ -45,14 +45,50 @@
<div class="x-message_left"></div>
<div class="x-message_right"></div>
<div class="x-text">
- <p><a href=http://>sure</a></p>
+ <p><a href=http://>1</a></p>
+ </div>
+ </div>
+ <div class="x-message_bottom">
+ <div class="x-message_bottomleft"></div>
+ <div class="x-message_bottomcenter"></div>
+ <div class="x-message_bottomright"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+
+<HR>
+
+<div class="x-ctx_container incoming message history">
+ <div class="x-iconsubstitute" background="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-MetaContact-14NFTB1.png">
+ <div class="x-contents_left">
+ <img class="x-buddyicon" src="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-MetaContact-14NFTB1.png">
+ <div class="x-iconoverlay"></div>
+ </div>
+ </div>
+ <div class="x-contents_right" background="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-MetaContact-14NFTB1.png">
+ <div class="x-message_top">
+ <div class="x-header">
+ <div class="x-header_ctx_left"></div>
+ <div class="x-header_ctx_center">
+ <div class="x-sender">yhn | ujm</div>
+ <div class="x-time">12:22 PM</div>
+ </div>
+ <div class="x-header_ctx_right"></div>
+ </div>
+ <div class="x-message">
+ <div class="x-message_left"></div>
+ <div class="x-message_right"></div>
+ <div class="x-text">
+ <p><a href=http://>1</a></p>
<div class="x-combine consecutive incoming message history">
- <div class="x-ctime">9:10 PM</div>
- but they know
+ <div class="x-ctime">12:22 PM</div>
+ 2
</div>
<div class="x-combine consecutive incoming message history">
- <div class="x-ctime">9:10 PM</div>
- I mean, I don't think anyone has thought to actually ask him yet, but we've talked about how he might be there</div>
+ <div class="x-ctime">12:22 PM</div>
+ 3</div>
</div>
</div>
</div>
@@ -84,8 +120,8 @@
<div class="x-header">
<div class="x-header_ctx_left"></div>
<div class="x-header_ctx_center">
- <div class="x-sender">dneedham.g</div>
- <div class="x-time">9:10 PM</div>
+ <div class="x-sender">yhn | ujm</div>
+ <div class="x-time">12:22 PM</div>
</div>
<div class="x-header_ctx_right"></div>
</div>
@@ -93,7 +129,7 @@
<div class="x-message_left"></div>
<div class="x-message_right"></div>
<div class="x-text">
- <p><a href=http://>sure</a></p>
+ <p><a href=http://>1</a></p>
</div>
</div>
<div class="x-message_bottom">
@@ -120,8 +156,8 @@
<div class="x-header">
<div class="x-header_ctx_left"></div>
<div class="x-header_ctx_center">
- <div class="x-sender">dneedham.g</div>
- <div class="x-time">9:10 PM</div>
+ <div class="x-sender">yhn | ujm</div>
+ <div class="x-time">12:22 PM</div>
</div>
<div class="x-header_ctx_right"></div>
</div>
@@ -129,14 +165,14 @@
<div class="x-message_left"></div>
<div class="x-message_right"></div>
<div class="x-text">
- <p><a href=http://>sure</a></p>
+ <p><a href=http://>1</a></p>
<div class="x-combine consecutive incoming message history">
- <div class="x-ctime">9:10 PM</div>
- but they know
+ <div class="x-ctime">12:22 PM</div>
+ 2
</div>
<div class="x-combine consecutive incoming message history">
- <div class="x-ctime">9:10 PM</div>
- I mean, I don't think anyone has thought to actually ask him yet, but we've talked about how he might be there</div>
+ <div class="x-ctime">12:22 PM</div>
+ 3</div>
</div>
</div>
</div>
@@ -152,24 +188,24 @@
<HR>
-INCOMING CONTENT MENTION FOCUS (no icon)
+INCOMING CONTENT MENTION FOCUS
<HR>
<div class="x-container mention focus incoming message voice">
- <div class="x-iconsubstitute" background="Incoming/buddy_icon.png">
+ <div class="x-iconsubstitute" background="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-MetaContact-14NFTB1.png">
<div class="x-contents_left">
- <img class="x-buddyicon" src="Incoming/buddy_icon.png">
+ <img class="x-buddyicon" src="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-MetaContact-14NFTB1.png">
<div class="x-iconoverlay"></div>
</div>
</div>
- <div class="x-contents_right" background="Incoming/buddy_icon.png">
+ <div class="x-contents_right" background="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-MetaContact-14NFTB1.png">
<div class="x-message_top">
<div class="x-header">
<div class="x-incomingheader_left"></div>
<div class="x-incomingheader_center">
- <div class="x-sender">LuX</div>
- <div class="x-time">8:34 AM</div>
+ <div class="x-sender">yhn | ujm</div>
+ <div class="x-time">12:22 PM</div>
</div>
<div class="x-incomingheader_right"></div>
</div>
@@ -177,7 +213,7 @@
<div class="x-message_left"></div>
<div class="x-message_right"></div>
<div class="x-text">
- <p><a href=http://> (__) </a></p>
+ <p><a href=http://>1</a></p>
</div>
</div>
</div>
@@ -191,24 +227,24 @@
<HR>
-INCOMING CONTENT (no icon)
+INCOMING CONTENT
<HR>
<div class="x-container incoming message voice">
- <div class="x-iconsubstitute" background="Incoming/buddy_icon.png">
+ <div class="x-iconsubstitute" background="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-MetaContact-14NFTB1.png">
<div class="x-contents_left">
- <img class="x-buddyicon" src="Incoming/buddy_icon.png">
+ <img class="x-buddyicon" src="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-MetaContact-14NFTB1.png">
<div class="x-iconoverlay"></div>
</div>
</div>
- <div class="x-contents_right" background="Incoming/buddy_icon.png">
+ <div class="x-contents_right" background="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-MetaContact-14NFTB1.png">
<div class="x-message_top">
<div class="x-header">
<div class="x-incomingheader_left"></div>
<div class="x-incomingheader_center">
- <div class="x-sender">LuX</div>
- <div class="x-time">8:34 AM</div>
+ <div class="x-sender">yhn | ujm</div>
+ <div class="x-time">12:22 PM</div>
</div>
<div class="x-incomingheader_right"></div>
</div>
@@ -216,7 +252,7 @@
<div class="x-message_left"></div>
<div class="x-message_right"></div>
<div class="x-text">
- <p><a href=http://> (__) </a></p>
+ <p><a href=http://>1</a></p>
</div>
</div>
</div>
@@ -230,24 +266,24 @@
<HR>
-INCOMING CONTENT FOCUS (no icon)
+INCOMING CONTENT FOCUS
<HR>
<div class="x-container focus incoming message voice">
- <div class="x-iconsubstitute" background="Incoming/buddy_icon.png">
+ <div class="x-iconsubstitute" background="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-MetaContact-14NFTB1.png">
<div class="x-contents_left">
- <img class="x-buddyicon" src="Incoming/buddy_icon.png">
+ <img class="x-buddyicon" src="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-MetaContact-14NFTB1.png">
<div class="x-iconoverlay"></div>
</div>
</div>
- <div class="x-contents_right" background="Incoming/buddy_icon.png">
+ <div class="x-contents_right" background="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-MetaContact-14NFTB1.png">
<div class="x-message_top">
<div class="x-header">
<div class="x-incomingheader_left"></div>
<div class="x-incomingheader_center">
- <div class="x-sender">LuX</div>
- <div class="x-time">8:34 AM</div>
+ <div class="x-sender">yhn | ujm</div>
+ <div class="x-time">12:22 PM</div>
</div>
<div class="x-incomingheader_right"></div>
</div>
@@ -255,24 +291,14 @@
<div class="x-message_left"></div>
<div class="x-message_right"></div>
<div class="x-text">
- <p><a href=http://> (__) </a></p>
+ <p><a href=http://>1</a></p>
<div class="x-combine consecutive incoming message voice">
- <div class="x-ctime">8:34 AM</div>
- (oo)
+ <div class="x-ctime">12:22 PM</div>
+ 2
</div>
<div class="x-combine consecutive incoming message voice">
- <div class="x-ctime">8:34 AM</div>
- /------\/
- </div>
- <div class="x-combine consecutive incoming message voice">
- <div class="x-ctime">8:34 AM</div>
- / | || </div>
- <div class="x-combine consecutive incoming message voice">
- <div class="x-ctime">8:35 AM</div>
- * /\---/\ </div>
- <div class="x-combine consecutive incoming message voice">
- <div class="x-ctime">8:35 AM</div>
- ~~ ~~
+ <div class="x-ctime">12:22 PM</div>
+ 3
</div>
</div>
</div>
@@ -287,24 +313,24 @@
<HR>
-INCOMING CONTENT MENTION (no icon)
+INCOMING CONTENT MENTION
<HR>
<div class="x-container mention incoming message voice">
- <div class="x-iconsubstitute" background="Incoming/buddy_icon.png">
+ <div class="x-iconsubstitute" background="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-MetaContact-14NFTB1.png">
<div class="x-contents_left">
- <img class="x-buddyicon" src="Incoming/buddy_icon.png">
+ <img class="x-buddyicon" src="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-MetaContact-14NFTB1.png">
<div class="x-iconoverlay"></div>
</div>
</div>
- <div class="x-contents_right" background="Incoming/buddy_icon.png">
+ <div class="x-contents_right" background="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-MetaContact-14NFTB1.png">
<div class="x-message_top">
<div class="x-header">
<div class="x-incomingheader_left"></div>
<div class="x-incomingheader_center">
- <div class="x-sender">LuX</div>
- <div class="x-time">8:34 AM</div>
+ <div class="x-sender">yhn | ujm</div>
+ <div class="x-time">12:22 PM</div>
</div>
<div class="x-incomingheader_right"></div>
</div>
@@ -312,7 +338,7 @@
<div class="x-message_left"></div>
<div class="x-message_right"></div>
<div class="x-text">
- <p><a href=http://> (__) </a></p>
+ <p><a href=http://>1</a></p>
</div>
</div>
</div>
@@ -327,19 +353,19 @@
<HR>
<div class="x-container mention incoming message voice">
- <div class="x-iconsubstitute" background="Incoming/buddy_icon.png">
+ <div class="x-iconsubstitute" background="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-MetaContact-14NFTB1.png">
<div class="x-contents_left">
- <img class="x-buddyicon" src="Incoming/buddy_icon.png">
+ <img class="x-buddyicon" src="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-MetaContact-14NFTB1.png">
<div class="x-iconoverlay"></div>
</div>
</div>
- <div class="x-contents_right" background="Incoming/buddy_icon.png">
+ <div class="x-contents_right" background="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-MetaContact-14NFTB1.png">
<div class="x-message_top">
<div class="x-header">
<div class="x-incomingheader_left"></div>
<div class="x-incomingheader_center">
- <div class="x-sender">LuX</div>
- <div class="x-time">8:34 AM</div>
+ <div class="x-sender">yhn | ujm</div>
+ <div class="x-time">12:22 PM</div>
</div>
<div class="x-incomingheader_right"></div>
</div>
@@ -347,24 +373,14 @@
<div class="x-message_left"></div>
<div class="x-message_right"></div>
<div class="x-text">
- <p><a href=http://> (__) </a></p>
+ <p><a href=http://>1</a></p>
<div class="x-combine consecutive incoming message voice">
- <div class="x-ctime">8:34 AM</div>
- (oo)
+ <div class="x-ctime">12:22 PM</div>
+ 2
</div>
<div class="x-combine consecutive incoming message voice">
- <div class="x-ctime">8:34 AM</div>
- /------\/
- </div>
- <div class="x-combine consecutive incoming message voice">
- <div class="x-ctime">8:34 AM</div>
- / | || </div>
- <div class="x-combine consecutive incoming message voice">
- <div class="x-ctime">8:35 AM</div>
- * /\---/\ </div>
- <div class="x-combine consecutive incoming message voice">
- <div class="x-ctime">8:35 AM</div>
- ~~ ~~
+ <div class="x-ctime">12:22 PM</div>
+ 3
</div>
</div>
</div>
@@ -393,7 +409,7 @@
<div class="x-status_leftside"></div>
<div class="x-status_rightside"></div>
<div class="x-status_right">
- <div class="x-status_left">8:34</div>
+ <div class="x-status_left">12:22</div>
Sunday, December 6, 2009<br>
<div class="x-status_bump"></div>
</div>
@@ -421,7 +437,7 @@
<div class="x-status_leftside"></div>
<div class="x-status_rightside"></div>
<div class="x-status_right">
- <div class="x-status_left">8:34</div>
+ <div class="x-status_left">12:22</div>
Sunday, December 6, 2009<br>
<div class="x-status_bump"></div>
</div>
@@ -435,6 +451,43 @@
<HR>
+OUTGOING CONTEXT
+
+<HR>
+
+<div class="x-ctx_container outgoing message history">
+ <div class="x-iconsubstitute" background="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-11WLX6L.png">
+ <div class="x-outgoing_left">
+ <img class="x-outgoing_buddyicon" src="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-11WLX6L.png">
+ <div class="x-outgoing_iconoverlay"></div>
+ </div>
+ </div>
+ <div class="x-outgoing_right" background="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-11WLX6L.png"> <div class="x-message_top"> <div class="x-header"> <div class="x-outgoingheader_ctx_left"></div>
+ <div class="x-outgoingheader_ctx_center">
+ <div class="x-sender">ujm | yhn</div>
+ <div class="x-time">12:22 PM</div>
+ </div>
+ <div class="x-outgoingheader_ctx_right"></div>
+ </div>
+ <div class="x-message">
+ <div class="x-outgoingmessage_left"></div>
+ <div class="x-outgoingmessage_right"></div>
+ <div class="x-text">
+ <p><a href=http://>1</a></p>
+ </div>
+ </div>
+ </div>
+ <div class="x-message_bottom">
+ <div class="x-outgoingmessage_bottomleft"></div>
+ <div class="x-outgoingmessage_bottomcenter"></div>
+ <div class="x-outgoingmessage_bottomright"></div>
+ </div>
+ </div>
+ </div>
+</div>
+
+<HR>
+
OUTGOING CONTEXT FOCUS
<HR>
@@ -448,8 +501,8 @@
</div>
<div class="x-outgoing_right" background="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-11WLX6L.png"> <div class="x-message_top"> <div class="x-header"> <div class="x-outgoingheader_ctx_left"></div>
<div class="x-outgoingheader_ctx_center">
- <div class="x-sender">mathu.g</div>
- <div class="x-time">9:12 PM</div>
+ <div class="x-sender">ujm | yhn</div>
+ <div class="x-time">12:22 PM</div>
</div>
<div class="x-outgoingheader_ctx_right"></div>
</div>
@@ -457,14 +510,14 @@
<div class="x-outgoingmessage_left"></div>
<div class="x-outgoingmessage_right"></div>
<div class="x-text">
- <p><a href=http://>lol</a></p>
+ <p><a href=http://>1</a></p>
<div class="x-combine consecutive outgoing message history">
- <div class="x-ctime">9:12 PM</div>
- nice
+ <div class="x-ctime">12:22 PM</div>
+ 2
</div>
<div class="x-combine consecutive outgoing message history">
<div class="x-ctime">9:13 PM</div>
- Elizabeth has pneumonia.
+ 3
</div>
</div>
</div>
@@ -489,8 +542,8 @@
</div>
<div class="x-outgoing_right" background="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-11WLX6L.png"> <div class="x-message_top"> <div class="x-header"> <div class="x-outgoingheader_ctx_left"></div>
<div class="x-outgoingheader_ctx_center">
- <div class="x-sender">mathu.g</div>
- <div class="x-time">9:12 PM</div>
+ <div class="x-sender">ujm | yhn</div>
+ <div class="x-time">12:22 PM</div>
</div>
<div class="x-outgoingheader_ctx_right"></div>
</div>
@@ -498,7 +551,7 @@
<div class="x-outgoingmessage_left"></div>
<div class="x-outgoingmessage_right"></div>
<div class="x-text">
- <p><a href=http://>lol</a></p>
+ <p><a href=http://>1</a></p>
</div>
</div>
</div>
@@ -529,8 +582,8 @@
<div class="x-header">
<div class="x-outgoingheader_left"></div>
<div class="x-outgoingheader_center">
- <div class="x-sender">aerk</div>
- <div class="x-time">6:31 PM</div>
+ <div class="x-sender">ujm | yhn</div>
+ <div class="x-time">12:22 PM</div>
</div>
<div class="x-outgoingheader_right"></div>
</div>
@@ -540,11 +593,11 @@
<div class="x-text">
<p><a href=http://>1</a></p>
<div class="x-combine consecutive outgoing message">
- <div class="x-ctime">6:31 PM</div>
+ <div class="x-ctime">12:22 PM</div>
2
</div>
<div class="x-combine consecutive outgoing message">
- <div class="x-ctime">6:31 PM</div>
+ <div class="x-ctime">12:22 PM</div>
<a href=http://>3</a>
</div>
</div>
@@ -572,8 +625,8 @@
<div class="x-header">
<div class="x-outgoingheader_left"></div>
<div class="x-outgoingheader_center">
- <div class="x-sender">aerk</div>
- <div class="x-time">6:31 PM</div>
+ <div class="x-sender">ujm | yhn</div>
+ <div class="x-time">12:22 PM</div>
</div>
<div class="x-outgoingheader_right"></div>
</div>
@@ -611,8 +664,8 @@
<div class="x-header">
<div class="x-outgoingheader_left"></div>
<div class="x-outgoingheader_center">
- <div class="x-sender">aerk</div>
- <div class="x-time">6:31 PM</div>
+ <div class="x-sender">ujm | yhn</div>
+ <div class="x-time">12:22 PM</div>
</div>
<div class="x-outgoingheader_right"></div>
</div>
@@ -622,11 +675,11 @@
<div class="x-text">
<p><a href=http://>1</a></p>
<div class="x-combine consecutive outgoing message">
- <div class="x-ctime">6:31 PM</div>
+ <div class="x-ctime">12:22 PM</div>
2
</div>
<div class="x-combine consecutive outgoing message">
- <div class="x-ctime">6:31 PM</div>
+ <div class="x-ctime">12:22 PM</div>
<a href=http://>3</a>
</div>
</div>
@@ -654,8 +707,8 @@
<div class="x-header">
<div class="x-outgoingheader_left"></div>
<div class="x-outgoingheader_center">
- <div class="x-sender">aerk</div>
- <div class="x-time">6:31 PM</div>
+ <div class="x-sender">ujm | yhn</div>
+ <div class="x-time">12:22 PM</div>
</div>
<div class="x-outgoingheader_right"></div>
</div>
diff -r a03a1364b6e5 -r 857a5f44d0ee Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Blue - Blue.css
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Blue - Blue.css Fri Dec 11 16:51:02 2009 -0600
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Blue - Blue.css Mon Dec 14 22:51:46 2009 -0600
@@ -30,18 +30,9 @@
background: url("../images/blue_right.png") top right no-repeat;
}
-.x-message
-{
- padding-top: 3px;
- margin-bottom: -2px;
-}
+/* mention header */
-.x-message_bottom
-{
- height: 4px;
-}
-
-.mention .x-contents_right .x-header
+.mention:not(.focus) .x-header
{
background:
-webkit-gradient(linear, left top, left bottom, from(rgba(202, 202, 202, 1)), to(rgba(202, 202, 202, 1))) right top no-repeat,
@@ -58,6 +49,23 @@
-webkit-border-top-right-radius: 4px;
}
+.mention.focus .x-header
+{
+ background:
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) right top no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 1)), to(rgba(192, 192, 192, 1))) 1px 1px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) right top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 1)), to(rgba(192, 192, 192, 1))) right 1px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 1)), to(rgba(192, 192, 192, 1))) 1px 1px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(181, 181, 181, 1)), to(rgba(181, 181, 181, 1))) 2px 2px no-repeat;
+ -webkit-border-top-right-radius: 4px;
+}
+
.mention .x-header
{
-webkit-background-size:
@@ -72,259 +80,111 @@
100% 1px,
100% 1px,
100% 100%;
+ padding-bottom: 1px;
}
-.mention .x-contents_right .x-message
+/* mention message */
+
+.mention .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(rgba(192, 192, 192, 1)), to(rgba(192, 192, 192, 1))) left bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) left bottom no-repeat,
-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%, 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%, 58%, 1)), to(hsla(215, 73%, 58%, 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))) 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-gradient(linear, left top, left bottom, from(hsla(215, 73%, 57%, 1)), color-stop(.45, hsla(215, 73%, 48%, 1)), color-stop(.5, hsla(215, 73%, 46%, 1)), to(hsla(215, 73%, 53%, 1))) 1px 1px no-repeat !important;
+ -webkit-border-bottom-right-radius: 6px !important;
-webkit-background-size:
100% 1px,
- 2px 3px,
+ 100% 2px,
100% 1px,
1px 100%,
- 100% 2px,
+ 100% 3px,
1px 100%,
100% 2px,
- 2px 100%,
100% 3px,
2px 100%,
- 100% 100%;
- color: white;
+ 2px 100%,
+ 100% 100% !important;
+ padding-top: 2px;
padding-bottom: 2px;
margin-bottom: 0px;
+ color: white;
text-shadow: #4D4D4D 1px 1px 1px;
}
-.mention a,
+.mention .x-sender
+{
+padding-top: 4px;
+}
+
+.mention .x-time
+{
+ top: 4px;
+}
+
+.mention:not(.focus) a,
.mention.focus 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))) 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))) 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-right-radius: 4px;
- -webkit-border-bottom-right-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: 4px;
-}
-
-.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
+/* focus header */
+
+.focus:not(.history):not(.mention) .x-contents_right .x-header
{
- text-shadow: none;
- margin-top: 2px;
+ background:
+ -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,
+ -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(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%, 58%, 1)), to(hsla(215, 73%, 58%, 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))) 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))) 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-top-right-radius: 5px;
}
-.focus:not(.history).incoming .x-header
+.focus:not(.history):not(.mention) .x-outgoing_right .x-header
{
- color: rgb(52, 82, 188);
+ background:
+ -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,
+ -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(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%, 58%, 1)), to(hsla(215, 73%, 58%, 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))) 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))) 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-top-right-radius: 5px;
}
-
-.focus:not(.history).outgoing .x-header
-{
- color: rgb(52, 82, 188);
-}
diff -r a03a1364b6e5 -r 857a5f44d0ee Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Blue - Green.css
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Blue - Green.css Fri Dec 11 16:51:02 2009 -0600
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Variants/Blue - Green.css Mon Dec 14 22:51:46 2009 -0600
@@ -30,18 +30,9 @@
background: url("../images/green_right.png") top right no-repeat;
}
-.x-message
-{
- padding-top: 3px;
- margin-bottom: -2px;
-}
+/* mention header */
-.x-message_bottom
-{
- height: 4px;
-}
-
-.mention .x-contents_right .x-header
+.mention:not(.focus) .x-header
{
background:
-webkit-gradient(linear, left top, left bottom, from(rgba(202, 202, 202, 1)), to(rgba(202, 202, 202, 1))) right top no-repeat,
@@ -58,6 +49,23 @@
-webkit-border-top-right-radius: 4px;
}
+.mention.focus .x-header
+{
+ background:
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) right top no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 1)), to(rgba(192, 192, 192, 1))) 1px 1px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) right top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 1)), to(rgba(192, 192, 192, 1))) right 1px no-repeat,
+
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, 1)), to(rgba(192, 192, 192, 1))) 1px 1px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(181, 181, 181, 1)), to(rgba(181, 181, 181, 1))) 2px 2px no-repeat;
+ -webkit-border-top-right-radius: 4px;
+}
+
.mention .x-header
{
-webkit-background-size:
@@ -72,259 +80,111 @@
100% 1px,
100% 1px,
100% 100%;
+ padding-bottom: 1px;
}
-.mention .x-contents_right .x-message
+/* mention message */
+
+.mention .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(rgba(192, 192, 192, 1)), to(rgba(192, 192, 192, 1))) left bottom no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(140, 140, 140, 1)), to(rgba(140, 140, 140, 1))) left bottom no-repeat,
-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%, 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,
More information about the commits
mailing list