combined mode (and more) css class name updates

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

diff --git a/css/tt-rss.less b/css/tt-rss.less
old mode 100644 (file)
new mode 100755 (executable)
index caff4ce..c50e65e
--- a/css/tt-rss.less
+++ b/css/tt-rss.less
@@ -14,14 +14,13 @@ body.ttrss_main {
 
                div.postHeader {
                        padding : 5px;
-                       margin-right : 4px;
                        color : #909090;
                        border: 0px solid #ddd;
                        border-bottom-width: 1px;
+                       background: #f0f0f0;
 
                        div.postDate {
                                text-align : right;
-                               color : #909090;
                                float : right;
                        }
 
@@ -38,6 +37,7 @@ body.ttrss_main {
 
                div.postTitle {
                        overflow : hidden;
+                       font-size : 15px;
                        text-overflow: ellipsis;
                        white-space : nowrap;
                        font-weight : 600;
@@ -219,8 +219,9 @@ body.ttrss_main {
                border: 0px solid #ddd;
                border-bottom-width: 1px;
                padding : 1px;
+               transition : color 0.2s, background 0.2s;
 
-               div.hlTitle {
+               div.title {
                        display : table-cell;
                        cursor : pointer;
                        width : 100%;
@@ -250,13 +251,13 @@ body.ttrss_main {
                        max-height : 16px;
                }
 
-               span.hlFeed {
+               span.feed {
                        display : table-cell;
                        vertical-align : middle;
                        text-align : right;
                }
 
-               span.hlFeed a {
+               span.feed a {
                        border-radius : 4px;
                        display : inline-block;
                        padding : 1px 4px 1px 4px;
@@ -267,7 +268,7 @@ body.ttrss_main {
                        white-space : nowrap;
                }
 
-               span.hlFeed a:hover {
+               span.feed a:hover {
                        color : @color-accent;
                }
 
@@ -303,7 +304,7 @@ body.ttrss_main {
                        height : 16px;
                }
 
-               div.hlTitle a {
+               div.title a {
                        font-weight : 600;
                        text-rendering: optimizelegibility;
                        font-family : @fonts-ui;
@@ -325,21 +326,26 @@ body.ttrss_main {
                text-decoration : line-through;
        }
 
-       .hl.Unread div.hlTitle a {
+       .hl.Unread div.title a {
                color : black;
        }
 
-       .hl.active div.hlTitle a {
+       .hl.active div.title a {
                color : @color-accent;
                /* text-shadow : 1px 1px 2px #fff; */
        }
+
+       .hl.active {
+               background : @color-accent ! important;
+       }
+
        .hl.active,
        .hl.Selected {
                color : white;
-               background : @color-accent ! important;
+               background : desaturate(@color-accent, 25%);
 
                a,
-               .hlFeed a,
+               .feed a,
                .hlContent a.title,
                span {
                        color : white;
@@ -698,17 +704,17 @@ body.ttrss_main {
        }
 
 
-       div#headlines-frame.wide .hlTitle {
+       div#headlines-frame.wide .title {
                max-width : none;
                overflow : visible;
                white-space : normal;
        }
 
-       div#headlines-frame.wide .hl .hlFeed {
+       div#headlines-frame.wide .hl .feed {
                display : none;
        }
 
-       img.hlScorePic {
+       img.score-pic {
                vertical-align : middle;
                width : 16px;
                height : 16px;
@@ -822,6 +828,10 @@ body.ttrss_main {
                        color : red;
                }
 
+               #feedTree .dijitTreeRow.UpdatesDisabled .dijitTreeLabel {
+                       color : #909090;
+               }
+
                #feedTree.dijitTree .dijitTreeNode .dijitTreeRowSelected {
                        box-shadow : -1px 0px 2px -1px rgba(0,0,0,0.1);
                        border-right-color : white;
@@ -907,6 +917,13 @@ body.ttrss_main {
                display : none;
        }
 
+       #content-insert_splitter.dijitSplitterH {
+               background : #f0f0f0;
+               border-color: #ddd;
+               border-top-width : 1px;
+               border-style : solid;
+       }
+
        #toolbar {
                padding : 0px;
                margin : 0px;
@@ -948,7 +965,6 @@ body.ttrss_main {
                border-color : #ddd;
                border-width : 0px;
                line-height: 1.5;
-               font-size : 15px;
                overflow : auto;
                -webkit-overflow-scrolling : touch;
        }
@@ -1041,14 +1057,6 @@ body.ttrss_main {
                }
        }
 
-       span.collapseBtn {
-               cursor : pointer;
-
-               img {
-                       vertical-align : middle;
-               }
-       }
-
        select.attachments {
                display : block;
                margin-top : 10px;
@@ -1194,4 +1202,4 @@ body.ttrss_login {
 ::selection {
        background : @color-accent;
        color : white;
-}
\ No newline at end of file
+}