mirror/FreshRSS
0
0
Fork 0
mirror of https://github.com/FreshRSS/FreshRSS.git synced 2026-05-19 05:44:39 -04:00
Code Issues Packages Projects Releases Wiki Activity

new: reader view: footer has manage icons (#7133)

Browse Source 
* add footer

* rename content thin medium large class

* rework css

* footer improved
This commit is contained in:
maTh
2024-12-26 19:05:18 +01:00
committed by GitHub
parent 84f75e487c
commit 1d10b3697d
30 changed files with 236 additions and 193 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/views/feed/contentSelectorPreview.phtml
View File

@@ -40,7 +40,7 @@
</label>
</div>
<div class="content large">
<div class="content content_large">
<div dir="auto" id="freshrss_rendered_view"><?= $this->htmlContent ?></div>
<pre id="freshrss_raw_view" hidden="hidden"> <?= htmlspecialchars($this->htmlContent) ?></pre>
</div>

227
app/views/helpers/index/article.phtml
View File

@@ -8,129 +8,160 @@
return;
}
?>
<article class="flux_content" dir="auto">
<div class="content <?= FreshRSS_Context::userConf()->content_width ?>">
<header>
<?php
$favoriteUrl = ['c' => 'entry', 'a' => 'bookmark', 'params' => ['id' => $entry->id()]];
if ($entry->isFavorite()) {
$favoriteUrl['params']['is_favorite'] = '0';
}
$readUrl = ['c' => 'entry', 'a' => 'read', 'params' => ['id' => $entry->id()]];
if ($entry->isRead()) {
$readUrl['params']['is_read'] = '0';
}
?>
<div class="article-header-topline horizontal-list">
<?php if (FreshRSS_Auth::hasAccess()) { ?>
<?php if (FreshRSS_Context::userConf()->topline_read && FreshRSS_Context::userConf()->show_article_icons == 't') { ?>
<div class="item manage">
<a class="read" href="<?= Minz_Url::display($readUrl) ?>" title="<?= _t('conf.shortcut.mark_read') ?>"><?= _i($entry->isRead() ? 'read' : 'unread') ?></a>
</div>
<?php } ?>
<?php if (FreshRSS_Context::userConf()->topline_favorite && FreshRSS_Context::userConf()->show_article_icons == 't') { ?>
<div class="item manage">
<a class="bookmark" href="<?= Minz_Url::display($favoriteUrl) ?>" title="<?= _t('conf.shortcut.mark_favorite') ?>"><?= _i($entry->isFavorite() ? 'starred' : 'non-starred') ?></a>
</div>
<?php } ?>
<?php } ?>
<div class="item">
<?php if (FreshRSS_Context::userConf()->show_feed_name === 't') { ?>
<a class="website" href="<?= _url('index', 'reader', 'get', 'f_' . $feed->id()) ?>" title="<?= _t('gen.action.filter') ?>">
<?php if (FreshRSS_Context::userConf()->show_favicons): ?>
<img class="favicon" src="<?= $feed->favicon() ?>" alt="✇" loading="lazy" /><?php
endif; ?><span><?= $feed->name() ?></span></a>
<?php } ?>
</div>
<article class="flux_content content_<?= FreshRSS_Context::userConf()->content_width ?>" dir="auto">
<div class="content">
<header>
<?php
if (FreshRSS_Context::userConf()->topline_link && FreshRSS_Context::userConf()->show_article_icons == 't') { ?>
<div class="item link">
<a target="_blank" rel="noreferrer" href="<?= $entry->link() ?>" class="item-element" title="<?= _t('conf.shortcut.see_on_website') ?>"><?= _i('link') ?></a>
</div>
<?php } ?>
</div>
<?php
if (in_array(FreshRSS_Context::userConf()->show_tags, ['b', 'h'], true)) {
$this->renderHelper('index/tags');
}
?>
<h1 class="title"><a target="_blank" rel="noreferrer" class="go_website" href="<?= $entry->link() ?>"><?= $entry->title() ?></a></h1>
<?php if (in_array(FreshRSS_Context::userConf()->show_author_date, ['h','b'], true)) { ?>
<div class="subtitle horizontal-list">
$favoriteUrl = ['c' => 'entry', 'a' => 'bookmark', 'params' => ['id' => $entry->id()]];
if ($entry->isFavorite()) {
$favoriteUrl['params']['is_favorite'] = '0';
}
$readUrl = ['c' => 'entry', 'a' => 'read', 'params' => ['id' => $entry->id()]];
if ($entry->isRead()) {
$readUrl['params']['is_read'] = '0';
}
?>
<div class="article-header-topline horizontal-list">
<?php if (FreshRSS_Auth::hasAccess()) { ?>
<?php if (FreshRSS_Context::userConf()->topline_read && FreshRSS_Context::userConf()->show_article_icons == 'a') { ?>
<?php if (FreshRSS_Context::userConf()->topline_read && FreshRSS_Context::userConf()->show_article_icons == 't') { ?>
<div class="item manage">
<a class="read" href="<?= Minz_Url::display($readUrl) ?>" title="<?= _t('conf.shortcut.mark_read') ?>"><?= _i($entry->isRead() ? 'read' : 'unread') ?></a>
</div>
<?php } ?>
<?php if (FreshRSS_Context::userConf()->topline_favorite && FreshRSS_Context::userConf()->show_article_icons == 'a') { ?>
<?php if (FreshRSS_Context::userConf()->topline_favorite && FreshRSS_Context::userConf()->show_article_icons == 't') { ?>
<div class="item manage">
<a class="bookmark" href="<?= Minz_Url::display($favoriteUrl) ?>" title="<?= _t('conf.shortcut.mark_favorite') ?>"><?= _i($entry->isFavorite() ? 'starred' : 'non-starred') ?></a>
</div>
<?php } ?>
<?php } ?>
<div class="item">
<?php if (FreshRSS_Context::userConf()->show_feed_name === 'a') { ?>
<span class="website"><a href="<?= $this->internal_rendering ? $feed->website() : _url('index', 'reader', 'get', 'f_' . $feed->id()) ?>" title="<?= _t('gen.action.filter') ?>">
<?php if (FreshRSS_Context::userConf()->show_feed_name === 't') { ?>
<a class="website" href="<?= _url('index', 'reader', 'get', 'f_' . $feed->id()) ?>" title="<?= _t('gen.action.filter') ?>">
<?php if (FreshRSS_Context::userConf()->show_favicons): ?>
<img class="favicon" src="<?= $feed->favicon() ?>" alt="✇" loading="lazy" /><?php
endif; ?><span><?= $feed->name() ?></span></a></span>
<?php }
if (!empty($entry->authors())) {
$this->renderHelper('index/authors');
if ($this->feed === null || $this->entry === null) {
throw new Exception('Unexpected side effect!'); // Should never occur. Only for PHPStan
}
}
?>
</div>
<div class="item date">
<time datetime="<?= $entry->machineReadableDate() ?>"><?= $entry->date() ?></time>
endif; ?><span><?= $feed->name() ?></span></a>
<?php } ?>
</div>
<?php
if (FreshRSS_Context::userConf()->topline_link && FreshRSS_Context::userConf()->show_article_icons == 'a') { ?>
if (FreshRSS_Context::userConf()->topline_link && FreshRSS_Context::userConf()->show_article_icons == 't') { ?>
<div class="item link">
<a target="_blank" rel="noreferrer" href="<?= $entry->link() ?>" class="item-element" title="<?= _t('conf.shortcut.see_on_website') ?>"><?= _i('link') ?></a>
</div>
<?php } ?>
</div>
<?php } ?>
</header>
<div class="text">
<?= $entry->content(true) ?>
</div>
<?php
$display_authors_date = in_array(FreshRSS_Context::userConf()->show_author_date, ['b', 'f'], true);
$display_tags = in_array(FreshRSS_Context::userConf()->show_tags, ['b', 'f'], true);
if ($display_authors_date || $display_tags) {
?>
<footer>
<?php if ($display_authors_date) { ?>
<div class="subtitle">
<?php if (FreshRSS_Context::userConf()->show_feed_name === 'a') { ?>
<div class="website"><a href="<?= _url('index', 'reader', 'get', 'f_' . $feed->id()) ?>" title="<?= _t('gen.action.filter') ?>">
<?php if (FreshRSS_Context::userConf()->show_favicons): ?>
<img class="favicon" src="<?= $feed->favicon() ?>" alt="✇" loading="lazy" /><?php
endif; ?><span><?= $feed->name() ?></span></a></div>
<?php }
$this->renderHelper('index/authors');
?>
<div class="date">
<?php
if (in_array(FreshRSS_Context::userConf()->show_tags, ['b', 'h'], true)) {
$this->renderHelper('index/tags');
}
?>
<h1 class="title"><a target="_blank" rel="noreferrer" class="go_website" href="<?= $entry->link() ?>"><?= $entry->title() ?></a></h1>
<?php if (in_array(FreshRSS_Context::userConf()->show_author_date, ['h','b'], true)) { ?>
<div class="subtitle horizontal-list">
<?php if (FreshRSS_Auth::hasAccess()) { ?>
<?php if (FreshRSS_Context::userConf()->topline_read && FreshRSS_Context::userConf()->show_article_icons == 'a') { ?>
<div class="item manage">
<a class="read" href="<?= Minz_Url::display($readUrl) ?>" title="<?= _t('conf.shortcut.mark_read') ?>"><?= _i($entry->isRead() ? 'read' : 'unread') ?></a>
</div>
<?php } ?>
<?php if (FreshRSS_Context::userConf()->topline_favorite && FreshRSS_Context::userConf()->show_article_icons == 'a') { ?>
<div class="item manage">
<a class="bookmark" href="<?= Minz_Url::display($favoriteUrl) ?>" title="<?= _t('conf.shortcut.mark_favorite') ?>"><?= _i($entry->isFavorite() ? 'starred' : 'non-starred') ?></a>
</div>
<?php } ?>
<?php } ?>
<div class="item">
<?php if (FreshRSS_Context::userConf()->show_feed_name === 'a') { ?>
<span class="website"><a href="<?= $this->internal_rendering ? $feed->website() : _url('index', 'reader', 'get', 'f_' . $feed->id()) ?>" title="<?= _t('gen.action.filter') ?>">
<?php if (FreshRSS_Context::userConf()->show_favicons): ?>
<img class="favicon" src="<?= $feed->favicon() ?>" alt="✇" loading="lazy" /><?php
endif; ?><span><?= $feed->name() ?></span></a></span>
<?php }
if (!empty($entry->authors())) {
$this->renderHelper('index/authors');
if ($this->feed === null || $this->entry === null) {
throw new Exception('Unexpected side effect!'); // Should never occur. Only for PHPStan
}
}
?>
</div>
<div class="item date">
<time datetime="<?= $entry->machineReadableDate() ?>"><?= $entry->date() ?></time>
</div>
<?php
if (FreshRSS_Context::userConf()->topline_link && FreshRSS_Context::userConf()->show_article_icons == 'a') { ?>
<div class="item link">
<a target="_blank" rel="noreferrer" href="<?= $entry->link() ?>" class="item-element" title="<?= _t('conf.shortcut.see_on_website') ?>"><?= _i('link') ?></a>
</div>
<?php } ?>
</div>
<?php } ?>
</header>
<div class="text">
<?= $entry->content(true) ?>
</div>
<?php
$display_authors_date = in_array(FreshRSS_Context::userConf()->show_author_date, ['b', 'f'], true);
$display_tags = in_array(FreshRSS_Context::userConf()->show_tags, ['b', 'f'], true);
if ($display_authors_date || $display_tags) {
?>
<footer>
<?php if ($display_authors_date) { ?>
<div class="subtitle">
<?php if (FreshRSS_Context::userConf()->show_feed_name === 'a') { ?>
<div class="website"><a href="<?= _url('index', 'reader', 'get', 'f_' . $feed->id()) ?>" title="<?= _t('gen.action.filter') ?>">
<?php if (FreshRSS_Context::userConf()->show_favicons): ?>
<img class="favicon" src="<?= $feed->favicon() ?>" alt="✇" loading="lazy" /><?php
endif; ?><span><?= $feed->name() ?></span></a></div>
<?php }
$this->renderHelper('index/authors');
?>
<div class="date">
<time datetime="<?= $entry->machineReadableDate() ?>"><?= $entry->date() ?></time>
</div>
</div>
<?php
}
if ($display_tags) {
$this->renderHelper('index/tags');
}
?>
</footer>
<?php
} ?>
</div>
<footer>
<ul class="horizontal-list bottom">
<?php if (FreshRSS_Auth::hasAccess()) { ?>
<?php if (FreshRSS_Context::userConf()->bottomline_read) { ?>
<li class="item manage">
<a class="read" href="<?= Minz_Url::display($readUrl) ?>" title="<?= _t('conf.shortcut.mark_read') ?>"><?= _i($entry->isRead() ? 'read' : 'unread') ?></a>
</li>
<?php } ?>
<?php if (FreshRSS_Context::userConf()->bottomline_favorite) { ?>
<li class="item manage">
<a class="bookmark" href="<?= Minz_Url::display($favoriteUrl) ?>" title="<?= _t('conf.shortcut.mark_favorite') ?>"><?= _i($entry->isFavorite() ? 'starred' : 'non-starred') ?></a>
</li>
<?php } ?>
<?php } ?>
<li class="item share"></li>
<?php
if (FreshRSS_Context::userConf()->bottomline_date) {
?>
<li class="item date">
<time datetime="<?= $entry->machineReadableDate() ?>" class="item-element"><?= $entry->date() ?></time>&nbsp;
</li>
<?php
}
if ($display_tags) {
$this->renderHelper('index/tags');
}
?>
</footer>
<?php
} ?>
</div>
if (FreshRSS_Context::userConf()->bottomline_link) { ?>
<li class="item link">
<a target="_blank" rel="noreferrer" href="<?= $entry->link() ?>" class="item-element" title="<?= _t('conf.shortcut.see_on_website') ?>"><?= _i('link') ?></a>
</li>
<?php } ?>
</ul>
</footer>
</article>

2
app/views/index/normal.phtml
View File

@@ -96,7 +96,7 @@ $today = @strtotime('today');
throw new Exception('Unexpected side effect!'); // Should never occur. Only for PHPStan
}
?><article class="flux_content" dir="auto">
<div class="content <?= FreshRSS_Context::userConf()->content_width ?>">
<div class="content content_<?= FreshRSS_Context::userConf()->content_width ?>">
<header>
<?php if (FreshRSS_Context::userConf()->show_feed_name === 't') { ?>
<div class="website"><a href="<?= _url('index', 'index', 'get', 'f_' . $this->feed->id()) ?>" title="<?= _t('gen.action.filter') ?>">

2
p/themes/Alternative-Dark/adark.css
View File

@@ -943,7 +943,7 @@ kbd {
background: inherit !important;
}
#stream.reader .flux .content {
#stream.reader .flux .flux_content {
background-color: var(--background-color-middle);
border-color: var(--border-color-dark);
}

2
p/themes/Alternative-Dark/adark.rtl.css
View File

@@ -943,7 +943,7 @@ kbd {
background: inherit !important;
}
#stream.reader .flux .content {
#stream.reader .flux .flux_content {
background-color: var(--background-color-middle);
border-color: var(--border-color-dark);
}

2
p/themes/Ansum/_layout.scss
View File

@@ -235,7 +235,7 @@ main.prompt {
/*=== Content of feed articles */
.content, .content.thin {
.content, .content_thin {
padding: 20px 10px;
font-size: 1.125rem;

2
p/themes/Ansum/_reader-view.scss
View File

@@ -8,7 +8,7 @@
color: variables.$main-font-color;
border: none;
.content {
.flux_content {
background-color: variables.$white;
border: none;

30
p/themes/Ansum/ansum.css
View File

@@ -878,51 +878,51 @@ main.prompt {
}
/*=== Content of feed articles */
.content, .content.thin {
.content, .content_thin {
padding: 20px 10px;
font-size: 1.125rem;
line-height: 1.8rem;
}
.content h1.title a, .content h1 a, .content.thin h1.title a, .content.thin h1 a {
.content h1.title a, .content h1 a, .content_thin h1.title a, .content_thin h1 a {
color: #363330;
font-family: "spectral", serif;
font-size: 2rem;
}
.content h1.title a:hover, .content h1 a:hover, .content.thin h1.title a:hover, .content.thin h1 a:hover {
.content h1.title a:hover, .content h1 a:hover, .content_thin h1.title a:hover, .content_thin h1 a:hover {
color: #ca7227;
text-decoration: none;
}
.content .author, .content.thin .author {
.content .author, .content_thin .author {
color: #6d655f;
font-size: 1.125rem;
}
.content p, .content ul, .content.thin p, .content.thin ul {
.content p, .content ul, .content_thin p, .content_thin ul {
font-size: 1.125rem;
line-height: 1.8rem;
}
.content .content hr, .content.thin .content hr {
.content .content hr, .content_thin .content hr {
margin: 30px 10px;
background: #e4d8cc;
height: 1px;
border: 0;
box-shadow: 0 2px 5px #ccc;
}
.content pre, .content.thin pre {
.content pre, .content_thin pre {
background: #221f1d;
color: #fff;
border-radius: 3px;
}
.content pre code, .content.thin pre code {
.content pre code, .content_thin pre code {
background: transparent;
color: #fff;
border: none;
}
.content code, .content.thin code {
.content code, .content_thin code {
background: #fcfaf8;
border-color: #f5f0ec;
border-radius: 3px;
}
.content blockquote, .content.thin blockquote {
.content blockquote, .content_thin blockquote {
margin: 0;
padding: 5px 20px;
background: #fcfaf8;
@@ -931,7 +931,7 @@ main.prompt {
border-top: 1px solid #e4d8cc;
border-bottom: 1px solid #e4d8cc;
}
.content blockquote p, .content.thin blockquote p {
.content blockquote p, .content_thin blockquote p {
margin: 0;
}
@@ -1114,11 +1114,11 @@ main.prompt {
color: #363330;
border: none;
}
#stream.reader .flux .content {
#stream.reader .flux .flux_content {
background-color: #fff;
border: none;
}
#stream.reader .flux .content .author {
#stream.reader .flux .flux_content .author {
color: #ba9;
}
@@ -1332,6 +1332,4 @@ body.register {
a, button.as-link {
outline: none;
color: #ca7227;
}
/*# sourceMappingURL=ansum.css.map */
}

28
p/themes/Ansum/ansum.rtl.css
View File

@@ -878,51 +878,51 @@ main.prompt {
}
/*=== Content of feed articles */
.content, .content.thin {
.content, .content_thin {
padding: 20px 10px;
font-size: 1.125rem;
line-height: 1.8rem;
}
.content h1.title a, .content h1 a, .content.thin h1.title a, .content.thin h1 a {
.content h1.title a, .content h1 a, .content_thin h1.title a, .content_thin h1 a {
color: #363330;
font-family: "spectral", serif;
font-size: 2rem;
}
.content h1.title a:hover, .content h1 a:hover, .content.thin h1.title a:hover, .content.thin h1 a:hover {
.content h1.title a:hover, .content h1 a:hover, .content_thin h1.title a:hover, .content_thin h1 a:hover {
color: #ca7227;
text-decoration: none;
}
.content .author, .content.thin .author {
.content .author, .content_thin .author {
color: #6d655f;
font-size: 1.125rem;
}
.content p, .content ul, .content.thin p, .content.thin ul {
.content p, .content ul, .content_thin p, .content_thin ul {
font-size: 1.125rem;
line-height: 1.8rem;
}
.content .content hr, .content.thin .content hr {
.content .content hr, .content_thin .content hr {
margin: 30px 10px;
background: #e4d8cc;
height: 1px;
border: 0;
box-shadow: 0 2px 5px #ccc;
}
.content pre, .content.thin pre {
.content pre, .content_thin pre {
background: #221f1d;
color: #fff;
border-radius: 3px;
}
.content pre code, .content.thin pre code {
.content pre code, .content_thin pre code {
background: transparent;
color: #fff;
border: none;
}
.content code, .content.thin code {
.content code, .content_thin code {
background: #fcfaf8;
border-color: #f5f0ec;
border-radius: 3px;
}
.content blockquote, .content.thin blockquote {
.content blockquote, .content_thin blockquote {
margin: 0;
padding: 5px 20px;
background: #fcfaf8;
@@ -931,7 +931,7 @@ main.prompt {
border-top: 1px solid #e4d8cc;
border-bottom: 1px solid #e4d8cc;
}
.content blockquote p, .content.thin blockquote p {
.content blockquote p, .content_thin blockquote p {
margin: 0;
}
@@ -1114,11 +1114,11 @@ main.prompt {
color: #363330;
border: none;
}
#stream.reader .flux .content {
#stream.reader .flux .flux_content {
background-color: #fff;
border: none;
}
#stream.reader .flux .content .author {
#stream.reader .flux .flux_content .author {
color: #ba9;
}
@@ -1332,4 +1332,4 @@ body.register {
a, button.as-link {
outline: none;
color: #ca7227;
}
}

2
p/themes/Dark/dark.css
View File

@@ -543,7 +543,7 @@ button.as-link[disabled] {
background-color: var(--dark-background-color2);
}
#stream.reader .flux .content {
#stream.reader .flux .flux_content {
background-color: var(--dark-background-color1);
border: none;
}

2
p/themes/Dark/dark.rtl.css
View File

@@ -543,7 +543,7 @@ button.as-link[disabled] {
background-color: var(--dark-background-color2);
}
#stream.reader .flux .content {
#stream.reader .flux .flux_content {
background-color: var(--dark-background-color1);
border: none;
}

2
p/themes/Flat/flat.css
View File

@@ -850,7 +850,7 @@ th {
border: none;
}
#stream.reader .flux .content {
#stream.reader .flux .flux_content {
background-color: #fff;
border-color: #ecf0f1;
}

2
p/themes/Flat/flat.rtl.css
View File

@@ -850,7 +850,7 @@ th {
border: none;
}
#stream.reader .flux .content {
#stream.reader .flux .flux_content {
background-color: #fff;
border-color: #ecf0f1;
}

2
p/themes/Mapco/_layout.scss
View File

@@ -247,7 +247,7 @@ main.prompt {
}
/*=== Content of feed articles */
.content, .content.thin {
.content, .content_thin {
padding: 20px 10px;
font-size: 1.125rem;

2
p/themes/Mapco/_reader-view.scss
View File

@@ -8,7 +8,7 @@
color: variables.$main-font-color;
border: none;
.content {
.flux_content {
background-color: variables.$white;
border: none;

30
p/themes/Mapco/mapco.css
View File

@@ -898,52 +898,52 @@ main.prompt {
}
/*=== Content of feed articles */
.content, .content.thin {
.content, .content_thin {
padding: 20px 10px;
font-size: 1.125rem;
line-height: 1.8rem;
}
.content h1.title a, .content h1 a, .content.thin h1.title a, .content.thin h1 a {
.content h1.title a, .content h1 a, .content_thin h1.title a, .content_thin h1 a {
color: #303136;
font-family: "spectral", serif;
font-size: 2rem;
}
.content h1.title a:hover, .content h1 a:hover, .content.thin h1.title a:hover, .content.thin h1 a:hover {
.content h1.title a:hover, .content h1 a:hover, .content_thin h1.title a:hover, .content_thin h1 a:hover {
color: #36c;
text-decoration: none;
}
.content .author, .content.thin .author {
.content .author, .content_thin .author {
color: #5b6871;
font-size: 1.125rem;
}
.content p, .content ul, .content.thin p, .content.thin ul {
.content p, .content ul, .content_thin p, .content_thin ul {
font-size: 1.125rem;
line-height: 1.8rem;
}
.content .content hr, .content.thin .content hr {
.content .content hr, .content_thin .content hr {
margin: 30px 10px;
background: #d5d8db;
height: 1px;
border: 0;
box-shadow: 0 2px 5px #ccc;
}
.content pre, .content.thin pre {
.content pre, .content_thin pre {
background: #1d1e22;
color: #fff;
border-radius: 3px;
}
.content pre code, .content.thin pre code {
.content pre code, .content_thin pre code {
background: transparent;
color: #fff;
border: none;
}
.content code, .content.thin code {
.content code, .content_thin code {
background: #fde3e3;
color: #e41212;
font-size: 1rem;
border-radius: 3px;
}
.content blockquote, .content.thin blockquote {
.content blockquote, .content_thin blockquote {
margin: 0;
padding: 0.5rem 1.5rem;
background: #f9fafb;
@@ -951,7 +951,7 @@ main.prompt {
color: #5b6871;
border-left: 4px solid #d5d8db;
}
.content blockquote p, .content.thin blockquote p {
.content blockquote p, .content_thin blockquote p {
margin: 0;
}
@@ -1129,11 +1129,11 @@ main.prompt {
color: #303136;
border: none;
}
#stream.reader .flux .content {
#stream.reader .flux .flux_content {
background-color: #fff;
border: none;
}
#stream.reader .flux .content .author {
#stream.reader .flux .flux_content .author {
color: #a6a7ae;
}
@@ -1352,6 +1352,4 @@ body.register {
a, button.as-link {
outline: none;
color: #36c;
}
/*# sourceMappingURL=mapco.css.map */
}

28
p/themes/Mapco/mapco.rtl.css
View File

@@ -898,52 +898,52 @@ main.prompt {
}
/*=== Content of feed articles */
.content, .content.thin {
.content, .content_thin {
padding: 20px 10px;
font-size: 1.125rem;
line-height: 1.8rem;
}
.content h1.title a, .content h1 a, .content.thin h1.title a, .content.thin h1 a {
.content h1.title a, .content h1 a, .content_thin h1.title a, .content_thin h1 a {
color: #303136;
font-family: "spectral", serif;
font-size: 2rem;
}
.content h1.title a:hover, .content h1 a:hover, .content.thin h1.title a:hover, .content.thin h1 a:hover {
.content h1.title a:hover, .content h1 a:hover, .content_thin h1.title a:hover, .content_thin h1 a:hover {
color: #36c;
text-decoration: none;
}
.content .author, .content.thin .author {
.content .author, .content_thin .author {
color: #5b6871;
font-size: 1.125rem;
}
.content p, .content ul, .content.thin p, .content.thin ul {
.content p, .content ul, .content_thin p, .content_thin ul {
font-size: 1.125rem;
line-height: 1.8rem;
}
.content .content hr, .content.thin .content hr {
.content .content hr, .content_thin .content hr {
margin: 30px 10px;
background: #d5d8db;
height: 1px;
border: 0;
box-shadow: 0 2px 5px #ccc;
}
.content pre, .content.thin pre {
.content pre, .content_thin pre {
background: #1d1e22;
color: #fff;
border-radius: 3px;
}
.content pre code, .content.thin pre code {
.content pre code, .content_thin pre code {
background: transparent;
color: #fff;
border: none;
}
.content code, .content.thin code {
.content code, .content_thin code {
background: #fde3e3;
color: #e41212;
font-size: 1rem;
border-radius: 3px;
}
.content blockquote, .content.thin blockquote {
.content blockquote, .content_thin blockquote {
margin: 0;
padding: 0.5rem 1.5rem;
background: #f9fafb;
@@ -951,7 +951,7 @@ main.prompt {
color: #5b6871;
border-right: 4px solid #d5d8db;
}
.content blockquote p, .content.thin blockquote p {
.content blockquote p, .content_thin blockquote p {
margin: 0;
}
@@ -1129,11 +1129,11 @@ main.prompt {
color: #303136;
border: none;
}
#stream.reader .flux .content {
#stream.reader .flux .flux_content {
background-color: #fff;
border: none;
}
#stream.reader .flux .content .author {
#stream.reader .flux .flux_content .author {
color: #a6a7ae;
}
@@ -1352,4 +1352,4 @@ body.register {
a, button.as-link {
outline: none;
color: #36c;
}
}

2
p/themes/Nord/nord.css
View File

@@ -1191,7 +1191,7 @@ optgroup::before {
border: none;
}
#stream.reader .flux .content {
#stream.reader .flux .flux_content {
background-color: var(--accent-bg);
border: none;
border-radius: 12px;

2
p/themes/Nord/nord.rtl.css
View File

@@ -1191,7 +1191,7 @@ optgroup::before {
border: none;
}
#stream.reader .flux .content {
#stream.reader .flux .flux_content {
background-color: var(--accent-bg);
border: none;
border-radius: 12px;

2
p/themes/Origine/origine.css
View File

@@ -1004,7 +1004,7 @@ a:hover .icon {
border: none;
}
#stream.reader .flux .content {
#stream.reader .flux .flux_content {
background-color: var(--background-color-light);
border-color: var(--border-color);
}

2
p/themes/Origine/origine.rtl.css
View File

@@ -1004,7 +1004,7 @@ a:hover .icon {
border: none;
}
#stream.reader .flux .content {
#stream.reader .flux .flux_content {
background-color: var(--background-color-light);
border-color: var(--border-color);
}

2
p/themes/Pafat/pafat.css
View File

@@ -967,7 +967,7 @@ a.signin {
border: none;
}
#stream.reader .flux .content {
#stream.reader .flux .flux_content {
background-color: var(--background-color-white);
border-color: var(--border-color-grey-light);
}

2
p/themes/Pafat/pafat.rtl.css
View File

@@ -967,7 +967,7 @@ a.signin {
border: none;
}
#stream.reader .flux .content {
#stream.reader .flux .flux_content {
background-color: var(--background-color-white);
border-color: var(--border-color-grey-light);
}

2
p/themes/Swage/swage.css
View File

@@ -1140,7 +1140,7 @@ button.as-link {
#stream.reader .flux::after {
border: none;
}
#stream.reader .flux .content {
#stream.reader .flux .flux_content {
border-color: var(--color-border-grey);
}
#stream.reader .flux .author {

2
p/themes/Swage/swage.rtl.css
View File

@@ -1140,7 +1140,7 @@ button.as-link {
#stream.reader .flux::after {
border: none;
}
#stream.reader .flux .content {
#stream.reader .flux .flux_content {
border-color: var(--color-border-grey);
}
#stream.reader .flux .author {

2
p/themes/Swage/swage.scss
View File

@@ -1458,7 +1458,7 @@ button.as-link {
border: none;
}
.content {
.flux_content {
border-color: var(--color-border-grey);
}

2
p/themes/base-theme/base.css
View File

@@ -628,7 +628,7 @@ th {
color: #333;
}
#stream.reader .flux .content {
#stream.reader .flux .flux_content {
background-color: #fff;
border-color: #ddd;
}

2
p/themes/base-theme/base.rtl.css
View File

@@ -628,7 +628,7 @@ th {
color: #333;
}
#stream.reader .flux .content {
#stream.reader .flux .flux_content {
background-color: #fff;
border-color: #ddd;
}

20
p/themes/base-theme/frss.css
View File

@@ -206,8 +206,8 @@ img.favicon {
vertical-align: middle;
}
.content.thin figure,
.content.medium figure {
.content_thin figure,
.content_medium figure {
margin: 8px 0px;
}
@@ -1551,15 +1551,15 @@ a.website:hover .favicon {
padding-bottom: calc(2 * var(--frss-padding-top-bottom));
}
.content.large {
.content_large {
max-width: 1100px;
}
.content.medium {
.content_medium {
max-width: 900px;
}
.content.thin {
.content_thin {
max-width: 650px;
}
@@ -2347,12 +2347,20 @@ html.slider-active {
padding: 1rem 0 2rem;
}
.reader .flux .content {
.reader .flux .flux_content {
padding: 3rem 0;
background-color: var(--frss-background-color);
border: 1px solid var(--frss-border-color);
}
.reader .flux_content {
margin: auto;
}
.reader .content ~ footer {
padding: 0 3rem;
}
#loglist-wrapper {
overflow-x: auto;
}

20
p/themes/base-theme/frss.rtl.css
View File

@@ -206,8 +206,8 @@ img.favicon {
vertical-align: middle;
}
.content.thin figure,
.content.medium figure {
.content_thin figure,
.content_medium figure {
margin: 8px 0px;
}
@@ -1551,15 +1551,15 @@ a.website:hover .favicon {
padding-bottom: calc(2 * var(--frss-padding-top-bottom));
}
.content.large {
.content_large {
max-width: 1100px;
}
.content.medium {
.content_medium {
max-width: 900px;
}
.content.thin {
.content_thin {
max-width: 650px;
}
@@ -2347,12 +2347,20 @@ html.slider-active {
padding: 1rem 0 2rem;
}
.reader .flux .content {
.reader .flux .flux_content {
padding: 3rem 0;
background-color: var(--frss-background-color);
border: 1px solid var(--frss-border-color);
}
.reader .flux_content {
margin: auto;
}
.reader .content ~ footer {
padding: 0 3rem;
}
#loglist-wrapper {
overflow-x: auto;
}