Veidne:Citāts/styles.css

/* Light/default appearance */

.site-quote {
    display: flow-root;
    position: relative;

    margin: 1em 0;
    padding: 0.45em 1.25em 0.6em;

    color: #111827;
    background: #f9fafb;

    border: 1px solid #e5e7eb;
    border-radius: 12px;

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.site-quote__mark {
    position: absolute;

    color: #111827;
    opacity: 0.15;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 3rem;
    line-height: 1;

    user-select: none;
}

.site-quote__mark--open {
    top: -0.6rem;
    left: 0.6rem;
}

.site-quote__mark--close {
    right: 0.6rem;
    bottom: -1rem;
}

.site-quote__text .poem {
    display: block;

    margin: -0.75em 0 -0.65em;
    padding: 0 1.25em;

    color: #111827;

    font-size: 1.05em;
    font-style: italic;
    line-height: 1.35;
}

.site-quote__author {
    margin-top: 0.15em;
    padding-right: 1.25em;

    color: #666;

    font-size: 0.85em;
    line-height: 1.2;
    text-align: right;
}

/* Dark-mode appearance */

html.client-darkmode .site-quote,
html.skin-theme-clientpref-night .site-quote {
    color: #e4e6e8;
    background: #292d30;

    border-color: #4b5258;

    box-shadow:
        0 1px 2px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(255, 255, 255, 0.025);
}

html.client-darkmode .site-quote__text .poem,
html.skin-theme-clientpref-night .site-quote__text .poem {
    color: #e4e6e8;
}

html.client-darkmode .site-quote__author,
html.skin-theme-clientpref-night .site-quote__author {
    color: #a8adb2;
}

html.client-darkmode .site-quote__mark,
html.skin-theme-clientpref-night .site-quote__mark {
    color: #a8adb2;
    opacity: 0.22;
}