56 lines
1.0 KiB
CSS
56 lines
1.0 KiB
CSS
html, html[data-theme="light"] {
|
|
--background-color: snow;
|
|
--color: #000;
|
|
}
|
|
|
|
html[data-theme="dark"] {
|
|
--background-color: #1f272d;
|
|
--color: #fff;
|
|
--tcolor: pink;
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
html {
|
|
--background-color: #222830;
|
|
--color: #fff;
|
|
--hcolor: #e976d9;
|
|
--tcolor: pink;
|
|
}
|
|
}
|
|
.articles {
|
|
padding: 5px;
|
|
border: var(--line-width) solid;
|
|
border-top-style: dashed;
|
|
border-bottom-style: dashed;
|
|
border-right-style: none;
|
|
border-left-style: none;
|
|
}
|
|
section {
|
|
border: var(--line-width) solid;
|
|
border-left-style: none;
|
|
border-right-style: none;
|
|
border-top-style: none;
|
|
text-align: left;
|
|
padding-bottom: 20px;
|
|
padding-top: 0px;
|
|
}
|
|
h3 {
|
|
text-align: left;
|
|
margin-top: 10px;
|
|
padding-top: 0px;
|
|
color: var(--hcolor);
|
|
}
|
|
.summary {
|
|
padding-left: 1.5rem;
|
|
margin-top: 0.1rem;
|
|
}
|
|
.metadata {
|
|
padding-left: 0.5rem;
|
|
border-top-style: none;
|
|
border-bottom-style: none;
|
|
padding-bottom: 0.3rem;
|
|
}
|
|
.metadata a {
|
|
text-decoration: underline;
|
|
color: var(--tcolor);
|
|
}
|