Some CSS customization for my blogs
I finally made a custom CSS theme for this blog and LorelOCs. This simple WriteFreely theme is based on the main color palette from my virtual persona and Carrd page.
Source code
/* Virtual Writing Pad */
/* Copyright 2024 by Loreleice */
/* Licensed under CC BY-ND 4.0: https://creativecommons.org/licenses/by-nd/4.0 */
/* Blog title */
#blog-title a {
color: #336d80;
}
#blog-title a:hover {
color: #69a0b2;
}
/* Blog description */
header p.description {
color: #69a0b2;
font-style: italic;
font-weight: bold;
}
/* Navigation buttons */
.pinned {
color: #336d80;
border: 1px solid #336d80;
padding: 12px;
font-variant: small-caps;
}
.pinned:hover {
color: white;
background-color: #336d80;
border: 1px solid #336d80;
padding: 12px;
font-variant: small-caps;
text-decoration: none;
}
/* Blog posts */
body {
text-align: justify;
border-radius: 10px;
width: 800px;
box-shadow: 0px 0px 10px #69a0b2;
margin: 100px auto 100px auto;
padding: 10px;
}
.book.e-content, .e-content {
color: #666;
}
/* Links on blog posts */
a, .post-title a.u-url, #title {
color: #336d80;
}
a:hover, .post-title a:hover {
color: #69a0b2;
}
/* Date published */
.dt-published {
color: #666;
font-style: italic;
}
/* Image borders */
img {
display: block;
margin: 0 auto;
border: 8px solid white;
box-shadow: 0px 0px 2px #666;
}