MediaWiki:Common.css: Difference between revisions

Retrieved from "https://wiki.everycrt.com/wiki/MediaWiki:Common.css"

@@ Line 1: / Line 1: @@
-/* CSS placed here will be applied to all skins */
+/* =========================================
-.pfUploadable a,
+   Site wordmark – CRT chromatic aberration
-.pfUploadLink {
+   ========================================= */
-   background: #f8f9fa;
+.branding-box span {
-  border: 1px solid #a2a9b1;
+    text-shadow:
-  color: #202122 !important;
+px  1px   0px rgba(255, 0, 0, 0.75),
-  padding: 6px 12px;
+px  0px   0   rgba(0, 200, 255, 0.75);
-  border-radius: 2px;
+    font-weight: 700;
+    font-size: 22px !important;
+    transition: text-shadow 0.2s ease;
 }
-.pfUploadable a:hover {
+.branding-box span:hover {
-  background: #ffffff;
+    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 {
+        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;
+    }
 }