Module:Citation/styles.css

From Remilia Wiki
Jump to navigation Jump to search
/*
 * Module:Citation/styles.css
 * TemplateStyles for citation templates
 * 
 * Load via: <templatestyles src="Module:Citation/styles.css" />
 */

/* Citation wrapper */
.citation {
    word-wrap: break-word;
}

/* Quoted titles */
.citation-title {
    quotes: '"' '"' "'" "'";
}

/* Italicized work/publication names handled by wikitext '' markup */

/* Screenshot link styling */
.citation-screenshot {
    font-size: 0.9em;
    white-space: nowrap;
}

/* Archive links */
.citation-archives {
    font-size: 0.95em;
}

/* Full content blocks (tweets, messages) - preserve line breaks */
.citation-content {
    white-space: pre-wrap;
    word-wrap: break-word;
}

/* Print styles */
@media print {
    /* Show URLs in print */
    .citation a.external::after {
        content: " (" attr(href) ")";
        font-size: 0.8em;
        word-break: break-all;
    }
}

/* ==========================================================================
   Dark Mode (edith.reisen inspired)
   ========================================================================== */

[data-theme="dark"] .citation {
    color: #ffffff;
}

[data-theme="dark"] .citation a {
    color: #ff6600;
}

[data-theme="dark"] .citation a:visited {
    color: #cc5500;
}

/* Archive and screenshot links in dark mode */
[data-theme="dark"] .citation-archives,
[data-theme="dark"] .citation-screenshot {
    color: #808080;
}

[data-theme="dark"] .citation-archives a,
[data-theme="dark"] .citation-screenshot a {
    color: #ff6600;
}