hjp
/
rss2html
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Switch colors and use shadows instead of borders

This commit is contained in:
Peter J. Holzer 2021-05-12 23:12:41 +02:00
parent 6896e620ba
commit 41380bb04f
1 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
rss2html.css
View File

@ -1,14 +1,20 @@
:root {
--item-bg: #fff;
--itemlist-bg: #F6F6FF;
}
.item { .item {
border-style: solid; border-style: none;
border-width: 1px; border-width: 1px;
border-color: #88F; border-color: #88F;
border-radius: 0.2em 0.2em 0.2em 1.5em; border-radius: 0.2em 0.2em 0.2em 0.2em;
padding: 0.5em; padding: 0.5em;
background-color: #F6F6FF; background-color: var(--item-bg);
margin: 1em; margin: 1em;
hyphens: auto; hyphens: auto;
-moz-hyphens: auto; -moz-hyphens: auto;
max-width: 40em; max-width: 40em;
box-shadow: 0.2em 0.2em 0.5em 0.3em #0002;
} }
@media screen and (min-width: 45em) { @media screen and (min-width: 45em) {
@ -23,7 +29,7 @@
// content: ""; // content: "";
// background-color: #00F; // background-color: #00F;
// height: 6px; // height: 6px;
// background: linear-gradient(#F6F6FF, #EEEEFF); // background: linear-gradient(var(--item-bg), #EEEEFF);
// } // }
.op { .op {
@ -141,7 +147,7 @@ input[type=checkbox] ~ .feedlist {
} }
.itemlist { .itemlist {
//background-color: #EEF; background-color: var(--itemlist-bg);
font-family: "Quercus", sans-serif; font-family: "Quercus", sans-serif;
display: flex; display: flex;
flex-flow: row wrap; flex-flow: row wrap;