diff options
Diffstat (limited to 'css/tt-rss.less')
-rwxr-xr-x | css/tt-rss.less | 92 |
1 files changed, 51 insertions, 41 deletions
diff --git a/css/tt-rss.less b/css/tt-rss.less index cbe5cdddf..e2abcb81a 100755 --- a/css/tt-rss.less +++ b/css/tt-rss.less @@ -143,42 +143,39 @@ body.ttrss_main { } #notify.visible { - transform: translate(0, -35px); + transform: translate(0, -45px); } #notify { - bottom : -35px; + bottom : -45px; right : 0px; - height : 20px; + height : 30px; left : 0px; border-width : 1px 0px 0px 0px; border-style : solid; position : fixed; - font-size : 12px; + font-size : 13px; z-index : 99; - padding : 5px; - box-shadow : 0px -2px 2px rgba(0,0,0,0.1); + display : flex; transition: all 0.5s ease-in-out; + > * { + align-self : center; + padding : 4px; + } + img { vertical-align : middle; - max-height : 14px; } - span.msg { - width : 100%; + .msg { + flex-grow : 2; } - img.close { + .icon-close { cursor : pointer; } - - span { - display : table-cell; - vertical-align : middle; - padding : 2px; - } } .notify { @@ -194,11 +191,20 @@ body.ttrss_main { .notify.notify_info { border-color : @color-accent; background-color : @color-accent-light; + + i.icon-notify { + color : @color-accent; + } } .notify.notify_error { - background-color : #ffcccc; - border-color : #ff0000; + background-color : #c00; + border-color : #900; + color : white; + + i.icon-notify, i.icon-close { + color : white; + } } .hl { @@ -290,16 +296,6 @@ body.ttrss_main { } } - .hl.Unread a.title.high, .hl.Unread span.hl-content.high .preview { - color : #00dd00; - } - - .hl a.title.low, span.hl-content.low .preview, - .hl.Unread a.title.low, .hl.Unread span.hl-content.low .preview { - color : #909090; - text-decoration : line-through; - } - .hl.Unread div.title a { color : black; } @@ -672,17 +668,8 @@ body.ttrss_main { } } - span.labelColorIndicator { - height : 16px; - width : 16px; - border-radius : 4px; - line-height : 14px; - vertical-align : middle; - font-size : 9px; - display : inline-block; - background-color : #fff7d5; - color : #063064; - text-align : center; + i.icon-label { + color : #fff7d5; } div#cmdline { @@ -789,6 +776,7 @@ body.ttrss_main { box-shadow : -1px 0px 2px -1px rgba(0,0,0,0.1); border-color : #ddd transparent; background : white; + color : #333; } .icon { @@ -819,11 +807,11 @@ body.ttrss_main { color : @color-published; } - i.icon.icon-new_releases { + i.icon.icon-whatshot { color : @color-enabled; } - i.icon.icon-cached { + i.icon.icon-restore { font-weight : bold; left : -3px; color : @color-accent; @@ -881,6 +869,7 @@ body.ttrss_main { background : white; border: 0px solid #ddd; border-bottom-width: 1px; + padding-left : 4px; height : 32px; display : flex; flex-direction : row; @@ -898,6 +887,10 @@ body.ttrss_main { border : 0px; } + .net-alert i, .left i.icon-error { + color : red; + } + #toolbar-headlines { padding-right : 4px; flex-grow : 2; @@ -926,6 +919,11 @@ body.ttrss_main { } } + #updates-available { + color : @color-enabled; + padding-right : 4px; + } + #selected_prompt { font-style : italic; text-align : right; @@ -1192,6 +1190,18 @@ body.ttrss_main { color : @color-published; } + .score-high i.icon-score { + color : @color-enabled; + } + + .score-low i.icon-score { + color : #500; + } + + .score-neutral i.icon-score { + opacity : 0.5; + } + } ::selection { |