support disabling of e-mail digests entirely

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

diff --git a/css/cdm.less b/css/cdm.less
index 7e9a58403da7f6ed0c6c0d75af32106e57cb3047..fc8120700d25759444b0e230673f220231569ab8 100644 (file)
--- a/css/cdm.less
+++ b/css/cdm.less
@@ -103,6 +103,10 @@
        margin-top : 4px;
        margin-bottom : 4px;
 
+       .collapse {
+               display : none;
+       }
+
        .footer {
                border: 0px solid #ddd;
                border-bottom-width: 1px;
@@ -152,75 +156,69 @@ div.cdm.active div.content {
        color : black;
 }
 
-span.cdmExcerpt {
-       white-space : nowrap;
-       font-size : 11px;
-       color : #999;
-       font-weight : normal;
-       cursor : pointer;
-}
-
-div.content div.postEnclosures {
-       margin-top : 1em;
-       color : @default-text;
-}
+.cdm {
+       div.content div.postEnclosures {
+               margin-top: 1em;
+               color: @default-text;
+       }
 
-div.feed-title {
-       border: 0px solid @color-link;
-       border-bottom-width: 1px;
-       padding : 5px 3px 5px 5px;
-}
+       div.feed-title {
+               border: 0px solid @color-link;
+               border-bottom-width: 1px;
+               padding: 5px 3px 5px 5px;
+       }
 
-div.feed-title a.title {
-       color : @default-text;
-       font-weight : bold;
-}
+       div.feed-title a.title {
+               color: @default-text;
+               font-weight: bold;
+       }
 
-div.feed-title a {
-       color : @default-text;
-}
+       div.feed-title a {
+               color: @default-text;
+       }
 
-div.feed-title a:hover {
-       color : @color-link;
-}
+       div.feed-title a:hover {
+               color: @color-link;
+       }
 
-div.header span.feed {
-       float : right;
-       font-weight : normal;
-       font-style : italic;
-}
+       div.header span.feed {
+               float: right;
+               font-weight: normal;
+               font-style: italic;
+       }
 
-div.header div.feed, div.header div.feed a {
-       vertical-align : middle;
-       color : @default-text;
-       font-weight : normal;
-       font-style : italic;
-       font-size : 11px;
-}
+       div.header div.feed, div.header div.feed a {
+               vertical-align: middle;
+               color: @default-text;
+               font-weight: normal;
+               font-style: italic;
+               font-size: 11px;
+       }
 
-div.cdm .feed a {
-       border-radius : 4px;
-       display : inline-block;
-       padding : 1px 4px 1px 4px;
-}
+       div.content-inner p {
+               /*max-width : 650px;*/
+               -webkit-hyphens: auto;
+               -moz-hyphens: auto;
+               hyphens: auto;
+       }
 
-div.content-inner p {
-       /*max-width : 650px;*/
-       -webkit-hyphens: auto;
-       -moz-hyphens: auto;
-       hyphens: auto;
-}
+       div.content-inner iframe {
+               min-width : 50%;
+               max-width : 98%;
+       }
 
-div.content-inner iframe {
-       min-width : 50%;
-       max-width : 98%;
-}
+       div.header span.author {
+               white-space : nowrap;
+               color : @default-text;
+               font-size : 11px;
+               font-weight : normal;
+       }
 
-div.header span.author {
-       white-space : nowrap;
-       color : @default-text;
-       font-size : 11px;
-       font-weight : normal;
+       .feed a {
+               border-radius : 4px;
+               display : inline-block;
+               padding : 1px 4px 1px 4px;
+       }
 }
 
 div#floatingTitle {
@@ -302,6 +300,29 @@ div#floatingTitle {
                display : none;
        }
 
+       .feed-title {
+               > * {
+                       display : table-cell;
+                       vertical-align : middle;
+               }
+
+               a.title {
+                       width : 100%;
+               }
+
+               a.catchup {
+                       text-align : right;
+                       color : @default-text;
+                       padding-right : 10px;
+                       font-size : 11px;
+                       white-space : nowrap;
+               }
+
+               a.catchup:hover {
+                       color : @color-link;
+               }
+
+       }
 }
 
 div#floatingTitle.Unread a.title {
@@ -310,7 +331,7 @@ div#floatingTitle.Unread a.title {
 
 .cdm.high .header {
        a.title.high,
-       .cdmExcerpt,
+       .excerpt,
        span.author {
                color : #00aa00;
        }
@@ -318,42 +339,85 @@ div#floatingTitle.Unread a.title {
 
 .cdm.Unread.high .header {
        a.title.high,
-       .cdmExcerpt,
+       .excerpt,
        span.author {
                color : #00dd00;
        }
 }
 
 .cdm .header a.title.low,
-.cdm.low .header .cdmExcerpt,
+.cdm.low .header .excerpt,
 .cdm.Unread .header a.title.low,
-.cdm.Unread.low .header .cdmExcerpt,
+.cdm.Unread.low .header .excerpt,
 .cdm.low .header span.author {
        color : #909090;
        text-decoration : line-through;
 }
 
-.feed-title {
-
-       > * {
-               display : table-cell;
-               vertical-align : middle;
-       }
+.cdm.expandable {
+       background-color : #f0f0f0;
+       border: 0px solid #ddd;
+       border-bottom-width: 1px;
 
-       a.title {
-               width : 100%;
+       > hr {
+               display : none;
        }
 
-       a.catchup {
-               text-align : right;
-               color : @default-text;
-               padding-right : 10px;
-               font-size : 11px;
+       div.header span.titleWrap {
                white-space : nowrap;
+               text-overflow : ellipsis;
+               overflow : hidden;
+               max-width : 500px;
        }
+}
 
-       a.catchup:hover {
-               color : @color-link;
+.cdm.expandable.Unread {
+       background : white;
+}
+
+.cdm.expandable.Selected:not(.active) {
+       background : desaturate(@color-accent, 25%);
+
+       a,
+       .header a.title,
+       span {
+               color : white;
        }
+}
+
+.cdm.expandable.active {
+       background : white ! important;
+}
 
+div.cdm.expandable.active div.header span.titleWrap {
+       white-space : normal;
 }
+
+div.cdm.expandable div.header a.title {
+       font-weight : 600;
+       color : @default-text;
+       font-size : 14px;
+       transition : color 0.2s, background 0.2s;
+       text-rendering: optimizelegibility;
+       font-family : @fonts-ui-bold;
+}
+
+div.cdm.expandable.Unread div.header a.title {
+       color : black;
+}
+
+div.cdm.expandable.active div.header a.title {
+       color: @color-link;
+       font-size: 16px;
+       font-weight: 600;
+       text-rendering: optimizelegibility;
+       font-family: @fonts-ui-bold;
+}
+
+div.cdm.expandable:not(.active) {
+       cursor : pointer;
+
+       .content, .collapse {
+               display : none;
+       }
+}
\ No newline at end of file