style updates for combined expandable mode, etc

[tt-rss.git] / css / cdm.less

diff --git a/css/cdm.less b/css/cdm.less
index 94f86342382ebb7dfe8b385652d9a3c5f89e938e..a919fb60541e185ea313200debdf42e52ea39e73 100644 (file)
--- a/css/cdm.less
+++ b/css/cdm.less
@@ -136,8 +136,14 @@
        background : white;
 }
 
-.cdm.expandable.Selected {
-       background : #f9fbff;
+.cdm.expandable.Selected:not(.active) {
+       background : desaturate(@color-accent, 25%);
+
+       a,
+       .cdmHeader a.title,
+       span {
+               color : white;
+       }
 }
 
 .cdm.expandable.active {
@@ -152,8 +158,7 @@ div.cdm.expandable div.cdmHeader a.title {
        font-weight : 600;
        color : @default-text;
        font-size : 14px;
-       -webkit-transition : color 0.2s;
-       transition : color 0.2s;
+       transition : color 0.2s, background 0.2s;
        text-rendering: optimizelegibility;
        font-family : @fonts-ui-bold;
 }
@@ -178,8 +183,7 @@ div.cdm.expanded div.cdmHeader a.title {
        font-size : 16px;
        color : #999;
        font-weight : 600;
-       -webkit-transition : color 0.2s;
-       transition : color 0.2s;
+       transition : color 0.2s, background 0.2s;
        text-rendering: optimizelegibility;
        font-family : @fonts-ui-bold;
 }
@@ -312,8 +316,7 @@ div#floatingTitle {
        a.title {
                font-size : 16px;
                color : #999;
-               -webkit-transition : color 0.2s;
-               transition : color 0.2s;
+               transition : color 0.2s, background 0.2s;
                font-weight : 600;
                text-rendering: optimizelegibility;
                font-family : @fonts-ui-bold;