Loreleice

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;
}