xtras/mathuaerknedam 219:9f732ff7e404: yMous: header backgrounds...
commits at adium.im
commits at adium.im
Thu Nov 12 04:12:31 UTC 2009
details: http://hg.adium.im/xtras/mathuaerknedam/rev/9f732ff7e404
revision: 219:9f732ff7e404
author: mathuaerknedam
date: Wed Nov 11 20:27:10 2009 -0600
yMous: header backgrounds are a bit darker in mercurial variants and lighter in saturnine variants. Also increase contrast a bit on toggle button.
Subject: xtras/mathuaerknedam 220:caf2b4d0f352: merge.
details: http://hg.adium.im/xtras/mathuaerknedam/rev/caf2b4d0f352
revision: 220:caf2b4d0f352
author: mathuaerknedam
date: Wed Nov 11 22:12:09 2009 -0600
merge.
diffs (168 lines):
diff -r dee7906520b8 -r caf2b4d0f352 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Header.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Header.css Tue Nov 10 16:12:37 2009 -0600
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Header.css Wed Nov 11 22:12:09 2009 -0600
@@ -1,10 +1,6 @@
@charset "utf-8";
-#header
-{
-}
-
-#x-wrap
+#x-header #x-wrap
{
position: fixed;
top: 8px;
@@ -24,6 +20,7 @@
font-size: 11px;
line-height: 11px;
-webkit-transition: top .4s linear;
+ min-width: 7em;
}
#x-header img.x-icon[src*="incoming_icon.png"],
diff -r dee7906520b8 -r caf2b4d0f352 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html Tue Nov 10 16:12:37 2009 -0600
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html Wed Nov 11 22:12:09 2009 -0600
@@ -7,12 +7,16 @@
</title>
<style type="text/css">
- @import url( "./Variants/Alternating.css" );
+ @import url( "./Variants/Classic.css" );
body
{
font-size: 7.5pt;
border-bottom: 1px solid yellow;
+
+ //background: url(/Library/Desktop\ Pictures/Plants/Petals.jpg) center repeat;
+ //background: url(/Library/Desktop\ Pictures/Plants/Leaves.jpg) center repeat;
+ //background: url(/Library/Desktop\ Pictures/Nature/Zen\ Garden.jpg) center repeat;
}
</style>
diff -r dee7906520b8 -r caf2b4d0f352 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Topic.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Topic.css Tue Nov 10 16:12:37 2009 -0600
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Topic.css Wed Nov 11 22:12:09 2009 -0600
@@ -1,10 +1,6 @@
@charset "utf-8";
-#x-topic
-{
-}
-
-#x-wrap
+#x-topic #x-wrap
{
padding-top: 6px;
padding-bottom: 6px;
@@ -21,6 +17,7 @@
-webkit-border-radius: 5px;
-webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, .75), 8px -8px 8px rgba(255, 255, 255, 1), -8px -8px 8px rgba(255, 255, 255, 1), -8px 16px 16px rgba(248, 248, 248, 1), 8px 16px 16px rgba(248, 248, 248, 1);
-webkit-transition: top .4s linear;
+ min-width: 7em;
}
@@ -29,7 +26,7 @@
opacity: 0;
}
-#topicEdit
+#x-topic #topicEdit
{
padding-left: 8px;
padding-right: 8px;
diff -r dee7906520b8 -r caf2b4d0f352 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Classic.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Classic.css Tue Nov 10 16:12:37 2009 -0600
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Classic.css Wed Nov 11 22:12:09 2009 -0600
@@ -76,7 +76,7 @@
.history.event:not(.consecutive)
{
color: rgba(244, 244, 244, .75);
- background: -webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, .5)), to(rgba(32, 32, 32, .5)));
+ background: -webkit-gradient(linear, left top, left bottom, from(rgba(112, 112, 112, .625)), to(rgba(48, 48, 48, .625)));
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .4);
}
@@ -399,7 +399,7 @@
.history.message:not(.consecutive)
{
- background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .5)), to(rgba(208, 208, 208, .5))) !important;
+ background: -webkit-gradient(linear, left top, left bottom, from(rgba(232, 232, 232, .75)), to(rgba(208, 208, 224, .75))) !important;
}
.message:not(.consecutive).x-hover
@@ -410,7 +410,7 @@
.message:not(.consecutive).history.x-hover
{
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, .5)), to(rgba(208, 208, 208, .5))) !important;
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(232, 232, 232, .75)), to(rgba(208, 208, 224, .75))) !important;
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .4), 0px 0px 1px rgba(0, 0, 0, .4);
}
diff -r dee7906520b8 -r caf2b4d0f352 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/todo.txt
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/todo.txt Tue Nov 10 16:12:37 2009 -0600
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/todo.txt Wed Nov 11 22:12:09 2009 -0600
@@ -1,15 +1,12 @@
Header/Topic
!# better handling of header when no icon is available? Maybe reclaim space or something else? should classic use placeholder? should others?
!# improve header/topic hiding -100px is inadequate for large topics
- !# The topic and header probably need a min-width too.
# modularize the css?
- # Robby's problem with topic text flowing outside of bubble. Is also didn't maintain it's right margin.
# The min-width for indented bubbles should be less than non-indented ones. Ideally, everything would be min-width some em value, but the indentations are by px. I can't calculate indents for em+px. Last I checked, indent by em didn't work because icons are a fixed size and scaling them didn't work well. using px for min-width wouldn't scale well for larger font sizes, but maybe people with large fonts dont' have small windows?
# Can the left margin (and focus/mention indicators) use em rather than px?
# the per-message triangles in icon-time2 can flow funny when the window is narrow
# places that specify only event should also specify status
- # make classic history text more legible when a dark custom background is used.
Future Versions
diff -r dee7906520b8 -r caf2b4d0f352 yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseM.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseM.css Tue Nov 10 16:12:37 2009 -0600
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseM.css Wed Nov 11 22:12:09 2009 -0600
@@ -136,7 +136,7 @@
#topic #x-header
{
- background-color: hsla(0, 0%, 90%, .85);
+ background-color: hsla(0, 0%, 80%, .85);
border-bottom: 1px solid hsla(0, 0%, 63%, 1) !important;
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
}
@@ -149,6 +149,7 @@
#topic .toggle:hover
{
- background-color: hsla(0, 0%, 75%, 1);
+ background-color: hsla(0, 0%, 95%, 1);
+ //color: hsla(0, 0%, 0%, 1);
}
diff -r dee7906520b8 -r caf2b4d0f352 yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseS.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseS.css Tue Nov 10 16:12:37 2009 -0600
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseS.css Wed Nov 11 22:12:09 2009 -0600
@@ -136,7 +136,7 @@
#topic #x-header
{
- background-color: hsla(0, 0%, 12.5%, .85);
+ background-color: hsla(0, 0%, 20%, .85);
border-bottom: 1px solid hsla(0, 0%, 37%, 1) !important;
-webkit-box-shadow: 0px 1px 2px hsla(0, 0%, 100%, .2);
}
@@ -149,7 +149,8 @@
#topic .toggle:hover
{
- background-color: hsla(0, 0%, 25%, 1);
+ background-color: hsla(0, 0%, 7.5%, 1);
+ //color: hsla(0, 0%, 100%, 1);
}
#topic
More information about the commits
mailing list