settings menu styled

views/assets/css/styles-1644738239.css

@@ -408,6 +408,30 @@ details[open] summary {
   font-family: "Titillium Web", sans-serif;
 }
 
+.navbar .dropdown-settings {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
+  backdrop-filter: blur(10px); /* Blurs the background */
+  z-index: 5; /* Ensures it appears above other content */
+  align-items: center;
+  justify-content: center;
+  display: flex; /* Flexbox to center content */
+}
+
+.settings-content {
+  background-color: var(--nord0);
+  border: 1px solid var(--nord3);
+  border-radius: 10px;
+  padding: 25px;
+  z-index: 6; /* Ensures it appears above the background blur */
+  width: 450px; /* Adjust the size as needed */
+  text-align: center;
+}
+
 .dropdown-parent:focus-within .dropdown-child {
   display: block;
 }
@@ -787,15 +811,22 @@ details[open] summary {
   margin-top: 10px;
 }
 
-#csel input:not([type="checkbox"]) {
+#csel input:not([type="checkbox"]),
+#csel select {
   outline: none;
   display: block;
+  vertical-align: baseline;
   box-sizing: border-box;
-  width: 100%;
-  padding: 5px;
-  margin: 2px 0px;
+  width: calc(100% - 200px);
+  padding: 10px 12px;
+  color: white;
+  border-radius: 5px;
+  margin: 5px 0px;
   border-radius: 2px;
+  font-family: "NeueMontrealMedium", sans-serif;
+  background-color: var(--nord1);
   border: 1px solid var(--nord9);
+  display: inline;
 }
 
 #csel input[type="text"]:focus {

views/pages/misc/deobf/header.html

@@ -36,7 +36,7 @@
     <div class="pulse white-text">
       <a href="#">Settings <i class="fas fa-cog pulse"></i></a>
     </div>
-    <div class="dropdown-child" tabindex="0">
+    <div class="dropdown-settings" tabindex="0">
       <div id="csel"><!--SETTINGS--></div>
     </div>
   </li>

views/pages/misc/deobf/settings.html

@@ -1,16 +1,37 @@
-<p class=cseltitle>Tab Cloak</p>
-<p class=csellabel>Change the title:</p>
-<form class=cselform id=titleform>
-    <input type=text placeholder=Tab Title spellcheck=false><input class=cselbutton type=submit value=Apply>
-</form>
-<p class=csellabel>Change the <a href=/?i>icon</a>:</p>
-<form class=cselform id=iconform>
-    <input type=text placeholder=Icon URL spellcheck=false><input class=cselbutton type=submit value=Apply>
-</form>
-<input id=cselreset class=cselbutton type=button value=Reset>
-<input id=cselab class=cselbutton type=button value=Stealth>
-<p class=csellabel>
-    <input id=hideads type=checkbox checked>
-    <span>Hide Ads</span>
-</p>
-<p>Ads are disabled forever.</p>
+<div class="settings-content">
+    <p class=cseltitle>Settings Menu</p>
+    <p class=csellabel>Change the universal tab title:</p>
+    <form class=cselform id=titleform>
+        <input type=text placeholder=Tab Title spellcheck=false><input class="cselbutton cselmargin" type=submit value=Apply>
+    </form>
+    <p class=csellabel>Change the universal tab <a href=/?i>icon</a>:</p>
+    <form class=cselform id=iconform>
+        <input type=text placeholder=Icon URL spellcheck=false><input class="cselbutton cselmargin" type=submit value=Apply>
+    </form>
+    <input id=cselreset class=cselbutton type=button value=Reset>
+    <input id=cselab class=cselbutton type=button value="Open Stealth Frame">
+    <p class=csellabel>Icon Presets:</p>
+    <select>
+        <option>Google</option>
+        <option>Bing</option>
+        <option>Google Drive</option>
+        <option>Gmail</option>
+    </select>
+    <p class=csellabel>Default Ultraviolet Transport:</p>
+    <select>
+        <option>epoxy</option>
+        <option>libcurl</option>
+        <option>bare</option>
+        <option>other</option>
+    </select>
+    <p class=csellabel>Network Options:</p>
+    <p class=csellabel>
+        <input id=hideads type=checkbox checked>
+        <span>Hide Ads</span>
+    </p>
+    <p class=csellabel>
+        <input id=hideads type=checkbox checked>
+        <span>Enable Tor</span>
+    </p>
+    <p><br>Holy Unblocker LTS v6.3.x</p>
+</div>