xtras/mathuaerknedam 226:237783b15eb1: yMous: Tweak header toggl...
commits at adium.im
commits at adium.im
Sat Nov 14 04:51:28 UTC 2009
details: http://hg.adium.im/xtras/mathuaerknedam/rev/237783b15eb1
revision: 226:237783b15eb1
author: mathuaerknedam
date: Fri Nov 13 22:09:19 2009 -0600
yMous: Tweak header toggle button shading.
Subject: xtras/mathuaerknedam 227:27aea08bfecb: yMous: The x-wrapper class is no longer needed.
details: http://hg.adium.im/xtras/mathuaerknedam/rev/27aea08bfecb
revision: 227:27aea08bfecb
author: mathuaerknedam
date: Fri Nov 13 22:21:51 2009 -0600
yMous: The x-wrapper class is no longer needed.
Subject: xtras/mathuaerknedam 228:05d5888a902f: SO3: Many CSS selectors specifed .history.event, but not .history.status. It's not been a problem because so far, Adium only loads events (specifically .event.date_separator) into message history. Nevertheless, it's good to select both just in case more is loaded in the future.
details: http://hg.adium.im/xtras/mathuaerknedam/rev/05d5888a902f
revision: 228:05d5888a902f
author: mathuaerknedam
date: Fri Nov 13 22:46:26 2009 -0600
SO3: Many CSS selectors specifed .history.event, but not .history.status. It's not been a problem because so far, Adium only loads events (specifically .event.date_separator) into message history. Nevertheless, it's good to select both just in case more is loaded in the future.
Subject: xtras/mathuaerknedam 229:56abc1caaac9: SO3: When I made message history in the classic variant more opaque, I gave it a slight blue tint. This removes the blue tint, so that 1) it's more like SO1, and 2) history message bubbles won't apply any coloration over a custom background.
details: http://hg.adium.im/xtras/mathuaerknedam/rev/56abc1caaac9
revision: 229:56abc1caaac9
author: mathuaerknedam
date: Fri Nov 13 22:51:20 2009 -0600
SO3: When I made message history in the classic variant more opaque, I gave it a slight blue tint. This removes the blue tint, so that 1) it's more like SO1, and 2) history message bubbles won't apply any coloration over a custom background.
diffs (612 lines):
diff -r 599fe0e09bd3 -r 56abc1caaac9 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css Thu Nov 12 16:30:11 2009 -0600
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css Fri Nov 13 22:51:20 2009 -0600
@@ -464,6 +464,7 @@
-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .3);
}
+.history.status,
.history.event
{
border-left: 1px solid rgba(128, 128, 128, 1);
@@ -473,12 +474,15 @@
margin-left: -1px;
}
+.history.status:not(.consecutive):not(.IRC).showIcons,
.history.event:not(.consecutive):not(.IRC).showIcons
{
margin-right: 51px;
}
+.history.status:not(.consecutive).IRC,
.history.event:not(.consecutive).IRC,
+.history.status:not(.consecutive).hideIcons,
.history.event:not(.consecutive).hideIcons
{
margin-right: 9px;
@@ -540,11 +544,13 @@
text-shadow: 0px 1px 4px rgba(184, 184, 184, .5);
}
+.history.status .x-ltime,
.history.event .x-ltime
{
color: rgba(216, 216, 216, 1);
}
+.history.status .x-mark,
.history.event .x-mark
{
color: rgba(152, 152, 152, 1);
diff -r 599fe0e09bd3 -r 56abc1caaac9 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Classic.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Classic.css Thu Nov 12 16:30:11 2009 -0600
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Classic.css Fri Nov 13 22:51:20 2009 -0600
@@ -366,8 +366,8 @@
opacity: .5;
}
+.status .x-color,
.event .x-color,
-.status .x-color,
.consecutive .x-color
{
display: none !important;
@@ -399,7 +399,7 @@
.history.message:not(.consecutive)
{
- background: -webkit-gradient(linear, left top, left bottom, from(rgba(232, 232, 232, .75)), to(rgba(208, 208, 224, .75))) !important;
+ background: -webkit-gradient(linear, left top, left bottom, from(rgba(232, 232, 232, .75)), to(rgba(208, 208, 208, .75))) !important;
}
.message:not(.consecutive).x-hover
diff -r 599fe0e09bd3 -r 56abc1caaac9 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Compact.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Compact.css Thu Nov 12 16:30:11 2009 -0600
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Compact.css Fri Nov 13 22:51:20 2009 -0600
@@ -324,6 +324,7 @@
padding-right: 0px;
}
+.history.status,
.history.event
{
border-right: 1px solid rgba(184, 184, 184, 1);
@@ -358,6 +359,7 @@
-webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 1) !important;
}
+.history.status .x-message,
.history.event .x-message
{
text-shadow: 0px 1px 4px rgba(64, 64, 64, .5);
diff -r 599fe0e09bd3 -r 56abc1caaac9 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time1.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time1.css Thu Nov 12 16:30:11 2009 -0600
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time1.css Fri Nov 13 22:51:20 2009 -0600
@@ -425,6 +425,7 @@
background: -webkit-gradient(linear, left top, left bottom, from(rgba(112, 112, 112, 1)), to(rgba(112, 112, 112, 1))) 0px 0px no-repeat;
}
+.history.status:first-child,
.history.event:first-child
{
-webkit-border-top-left-radius: 5px;
@@ -470,6 +471,7 @@
text-shadow: 0px 1px 4px rgba(64, 64, 64, .5);
}
+.history.status .x-wrap,
.history.event .x-wrap
{
padding-top: 1px;
@@ -501,11 +503,13 @@
text-shadow: 0px 1px 4px rgba(184, 184, 184, .5);
}
+.history.status .x-rtime,
.history.event .x-rtime
{
color: rgba(216, 216, 216, 1);
}
+.history.status .x-message,
.history.event .x-message
{
text-shadow: 0px 1px 4px rgba(64, 64, 64, .5);
diff -r 599fe0e09bd3 -r 56abc1caaac9 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time2.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time2.css Thu Nov 12 16:30:11 2009 -0600
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time2.css Fri Nov 13 22:51:20 2009 -0600
@@ -446,12 +446,14 @@
background: -webkit-gradient(linear, left top, left bottom, from(rgba(112, 112, 112, 1)), to(rgba(112, 112, 112, 1))) 0px 0px no-repeat;
}
+.history.status,
.history.event
{
border-right: 1px solid rgba(128, 128, 128, 1);
margin-right: 9px;
}
+.history.status:first-child,
.history.event:first-child
{
-webkit-border-top-left-radius: 5px;
@@ -500,6 +502,7 @@
text-shadow: 0px 1px 4px rgba(64, 64, 64, .5);
}
+.history.status .x-wrap,
.history.event .x-wrap
{
padding-bottom: 2px;
@@ -530,6 +533,7 @@
text-shadow: 0px 1px 4px rgba(184, 184, 184, .5);
}
+.history.status .x-rtime,
.history.event .x-rtime
{
color: rgba(216, 216, 216, 1);
@@ -541,12 +545,14 @@
float: left;
}
+.history.status .x-message,
.history.event .x-message
{
text-shadow: 0px 1px 4px rgba(64, 64, 64, .5);
padding-right: 4px;
}
+.history.status:not(.IRC):not(.hideIcons) .x-message,
.history.event:not(.IRC):not(.hideIcons) .x-message
{
padding-left: 3px;
diff -r 599fe0e09bd3 -r 56abc1caaac9 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css Thu Nov 12 16:30:11 2009 -0600
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css Fri Nov 13 22:51:20 2009 -0600
@@ -376,6 +376,7 @@
-webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 1) !important;
}
+.history.status,
.history.event
{
border-left: 1px solid rgba(128, 128, 128, 1);
@@ -384,12 +385,14 @@
margin-left: -1px;
}
+.history.status:first-child,
.history.event:first-child
{
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
}
+.history.status .x-message,
.history.event .x-message
{
text-shadow: 0px 1px 4px rgba(64, 64, 64, .5);
@@ -435,6 +438,7 @@
text-shadow: 0px 1px 4px rgba(64, 64, 64, .5);
}
+.history.status .x-wrap,
.history.event .x-wrap
{
padding-top: 1px;
@@ -451,11 +455,13 @@
text-shadow: 0px 1px 4px rgba(184, 184, 184, .5);
}
+.history.status .x-ltime,
.history.event .x-ltime
{
color: rgba(216, 216, 216, 1);
}
+.history.status .x-mark,
.history.event .x-mark
{
color: rgba(152, 152, 152, 1);
diff -r 599fe0e09bd3 -r 56abc1caaac9 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/todo.txt
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/todo.txt Thu Nov 12 16:30:11 2009 -0600
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/todo.txt Fri Nov 13 22:51:20 2009 -0600
@@ -3,7 +3,6 @@
!# improve header/topic hiding -100px is inadequate for large topics
# modularize the css?
- # places that specify only event should also specify status
Future Versions
diff -r 599fe0e09bd3 -r 56abc1caaac9 yMous ☿.AdiumMessageStyle/Contents/Resources/Content.html
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Content.html Thu Nov 12 16:30:11 2009 -0600
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Content.html Fri Nov 13 22:51:20 2009 -0600
@@ -1,4 +1,4 @@
-<div class="x-wrapper %messageClasses% %service% xx-%senderScreenName%" title="%senderPrefix% %senderScreenName%%status% · %service% · %time% · %time{dd MMM yyyy}%">
+<div class="%messageClasses% %service% xx-%senderScreenName%" title="%senderPrefix% %senderScreenName%%status% · %service% · %time% · %time{dd MMM yyyy}%">
<span class="x-focus"></span>
<span class="x-icon"><img src="%userIconPath%" /></span>
<span class="x-sender">%sender%</span>
@@ -7,7 +7,7 @@
<span class="x-time">%time%</span>
</div>
-<div id="insert" class="x-wrapper">
+<div id="insert" class="">
<span class="x-focus"></span>
<span class="x-icon"></span>
<span class="x-sender"></span>
diff -r 599fe0e09bd3 -r 56abc1caaac9 yMous ☿.AdiumMessageStyle/Contents/Resources/Header-.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Header-.css Thu Nov 12 16:30:11 2009 -0600
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Header-.css Fri Nov 13 22:51:20 2009 -0600
@@ -1,6 +1,7 @@
@charset "utf-8";
-#header {
+#header
+{
cursor: default;
position: fixed;
top: 0px;
@@ -9,7 +10,8 @@
display: none;
}
-#x-header {
+#x-header
+{
-webkit-transition: opacity .4s linear;
}
diff -r 599fe0e09bd3 -r 56abc1caaac9 yMous ☿.AdiumMessageStyle/Contents/Resources/Mockup.html
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Mockup.html Thu Nov 12 16:30:11 2009 -0600
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Mockup.html Fri Nov 13 22:51:20 2009 -0600
@@ -51,7 +51,7 @@
<div id="Chat" class="">
-<div class="x-wrapper SERVICE history date_separator event" title="date_separator · AIM · 12:45:48 · 19 Apr 2004">
+<div class="SERVICE history date_separator event" title="date_separator · AIM · 12:45:48 · 19 Apr 2004">
<span class="x-focus"></span>
<span class="x-icon"><img src="buddy_icon.png" /></span>
<span class="x-sender"></span>
@@ -60,7 +60,7 @@
<span class="x-time">12:45:48</span>
</div>
-<div class="x-wrapper SERVICE history outgoing message xx-TekJew" title="Evan · AIM · 12:45:48 · 19 Apr 2004">
+<div class="SERVICE history outgoing message xx-TekJew" title="Evan · AIM · 12:45:48 · 19 Apr 2004">
<span class="x-focus"></span>
<span class="x-icon"><img src="./outgoing_icon.png" /></span>
<span class="x-sender">Evan</span>
@@ -69,7 +69,7 @@
<span class="x-time">12:45:48</span>
</div>
-<div class="x-wrapper mention SERVICE history incoming message xx-fetchgreebledonx" title="Jeff · AIM · 12:46:07 · 19 Apr 2004">
+<div class="mention SERVICE history incoming message xx-fetchgreebledonx" title="Jeff · AIM · 12:46:07 · 19 Apr 2004">
<span class="x-focus"></span>
<span class="x-icon"><img src="./incoming_icon.png" /></span>
<span class="x-sender">Jeff</span>
@@ -78,7 +78,7 @@
<span class="x-time">12:46:07</span>
</div>
-<div class="x-wrapper SERVICE history consecutive incoming message xx-fetchgreebledonx" title="Jeff · AIM · 12:46:32 · 19 Apr 2004">
+<div class="SERVICE history consecutive incoming message xx-fetchgreebledonx" title="Jeff · AIM · 12:46:32 · 19 Apr 2004">
<span class="x-focus"></span>
<span class="x-icon"><img src="./incoming_icon.png" /></span>
<span class="x-sender">Jeff</span>
@@ -87,7 +87,7 @@
<span class="x-time">12:46:32</span>
</div>
-<div class="x-wrapper SERVICE outgoing message xx-TekJew" title="Evan · AIM · 12:46:50 · 19 Apr 2004">
+<div class="SERVICE outgoing message xx-TekJew" title="Evan · AIM · 12:46:50 · 19 Apr 2004">
<span class="x-focus"></span>
<span class="x-icon"><img src="./outgoing_icon.png" /></span>
<span class="x-sender">Evan</span>
@@ -96,7 +96,7 @@
<span class="x-time">12:46:50</span>
</div>
-<div class="x-wrapper SERVICE action consecutive outgoing message xx-TekJew" title="Evan · AIM · 12:47:00 · 19 Apr 2004">
+<div class="SERVICE action consecutive outgoing message xx-TekJew" title="Evan · AIM · 12:47:00 · 19 Apr 2004">
<span class="x-focus"></span>
<span class="x-icon"><img src="./outgoing_icon.png" /></span>
<span class="x-sender">Evan</span>
@@ -105,7 +105,7 @@
<span class="x-time">12:47:00</span>
</div>
-<div class="x-wrapper SERVICE incoming message xx-fetchgreebledonx" title="Jeff · AIM · 12:47:06 · 19 Apr 2004">
+<div class="SERVICE incoming message xx-fetchgreebledonx" title="Jeff · AIM · 12:47:06 · 19 Apr 2004">
<span class="x-focus"></span>
<span class="x-icon"><img src="./incoming_icon.png" /></span>
<span class="x-sender">Jeff</span>
@@ -114,7 +114,7 @@
<span class="x-time">12:47:06</span>
</div>
-<div class="x-wrapper SERVICE outgoing message mention xx-TekJew" title="Evan · AIM · 12:47:51 · 19 Apr 2004">
+<div class="SERVICE outgoing message mention xx-TekJew" title="Evan · AIM · 12:47:51 · 19 Apr 2004">
<span class="x-focus"></span>
<span class="x-icon"><img src="./outgoing_icon.png" /></span>
<span class="x-sender">Evan</span>
@@ -123,7 +123,7 @@
<span class="x-time">12:47:51</span>
</div>
-<div class="x-wrapper SERVICE status away" title="away · AIM · 12:47:54 · 19 Apr 2004">
+<div class="SERVICE status away" title="away · AIM · 12:47:54 · 19 Apr 2004">
<span class="x-focus"></span>
<span class="x-icon"><img src="buddy_icon.png" /></span>
<span class="x-sender"></span>
@@ -132,7 +132,7 @@
<span class="x-time">12:47:54</span>
</div>
-<div class="x-wrapper SERVICE focus consecutive status away_message" title="away_message · AIM · 12:47:55 · 19 Apr 2004">
+<div class="SERVICE focus consecutive status away_message" title="away_message · AIM · 12:47:55 · 19 Apr 2004">
<span class="x-focus"></span>
<span class="x-icon"><img src="buddy_icon.png" /></span>
<span class="x-sender"></span>
@@ -141,7 +141,7 @@
<span class="x-time">12:47:55</span>
</div>
-<div class="x-wrapper SERVICE focus incoming message auto_reply xx-fetchgreebledonx" title="Jeff · AIM (Autoreply) · 12:47:51 · 19 Apr 2004">
+<div class="SERVICE focus incoming message auto_reply xx-fetchgreebledonx" title="Jeff · AIM (Autoreply) · 12:47:51 · 19 Apr 2004">
<span class="x-focus"></span>
<span class="x-icon"><img src="./incoming_icon.png" /></span>
<span class="x-sender">Jeff (Autoreply)</span>
@@ -150,7 +150,7 @@
<span class="x-time">12:47:51</span>
</div>
-<div class="x-wrapper SERVICE focus outgoing message xx-TekJew" title="Evan · AIM · 12:48:02 · 19 Apr 2004">
+<div class="SERVICE focus outgoing message xx-TekJew" title="Evan · AIM · 12:48:02 · 19 Apr 2004">
<span class="x-focus"></span>
<span class="x-icon"><img src="./outgoing_icon.png" /></span>
<span class="x-sender">Evan</span>
@@ -159,7 +159,7 @@
<span class="x-time">12:48:02</span>
</div>
-<div id="insert" class="x-wrapper">
+<div id="insert" class="">
<span class="x-focus"></span>
<span class="x-icon"></span>
<span class="x-sender"></span>
diff -r 599fe0e09bd3 -r 56abc1caaac9 yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_Base.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_Base.css Thu Nov 12 16:30:11 2009 -0600
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_Base.css Fri Nov 13 22:51:20 2009 -0600
@@ -47,7 +47,10 @@
padding-top: 1.6em !important;
}*/
-.x-wrapper
+#insert,
+.message,
+.status,
+.event
{
display: table-row;
position: relative;
diff -r 599fe0e09bd3 -r 56abc1caaac9 yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseM.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseM.css Thu Nov 12 16:30:11 2009 -0600
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseM.css Fri Nov 13 22:51:20 2009 -0600
@@ -73,52 +73,54 @@
background-color: hsla(60, 50%, 87%, 1) !important;
}
-.x-wrapper:hover,
-.x-wrapper.x-hover
+.message:hover,
+.status:hover,
+.event:hover,
+.x-hover
{
text-shadow: .0em .1em .2em hsla(0, 0%, 100%, .8);
}
-.x-wrapper .x-focus,
-.x-wrapper .x-icon,
-.x-wrapper .x-sender,
-.x-wrapper .x-time,
+.x-focus,
+.x-icon,
+.x-sender,
+.x-time,
.history .x-mark,
.history .x-message
{
background-color: hsla(0, 0%, 90%, 1);
}
-.x-wrapper.history .x-focus,
-.x-wrapper.history .x-icon,
-.x-wrapper.history .x-sender,
-.x-wrapper.history .x-time
+.history .x-focus,
+.history .x-icon,
+.history .x-sender,
+.history .x-time
{
background-color: hsla(0, 0%, 80%, 1);
}
-.x-wrapper:hover:not(.focus) > .x-focus,
-.x-wrapper:hover > .x-icon,
-.x-wrapper:hover > .x-sender,
-.x-wrapper:hover > .x-mark,
-.x-wrapper:hover > .x-message,
-.x-wrapper:hover > .x-time,
-.x-wrapper.x-hover > .x-focus,
-.x-wrapper.x-hover > .x-icon,
-.x-wrapper.x-hover > .x-sender,
-.x-wrapper.x-hover > .x-mark,
-.x-wrapper.x-hover > .x-message,
-.x-wrapper.x-hover > .x-time
+:hover:not(.focus) > .x-focus,
+:hover > .x-icon,
+:hover > .x-sender,
+:hover > .x-mark,
+:hover > .x-message,
+:hover > .x-time,
+.x-hover > .x-focus,
+.x-hover > .x-icon,
+.x-hover > .x-sender,
+.x-hover > .x-mark,
+.x-hover > .x-message,
+.x-hover > .x-time
{
background-color: hsla(0, 0%, 75%, 1) !important;
}
-.x-wrapper.history:hover,
-.x-wrapper.history:hover > .x-mark,
-.x-wrapper.history:hover > .x-message,
-.x-wrapper.history.x-hover,
-.x-wrapper.history.x-hover > .x-mark,
-.x-wrapper.history.x-hover > .x-message
+.history:hover,
+.history:hover > .x-mark,
+.history:hover > .x-message,
+.history.x-hover,
+.history.x-hover > .x-mark,
+.history.x-hover > .x-message
{
background-color: hsla(0, 0%, 75%, 1) !important;
}
@@ -150,12 +152,17 @@
#x-topic .x-toggle
{
- background-color: hsla(0, 0%, 90%, 1);
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2), 0px 0px 2px rgba(0, 0, 0, .2);
}
-#x-topic .x-toggle:hover
+#x-topic .x-toggle#x-hide,
+#x-topic .x-toggle#x-show:hover
+{
+ background-color: hsla(0, 0%, 90%, 1);
+}
+
+#x-topic .x-toggle#x-hide:hover,
+#x-topic .x-toggle#x-show
{
background-color: hsla(0, 0%, 95%, 1);
}
-
diff -r 599fe0e09bd3 -r 56abc1caaac9 yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseS.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseS.css Thu Nov 12 16:30:11 2009 -0600
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseS.css Fri Nov 13 22:51:20 2009 -0600
@@ -73,52 +73,54 @@
background-color: hsla(0, 15%, 16%, 1) !important;
}
-.x-wrapper:hover,
-.x-wrapper.x-hover
+.message:hover,
+.status:hover,
+.event:hover,
+.x-hover
{
text-shadow: .0em .1em .2em hsla(0, 0%, 0%, .8);
}
-.x-wrapper .x-focus,
-.x-wrapper .x-icon,
-.x-wrapper .x-sender,
-.x-wrapper .x-time,
+.x-focus,
+.x-icon,
+.x-sender,
+.x-time,
.history .x-mark,
.history .x-message
{
background-color: hsla(0, 0%, 12.5%, 1);
}
-.x-wrapper.history .x-focus,
-.x-wrapper.history .x-icon,
-.x-wrapper.history .x-sender,
-.x-wrapper.history .x-time
+.history .x-focus,
+.history .x-icon,
+.history .x-sender,
+.history .x-time
{
background-color: hsla(0, 0%, 20%, 1);
}
-.x-wrapper:hover:not(.focus) > .x-focus,
-.x-wrapper:hover > .x-icon,
-.x-wrapper:hover > .x-sender,
-.x-wrapper:hover > .x-mark,
-.x-wrapper:hover > .x-message,
-.x-wrapper:hover > .x-time,
-.x-wrapper.x-hover > .x-focus,
-.x-wrapper.x-hover > .x-icon,
-.x-wrapper.x-hover > .x-sender,
-.x-wrapper.x-hover > .x-mark,
-.x-wrapper.x-hover > .x-message,
-.x-wrapper.x-hover > .x-time
+:hover:not(.focus) > .x-focus,
+:hover > .x-icon,
+:hover > .x-sender,
+:hover > .x-mark,
+:hover > .x-message,
+:hover > .x-time,
+.x-hover > .x-focus,
+.x-hover > .x-icon,
+.x-hover > .x-sender,
+.x-hover > .x-mark,
+.x-hover > .x-message,
+.x-hover > .x-time
{
background-color: hsla(0, 0%, 25%, 1) !important;
}
-.x-wrapper.history:hover,
-.x-wrapper.history:hover > .x-mark,
-.x-wrapper.history:hover > .x-message,
-.x-wrapper.history.x-hover,
-.x-wrapper.history.x-hover > .x-mark,
-.x-wrapper.history.x-hover > .x-message
+.history:hover,
+.history:hover > .x-mark,
+.history:hover > .x-message,
+.history.x-hover,
+.history.x-hover > .x-mark,
+.history.x-hover > .x-message
{
background-color: hsla(0, 0%, 25%, 1) !important;
}
@@ -155,12 +157,17 @@
#x-topic .x-toggle
{
- background-color: hsla(0, 0%, 15%, 1);
-webkit-box-shadow: 0px 1px 2px hsla(0, 0%, 100%, .2), 0px 0px 2px hsla(0, 0%, 100%, .2);
}
-#x-topic .x-toggle:hover
+#x-topic .x-toggle#x-hide,
+#x-topic .x-toggle#x-show:hover
+{
+ background-color: hsla(0, 0%, 15%, 1);
+}
+
+#x-topic .x-toggle#x-hide:hover,
+#x-topic .x-toggle#x-show
{
background-color: hsla(0, 0%, 7.5%, 1);
}
-
More information about the commits
mailing list