diff options
Diffstat (limited to 'themes/night.css')
| -rw-r--r-- | themes/night.css | 142 |
1 files changed, 103 insertions, 39 deletions
diff --git a/themes/night.css b/themes/night.css index b19af2930..14f7e074f 100644 --- a/themes/night.css +++ b/themes/night.css @@ -128,30 +128,32 @@ body.ttrss_main a:hover { text-decoration: underline; } body.ttrss_main #notify.visible { - transform: translate(0, -45px); + opacity: 100; } body.ttrss_main #notify { - bottom: -45px; - right: 0px; - height: 30px; - left: 0px; - border-width: 1px 0px 0px 0px; + bottom: 20px; + right: 20px; + min-width: 200px; + max-width: 350px; + border-width: 1px; border-style: solid; position: fixed; - font-size: 13px; + font-size: 14px; z-index: 99; display: flex; + opacity: 0; align-items: center; - transition: all 0.5s ease-in-out; -} -body.ttrss_main #notify > * { - padding: 4px; + padding: 10px; + transition: opacity 0.2s linear; + box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1); } body.ttrss_main #notify img { vertical-align: middle; } body.ttrss_main #notify .msg { flex-grow: 2; + padding: 0 10px; + line-height: 20px; } body.ttrss_main #notify .icon-close { cursor: pointer; @@ -180,6 +182,12 @@ body.ttrss_main .notify.notify_error i.icon-notify, body.ttrss_main .notify.notify_error i.icon-close { color: white; } +body.ttrss_main .action-chooser .action-button .dijitButtonText { + vertical-align: unset; +} +body.ttrss_main .action-chooser .action-button .dijitArrowButtonInner { + display: none; +} body.ttrss_main .hl { border: 0px solid #222; border-bottom-width: 1px; @@ -189,6 +197,7 @@ body.ttrss_main .hl { flex-wrap: nowrap; background: #222; align-items: center; + user-select: none; } body.ttrss_main .hl > * { white-space: nowrap; @@ -427,6 +436,7 @@ body.ttrss_main div#headlines-frame.wide .title { body.ttrss_main div#headlines-frame.wide .hl .feed { display: none; } +body.ttrss_main .dijitDialog header, body.ttrss_main .dijitDialog .dlgSec, body.ttrss_main .dijitDialog .dlgSecHoriz { font-size: 16px; @@ -434,12 +444,18 @@ body.ttrss_main .dijitDialog .dlgSecHoriz { color: #ccc; font-family: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif; } +body.ttrss_main .dijitDialog section, body.ttrss_main .dijitDialog .dlgSecCont { margin: 10px 20px; } +body.ttrss_main .dijitDialog header.horizontal + section, body.ttrss_main .dijitDialog .dlgSecHoriz + .dlgSecCont { - margin: 10px 0px; + margin: 10px 0; } +body.ttrss_main .dijitDialog section.narrow { + margin: 0; +} +body.ttrss_main .dijitDialog section fieldset > label, body.ttrss_main .dijitDialog div.dlgSecCont fieldset > label, body.ttrss_main .dijitDialog div.dlgSecSimple fieldset > label { font-weight: bold; @@ -448,28 +464,40 @@ body.ttrss_main .dijitDialog div.dlgSecSimple fieldset > label { min-width: 140px; text-align: right; } +body.ttrss_main .dijitDialog section fieldset > label.checkbox, body.ttrss_main .dijitDialog div.dlgSecCont fieldset > label.checkbox, body.ttrss_main .dijitDialog div.dlgSecSimple fieldset > label.checkbox { font-weight: normal; display: inline; } +body.ttrss_main .dijitDialog section fieldset > label.inline, +body.ttrss_main .dijitDialog div.dlgSecCont fieldset > label.inline, +body.ttrss_main .dijitDialog div.dlgSecSimple fieldset > label.inline { + display: inline; +} +body.ttrss_main .dijitDialog section fieldset, body.ttrss_main .dijitDialog div.dlgSecCont fieldset, body.ttrss_main .dijitDialog div.dlgSecSimple fieldset { border-width: 0px; padding: 5px 0px; } +body.ttrss_main .dijitDialog section fieldset.narrow, body.ttrss_main .dijitDialog div.dlgSecCont fieldset.narrow, body.ttrss_main .dijitDialog div.dlgSecSimple fieldset.narrow { padding: 2px 0px; } +body.ttrss_main .dijitDialog section fieldset.align-right, body.ttrss_main .dijitDialog div.dlgSecCont fieldset.align-right, body.ttrss_main .dijitDialog div.dlgSecSimple fieldset.align-right { text-align: right; } +body.ttrss_main .dijitDialog footer, body.ttrss_main .dijitDialog .dlgButtons { margin-top: 5px; text-align: right; - clear: both; +} +body.ttrss_main .dijitDialog footer.text-center { + text-align: center; } body.ttrss_main i.icon-label { color: #fff7d5; @@ -571,12 +599,8 @@ body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRowSelected { background: #333; color: #333; } -body.ttrss_main #feeds-holder #feedTree .icon { - position: relative; - top: -2px; -} -body.ttrss_main #feeds-holder #feedTree i.icon { - left: -2px; +body.ttrss_main #feeds-holder #feedTree .dijitIcon.feed-icon { + margin-right: 2px; } body.ttrss_main #feeds-holder #feedTree i.icon.icon-inbox { color: #555; @@ -585,10 +609,10 @@ body.ttrss_main #feeds-holder #feedTree i.icon.icon-archive { color: #c77b2e; } body.ttrss_main #feeds-holder #feedTree i.icon.icon-star { + position: relative; color: #ffc069; font-size: 21px; - top: -4px; - left: -4px; + left: -2px; } body.ttrss_main #feeds-holder #feedTree i.icon.icon-rss_feed { color: #ff7c4b; @@ -597,8 +621,9 @@ body.ttrss_main #feeds-holder #feedTree i.icon.icon-whatshot { color: #69C671; } body.ttrss_main #feeds-holder #feedTree i.icon.icon-restore { + position: relative; + top: -1px; font-weight: bold; - left: -3px; color: #b87d2c; } body.ttrss_main #headlines-wrap-inner { @@ -918,6 +943,30 @@ body.ttrss_utility .alert .close { line-height: 20px; cursor: pointer; } +body.ttrss_main .pull-right, +body.ttrss_utility .pull-right { + float: right; +} +body.ttrss_main .pull-left, +body.ttrss_utility .pull-left { + float: left; +} +body.ttrss_main .text-error, +body.ttrss_utility .text-error { + color: #b94a48; +} +body.ttrss_main .text-info, +body.ttrss_utility .text-info { + color: #3a87ad; +} +body.ttrss_main .text-success, +body.ttrss_utility .text-success { + color: #468847; +} +body.ttrss_main .text-warning, +body.ttrss_utility .text-warning { + color: #a47e3c; +} body.ttrss_main .alert, body.ttrss_utility .alert, body.ttrss_main .alert h4, @@ -967,8 +1016,8 @@ body.ttrss_utility hr { border: 0px solid #ccc; border-bottom-width: 1px; } -body.ttrss_main .insensitive, -body.ttrss_utility .insensitive { +body.ttrss_main .text-muted, +body.ttrss_utility .text-muted { color: #ccc; } body.ttrss_main .small, @@ -1322,6 +1371,9 @@ div#floatingTitle.Unread a.title { font-weight: normal; cursor: pointer; } +.cdm.expandable:not(.active) { + user-select: none; +} .cdm.expandable.Unread { background: white; } @@ -1444,22 +1496,23 @@ body.ttrss_prefs .user-css-editor { height: 300px; width: 575px; } -body.ttrss_prefs fieldset.prefs-set .help-text { - display: inline-block; - margin-left: 10px; +body.ttrss_prefs fieldset.prefs { + min-height: 30px; } -body.ttrss_prefs table.prefPluginsList td label, -body.ttrss_prefs table.prefUserList td { - cursor: pointer; +body.ttrss_prefs fieldset.prefs label:first-of-type { + min-width: 300px; } -body.ttrss_prefs table.prefPluginsList label { - white-space: nowrap; +body.ttrss_prefs fieldset.prefs .help-text { + display: inline-block; + margin-left: 10px; } -body.ttrss_prefs table.prefPluginsList i.plugin-enabled { - color: #69C671; +body.ttrss_prefs fieldset.plugin label.description { + width: 600px; + margin-right: 150px; + display: inline-block; } -body.ttrss_prefs table.prefPluginsList label img { - vertical-align: middle; +body.ttrss_prefs fieldset.plugin label.description .dijitCheckBox { + margin-right: 10px; } body.ttrss_prefs table.prefErrorLog tr.errrow td { font-size: 10px; @@ -1490,6 +1543,7 @@ body.ttrss_prefs .phpinfo td.e { } body.ttrss_prefs .phpinfo td.v { font-family: monospace; + word-break: break-all; } body.ttrss_prefs fieldset, body.ttrss_utility fieldset { @@ -1598,8 +1652,7 @@ body.ttrss_utility.ttrss_login .container .content { padding: 40px; } body.ttrss_utility.installer, -body.ttrss_utility.feed_debugger, -body.ttrss_utility.ttrss_zoom { +body.ttrss_utility.feed_debugger { margin: 2em; } body.ttrss_utility.share_popup { @@ -1615,6 +1668,17 @@ body.ttrss_utility.share_popup .content { .flat li { padding: 2px; } +.flat #feedTree .dijitTreeContent .dijitInline { + vertical-align: baseline; +} +.flat .dijitButton i.material-icons { + position: relative; + top: -1px; +} +.flat .tabLabel > i.material-icons { + position: relative; + top: -1px; +} .flat #filterDlg_Matches span.filterRule { color: green; } @@ -1909,7 +1973,7 @@ body.flat.ttrss_main .dijitCheckBox:not(.dijitChecked)::before { color: #999999; background: #222; } -body.flat.ttrss_main .insensitive { +body.flat.ttrss_main .text-muted { color: #999999; } body.flat.ttrss_main .dijitAccordionInnerContainerSelected .dijitAccordionTitle { |