minor css updates

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

diff --git a/css/cdm.less b/css/cdm.less
index 5a79addbd1e2db00f511f3b71ada9bb9f4fbd75a..a919fb60541e185ea313200debdf42e52ea39e73 100644 (file)
--- a/css/cdm.less
+++ b/css/cdm.less
@@ -28,7 +28,7 @@
                }
 
                span.updated {
-                       color : #555;
+                       color : @default-text;
                        font-weight : normal;
                        font-size : 11px;
                        white-space : nowrap;
@@ -59,7 +59,7 @@
                height : 30px;
                padding-left : 5px;
                font-weight : normal;
-               color : #555;
+               color : @default-text;
                clear : both;
 
                > * {
@@ -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 {
@@ -150,10 +156,9 @@ div.cdm.expandable.active div.cdmHeader span.titleWrap {
 
 div.cdm.expandable div.cdmHeader a.title {
        font-weight : 600;
-       color : #555;
+       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;
 }
@@ -197,7 +201,7 @@ div.cdm.expanded.Unread div.cdmHeader a.title {
 }
 
 div.cdm.expanded div.cdmContent {
-       color : #555;
+       color : @default-text;
 }
 
 div.cdm.expanded.Unread div.cdmContent {
@@ -218,7 +222,7 @@ span.cdmExcerpt {
 
 div.cdmContent div.postEnclosures {
        margin-top : 1em;
-       color : #555;
+       color : @default-text;
 }
 
 div.cdmFeedTitle {
@@ -228,12 +232,12 @@ div.cdmFeedTitle {
 }
 
 div.cdmFeedTitle a.title {
-       color : #555;
+       color : @default-text;
        font-weight : bold;
 }
 
 div.cdmFeedTitle a {
-       color : #555;
+       color : @default-text;
 }
 
 div.cdmFeedTitle a:hover {
@@ -248,7 +252,7 @@ div.cdmHeader span.hlFeed {
 
 div.cdmHeader div.hlFeed, div.cdmHeader div.hlFeed a {
        vertical-align : middle;
-       color : #555;
+       color : @default-text;
        font-weight : normal;
        font-style : italic;
        font-size : 11px;
@@ -274,7 +278,7 @@ div.cdmContentInner iframe {
 
 div.cdmHeader span.author {
        white-space : nowrap;
-       color : #555;
+       color : @default-text;
        font-size : 11px;
        font-weight : normal;
 }
@@ -288,7 +292,7 @@ div#floatingTitle {
        border: 0px solid #ddd;
        border-bottom-width: 1px;
        background : white;
-       color : #555;
+       color : @default-text;
        box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
 
        > * {
@@ -304,7 +308,7 @@ div#floatingTitle {
        }
 
        span.author {
-               color : #555;
+               color : @default-text;
                font-size : 11px;
                font-weight : normal;
        }
@@ -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;
@@ -325,7 +328,7 @@ div#floatingTitle {
 
        div.hlFeed {
                padding-right : 10px;
-               color : #555;
+               color : @default-text;
                font-weight : normal;
                font-style : italic;
                font-size : 11px;
@@ -341,12 +344,12 @@ div#floatingTitle {
        span.updated {
                padding-right : 10px;
                white-space : nowrap;
-               color : #555;
+               color : @default-text;
                font-size : 11px;
        }
 
        div.hlFeed a {
-               color : #555;
+               color : @default-text;
        }
 
        span.titleWrap {
@@ -403,7 +406,7 @@ div#floatingTitle.Unread a.title {
 
        a.catchup {
                text-align : right;
-               color : #555;
+               color : @default-text;
                padding-right : 10px;
                font-size : 11px;
                white-space : nowrap;