diff options
Diffstat (limited to 'themes/night.css')
-rw-r--r-- | themes/night.css | 2877 |
1 files changed, 2675 insertions, 202 deletions
diff --git a/themes/night.css b/themes/night.css index f4ca5281f..55d68ac67 100644 --- a/themes/night.css +++ b/themes/night.css @@ -1,257 +1,2730 @@ -@import "default.php"; - -:root { - --bg-main : #333; - --border-main : #666; - --border-dark : #222; - --bg-panel : #222; - --fg-main: #999; - --fg-light : #ccc; - --bg-active: #2a89bc; +@import "../lib/flat-ttrss/flat.css"; +body.ttrss_main, +body.ttrss_prefs, +#main { + position: absolute; + width: 100%; + height: 100%; + border: 0; + padding: 0; + margin: 0; } +body.ttrss_main { + background: white; + color: black; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + overflow: hidden; + /* #content-insert_splitter.dijitSplitterH { + background : #f0f0f0; + border-color: #ddd; + border-top-width : 1px; + border-style : solid; + } */ + /* + #headlines-frame .dijitCheckBoxHover, + #headlines-frame .dijitCheckBoxChecked { + opacity : 1; + } -/* main layout overrides */ + #feedTree .dijitTreeRow img.dijitTreeExpandoLeaf { + width : 16px; + height : 16px; + vertical-align : middle; + position : relative; + } -body.claro.ttrss_index #feeds-holder { - background : var(--bg-panel); - box-shadow : inset -1px 0px 2px -1px var(--border-main); -} + .dijitDropDownButton.attachments .dijitButtonText { + font-size : 12px; + } -body.claro.ttrss_index #headlines-frame, -body.claro.ttrss_index div.whiteBox { - border-color : var(--border-main); + .dijitDropDownButton.attachments { + display : inline-block; + } */ } - -body.claro.ttrss_index #main, -body.claro.ttrss_index #overlay { - background : var(--bg-main); - color : var(--fg-main); +body.ttrss_main :focus { + outline: none; } - -body.claro.ttrss_index #content-insert { - background : var(--bg-main); +body.ttrss_main div.post { + padding: 0px; } - -body.claro.ttrss_index #content-insert_splitter { - border-color : var(--border-main); - background : var(--bg-panel); +body.ttrss_main div.post div.header { + padding: 5px; + color: #909090; + border: 0px solid #ddd; + border-bottom-width: 1px; + background: #f0f0f0; } - -body.claro.ttrss_index #feeds-holder_splitter { - border-color : var(--border-main); - background : var(--bg-main); +body.ttrss_main div.post div.header div.date { + text-align: right; + float: right; } - -/* misc */ - -body.claro.ttrss_index .insensitive { - color : var(--fg-light); +body.ttrss_main div.post div.header div { + padding-bottom: 3px; } - -body.claro.ttrss_index hr, -body.claro.ttrss_index h1, -body.claro.ttrss_index h2, -body.claro.ttrss_index h3 { - border-color : var(--border-dark); +body.ttrss_main div.post div.header span.author { + color: #555555; + font-size: 11px; + font-weight: normal; } - -body.claro.ttrss_index code { - color : #c90 ! important; +body.ttrss_main div.post div.title { + overflow: hidden; + font-size: 15px; + text-overflow: ellipsis; + white-space: nowrap; + 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.claro.ttrss_index pre { - color : var(--fg-main); - background : var(--bg-panel) ! important; +body.ttrss_main div.post div.date { + padding-left: 10px; } - -/* feeds */ - -body.claro.ttrss_index #feeds-holder #feedTree .dijitTreeRow { - color : var(--fg-light) ! important; +body.ttrss_main div.post div.content { + padding: 10px; + font-size: 16px; } - -body.claro.ttrss_index #feeds-holder #feedTree.dijitTree .dijitTreeRowHover { - background : var(--bg-panel); - border-color : var(--border-main) transparent; +body.ttrss_main div.post div.content img, +body.ttrss_main div.post div.content video { + border-width: 0px; + max-width: 98%; + height: auto; } - -body.claro.ttrss_index #feeds-holder #feedTree.dijitTree .dijitTreeRowSelected { - background : var(--bg-main); - border-color : var(--bg-main) transparent; +body.ttrss_main div.post div.content p { + hyphens: auto; } - -body.claro.ttrss_index #feeds-holder #feedTree .dijitTreeRowSelected .dijitTreeLabel { - text-shadow : none; +body.ttrss_main div.post div.content iframe { + min-width: 50%; + max-width: 98%; } - -body.claro.ttrss_index #feeds-holder #feedTree .counterNode.aux { - background : var(--bg-panel); - color : var(--fg-main); - border-color : var(--bg-main); +body.ttrss_main div.post div.postEnclosures { + color: #555555; } - -/* headlines */ - -body.claro.ttrss_index #headlines-frame { - background : var(--bg-main); - color : var(--fg-light); +body.ttrss_main div.post img.tagsPic { + width: 16px; + height: 16px; + margin-left: 4px; + vertical-align: middle; } - -body.claro.ttrss_index #main-toolbar { - background : var(--bg-panel); - border-color : var(--border-dark); +body.ttrss_main div.post span.author { + font-size: 12px; } - -body.claro.ttrss_index #main-toolbar .dijitButtonText { - color : var(--fg-light); +body.ttrss_main div.articleNote { + background-color: #fff7d5; + padding: 5px; + margin: 5px; + border: 1px solid #e7d796; + color: #9a8c59; } - -body.claro.ttrss_index #main-toolbar .dijitSelect, -body.claro.ttrss_index #main-toolbar .dijitSelect .dijitButtonText { - background : var(--bg-panel); +body.ttrss_main div.articleNote div.noteEdit { + float: right; + cursor: pointer; } - -body.claro.ttrss_index .hl .feed a, -body.claro.ttrss_index .cdm .feed a { - color : white; +body.ttrss_main h1 { + font-size: 18px; + font-weight: 600; + text-rendering: optimizelegibility; } - -body.claro.ttrss_index #headlines-frame .hl { - border-color : var(--border-dark); +body.ttrss_main h2 { + font-size: 16px; + font-weight: 600; + text-rendering: optimizelegibility; } - -body.claro.ttrss_index #headlines-frame .hl:not(.Selected):not(.active) .title a { - color : var(--fg-main); +body.ttrss_main h3 { + font-size: 16px; + font-weight: 600; + text-rendering: optimizelegibility; } - -body.claro.ttrss_index #headlines-frame .hl.Unread:not(.Selected):not(.active) .title a { - color : var(--fg-light); +body.ttrss_main h4 { + font-size: 14px; + font-weight: 600; + text-rendering: optimizelegibility; } - -body.claro.ttrss_index .post .header { - background : var(--bg-panel); - border-color : var(--border-main); +body.ttrss_main hr { + border: 0px solid #ccc; + border-bottom-width: 1px; } - -body.claro.ttrss_index .post .content, -body.claro.ttrss_index .cdm .content-inner { - color : var(--fg-main); +body.ttrss_main a { + color: #257aa7; + text-decoration: none; } - -body.claro.ttrss_index .post .content img, -body.claro.ttrss_index .cdm .content-inner img, -body.claro.ttrss_index .post .content video, -body.claro.ttrss_index .cdm .content-inner video { - transition : opacity 0.5s linear, filter 0.5s linear; +body.ttrss_main a:hover { + color: #133d54; + text-decoration: underline; } - -body.claro.ttrss_index .post .content img:not(:hover), -body.claro.ttrss_index .cdm .content-inner img:not(:hover), -body.claro.ttrss_index .post .content video:not(:hover), -body.claro.ttrss_index .cdm .content-inner video:not(:hover) { - opacity : 0.5; - filter: grayscale(80%); +body.ttrss_main #notify.visible { + transform: translate(0, -35px); } - -body.claro.ttrss_index div.cdm div.footer { - border-color : var(--border-dark); - color : var(--fg-light); +body.ttrss_main #notify { + bottom: -35px; + right: 0px; + height: 20px; + left: 0px; + border-width: 1px 0px 0px 0px; + border-style: solid; + position: fixed; + font-size: 12px; + z-index: 99; + padding: 5px; + box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.1); + transition: all 0.5s ease-in-out; } - -body.claro.ttrss_index div.cdm .header a.title { - color : var(--fg-main); +body.ttrss_main #notify img { + vertical-align: middle; + max-height: 14px; } - -body.claro.ttrss_index div.cdm.Unread .header a.title { - color : var(--fg-light); +body.ttrss_main #notify span.msg { + width: 100%; } - -body.claro.ttrss_index .cdm.expandable.active .header a.title, -body.claro.ttrss_index .cdm.expanded.active .header a.title { - color : #2a89bc; +body.ttrss_main #notify img.close { + cursor: pointer; } - -body.claro.ttrss_index #headlines-frame .cdm { - border-color : var(--border-dark); +body.ttrss_main #notify span { + display: table-cell; + vertical-align: middle; + padding: 2px; } - -body.claro.ttrss_index #headlines-frame .cdm .header .author { - color : var(--fg-main); +body.ttrss_main .notify { + border-color: #d7c47a; + background-color: #fff7d5; } - -body.claro.ttrss_index #headlines-frame .cdm.expandable { - background : var(--bg-main) ! important; +body.ttrss_main .notify.notify_progress { + border-color: #d7c47a; + background-color: #fff7d5; } - -body.claro.ttrss_index #headlines-frame .cdm.expandable.Selected { - background : var(--bg-active) ! important; +body.ttrss_main .notify.notify_info { + border-color: #257aa7; + background-color: #d5ebf6; } - -body.claro.ttrss_index #headlines-frame .cdm.expandable.active { - background : var(--bg-main); +body.ttrss_main .notify.notify_error { + background-color: #ffcccc; + border-color: #ff0000; } - -body.claro.ttrss_index #headlines-frame .cdm.expanded.active { - background : var(--bg-main); +body.ttrss_main .hl { + border: 0px solid #ddd; + border-bottom-width: 1px; + padding: 1px; + transition: color 0.2s, background 0.2s; } - -body.claro.ttrss_index #content-insert blockquote, -body.claro.ttrss_index #headlines-frame blockquote, -body.claro.ttrss_index .dijitContentPane blockquote { - color : var(--fg-main); - border-color : var(--border-main); +body.ttrss_main .hl div.title { + display: table-cell; + cursor: pointer; + width: 100%; + vertical-align: middle; + overflow: hidden; + white-space: nowrap; + max-width: 500px; + text-overflow: ellipsis; + padding: 4px 6px; } - -body.claro.ttrss_index .dijitInputField.dijitButtonText { - background : var(--bg-main); +body.ttrss_main .hl div.left { + display: table-cell; + vertical-align: middle; + white-space: nowrap; } - -body.claro.ttrss_index .cdm .footer img { - opacity : 0.6; +body.ttrss_main .hl div.right { + display: table-cell; + white-space: nowrap; + text-align: right; + vertical-align: middle; } - -body.claro.ttrss_index #floatingTitle { - background : var(--bg-panel); - border-color : var(--border-main); +body.ttrss_main .hl div.right img { + max-width: 16px; + max-height: 16px; } - -body.claro.ttrss_index #floatingTitle * { - color : var(--fg-light) ! important; +body.ttrss_main .hl span.feed { + display: table-cell; + vertical-align: middle; + text-align: right; } - -/* other dijits */ - -body.claro.ttrss_index .dijitMenu, -body.claro.ttrss_index .dijitMenuTable, -body.claro.ttrss_index .dijitMenu .dijitMenuItem td { - border-color : var(--bg-panel); - background : var(--bg-panel); - color : var(--fg-main); +body.ttrss_main .hl span.feed a { + border-radius: 4px; + display: inline-block; + padding: 1px 4px 1px 4px; + font-size: 11px; + font-style: italic; + font-weight: normal; + color: #555555; + white-space: nowrap; } - -body.claro.ttrss_index .dijitMenu .dijitMenuItemSelected, -body.claro.ttrss_index .dijitMenu .dijitMenuItemSelected td { - background : black; - color : white; +body.ttrss_main .hl span.feed a:hover { + color: #257aa7; } - -body.claro.ttrss_index .dijitMenu .dijitMenuSeparator * { - border-bottom-color : var(--border-dark) ! important; +body.ttrss_main .hl span.updated { + color: #555555; + display: table-cell; + vertical-align: middle; + text-align: right; + font-size: 11px; + white-space: nowrap; + padding-left: 10px; } - -body.claro.ttrss_index .articleNote { - background : var(--bg-panel); - border-color : #9a8c59; +body.ttrss_main .hl span.updated div { + display: inline-block; +} +body.ttrss_main .hl div.left { + padding-left: 8px; +} +body.ttrss_main .hl div.left input { + margin-left: 4px; + margin-right: 4px; +} +body.ttrss_main .hl div.left img, +body.ttrss_main .hl div.right img { + margin: 0px 4px; +} +body.ttrss_main .hl div.left img { + width: 16px; + height: 16px; +} +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; +} +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; +} +body.ttrss_main .hl.active div.title a { + color: #257aa7; + /* text-shadow : 1px 1px 2px #fff; */ +} +body.ttrss_main .hl.active { + background: #257aa7 ! important; +} +body.ttrss_main .hl.active, +body.ttrss_main .hl.Selected { + color: white; + background: #3f728e; +} +body.ttrss_main .hl.active a, +body.ttrss_main .hl.Selected a, +body.ttrss_main .hl.active .feed a, +body.ttrss_main .hl.Selected .feed a, +body.ttrss_main .hl.active .hl-content a.title, +body.ttrss_main .hl.Selected .hl-content a.title, +body.ttrss_main .hl.active span, +body.ttrss_main .hl.Selected span { + color: white; +} +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 { + margin: 5px 0px 5px 0px; + color: #555555; + padding-left: 10px; + border: 0px solid #ccc; + border-left-width: 4px; +} +body.ttrss_main #content-insert code, +body.ttrss_main #headlines-frame code, +body.ttrss_main .dijitContentPane code { + color: #009900; + font-family: monospace; +} +body.ttrss_main #content-insert pre, +body.ttrss_main #headlines-frame pre, +body.ttrss_main .dijitContentPane pre { + margin: 5px 0px 5px 0px; + padding: 10px; + color: #555555; + font-family: monospace; + font-size: 12px; + border: 0px solid #ccc; + background: #f5f5f5; + display: block; + max-width: 98%; + overflow: auto; +} +body.ttrss_main .alert { + padding: 8px 35px 8px 14px; + margin-bottom: 10px; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + background-color: #fcf8e3; + border: 1px solid #fbeed5; + border-radius: 4px; +} +body.ttrss_main .alert, +body.ttrss_main .alert h4 { + color: #c09853; +} +body.ttrss_main .alert h4 { + margin: 0; +} +body.ttrss_main .alert .close { + position: relative; + top: -2px; + right: -21px; + line-height: 20px; + cursor: pointer; +} +body.ttrss_main .alert-success { + color: #468847; + background-color: #dff0d8; + border-color: #d6e9c6; +} +body.ttrss_main .alert-success h4 { + color: #468847; +} +body.ttrss_main .alert-danger, +body.ttrss_main .alert-error { + color: #b94a48; + background-color: #f2dede; + border-color: #eed3d7; +} +body.ttrss_main .alert-danger h4, +body.ttrss_main .alert-error h4 { + color: #b94a48; +} +body.ttrss_main .alert-info { + color: #3a87ad; + background-color: #d9edf7; + border-color: #bce8f1; +} +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; +} +body.ttrss_main .insensitive { + color: #555555; +} +body.ttrss_main .small { + font-size: 11px; +} +body.ttrss_main #main-toolbar { + background: white; + border: 0px solid #ddd; + border-bottom-width: 1px; + height: 32px; + line-height: 32px; + display: flex; + flex-direction: row; + flex-wrap: nowrap; + color: #555555; + font-size: 12px; +} +body.ttrss_main #main-toolbar > * { + align-self: center; +} +body.ttrss_main #main-toolbar .dijitSelect, +body.ttrss_main #main-toolbar .dijitDropDownButton .dijitButtonNode, +body.ttrss_main #main-toolbar .dijitComboButton .dijitButtonNode { + border: 0px; +} +body.ttrss_main #main-toolbar #headlines-toolbar { + padding-right: 4px; + flex-grow: 2; + display: flex; +} +body.ttrss_main #main-toolbar #headlines-toolbar .left { + flex-grow: 2; +} +body.ttrss_main #main-toolbar #headlines-toolbar .left img { + vertical-align: middle; + margin-right: 8px; + position: relative; + top: -2px; +} +body.ttrss_main #main-toolbar #selected_prompt { + font-style: italic; + text-align: right; + margin-right: 4px; +} +@media (max-width: 992px) { + body.ttrss_main #main-toolbar #selected_prompt { + display: none; + } +} +body.ttrss_main span.preview { + color: #999; + font-weight: normal; + font-size: 12px; + padding-left: 4px; +} +body.ttrss_main span.hlLabelRef { + background-color: #fff7d5; + font-size: 8px; + color: #063064; + font-weight: normal; + margin-left: 2px; + padding: 1px 4px 1px 4px; + display: inline-block; + vertical-align: middle; + white-space: nowrap; + border-radius: 4px; +} +body.ttrss_main img.marked-pic, +body.ttrss_main img.pub-pic { + cursor: pointer; + vertical-align: middle; + opacity: 0.5; + transition: opacity 0.25s; +} +body.ttrss_main img.marked-pic:hover, +body.ttrss_main img.pub-pic:hover { + opacity: 1; +} +body.ttrss_main img[src*='pub_set.png'], +body.ttrss_main img[src*='mark_set.png'] { + opacity: 1; +} +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; + 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-style: solid; + margin: 0px 0px 5px 0px; + background-color: white; + list-style-type: none; + padding: 0px; +} +body.ttrss_main ul.browseFeedList li { + margin: 0px; + padding: 2px 4px 2px 4px; +} +body.ttrss_main .browseFeedList span.subscribers { + color: #808080; +} +body.ttrss_main ul.compact { + list-style-type: none; + margin: 0px; + padding: 0px; +} +body.ttrss_main ul.compact li { + margin: 0px; + padding: 0px; +} +body.ttrss_main .noborder { + border-width: 0px; +} +body.ttrss_main #overlay { + background: white; + left: 0; + top: 0; + height: 100%; + width: 100%; + z-index: 100; + position: absolute; +} +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; + font-weight: bold; +} +body.ttrss_main div.whiteBox { + margin-left: 1px; + text-align: center; + padding: 1em 1em 0px 1em; + font-size: 11px; + border: 0px solid #ddd; + border-bottom-width: 1px; +} +body.ttrss_main div.autocomplete { + position: absolute; + width: 250px; + background-color: white; + border: 1px solid #778899; + margin: 0px; + padding: 0px; +} +body.ttrss_main div.autocomplete ul { + list-style-type: none; + margin: 0px; + padding: 0px; +} +body.ttrss_main div.autocomplete ul li.selected { + background-color: #fff7d5; +} +body.ttrss_main div.autocomplete ul li { + list-style-type: none; + display: block; + margin: 0; + padding: 2px; + height: 32px; + cursor: pointer; +} +body.ttrss_main div#headlines-frame.wide .title { + max-width: none; + overflow: visible; + white-space: normal; +} +body.ttrss_main div#headlines-frame.wide .hl .feed { + display: none; +} +body.ttrss_main img.score-pic { + vertical-align: middle; + width: 16px; + height: 16px; +} +body.ttrss_main div.dlgSec { + font-size: 14px; + font-weight: bold; + clear: both; + margin: 8px; + position: relative; + top: 8px; +} +body.ttrss_main div.dlgSecHoriz { + font-size: 14px; + font-weight: bold; + clear: both; + margin-bottom: 8px; + margin-top: 8px; +} +body.ttrss_main div.dlgSecCont { + position: relative; + left: 150px; + top: -20px; + float: left; + font-weight: normal; +} +body.ttrss_main div.dlgSecCont > * { + position: relative; + top: -2px; +} +body.ttrss_main div.dlgSecCont hr, +body.ttrss_main div.dlgSecSimple hr { + height: 0px; + line-height: 0px; + border: 0px solid transparent; + margin: 2px; +} +body.ttrss_main .dijitDialog .dlgButtons { + margin-top: 4px; + 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 div#cmdline { + position: absolute; + left: 5px; + bottom: 5px; + font-size: 11px; + color: #555555; + font-weight: bold; + background-color: white; + border: 1px solid #257aa7; + padding: 3px 5px 3px 5px; + z-index: 5; +} +body.ttrss_main #feed_browser_spinner { + vertical-align: middle; + height: 18px; + width: 18px; +} +body.ttrss_main div.fatalError { + margin-bottom: 10px; +} +body.ttrss_main div.fatalError button { + margin-top: 5px; +} +body.ttrss_main div.fatalError textarea { + width: 565px; + height: 200px; +} +body.ttrss_main #header-wrap { + border-width: 0px; + margin: 0px; + padding: 0px; +} +body.ttrss_main #content-wrap { + padding: 0px; + border-width: 0px; + margin: 0px; +} +body.ttrss_main #feeds-holder { + padding: 0px; + border: 0px solid #ddd; + overflow: hidden; + background: #f5f5f5; + box-shadow: inset -1px 0px 2px -1px rgba(0, 0, 0, 0.1); + -webkit-overflow-scrolling: touch; +} +body.ttrss_main #feeds-holder #feedTree { + height: 100%; + overflow-x: hidden; + text-rendering: optimizelegibility; + 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; +} +body.ttrss_main #feeds-holder #feedTree .counterNode { + font-weight: bold; + display: inline-block; + font-size: 9px; + text-align: center; + border: 1px solid #2a89bc; + color: white; + background: #2a89bc; + border-radius: 4px; + vertical-align: middle; + float: right; + position: relative; + line-height: 14px; + margin-right: 8px; + margin-top: 2px; + min-width: 23px; + height: 14px; +} +body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .loadingExpando { + left: -3px; + height: 22px; + position: relative; + top: -6px; +} +body.ttrss_main #feeds-holder #feedTree .dijitTreeRow .dijitTreeLabel.Unread { + font-weight: bold; +} +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; +} +body.ttrss_main #feeds-holder #feedTree img.tinyFeedIcon { + position: relative; + top: -2px; +} +body.ttrss_main #headlines-wrap-inner { + padding: 0px; + margin: 0px; + border-width: 0px; +} +body.ttrss_main #headlines-frame { + padding: 0px; + border: 0px #ddd; + margin-top: 0px; + -webkit-overflow-scrolling: touch; + -webkit-transform: translateZ(0); + -webkit-backface-visibility: hidden; +} +body.ttrss_main #headlines-frame div.feed-title { + border: 0px solid #257aa7; + border-bottom-width: 1px; + padding: 5px 3px 5px 5px; +} +body.ttrss_main #headlines-frame div.feed-title a.title { + color: #555555; + font-weight: bold; +} +body.ttrss_main #headlines-frame div.feed-title a { + color: #555555; +} +body.ttrss_main #headlines-frame div.feed-title a:hover { + color: #257aa7; +} +body.ttrss_main #headlines-toolbar_splitter, +body.ttrss_main #toolbar_splitter { + display: none; +} +body.ttrss_main #toolbar { + padding: 0px; + margin: 0px; + border-width: 0px; + white-space: nowrap; + font-size: 12px; +} +body.ttrss_main #header { + border-width: 0px; + text-align: right; + color: #555555; + padding: 5px 5px 0px 0px; + margin: 0px; + position: absolute; + right: 0px; + top: 0px; + z-index: 5; +} +body.ttrss_main #footer { + text-align: center; + color: #555555; + padding: 4px 4px 8px 4px; + border-width: 0px; +} +body.ttrss_main #content-insert { + padding: 0px; + border-color: #ddd; + border-width: 0px; + line-height: 1.5; + overflow: auto; + -webkit-overflow-scrolling: touch; +} +body.ttrss_main img.feedIcon, +body.ttrss_main img.tinyFeedIcon { + width: 16px; + height: 16px; + line-height: 16px; + vertical-align: middle; + display: inline-block; +} +body.ttrss_main .player { + display: inline-block; + color: #555555; + font-size: 11px; + font-family: sans-serif; + border: 1px solid #555555; + padding: 0px 4px 0px 4px; + margin: 0px 2px 0px 2px; + width: 50px; + text-align: center; + background: white; +} +body.ttrss_main .player.playing { + color: #00c000; + border-color: #00c000; +} +body.ttrss_main .player:hover { + background: #f0f0f0; + cursor: pointer; +} +body.ttrss_main #headlines-spacer { + height: 100%; + margin-left: 1px; + text-align: center; + color: #555555; + font-size: 11px; + font-style: italic; +} +body.ttrss_main #headlines-spacer a, +body.ttrss_main #headlines-spacer span { + color: #555555; + padding: 10px; + display: block; +} +body.ttrss_main #headlines-spacer a:hover { + color: #257aa7; +} +body.ttrss_main ul#filterDlg_Matches, +body.ttrss_main ul#filterDlg_Actions { + max-height: 100px; + overflow: auto; + list-style-type: none; + border-style: solid; + border-color: #ddd; + border-width: 1px 1px 1px 1px; + background-color: white; + margin: 0px 0px 5px 0px; + padding: 4px; + min-height: 16px; +} +body.ttrss_main ul#filterDlg_Matches li, +body.ttrss_main ul#filterDlg_Actions li { + cursor: pointer; +} +body.ttrss_main ul#filterDlg_Matches li .dijitCheckBox, +body.ttrss_main ul#filterDlg_Actions li .dijitCheckBox { + margin-right: 4px; +} +body.ttrss_main ul.helpKbList { + max-height: 300px; + overflow: auto; + list-style-type: none; + border: 1px solid #ddd; + margin: 0px 0px 5px 0px; + padding: 5px; +} +body.ttrss_main ul.helpKbList span.hksequence { + width: 6em; + margin-left: 20px; + color: #257aa7; + font-weight: bold; + display: inline-block; +} +body.ttrss_main ul.helpKbList h2 { + margin-top: 0px; +} +body.ttrss_main select.attachments { + display: block; + margin-top: 10px; + max-width: 120px; +} +body.ttrss_main #selected_prompt { + margin-right: 25px; + vertical-align: middle; +} +body.ttrss_main #filterDlg_feeds select { + height: 150px; + width: 410px; +} +body.ttrss_main span.highlight { + background-color: #ffff00; + color: #cc90cc; +} +body.ttrss_main #headlines-frame .dijitCheckBox { + margin-right: 4px; +} +body.ttrss_main #editTagsDlg { + overflow: visible; +} +body.ttrss_main #feedEditDlg img.feedIcon { + border: 1px solid #ccc; + padding: 5px; + margin: 5px; + max-width: 20px; + max-height: 20px; + height: auto; + width: auto; +} +body.ttrss_login { + padding: 2em; + font-size: 14px; +} +body.ttrss_login fieldset { + margin-left: auto; + margin-right: auto; + display: block; + width: 400px; + border-width: 0px; +} +body.ttrss_login label { + width: 120px; + margin-right: 20px; + display: inline-block; + text-align: right; + color: gray; +} +body.ttrss_login div.header { + border: 0px solid #257aa7; + border-bottom-width: 1px; + margin-bottom: 1em; + padding-bottom: 5px; +} +body.ttrss_login div.footer { + margin-top: 1em; + padding-top: 5px; + border: 0px solid #257aa7; + border-top-width: 1px; + text-align: center; + color: gray; + font-size: 12px; +} +body.ttrss_login a.forgotpass { + text-align: right; + font-size: 11px; + display: inline-block; +} +body.ttrss_login a { + color: #257aa7; + text-decoration: none; +} +body.ttrss_login a:hover, +body.ttrss_login a:focus { + color: #257aa7; + text-decoration: underline; +} +body.ttrss_login div.footer a { + color: gray; +} +body.ttrss_login div.footer a:hover { + color: #257aa7; +} +body.ttrss_login div.row { + padding: 0px 0px 5px 0px; +} +body.ttrss_login div.row-error { + color: red; + text-align: center; + padding: 0px 0px 5px 0px; +} +body.ttrss_main .dijitDialog h1:first-of-type, +body.ttrss_main .dijitDialog h2:first-of-type, +body.ttrss_main .dijitDialog h3:first-of-type, +body.ttrss_main .dijitDialog h4:first-of-type { + margin-top: 0px; +} +::selection { + background: #257aa7; + color: white; } - ::-webkit-scrollbar { - width: 4px; + width: 4px; } - ::-webkit-scrollbar-thumb { - background-color: var(--border-main); + background-color: #257aa7; } - ::-webkit-scrollbar-track { - background-color: var(--bg-panel); + background-color: #eee; +} +.cdm .header, +.cdm .footer { + display: table; +} +.cdm .header img, +.cdm .header input, +.cdm .footer img { + vertical-align: middle; +} +.cdm .header > div, +.cdm .footer > div { + white-space: nowrap; +} +.cdm .header > span, +.cdm .footer > span.left { + width: 100%; +} +.cdm .header img, +.cdm .footer img { + margin: 0px 4px; +} +.cdm .header > * { + display: table-cell; + padding: 5px; +} +.cdm .header span.updated { + color: #555555; + font-weight: normal; + font-size: 11px; + white-space: nowrap; + vertical-align: middle; +} +.cdm .header input { + margin-right: 5px; +} +.cdm .header div.updPic { + width: 25px; + display: inline-block; + text-align: center; +} +.cdm .header div.updPic img { + vertical-align: middle; +} +.cdm .header input { + margin-left: 4px; + margin-right: 4px; +} +.cdm .footer { + height: 30px; + padding-left: 5px; + font-weight: normal; + color: #555555; + clear: both; +} +.cdm .footer > * { + display: table-cell; + vertical-align: middle; +} +.cdm .intermediate { + margin: 10px; +} +.cdm .content-inner { + margin: 10px; + line-height: 1.5; + font-size: 16px; +} +.cdm .intermediate img, +.cdm .intermediate video, +.cdm .content-inner img, +.cdm .content-inner video { + border-width: 0px; + max-width: 98%; + height: auto; +} +.cdm.expanded { + /*margin-top : 4px; + margin-bottom : 4px;*/ +} +.cdm.expanded .collapse, +.cdm.expanded .excerpt { + display: none; +} +.cdm.expanded .footer { + border: 0px solid #ddd; + border-bottom-width: 1px; +} +.cdm.expanded > hr { + margin-top: 0px; + margin-bottom: 0px; +} +div.cdm.expanded div.header { + background: transparent ! important; +} +div.cdm.expanded div.header a.title { + font-size: 16px; + color: #999; + font-weight: 600; + transition: color 0.2s, background 0.2s; + 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.cdm.expanded.active { + background: white; +} +div.cdm.expanded.active div.header a.title { + color: #257aa7; +} +div.cdm.expanded.Unread div.header a.title { + color: black; +} +div.cdm.expanded div.content { + color: #555555; +} +div.cdm.expanded.Unread div.content { + color: black; +} +div.cdm.active div.content { + color: black; +} +.cdm div.content div.postEnclosures { + margin-top: 1em; + color: #555555; +} +.cdm div.feed-title { + border: 0px solid #257aa7; + border-bottom-width: 1px; + padding: 5px 3px 5px 5px; +} +.cdm div.feed-title a.title { + color: #555555; + font-weight: bold; +} +.cdm div.feed-title a { + color: #555555; +} +.cdm div.feed-title a:hover { + color: #257aa7; +} +.cdm div.header span.feed { + float: right; + font-weight: normal; + font-style: italic; +} +.cdm div.header div.feed, +.cdm div.header div.feed a { + vertical-align: middle; + color: #555555; + font-weight: normal; + font-style: italic; + font-size: 11px; +} +.cdm div.content-inner p { + /*max-width : 650px;*/ + -webkit-hyphens: auto; + -moz-hyphens: auto; + hyphens: auto; +} +.cdm div.content-inner iframe { + min-width: 50%; + max-width: 98%; +} +.cdm div.header span.author { + white-space: nowrap; + color: #555555; + font-size: 11px; + font-weight: normal; +} +.cdm .feed a { + border-radius: 4px; + display: inline-block; + padding: 1px 4px 1px 4px; +} +div#floatingTitle { + position: absolute; + z-index: 5; + top: 0px; + right: 0px; + left: 0px; + border: 0px solid #ddd; + border-bottom-width: 1px; + background: white; + color: #555555; + box-shadow: 0px 1px 1px -1px rgba(0, 0, 0, 0.1); +} +div#floatingTitle > * { + display: table-cell; + white-space: nowrap; + vertical-align: middle; + padding: 9px 5px; +} +div#floatingTitle img { + margin-right: 4px; + margin-left: 4px; +} +div#floatingTitle span.author { + color: #555555; + font-size: 11px; + font-weight: normal; +} +div#floatingTitle a.title { + font-size: 16px; + color: #999; + transition: color 0.2s, background 0.2s; + 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; +} +div#floatingTitle img.anchor { + margin-left: 0px; +} +div#floatingTitle div.feed { + padding-right: 10px; + color: #555555; + font-weight: normal; + font-style: italic; + font-size: 11px; + white-space: nowrap; +} +div#floatingTitle div.feed a { + border-radius: 4px; + display: inline-block; + padding: 1px 4px 1px 4px; +} +div#floatingTitle span.updated { + padding-right: 10px; + white-space: nowrap; + color: #555555; + font-size: 11px; +} +div#floatingTitle div.feed a { + color: #555555; +} +div#floatingTitle .collapse, +div#floatingTitle .excerpt { + display: none; +} +div#floatingTitle span.titleWrap { + width: 100%; + white-space: normal; +} +div#floatingTitle .dijit, +div#floatingTitle img.score-pic { + display: none; +} +div#floatingTitle .feed-title > * { + display: table-cell; + vertical-align: middle; +} +div#floatingTitle .feed-title a.title { + width: 100%; +} +div#floatingTitle .feed-title a.catchup { + text-align: right; + color: #555555; + padding-right: 10px; + font-size: 11px; + white-space: nowrap; +} +div#floatingTitle .feed-title a.catchup:hover { + color: #257aa7; +} +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; + border-bottom-width: 1px; +} +.cdm.expandable > hr { + display: none; +} +.cdm.expandable div.header span.titleWrap { + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + max-width: 500px; +} +.cdm.expandable .excerpt { + white-space: nowrap; + font-size: 11px; + color: #999; + font-weight: normal; + cursor: pointer; +} +.cdm.expandable.Unread { + background: white; +} +.cdm.expandable.Selected:not(.active) { + background: #3f728e; +} +.cdm.expandable.Selected:not(.active) a, +.cdm.expandable.Selected:not(.active) .header a.title, +.cdm.expandable.Selected:not(.active) span { + color: white; +} +.cdm.expandable.active { + background: white ! important; +} +div.cdm.expandable.active div.header span.titleWrap { + white-space: normal; +} +div.cdm.expandable div.header a.title { + font-weight: 600; + color: #555555; + font-size: 14px; + transition: color 0.2s, background 0.2s; + 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.cdm.expandable.Unread div.header a.title { + color: black; +} +div.cdm.expandable.active .excerpt { + display: none; +} +div.cdm.expandable.active div.header a.title { + color: #257aa7; + font-size: 16px; + 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; +} +div.cdm.expandable:not(.active) { + cursor: pointer; +} +div.cdm.expandable:not(.active) .content, +div.cdm.expandable:not(.active) .collapse { + display: none; +} +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 { + background-color: #f5f5f5; + padding-left: 8px; + padding-right: 8px; +} +body.ttrss_prefs #header a:hover { + color: black; +} +body.ttrss_prefs #header img { + vertical-align: middle; + cursor: pointer; +} +body.ttrss_prefs .dijitTree#filterTree .dijitTreeIcon, +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 #userConfigTab, +body.ttrss_prefs #labelConfigTab, +body.ttrss_prefs #filterConfigTab, +body.ttrss_prefs #pref-feeds-feeds, +body.ttrss_prefs #instanceConfigTab { + padding: 0px; +} +body.ttrss_prefs tr.title td { + border: 0px solid #ecf4ff; + 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 div#feedlistLoading, +body.ttrss_prefs div#filterlistLoading, +body.ttrss_prefs div#labellistLoading { + text-align: center; + padding: 5px; + color: #555555; +} +body.ttrss_prefs div#feedlistLoading img, +body.ttrss_prefs div#filterlistLoading img, +body.ttrss_prefs div#labellistLoading { + margin-right: 5px; +} +body.ttrss_prefs #errorButton { + color: red; +} +body.ttrss_prefs table.prefPluginsList td label, +body.ttrss_prefs table.prefUserList td { + cursor: pointer; +} +body.ttrss_prefs table.prefPluginsList label { + white-space: nowrap; +} +body.ttrss_prefs table.prefPluginsList label img { + vertical-align: middle; +} +body.ttrss_prefs table.prefErrorLog tr.errrow td { + font-size: 10px; +} +body.ttrss_prefs table.prefErrorLog tr.errrow td.errno { + font-style: italic; + font-weight: bold; + white-space: nowrap; +} +body.ttrss_prefs table.prefErrorLog td.filename, +body.ttrss_prefs table.prefErrorLog td.login, +body.ttrss_prefs table.prefErrorLog td.timestamp { + color: #555555; +} +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 .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; +} +/* Tree */ +.claro { + /*.dijitTree .dijitTreeRow { + max-width: 100%; + overflow: hidden; + text-overflow: ellipsis; + }*/ + /* Toolbar */ + /* .dijitToolbar { + text-shadow : 1px 1px 2px #fff; + } */ + /* Dialog */ + /* Checkbox */ + /* Various buttons */ + /* danger */ + /* primary */ + /* others */ + /* Other stuff */ + /* .dijitAccordionTitleFocus { + text-shadow : 1px 1px 2px #fff; + } + + .dijitAccordionTitle { + text-rendering: optimizelegibility; + font-family : "Segoe WP Semibold", "Segoe UI Semibold", + "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue", + Helvetica, Arial, sans-serif; + } */ + /* Tabs */ + /* Text fields & selects */ + /* dialog */ +} +.claro .dijitTreeRow .dijitCheckBox { + position: relative; + top: -2px; +} +.claro .dijitTreeLabel { + outline: 0; +} +.claro .dijitTree .feedParam { + color: #555555; + float: right; + margin-right: 1em; +} +.claro .dijitTree .filterRules { + display: block; + color: #ccc; + font-size: 10px; + margin-left: 100px; +} +.claro .dijitTree .filterRules span { + display: block; + color: green; +} +.claro #filterDlg_Matches span.filterRule { + color: green; +} +.claro .dijitTree .filterRules span.inverse, +.claro #filterDlg_Matches span.filterRule.inverse { + color: red; +} +.claro .dijitTree .labelParam { + float: right; + margin-right: 1em; +} +.claro .dijitTree .dijitTreeLabel.filterDisabled, +.claro .dijitTree .labelParam.filterDisabled { + color: #555555; + text-decoration: line-through; +} +.claro .dijitTreeRow.Error { + color: red; +} +.claro .dijitTreeRow.Hidden { + display: none; +} +.claro .dijitTreeNode .loadingNode { + margin-left: 3px; + height: 9px; +} +.claro .dijitFolderClosed, +.claro .dijitFolderOpened { + display: none; +} +.claro .dijitTreeNode .dijitCheckBox { + margin-left: 4px; +} +.claro .dijitTreeIsRoot > .dijitTreeRow > .dijitTreeExpando { + margin-left: 5px; +} +.claro .dijitTree .dijitTreeExpando { + margin-top: 0px; + opacity: 0.6; +} +.claro .dijitTree .dijitTreeNode { + padding: 0px; + border-width: 0px; +} +.claro .dijitTree .dijitTreeRowSelected { + background: white; +} +.claro .dijitTree .dijitTreeRowHover { + background: #f0f0f0; + border-color: #ddd; +} +.claro .dijitTree .dijitTreeRowSelected { + background: white; + border-color: #ddd; +} +.claro .dijitTreeRowSelected .dijitTreeLabel { + text-shadow: 1px 1px 2px #fff; +} +.claro .dijitTreeRow .dijitTreeExpando { + background-image: url("../images/treeExpandImages.png"); + position: relative; + top: -1px; +} +.claro .dijitTreeRow .dijitTreeExpandoLeaf { + background: none; +} +.claro .dijitToolbar { + background: #f5f5f5; + border-color: #ddd; + /* text-rendering: optimizelegibility; + font-family : "Segoe WP Semibold", "Segoe UI Semibold", + "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue", + Helvetica, Arial, sans-serif; */ +} +.claro .dijitDialog .dijitToolbar { + border: 1px solid #ddd; +} +.claro .dijitDialog h2 { + margin-top: 0px; + margin-bottom: 4px; + border-width: 0px; +} +.claro .dijitMenu .dijitMenuItem .dijitMenuItemLabel { + font-size: 13px; + padding-top: 3px; + padding-bottom: 3px; +} +.claro .dijitCheckBox { + background-image: url("../images/untick.png"); + background-color: transparent; + width: 15px; + height: 15px; + margin: 1px; + opacity: 0.7; + background-position: center center; + transition: opacity 0.25s; + -webkit-transition: opacity 0.25s; + /* border : 1px solid #b5bcc7; */ + padding: 1px; +} +.claro .dijitCheckBox:hover { + opacity: 1; +} +.claro .dijitCheckBox.dijitCheckBoxDisabled:hover { + opacity: 0.7; +} +.claro .dijitCheckBox.dijitCheckBoxChecked { + border-color: #69C671; + background-image: url("../images/tick.png"); + opacity: 1; +} +.claro .dijitButton.btn-danger .dijitButtonText { + color: #ffffff; +} +.claro .dijitButton.btn-danger { + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #da4f49; + *background-color: #bd362f; + background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); + background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); + background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); + background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); + background-repeat: repeat-x; + border-color: #bd362f #bd362f #802420; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); +} +.claro .dijitButton.dijitButtonDisabled.btn-danger, +.claro .dijitButton.dijitButtonActive.btn-danger, +.claro .dijitButton.dijitButtonHover.btn-danger, +.claro .dijitButton.dijitFocused.btn-danger { + color: #ffffff; + background-color: #bd362f; + *background-color: #a9302a; +} +.claro .dijitButton.dijitButtonActive.btn-danger { + background-color: #942a25 \9; +} +.claro .dijitButton.dijitButtonActive.btn-danger { + color: rgba(255, 255, 255, 0.75); +} +.claro .dijitButton.btn-primary .dijitButtonText { + color: #ffffff; +} +.claro .dijitButton.btn-primary { + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #2883b3; + *background-color: #257aa7; + background-image: -moz-linear-gradient(top, #4ba6d8, #257aa7); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4ba6d8), to(#257aa7)); + background-image: -webkit-linear-gradient(top, #4ba6d8, #257aa7); + background-image: -o-linear-gradient(top, #4ba6d8, #257aa7); + background-image: linear-gradient(to bottom, #4ba6d8, #257aa7); + background-repeat: repeat-x; + border-color: #257aa7 #257aa7 #1d5f82; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); +} +.claro .dijitButton.dijitButtonDisabled.btn-primary, +.claro .dijitButton.dijitButtonActive.btn-primary, +.claro .dijitButton.dijitButtonHover.btn-primary, +.claro .dijitButton.dijitFocused.btn-primary { + color: #ffffff; + background-color: #257aa7; + *background-color: #1d6185; +} +.claro .dijitButton.dijitButtonActive.btn-primary { + background-color: #1f678d \9; +} +.claro .dijitButton.dijitButtonActive.btn-primary { + color: rgba(255, 255, 255, 0.75); +} +.claro .dijitDropDownButton { + margin: 0px; +} +.claro .dijitDropDownButton .dijitButtonNode { + padding: 0px; +} +.claro .dijitButton .dijitButtonNode, +.claro .dijitDropDownButton .dijitButtonNode, +.claro .dijitComboButton .dijitButtonNode, +.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode, +.claro .dijitToolbar .dijitComboButton, +.claro .dijitToolbar .dijitSelect.dijitDownArrowButton .dijitButtonNode, +.claro .dijitToolbar .dijitComboButton .dijitButtonNode { + background: none; + border-color: transparent; + box-shadow: none; +} +.claro button, +.claro input[type="submit"] { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; +} +.claro button, +.claro input[type="submit"], +.claro .dijitButton, +.claro .dijitDropDownButton .dijitDownArrowButton, +.claro .dijitComboButton { + display: inline-block; + padding: 4px 12px; + margin-bottom: 0; + font-size: 14px; + line-height: 20px; + color: #333333; + text-align: center; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); + vertical-align: middle; + cursor: pointer; + background-color: #f5f5f5; + background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); + background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); + background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); + background-repeat: repeat-x; + border: 1px solid #cccccc; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + border-bottom-color: #b3b3b3; + -webkit-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); +} +.claro button:hover, +.claro button:focus, +.claro button:active, +.claro input[type="submit"]:hover, +.claro input[type="submit"]:focus, +.claro input[type="submit"]:active, +.claro .dijitButton:hover, +.claro .dijitButton:focus, +.claro .dijitButton:active, +.claro .dijitDropDownButton .dijitDownArrowButton:hover, +.claro .dijitDropDownButton .dijitDownArrowButton:focus, +.claro .dijitDropDownButton .dijitDownArrowButton:active, +.claro .dijitComboButton:hover, +.claro .dijitComboButton:focus, +.claro .dijitComboButton:active, +.claro .dijitButton.dijitButtonDisabled { + color: #333333; + background-color: #e6e6e6; +} +.claro button:active, +.claro input[type="submit"]:active, +.claro .dijitButton:active, +.claro .dijitDropDownButton .dijitDownArrowButton:active, +.claro .dijitComboButton:active { + background-color: #cccccc \9; +} +.claro .dijitToolbar .dijitButton, +.claro .dijitToolbar .dijitButton.dijitHover, +.claro .dijitToolbar .dijitComboButton, +.claro .dijitToolbar .dijitDropDownButton .dijitDownArrowButton, +.claro .dijitToolbar .dijitComboButton.dijitHover { + background: none; + border-color: transparent; + box-shadow: none; + padding: 0px; + margin: 0px; + line-height: auto; + text-shadow: none; +} +.claro .dijitToolbar .dijitDropDownButton .dijitButtonText, +.claro .dijitToolbar .dijitDownArrowButton .dijitButtonText, +.claro .dijitToolbar .dijitComboButton .dijitButtonText { + padding: 0px; +} +.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode { + border-radius: 4px; +} +.claro .dijitToolbar .dijitButton.dijitHover, +.claro .dijitToolbar .dijitDropDownButton.dijitHover .dijitButtonNode, +.claro .dijitToolbar .dijitComboButton.dijitHover { + border-color: #ccc; +} +.claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode, +.claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode { + background: none; +} +.claro .dijitToolbar .dijitButton .dijitButtonContents, +.claro .dijitToolbar .dijitDropDownButton .dijitButtonContents, +.claro .dijitToolbar .dijitComboButton .dijitButtonContents { + font-size: 13px; +} +.claro button:hover, +.claro button:focus, +.claro input[type="submit"]:hover, +.claro input[type="submit"]:focus, +.claro .dijitButton:hover, +.claro .dijitDropDownButton .dijitDownArrowButton:hover, +.claro .dijitToolbar .dijitButton:hover .dijitButtonNode, +.claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode, +.claro .dijitButton:focus, +.claro .dijitComboButton:hover, +.claro .dijitComboButton:focus { + color: #333333; + text-decoration: none; + background-position: 0 -15px; + -webkit-transition: background-position 0.1s linear; + transition: background-position 0.1s linear; +} +.claro button:focus, +.claro input[type="submit"]:focus, +.claro .dijitButton:focus, +.claro .dijitDropDownButton .dijitDownArrowButton:focus, +.claro .dijitComboButton:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +.claro button:active, +.claro input[type="submit"]:active, +.claro .dijitButton:active, +.claro .dijitComboButton:active, +.claro .dijitToolbar .dijitDropDownButton.dijitOpened, +.claro .dijitToolbar .dijitComboButton.dijitOpened, +.claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode { + background-image: none; + outline: 0; + -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); +} +.claro input[type="submit"][disabled], +.claro button[disabled], +.claro .dijitButton[disabled], +.claro .dijitDropDownButton .dijitDownArrowButton[disabled], +.claro .dijitButton.dijitButtonDisabled, +.claro .dijitComboButton.dijitButtonDisabled { + cursor: default; + background-image: none; + opacity: 0.65; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + box-shadow: none; +} +.claro .dijitButton .dijitButtonContents, +.claro .dijitDropDownButton .dijitButtonContents, +.claro .dijitComboButton .dijitButtonContents { + font-size: 14px; + font-weight: normal; + line-height: 20px; +} +.claro .dijitButton.small .dijitButtonText { + font-size: 11px; +} +.claro .dijitMenu { + border-color: #257aa7; +} +.claro .dijitMenu .dijitMenuItemSelected, +.claro .dijitMenu .dijitMenuItemSelected td { + background: #257aa7; + color: white; + border-color: #257aa7; +} +.claro .dijitButton .dijitButtonNode, +.claro .dijitComboButton .dijitButtonNode { + padding: 0px; +} +.claro .dijitAccordionTitle.dijitAccordionTitleHover, +.claro .dijitAccordionTitle.dijitAccordionTitleFocused { + background: white; + transition: background 0.25s; +} +.claro .dijitAccordionTitle { + background: #f0f0f0; + transition: background 0.25s; +} +.claro .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected, +.claro .dijitAccordionTitle.dijitAccordionTitleSelected { + background: #257aa7; + transition: background 0.25s; +} +.claro .dijitAccordionTitle.dijitAccordionTitleSelected .dijitAccordionText { + color: white; +} +.claro .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected { + border-color: #257aa7; +} +.claro .dijitAccordionContainer .dijitAccordionChildWrapper { + border-color: #ddd; +} +.claro .dijitTabInner.dijitTab { + background: #f0f0f0; +} +.claro .dijitTabContent { + background: #eee; +} +.claro .dijitTabContent.dijitTabChecked, +.claro .dijitTabContent.dijitTabHover, +.claro .dijitTabContent.dijitFocused { + background: white; +} +.claro .dijitTabPaneWrapper, +.claro .dijitTabContainerTop-tabs, +.claro .dijitTab, +.claro .dijitAccordionInnerContainer { + border-color: #ddd; +} +.claro .dijitComboBox .dijitArrowButton, +.claro .dijitSelect .dijitArrowButton { + background: transparent; + border-color: transparent; +} +.claro .dijitSelect .dijitArrowButton .dijitArrowButtonInner { + margin-right: 5px; + float: right; +} +.claro select, +.claro .dijitDownArrowButton.dijitSelect { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + margin-bottom: 4px; +} +.claro .dijitSelect .dijitButtonContents { + display: inline-block; + height: 20px; + padding: 4px 6px; + font-size: 14px; + line-height: 20px; + color: #555555; + vertical-align: middle; + border-width: 0px; +} +.claro select, +.claro textarea, +.claro .input.input-text, +.claro .dijitTextBox { + display: inline-block; + height: 20px; + padding: 4px 6px; + font-size: 14px; + line-height: 20px; + color: #555555; + vertical-align: middle; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + margin-bottom: 4px; +} +.claro textarea { + height: auto; +} +.claro select, +.claro .input.input-text { + height: 30px; +} +.claro textarea, +.claro select, +.claro .input.input-text, +.claro .dijitTextBox, +.claro .dijitSelect { + background-color: #ffffff; + border: 1px solid #cccccc; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; + -moz-transition: border linear 0.2s, box-shadow linear 0.2s; + -o-transition: border linear 0.2s, box-shadow linear 0.2s; + transition: border linear 0.2s, box-shadow linear 0.2s; +} +.claro select:focus, +.claro .input.input-text:focus, +.claro .dijitTextBox.dijitFocused, +.claro .dijitSelect.dijitFocused { + border-color: rgba(82, 168, 236, 0.8); + outline: 0; + outline: thin dotted \9; + /* IE6-9 */ + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(37, 122, 167, 0.6); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(37, 122, 167, 0.6); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(37, 122, 167, 0.6); +} +.claro .dijitError .dijitValidationContainer { + padding: 0px; + width: 13px; + border-width: 1px; + display: none; +} +.claro .dijitSelect.dijitSelectDisabled { + background-color: #eeeeee; +} +.claro .dijitSelect.dijitSelectDisabled .dijitSelectLabel { + cursor: not-allowed; +} +.claro .dijitTextBox.dijitTextBoxDisabled, +.claro .dijitTextBox.dijitTextBoxDisabled .dijitInputInner, +.claro .dijitTextBox.dijitReadOnly, +.claro .dijitTextBox.dijitReadOnly .dijitInputInner { + cursor: not-allowed; + background-color: #eeeeee; +} +.claro .dijitToolbar .dijitDownArrowButton.dijitSelect { + border-color: rgba(0, 0, 0, 0.1); +} +.claro .dijitToolbar .dijitDownArrowButton.dijitSelect .dijitButtonContents { + padding: 2px 2px 0px 4px; +} +.claro .dijitToolbar .dijitDownArrowButton.dijitSelect { + margin: 0px; +} +.claro .dijitToolbar .dijitTextBox { + padding: 0px; + margin-bottom: 0px; + border-radius: 0px; +} +.claro .dijitDialog { + border-radius: 6px; +} +.claro .dijitDialog .dijitDialogCloseIcon { + margin-top: 5px; +} +.claro .dijitDialog .dijitDialogTitleBar { + background: white; + padding: 8px; + font-weight: 600; + color: #555555; + font-size: 16px; + text-rendering: optimizelegibility; + font-family: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif; +} +.claro .dijitDialog .dijitDialogPaneContent { + border-color: #ddd; + padding: 10px; +} +.claro .dijitProgressBar.dijitProgressBarEmpty { + background: #ddd; + border-color: #257aa7; +} +.claro .dijitProgressBar.dijitProgressBarEmpty .dijitProgressBarFull .dijitProgressBarTile { + background: #257aa7; +} +.claro .dijitProgressBar .dijitProgressBarLabel { + color: white; +} +body.ttrss_utility.sanity_failed { + background: #900; +} +body.ttrss_utility { + background: #f5f5f5; + color: black; + padding: 0px; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + margin-left: auto; + margin-right: auto; + max-width: 800px; +} +body.ttrss_utility form { + margin: 10px 0px 0px 0px; + padding: 0px; +} +body.ttrss_utility div.content { + overflow: hidden; + background: white; + border: 1px solid #ddd; + padding: 10px; + border-radius: 6px; + box-shadow: 0px 1px 1px -1px rgba(0, 0, 0, 0.1); +} +body.ttrss_utility p.warning { + color: red; +} +body.ttrss_utility p.query, +body.ttrss_utility code { + color: green; +} +body.ttrss_utility p.insensitive { + color: gray; +} +body.ttrss_utility div.insensitive-small { + color: gray; + font-size: 10px; +} +body.ttrss_utility .floatingLogo { + display: none; +} +body.ttrss_utility a { + color: #257aa7; + text-decoration: none; +} +body.ttrss_utility a:hover, +body.ttrss_utility a:focus { + color: #133d54; + text-decoration: underline; +} +body.ttrss_utility .alert { + padding: 8px 35px 8px 14px; + margin-bottom: 20px; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + background-color: #fcf8e3; + border: 1px solid #fbeed5; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +body.ttrss_utility .alert, +body.ttrss_utility .alert h4 { + color: #c09853; +} +body.ttrss_utility .alert h4 { + margin: 0; +} +body.ttrss_utility .alert .close { + position: relative; + top: -2px; + right: -21px; + line-height: 20px; + cursor: pointer; +} +body.ttrss_utility .alert-success { + color: #468847; + background-color: #dff0d8; + border-color: #d6e9c6; +} +body.ttrss_utility .alert-success h4 { + color: #468847; +} +body.ttrss_utility .alert-danger, +body.ttrss_utility .alert-error { + color: #b94a48; + background-color: #f2dede; + border-color: #eed3d7; +} +body.ttrss_utility .alert-danger h4, +body.ttrss_utility .alert-error h4 { + color: #b94a48; +} +body.ttrss_utility .alert-info { + color: #3a87ad; + background-color: #d9edf7; + border-color: #bce8f1; +} +body.ttrss_utility .alert-info h4 { + color: #3a87ad; +} +body.ttrss_utility h1 { + color: #257aa7; + font-size: 32px; + margin: 20px 0px 5px 0px; + text-shadow: 0 0 6px #fff; +} +body.ttrss_utility h2 { + color: #257aa7; + font-size: 14pt; + border-width: 0px 0px 1px 0px; + border-color: #f0f0f0; + border-style: solid; +} +body.ttrss_utility div.content > h2 { + margin-top: 0px; +} +body.ttrss_utility div.rss h1 { + border-width: 0px 0px 1px 0px; + border-color: gray; + border-style: dotted; + color: gray; +} +body.ttrss_utility div.rss h2 { + font-size: 12pt; +} +body.ttrss_utility div.rss a.extlink { + color: gray; + border-width: 0px 0px 1px 0px; + border-color: #778899; + border-style: dotted; + font-size: 9pt; +} +body.ttrss_utility div.rss img { + max-width: 775px; +} +body.ttrss_utility div.rss p.description { + color: gray; + font-size: 9pt; +} +body.ttrss_utility div.rss div.content { + margin-top: 0.5em; +} +body.ttrss_utility div.rss img.feedicon { + float: right; +} +body.ttrss_utility div.rss hr { + border-width: 0px 0px 1px 0px; + border-style: dashed; + border-color: #e0e0e0; +} +body.ttrss_utility div.autocomplete { + position: absolute; + width: 250px; + background-color: white; + border: 1px solid #778899; + margin: 0px; + padding: 0px; + z-index: 4; +} +body.ttrss_utility div.autocomplete ul { + list-style-type: none; + margin: 0px; + padding: 0px; + font-size: 10px; +} +body.ttrss_utility div.autocomplete ul li.selected { + background-color: #fff7d5; +} +body.ttrss_utility div.autocomplete ul li { + list-style-type: none; + display: block; + margin: 0; + padding: 2px; + height: 32px; + cursor: pointer; +} +body.ttrss_utility fieldset { + border-width: 0px; + padding: 0px 0px 5px 0px; + margin: 0px; +} +body.ttrss_utility fieldset input { + font-family: sans-serif; + font-size: medium; + border-spacing: 2px; + border: 1px solid #b5bcc7; + padding: 2px; +} +body.ttrss_utility fieldset label { + width: 120px; + margin-right: 20px; + display: inline-block; + text-align: right; + color: gray; +} +body.ttrss_utility body.otp { + margin: 1em; + padding: 0px; +} +body.ttrss_utility form.otpform { + margin: 0px; + padding: 0px; +} +body.ttrss_utility form.otpform label { + margin: 0px; + padding: 0px; +} +body.ttrss_utility body.otp div.content { + display: inline-block; + width: auto; +} +body.ttrss_utility span.hint { + font-size: 10px; + color: gray; +} +body.small_margins { + margin: 1em; + max-width: none; +} +body#sharepopup { + background: #ffffff url("../images/toolbar.png") repeat-x bottom; + 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%; +} +body.ttrss_zoom { + margin-left: auto; + margin-right: auto; + padding: 20px; + max-width: 800px; + background: #f5f5f5; +} +body.ttrss_zoom div.post { + border: 1px solid #ddd; + background: white; + box-shadow: 0px 1px 1px -1px rgba(0, 0, 0, 0.1); +} +body.ttrss_zoom div.post div.header { + margin: 10px; + padding-bottom: 10px; + border: 0px solid #eee; + border-bottom-width: 1px; + background: white; + font-size: 12px; + color: #555; +} +body.ttrss_zoom div.post div.header .author { + font-size: 11px; +} +body.ttrss_zoom div.post div.header div.feed-title { + float: left; + text-align: right; +} +body.ttrss_zoom div.post div.header a.comments { + text-align: right; +} +body.ttrss_zoom div.post div.header div.date { + float: none; + text-align: right; + margin-bottom: 5px; +} +body.ttrss_zoom div.post div.header div.tags img { + 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 p { + -webkit-hyphens: auto; + -moz-hyphens: auto; + hyphens: auto; +} +body.ttrss_zoom div.post div.footer { + margin-top: 1em; + text-align: center; +} +body.ttrss_zoom div.post div.content { + font-size: 15px; + line-height: 1.5; + padding: 10px; + border-width: 0px; +} +body.ttrss_zoom div.post div.content img, +body.ttrss_zoom div.post div.content video { + max-width: 760px; + height: auto; +} +body.ttrss_zoom div.post div.content blockquote { + margin: 5px 0px 5px 0px; + color: #555555; + padding-left: 10px; + border: 0px solid #ccc; + border-left-width: 4px; +} +body.ttrss_zoom div.post div.content code { + color: #009900; + font-family: monospace; + font-size: 12px; +} +body.ttrss_zoom div.post div.content pre { + margin: 5px 0px 5px 0px; + padding: 10px; + color: #555555; + font-family: monospace; + font-size: 12px; + border: 0px solid #ccc; + background: #f5f5f5; + display: block; + max-width: 98%; + overflow: auto; +} +:root { + --bg-main: #333; + --border-main: #666; + --border-dark: #222; + --bg-panel: #222; + --fg-main: #999; + --fg-light: #ccc; + --bg-active: #2a89bc; +} +/* main layout overrides */ +body.flat.ttrss_main.ttrss_index { + /* misc */ + /* feeds */ + /* headlines */ + /* other dijits */ +} +body.flat.ttrss_main.ttrss_index #feeds-holder { + background: var(--bg-panel); + box-shadow: inset -1px 0px 2px -1px var(--border-main); +} +body.flat.ttrss_main.ttrss_index #headlines-frame, +body.flat.ttrss_main.ttrss_index div.whiteBox { + border-color: var(--border-main); +} +body.flat.ttrss_main.ttrss_index #main, +body.flat.ttrss_main.ttrss_index #overlay { + background: var(--bg-main); + color: var(--fg-main); +} +body.flat.ttrss_main.ttrss_index #content-insert { + background: var(--bg-main); +} +body.flat.ttrss_main.ttrss_index #content-insert_splitter { + border-color: var(--border-main); + background: var(--bg-panel); +} +body.flat.ttrss_main.ttrss_index #feeds-holder_splitter { + border-color: var(--border-main); + background: var(--bg-main); +} +body.flat.ttrss_main.ttrss_index .insensitive { + color: var(--fg-light); +} +body.flat.ttrss_main.ttrss_index hr, +body.flat.ttrss_main.ttrss_index h1, +body.flat.ttrss_main.ttrss_index h2, +body.flat.ttrss_main.ttrss_index h3 { + border-color: var(--border-dark); +} +body.flat.ttrss_main.ttrss_index code { + color: #c90 ! important; +} +body.flat.ttrss_main.ttrss_index pre { + color: var(--fg-main); + background: var(--bg-panel) ! important; +} +body.flat.ttrss_main.ttrss_index #feeds-holder #feedTree .dijitTreeRow { + color: var(--fg-light) ! important; +} +body.flat.ttrss_main.ttrss_index #feeds-holder #feedTree.dijitTree .dijitTreeRowHover { + background: var(--bg-panel); + border-color: var(--border-main) transparent; +} +body.flat.ttrss_main.ttrss_index #feeds-holder #feedTree.dijitTree .dijitTreeRowSelected { + background: var(--bg-main); + border-color: var(--bg-main) transparent; +} +body.flat.ttrss_main.ttrss_index #feeds-holder #feedTree .dijitTreeRowSelected .dijitTreeLabel { + text-shadow: none; +} +body.flat.ttrss_main.ttrss_index #feeds-holder #feedTree .counterNode.aux { + background: var(--bg-panel); + color: var(--fg-main); + border-color: var(--bg-main); +} +body.flat.ttrss_main.ttrss_index #headlines-frame { + background: var(--bg-main); + color: var(--fg-light); +} +body.flat.ttrss_main.ttrss_index #main-toolbar { + background: var(--bg-panel); + border-color: var(--border-dark); +} +body.flat.ttrss_main.ttrss_index #main-toolbar .dijitButtonText { + color: var(--fg-light); +} +body.flat.ttrss_main.ttrss_index #main-toolbar .dijitSelect, +body.flat.ttrss_main.ttrss_index #main-toolbar .dijitSelect .dijitButtonText { + background: var(--bg-panel); +} +body.flat.ttrss_main.ttrss_index .hl .feed a, +body.flat.ttrss_main.ttrss_index .cdm .feed a { + color: white; +} +body.flat.ttrss_main.ttrss_index #headlines-frame .hl { + border-color: var(--border-dark); +} +body.flat.ttrss_main.ttrss_index #headlines-frame .hl:not(.Selected):not(.active) .title a { + color: var(--fg-main); +} +body.flat.ttrss_main.ttrss_index #headlines-frame .hl.Unread:not(.Selected):not(.active) .title a { + color: var(--fg-light); +} +body.flat.ttrss_main.ttrss_index .post .header { + background: var(--bg-panel); + border-color: var(--border-main); +} +body.flat.ttrss_main.ttrss_index .post .content, +body.flat.ttrss_main.ttrss_index .cdm .content-inner { + color: var(--fg-main); +} +body.flat.ttrss_main.ttrss_index .post .content img, +body.flat.ttrss_main.ttrss_index .cdm .content-inner img, +body.flat.ttrss_main.ttrss_index .post .content video, +body.flat.ttrss_main.ttrss_index .cdm .content-inner video { + transition: opacity 0.5s linear, filter 0.5s linear; +} +body.flat.ttrss_main.ttrss_index .post .content img:not(:hover), +body.flat.ttrss_main.ttrss_index .cdm .content-inner img:not(:hover), +body.flat.ttrss_main.ttrss_index .post .content video:not(:hover), +body.flat.ttrss_main.ttrss_index .cdm .content-inner video:not(:hover) { + opacity: 0.5; + filter: grayscale(80%); +} +body.flat.ttrss_main.ttrss_index div.cdm div.footer { + border-color: var(--border-dark); + color: var(--fg-light); +} +body.flat.ttrss_main.ttrss_index div.cdm .header a.title { + color: var(--fg-main); +} +body.flat.ttrss_main.ttrss_index div.cdm.Unread .header a.title { + color: var(--fg-light); +} +body.flat.ttrss_main.ttrss_index .cdm.expandable.active .header a.title, +body.flat.ttrss_main.ttrss_index .cdm.expanded.active .header a.title { + color: #2a89bc; +} +body.flat.ttrss_main.ttrss_index #headlines-frame .cdm { + border-color: var(--border-dark); +} +body.flat.ttrss_main.ttrss_index #headlines-frame .cdm .header .author { + color: var(--fg-main); +} +body.flat.ttrss_main.ttrss_index #headlines-frame .cdm.expandable { + background: var(--bg-main) ! important; +} +body.flat.ttrss_main.ttrss_index #headlines-frame .cdm.expandable.Selected { + background: var(--bg-active) ! important; +} +body.flat.ttrss_main.ttrss_index #headlines-frame .cdm.expandable.active { + background: var(--bg-main); +} +body.flat.ttrss_main.ttrss_index #headlines-frame .cdm.expanded.active { + background: var(--bg-main); +} +body.flat.ttrss_main.ttrss_index #content-insert blockquote, +body.flat.ttrss_main.ttrss_index #headlines-frame blockquote, +body.flat.ttrss_main.ttrss_index .dijitContentPane blockquote { + color: var(--fg-main); + border-color: var(--border-main); +} +body.flat.ttrss_main.ttrss_index .dijitInputField.dijitButtonText { + background: var(--bg-main); +} +body.flat.ttrss_main.ttrss_index .cdm .footer img { + opacity: 0.6; +} +body.flat.ttrss_main.ttrss_index #floatingTitle { + background: var(--bg-panel); + border-color: var(--border-main); +} +body.flat.ttrss_main.ttrss_index #floatingTitle * { + color: var(--fg-light) ! important; +} +body.flat.ttrss_main.ttrss_index .dijitMenu, +body.flat.ttrss_main.ttrss_index .dijitMenuTable, +body.flat.ttrss_main.ttrss_index .dijitMenu .dijitMenuItem td { + border-color: var(--bg-panel); + background: var(--bg-panel); + color: var(--fg-main); +} +body.flat.ttrss_main.ttrss_index .dijitMenu .dijitMenuItemSelected, +body.flat.ttrss_main.ttrss_index .dijitMenu .dijitMenuItemSelected td { + background: black; + color: white; +} +body.flat.ttrss_main.ttrss_index .dijitMenu .dijitMenuSeparator * { + border-bottom-color: var(--border-dark) ! important; +} +body.flat.ttrss_main.ttrss_index .articleNote { + background: var(--bg-panel); + border-color: #9a8c59; +} +body.flat.ttrss_main.ttrss_index ::-webkit-scrollbar { + width: 4px; +} +body.flat.ttrss_main.ttrss_index ::-webkit-scrollbar-thumb { + background-color: var(--border-main); +} +body.flat.ttrss_main.ttrss_index ::-webkit-scrollbar-track { + background-color: var(--bg-panel); } +/*# sourceMappingURL=night.css.map */
\ No newline at end of file |