diff options
Diffstat (limited to 'css/default.css')
-rw-r--r-- | css/default.css | 767 |
1 files changed, 378 insertions, 389 deletions
diff --git a/css/default.css b/css/default.css index 01e5fcd4d..58d4d0459 100644 --- a/css/default.css +++ b/css/default.css @@ -10,8 +10,8 @@ body.ttrss_prefs, margin: 0; } body.ttrss_main { - background: white; - color: black; + background: #ffffff; + color: #000000; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; overflow: hidden; @@ -21,38 +21,48 @@ body.ttrss_main :focus { } body.ttrss_main div.post { padding: 0px; + font-size: 13px; } body.ttrss_main div.post div.header { padding: 5px; color: #909090; - border: 0px solid #ddd; + border: 0px solid #dddddd; border-bottom-width: 1px; - background: #f0f0f0; + background: #f5f5f5; } -body.ttrss_main div.post div.header div.date { - text-align: right; - float: right; +body.ttrss_main div.post div.header .left, +body.ttrss_main div.post div.header .right { + display: flex; } -body.ttrss_main div.post div.header div { - padding-bottom: 3px; +body.ttrss_main div.post div.header .row { + display: flex; + margin-bottom: 4px; + flex-wrap: nowrap; } -body.ttrss_main div.post div.header span.author { - color: #555555; - font-size: 11px; - font-weight: normal; +body.ttrss_main div.post div.header .row > * { + align-self: center; } -body.ttrss_main div.post div.title { - overflow: hidden; - font-size: 15px; - text-overflow: ellipsis; +body.ttrss_main div.post div.header .comments { + flex-grow: 2; +} +body.ttrss_main div.post div.header .date { + text-align: right; white-space: nowrap; + align-self: flex-start; +} +body.ttrss_main div.post div.header img, +body.ttrss_main div.post div.header i { + margin: 0px 4px; + vertical-align: middle; +} +body.ttrss_main div.post div.header .title { + flex-grow: 2; + align-self: flex-start; + font-size: 15px; font-weight: 600; text-rendering: optimizelegibility; font-family: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif; } -body.ttrss_main div.post div.date { - padding-left: 10px; -} body.ttrss_main div.post div.content { padding: 10px; font-size: 16px; @@ -70,27 +80,27 @@ body.ttrss_main div.post div.content iframe { min-width: 50%; max-width: 98%; } -body.ttrss_main div.post div.postEnclosures { - color: #555555; +body.ttrss_main .inline-player { + display: flex; } -body.ttrss_main div.post img.tagsPic { - width: 16px; - height: 16px; - margin-left: 4px; - vertical-align: middle; +body.ttrss_main .inline-player > * { + align-self: center; } -body.ttrss_main div.post span.author { - font-size: 12px; +body.ttrss_main .inline-player audio { + margin-right: 8px; } -body.ttrss_main div.articleNote { +body.ttrss_main .article-note { background-color: #fff7d5; - padding: 5px; margin: 5px; border: 1px solid #e7d796; color: #9a8c59; + display: flex; } -body.ttrss_main div.articleNote div.noteEdit { - float: right; +body.ttrss_main .article-note > * { + align-self: center; + padding: 5px; +} +body.ttrss_main .article-note.editable { cursor: pointer; } body.ttrss_main h1 { @@ -126,37 +136,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,17 +176,26 @@ 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; + border: 0px solid #dddddd; border-bottom-width: 1px; transition: color 0.2s, background 0.2s; display: flex; flex-direction: row; flex-wrap: nowrap; + background: #f5f5f5; } body.ttrss_main .hl > * { align-self: center; @@ -211,6 +227,12 @@ body.ttrss_main .hl div.title { overflow: hidden; text-overflow: ellipsis; } +body.ttrss_main .hl span.author { + white-space: nowrap; + color: #555555; + font-size: 11px; + font-weight: normal; +} body.ttrss_main .hl div.right { text-align: right; } @@ -246,22 +268,17 @@ body.ttrss_main .hl div.title a { font-weight: 600; text-rendering: optimizelegibility; font-family: "Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif; - color: #777; + color: #555; } 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.vgrlf .feed { + display: none; } -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 { + background: white; } body.ttrss_main .hl.Unread div.title a { color: black; @@ -291,14 +308,6 @@ body.ttrss_main .hl.Selected span { body.ttrss_main .hl.Grayed { color: #909090; } -body.ttrss_main div.filterTestHolder { - height: 300px; - overflow: auto; - border-color: #ddd; - border-style: solid; - margin: 0px 0px 5px 0px; - border-width: 1px; -} body.ttrss_main #content-insert blockquote, body.ttrss_main #headlines-frame blockquote, body.ttrss_main .dijitContentPane blockquote { @@ -331,7 +340,7 @@ body.ttrss_main .dijitContentPane pre { body.ttrss_main .alert { padding: 8px 35px 8px 14px; margin-bottom: 10px; - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + /* text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); */ background-color: #fcf8e3; border: 1px solid #fbeed5; border-radius: 4px; @@ -376,11 +385,6 @@ body.ttrss_main .alert-info { body.ttrss_main .alert-info h4 { color: #3a87ad; } -body.ttrss_main ul.nomarks { - list-style-type: none; - margin: 0px; - padding: 10px; -} body.ttrss_main div.prefHelp { color: #555555; padding: 5px; @@ -399,12 +403,12 @@ body.ttrss_main span.preview { } body.ttrss_main .hl.Selected .hlLabelRef, body.ttrss_main .hl.active .hlLabelRef { - color: #063064; + color: #000000; } body.ttrss_main span.hlLabelRef { background-color: #fff7d5; font-size: 8px; - color: #063064; + color: #000000; font-weight: normal; margin-left: 2px; padding: 1px 4px 1px 4px; @@ -418,35 +422,17 @@ body.ttrss_main i.pub-pic { cursor: pointer; color: #ccc; } -body.ttrss_main div.tagCloudContainer { - background: white; - border: 1px solid #ddd; - margin: 5px 0px 5px 0px; - padding: 5px; - text-align: center; -} body.ttrss_main div.errorExplained { - border: 1px solid #ddd; + border: 1px solid #dddddd; margin: 5px 0px 5px 0px; padding: 5px; } -body.ttrss_main ul.feedErrorsList { - max-height: 300px; - overflow: auto; - list-style-type: none; - border: 1px solid #ddd; - margin: 0px 0px 5px 0px; - padding: 5px; -} -body.ttrss_main ul.feedErrorsList em { - color: #555555; -} body.ttrss_main ul.browseFeedList { height: 300px; width: 100%; overflow: auto; border-width: 0px 1px 1px 1px; - border-color: #ddd; + border-color: #dddddd; border-style: solid; margin: 0px 0px 5px 0px; background-color: white; @@ -476,7 +462,7 @@ body.ttrss_main .noborder { border-width: 0px; } body.ttrss_main #overlay { - background: white; + background: #ffffff; left: 0; top: 0; height: 100%; @@ -488,10 +474,6 @@ body.ttrss_main #overlay_inner { font-weight: bold; margin: 1em; } -body.ttrss_main form { - margin: 0px; - padding: 0px; -} body.ttrss_main div.loadingPrompt { padding: 1em; text-align: center; @@ -502,14 +484,14 @@ body.ttrss_main div.whiteBox { text-align: center; padding: 1em 1em 0px 1em; font-size: 11px; - border: 0px solid #ddd; + border: 0px solid #dddddd; border-bottom-width: 1px; } body.ttrss_main div.autocomplete { position: absolute; width: 250px; - background-color: white; - border: 1px solid #778899; + background-color: #ffffff; + border: 1px solid #dddddd; margin: 0px; padding: 0px; } @@ -519,7 +501,7 @@ body.ttrss_main div.autocomplete ul { padding: 0px; } body.ttrss_main div.autocomplete ul li.selected { - background-color: #fff7d5; + background-color: #e6e6e6; } body.ttrss_main div.autocomplete ul li { list-style-type: none; @@ -574,17 +556,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; @@ -593,7 +566,7 @@ body.ttrss_main div#cmdline { font-size: 11px; color: #555555; font-weight: bold; - background-color: white; + background-color: #ffffff; border: 1px solid #257aa7; padding: 3px 5px 3px 5px; z-index: 5; @@ -620,7 +593,7 @@ body.ttrss_main #content-wrap { } body.ttrss_main #feeds-holder { padding: 0px; - border: 0px solid #ddd; + border: 0px solid #dddddd; overflow: hidden; background: #f5f5f5; box-shadow: inset -1px 0px 2px -1px rgba(0, 0, 0, 0.1); @@ -633,9 +606,9 @@ body.ttrss_main #feeds-holder #feedTree { font-family: "Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif; } body.ttrss_main #feeds-holder #feedTree .counterNode.aux { - background: #f0f0f0; - color: #999; - border-color: #f0f0f0; + background: #f5f5f5; + color: #6f6f6f; + border-color: #dcdcdc; } body.ttrss_main #feeds-holder #feedTree .counterNode { font-weight: bold; @@ -667,16 +640,14 @@ body.ttrss_main #feeds-holder #feedTree .dijitTreeRow .dijitTreeLabel.Unread { body.ttrss_main #feeds-holder #feedTree .dijitTreeRow.Error .dijitTreeLabel { color: red; } -body.ttrss_main #feeds-holder #feedTree .dijitTreeRow.UpdatesDisabled .dijitTreeLabel { - color: #909090; -} body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow { border: 1px solid transparent; } 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; + border-color: #dddddd transparent; + background: #ffffff; + color: #333; } body.ttrss_main #feeds-holder #feedTree .icon { position: relative; @@ -700,10 +671,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; @@ -715,7 +686,7 @@ body.ttrss_main #headlines-wrap-inner { } body.ttrss_main #headlines-frame { padding: 0px; - border: 0px #ddd; + border: 0px #dddddd; margin-top: 0px; -webkit-overflow-scrolling: touch; -webkit-transform: translateZ(0); @@ -724,7 +695,7 @@ body.ttrss_main #headlines-frame { body.ttrss_main #headlines-frame div.feed-title { border: 0px solid #257aa7; border-bottom-width: 1px; - padding: 5px 3px 5px 5px; + padding: 5px 8px; } body.ttrss_main #headlines-frame div.feed-title a.title { color: #555555; @@ -748,8 +719,9 @@ body.ttrss_main #toolbar-frame { } body.ttrss_main #toolbar-frame #toolbar { background: white; - border: 0px solid #ddd; + border: 0px solid #dddddd; border-bottom-width: 1px; + padding-left: 4px; height: 32px; display: flex; flex-direction: row; @@ -765,6 +737,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,10 +763,15 @@ 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; margin-right: 4px; + color: #257aa7; } @media (max-width: 992px) { body.ttrss_main #toolbar-frame #toolbar #selected_prompt { @@ -810,7 +791,7 @@ body.ttrss_main #header { } body.ttrss_main #content-insert { padding: 0px; - border-color: #ddd; + border-color: #dddddd; border-width: 0px; line-height: 1.5; overflow: auto; @@ -834,18 +815,20 @@ body.ttrss_main .player { margin: 0px 2px 0px 2px; width: 50px; text-align: center; - background: white; + background: #ffffff; } body.ttrss_main .player.playing { color: #00c000; border-color: #00c000; } body.ttrss_main .player:hover { - background: #f0f0f0; + background: #f5f5f5; cursor: pointer; } -body.ttrss_main #headlines-spacer { +body.ttrss_main #headlines-frame.auto_catchup #headlines-spacer { height: 100%; +} +body.ttrss_main #headlines-spacer { margin-left: 1px; text-align: center; color: #555555; @@ -867,9 +850,9 @@ body.ttrss_main ul#filterDlg_Actions { overflow: auto; list-style-type: none; border-style: solid; - border-color: #ddd; + border-color: #dddddd; border-width: 1px 1px 1px 1px; - background-color: white; + background-color: #ffffff; margin: 0px 0px 5px 0px; padding: 4px; min-height: 16px; @@ -886,7 +869,7 @@ body.ttrss_main ul.helpKbList { max-height: 300px; overflow: auto; list-style-type: none; - border: 1px solid #ddd; + border: 1px solid #dddddd; margin: 0px 0px 5px 0px; padding: 5px; } @@ -1001,17 +984,61 @@ body.ttrss_main i.icon-syndicate { border: 1px solid #ff7c4b; border-radius: 4px; } +body.ttrss_main i.icon-no-feed { + opacity: 0.2; +} +body.ttrss_main .dijitTreeRow.UpdatesDisabled .dijitTreeLabel { + opacity: 0.5; +} +body.ttrss_main #floatingTitle.marked i.marked-pic, body.ttrss_main .cdm.marked .left i.marked-pic, body.ttrss_main .hl.marked .left i.marked-pic { color: #ffc069; } +body.ttrss_main #floatingTitle.published i.pub-pic, 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; +} +body.ttrss_main i.icon-score { + cursor: pointer; +} +body.ttrss_main .panel { + border: 1px solid #dddddd; + background: #f5f5f5; + padding: 4px; +} +body.ttrss_main .dijitDialog .panel { + background: #ffffff; +} +body.ttrss_main .panel-scrollable { + overflow: auto; + height: 200px; +} +body.ttrss_main ul.list li { + padding: 2px; +} +body.ttrss_main ul.list { + padding: 4px; +} +body.ttrss_main ul.list-unstyled { + list-style-type: none; +} +body.ttrss_main .text-center { + text-align: center; +} ::selection { background: #257aa7; - color: white; + color: #ffffff; } ::-webkit-scrollbar { width: 4px; @@ -1022,6 +1049,9 @@ body.ttrss_main .hl.published .left i.pub-pic { ::-webkit-scrollbar-track { background-color: #eee; } +video::-webkit-media-controls-overlay-play-button { + display: none; +} .cdm .header, .cdm .footer { display: flex; @@ -1029,7 +1059,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; } @@ -1080,7 +1111,8 @@ body.ttrss_main .hl.published .left i.pub-pic { flex-grow: 2; } .cdm .intermediate { - margin: 10px; + margin-top: 10px; + margin-left: 10px; } .cdm .content-inner { margin: 10px; @@ -1107,7 +1139,7 @@ body.ttrss_main .hl.published .left i.pub-pic { white-space: normal; } .cdm.expanded .footer { - border: 0px solid #ddd; + border: 0px solid #dddddd; border-bottom-width: 1px; } .cdm.expanded > hr { @@ -1143,9 +1175,8 @@ div.cdm.expanded.Unread div.content { div.cdm.active div.content { color: black; } -.cdm div.content div.postEnclosures { - margin-top: 1em; - color: #555555; +div.cdm.vgrlf .feed { + display: none; } .cdm div.feed-title { border: 0px solid #257aa7; @@ -1202,7 +1233,7 @@ div#floatingTitle { top: 0px; right: 0px; left: 0px; - border: 0px solid #ddd; + border: 0px solid #dddddd; border-bottom-width: 1px; background: white; color: #555555; @@ -1227,15 +1258,17 @@ div#floatingTitle .right > * { div#floatingTitle .left i.material-icons, div#floatingTitle .right i.material-icons { margin-left: 2px; - font-size: 20px; + font-size: 21px; padding: 2px; user-select: none; } -div#floatingTitle .left i.anchor, -div#floatingTitle .right i.anchor { +div#floatingTitle .left i.icon-anchor, +div#floatingTitle .right i.icon-anchor { margin-left: 0px; + margin-right: 1px; padding: 0px; color: #ccc; + cursor: pointer; } div#floatingTitle span.author { color: #555555; @@ -1250,9 +1283,6 @@ div#floatingTitle a.title { text-rendering: optimizelegibility; font-family: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif; } -div#floatingTitle img.anchor { - margin-left: 0px; -} div#floatingTitle div.feed { padding-right: 10px; color: #555555; @@ -1283,9 +1313,6 @@ div#floatingTitle span.titleWrap { width: 100%; white-space: normal; } -div#floatingTitle img.score-pic { - display: none; -} div#floatingTitle .feed-title > * { display: table-cell; vertical-align: middle; @@ -1306,27 +1333,9 @@ 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; + background-color: #f5f5f5; + border: 0px solid #dddddd; border-bottom-width: 1px; } .cdm.expandable > hr { @@ -1372,6 +1381,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; } @@ -1393,26 +1406,6 @@ body.ttrss_prefs { background-color: #f5f5f5; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; - /* div#pref-tabs .dijitContentPane { - font-size : 14px; - } */ - /* div#pref-tabs { - box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1); - margin : 0px 5px 0px 5px; - } */ - /* div#pref-tabs .dijitContentPane { - h1:first-of-type, - h2:first-of-type, - h3:first-of-type, - h4:first-of-type { - margin-top: 0px; - } - } */ - /* preferences */ - /* table.prefPrefsList h3 { - margin-top : 0.5em; - margin-bottom : 0px; - } */ } body.ttrss_prefs #footer, body.ttrss_prefs #header { @@ -1431,9 +1424,6 @@ body.ttrss_prefs #footer { border: 0px; text-align: center; } -body.ttrss_prefs #header a:hover { - color: black; -} body.ttrss_prefs #header img { vertical-align: middle; cursor: pointer; @@ -1443,27 +1433,14 @@ body.ttrss_prefs .dijitTree#labelTree .dijitTreeIcon, body.ttrss_prefs .dijitTree#filterTree .dijitTreeIcon { display: none; } -body.ttrss_prefs #pref-filter-wrap, -body.ttrss_prefs #pref-filter-header, -body.ttrss_prefs #pref-filter-content, -body.ttrss_prefs #pref-label-wrap, -body.ttrss_prefs #pref-label-header, -body.ttrss_prefs #pref-label-content, -body.ttrss_prefs #pref-user-wrap, -body.ttrss_prefs #pref-user-header, -body.ttrss_prefs #pref-user-content, -body.ttrss_prefs #pref-instance-wrap, -body.ttrss_prefs #pref-instance-header, -body.ttrss_prefs #pref-instance-content { - margin: 0px; - padding: 0px; - border-width: 0px; +body.ttrss_prefs .dijitAccordionTitle i.material-icons { + top: -1px; + position: relative; +} +body.ttrss_prefs .dijitAccordionTitleSelected i.material-icons { + color: white; } -body.ttrss_prefs #userConfigTab, -body.ttrss_prefs #labelConfigTab, -body.ttrss_prefs #filterConfigTab, -body.ttrss_prefs #pref-feeds-feeds, -body.ttrss_prefs #instanceConfigTab { +body.ttrss_prefs .dijitDialog #pref-profiles-list .dijitInlineEditBoxDisplayMode { padding: 0px; } body.ttrss_prefs tr.title td { @@ -1471,27 +1448,8 @@ body.ttrss_prefs tr.title td { border-bottom-width: 1px; color: #257aa7; } -body.ttrss_prefs div.prefProfileHolder, -body.ttrss_prefs div.prefFeedOPMLHolder, -body.ttrss_prefs div.inactiveFeedHolder { - height: 300px; - overflow: auto; - border: 1px solid #ddd; - margin: 0px 0px 5px 0px; - background-color: white; - padding: 4px; -} -body.ttrss_prefs div.filterTestHolder, -body.ttrss_prefs div.prefFeedOPMLHolder { - border-width: 1px; -} -body.ttrss_prefs ul.userFeedList { - height: 200px; - overflow: auto; - list-style-type: none; - border: 1px solid #ddd; - 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, @@ -1516,7 +1474,7 @@ body.ttrss_prefs table.prefPluginsList label { white-space: nowrap; } body.ttrss_prefs table.prefPluginsList i.plugin-enabled { - color: #69C671; + color: #69c671; } body.ttrss_prefs table.prefPluginsList label img { vertical-align: middle; @@ -1538,104 +1496,12 @@ body.ttrss_prefs hr { border-color: #ecf4ff; max-width: 100%; } -.flat li { - padding: 2px; -} -.flat .filterRules span.inverse, -.flat #filterDlg_Matches span.filterRule.inverse { - color: red; -} -.flat .dijitDialog .dijitDialogPaneContent { - background: #f5f5f5; -} -.flat .dijitAccordionContainer { - box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1); -} -.flat .filterRules span { - display: block; - color: green; -} -.flat #filterDlg_Matches span.filterRule { - color: green; -} -.flat .dijitToolbar { - font-size: 13px; - padding: 0px; -} -.flat .dijitTab:not(.dijitTabChecked) { - background: #f5f5f5; -} -.flat .dijitMenu .dijitMenuItem .dijitMenuItemLabel { - padding: 4px 8px; - font-size: 13px; -} -.flat .dijitMenu .dijitMenuItem td { - padding: 0px; -} -.flat .dijitCheckBox { - border: 0px; - background: #ccc; -} -.flat .dijitCheckBox:before { - font-family: "flat-icon"; - content: "\f00c"; - color: white; -} -.flat .dijitCheckBox.dijitCheckBoxChecked { - background-color: #69C671; -} -.flat .dijitTree .dijitFolderClosed, -.flat .dijitTree .dijitFolderOpened { - display: none; -} -.flat .dijitTree .dijitTreeRow .dijitTreeExpando { - position: relative; - top: -2px; -} -.flat .dijitTree .dijitTreeRowSelected .dijitTreeExpando { - color: #257aa7; -} -.flat .dijitTree .dijitTreeNode .dijitTreeRowSelected { - background: white; -} -.flat .dijitTree .labelParam { - float: right; - margin-right: 1em; -} -.flat .dijitTree .labelParam.filterDisabled, -.flat .dijitTree .dijitTreeLabel.filterDisabled { - text-decoration: line-through; -} -.flat .dijitTree .feedParam { - color: #555555; - float: right; - margin-right: 1em; -} -.flat .dijitTree .filterRules { - display: block; - color: #ccc; - font-size: 12px; - margin-left: 100px; - line-height: normal; -} -.flat .dijitTree .dijitTreeContainer { - max-width: 100%; -} -.flat .dijitTree .dijitTreeRow { - overflow: hidden; - text-overflow: ellipsis; -} -.flat .dijitTree .dijitTreeNode .dijitTreeRow { - padding: 4px 0px 4px; - border-width: 1px; - color: #333; -} body.ttrss_utility.sanity_failed { background: #900; } body.ttrss_utility { background: #f5f5f5; - color: black; + color: #000000; padding: 0px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; @@ -1851,26 +1717,170 @@ body.small_margins { max-width: none; } body#sharepopup { - background: #ffffff url("../images/toolbar.png") repeat-x bottom; + color: #000000; + background: #ffffff; margin: 10px; - padding: 0px; } body#sharepopup h1 { font-size: 14px; margin: 0px; color: #257aa7; } -body#sharepopup table { - background: white; - border: 1px solid #257aa7; - padding: 5px; -} body#sharepopup form { height: 100%; } body#sharepopup input { width: 100%; } +.flat li { + padding: 2px; +} +.flat .filterRules span { + display: block; + color: green; +} +.flat #filterDlg_Matches span.filterRule { + color: green; +} +.flat .filterRules span.inverse, +.flat #filterDlg_Matches span.filterRule.inverse { + color: red; +} +.flat .dijitToolbar { + font-size: 13px; + padding: 0px; +} +.flat .dijitAccordionContainer { + box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1); +} +.flat .dijitCheckBox.dijitCheckBoxChecked { + background-color: #69c671; + border-color: #45b74f; +} +.flat .dijitMenu .dijitMenuItem .dijitMenuItemLabel { + padding: 4px 8px; + font-size: 13px; +} +.flat .dijitMenu .dijitMenuItem.dijitDisabled:not(.dijitMenuItemSelected) .dijitMenuItemLabel { + color: #2e99d1; +} +.flat .dijitMenu .dijitMenuItem td { + padding: 0px; +} +.flat .dijitCheckBox { + margin: 1px; +} +.flat .dijitCheckBox:before { + font-family: "flat-icon"; + content: "\f00c"; + color: white; +} +.flat .dijitTab i.material-icons, +.flat .dijitAccordionInnerContainer:not(.dijitSelected) i.material-icons { + color: #257aa7; +} +.flat .dijitTree .dijitFolderClosed, +.flat .dijitTree .dijitFolderOpened { + display: none; +} +.flat .dijitTree .dijitTreeRowSelected .filterRules span { + color: white; +} +.flat .dijitTree .dijitTreeRowSelected .dijitTreeExpando { + color: #257aa7; +} +.flat .dijitTree .dijitTreeNode .dijitTreeRow.dijitTreeRowSelected { + color: white; +} +.flat .dijitTree .dijitTreeRow .dijitTreeExpando { + position: relative; + top: -2px; +} +.flat .dijitTree .labelParam { + float: right; + margin-right: 16px; +} +.flat .dijitTree .dijitTreeRow.filterDisabled { + opacity: 0.5; +} +.flat .dijitTree .dijitTreeRow.filterDisabled .filterRules { + filter: saturate(0%); +} +.flat .dijitTree .feedParam { + float: right; +} +.flat .dijitTree .filterRules { + display: block; + color: #ccc; + font-size: 12px; + margin-left: 100px; + line-height: normal; +} +.flat .dijitTree .dijitTreeContainer { + max-width: 100%; +} +.flat .dijitTree .dijitTreeRow { + overflow: hidden; + text-overflow: ellipsis; +} +.flat label.dijitButton { + border: 1px solid #ccc; + padding: 6px; + border-radius: 4px; + cursor: pointer; + position: relative; + top: 1px; +} +.flat label.dijitButton:hover { + background-color: #f5f5f5; +} +.flat .dijitTree .dijitTreeNode .dijitTreeRow { + padding: 4px 0px 4px; + border-width: 1px; + color: #555555; +} +@font-face { + font-family: 'Material Icons'; + font-style: normal; + font-weight: 400; + src: url(../lib/iconfont/MaterialIcons-Regular.eot); + src: local('Material Icons'), local('MaterialIcons-Regular'), url(../lib/iconfont/MaterialIcons-Regular.woff2) format('woff2'), url(../lib/iconfont/MaterialIcons-Regular.woff) format('woff'), url(../lib/iconfont/MaterialIcons-Regular.ttf) format('truetype'); + + /* For IE6-8 */ +} +.material-icons { + font-family: 'Material Icons'; + font-weight: normal; + font-style: normal; + font-size: 18px; + /* Preferred icon size */ + display: inline-block; + line-height: 1; + color: #777; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + vertical-align: middle; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} +.flat .dijitDialog .dijitDialogPaneContent { + background: #f5f5f5; +} +.flat .dijitTab:not(.dijitTabChecked) { + background: #f5f5f5; +} +.flat .dijitCheckBox { + background: #ccc; +} body.ttrss_zoom { margin-left: auto; margin-right: auto; @@ -1883,6 +1893,9 @@ body.ttrss_zoom div.post { background: white; box-shadow: 0px 1px 1px -1px rgba(0, 0, 0, 0.1); } +body.ttrss_zoom div.post .attachments { + display: none; +} body.ttrss_zoom div.post div.header { margin: 10px; padding-bottom: 10px; @@ -1892,28 +1905,37 @@ body.ttrss_zoom div.post div.header { font-size: 12px; color: #555; } -body.ttrss_zoom div.post div.header .author { - font-size: 11px; +body.ttrss_zoom div.post div.header .row { + display: flex; + margin-bottom: 4px; + flex-wrap: nowrap; } -body.ttrss_zoom div.post div.header div.feed-title { - float: left; - text-align: right; +body.ttrss_zoom div.post div.header .row > * { + align-self: center; } -body.ttrss_zoom div.post div.header a.comments { - text-align: right; +body.ttrss_zoom div.post div.header .comments { + flex-grow: 2; } -body.ttrss_zoom div.post div.header div.date { - float: none; +body.ttrss_zoom div.post div.header .date { text-align: right; - margin-bottom: 5px; + white-space: nowrap; + align-self: flex-start; } -body.ttrss_zoom div.post div.header div.tags img { +body.ttrss_zoom div.post div.header img, +body.ttrss_zoom div.post div.header i { + margin: 0px 4px; vertical-align: middle; } -body.ttrss_zoom div.post div.header div.title { - white-space: normal; - font-size: 16px; - margin-bottom: 5px; +body.ttrss_zoom div.post div.header .title { + flex-grow: 2; + align-self: flex-start; + font-size: 15px; + font-weight: 600; + text-rendering: optimizelegibility; + font-family: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif; +} +body.ttrss_zoom div.post div.header div.feed-title { + text-align: right; } body.ttrss_zoom div.post p { -webkit-hyphens: auto; @@ -1959,37 +1981,4 @@ body.ttrss_zoom div.post div.content pre { max-width: 98%; overflow: auto; } -@font-face { - font-family: 'Material Icons'; - font-style: normal; - font-weight: 400; - src: url(../lib/iconfont/MaterialIcons-Regular.eot); - src: local('Material Icons'), local('MaterialIcons-Regular'), url(../lib/iconfont/MaterialIcons-Regular.woff2) format('woff2'), url(../lib/iconfont/MaterialIcons-Regular.woff) format('woff'), url(../lib/iconfont/MaterialIcons-Regular.ttf) format('truetype'); - - /* For IE6-8 */ -} -.material-icons { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 18px; - /* Preferred icon size */ - display: inline-block; - line-height: 1; - color: #777; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - vertical-align: middle; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} /*# sourceMappingURL=default.css.map */
\ No newline at end of file |