hugo-bearblog/assets/css/style.css

172 lines
2.0 KiB
CSS
Raw Normal View History

body {
2020-08-31 13:40:11 +00:00
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 {
2020-08-31 13:40:11 +00:00
color: #222;
}
2020-08-31 13:40:11 +00:00
a {
2020-08-31 13:40:11 +00:00
color: #3273dc;
/*color: #ff5e6c;*/
}
2020-08-31 13:40:11 +00:00
.title {
2020-08-31 13:40:11 +00:00
text-decoration: none;
border: 0;
}
2020-08-31 13:40:11 +00:00
.title span {
2020-08-31 13:40:11 +00:00
font-weight: 400;
}
2020-08-31 13:40:11 +00:00
nav a {
2020-08-31 13:40:11 +00:00
margin-right: 10px;
}
2020-08-31 13:40:11 +00:00
textarea {
2020-08-31 13:40:11 +00:00
width: 100%;
font-size: 16px;
}
2020-08-31 13:40:11 +00:00
input {
2020-08-31 13:40:11 +00:00
font-size: 16px;
}
2020-08-31 13:40:11 +00:00
content {
2020-08-31 13:40:11 +00:00
line-height: 1.6;
}
2020-08-31 13:40:11 +00:00
table {
2020-08-31 13:40:11 +00:00
width: 100%;
}
2020-08-31 13:40:11 +00:00
img {
2020-08-31 13:40:11 +00:00
max-width: 100%;
}
2020-08-31 13:40:11 +00:00
code {
2020-08-31 13:40:11 +00:00
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;
overflow-x: auto;
}
2020-08-31 13:40:11 +00:00
div.highlight pre {
background-color: initial;
color: initial;
}
div.highlight code {
background-color: unset;
color: unset;
}
blockquote {
2020-08-31 13:40:11 +00:00
border-left: 1px solid #999;
color: #222;
padding-left: 20px;
2020-08-31 13:40:11 +00:00
font-style: italic;
}
2020-08-31 13:40:11 +00:00
footer {
2020-08-31 13:40:11 +00:00
padding: 25px;
text-align: center;
}
2020-08-31 13:40:11 +00:00
.helptext {
2020-08-31 13:40:11 +00:00
color: #777;
font-size: small;
}
2020-08-31 13:40:11 +00:00
.errorlist {
2020-08-31 13:40:11 +00:00
color: #eba613;
font-size: small;
}
2020-08-31 13:40:11 +00:00
/* 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;
}
.blog-link {
text-decoration: none;
}
.dark-mode {
background-color: #333;
color: #ddd;
}
.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6,
.dark-mode strong,
.dark-mode b {
color: #eee;
}
.dark-mode a {
color: #8cc2dd;
}
.dark-mode code {
background-color: #777;
}
.dark-mode pre code {
color: #ddd;
}
.dark-mode blockquote {
color: #ccc;
}
.dark-mode textarea,
.dark-mode input {
background-color: #252525;
color: #ddd;
}
.dark-mode .helptext {
color: #aaa;
}