Module:Blockchain/styles.css

/* Module:Blockchain styles
 * Styles for blockchain explorer links
 * Includes dark mode support via [data-theme="dark"]
 */

/* ==========================================================================
   Blockchain Links
   ========================================================================== */

.blockchain-link {
    white-space: nowrap;
}

/* Explorer-specific styling (optional visual hints) */
.blockchain-etherscan a {
    /* Etherscan blue */
}

.blockchain-opensea a {
    /* OpenSea blue */
}

.blockchain-basescan a {
    /* Base blue */
}

/* ==========================================================================
   Dark Mode
   ========================================================================== */

[data-theme="dark"] .blockchain-link a {
    color: #6db3f2;
}

[data-theme="dark"] .blockchain-link a:visited {
    color: #b695c0;
}

[data-theme="dark"] .blockchain-link a:hover {
    color: #9cd0ff;
}

/* ==========================================================================
   Print Styles
   ========================================================================== */

@media print {
    .blockchain-link a::after {
        content: " (" attr(href) ")";
        font-size: 0.8em;
        color: #666;
    }
}