MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* =========================================
   Site wordmark – CRT chromatic aberration
   ========================================= */
.branding-box span {
    text-shadow:
        2px  1px   0px rgba(255, 0, 0, 0.75),
        4px  0px   0   rgba(0, 200, 255, 0.75);
    font-weight: 700;
    font-size: 22px !important;
    transition: text-shadow 0.2s ease;
}

.branding-box span:hover {
    animation: chromatic-shift 0.8s steps(4) infinite;
}

@keyframes chromatic-shift {
    0% {
        text-shadow:
            2px  1px  0 rgba(255, 0, 0, 0.75),
            4px  0px  0 rgba(0, 200, 255, 0.75);
    }
    25% {
        text-shadow:
            -2px  2px  0 rgba(255, 0, 0, 0.8),
             3px -1px  0 rgba(0, 200, 255, 0.8);
    }
    50% {
        text-shadow:
            3px -1px  0 rgba(255, 0, 0, 0.7),
           -3px  2px  0 rgba(0, 200, 255, 0.7);
    }
    75% {
        text-shadow:
            -1px -2px  0 rgba(255, 0, 0, 0.85),
             4px  1px  0 rgba(0, 200, 255, 0.85);
    }
}

@media (max-width: 600px) {
    .infobox-crt-model {
        float: none !important;
        width: 100% !important;
        margin: 0 0 1em 0 !important;
        max-width: 100% !important;
    }
    
    .infobox-crt-model tbody,
    .infobox-crt-model tbody tr,
    .infobox-crt-model tbody td,
    .infobox-crt-model tbody th {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .infobox-crt-model tbody td,
    .infobox-crt-model tbody th {
        display: table-cell !important;
        word-wrap: break-word !important;
    }
}