Skip to content

Instantly share code, notes, and snippets.

@AlexandreBonneau

AlexandreBonneau/combinedview.html

Created March 22, 2018 21:28
Show Gist options
  • Save AlexandreBonneau/c41066e36191db7c135af7db3ccab9fa to your computer and use it in GitHub Desktop.
Save AlexandreBonneau/c41066e36191db7c135af7db3ccab9fa to your computer and use it in GitHub Desktop.
Download ZIP
Akregator color workaround on dark breeze theme (see https://bugs.kde.org/show_bug.cgi?id=383404)
Raw
combinedview.html
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">
<html>
<head>
<title>.</title>
<style type="text/css">
@media screen, print {
body {
font-family: {{ standardFamilyFont }} ! important;
font-size: {{ mediumFontSize}}px ! important;
color: white ! important;
background: #232629 ! important;
}
a {
color: #2980b9 ! important;
}
.actiontable {
width: 100%;
}
.actionrowtable {
display:table-row;
}
.theactioncell{
display: table-cell;
padding: 0px 2px; /* just some padding, if needed*/
white-space: pre; /* this will avoid line breaks*/
}
.theactionbigcell{
width: 100%; /* this will shrink other cells */
}
.headerbox {
background: #222 ! important;
color: #white ! important;
border:1px solid #000;
margin-bottom: 10pt;
font-size: 22px;
}
.headertitle a:link {
color: rgb(100,100,100) ! important;
text-decoration: none ! important;
}
.headertitle a:visited {
color: rgb(100,100,100) ! important;
text-decoration: none ! important;
}
.headertitle a:hover{
color: rgb(100,100,100) ! important;
text-decoration: none ! important;
}
.headertitle a:active {
color: rgb(100,100,100) ! important;
text-decoration: none ! important;
}
.headertitle {
padding:2px;
color: rgb(100,100,100) ! important;
font-weight: bold;
text-decoration: none ! important;
}
.header {
color: rgb(120, 125, 129) ! important;
font-weight: bold;
padding:2px;
margin-right: 5px;
text-decoration: none ! important;
font-size: 12px;
}
.headertext {
text-decoration: none ! important;
color: rgb(120, 125, 129) ! important;
font-size: 12px;
}
.headimage {
float: right;
margin-left: 5px;
}
body {
clear: none;
}
.content {
display: block;
margin-bottom: 6px;
}
.content > P:first-child {
margin-top: 1px;
}
.content > DIV:first-child {
margin-top: 1px;
}
.content > BR:first-child {
display: none;
}
}
</style>
<link href="{{ absoluteThemePath }}/combinedview.css" rel="stylesheet" type="text/css" />
</head>
<body>
{% if articles %}
{% for article in articles %}
<hr>
<p><div class="article">
{% if article.strippedTitle %}
<div class="headertitle" dir="{{ applicationDir }}"><a href="{{ article.articleLinkUrl }}">{{ article.strippedTitle|safe }}</a></div>
{% endif %}
{%if article.articlePubDate %}
<span class="header" dir="{{ applicationDir }}">{{ dateI18n }}:</span><span class="headertext">{{ article.articlePubDate }}</span>
{% endif %}
{% if article.author %}
<br/><span class="header" dir="{{ applicationDir }}">{{ authorI18n }}:</span><span class="headertext">{{ article.author|safe }}</span>
{% endif %}
<div class="actiontable">
<div class="actionrowtable">
{% with article.articleStatus as result %}
{% ifequal article.Unread result %}
<div class="theactioncell">{{ article.markAsReadAction|safe }}</div>
{% endifequal %}
{% ifequal article.Read result %}
<div class="theactioncell">{{ article.markAsUnreadAction|safe }}</div>
{% endifequal %}
{% endwith %}
<div class="theactioncell">{{ article.markAsImportantAction|safe }}</div>
<div class="theactioncell">{{ article.openInExternalBrowser|safe }}</div>
<div class="theactioncell">{{ article.openInBackgroundTab|safe }}</div>
<div class="theactioncell">{{ article.sendFileAction|safe }}</div>
<div class="theactioncell">{{ article.sendUrlAction|safe }}</div>
<div class="theactioncell theactionbigcell">{{ article.deleteAction|safe }}</div>
<div>
</div>
{% if article.enclosure %}
<br/><span class="header" dir="{{ applicationDir }}">{{ enclosureI18n }}:</span><span class="headertext">{{ article.enclosure|safe }}</span>
{% endif %}
</div>
{% if article.imageFeed %}
{{ article.imageFeed }}
{% endif %}
<hr>
{% if article.content %}
<div dir="{{ applicationDir }}"><span class="content">{{ article.content|safe }}</span>
{% endif %}
{% if article.commentNumber %}
<div class="body"><a class="contentlink" href="{{ article.commentLink }}">{{ commentI18n }} ({{ article.commentNumber }})</a>
{% endif %}
{% if article.enclosure %}
<p><em>{{ enclosureI18n }}</em> {{ article.enclosure }}</p>
{% endif %}
{% if article.articleCompleteStoryLink %}
<p><a class="contentlink" href="{{ article.articleCompleteStoryLink }}">{{ completeStoryI18n }}</a></p>
{% endif %}
</div>
</div><p>
{% endfor %}
{% endif %}
</body>
Raw
defaultnormalvisitfeed.html
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">
<html>
<head>
<style type="text/css">
@media screen, print {
body {
font-family: {{ standardFamilyFont }} ! important;
font-size: {{ mediumFontSize}}px ! important;
color: white ! important;
background: #232629 ! important;
}
a {
color: #2980b9 ! important;
}
.headerbox {
background: #222 ! important;
color: white ! important;
border:1px solid #000;
margin-bottom: 10pt;
font-size: 22px;
}
.headertitle a:link {
color: rgb(100,100,100) ! important;
text-decoration: none ! important;
}
.headertitle a:visited {
color: rgb(100,100,100) ! important;
text-decoration: none ! important;
}
.headertitle a:hover{
color: rgb(100,100,100) ! important;
text-decoration: none ! important;
}
.headertitle a:active {
color: rgb(100,100,100) ! important;
text-decoration: none ! important;
}
.headertitle {
padding:2px;
color: rgb(100,100,100) ! important;
font-weight: bold;
text-decoration: none ! important;
}
.header {
color: rgb(120, 125, 129) ! important;
font-weight: bold;
padding:2px;
margin-right: 5px;
text-decoration: none ! important;
font-size: 12px;
}
.headertext {
text-decoration: none ! important;
color: rgb(120, 125, 129) ! important;
font-size: 12px;
}
.headimage {
float: right;
margin-left: 5px;
}
body {
clear: none;
}
.content {
display: block;
margin-bottom: 6px;
}
.content > P:first-child {
margin-top: 1px;
}
.content > DIV:first-child {
margin-top: 1px;
}
.content > BR:first-child {
display: none;
}
}
</style>
<title>.</title>
<link href="{{ absoluteThemePath }}/defaultnormalvisitfeed.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="headertitle" dir="{{ applicationDir }}">{{ strippedTitle }}{{ feedCount }}</div>
{{ feedImage|safe }}
{{ feedDescription|safe }}
{{ feedHomePage|safe }}
</body>
Raw
defaultnormalvisitfolder.html
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">
<html>
<head>
<style type="text/css">
@media screen, print {
body {
font-family: {{ standardFamilyFont }} ! important;
font-size: {{ mediumFontSize}}px ! important;
color: white ! important;
background: #232629 ! important;
}
a {
color: #2980b9 ! important;
}
.headerbox {
background: #222 ! important;
color: white ! important;
border:1px solid #000;
margin-bottom: 10pt;
font-size: 22px;
}
.headertitle a:link {
color: rgb(100,100,100) ! important;
text-decoration: none ! important;
}
.headertitle a:visited {
color: rgb(100,100,100) ! important;
text-decoration: none ! important;
}
.headertitle a:hover{
color: rgb(100,100,100) ! important;
text-decoration: none ! important;
}
.headertitle a:active {
color: rgb(100,100,100) ! important;
text-decoration: none ! important;
}
.headertitle {
padding:2px;
color: rgb(100,100,100) ! important;
font-weight: bold;
text-decoration: none ! important;
}
.header {
color: rgb(120, 125, 129) ! important;
font-weight: bold;
padding:2px;
margin-right: 5px;
text-decoration: none ! important;
font-size: 12px;
}
.headertext {
text-decoration: none ! important;
color: rgb(120, 125, 129) ! important;
font-size: 12px;
}
.headimage {
float: right;
margin-left: 5px;
}
body {
clear: none;
}
.content {
display: block;
margin-bottom: 6px;
}
.content > P:first-child {
margin-top: 1px;
}
.content > DIV:first-child {
margin-top: 1px;
}
.content > BR:first-child {
display: none;
}
}
</style>
<title>.</title>
<link href="{{ absoluteThemePath }}/defaultnormalvisitfolder.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="headertitle" dir="{{ applicationDir }}">{{ nodeTitle }} {{nodeCount}}</div>
</body>
Raw
normalview.html
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">
<html>
<head>
<style type="text/css">
@media screen, print {
body {
font-family: {{ standardFamilyFont }} ! important;
font-size: {{ mediumFontSize}}px ! important;
color: white ! important;
background: #232629 ! important;
}
a {
color: #2980b9 ! important;
}
.headerbox {
background: #222 ! important;
color: white ! important;
border:1px solid #000;
margin-bottom: 10pt;
font-size: 22px;
}
.headertitle a:link {
color: rgb(100,100,100) ! important;
text-decoration: none ! important;
}
.headertitle a:visited {
color: rgb(100,100,100) ! important;
text-decoration: none ! important;
}
.headertitle a:hover{
color: rgb(100,100,100) ! important;
text-decoration: none ! important;
}
.headertitle a:active {
color: rgb(100,100,100) ! important;
text-decoration: none ! important;
}
.headertitle {
padding:2px;
color: rgb(100,100,100) ! important;
font-weight: bold;
text-decoration: none ! important;
}
.header {
color: rgb(120, 125, 129) ! important;
font-weight: bold;
padding:2px;
margin-right: 5px;
text-decoration: none ! important;
font-size: 12px;
}
.headertext {
text-decoration: none ! important;
color: rgb(120, 125, 129) ! important;
font-size: 12px;
}
.headimage {
float: right;
margin-left: 5px;
}
body {
clear: none;
}
.content {
display: block;
margin-bottom: 6px;
}
.content > P:first-child {
margin-top: 1px;
}
.content > DIV:first-child {
margin-top: 1px;
}
.content > BR:first-child {
display: none;
}
}
</style>
<title>.</title>
<link href="{{ absoluteThemePath }}/normalview.css" rel="stylesheet" type="text/css" />
</head>
<body>
{% if articles %}
{% for article in articles %}
<p><div class="article">
{% if article.strippedTitle %}
<div class="headertitle" dir="{{ applicationDir }}"><a href="{{ article.articleLinkUrl }}">{{ article.strippedTitle|safe }}</a></div>
{% endif %}
{%if article.articlePubDate %}
<span class="header" dir="{{ applicationDir }}">{{ dateI18n }}:</span><span class="headertext">{{ article.articlePubDate }}</span>
{% endif %}
{% if article.author %}
<br/><span class="header" dir="{{ applicationDir }}">{{ authorI18n }}:</span><span class="headertext">{{ article.author|safe }}</span>
{% endif %}
{% if article.enclosure %}
<br/><span class="header" dir="{{ applicationDir }}">{{ enclosureI18n }}:</span><span class="headertext">{{ article.enclosure|safe }}</span>
{% endif %}
</div>
{% if article.imageFeed %}
{{ article.imageFeed }}
{% endif %}
<hr>
{% if article.content %}
<div dir="{{ applicationDir }}"><span class="content">{{ article.content|safe }}</span>
{% endif %}
{% if article.commentNumber %}
<div class="body"><a class="contentlink" href="{{ article.commentLink }}">{{ commentI18n }} ({{ article.commentNumber }})</a>
{% endif %}
{% if article.enclosure %}
<p><em>{{ enclosureI18n }}</em> {{ article.enclosure }}</p>
{% endif %}
{% if article.articleCompleteStoryLink %}
<p><a class="contentlink" href="{{ article.articleCompleteStoryLink }}">{{ completeStoryI18n }}</a></p>
{% endif %}
{% endfor %}
{% endif %}
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment