xtras/mathuaerknedam 472:4906802fd3cc: Stockholm: new topic styl...
commits at adium.im
commits at adium.im
Mon Apr 12 05:50:22 UTC 2010
details: http://hg.adium.im/xtras/mathuaerknedam/rev/4906802fd3cc
revision: 472:4906802fd3cc
author: mathuaerknedam
date: Mon Apr 12 00:49:06 2010 -0500
Stockholm: new topic styling.
Subject: xtras/mathuaerknedam 473:6597201a8210: Stockholm: Misc tweaks.
details: http://hg.adium.im/xtras/mathuaerknedam/rev/6597201a8210
revision: 473:6597201a8210
author: mathuaerknedam
date: Mon Apr 12 00:50:13 2010 -0500
Stockholm: Misc tweaks.
diffs (223 lines):
diff -r 3e5b22de4148 -r 6597201a8210 Stockholm ☿.AdiumMessageStyle/Contents/Resources/Mockup.html
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Mockup.html Sat Apr 10 20:49:21 2010 -0500
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Mockup.html Mon Apr 12 00:50:13 2010 -0500
@@ -5,23 +5,24 @@
<title>Stockholm</title>
<style type="text/css">
- @import url( "./Variants/blue - blue.css" );
+ @import url( "./Variants/blue - red.css" );
body
{
margin: 8px;
font-family: LucidaGrande;
font-size: 11px;
+ background-image: url("/Library/Desktop\ Pictures/Plants/Leaves.jpg") !important;
}
.incoming .x-buddyicon
{
- background: url("./Incoming/buddy_noicon.png") no-repeat top left;
+ background: url("./Incoming/buddy_icon.png") no-repeat top left;
}
.outgoing .x-buddyicon
{
- background: url("./Outgoing/buddy_noicon.png") no-repeat top left;
+ background: url("./Outgoing/buddy_icon.png") no-repeat top left;
}
</style>
@@ -227,7 +228,7 @@
<div class="x-status_container date_separator event AIM showIcons">
<div class="x-time">12:22 PM</div>
- <div class="x-status_right">Sunday, December 6, 2009</div>
+ <div class="x-text">Sunday, December 6, 2009</div>
</div>
<HR>
@@ -238,7 +239,7 @@
<div class="x-status_container focus date_separator event AIM showIcons">
<div class="x-time">12:22 PM </div>
- <div class="x-status_right">Sunday, December 6, 2009 -status_container focus date_separator event AIM showIcons-status_container focus date_separator event AIM showIcons-status_container focus date_separator event AIM showIcons-status_container focus date_separator event AIM showIcons-status_container focus date_separator event AIM showIconsstatus_containerfocusdate_separatoreventAIMshowIconsstatus_containerfocusdate_separatoreventAIMshowIconsstatus_containerfocusdate_separatoreventAIMshowIconsstatus_containerfocusdate_separatoreventAIMshowIcons-status_containerdate_separatoreventAIMshowIcons</div>
+ <div class="x-text">Sunday, December 6, 2009 -status_container focus date_separator event AIM showIcons-status_container focus date_separator event AIM showIcons-status_container focus date_separator event AIM showIcons-status_container focus date_separator event AIM showIcons-status_container focus date_separator event AIM showIconsstatus_containerfocusdate_separatoreventAIMshowIconsstatus_containerfocusdate_separatoreventAIMshowIconsstatus_containerfocusdate_separatoreventAIMshowIconsstatus_containerfocusdate_separatoreventAIMshowIcons-status_containerdate_separatoreventAIMshowIcons</div>
</div>
<HR>
diff -r 3e5b22de4148 -r 6597201a8210 Stockholm ☿.AdiumMessageStyle/Contents/Resources/Status.html
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Status.html Sat Apr 10 20:49:21 2010 -0500
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Status.html Mon Apr 12 00:50:13 2010 -0500
@@ -1,5 +1,5 @@
<div class="x-status_container %messageClasses% %service% %userIcons%">
<div class="x-time" title="%time{dd MMM yyyy}%">%time%</div>
- <div class="x-status_right">%message%</div>
+ <div class="x-message">%message%</div>
</div>
<div id="insert"></div>
diff -r 3e5b22de4148 -r 6597201a8210 Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/Topic.css
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/Topic.css Sat Apr 10 20:49:21 2010 -0500
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/Topic.css Mon Apr 12 00:50:13 2010 -0500
@@ -1,27 +1,29 @@
-#x-header
+#x-header
{
position: fixed;
top: 0px;
left: 0px;
right: 0px;
margin: 0;
- padding: 5px;
- padding-bottom: 8px;
- overflow: auto;
+ padding: .5em;
+ max-height: 2em;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+ font-weight: bold;
color: black;
+ text-shadow: rgba(255, 255, 255, 1) 0px 1px 1px;
text-align: center;
font-size: 1em;
background:
- -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(0, 0%, 95%, 1)), to(hsla(0, 0%, 95%, 1))) left top no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 60%, 1)), to(hsla(0, 0%, 60%, 1))) left bottom 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))) left top no-repeat;
+ -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 90%, 1)), to(hsla(0, 0%, 80%, 1))) left top no-repeat;
-webkit-background-size:
100% 1px,
- 100% 2px,
+ 100% 1px,
- 100% 3px,
100% 100%;
z-index: 999;
opacity: 1;
diff -r 3e5b22de4148 -r 6597201a8210 Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/main.css
--- a/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/main.css Sat Apr 10 20:49:21 2010 -0500
+++ b/Stockholm ☿.AdiumMessageStyle/Contents/Resources/Styles/main.css Mon Apr 12 00:50:13 2010 -0500
@@ -19,14 +19,13 @@
.x-container
{
position: relative;
- opacity: .9;
+ opacity: .96;
}
-.history > .x-header,
-.history .x-message,
+.history.x-container > .x-header,
+.history.x-container .x-message,
.history.x-status_container
{
- /*opacity: .85;*/
opacity: .7;
}
@@ -58,7 +57,7 @@
.x-buddyicon
{
z-index: 1 !important;
- background: #FFF;
+ background-color: rgba(255, 255, 255, 1) !important;
}
.x-buddyicon,
@@ -99,7 +98,7 @@
.mention .x-iconoverlay
{
- background: url("../images/icon_overlay_white.png") top right no-repeat;
+ background: url("../images/icon_overlay_white.png") top right no-repeat !important;
}
@@ -109,7 +108,7 @@
{
color: #FFF;
font-weight: bold;
- text-shadow: #4D4D4D 1px 1px 1px;
+ text-shadow: rgba(77, 77, 77, 1) 1px 1px 1px;
margin-bottom: 0px;
padding-bottom: 4px;
padding-left: 8px;
@@ -164,7 +163,7 @@
/* MESSAGE */
-.x-message
+.message .x-message
{
-webkit-background-size:
100% 1px,
@@ -229,12 +228,7 @@
/*margin-bottom: -2px;*/
}
-/*.history .x-text
-{
- color: #979797 !important;
-}*/
-
-.x-text
+.message .x-text
{
line-height: 1.3em;
overflow: auto;
@@ -249,11 +243,9 @@
margin-top: 3px;
}
-.consecutive .x-time
+.message.consecutive .x-time
{
visibility: hidden;
- color: rgba(143, 143, 143, 1);
- background: rgba(255, 255, 255, .9);
font-weight: bold;
position: absolute;
margin-right: -2px;
@@ -263,11 +255,17 @@
-webkit-border-radius: 2px;
}
-.focus .consecutive.focus .x-time
+.x-container:not(.focus) .consecutive > .x-time
+{
+ color: rgba(143, 143, 143, 1);
+ background-color: rgba(255, 255, 255, .9);
+}
+
+.x-container.focus .consecutive > .x-time
{
color: rgba(255, 255, 255, .8);
text-shadow: #4D4D4D 1px 1px 1px;
- background: rgba(167, 167, 167, 1);
+ background-color: rgba(167, 167, 167, 1);
}
.consecutive:hover .x-time
@@ -288,6 +286,7 @@
a
{
color: #0033CC;
+ text-decoration: underline;
}
@@ -295,7 +294,7 @@
.x-status_container
{
- opacity: .9;
+ opacity: .96;
margin-top: 11px;
margin-bottom: -2px;
-webkit-border-top-left-radius: 3px;
More information about the commits
mailing list