MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 2: / Line 2: @@
     Site wordmark – CRT chromatic aberration
     ========================================= */
-.citizen-header__logo,
+.branding-box span {
-.citizen-header__logo span,
-.mw-logo-wordmark {
      text-shadow:
-         -2px  0   0 rgba(255, 0, 0, 0.75),
+px  1px   0px rgba(255, 0, 0, 0.75),
-px  0   0 rgba(0, 200, 255, 0.75);
+px  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 {
+% {
+        text-shadow:
+px  1px  0 rgba(255, 0, 0, 0.75),
+px  0px  0 rgba(0, 200, 255, 0.75);
+    }
+% {
+        text-shadow:
+            -2px  2px  0 rgba(255, 0, 0, 0.8),
+px -1px  0 rgba(0, 200, 255, 0.8);
+    }
+% {
+        text-shadow:
+px -1px  0 rgba(255, 0, 0, 0.7),
+           -3px  2px  0 rgba(0, 200, 255, 0.7);
+    }
+% {
+        text-shadow:
+            -1px -2px  0 rgba(255, 0, 0, 0.85),
+px  1px  0 rgba(0, 200, 255, 0.85);
+    }
 }