Update main.css

SiriusBYT · Aug 2, 2023 · 3b156a8 · 3b156a8
1 parent 8c65318
commit 3b156a8
Showing 1 changed file with 122 additions and 212 deletions.
diff --git a/src/main.css b/src/main.css
@@ -1,216 +1,126 @@
-/* Credit to https://github.com/Overimagine1/old-discord-font */
+@container FC-ChatEffects_Animated (min-width: 0px) {
+    [href="http://flashcord/rainbow"],
+    [href="http://flashcord/background/green"],
+    [href="http://flashcord/background/red"],
+    [href="http://flashcord/background/blue"],
+    [href="http://flashcord/loud"],
+    [href="http://flashcord/quiet"],
+    [href="http://flashcord/spin"],
+    [href="http://flashcord/rainbow-shadow"],
+    [href="http://flashcord/splash"] {
+        display: none;
+    }
 
-@font-face {
-  font-family: Whitney;
-  font-style: normal;
-  font-weight: 300;
-  src: url(https://cdn.jsdelivr.net/gh/Overimagine1/old-discord-font/fonts/46933da896ba96126074286056614542.woff2)
-    format("woff2");
-}
-@font-face {
-  font-family: Whitney;
-  font-style: italic;
-  font-weight: 300;
-  src: url(https://cdn.jsdelivr.net/gh/Overimagine1/old-discord-font/fonts/1651ce6325c0da043476ace0bec3971b.woff2)
-    format("woff2");
-}
-@font-face {
-  font-family: Whitney;
-  font-style: normal;
-  font-weight: 400;
-  src: url(https://cdn.jsdelivr.net/gh/Overimagine1/old-discord-font/fonts/24bda95d153a319704c33329f3ab84bb.woff2)
-    format("woff2");
-}
-@font-face {
-  font-family: Whitney;
-  font-style: italic;
-  font-weight: 400;
-  src: url(https://cdn.jsdelivr.net/gh/Overimagine1/old-discord-font/fonts/7f18f1d5ab6ded7cf71bbc1f907ee3d4.woff2)
-    format("woff2");
-}
-@font-face {
-  font-family: Whitney;
-  font-style: normal;
-  font-weight: 500;
-  src: url(https://cdn.jsdelivr.net/gh/Overimagine1/old-discord-font/fonts/cf4a8a10bbdf9b775fad41e0b9921c84.woff2)
-    format("woff2");
-}
-@font-face {
-  font-family: Whitney;
-  font-style: italic;
-  font-weight: 500;
-  src: url(https://cdn.jsdelivr.net/gh/Overimagine1/old-discord-font/fonts/9cfa747e897c772d25efd8e4a42a005e.woff2)
-    format("woff2");
-}
-@font-face {
-  font-family: Whitney;
-  font-style: normal;
-  font-weight: 600;
-  src: url(https://cdn.jsdelivr.net/gh/Overimagine1/old-discord-font/fonts/f9e7047f6447547781512ec4b977b2ab.woff2)
-    format("woff2");
-}
-@font-face {
-  font-family: Whitney;
-  font-style: italic;
-  font-weight: 600;
-  src: url(https://cdn.jsdelivr.net/gh/Overimagine1/old-discord-font/fonts/21070f52a8a6a61edef9785eaf303fb8.woff2)
-    format("woff2");
-}
-@font-face {
-  font-family: Whitney;
-  font-style: normal;
-  font-weight: 700;
-  src: url(https://cdn.jsdelivr.net/gh/Overimagine1/old-discord-font/fonts/f9c8fcfa7dcc5d6a291a6ebbe3bb847e.woff2)
-    format("woff2");
-}
-@font-face {
-  font-family: Whitney;
-  font-style: italic;
-  font-weight: 700;
-  src: url(https://cdn.jsdelivr.net/gh/Overimagine1/old-discord-font/fonts/5e1649183589023fb24667a369af585d.woff2)
-    format("woff2");
-}
-@font-face {
-  font-family: ABC Ginto Normal;
-  font-style: normal;
-  font-weight: 300;
-  src: url(https://cdn.jsdelivr.net/gh/Overimagine1/old-discord-font/fonts/ab688947d482808a0b3347f84ebb17a9.woff2)
-    format("woff2");
-}
-@font-face {
-  font-family: ABC Ginto Normal;
-  font-style: italic;
-  font-weight: 300;
-  src: url(https://cdn.jsdelivr.net/gh/Overimagine1/old-discord-font/fonts/0635f419b122d24f9f60ac4d1066cbc6.woff2)
-    format("woff2");
-}
-@font-face {
-  font-family: ABC Ginto Normal;
-  font-style: normal;
-  font-weight: 400;
-  src: url(https://cdn.jsdelivr.net/gh/Overimagine1/old-discord-font/fonts/91dcabd038a2e07ea6fbe7ddb625ecfb.woff2)
-    format("woff2");
-}
-@font-face {
-  font-family: ABC Ginto Normal;
-  font-style: italic;
-  font-weight: 400;
-  src: url(https://cdn.jsdelivr.net/gh/Overimagine1/old-discord-font/fonts/ea053183733605b24806f222b067b1e1.woff2)
-    format("woff2");
-}
-@font-face {
-  font-family: ABC Ginto Normal;
-  font-style: normal;
-  font-weight: 500;
-  src: url(https://cdn.jsdelivr.net/gh/Overimagine1/old-discord-font/fonts/9491a199bd318f1fc38711fb5067f401.woff2)
-    format("woff2");
-}
-@font-face {
-  font-family: ABC Ginto Normal;
-  font-style: italic;
-  font-weight: 500;
-  src: url(https://cdn.jsdelivr.net/gh/Overimagine1/old-discord-font/fonts/f0cf30536a7fa447f0c45fdb3b2a6f28.woff2)
-    format("woff2");
-}
-@font-face {
-  font-family: ABC Ginto Normal;
-  font-style: normal;
-  font-weight: 700;
-  src: url(https://cdn.jsdelivr.net/gh/Overimagine1/old-discord-font/fonts/7d66dfcf8e39f27f163fba8d79577fd8.woff2)
-    format("woff2");
-}
-@font-face {
-  font-family: ABC Ginto Normal;
-  font-style: italic;
-  font-weight: 700;
-  src: url(https://cdn.jsdelivr.net/gh/Overimagine1/old-discord-font/fonts/9a07cb5ae387a52309b7198543ae5e02.woff2)
-    format("woff2");
-}
-@font-face {
-  font-family: ABC Ginto Nord;
-  font-style: normal;
-  font-weight: 300;
-  src: url(https://cdn.jsdelivr.net/gh/Overimagine1/old-discord-font/fonts/5e6f352adb4a6b55ed230f2f91769156.woff2)
-    format("woff2");
-}
-@font-face {
-  font-family: ABC Ginto Nord;
-  font-style: italic;
-  font-weight: 300;
-  src: url(https://cdn.jsdelivr.net/gh/Overimagine1/old-discord-font/fonts/30b475dcfa1e8b74d815946e4c18ee09.woff2)
-    format("woff2");
-}
-@font-face {
-  font-family: ABC Ginto Nord;
-  font-style: normal;
-  font-weight: 400;
-  src: url(https://cdn.jsdelivr.net/gh/Overimagine1/old-discord-font/fonts/1ace668db419a5014cf75bc116321af3.woff2)
-    format("woff2");
-}
-@font-face {
-  font-family: ABC Ginto Nord;
-  font-style: italic;
-  font-weight: 400;
-  src: url(https://cdn.jsdelivr.net/gh/Overimagine1/old-discord-font/fonts/50510b66614a2f395530c61b7c9b6827.woff2)
-    format("woff2");
-}
-@font-face {
-  font-family: ABC Ginto Nord;
-  font-style: normal;
-  font-weight: 500;
-  src: url(https://cdn.jsdelivr.net/gh/Overimagine1/old-discord-font/fonts/9e94673570e295b6fb5d4456c4211015.woff2)
-    format("woff2");
-}
-@font-face {
-  font-family: ABC Ginto Nord;
-  font-style: italic;
-  font-weight: 500;
-  src: url(https://cdn.jsdelivr.net/gh/Overimagine1/old-discord-font/fonts/6603a2fb4d2bc997e023972a51938144.woff2)
-    format("woff2");
-}
-@font-face {
-  font-family: ABC Ginto Nord;
-  font-style: normal;
-  font-weight: 700;
-  src: url(https://cdn.jsdelivr.net/gh/Overimagine1/old-discord-font/fonts/87c79174865938aedf188b7344fb0428.woff2)
-    format("woff2");
-}
-@font-face {
-  font-family: ABC Ginto Nord;
-  font-style: italic;
-  font-weight: 700;
-  src: url(https://cdn.jsdelivr.net/gh/Overimagine1/old-discord-font/fonts/d93311938f51e8608a5d5cb2ea975157.woff2)
-    format("woff2");
-}
-@font-face {
-  font-family: ABC Ginto Nord;
-  font-style: normal;
-  font-weight: 800;
-  src: url(https://cdn.jsdelivr.net/gh/Overimagine1/old-discord-font/fonts/bc5af8e71e27d363e2eeac75c9628922.woff2)
-    format("woff2");
-}
-@font-face {
-  font-family: ABC Ginto Nord;
-  font-style: italic;
-  font-weight: 800;
-  src: url(https://cdn.jsdelivr.net/gh/Overimagine1/old-discord-font/fonts/dc407fd65057fce34a56bf7b6ebb0b9f.woff2)
-    format("woff2");
+    [id^="message-content-"]:has([href="http://flashcord/rainbow"]) span {
+        background-image: linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(255,127,0,1) 15%, rgba(255,255,0,1) 30%, rgba(0,255,0,1) 45%, rgba(0,0,255,1) 60%, rgba(170,0,170,1) 75%, rgba(255,170,255,1) 90%, rgba(255,0,0,1) 100%);
+        background-size: 128vw;
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+        animation: FlashCore-BackXMTL 16s linear infinite !important;
+    }
+
+    [id^="message-content-"]:has([href="http://flashcord/background/green"]) {
+        background-color: rgba(0,255,0,0.25);
+    }
+    [id^="message-content-"]:has([href="http://flashcord/background/red"]) {
+        background-color: rgba(255,0,0,0.25);
+    }
+    [id^="message-content-"]:has([href="http://flashcord/background/blue"]) {
+        background-color: rgba(0,0,255,0.25);
+    }
+
+    [id^="message-content-"]:has([href="http://flashcord/loud"]) {
+        animation: FCME-Loud 1s;
+        width: fit-content; height: fit-content;
+    }
+    [id^="message-content-"]:has([href="http://flashcord/quiet"]) {
+        animation: FCME-Quiet 8s;
+        width: fit-content; height: fit-content;
+    }
+
+    [id^="message-content-"]:has([href="http://flashcord/spin"]) {
+        animation: FCME-Spin 1s linear infinite;
+        width: fit-content; height: fit-content;
+    }
+
+    [id^="message-content-"]:has([href="http://flashcord/rainbow-shadow"]) {
+        animation: Flashcord-GuildPulse 2s infinite linear;
+    }
+
+    [id^="message-content-"]:has([href="http://flashcord/splash"]) {
+        transform: rotate(-2deg);
+        color: #CCCC00 !important;
+        animation: FlashCore-Splash 500ms ease-in-out infinite;
+        animation-direction: alternate;
+        width: fit-content; height: fit-content;
+    }
 }
 
-:root {
-  --font-primary: Whitney, "Helvetica Neue", Helvetica, Arial, sans-serif;
-  --font-display: "ABC Ginto Normal", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  --font-headline: "ABC Ginto Nord", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  --font-code: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter",
-    "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco,
-    "Courier New", Courier, monospace;
-  --font-korean: Whitney, "Apple SD Gothic Neo", NanumBarunGothic, "\B9D1\C740 \ACE0\B515",
-    "Malgun Gothic", Gulim, 굴림, Dotum, 돋움, "Helvetica Neue", Helvetica, Arial, sans-serif;
-  --font-japanese: Whitney, "Hiragino Sans", "\30D2\30E9\30AE\30CE\89D2\30B4 ProN W3",
-    "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Osaka, "MS PGothic", "Helvetica Neue", Helvetica,
-    Arial, sans-serif;
-  --font-chinese-simplified: Whitney, "Microsoft YaHei New", 微软雅黑, "Microsoft Yahei",
-    "Microsoft JhengHei", 宋体, SimSun, "Helvetica Neue", Helvetica, Arial, sans-serif;
-  --font-chinese-traditional: Whitney, "Microsoft JhengHei", 微軟正黑體, "Microsoft JhengHei UI",
-    "Microsoft YaHei", 微軟雅黑, 宋体, SimSun, "Helvetica Neue", Helvetica, Arial, sans-serif;
+@container FC-ChatEffects_Text (min-width: 0px) {
+    [href="http://flashcord/rainbow"],
+    [href="http://flashcord/background/green"],
+    [href="http://flashcord/background/red"],
+    [href="http://flashcord/background/blue"],
+    [href="http://flashcord/loud"],
+    [href="http://flashcord/quiet"],
+    [href="http://flashcord/spin"],
+    [href="http://flashcord/rainbow-shadow"],
+    [href="http://flashcord/splash"] {
+        display: none;
+    }
+
+    [id^="message-content-"]:has([href="http://flashcord/rainbow"]):after {
+        content: "\A 🎉 Flashcord Effect: Rainbow";
+        white-space: pre;
+        color: var(--text-normal);
+        font-size: small;
+    }
+    [id^="message-content-"]:has([href="http://flashcord/background/green"]):after {
+        content: "\A 🎉 Flashcord Effect: Green Background";
+        white-space: pre;
+        color: var(--text-normal);
+        font-size: small;
+    }
+    [id^="message-content-"]:has([href="http://flashcord/background/red"]):after {
+        content: "\A 🎉 Flashcord Effect: Red Background";
+        white-space: pre;
+        color: var(--text-normal);
+        font-size: small;
+    }
+      [id^="message-content-"]:has([href="http://flashcord/background/blue"]):after {
+        content: "\A 🎉 Flashcord Effect: Blue Background";
+        white-space: pre;
+        color: var(--text-normal);
+        font-size: small;
+    }
+      [id^="message-content-"]:has([href="http://flashcord/loud"]):after {
+        content: "\A 🎉 Flashcord Effect: Loud";
+        white-space: pre;
+        color: var(--text-normal);
+        font-size: small;
+    }
+      [id^="message-content-"]:has([href="http://flashcord/quiet"]):after {
+        content: "\A 🎉 Flashcord Effect: Quiet";
+        white-space: pre;
+        color: var(--text-normal);
+        font-size: small;
+    }
+      [id^="message-content-"]:has([href="http://flashcord/spin"]):after {
+        content: "\A 🎉 Flashcord Effect: Spinning";
+        white-space: pre;
+        color: var(--text-normal);
+        font-size: small;
+    }
+      [id^="message-content-"]:has([href="http://flashcord/rainbow-shadow"]):after {
+        content: "\A 🎉 Flashcord Effect: Rainbow Shadow";
+        white-space: pre;
+        color: var(--text-normal);
+        font-size: small;
+    }
+      [id^="message-content-"]:has([href="http://flashcord/splash"]):after {
+        content: "\A 🎉 Flashcord Effect: Splash";
+        white-space: pre;
+        color: var(--text-normal);
+        font-size: small;
+    }
 }