MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 1: / Line 1: @@
+/* =========================================
+   Site wordmark – CRT chromatic aberration
+   ========================================= */
+.branding-box span {
+    text-shadow:
+px  1px   0px rgba(255, 0, 0, 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);
+    }
+}
 @media (max-width: 600px) {
      .infobox-crt-model {
@@ Line 5: / Line 44: @@
          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;
      }
 }