diff options
Diffstat (limited to 'themes/light/tt-rss.less')
-rw-r--r-- | themes/light/tt-rss.less | 163 |
1 files changed, 83 insertions, 80 deletions
diff --git a/themes/light/tt-rss.less b/themes/light/tt-rss.less index c262ce9af..f0ceb55c0 100644 --- a/themes/light/tt-rss.less +++ b/themes/light/tt-rss.less @@ -583,100 +583,103 @@ body.ttrss_main { text-rendering: optimizelegibility; font-family : @fonts-ui; - .counterNode { - font-weight : bold; - display : none; - font-size : @font-size-tiny; - text-align : center; - border : 1px solid lighten(@color-accent, 5%); - color : white; - background : lighten(@color-accent, 5%); - border-radius : 4px; - vertical-align : middle; - float : right; - position : relative; - line-height : 14px; - margin-right : 8px; - margin-top : 2px; - min-width : 23px; - height : 14px; - - &.aux, &.marked { - background : @color-panel-bg; - color : lighten(@default-text, 10%); - border-color : darken(@color-panel-bg, 10%); + .dijitTreeNode { + .loadingExpando { + left : -3px; + height : 22px; + position : relative; + top : -3px; } - &.marked { - border-color : @color-accent-marked; - background : lighten(@color-accent-marked, 60%); - } - } - - // fresh - .dijitTreeRow[data-feed-id="-3"][data-is-cat="false"] .counterNode.unread { - background-color: darken(@color-checked, 15%); - border-color: darken(@color-checked, 25%); - } + .dijitTreeRow { + border : 1px solid transparent; + cursor : pointer; + + .counterNode { + font-weight : bold; + display : none; + font-size : @font-size-tiny; + text-align : center; + border : 1px solid lighten(@color-accent, 5%); + color : white; + background : lighten(@color-accent, 5%); + border-radius : 4px; + vertical-align : middle; + float : right; + position : relative; + line-height : 14px; + margin-right : 8px; + margin-top : 2px; + min-width : 23px; + height : 14px; + + &.aux, &.marked { + background : @color-panel-bg; + color : lighten(@default-text, 10%); + border-color : darken(@color-panel-bg, 10%); + } - .dijitTreeNode .loadingExpando { - left : -3px; - height : 22px; - position : relative; - top : -3px; - } + &.marked { + border-color : @color-accent-marked; + background : lighten(@color-accent-marked, 60%); + } + } - .dijitTreeRow .dijitTreeLabel.Unread { - font-weight : bold; - } + // fresh + &[data-feed-id="-3"][data-is-cat="false"] .counterNode.unread { + background-color: darken(@color-checked, 15%); + border-color: darken(@color-checked, 25%); + } - .dijitTreeRow.Error .dijitTreeLabel { - color : red; - } + .dijitTreeLabel.Unread { + font-weight : bold; + } - .dijitTreeNode .dijitTreeRow { - border : 1px solid transparent; - } + &.Error .dijitTreeLabel { + color : red; + } - .dijitTreeNode .dijitTreeRowSelected { - box-shadow : -1px 0px 2px -1px rgba(0,0,0,0.1); - border-color : @border-default transparent; - background : @default-bg; - color : #333; - } + &.dijitTreeRowSelected { + box-shadow : -1px 0px 2px -1px rgba(0,0,0,0.1); + border-color : @border-default transparent; + background : @default-bg; + color : #333; + } - .dijitIcon.feed-icon { - margin-right : 2px; - } + .dijitIcon.feed-icon { + margin-right : 2px; + } - i.icon.icon-inbox { - color : #555; - } + i.icon.icon-inbox { + color : #555; + } - i.icon.icon-archive { - color : #c77b2e; - } + i.icon.icon-archive { + color : #c77b2e; + } - i.icon.icon-star { - position : relative; - color : @color-marked; - font-size : 21px; - left : -2px; - } + i.icon.icon-star { + position : relative; + color : @color-marked; + font-size : 21px; + left : -2px; + } - i.icon.icon-rss_feed { - color : @color-published; - } + i.icon.icon-rss_feed { + color : @color-published; + } - i.icon.icon-whatshot { - color : @color-checked; - } + i.icon.icon-whatshot { + color : @color-checked; + } - i.icon.icon-restore { - position : relative; - top : -1px; - font-weight : bold; - color : @color-accent; + i.icon.icon-restore { + position : relative; + top : -1px; + font-weight : bold; + color : @color-accent; + } + } } } } |