Skip to content

Commit 3da397a

Browse files
sakkamadesakkamade
authored
Add new skin (by sakkamade #512)
1 parent ee2e77b commit 3da397a

File tree

8 files changed

+339
-0
lines changed

8 files changed

+339
-0
lines changed

‎resources/rssguard.qrc

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -79,6 +79,14 @@
7979
<file>skins/vergilius/metadata.xml</file>
8080
<file>skins/vergilius/theme.css</file>
8181

82+
<file>skins/nudus/html_adblocked.html</file>
83+
<file>skins/nudus/html_enclosure_every.html</file>
84+
<file>skins/nudus/html_enclosure_image.html</file>
85+
<file>skins/nudus/html_single_message.html</file>
86+
<file>skins/nudus/html_wrapper.html</file>
87+
<file>skins/nudus/metadata.xml</file>
88+
<file>skins/nudus/theme.css</file>
89+
8290
<file>initial_feeds/feeds-en.opml</file>
8391

8492
<file>desktop/com.github.rssguard.desktop</file>

‎resources/skins/nudus/html_adblocked.html

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
<div>
2+
<h4><span>Error: </span>%1</h4>
3+
<div role="alert">%2</div>
4+
</div>

‎resources/skins/nudus/html_enclosure_every.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
&#32;&#47;&nbsp;<a class="rssguard-menc" href="%1"><span style="display:none"><!-- Cannot be removed -->%2</span><span style="text-transform: uppercase;">%3</span></a>

‎resources/skins/nudus/html_enclosure_image.html

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
<a href="%1">
2+
<img alt="%2"
3+
src="%1"
4+
style="max-height: %3px;">
5+
</a>

‎resources/skins/nudus/html_single_message.html

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
<div class="rssguard-mwrapper" dir="auto">
2+
<section class="rssguard-mhead">
3+
<div style="float: right; margin: 10px;"><!-- Should it remain here??? -->%7</div>
4+
<span class="rssguard-msmall">%2</span>
5+
<h1>%1<span class="rssguard-mlinks">%6<span class="rssguard-murl">&nbsp;&#47;&nbsp;<a href="%3">URL</a></span></span></h1>
6+
<span class="rssguard-msmall">%5</span>
7+
</section>
8+
<hr>
9+
<div class="rssguard-mbody">
10+
%4
11+
</div>
12+
</div>

‎resources/skins/nudus/html_wrapper.html

Lines changed: 287 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,287 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<!--
4+
___________________________
5+
< I'm an expert in my field. >
6+
---------------------------
7+
\ ^__^
8+
\ (oo)\_______
9+
(__)\ )\/\
10+
||----w |
11+
|| ||
12+
-->
13+
<head>
14+
<meta charset="utf-8">
15+
<meta name="viewport" content="width=device-width, initial-scale=1">
16+
<style>
17+
:root {
18+
--rssguard-base-unit: 10px;
19+
--rssguard-em-unit: .3em;
20+
21+
/* Qt5 fusion border grey */
22+
--rssguard-grey01: #B8B8B8;
23+
24+
/* Some other grey */
25+
--rssguard-grey02: #CFCFCF;
26+
--rssguard-grey10: #343434;
27+
--rssguard-grey20: #F1F1F1;
28+
}
29+
article, aside, details, div, dt,
30+
figcaption, footer, form, header,
31+
hgroup, html, main, nav, section, summary {
32+
display: block;
33+
}
34+
body, h1, h2, h3, h4, h5, h6,
35+
p, blockquote, pre, hr,
36+
dl, dd, ol, ul, figure {
37+
margin: 0;
38+
padding: 0;
39+
}
40+
h1, h2, h3, h4, h5, h6,
41+
p, blockquote, pre,
42+
ul, ol, dl, figure {
43+
margin-bottom: var(--rssguard-base-unit);
44+
}
45+
body {
46+
/*
47+
* Another Qt grey;
48+
* bg required for "newspaper mode"
49+
*/
50+
background-color: #FBFBFB;
51+
52+
box-sizing: border-box;
53+
cursor: default;
54+
font-kerning: normal;
55+
56+
/* redundant? */
57+
-webkit-font-feature-settings: "kern" 1;
58+
font-feature-settings: "kern" 1;
59+
-webkit-text-size-adjust: 100%;
60+
}
61+
h1, h2, h3, h4, h5, h6 {
62+
font-weight: 600 !important;
63+
}
64+
h1 { font-size: 1.25em !important; }
65+
h2 { font-size: 1.20em !important; }
66+
h3 { font-size: 1.15em !important; }
67+
h4 { font-size: 1.1em !important; }
68+
h5 { font-size: 1em !important; }
69+
h6 { font-size: .95em !important; }
70+
b {
71+
font-weight: bold !important;
72+
}
73+
i {
74+
font-style: italic !important;
75+
}
76+
strong {
77+
font-weight: 800 !important;
78+
}
79+
em {
80+
font-style: oblique !important;
81+
}
82+
mark {
83+
background-color: #FFECCC;
84+
}
85+
sub,
86+
sup {
87+
font-size: .8em !important;
88+
}
89+
small {
90+
font-size: .9em !important;
91+
}
92+
q {
93+
font-style: italic !important;
94+
}
95+
q::before {
96+
content: '“';
97+
}
98+
q::after {
99+
content: '”';
100+
}
101+
a {
102+
color: steelblue;
103+
}
104+
a:hover {
105+
text-decoration: none;
106+
}
107+
cite {
108+
font-style: italic !important;
109+
font-weight: bold !important;
110+
}
111+
figure > img {
112+
display: block;
113+
}
114+
figcaption {
115+
font-size: .8em !important;
116+
}
117+
blockquote {
118+
color: var(--rssguard-grey10);
119+
border-left: var(--rssguard-em-unit) solid var(--rssguard-grey02);
120+
margin-left: 0;
121+
padding: 0 var(--rssguard-base-unit);
122+
}
123+
pre,
124+
code {
125+
background-color: var(--rssguard-grey20);
126+
cursor: text;
127+
}
128+
pre {
129+
--rssguard-horiz: 13px;
130+
131+
border-radius: var(--rssguard-em-unit);
132+
overflow-x: auto;
133+
padding: 7px var(--rssguard-horiz);
134+
white-space: pre !important;
135+
width: calc(100wv - calc(var(--rssguard-horiz) * 2)) !important;
136+
}
137+
code {
138+
border-radius: var(--rssguard-em-unit);
139+
color: var(--rssguard-grey10);
140+
padding: 0 .25em;
141+
word-break: break-word;
142+
}
143+
pre code {
144+
display: block;
145+
padding: 0;
146+
tab-size: 4;
147+
}
148+
table {
149+
border-collapse: collapse;
150+
width: 100%;
151+
}
152+
table,
153+
th,
154+
td {
155+
border: 1px solid var(--rssguard-grey01);
156+
}
157+
li {
158+
display: list-item;
159+
}
160+
ul,
161+
ol {
162+
padding-left: 1.5em;
163+
}
164+
ul {
165+
display: block;
166+
list-style-type: circle;
167+
}
168+
ul li ul {
169+
list-style-type: square;
170+
}
171+
ol {
172+
display: block;
173+
list-style-type: decimal;
174+
}
175+
ol li ol {
176+
list-style-type: lower-roman;
177+
}
178+
img {
179+
/* redundant? */
180+
display: inline-block;
181+
182+
height: auto;
183+
width: auto;
184+
}
185+
details > summary {
186+
border-radius: var(--rssguard-em-unit);
187+
cursor: pointer;
188+
}
189+
details > summary:hover,
190+
details[open] > summary {
191+
background-color: var(--rssguard-grey20);
192+
}
193+
details > summary:focus {
194+
box-shadow: none;
195+
outline: none;
196+
}
197+
hr {
198+
background-color: var(--rssguard-grey02);
199+
border: none;
200+
display: block;
201+
height: 2px;
202+
margin: var(--rssguard-base-unit) 0;
203+
}
204+
iframe {
205+
max-width: 100%;
206+
height: auto;
207+
width: auto;
208+
}
209+
select {
210+
max-width: 100%;
211+
}
212+
.rssguard-mwrapper {
213+
padding: var(--rssguard-base-unit) !important;
214+
}
215+
.rssguard-mhead .rssguard-msmall,
216+
.rssguard-mhead .rssguard-mlinks {
217+
opacity: .8;
218+
}
219+
.rssguard-mhead h1 {
220+
margin: 0;
221+
}
222+
.rssguard-msmall {
223+
font-size: .9em;
224+
}
225+
.rssguard-mlinks a.rssguard-menc {
226+
word-break: break-word;
227+
}
228+
.rssguard-murl {
229+
visibility: hidden;
230+
}
231+
body:hover .rssguard-mwrapper .rssguard-murl {
232+
visibility: visible;
233+
}
234+
@media only screen and (max-width: 800px) {
235+
236+
.rssguard-mbody img {
237+
max-width: 100% !important;
238+
}
239+
}
240+
.rssguard-mbody img {
241+
max-width: 450px;
242+
}
243+
.rssguard-mbody {
244+
/*
245+
* For articles without html elements;
246+
* Not sure if I want to apply this to *all*;
247+
* otherwise *must* be applied to links in mbody
248+
*/
249+
word-break: break-word;
250+
}
251+
/* Fix at least some mess produced by above */
252+
table {
253+
word-break: normal;
254+
}
255+
</style>
256+
<style>
257+
html, body, div, span, applet, object, iframe,
258+
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
259+
a, abbr, acronym, address, big, cite, code,
260+
del, dfn, em, img, ins, kbd, q, s, samp,
261+
small, strike, strong, sub, sup, tt, var,
262+
b, u, i, center,
263+
dl, dt, dd, ol, ul, li,
264+
fieldset, form, label, legend,
265+
table, caption, tbody, tfoot, thead, tr, th, td,
266+
article, aside, canvas, details, embed,
267+
figure, figcaption, footer, header, hgroup,
268+
menu, nav, output, ruby, section, summary,
269+
time, mark, audio, video {
270+
font: inherit;
271+
font-size: 100%;
272+
}
273+
html {
274+
height: 100vh;
275+
}
276+
body {
277+
height: 100vh;
278+
}
279+
</style>
280+
<title>%1</title>
281+
</head>
282+
283+
<body>
284+
%2
285+
</body>
286+
287+
</html>

‎resources/skins/nudus/metadata.xml

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
<?xml version="1.0" encoding="UTF-8" ?>
2+
<skin version="0.01">
3+
<author>
4+
<name>Maki Blackwell</name>
5+
</author>
6+
<palette>
7+
<color key="1">#3A4EE4</color>
8+
<color key="2">#E43A4E</color>
9+
<color key="3">#4EE43A</color>
10+
</palette>
11+
</skin>

‎resources/skins/nudus/theme.css

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
QTextEdit {
2+
selection-background-color: #4861f0;
3+
}
4+
5+
QStatusBar::item {
6+
border: none;
7+
}
8+
9+
QSplitter::handle {
10+
background: rgba(117, 117, 117, 0.5);
11+
}

0 commit comments

Comments
 (0)