summaryrefslogtreecommitdiff
path: root/css/default.css
diff options
context:
space:
mode:
Diffstat (limited to 'css/default.css')
-rw-r--r--css/default.css767
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
generated by cgit v1.2.3 (git 2.25.1) at 2024-08-14 03:48:21 +0000