Add new skin (by sakkamade #512)
This commit is contained in:
parent
ee2e77bb66
commit
3da397a215
8 changed files with 339 additions and 0 deletions
|
@ -79,6 +79,14 @@
|
|||
<file>skins/vergilius/metadata.xml</file>
|
||||
<file>skins/vergilius/theme.css</file>
|
||||
|
||||
<file>skins/nudus/html_adblocked.html</file>
|
||||
<file>skins/nudus/html_enclosure_every.html</file>
|
||||
<file>skins/nudus/html_enclosure_image.html</file>
|
||||
<file>skins/nudus/html_single_message.html</file>
|
||||
<file>skins/nudus/html_wrapper.html</file>
|
||||
<file>skins/nudus/metadata.xml</file>
|
||||
<file>skins/nudus/theme.css</file>
|
||||
|
||||
<file>initial_feeds/feeds-en.opml</file>
|
||||
|
||||
<file>desktop/com.github.rssguard.desktop</file>
|
||||
|
|
4
resources/skins/nudus/html_adblocked.html
Normal file
4
resources/skins/nudus/html_adblocked.html
Normal file
|
@ -0,0 +1,4 @@
|
|||
<div>
|
||||
<h4><span>Error: </span>%1</h4>
|
||||
<div role="alert">%2</div>
|
||||
</div>
|
1
resources/skins/nudus/html_enclosure_every.html
Normal file
1
resources/skins/nudus/html_enclosure_every.html
Normal file
|
@ -0,0 +1 @@
|
|||
 / <a class="rssguard-menc" href="%1"><span style="display:none"><!-- Cannot be removed -->%2</span><span style="text-transform: uppercase;">%3</span></a>
|
5
resources/skins/nudus/html_enclosure_image.html
Normal file
5
resources/skins/nudus/html_enclosure_image.html
Normal file
|
@ -0,0 +1,5 @@
|
|||
<a href="%1">
|
||||
<img alt="%2"
|
||||
src="%1"
|
||||
style="max-height: %3px;">
|
||||
</a>
|
12
resources/skins/nudus/html_single_message.html
Normal file
12
resources/skins/nudus/html_single_message.html
Normal file
|
@ -0,0 +1,12 @@
|
|||
<div class="rssguard-mwrapper" dir="auto">
|
||||
<section class="rssguard-mhead">
|
||||
<div style="float: right; margin: 10px;"><!-- Should it remain here??? -->%7</div>
|
||||
<span class="rssguard-msmall">%2</span>
|
||||
<h1>%1<span class="rssguard-mlinks">%6<span class="rssguard-murl"> / <a href="%3">URL</a></span></span></h1>
|
||||
<span class="rssguard-msmall">%5</span>
|
||||
</section>
|
||||
<hr>
|
||||
<div class="rssguard-mbody">
|
||||
%4
|
||||
</div>
|
||||
</div>
|
287
resources/skins/nudus/html_wrapper.html
Normal file
287
resources/skins/nudus/html_wrapper.html
Normal file
|
@ -0,0 +1,287 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<!--
|
||||
___________________________
|
||||
< I'm an expert in my field. >
|
||||
---------------------------
|
||||
\ ^__^
|
||||
\ (oo)\_______
|
||||
(__)\ )\/\
|
||||
||----w |
|
||||
|| ||
|
||||
-->
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<style>
|
||||
:root {
|
||||
--rssguard-base-unit: 10px;
|
||||
--rssguard-em-unit: .3em;
|
||||
|
||||
/* Qt5 fusion border grey */
|
||||
--rssguard-grey01: #B8B8B8;
|
||||
|
||||
/* Some other grey */
|
||||
--rssguard-grey02: #CFCFCF;
|
||||
--rssguard-grey10: #343434;
|
||||
--rssguard-grey20: #F1F1F1;
|
||||
}
|
||||
article, aside, details, div, dt,
|
||||
figcaption, footer, form, header,
|
||||
hgroup, html, main, nav, section, summary {
|
||||
display: block;
|
||||
}
|
||||
body, h1, h2, h3, h4, h5, h6,
|
||||
p, blockquote, pre, hr,
|
||||
dl, dd, ol, ul, figure {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6,
|
||||
p, blockquote, pre,
|
||||
ul, ol, dl, figure {
|
||||
margin-bottom: var(--rssguard-base-unit);
|
||||
}
|
||||
body {
|
||||
/*
|
||||
* Another Qt grey;
|
||||
* bg required for "newspaper mode"
|
||||
*/
|
||||
background-color: #FBFBFB;
|
||||
|
||||
box-sizing: border-box;
|
||||
cursor: default;
|
||||
font-kerning: normal;
|
||||
|
||||
/* redundant? */
|
||||
-webkit-font-feature-settings: "kern" 1;
|
||||
font-feature-settings: "kern" 1;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-weight: 600 !important;
|
||||
}
|
||||
h1 { font-size: 1.25em !important; }
|
||||
h2 { font-size: 1.20em !important; }
|
||||
h3 { font-size: 1.15em !important; }
|
||||
h4 { font-size: 1.1em !important; }
|
||||
h5 { font-size: 1em !important; }
|
||||
h6 { font-size: .95em !important; }
|
||||
b {
|
||||
font-weight: bold !important;
|
||||
}
|
||||
i {
|
||||
font-style: italic !important;
|
||||
}
|
||||
strong {
|
||||
font-weight: 800 !important;
|
||||
}
|
||||
em {
|
||||
font-style: oblique !important;
|
||||
}
|
||||
mark {
|
||||
background-color: #FFECCC;
|
||||
}
|
||||
sub,
|
||||
sup {
|
||||
font-size: .8em !important;
|
||||
}
|
||||
small {
|
||||
font-size: .9em !important;
|
||||
}
|
||||
q {
|
||||
font-style: italic !important;
|
||||
}
|
||||
q::before {
|
||||
content: '“';
|
||||
}
|
||||
q::after {
|
||||
content: '”';
|
||||
}
|
||||
a {
|
||||
color: steelblue;
|
||||
}
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
cite {
|
||||
font-style: italic !important;
|
||||
font-weight: bold !important;
|
||||
}
|
||||
figure > img {
|
||||
display: block;
|
||||
}
|
||||
figcaption {
|
||||
font-size: .8em !important;
|
||||
}
|
||||
blockquote {
|
||||
color: var(--rssguard-grey10);
|
||||
border-left: var(--rssguard-em-unit) solid var(--rssguard-grey02);
|
||||
margin-left: 0;
|
||||
padding: 0 var(--rssguard-base-unit);
|
||||
}
|
||||
pre,
|
||||
code {
|
||||
background-color: var(--rssguard-grey20);
|
||||
cursor: text;
|
||||
}
|
||||
pre {
|
||||
--rssguard-horiz: 13px;
|
||||
|
||||
border-radius: var(--rssguard-em-unit);
|
||||
overflow-x: auto;
|
||||
padding: 7px var(--rssguard-horiz);
|
||||
white-space: pre !important;
|
||||
width: calc(100wv - calc(var(--rssguard-horiz) * 2)) !important;
|
||||
}
|
||||
code {
|
||||
border-radius: var(--rssguard-em-unit);
|
||||
color: var(--rssguard-grey10);
|
||||
padding: 0 .25em;
|
||||
word-break: break-word;
|
||||
}
|
||||
pre code {
|
||||
display: block;
|
||||
padding: 0;
|
||||
tab-size: 4;
|
||||
}
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
}
|
||||
table,
|
||||
th,
|
||||
td {
|
||||
border: 1px solid var(--rssguard-grey01);
|
||||
}
|
||||
li {
|
||||
display: list-item;
|
||||
}
|
||||
ul,
|
||||
ol {
|
||||
padding-left: 1.5em;
|
||||
}
|
||||
ul {
|
||||
display: block;
|
||||
list-style-type: circle;
|
||||
}
|
||||
ul li ul {
|
||||
list-style-type: square;
|
||||
}
|
||||
ol {
|
||||
display: block;
|
||||
list-style-type: decimal;
|
||||
}
|
||||
ol li ol {
|
||||
list-style-type: lower-roman;
|
||||
}
|
||||
img {
|
||||
/* redundant? */
|
||||
display: inline-block;
|
||||
|
||||
height: auto;
|
||||
width: auto;
|
||||
}
|
||||
details > summary {
|
||||
border-radius: var(--rssguard-em-unit);
|
||||
cursor: pointer;
|
||||
}
|
||||
details > summary:hover,
|
||||
details[open] > summary {
|
||||
background-color: var(--rssguard-grey20);
|
||||
}
|
||||
details > summary:focus {
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
}
|
||||
hr {
|
||||
background-color: var(--rssguard-grey02);
|
||||
border: none;
|
||||
display: block;
|
||||
height: 2px;
|
||||
margin: var(--rssguard-base-unit) 0;
|
||||
}
|
||||
iframe {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
width: auto;
|
||||
}
|
||||
select {
|
||||
max-width: 100%;
|
||||
}
|
||||
.rssguard-mwrapper {
|
||||
padding: var(--rssguard-base-unit) !important;
|
||||
}
|
||||
.rssguard-mhead .rssguard-msmall,
|
||||
.rssguard-mhead .rssguard-mlinks {
|
||||
opacity: .8;
|
||||
}
|
||||
.rssguard-mhead h1 {
|
||||
margin: 0;
|
||||
}
|
||||
.rssguard-msmall {
|
||||
font-size: .9em;
|
||||
}
|
||||
.rssguard-mlinks a.rssguard-menc {
|
||||
word-break: break-word;
|
||||
}
|
||||
.rssguard-murl {
|
||||
visibility: hidden;
|
||||
}
|
||||
body:hover .rssguard-mwrapper .rssguard-murl {
|
||||
visibility: visible;
|
||||
}
|
||||
@media only screen and (max-width: 800px) {
|
||||
|
||||
.rssguard-mbody img {
|
||||
max-width: 100% !important;
|
||||
}
|
||||
}
|
||||
.rssguard-mbody img {
|
||||
max-width: 450px;
|
||||
}
|
||||
.rssguard-mbody {
|
||||
/*
|
||||
* For articles without html elements;
|
||||
* Not sure if I want to apply this to *all*;
|
||||
* otherwise *must* be applied to links in mbody
|
||||
*/
|
||||
word-break: break-word;
|
||||
}
|
||||
/* Fix at least some mess produced by above */
|
||||
table {
|
||||
word-break: normal;
|
||||
}
|
||||
</style>
|
||||
<style>
|
||||
html, body, div, span, applet, object, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
a, abbr, acronym, address, big, cite, code,
|
||||
del, dfn, em, img, ins, kbd, q, s, samp,
|
||||
small, strike, strong, sub, sup, tt, var,
|
||||
b, u, i, center,
|
||||
dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
article, aside, canvas, details, embed,
|
||||
figure, figcaption, footer, header, hgroup,
|
||||
menu, nav, output, ruby, section, summary,
|
||||
time, mark, audio, video {
|
||||
font: inherit;
|
||||
font-size: 100%;
|
||||
}
|
||||
html {
|
||||
height: 100vh;
|
||||
}
|
||||
body {
|
||||
height: 100vh;
|
||||
}
|
||||
</style>
|
||||
<title>%1</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
%2
|
||||
</body>
|
||||
|
||||
</html>
|
11
resources/skins/nudus/metadata.xml
Normal file
11
resources/skins/nudus/metadata.xml
Normal file
|
@ -0,0 +1,11 @@
|
|||
<?xml version="1.0" encoding="UTF-8" ?>
|
||||
<skin version="0.01">
|
||||
<author>
|
||||
<name>Maki Blackwell</name>
|
||||
</author>
|
||||
<palette>
|
||||
<color key="1">#3A4EE4</color>
|
||||
<color key="2">#E43A4E</color>
|
||||
<color key="3">#4EE43A</color>
|
||||
</palette>
|
||||
</skin>
|
11
resources/skins/nudus/theme.css
Normal file
11
resources/skins/nudus/theme.css
Normal file
|
@ -0,0 +1,11 @@
|
|||
QTextEdit {
|
||||
selection-background-color: #4861f0;
|
||||
}
|
||||
|
||||
QStatusBar::item {
|
||||
border: none;
|
||||
}
|
||||
|
||||
QSplitter::handle {
|
||||
background: rgba(117, 117, 117, 0.5);
|
||||
}
|
Loading…
Add table
Reference in a new issue