rssguard/resources/skins/nudus-light/html_style.css

344 lines
4.9 KiB
CSS

@charset "UTF-8";
* {
font-family: inherit;
font-size: inherit;
}
body, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, hr,
dl, dd, ol, ul, figure {
margin: 0;
padding: 0;
}
body {
background-color: #FBFBFB;
box-sizing: border-box;
color: #000000;
-webkit-text-size-adjust: 100%;
-webkit-font-feature-settings: "kern" 1;
font-feature-settings: "kern" 1;
font-kerning: normal;
min-height: 100vh;
}
::selection {
background-color: #5D88D2;
text-shadow: none;
}
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
ul, ol, dl, figure,
details {
margin-bottom: 10px;
}
hr {
background-color: #CFCFCF;
border: none;
display: block;
height: 2px;
margin: 10px 0;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 600 !important;
}
h1 {
font-size: 1.25rem !important;
}
h2 {
font-size: 1.20rem !important;
}
h3 {
font-size: 1.15rem !important;
}
h4 {
font-size: 1.1rem !important;
}
h5 {
font-size: 1rem !important;
}
h6 {
font-size: .95rem !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: .8rem !important;
}
small {
font-size: .9rem !important;
}
abbr {
cursor: help;
font-style: italic !important;
font-weight: 100 !important;
}
q {
font-style: italic !important;
}
q::before {
content: '“';
}
q::after {
content: '”';
}
time {
font-weight: 450 !important;
}
var {
font-style: oblique !important;
font-weight: 500 !important;
}
a {
color: #5D88D2;
}
a:hover {
text-decoration: none;
}
a:focus {
box-shadow: none;
outline: none;
}
cite {
font-style: italic !important;
font-weight: bold !important;
}
figure > img {
display: block;
}
figcaption {
font-size: .8rem !important;
}
blockquote {
border-left: 0.3em solid #CFCFCF;
margin-left: 0;
padding: 0 10px;
}
blockquote,
blockquote p {
color: #343434;
}
pre,
code {
border: 1px solid #DEDEDE;
border-radius: 0.1em;
color: #343434;
font-family: monospace;
font-size: .95rem !important;
}
code {
background-color: #F1F1F1;
padding: 0 .25em;
word-break: break-word;
}
pre {
background-color: #F1F1F1;
overflow-x: auto;
padding: 7px 13px;
tab-size: 2;
white-space: pre !important;
width: unset !important;
}
pre > code {
background-color: unset;
border: none;
color: unset;
padding-right: 0;
padding-left: 0;
tab-size: 2;
}
kbd {
background: #F1F1F1;
border: 1px solid #DEDEDE;
border-bottom: 3px solid #d6d6d6;
border-radius: 0.1em;
box-shadow: 0 2px 4px #ececec, inset 0 1px #FBFBFB;
font-size: .9rem !important;
padding: .1em .4em .2em .4em;
}
select {
background-color: #F1F1F1;
border: 1px solid #DEDEDE;
border-radius: 0.1em;
color: #000000;
padding: .04em .25em;
width: 100%;
}
select:focus {
box-shadow: none;
outline: none;
background-color: #FBFBFB;
}
select > option {
background-color: #FBFBFB;
}
table {
border-collapse: collapse;
width: 100% !important;
}
li {
display: list-item;
}
ul,
ol {
padding-left: 1.5em;
}
ul {
list-style-type: disc;
}
ul li ul {
list-style-type: square;
}
ol {
list-style-type: decimal;
}
ol li ol {
list-style-type: lower-roman;
}
img {
height: auto;
}
details {
border: 1px solid #F1F1F1;
border-radius: 0.1em;
padding: .5em .5em 0;
}
details > summary {
background-color: #F1F1F1;
border-radius: 0.09em;
cursor: pointer;
margin: -.5em -.5em 0;
padding-left: .5em;
}
details > summary:focus {
box-shadow: none;
outline: none;
}
details *:last-child {
margin-bottom: 0;
}
details[open] {
border-color: #DEDEDE;
padding: .5em;
}
details[open] > summary {
border-bottom: 1px solid #DEDEDE;
border-radius: 0.09em 0.09em 0 0;
margin-bottom: .5em;
}
iframe {
max-width: 100%;
height: auto;
width: auto;
}
a:focus,
select:focus,
summary:focus {
background-color: #DEDEDE;
text-shadow: 0 -1px #FBFBFB;
}
:target {
outline: 1px solid #5D88D2;
}
.rssguard-mwrapper {
padding: 10px !important;
}
.rssguard-mwrapper .rssguard-mhead .msmall,
.rssguard-mwrapper .rssguard-mhead .mlinks {
opacity: .8;
}
.rssguard-mwrapper .rssguard-mhead > h1 {
margin: 0;
}
.rssguard-mwrapper .rssguard-mhead .msmall {
font-size: .9em;
}
.rssguard-mwrapper .rssguard-mhead .mlinks .menc {
word-break: break-word;
}
.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 {
max-width: 100% !important;
}
}
.rssguard-mbody {
word-break: break-word;
}
table {
word-break: normal;
}
::selection {
color: #F1F1F1;
}
/*# sourceMappingURL=html_style.css.map */