hugo-bearblog/layouts/partials/style.html

168 lines
2.0 KiB
HTML
Raw Normal View History

2020-08-31 13:40:11 +00:00
<style>
body {
font-family: Verdana, sans-serif;
margin: auto;
padding: 20px;
max-width: 720px;
text-align: left;
background-color: #fff;
2020-08-31 13:40:11 +00:00
word-wrap: break-word;
overflow-wrap: break-word;
line-height: 1.5;
color: #444;
}
h1,
h2,
h3,
h4,
h5,
h6,
strong,
b {
color: #222;
}
a {
color: #3273dc;
/*color: #ff5e6c;*/
2020-08-31 13:40:11 +00:00
}
.title {
text-decoration: none;
border: 0;
}
.title span {
font-weight: 400;
}
nav a {
margin-right: 10px;
}
textarea {
width: 100%;
font-size: 16px;
}
input {
font-size: 16px;
}
content {
line-height: 1.6;
}
table {
width: 100%;
}
img {
max-width: 100%;
}
code {
padding: 2px 5px;
background-color: #f2f2f2;
2020-08-31 13:40:11 +00:00
}
pre code {
color: #222;
2020-08-31 13:40:11 +00:00
display: block;
padding: 20px;
2020-08-31 13:40:11 +00:00
white-space: pre-wrap;
font-size: 14px;
2020-08-31 13:40:11 +00:00
}
div.highlight code {
background-color: unset;
color: initial;
}
2020-08-31 13:40:11 +00:00
blockquote {
border-left: 1px solid #999;
color: #222;
padding-left: 20px;
2020-08-31 13:40:11 +00:00
font-style: italic;
}
footer {
padding: 25px;
text-align: center;
}
.helptext {
color: #777;
font-size: small;
}
.errorlist {
color: #eba613;
font-size: small;
}
/* blog posts */
ul.blog-posts {
list-style-type: none;
padding: unset;
}
ul.blog-posts li {
display: flex;
}
ul.blog-posts li span {
flex: 0 0 130px;
}
ul.blog-posts li a:visited {
color: #8b6fcb;
}
@media (prefers-color-scheme: dark) {
body {
background-color: #333;
color: #ddd;
}
h1,
h2,
h3,
h4,
h5,
h6,
strong,
b {
color: #eee;
}
a {
color: #8cc2dd;
}
code {
background-color: #777;
}
pre code {
color: #ddd;
}
blockquote {
color: #ccc;
}
textarea,
input {
background-color: #252525;
color: #ddd;
}
.helptext {
color: #aaa;
}
}
2020-08-31 13:40:11 +00:00
</style>