headlines: remove collapseBtn

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

diff --git a/css/cdm.less b/css/cdm.less
index ebefeabbdb495fc104dbdb905cc5fdcf8de44c48..a0790f6c1643894134014b2982d249a2eab87e40 100644 (file)
--- a/css/cdm.less
+++ b/css/cdm.less
@@ -1,5 +1,3 @@
-@fonts-ui: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold",  "Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif;
-
 .cdm {
        margin-right : 4px;
 
@@ -30,7 +28,7 @@
                }
 
                span.updated {
-                       color : #555;
+                       color : @default-text;
                        font-weight : normal;
                        font-size : 11px;
                        white-space : nowrap;
@@ -61,7 +59,7 @@
                height : 30px;
                padding-left : 5px;
                font-weight : normal;
-               color : #555;
+               color : @default-text;
                clear : both;
 
                > * {
@@ -106,9 +104,8 @@
        margin-bottom : 4px;
 
        .cdmFooter {
-               border-style : solid;
-               border-width : 0px 0px 1px 0px;
-               border-color : #ddd;
+               border: 0px solid #ddd;
+               border-bottom-width: 1px;
        }
 
        > hr {
@@ -118,62 +115,6 @@
 
 }
 
-.cdm.expandable {
-       background-color : #f0f0f0;
-       border-width : 0px 0px 1px 0px;
-       border-color : #ddd;
-       border-style : solid;
-
-       > hr {
-               display : none;
-       }
-
-       div.cdmHeader span.titleWrap {
-               white-space : nowrap;
-               text-overflow : ellipsis;
-               overflow : hidden;
-               max-width : 500px;
-       }
-}
-
-.cdm.expandable.Unread {
-       background : white;
-}
-
-.cdm.expandable.Selected {
-       background : #f9fbff;
-}
-
-.cdm.expandable.active {
-       background : white ! important;
-}
-
-div.cdm.expandable.active div.cdmHeader span.titleWrap {
-       white-space : normal;
-}
-
-div.cdm.expandable div.cdmHeader a.title {
-       font-weight : 600;
-       color : #555;
-       font-size : 14px;
-       -webkit-transition : color 0.2s;
-       transition : color 0.2s;
-       text-rendering: optimizelegibility;
-       font-family : @fonts-ui;
-}
-
-div.cdm.expandable.Unread div.cdmHeader a.title {
-       color : black;
-}
-
-div.cdm.expandable.active div.cdmHeader a.title {
-       color: #0088cc;
-       font-size: 16px;
-       font-weight: 600;
-       text-rendering: optimizelegibility;
-       font-family: @fonts-ui;
-}
-
 div.cdm.expanded div.cdmHeader {
        background : transparent ! important;
 }
@@ -182,10 +123,9 @@ 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;
+       font-family : @fonts-ui-bold;
 }
 
 div.cdm.expanded.active {
@@ -193,7 +133,7 @@ div.cdm.expanded.active {
 }
 
 div.cdm.expanded.active div.cdmHeader a.title {
-       color : #0088cc;
+       color : @color-link;
 }
 
 div.cdm.expanded.Unread div.cdmHeader a.title {
@@ -201,7 +141,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 {
@@ -222,27 +162,26 @@ span.cdmExcerpt {
 
 div.cdmContent div.postEnclosures {
        margin-top : 1em;
-       color : #555;
+       color : @default-text;
 }
 
 div.cdmFeedTitle {
-       border-color : #0088cc;
-       border-width : 0px 0px 1px 0px;
-       border-style : solid;
+       border: 0px solid @color-link;
+       border-bottom-width: 1px;
        padding : 5px 3px 5px 5px;
 }
 
 div.cdmFeedTitle a.title {
-       color : #555;
+       color : @default-text;
        font-weight : bold;
 }
 
 div.cdmFeedTitle a {
-       color : #555;
+       color : @default-text;
 }
 
 div.cdmFeedTitle a:hover {
-       color : #0088cc;
+       color : @color-link;
 }
 
 div.cdmHeader span.hlFeed {
@@ -253,7 +192,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;
@@ -279,7 +218,7 @@ div.cdmContentInner iframe {
 
 div.cdmHeader span.author {
        white-space : nowrap;
-       color : #555;
+       color : @default-text;
        font-size : 11px;
        font-weight : normal;
 }
@@ -290,11 +229,10 @@ div#floatingTitle {
        top : 0px;
        right : 0px;
        left : 0px;
-       border-color : #ddd;
-       border-width : 0px 0px 1px 0px;
-       border-style : solid;
+       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);
 
        > * {
@@ -310,7 +248,7 @@ div#floatingTitle {
        }
 
        span.author {
-               color : #555;
+               color : @default-text;
                font-size : 11px;
                font-weight : normal;
        }
@@ -318,11 +256,10 @@ 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;
+               font-family : @fonts-ui-bold;
        }
 
        img.anchor {
@@ -331,7 +268,7 @@ div#floatingTitle {
 
        div.hlFeed {
                padding-right : 10px;
-               color : #555;
+               color : @default-text;
                font-weight : normal;
                font-style : italic;
                font-size : 11px;
@@ -347,12 +284,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 {
@@ -409,16 +346,14 @@ div#floatingTitle.Unread a.title {
 
        a.catchup {
                text-align : right;
-               color : #555;
+               color : @default-text;
                padding-right : 10px;
                font-size : 11px;
                white-space : nowrap;
        }
 
        a.catchup:hover {
-               color : #0088cc;
+               color : @color-link;
        }
 
 }
-
-