xtras/mathuaerknedam 507:ca757db181d6: yMous: the hover highligh...
commits at adium.im
commits at adium.im
Thu Jun 17 03:31:42 UTC 2010
details: http://hg.adium.im/xtras/mathuaerknedam/rev/ca757db181d6
revision: 507:ca757db181d6
author: mathuaerknedam
date: Wed Jun 16 13:34:17 2010 -0500
yMous: the hover highlight background has been removed, but the text color highlighting remains. Symbiotically, the hover, aal-by-sender, and topic transition times have been halved.
diffs (458 lines):
diff -r b2d6bb3dbba6 -r ca757db181d6 yMous ☿.AdiumMessageStyle/Contents/Resources/Mockup.html
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Mockup.html Tue Jun 15 06:07:59 2010 -0500
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Mockup.html Wed Jun 16 13:34:17 2010 -0500
@@ -7,7 +7,7 @@
</title>
<style type="text/css">
- @import url( "./Variants/Saturnine xtracolor Both.css" );
+ @import url( "./Variants/Saturnine SenderColor Both.css" );
body
{
diff -r b2d6bb3dbba6 -r ca757db181d6 yMous ☿.AdiumMessageStyle/Contents/Resources/Styles/Topic.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Styles/Topic.css Tue Jun 15 06:07:59 2010 -0500
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Styles/Topic.css Wed Jun 16 13:34:17 2010 -0500
@@ -10,7 +10,7 @@
padding-left: 21px;
z-index: 99;
-webkit-background-size: auto auto;
- -webkit-transition: opacity .4s linear;
+ -webkit-transition: opacity .2s linear;
}
#topicEdit
diff -r b2d6bb3dbba6 -r ca757db181d6 yMous ☿.AdiumMessageStyle/Contents/Resources/Styles/_Base.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Styles/_Base.css Tue Jun 15 06:07:59 2010 -0500
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Styles/_Base.css Wed Jun 16 13:34:17 2010 -0500
@@ -52,7 +52,7 @@
.x-mention,
.x-time
{
- -webkit-transition: background-color .2s linear;
+ -webkit-transition: all .1s linear;
display: table-cell;
}
@@ -124,6 +124,7 @@
{
content: "\21e7";
margin-left: -2em;
+ -webkit-transition: all .2s linear;
}
.actionMessageUserName
diff -r b2d6bb3dbba6 -r ca757db181d6 yMous ☿.AdiumMessageStyle/Contents/Resources/Styles/_BaseM.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Styles/_BaseM.css Tue Jun 15 06:07:59 2010 -0500
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Styles/_BaseM.css Wed Jun 16 13:34:17 2010 -0500
@@ -56,12 +56,6 @@
margin-left: -2em;
}
-.mention:hover:not(.focus) > .x-focus,
-.mention:hover > .x-icon,
-.mention:not(.consecutive):hover > .x-sender,
-.mention.consecutive:hover > .x-sender:after,
-.mention:hover > .x-message,
-.mention:hover > .x-time,
.mention.x-hover:not(.focus) > .x-focus,
.mention.x-hover > .x-icon,
.mention:not(.consecutive).x-hover > .x-sender,
@@ -72,14 +66,12 @@
text-shadow: none;
}
-.mention.consecutive:hover > .x-sender,
.mention.consecutive.x-hover > .x-sender
{
color: transparent !important;
text-shadow: none;
}
-.mention:hover > .x-mark,
.mention.x-hover > .x-mark
{
text-shadow: none;
@@ -115,17 +107,11 @@
background-color: hsla(0, 0%, 80%, 1);
}
-:hover:not(.focus) > .x-focus,
-:hover > .x-icon,
-:hover > .x-sender,
-:hover > .x-mark,
-:hover > .x-message,
-:hover:not(.mention) > .x-mention,
-:hover > .x-time,
.x-hover:not(.focus) > .x-focus,
.x-hover > .x-icon,
.x-hover > .x-sender,
.x-hover > .x-mark,
+.x-hover.history > .x-mark,
.x-hover > .x-message,
.x-hover:not(.mention) > .x-mention,
.x-hover > .x-time
@@ -133,11 +119,6 @@
background-color: hsla(0, 0%, 75%, 1) !important;
}
-.history:hover > .x-mark
-{
- background-color: hsla(0, 0%, 75%, 1) !important;
-}
-
.focus .x-focus
{
background: hsla(0, 0%, 18%, 1);
diff -r b2d6bb3dbba6 -r ca757db181d6 yMous ☿.AdiumMessageStyle/Contents/Resources/Styles/_BaseS.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Styles/_BaseS.css Tue Jun 15 06:07:59 2010 -0500
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Styles/_BaseS.css Wed Jun 16 13:34:17 2010 -0500
@@ -50,12 +50,6 @@
border-top: 16px solid hsla(0, 0%, 22%, 1) !important;
}
-.mention:hover:not(.focus) > .x-focus,
-.mention:hover > .x-icon,
-.mention:not(.consecutive):hover > .x-sender,
-.mention.consecutive:hover > .x-sender:after,
-.mention:hover > .x-message,
-.mention:hover > .x-time,
.mention.x-hover:not(.focus) > .x-focus,
.mention.x-hover > .x-icon,
.mention:not(.consecutive).x-hover > .x-sender,
@@ -66,14 +60,12 @@
text-shadow: none;
}
-.mention.consecutive:hover > .x-sender,
.mention.consecutive.x-hover > .x-sender
{
color: transparent !important;
text-shadow: none;
}
-.mention:hover > .x-mark,
.mention.x-hover > .x-mark
{
text-shadow: none;
@@ -109,17 +101,11 @@
background-color: hsla(0, 0%, 30%, 1);
}
-:hover:not(.focus) > .x-focus,
-:hover > .x-icon,
-:hover > .x-sender,
-:hover > .x-mark,
-:hover > .x-message,
-:hover:not(.mention) > .x-mention,
-:hover > .x-time,
.x-hover:not(.focus) > .x-focus,
.x-hover > .x-icon,
.x-hover > .x-sender,
.x-hover > .x-mark,
+.x-hover.history > .x-mark,
.x-hover > .x-message,
.x-hover:not(.mention) > .x-mention,
.x-hover > .x-time
@@ -127,11 +113,6 @@
background-color: hsla(0, 0%, 41%, 1) !important;
}
-.history:hover > .x-mark
-{
- background-color: hsla(0, 0%, 41%, 1) !important;
-}
-
.focus .x-focus
{
background: hsla(0, 0%, 83%, 1);
diff -r b2d6bb3dbba6 -r ca757db181d6 yMous ☿.AdiumMessageStyle/Contents/Resources/Styles/_FixedColorM.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Styles/_FixedColorM.css Tue Jun 15 06:07:59 2010 -0500
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Styles/_FixedColorM.css Wed Jun 16 13:34:17 2010 -0500
@@ -31,7 +31,7 @@
.outgoing.x-hover .x-message,
.outgoing.x-hover.consecutive.message:not(.mention) .x-sender:after
{
- color: hsla(120, 42%, 24%, 1) !important;
+ color: hsla(120, 42%, 7.5%, 1) !important;
}
/*----------*/
@@ -62,7 +62,7 @@
.incoming:not(.mention).x-hover .x-message,
.incoming.x-hover.consecutive.message:not(.mention) .x-sender:after
{
- color: hsla(240, 92%, 54%, 1) !important;
+ color: hsla(240, 92%, 31%, 1) !important;
}
.mention > .x-mention
@@ -70,6 +70,12 @@
background: hsla(240, 92%, 64%, 1) !important;
}
+.mention:hover > .x-mention,
+.mention.x-hover > .x-mention
+{
+ background: hsla(240, 92%, 39%, 1) !important;
+}
+
/*----------*/
.status,
@@ -89,13 +95,7 @@
.status:hover .x-message,
.event:hover,
.event:hover .x-mark,
-.event:hover .x-message,
-.status.x-hover,
-.status.x-hover .x-mark,
-.status.x-hover .x-message,
-.event.x-hover,
-.event.x-hover .x-mark,
-.event.x-hover .x-message
+.event:hover .x-message
{
- color: hsla(0, 0%, 30%, 1) !important;
+ color: hsla(0, 0%, 33%, 1) !important;
}
diff -r b2d6bb3dbba6 -r ca757db181d6 yMous ☿.AdiumMessageStyle/Contents/Resources/Styles/_FixedColorS.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Styles/_FixedColorS.css Tue Jun 15 06:07:59 2010 -0500
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Styles/_FixedColorS.css Wed Jun 16 13:34:17 2010 -0500
@@ -32,7 +32,7 @@
.outgoing.x-hover .x-message,
.outgoing.x-hover.consecutive.message:not(.mention) .x-sender:after
{
- color: hsla(120, 42%, 56%, 1) !important;
+ color: hsla(120, 42%, 61%, 1) !important;
}
/*----------*/
@@ -63,7 +63,7 @@
.incoming:not(.mention).x-hover .x-message,
.incoming.x-hover.consecutive.message:not(.mention) .x-sender:after
{
- color: hsla(240, 92%, 81%, 1) !important;
+ color: hsla(240, 92%, 86%, 1) !important;
}
.mention > .x-mention
@@ -71,6 +71,12 @@
background: hsla(240, 92%, 74%, 1) !important;
}
+.mention:hover > .x-mention,
+.mention.x-hover > .x-mention
+{
+ background: hsla(240, 92%, 81%, 1) !important;
+}
+
/*----------*/
.status,
@@ -90,13 +96,7 @@
.status:hover .x-message,
.event:hover,
.event:hover .x-mark,
-.event:hover .x-message,
-.status.x-hover,
-.status.x-hover .x-mark,
-.status.x-hover .x-message,
-.event.x-hover,
-.event.x-hover .x-mark,
-.event.x-hover .x-message
+.event:hover .x-message
{
- color: hsla(0, 0%, 67%, 1) !important;
+ color: hsla(0, 0%, 60%, 1) !important;
}
diff -r b2d6bb3dbba6 -r ca757db181d6 yMous ☿.AdiumMessageStyle/Contents/Resources/Styles/_SenderColorM.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Styles/_SenderColorM.css Tue Jun 15 06:07:59 2010 -0500
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Styles/_SenderColorM.css Wed Jun 16 13:34:17 2010 -0500
@@ -4,7 +4,7 @@
.incoming,
.consecutive.message .x-sender:after
{
- color: hsla(0, 0%, 18%, 1);
+ color: hsla(0, 0%, 26%, 1);
}
.outgoing:hover,
@@ -25,13 +25,12 @@
color: hsla(0, 0%, 59%, 1);
}
-.outgoing.message:not(.x-hover):not(:hover) .x-mark
+.outgoing.message:not(.x-hover) .x-mark
{
background-color: hsla(0, 0%, 0%, 1) !important;
color: hsla(0, 0%, 0%, 1) !important;
}
-.outgoing.message:hover .x-mark,
.outgoing.message.x-hover .x-mark
{
color: hsla(0, 0%, 0%, 1) !important;
@@ -50,64 +49,33 @@
}
.status:hover,
-.status:hover .x-mark,
.status:hover .x-message,
.event:hover,
-.event:hover .x-mark,
-.event:hover .x-message,
-.status.x-hover,
-.status.x-hover .x-mark,
-.status.x-hover .x-message,
-.event.x-hover,
-.event.x-hover .x-mark,
-.event.x-hover .x-message
+.event:hover .x-message
{
- color: hsla(0, 0%, 30%, 1) !important;
+ color: hsla(0, 0%, 26%, 1) !important;
}
-.status.history:hover .x-mark,
-.event.history:hover .x-mark,
-.status.history.x-hover .x-mark,
-.event.history.x-hover .x-mark
-{
- color: hsla(0, 0%, 45%, 1) !important;
-}
-
-.message:not(.history):not(.consecutive) .x-mark,
-.message.mention:not(.history):not(.consecutive) .x-mention
+.message:not(.history):not(.consecutive):not(.x-hover) .x-mark,
+.message.mention:not(.history):not(.consecutive):not(.x-hover) .x-mention
{
border-top: 1px solid hsla(0, 0%, 98%, 1);
}
-.message.history:not(.consecutive) .x-mark,
-.message.history.mention:not(.consecutive) .x-mention
+.message.history:not(.consecutive):not(.x-hover) .x-mark,
+.message.history.mention:not(.consecutive):not(.x-hover) .x-mention
{
border-top: 1px solid hsla(0, 0%, 90%, 1);
}
-.mention.message.history:not(.consecutive) .x-mark,
-.mention.message.history:not(.consecutive) .x-mention
+.mention.message.history:not(.consecutive):not(.x-hover) .x-mark,
+.mention.message.history:not(.consecutive):not(.x-hover) .x-mention
{
border-top: 1px solid hsla(0, 0%, 94%, 1);
}
-.message:hover:not(.history):not(.consecutive) .x-mark,
-.message:hover.history:not(.consecutive) .x-mark,
-.message.x-hover:not(.history):not(.consecutive) .x-mark,
-.message.x-hover.history:not(.consecutive) .x-mark
-{
- border-top: 1px solid transparent;
-}
-
-.message.mention:hover:not(.history):not(.consecutive) .x-mention,
-.message.mention:hover.history:not(.consecutive) .x-mention,
-.message.mention.x-hover:not(.history):not(.consecutive) .x-mention,
-.message.mention.x-hover.history:not(.consecutive) .x-mention
-{
- border-top: 1px solid hsla(0, 0%, 75%, 1);
-}
-
.mention > .x-mention
{
background: transparent !important;
}
+
diff -r b2d6bb3dbba6 -r ca757db181d6 yMous ☿.AdiumMessageStyle/Contents/Resources/Styles/_SenderColorS.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Styles/_SenderColorS.css Tue Jun 15 06:07:59 2010 -0500
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Styles/_SenderColorS.css Wed Jun 16 13:34:17 2010 -0500
@@ -25,13 +25,12 @@
color: hsla(0, 0%, 50%, 1);
}
-.outgoing.message:not(.x-hover):not(:hover) .x-mark
+.outgoing.message:not(.x-hover) .x-mark
{
background-color: hsla(0, 0%, 100%, 1) !important;
color: hsla(0, 0%, 100%, 1) !important;
}
-.outgoing.message:hover .x-mark,
.outgoing.message.x-hover .x-mark
{
color: hsla(0, 0%, 100%, 1) !important;
@@ -50,63 +49,31 @@
}
.status:hover,
-.status:hover .x-mark,
.status:hover .x-message,
.event:hover,
-.event:hover .x-mark,
-.event:hover .x-message,
-.status.x-hover,
-.status.x-hover .x-mark,
-.status.x-hover .x-message,
-.event.x-hover,
-.event.x-hover .x-mark,
-.event.x-hover .x-message
+.event:hover .x-message
{
color: hsla(0, 0%, 67%, 1) !important;
}
-.status.history:hover .x-mark,
-.event.history:hover .x-mark,
-.status.history.x-hover .x-mark,
-.event.history.x-hover .x-mark
-{
- color: hsla(0, 0%, 55%, 1) !important;
-}
-
-.message:not(.history):not(.consecutive) .x-mark,
-.message.mention:not(.history):not(.consecutive) .x-mention
+.message:not(.history):not(.consecutive):not(.x-hover) .x-mark,
+.message.mention:not(.history):not(.consecutive):not(.x-hover) .x-mention
{
border-top: 1px solid hsla(0, 0%, 12.5%, 1);
}
-.message.history:not(.consecutive) .x-mark,
-.message.history.mention:not(.consecutive) .x-mention
+.message.history:not(.consecutive):not(.x-hover) .x-mark,
+.message.history.mention:not(.consecutive):not(.x-hover) .x-mention
{
border-top: 1px solid hsla(0, 0%, 20%, 1);
}
-.mention.message.history:not(.consecutive) .x-mark,
-.mention.message.history:not(.consecutive) .x-mention
+.mention.message.history:not(.consecutive):not(.x-hover) .x-mark,
+.mention.message.history:not(.consecutive):not(.x-hover) .x-mention
{
border-top: 1px solid hsla(0, 0%, 17.5%, 1);
}
-.message:hover:not(.history):not(.consecutive) .x-mark,
-.message:hover.history:not(.consecutive) .x-mark,
-.message.x-hover:not(.history):not(.consecutive) .x-mark,
-.message.x-hover.history:not(.consecutive) .x-mark
-{
- border-top: 1px solid transparent;
-}
-
-.message.mention:hover:not(.history):not(.consecutive) .x-mention,
-.message.mention:hover.history:not(.consecutive) .x-mention,
-.message.mention.x-hover:not(.history):not(.consecutive) .x-mention,
-.message.mention.x-hover.history:not(.consecutive) .x-mention
-{
- border-top: 1px solid hsla(0, 0%, 41%, 1);
-}
-
.mention > .x-mention
{
background: transparent !important;
More information about the commits
mailing list