disable some forced sizes in nudus-* skin to make image scalling possible
This commit is contained in:
Martin Rotter
parent
b8f2295bc9
commit
d2210bd01c
3 changed files with 148 additions and 255 deletions
|
|
@ -293,7 +293,7 @@ ol {
|
||||||
|
|
||||||
img {
|
img {
|
||||||
// Let the width be defined (see .rssguard-mbody img), but keep aspect ratio
|
// Let the width be defined (see .rssguard-mbody img), but keep aspect ratio
|
||||||
height: auto;
|
//height: auto;
|
||||||
// `width auto` creates many problems even if set as a fallback
|
// `width auto` creates many problems even if set as a fallback
|
||||||
//width: auto;
|
//width: auto;
|
||||||
}
|
}
|
||||||
|
|
@ -394,9 +394,9 @@ summary {
|
||||||
.rssguard-mbody img {
|
.rssguard-mbody img {
|
||||||
// Needs to be `!important` when max-width is defined by image style
|
// Needs to be `!important` when max-width is defined by image style
|
||||||
// <img src="https://....png" alt="alt" style="max-width: 100%;">
|
// <img src="https://....png" alt="alt" style="max-width: 100%;">
|
||||||
max-width: 450px !important;
|
//max-width: 450px !important;
|
||||||
// For cases when they both are set
|
// For cases when they both are set
|
||||||
max-height: unset !important;
|
//max-height: unset !important;
|
||||||
|
|
||||||
@media only screen and (max-width: 800px) {
|
@media only screen and (max-width: 800px) {
|
||||||
// `!important` to override `!important` that is set above
|
// `!important` to override `!important` that is set above
|
||||||
|
|
|
||||||
|
|
@ -1,15 +1,13 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
* {
|
* {
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
font-size: inherit;
|
font-size: inherit; }
|
||||||
}
|
|
||||||
|
|
||||||
body, h1, h2, h3, h4, h5, h6,
|
body, h1, h2, h3, h4, h5, h6,
|
||||||
p, blockquote, pre, hr,
|
p, blockquote, pre, hr,
|
||||||
dl, dd, ol, ul, figure {
|
dl, dd, ol, ul, figure {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0; }
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background-color: #2F3134;
|
background-color: #2F3134;
|
||||||
|
|
@ -19,148 +17,115 @@ body {
|
||||||
-webkit-font-feature-settings: "kern" 1;
|
-webkit-font-feature-settings: "kern" 1;
|
||||||
font-feature-settings: "kern" 1;
|
font-feature-settings: "kern" 1;
|
||||||
font-kerning: normal;
|
font-kerning: normal;
|
||||||
min-height: 100vh;
|
min-height: 100vh; }
|
||||||
}
|
|
||||||
|
|
||||||
::selection {
|
::selection {
|
||||||
background-color: #647595;
|
background-color: #647595;
|
||||||
text-shadow: none;
|
text-shadow: none; }
|
||||||
}
|
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6,
|
h1, h2, h3, h4, h5, h6,
|
||||||
p, blockquote, pre,
|
p, blockquote, pre,
|
||||||
ul, ol, dl, figure,
|
ul, ol, dl, figure,
|
||||||
details {
|
details {
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px; }
|
||||||
}
|
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
background-color: #545556;
|
background-color: #545556;
|
||||||
border: none;
|
border: none;
|
||||||
display: block;
|
display: block;
|
||||||
height: 2px;
|
height: 2px;
|
||||||
margin: 10px 0;
|
margin: 10px 0; }
|
||||||
}
|
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
h1, h2, h3, h4, h5, h6 {
|
||||||
font-weight: 600 !important;
|
font-weight: 600 !important; }
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 1.25rem !important;
|
font-size: 1.25rem !important; }
|
||||||
}
|
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
font-size: 1.20rem !important;
|
font-size: 1.20rem !important; }
|
||||||
}
|
|
||||||
|
|
||||||
h3 {
|
h3 {
|
||||||
font-size: 1.15rem !important;
|
font-size: 1.15rem !important; }
|
||||||
}
|
|
||||||
|
|
||||||
h4 {
|
h4 {
|
||||||
font-size: 1.1rem !important;
|
font-size: 1.1rem !important; }
|
||||||
}
|
|
||||||
|
|
||||||
h5 {
|
h5 {
|
||||||
font-size: 1rem !important;
|
font-size: 1rem !important; }
|
||||||
}
|
|
||||||
|
|
||||||
h6 {
|
h6 {
|
||||||
font-size: .95rem !important;
|
font-size: .95rem !important; }
|
||||||
}
|
|
||||||
|
|
||||||
b {
|
b {
|
||||||
font-weight: bold !important;
|
font-weight: bold !important; }
|
||||||
}
|
|
||||||
|
|
||||||
i {
|
i {
|
||||||
font-style: italic !important;
|
font-style: italic !important; }
|
||||||
}
|
|
||||||
|
|
||||||
strong {
|
strong {
|
||||||
font-weight: 800 !important;
|
font-weight: 800 !important; }
|
||||||
}
|
|
||||||
|
|
||||||
em {
|
em {
|
||||||
font-style: oblique !important;
|
font-style: oblique !important; }
|
||||||
}
|
|
||||||
|
|
||||||
mark {
|
mark {
|
||||||
background-color: #f8d08c66;
|
background-color: #f8d08c66; }
|
||||||
}
|
|
||||||
|
|
||||||
sub,
|
sub,
|
||||||
sup {
|
sup {
|
||||||
font-size: .8rem !important;
|
font-size: .8rem !important; }
|
||||||
}
|
|
||||||
|
|
||||||
small {
|
small {
|
||||||
font-size: .9rem !important;
|
font-size: .9rem !important; }
|
||||||
}
|
|
||||||
|
|
||||||
abbr {
|
abbr {
|
||||||
cursor: help;
|
cursor: help;
|
||||||
font-style: italic !important;
|
font-style: italic !important;
|
||||||
font-weight: 100 !important;
|
font-weight: 100 !important; }
|
||||||
}
|
|
||||||
|
|
||||||
q {
|
q {
|
||||||
font-style: italic !important;
|
font-style: italic !important; }
|
||||||
}
|
q::before {
|
||||||
q::before {
|
content: '“'; }
|
||||||
content: '“';
|
q::after {
|
||||||
}
|
content: '”'; }
|
||||||
q::after {
|
|
||||||
content: '”';
|
|
||||||
}
|
|
||||||
|
|
||||||
time {
|
time {
|
||||||
font-weight: 450 !important;
|
font-weight: 450 !important; }
|
||||||
}
|
|
||||||
|
|
||||||
var {
|
var {
|
||||||
font-style: oblique !important;
|
font-style: oblique !important;
|
||||||
font-weight: 500 !important;
|
font-weight: 500 !important; }
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: #647595;
|
color: #647595; }
|
||||||
}
|
a:hover {
|
||||||
a:hover {
|
text-decoration: none; }
|
||||||
text-decoration: none;
|
a:focus {
|
||||||
}
|
|
||||||
a:focus {
|
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
outline: none;
|
outline: none; }
|
||||||
}
|
|
||||||
|
|
||||||
cite {
|
cite {
|
||||||
font-style: italic !important;
|
font-style: italic !important;
|
||||||
font-weight: bold !important;
|
font-weight: bold !important; }
|
||||||
}
|
|
||||||
|
|
||||||
figure {
|
figure {
|
||||||
max-width: 100%;
|
max-width: 100%; }
|
||||||
}
|
|
||||||
|
|
||||||
figure > img {
|
figure > img {
|
||||||
display: block;
|
display: block; }
|
||||||
}
|
|
||||||
|
|
||||||
figcaption {
|
figcaption {
|
||||||
font-size: .8rem !important;
|
font-size: .8rem !important; }
|
||||||
}
|
|
||||||
|
|
||||||
blockquote {
|
blockquote {
|
||||||
border-left: 0.3em solid #545556;
|
border-left: 0.3em solid #545556;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
padding: 0 10px;
|
padding: 0 10px; }
|
||||||
}
|
blockquote,
|
||||||
blockquote,
|
blockquote p {
|
||||||
blockquote p {
|
color: #E2E2E2; }
|
||||||
color: #E2E2E2;
|
|
||||||
}
|
|
||||||
|
|
||||||
pre,
|
pre,
|
||||||
code {
|
code {
|
||||||
|
|
@ -168,14 +133,12 @@ code {
|
||||||
border-radius: 0.3em;
|
border-radius: 0.3em;
|
||||||
color: #E2E2E2;
|
color: #E2E2E2;
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
font-size: .95rem !important;
|
font-size: .95rem !important; }
|
||||||
}
|
|
||||||
|
|
||||||
code {
|
code {
|
||||||
background-color: rgba(33, 35, 39, 0.4);
|
background-color: rgba(33, 35, 39, 0.4);
|
||||||
padding: 0 .25em;
|
padding: 0 .25em;
|
||||||
word-break: break-word;
|
word-break: break-word; }
|
||||||
}
|
|
||||||
|
|
||||||
pre {
|
pre {
|
||||||
background-color: rgba(33, 35, 39, 0.4);
|
background-color: rgba(33, 35, 39, 0.4);
|
||||||
|
|
@ -183,16 +146,14 @@ pre {
|
||||||
padding: 7px 13px;
|
padding: 7px 13px;
|
||||||
tab-size: 2;
|
tab-size: 2;
|
||||||
white-space: pre !important;
|
white-space: pre !important;
|
||||||
width: unset !important;
|
width: unset !important; }
|
||||||
}
|
pre > code {
|
||||||
pre > code {
|
|
||||||
background-color: unset;
|
background-color: unset;
|
||||||
border: none;
|
border: none;
|
||||||
color: unset;
|
color: unset;
|
||||||
padding-right: 0;
|
padding-right: 0;
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
tab-size: 2;
|
tab-size: 2; }
|
||||||
}
|
|
||||||
|
|
||||||
kbd {
|
kbd {
|
||||||
background: rgba(33, 35, 39, 0.4);
|
background: rgba(33, 35, 39, 0.4);
|
||||||
|
|
@ -201,8 +162,7 @@ kbd {
|
||||||
border-radius: 0.3em;
|
border-radius: 0.3em;
|
||||||
box-shadow: 0 2px 4px #202224, inset 0 1px #2F3134;
|
box-shadow: 0 2px 4px #202224, inset 0 1px #2F3134;
|
||||||
font-size: .9rem !important;
|
font-size: .9rem !important;
|
||||||
padding: .1em .4em .2em .4em;
|
padding: .1em .4em .2em .4em; }
|
||||||
}
|
|
||||||
|
|
||||||
select {
|
select {
|
||||||
background-color: rgba(33, 35, 39, 0.4);
|
background-color: rgba(33, 35, 39, 0.4);
|
||||||
|
|
@ -210,135 +170,97 @@ select {
|
||||||
border-radius: 0.3em;
|
border-radius: 0.3em;
|
||||||
color: #f5f5f5;
|
color: #f5f5f5;
|
||||||
padding: .04em .25em;
|
padding: .04em .25em;
|
||||||
width: 100%;
|
width: 100%; }
|
||||||
}
|
select:focus {
|
||||||
select:focus {
|
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
outline: none;
|
outline: none;
|
||||||
background-color: #2F3134;
|
background-color: #2F3134; }
|
||||||
}
|
select > option {
|
||||||
select > option {
|
background-color: #2F3134; }
|
||||||
background-color: #2F3134;
|
|
||||||
}
|
|
||||||
|
|
||||||
table {
|
table {
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
width: 100% !important;
|
width: 100% !important; }
|
||||||
}
|
|
||||||
|
|
||||||
li {
|
li {
|
||||||
display: list-item;
|
display: list-item; }
|
||||||
}
|
|
||||||
|
|
||||||
ul,
|
ul,
|
||||||
ol {
|
ol {
|
||||||
padding-left: 1.5em;
|
padding-left: 1.5em; }
|
||||||
}
|
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
list-style-type: disc;
|
list-style-type: disc; }
|
||||||
}
|
ul li ul {
|
||||||
ul li ul {
|
list-style-type: square; }
|
||||||
list-style-type: square;
|
|
||||||
}
|
|
||||||
|
|
||||||
ol {
|
ol {
|
||||||
list-style-type: decimal;
|
list-style-type: decimal; }
|
||||||
}
|
ol li ol {
|
||||||
ol li ol {
|
list-style-type: lower-roman; }
|
||||||
list-style-type: lower-roman;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
details {
|
details {
|
||||||
border: 1px solid rgba(33, 35, 39, 0.4);
|
border: 1px solid rgba(33, 35, 39, 0.4);
|
||||||
border-radius: 0.3em;
|
border-radius: 0.3em;
|
||||||
padding: .5em .5em 0;
|
padding: .5em .5em 0; }
|
||||||
}
|
details > summary {
|
||||||
details > summary {
|
|
||||||
background-color: rgba(33, 35, 39, 0.4);
|
background-color: rgba(33, 35, 39, 0.4);
|
||||||
border-radius: 0.27em;
|
border-radius: 0.27em;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
margin: -.5em -.5em 0;
|
margin: -.5em -.5em 0;
|
||||||
padding-left: .5em;
|
padding-left: .5em; }
|
||||||
}
|
details > summary:focus {
|
||||||
details > summary:focus {
|
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
outline: none;
|
outline: none; }
|
||||||
}
|
details *:last-child {
|
||||||
details *:last-child {
|
margin-bottom: 0; }
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
details[open] {
|
details[open] {
|
||||||
border-color: #222325;
|
border-color: #222325;
|
||||||
padding: .5em;
|
padding: .5em; }
|
||||||
}
|
details[open] > summary {
|
||||||
details[open] > summary {
|
|
||||||
border-bottom: 1px solid #222325;
|
border-bottom: 1px solid #222325;
|
||||||
border-radius: 0.27em 0.27em 0 0;
|
border-radius: 0.27em 0.27em 0 0;
|
||||||
margin-bottom: .5em;
|
margin-bottom: .5em; }
|
||||||
}
|
|
||||||
|
|
||||||
iframe {
|
iframe {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
width: auto;
|
width: auto; }
|
||||||
}
|
|
||||||
|
|
||||||
a:focus,
|
a:focus,
|
||||||
select:focus,
|
select:focus,
|
||||||
summary:focus {
|
summary:focus {
|
||||||
background-color: #222325;
|
background-color: #222325;
|
||||||
text-shadow: 0 -1px #2F3134;
|
text-shadow: 0 -1px #2F3134; }
|
||||||
}
|
|
||||||
|
|
||||||
:target {
|
:target {
|
||||||
outline: 1px solid #647595;
|
outline: 1px solid #647595; }
|
||||||
}
|
|
||||||
|
|
||||||
.rssguard-mwrapper {
|
.rssguard-mwrapper {
|
||||||
padding: 10px !important;
|
padding: 10px !important; }
|
||||||
}
|
.rssguard-mwrapper .rssguard-mhead .msmall,
|
||||||
.rssguard-mwrapper .rssguard-mhead .msmall,
|
.rssguard-mwrapper .rssguard-mhead .mlinks {
|
||||||
.rssguard-mwrapper .rssguard-mhead .mlinks {
|
opacity: .8; }
|
||||||
opacity: .8;
|
.rssguard-mwrapper .rssguard-mhead > h1 {
|
||||||
}
|
margin: 0; }
|
||||||
.rssguard-mwrapper .rssguard-mhead > h1 {
|
.rssguard-mwrapper .rssguard-mhead .msmall {
|
||||||
margin: 0;
|
font-size: .9em; }
|
||||||
}
|
.rssguard-mwrapper .rssguard-mhead .mlinks .menc {
|
||||||
.rssguard-mwrapper .rssguard-mhead .msmall {
|
word-break: break-word; }
|
||||||
font-size: .9em;
|
.rssguard-mwrapper .rssguard-mhead .mlinks .mwrapurl {
|
||||||
}
|
display: inline-flex; }
|
||||||
.rssguard-mwrapper .rssguard-mhead .mlinks .menc {
|
.rssguard-mwrapper .rssguard-mhead .mlinks .mwrapurl a[href=""], .rssguard-mwrapper .rssguard-mhead .mlinks .mwrapurl a[href=""] + span {
|
||||||
word-break: break-word;
|
display: none; }
|
||||||
}
|
@media only screen and (max-width: 800px) {
|
||||||
.rssguard-mwrapper .rssguard-mhead .mlinks .mwrapurl {
|
|
||||||
display: inline-flex;
|
|
||||||
}
|
|
||||||
.rssguard-mwrapper .rssguard-mhead .mlinks .mwrapurl a[href=""], .rssguard-mwrapper .rssguard-mhead .mlinks .mwrapurl a[href=""] + span {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.rssguard-mwrapper .rssguard-mbody img {
|
|
||||||
max-width: 450px !important;
|
|
||||||
max-height: unset !important;
|
|
||||||
}
|
|
||||||
@media only screen and (max-width: 800px) {
|
|
||||||
.rssguard-mwrapper .rssguard-mbody img {
|
.rssguard-mwrapper .rssguard-mbody img {
|
||||||
max-width: 100% !important;
|
max-width: 100% !important; } }
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.rssguard-mbody {
|
.rssguard-mbody {
|
||||||
word-break: break-word;
|
word-break: break-word; }
|
||||||
}
|
|
||||||
|
|
||||||
table {
|
table {
|
||||||
word-break: normal;
|
word-break: normal; }
|
||||||
}
|
|
||||||
|
|
||||||
html::before,
|
html::before,
|
||||||
html::after,
|
html::after,
|
||||||
|
|
@ -348,133 +270,106 @@ body::after {
|
||||||
background-color: #222325;
|
background-color: #222325;
|
||||||
display: block;
|
display: block;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
z-index: 5;
|
z-index: 5; }
|
||||||
}
|
|
||||||
|
|
||||||
html::before {
|
html::before {
|
||||||
height: 1px;
|
height: 1px;
|
||||||
left: 0;
|
left: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
top: 0;
|
top: 0; }
|
||||||
}
|
|
||||||
|
|
||||||
html::after {
|
html::after {
|
||||||
width: 1px;
|
width: 1px;
|
||||||
top: 0;
|
top: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
bottom: 0;
|
bottom: 0; }
|
||||||
}
|
|
||||||
|
|
||||||
body::before {
|
body::before {
|
||||||
height: 1px;
|
height: 1px;
|
||||||
right: 0;
|
right: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 0;
|
left: 0; }
|
||||||
}
|
|
||||||
|
|
||||||
body::after {
|
body::after {
|
||||||
width: 1px;
|
width: 1px;
|
||||||
top: 0;
|
top: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 0;
|
left: 0; }
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar {
|
::-webkit-scrollbar {
|
||||||
height: 13px;
|
height: 13px;
|
||||||
width: 14px;
|
width: 14px; }
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar-track,
|
::-webkit-scrollbar-track,
|
||||||
::-webkit-scrollbar-corner {
|
::-webkit-scrollbar-corner {
|
||||||
background-color: #313235;
|
background-color: #313235;
|
||||||
box-shadow: inset 1px 1px #2c2d30;
|
box-shadow: inset 1px 1px #2c2d30; }
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar-corner {
|
::-webkit-scrollbar-corner {
|
||||||
border-radius: 0 0 0.3em 0;
|
border-radius: 0 0 0.3em 0; }
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar-thumb {
|
::-webkit-scrollbar-thumb {
|
||||||
box-shadow: inset 1px 1px #515258, inset -1px -1px #515258, inset 0px 1px #515258, inset 0px -1px #515258, inset 1px 0px #515258, inset 1px -1px #515258, inset -1px 0px #515258, inset -1px 1px #515258;
|
box-shadow: inset 1px 1px #515258, inset -1px -1px #515258, inset 0px 1px #515258, inset 0px -1px #515258, inset 1px 0px #515258, inset 1px -1px #515258, inset -1px 0px #515258, inset -1px 1px #515258; }
|
||||||
}
|
::-webkit-scrollbar-thumb:horizontal {
|
||||||
::-webkit-scrollbar-thumb:horizontal {
|
|
||||||
background-image: linear-gradient(#3b3c40 5%, #36373b);
|
background-image: linear-gradient(#3b3c40 5%, #36373b);
|
||||||
min-width: 25px;
|
min-width: 25px; }
|
||||||
}
|
::-webkit-scrollbar-thumb:horizontal:hover {
|
||||||
::-webkit-scrollbar-thumb:horizontal:hover {
|
background-image: linear-gradient(#3d3e43 25%, #36373b); }
|
||||||
background-image: linear-gradient(#3d3e43 25%, #36373b);
|
::-webkit-scrollbar-thumb:vertical {
|
||||||
}
|
|
||||||
::-webkit-scrollbar-thumb:vertical {
|
|
||||||
background-image: linear-gradient(to right, #3b3c40 5%, #36373b);
|
background-image: linear-gradient(to right, #3b3c40 5%, #36373b);
|
||||||
min-height: 25px;
|
min-height: 25px; }
|
||||||
}
|
::-webkit-scrollbar-thumb:vertical:hover {
|
||||||
::-webkit-scrollbar-thumb:vertical:hover {
|
background-image: linear-gradient(to right, #3d3e43 25%, #36373b); }
|
||||||
background-image: linear-gradient(to right, #3d3e43 25%, #36373b);
|
::-webkit-scrollbar-thumb:active {
|
||||||
}
|
background-image: linear-gradient(#36373b, #36373b) !important; }
|
||||||
::-webkit-scrollbar-thumb:active {
|
|
||||||
background-image: linear-gradient(#36373b, #36373b) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
:not(body)::-webkit-scrollbar-thumb:horizontal {
|
:not(body)::-webkit-scrollbar-thumb:horizontal {
|
||||||
box-shadow: inset 1px 1px #515258, inset -1px -1px #515258, inset 0px 1px #515258, inset 0px -1px #515258, inset 1px 0px #515258, inset 1px -1px #515258, inset -1px 0px #515258, inset -1px 1px #515258, 1px 0px #222325, 1px 1px #222325, -1px 1px #222325, -1px 0px #222325;
|
box-shadow: inset 1px 1px #515258, inset -1px -1px #515258, inset 0px 1px #515258, inset 0px -1px #515258, inset 1px 0px #515258, inset 1px -1px #515258, inset -1px 0px #515258, inset -1px 1px #515258, 1px 0px #222325, 1px 1px #222325, -1px 1px #222325, -1px 0px #222325; }
|
||||||
}
|
|
||||||
:not(body)::-webkit-scrollbar-thumb:vertical {
|
:not(body)::-webkit-scrollbar-thumb:vertical {
|
||||||
box-shadow: inset 1px 1px #515258, inset -1px -1px #515258, inset 0px 1px #515258, inset 0px -1px #515258, inset 1px 0px #515258, inset 1px -1px #515258, inset -1px 0px #515258, inset -1px 1px #515258, 0px -1px #222325, 1px -1px #222325, 1px 1px #222325, 0px 1px #222325;
|
box-shadow: inset 1px 1px #515258, inset -1px -1px #515258, inset 0px 1px #515258, inset 0px -1px #515258, inset 1px 0px #515258, inset 1px -1px #515258, inset -1px 0px #515258, inset -1px 1px #515258, 0px -1px #222325, 1px -1px #222325, 1px 1px #222325, 0px 1px #222325; }
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar-thumb:horizontal,
|
::-webkit-scrollbar-thumb:horizontal,
|
||||||
::-webkit-scrollbar-track:horizontal {
|
::-webkit-scrollbar-track:horizontal {
|
||||||
border-top: 1px solid #222325;
|
border-top: 1px solid #222325; }
|
||||||
}
|
|
||||||
::-webkit-scrollbar-thumb:vertical,
|
::-webkit-scrollbar-thumb:vertical,
|
||||||
::-webkit-scrollbar-track:vertical {
|
::-webkit-scrollbar-track:vertical {
|
||||||
border-left: 1px solid #222325;
|
border-left: 1px solid #222325; }
|
||||||
}
|
|
||||||
|
|
||||||
body::-webkit-scrollbar-thumb:horizontal, body::-webkit-scrollbar-thumb:vertical,
|
body::-webkit-scrollbar-thumb:horizontal, body::-webkit-scrollbar-thumb:vertical,
|
||||||
body::-webkit-scrollbar-track:horizontal,
|
body::-webkit-scrollbar-track:horizontal,
|
||||||
body::-webkit-scrollbar-track:vertical {
|
body::-webkit-scrollbar-track:vertical {
|
||||||
border: 1px solid #222325;
|
border: 1px solid #222325; }
|
||||||
}
|
|
||||||
body::-webkit-scrollbar-thumb:horizontal,
|
body::-webkit-scrollbar-thumb:horizontal,
|
||||||
body::-webkit-scrollbar-track:horizontal {
|
body::-webkit-scrollbar-track:horizontal {
|
||||||
border-top: none;
|
border-top: none; }
|
||||||
}
|
|
||||||
body::-webkit-scrollbar-thumb:vertical,
|
body::-webkit-scrollbar-thumb:vertical,
|
||||||
body::-webkit-scrollbar-track:vertical {
|
body::-webkit-scrollbar-track:vertical {
|
||||||
border-left: none;
|
border-left: none; }
|
||||||
}
|
|
||||||
|
|
||||||
body::-webkit-scrollbar-corner {
|
body::-webkit-scrollbar-corner {
|
||||||
border: 1px solid #222325;
|
border: 1px solid #222325;
|
||||||
border-top: none;
|
border-top: none;
|
||||||
border-left: none;
|
border-left: none; }
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar-track:corner-present:horizontal,
|
::-webkit-scrollbar-track:corner-present:horizontal,
|
||||||
::-webkit-scrollbar-thumb:corner-present:horizontal {
|
::-webkit-scrollbar-thumb:corner-present:horizontal {
|
||||||
border-radius: 0 0 0 0.3em;
|
border-radius: 0 0 0 0.3em; }
|
||||||
}
|
|
||||||
::-webkit-scrollbar-track:corner-present:vertical,
|
::-webkit-scrollbar-track:corner-present:vertical,
|
||||||
::-webkit-scrollbar-thumb:corner-present:vertical {
|
::-webkit-scrollbar-thumb:corner-present:vertical {
|
||||||
border-radius: 0 0.3em 0 0;
|
border-radius: 0 0.3em 0 0; }
|
||||||
}
|
|
||||||
::-webkit-scrollbar-track:horizontal,
|
::-webkit-scrollbar-track:horizontal,
|
||||||
::-webkit-scrollbar-thumb:horizontal {
|
::-webkit-scrollbar-thumb:horizontal {
|
||||||
border-radius: 0 0 0.3em 0.3em;
|
border-radius: 0 0 0.3em 0.3em; }
|
||||||
}
|
|
||||||
::-webkit-scrollbar-track:vertical,
|
::-webkit-scrollbar-track:vertical,
|
||||||
::-webkit-scrollbar-thumb:vertical {
|
::-webkit-scrollbar-thumb:vertical {
|
||||||
border-radius: 0 0.3em 0.3em 0;
|
border-radius: 0 0.3em 0.3em 0; }
|
||||||
}
|
|
||||||
|
|
||||||
/* Please enable JS for additional colouring features */
|
/* Please enable JS for additional colouring features */
|
||||||
:root {
|
:root {
|
||||||
--rssguard-red: 0;
|
--rssguard-red: 0;
|
||||||
--rssguard-green: 0;
|
--rssguard-green: 0;
|
||||||
--rssguard-blue: 0;
|
--rssguard-blue: 0;
|
||||||
--rssguard-threshold: 0.5;
|
--rssguard-threshold: 0.5; }
|
||||||
}
|
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
--rssguard-r: calc(var(--rssguard-red) * 0.2126);
|
--rssguard-r: calc(var(--rssguard-red) * 0.2126);
|
||||||
|
|
@ -486,14 +381,12 @@ body::-webkit-scrollbar-corner {
|
||||||
var(--rssguard-g) +
|
var(--rssguard-g) +
|
||||||
var(--rssguard-b)
|
var(--rssguard-b)
|
||||||
);
|
);
|
||||||
--rssguard-perceived-lightness: calc(var(--rssguard-sum) / 255);
|
--rssguard-perceived-lightness: calc(var(--rssguard-sum) / 255); }
|
||||||
}
|
|
||||||
|
|
||||||
body,
|
body,
|
||||||
::selection,
|
::selection,
|
||||||
mark, code, pre, pre > code,
|
mark, code, pre, pre > code,
|
||||||
blockquote, blockquote p {
|
blockquote, blockquote p {
|
||||||
color: hsla(0, 0%, calc( ( var(--rssguard-perceived-lightness) - var(--rssguard-threshold) ) * -10000000% ), 0.9);
|
color: hsla(0, 0%, calc( ( var(--rssguard-perceived-lightness) - var(--rssguard-threshold) ) * -10000000% ), 0.9); }
|
||||||
}
|
|
||||||
|
|
||||||
/*# sourceMappingURL=html_style.css.map */
|
/*# sourceMappingURL=html_style.css.map */
|
||||||
|
|
|
||||||
|
|
@ -328,7 +328,7 @@ QString WebFactory::limitSizeOfHtmlImages(const QString& html, int desired_width
|
||||||
else {
|
else {
|
||||||
// We do not know image dimensions and size limitting is not there.
|
// We do not know image dimensions and size limitting is not there.
|
||||||
attrs.insert("width", QString::number(desired_width / 2));
|
attrs.insert("width", QString::number(desired_width / 2));
|
||||||
}
|
}cd
|
||||||
*/
|
*/
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue