valvin
/
ttrss
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

css updates; night theme fixes for changed CSS classes

This commit is contained in:
Andrew Dolgov 2018-11-30 17:42:38 +03:00
parent 87fe02dabb
commit 2e01a1d41d
4 changed files with 44 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
classes/feeds.php
View File

@ -402,7 +402,7 @@ class Feeds extends Handler_Protected {
$reply['content'] .= "<div class='hl hlMenuAttach $class' data-orig-feed-id='$feed_id' data-article-id='$id' id='RROW-$id' $mouseover_attrs>"; $reply['content'] .= "<div class='hl hlMenuAttach $class' data-orig-feed-id='$feed_id' data-article-id='$id' id='RROW-$id' $mouseover_attrs>";
$reply['content'] .= "<div class='hlLeft'>"; $reply['content'] .= "<div class='left'>";
$reply['content'] .= "<input dojoType=\"dijit.form.CheckBox\" $reply['content'] .= "<input dojoType=\"dijit.form.CheckBox\"
type=\"checkbox\" onclick=\"toggleSelectRow2(this)\" type=\"checkbox\" onclick=\"toggleSelectRow2(this)\"
@ -414,14 +414,14 @@ class Feeds extends Handler_Protected {
$reply['content'] .= "</div>"; $reply['content'] .= "</div>";
$reply['content'] .= "<div onclick='return hlClicked(event, $id)' $reply['content'] .= "<div onclick='return hlClicked(event, $id)'
class=\"title\"><span class='hlContent $hlc_suffix'>"; class=\"title\"><span class='hl-content $hlc_suffix'>";
$reply['content'] .= "<a class=\"title $hlc_suffix\" $reply['content'] .= "<a class=\"title $hlc_suffix\"
href=\"" . htmlspecialchars($line["link"]) . "\" href=\"" . htmlspecialchars($line["link"]) . "\"
onclick=\"\">" . onclick=\"\">" .
truncate_string($line["title"], 200); truncate_string($line["title"], 200);
if (get_pref('SHOW_CONTENT_PREVIEW')) { if (get_pref('SHOW_CONTENT_PREVIEW')) {
$reply['content'] .= "<span class=\"contentPreview\">" . $line["content_preview"] . "</span>"; $reply['content'] .= "<span class=\"preview\">" . $line["content_preview"] . "</span>";
} }
$reply['content'] .= "</a></span>"; $reply['content'] .= "</a></span>";
@ -440,12 +440,12 @@ class Feeds extends Handler_Protected {
} }
$reply['content'] .= "<span class=\"hlUpdated\">"; $reply['content'] .= "<span class=\"updated\">";
$reply['content'] .= "<div title='$date_entered_fmt'>$updated_fmt</div> $reply['content'] .= "<div title='$date_entered_fmt'>$updated_fmt</div>
</span>"; </span>";
$reply['content'] .= "<div class=\"hlRight\">"; $reply['content'] .= "<div class=\"right\">";
$reply['content'] .= $score_pic; $reply['content'] .= $score_pic;

2
css/default.css
View File

File diff suppressed because one or more lines are too long

30
css/tt-rss.less
View File

@ -233,20 +233,20 @@ body.ttrss_main {
padding: 4px 6px; padding: 4px 6px;
} }
div.hlLeft { div.left {
display : table-cell; display : table-cell;
vertical-align : middle; vertical-align : middle;
white-space: nowrap; white-space: nowrap;
} }
div.hlRight { div.right {
display : table-cell; display : table-cell;
white-space: nowrap; white-space: nowrap;
text-align : right; text-align : right;
vertical-align : middle; vertical-align : middle;
} }
div.hlRight img { div.right img {
max-width : 16px; max-width : 16px;
max-height : 16px; max-height : 16px;
} }
@ -272,7 +272,7 @@ body.ttrss_main {
color : @color-accent; color : @color-accent;
} }
span.hlUpdated { span.updated {
color : @default-text; color : @default-text;
display : table-cell; display : table-cell;
vertical-align : middle; vertical-align : middle;
@ -282,24 +282,24 @@ body.ttrss_main {
padding-left : 10px; padding-left : 10px;
} }
span.hlUpdated div { span.updated div {
display : inline-block; display : inline-block;
} }
div.hlLeft { div.left {
padding-left : 8px; padding-left : 8px;
} }
div.hlLeft input { div.left input {
margin-left : 4px; margin-left : 4px;
margin-right : 4px; margin-right : 4px;
} }
div.hlLeft img, div.hlRight img { div.left img, div.right img {
margin : 0px 4px; margin : 0px 4px;
} }
div.hlLeft img { div.left img {
width : 16px; width : 16px;
height : 16px; height : 16px;
} }
@ -311,17 +311,17 @@ body.ttrss_main {
color : #777; color : #777;
} }
a.title.high, span.hlContent.high .contentPreview { a.title.high, span.hl-content.high .preview {
color : #00aa00; color : #00aa00;
} }
} }
.hl.Unread a.title.high, .hl.Unread span.hlContent.high .contentPreview { .hl.Unread a.title.high, .hl.Unread span.hl-content.high .preview {
color : #00dd00; color : #00dd00;
} }
.hl a.title.low, span.hlContent.low .contentPreview, .hl a.title.low, span.hl-content.low .preview,
.hl.Unread a.title.low, .hl.Unread span.hlContent.low .contentPreview { .hl.Unread a.title.low, .hl.Unread span.hl-content.low .preview {
color : #909090; color : #909090;
text-decoration : line-through; text-decoration : line-through;
} }
@ -346,7 +346,7 @@ body.ttrss_main {
a, a,
.feed a, .feed a,
.hlContent a.title, .hl-content a.title,
span { span {
color : white; color : white;
} }
@ -541,7 +541,7 @@ body.ttrss_main {
} }
span.contentPreview { span.preview {
color : #999; color : #999;
font-weight : normal; font-weight : normal;
font-size : 12px; font-size : 12px;

39
themes/night.css
View File

@ -73,12 +73,13 @@ body.claro.ttrss_main #overlay {
color : #ccc; color : #ccc;
} }
body.claro.ttrss_main .hlFeed a { body.claro.ttrss_main .hl .feed a,
body.claro.ttrss_main .cdm .feed a {
color : white; color : white;
} }
body.claro.ttrss_main div.cdm.expanded div.cdmFooter, body.claro.ttrss_main div.cdm.expanded div.footer,
body.claro.ttrss_main div.cdm.expandable div.cdmFooter { body.claro.ttrss_main div.cdm.expandable div.footer {
border-color : #666; border-color : #666;
color : #ccc; color : #ccc;
} }
@ -87,12 +88,12 @@ body.claro.ttrss_main div.cdm.expandable.Selected {
background : #6280AD; background : #6280AD;
} }
body.claro.ttrss_main div.cdm.expanded.Unread div.cdmHeader a.title, body.claro.ttrss_main div.cdm.expanded.Unread .header a.title,
body.claro.ttrss_main div.cdm.expandable.Unread a.title { body.claro.ttrss_main div.cdm.expandable.Unread a.title {
color : #ccc; color : #ccc;
} }
body.claro.ttrss_main div.cdm.expanded div.cdmHeader a.title, body.claro.ttrss_main div.cdm.expanded .header a.title,
body.claro.ttrss_main div.cdm.expandable a.title { body.claro.ttrss_main div.cdm.expandable a.title {
color : #aaa; color : #aaa;
} }
@ -107,21 +108,27 @@ body.claro.ttrss_main .cdm.active {
background : transparent ! important; background : transparent ! important;
} }
body.claro.ttrss_main .cdm .cdmContentInner, body.claro.ttrss_main .cdm .content-inner,
body.claro.ttrss_main .cdm .titleWrap { body.claro.ttrss_main .cdm .titleWrap {
color : #bbb; color : #bbb;
} }
#content-insert blockquote, #headlines-frame blockquote, .dijitContentPane blockquote { body.claro.ttrss_main #content-insert blockquote,
body.claro.ttrss_main #headlines-frame blockquote,
body.claro.ttrss_main .dijitContentPane blockquote {
color : #999; color : #999;
border-color : #666; border-color : #666;
} }
#content-insert code, #headlines-frame code, .dijitContentPane code { body.claro.ttrss_main #content-insert code,
body.claro.ttrss_main #headlines-frame code,
body.claro.ttrss_main .dijitContentPane code {
color : #009900; color : #009900;
} }
#content-insert pre, #headlines-frame pre, .dijitContentPane pre { body.claro.ttrss_main #content-insert pre,
body.claro.ttrss_main #headlines-frame pre,
body.claro.ttrss_main.dijitContentPane pre {
color : #999; color : #999;
background : black; background : black;
} }
@ -130,21 +137,21 @@ body.claro.ttrss_main .dijitInputField.dijitButtonText {
background : #333; background : #333;
} }
body.claro.ttrss_main .cdm .cdmContentInner img, /*body.claro.ttrss_main .cdm .content-inner img,
body.claro.ttrss_main .cdm img.tinyFeedIcon, body.claro.ttrss_main .cdm img.tinyFeedIcon,
body.claro.ttrss_main .cdm .cdmFooter img, body.claro.ttrss_main .cdm .footer img,
body.claro.ttrss_main #feedTree img, body.claro.ttrss_main #feedTree img,
body.claro.ttrss_main .postContent img { body.claro.ttrss_main .post .content img {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); // firefox lol filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); // firefox lol
filter: grayscale(1); filter: grayscale(1);
-webkit-filter: grayscale(1); -webkit-filter: grayscale(1);
} }*/
body.claro.ttrss_main .hl img.hlScorePic { body.claro.ttrss_main .hl img.hlScorePic {
opacity : 0.5; opacity : 0.5;
} }
body.claro.ttrss_main .cdm .cdmFooter img { body.claro.ttrss_main .cdm .footer img {
opacity : 0.6; opacity : 0.6;
} }
@ -174,7 +181,7 @@ body.claro.ttrss_main .hl {
border-color : #666; border-color : #666;
} }
body.claro.ttrss_main .hl .hlTitle a { body.claro.ttrss_main .hl .hl-title a {
color : #ccc; color : #ccc;
} }
@ -183,7 +190,7 @@ body.claro.ttrss_main .hl.active {
background : #6280AD ! important; background : #6280AD ! important;
} }
body.claro.ttrss_main .postHeader { body.claro.ttrss_main .post .header {
background : #333; background : #333;
border-color : #666; border-color : #666;
} }