From 5e2f1c12df94ce2e69f37308490ca914ff41d326 Mon Sep 17 00:00:00 2001
From: smartfridge <37928912+smartfrigde@users.noreply.github.com>
Date: Tue, 16 Mar 2021 13:42:33 +0100
Subject: [PATCH] Create SettingsPopOut.css

---
 smartcord/SettingsPopOut.css | 41 ++++++++++++++++++++++++++++++++++++
 1 file changed, 41 insertions(+)
 create mode 100644 smartcord/SettingsPopOut.css

diff --git a/smartcord/SettingsPopOut.css b/smartcord/SettingsPopOut.css
new file mode 100644
index 0000000..dddf6b7
--- /dev/null
+++ b/smartcord/SettingsPopOut.css
@@ -0,0 +1,41 @@
+:root {
+    --setting-popout-title: "App Settings";
+    --guild-setting-popout-title: "Server Settings";
+    --public-servers-popout-title: "Public Servers";
+    --setting-popout-font: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
+}
+
+@media only screen and (min-width: 1280px) and (min-height: 738px) {
+    #user-settings, #server-settings {
+        width: 1280px;
+        height: 720px;
+        padding-top: 0px;
+        left: calc(calc(100% - 1280px) / 2);
+        top: calc(calc(100% - 720px) / 2);
+    }
+    #user-settings:before {
+        color: var(--text-normal);
+        content: var(--setting-popout-title);
+        font-weight: 600;
+        font-family: var(--setting-popout-font);
+        padding-left: 10px;
+        padding-top: 2px;
+    }
+    
+    #server-settings:before {
+        color: var(--text-normal);
+        content: var(--guild-setting-popout-title);
+        font-weight: 600;
+        font-family: var(--setting-popout-font);
+        padding-left: 10px;
+        padding-top: 2px;
+    }
+    
+    .baseLayer-35bLyl.stop-animations, .baseLayer-35bLyl.animating-rRxada {
+        transform: none !important;
+        pointer-events: none;
+    }
+    .baseLayer-35bLyl.stop-animations {
+        opacity: 20% !important;
+    }
+}