diff options
Diffstat (limited to 'css/default.css')
-rw-r--r-- | css/default.css | 128 |
1 files changed, 66 insertions, 62 deletions
diff --git a/css/default.css b/css/default.css index 01e5fcd4d..93e176d57 100644 --- a/css/default.css +++ b/css/default.css @@ -126,37 +126,34 @@ body.ttrss_main a:hover { text-decoration: underline; } body.ttrss_main #notify.visible { - transform: translate(0, -35px); + transform: translate(0, -45px); } body.ttrss_main #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; } +body.ttrss_main #notify > * { + align-self: center; + padding: 4px; +} body.ttrss_main #notify img { vertical-align: middle; - max-height: 14px; } -body.ttrss_main #notify span.msg { - width: 100%; +body.ttrss_main #notify .msg { + flex-grow: 2; } -body.ttrss_main #notify img.close { +body.ttrss_main #notify .icon-close { cursor: pointer; } -body.ttrss_main #notify span { - display: table-cell; - vertical-align: middle; - padding: 2px; -} body.ttrss_main .notify { border-color: #d7c47a; background-color: #fff7d5; @@ -169,9 +166,17 @@ body.ttrss_main .notify.notify_info { border-color: #257aa7; background-color: #d5ebf6; } +body.ttrss_main .notify.notify_info i.icon-notify { + color: #257aa7; +} body.ttrss_main .notify.notify_error { - background-color: #ffcccc; - border-color: #ff0000; + background-color: #c00; + border-color: #900; + color: white; +} +body.ttrss_main .notify.notify_error i.icon-notify, +body.ttrss_main .notify.notify_error i.icon-close { + color: white; } body.ttrss_main .hl { border: 0px solid #ddd; @@ -252,17 +257,6 @@ body.ttrss_main .hl a.title.high, body.ttrss_main .hl span.hl-content.high .preview { color: #00aa00; } -body.ttrss_main .hl.Unread a.title.high, -body.ttrss_main .hl.Unread span.hl-content.high .preview { - color: #00dd00; -} -body.ttrss_main .hl a.title.low, -body.ttrss_main span.hl-content.low .preview, -body.ttrss_main .hl.Unread a.title.low, -body.ttrss_main .hl.Unread span.hl-content.low .preview { - color: #909090; - text-decoration: line-through; -} body.ttrss_main .hl.Unread div.title a { color: black; } @@ -574,17 +568,8 @@ body.ttrss_main .dijitDialog .dlgButtons { text-align: right; clear: both; } -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; +body.ttrss_main i.icon-label { + color: #fff7d5; } body.ttrss_main div#cmdline { position: absolute; @@ -677,6 +662,7 @@ body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRowSelected { box-shadow: -1px 0px 2px -1px rgba(0, 0, 0, 0.1); border-color: #ddd transparent; background: white; + color: #333; } body.ttrss_main #feeds-holder #feedTree .icon { position: relative; @@ -700,10 +686,10 @@ body.ttrss_main #feeds-holder #feedTree i.icon.icon-star { body.ttrss_main #feeds-holder #feedTree i.icon.icon-rss_feed { color: #ff7c4b; } -body.ttrss_main #feeds-holder #feedTree i.icon.icon-new_releases { +body.ttrss_main #feeds-holder #feedTree i.icon.icon-whatshot { color: #69c671; } -body.ttrss_main #feeds-holder #feedTree i.icon.icon-cached { +body.ttrss_main #feeds-holder #feedTree i.icon.icon-restore { font-weight: bold; left: -3px; color: #257aa7; @@ -750,6 +736,7 @@ body.ttrss_main #toolbar-frame #toolbar { background: white; border: 0px solid #ddd; border-bottom-width: 1px; + padding-left: 4px; height: 32px; display: flex; flex-direction: row; @@ -765,6 +752,10 @@ body.ttrss_main #toolbar-frame #toolbar .dijitDropDownButton .dijitButtonNode, body.ttrss_main #toolbar-frame #toolbar .dijitComboButton .dijitButtonNode { border: 0px; } +body.ttrss_main #toolbar-frame #toolbar .net-alert i, +body.ttrss_main #toolbar-frame #toolbar .left i.icon-error { + color: red; +} body.ttrss_main #toolbar-frame #toolbar #toolbar-headlines { padding-right: 4px; flex-grow: 2; @@ -787,6 +778,10 @@ body.ttrss_main #toolbar-frame #toolbar #toolbar-headlines .right { body.ttrss_main #toolbar-frame #toolbar #toolbar-headlines .right > * { align-self: center; } +body.ttrss_main #toolbar-frame #toolbar #updates-available { + color: #69c671; + padding-right: 4px; +} body.ttrss_main #toolbar-frame #toolbar #selected_prompt { font-style: italic; text-align: right; @@ -1009,6 +1004,15 @@ body.ttrss_main .cdm.published .left i.pub-pic, body.ttrss_main .hl.published .left i.pub-pic { color: #ff7c4b; } +body.ttrss_main .score-high i.icon-score { + color: #69c671; +} +body.ttrss_main .score-low i.icon-score { + color: #500; +} +body.ttrss_main .score-neutral i.icon-score { + opacity: 0.5; +} ::selection { background: #257aa7; color: white; @@ -1029,7 +1033,8 @@ body.ttrss_main .hl.published .left i.pub-pic { flex-wrap: nowrap; } .cdm .header img, -.cdm .footer img { +.cdm .footer img, +.cdm .footer i { margin: 0px 4px; vertical-align: middle; } @@ -1306,24 +1311,6 @@ div#floatingTitle .feed-title a.catchup:hover { div#floatingTitle.Unread a.title { color: black; } -.cdm.high .header a.title.high, -.cdm.high .header .excerpt, -.cdm.high .header span.author { - color: #00aa00; -} -.cdm.Unread.high .header a.title.high, -.cdm.Unread.high .header .excerpt, -.cdm.Unread.high .header span.author { - color: #00dd00; -} -.cdm .header a.title.low, -.cdm.low .header .excerpt, -.cdm.Unread .header a.title.low, -.cdm.Unread.low .header .excerpt, -.cdm.low .header span.author { - color: #909090; - text-decoration: line-through; -} .cdm.expandable { background-color: #f0f0f0; border: 0px solid #ddd; @@ -1372,6 +1359,10 @@ div.cdm.expandable div.header a.title { div.cdm.expandable.Unread div.header a.title { color: black; } +div.cdm.expandable.active .collapse i { + color: #257aa7; + cursor: pointer; +} div.cdm.expandable.active .excerpt { display: none; } @@ -1443,6 +1434,13 @@ body.ttrss_prefs .dijitTree#labelTree .dijitTreeIcon, body.ttrss_prefs .dijitTree#filterTree .dijitTreeIcon { display: none; } +body.ttrss_prefs .dijitAccordionTitle i.material-icons { + top: -1px; + position: relative; +} +body.ttrss_prefs .dijitAccordionTitleSelected i.material-icons { + color: white; +} body.ttrss_prefs #pref-filter-wrap, body.ttrss_prefs #pref-filter-header, body.ttrss_prefs #pref-filter-content, @@ -1493,6 +1491,9 @@ body.ttrss_prefs ul.userFeedList { margin: 0px 0px 5px 0px; padding: 5px; } +body.ttrss_prefs .prefPrefsList td { + padding-bottom: 4px; +} body.ttrss_prefs div#feedlistLoading, body.ttrss_prefs div#filterlistLoading, body.ttrss_prefs div#labellistLoading { @@ -1595,8 +1596,8 @@ body.ttrss_prefs hr { .flat .dijitTree .dijitTreeRowSelected .dijitTreeExpando { color: #257aa7; } -.flat .dijitTree .dijitTreeNode .dijitTreeRowSelected { - background: white; +.flat .dijitTree .dijitTreeNode .dijitTreeRow.dijitTreeRowSelected { + color: white; } .flat .dijitTree .labelParam { float: right; @@ -1618,6 +1619,9 @@ body.ttrss_prefs hr { margin-left: 100px; line-height: normal; } +.flat .dijitTree .dijitTreeRowSelected .filterRules span { + color: white; +} .flat .dijitTree .dijitTreeContainer { max-width: 100%; } |