From 3f192388a1b2716f2303777dc37f115cb352554d Mon Sep 17 00:00:00 2001
From: Andreas <andi@anditv.dev>
Date: Mon, 23 Oct 2023 14:11:26 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=A7=20Moved=20some=20css=20to=20extern?=
 =?UTF-8?q?al=20file?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Move scrollbar, divide and spoiler css to external file
---
 src/admin/bans.php         | 18 +-------------
 src/admin/gift.php         | 18 +-------------
 src/admin/index.php        | 19 +-------------
 src/admin/invites.php      | 19 +-------------
 src/admin/ip_whitelist.php | 50 +------------------------------------
 src/admin/password.php     | 27 +-------------------
 src/admin/sub.php          | 51 ++------------------------------------
 src/admin/system.php       | 18 +-------------
 src/admin/userinvites.php  | 18 +-------------
 src/admin/users.php        | 49 +-----------------------------------
 src/assets/css/custom.css  | 50 +++++++++++++++++++++++++++++++++++++
 src/banned.php             | 19 +-------------
 src/index.php              | 19 ++------------
 src/user/invites.php       | 19 +-------------
 src/user/log.php           | 16 +-----------
 src/user/lookup.php        | 18 +-------------
 src/user/profile.php       | 18 +-------------
 src/user/tokens.php        | 17 +------------
 src/viewprofile.php        | 18 +-------------
 19 files changed, 70 insertions(+), 411 deletions(-)

diff --git a/src/admin/bans.php b/src/admin/bans.php
index 81e3aca2..b9a993f9 100644
--- a/src/admin/bans.php
+++ b/src/admin/bans.php
@@ -43,23 +43,7 @@
    }
 }
 ?>
-<style>
-   .divide {
-      padding: 0;
-      margin: 0;
-      margin-bottom: 30px;
-      background: #1e5799;
-      background: -moz-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-      background: -webkit-gradient(linear, left top, right top, color-stop(0%, #1e5799), color-stop(50%, #f300ff), color-stop(100%, #e0ff00));
-      background: -webkit-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-      background: -o-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-      background: -ms-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-      background: linear-gradient(to right, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#e0ff00', GradientType=1);
-      height: 3px;
-      border-bottom: 1px solid #000;
-   }
-</style>
+<link rel="stylesheet" href="../assets/css/custom.css">
 <div class="divide"></div>
 <div class="container mt-2">
    <div class="row">
diff --git a/src/admin/gift.php b/src/admin/gift.php
index cdada596..5c6c86e1 100644
--- a/src/admin/gift.php
+++ b/src/admin/gift.php
@@ -34,23 +34,7 @@
    header("location: gift.php");
 }
 ?>
-<style>
-   .divide {
-      padding: 0;
-      margin: 0;
-      margin-bottom: 30px;
-      background: #1e5799;
-      background: -moz-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-      background: -webkit-gradient(linear, left top, right top, color-stop(0%, #1e5799), color-stop(50%, #f300ff), color-stop(100%, #e0ff00));
-      background: -webkit-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-      background: -o-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-      background: -ms-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-      background: linear-gradient(to right, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#e0ff00', GradientType=1);
-      height: 3px;
-      border-bottom: 1px solid #000;
-   }
-</style>
+<link rel="stylesheet" href="../assets/css/custom.css">
 <div class="divide"></div>
 <div class="container mt-2">
    <div class="row">
diff --git a/src/admin/index.php b/src/admin/index.php
index 4e1afaf2..819bf4c0 100644
--- a/src/admin/index.php
+++ b/src/admin/index.php
@@ -18,24 +18,7 @@
 
 ?>
 
-<style>
-.divide {
-	padding: 0;
-	margin: 0;
-	margin-bottom: 30px;
-	background: #1e5799;
-	background: -moz-linear-gradient(left,  #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1e5799), color-stop(50%,#f300ff), color-stop(100%,#e0ff00));
-	background: -webkit-linear-gradient(left,  #1e5799 0%,#f300ff 50%,#e0ff00 100%);
-	background: -o-linear-gradient(left,  #1e5799 0%,#f300ff 50%,#e0ff00 100%);
-	background: -ms-linear-gradient(left,  #1e5799 0%,#f300ff 50%,#e0ff00 100%);
-	background: linear-gradient(to right,  #1e5799 0%,#f300ff 50%,#e0ff00 100%);
-	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#e0ff00',GradientType=1 );
-
-	height: 3px;
-	border-bottom: 1px solid #000;
-}
-</style>
+<link rel="stylesheet" href="../assets/css/custom.css">
 
 <div class="divide"></div>
 
diff --git a/src/admin/invites.php b/src/admin/invites.php
index fc63926e..df5ca461 100644
--- a/src/admin/invites.php
+++ b/src/admin/invites.php
@@ -59,24 +59,7 @@
 }
 ?>
 
-<style>
-	.divide {
-		padding: 0;
-		margin: 0;
-		margin-bottom: 30px;
-		background: #1e5799;
-		background: -moz-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-		background: -webkit-gradient(linear, left top, right top, color-stop(0%, #1e5799), color-stop(50%, #f300ff), color-stop(100%, #e0ff00));
-		background: -webkit-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-		background: -o-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-		background: -ms-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-		background: linear-gradient(to right, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#e0ff00', GradientType=1);
-
-		height: 3px;
-		border-bottom: 1px solid #000;
-	}
-</style>
+<link rel="stylesheet" href="../assets/css/custom.css">
 <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
 <script src="bootstrap/js/bootstrap.min.js"></script>
diff --git a/src/admin/ip_whitelist.php b/src/admin/ip_whitelist.php
index 5a25fecd..2bb11c77 100644
--- a/src/admin/ip_whitelist.php
+++ b/src/admin/ip_whitelist.php
@@ -35,24 +35,7 @@
 }
 ?>
 
-<style>
-	.divide {
-		padding: 0;
-		margin: 0;
-		margin-bottom: 30px;
-		background: #1e5799;
-		background: -moz-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-		background: -webkit-gradient(linear, left top, right top, color-stop(0%, #1e5799), color-stop(50%, #f300ff), color-stop(100%, #e0ff00));
-		background: -webkit-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-		background: -o-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-		background: -ms-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-		background: linear-gradient(to right, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#e0ff00', GradientType=1);
-
-		height: 3px;
-		border-bottom: 1px solid #000;
-	}
-</style>
+<link rel="stylesheet" href="../assets/css/custom.css">
 <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
 <script src="bootstrap/js/bootstrap.min.js"></script>
@@ -124,40 +107,9 @@
 
 		</div>
 <style>
-	.spoiler:hover {
-		color: white;
-	}
-
-	.spoiler {
-		color: black;
-		background-color: black;
-	}
-
 	p {
 		max-width: fit-content;
 	}
-
-	/* ===== Scrollbar CSS ===== */
-	/* Firefox */
-	* {
-		scrollbar-width: auto;
-		scrollbar-color: #6cc312 #222222;
-	}
-
-	/* Chrome, Edge, and Safari */
-	*::-webkit-scrollbar {
-		width: 16px;
-	}
-
-	*::-webkit-scrollbar-track {
-		background: #222222;
-	}
-
-	*::-webkit-scrollbar-thumb {
-		background-color: #6cc312;
-		border-radius: 10px;
-		border: 3px solid #222222;
-	}
 </style>
 <script>
 	$(document).ready(function() {
diff --git a/src/admin/password.php b/src/admin/password.php
index a757b383..8f55db9c 100644
--- a/src/admin/password.php
+++ b/src/admin/password.php
@@ -21,23 +21,7 @@
    Util::navbar();
 
    ?>
-<style>
-   .divide {
-   padding: 0;
-   margin: 0;
-   margin-bottom: 30px;
-   background: #1e5799;
-   background: -moz-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-   background: -webkit-gradient(linear, left top, right top, color-stop(0%, #1e5799), color-stop(50%, #f300ff), color-stop(100%, #e0ff00));
-   background: -webkit-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-   background: -o-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-   background: -ms-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-   background: linear-gradient(to right, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#e0ff00', GradientType=1);
-   height: 3px;
-   border-bottom: 1px solid #000;
-   }
-</style>
+<link rel="stylesheet" href="../assets/css/custom.css">
 <div class="divide"></div>
 <div class="container mt-2">
 <div class="row">
@@ -109,15 +93,6 @@
       </div>
    </center>
 </div>
-<style>
-   .spoiler:hover {
-   color: white;
-   }
-   .spoiler {
-   color: black;
-   background-color: black;
-   }
-</style>
 <?php Util::footer(); ?>
 <script>
    $(document).ready(function() {
diff --git a/src/admin/sub.php b/src/admin/sub.php
index db2e6104..dedd04be 100644
--- a/src/admin/sub.php
+++ b/src/admin/sub.php
@@ -51,6 +51,7 @@
 
 	if (isset($delsub)) {
 		$admin->delsubcode($delsub);
+		error_log('Sub deleted:' . $delsub);
 	}
 
 	if (isset($flushsub)) {
@@ -61,24 +62,7 @@
 }
 ?>
 
-<style>
-	.divide {
-		padding: 0;
-		margin: 0;
-		margin-bottom: 30px;
-		background: #1e5799;
-		background: -moz-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-		background: -webkit-gradient(linear, left top, right top, color-stop(0%, #1e5799), color-stop(50%, #f300ff), color-stop(100%, #e0ff00));
-		background: -webkit-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-		background: -o-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-		background: -ms-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-		background: linear-gradient(to right, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#e0ff00', GradientType=1);
-
-		height: 3px;
-		border-bottom: 1px solid #000;
-	}
-</style>
+<link rel="stylesheet" href="../assets/css/custom.css">
 <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
 <script src="bootstrap/js/bootstrap.min.js"></script>
@@ -158,40 +142,9 @@
 
 </div>
 <style>
-	.spoiler:hover {
-		color: white;
-	}
-
-	.spoiler {
-		color: black;
-		background-color: black;
-	}
-
 	p {
 		max-width: fit-content;
 	}
-
-	/* ===== Scrollbar CSS ===== */
-	/* Firefox */
-	* {
-		scrollbar-width: auto;
-		scrollbar-color: #6cc312 #222222;
-	}
-
-	/* Chrome, Edge, and Safari */
-	*::-webkit-scrollbar {
-		width: 16px;
-	}
-
-	*::-webkit-scrollbar-track {
-		background: #222222;
-	}
-
-	*::-webkit-scrollbar-thumb {
-		background-color: #6cc312;
-		border-radius: 10px;
-		border: 3px solid #222222;
-	}
 </style>
 <script>
 	$(document).ready(function() {
diff --git a/src/admin/system.php b/src/admin/system.php
index a9d289ce..33fd2f6b 100644
--- a/src/admin/system.php
+++ b/src/admin/system.php
@@ -109,23 +109,7 @@
 
 
 ?>
-<style>
-   .divide {
-      padding: 0;
-      margin: 0;
-      margin-bottom: 30px;
-      background: #1e5799;
-      background: -moz-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-      background: -webkit-gradient(linear, left top, right top, color-stop(0%, #1e5799), color-stop(50%, #f300ff), color-stop(100%, #e0ff00));
-      background: -webkit-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-      background: -o-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-      background: -ms-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-      background: linear-gradient(to right, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#e0ff00', GradientType=1);
-      height: 3px;
-      border-bottom: 1px solid #000;
-   }
-</style>
+<link rel="stylesheet" href="../assets/css/custom.css">
 <div class="divide"></div>
 <div class="container mt-2">
    <div class="row">
diff --git a/src/admin/userinvites.php b/src/admin/userinvites.php
index 1076f90e..940cedaa 100644
--- a/src/admin/userinvites.php
+++ b/src/admin/userinvites.php
@@ -32,23 +32,7 @@
     header("location: userinvites.php");
 }
 ?>
-<style>
-    .divide {
-        padding: 0;
-        margin: 0;
-        margin-bottom: 30px;
-        background: #1e5799;
-        background: -moz-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-        background: -webkit-gradient(linear, left top, right top, color-stop(0%, #1e5799), color-stop(50%, #f300ff), color-stop(100%, #e0ff00));
-        background: -webkit-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-        background: -o-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-        background: -ms-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-        background: linear-gradient(to right, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#e0ff00', GradientType=1);
-        height: 3px;
-        border-bottom: 1px solid #000;
-    }
-</style>
+<link rel="stylesheet" href="../assets/css/custom.css">
 <div class="divide"></div>
 <div class="container mt-2">
     <div class="row">
diff --git a/src/admin/users.php b/src/admin/users.php
index 9b7f6b14..7f7bca2e 100644
--- a/src/admin/users.php
+++ b/src/admin/users.php
@@ -72,23 +72,7 @@
    header("location: users.php");
 }
 ?>
-<style>
-   .divide {
-      padding: 0;
-      margin: 0;
-      margin-bottom: 30px;
-      background: #1e5799;
-      background: -moz-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-      background: -webkit-gradient(linear, left top, right top, color-stop(0%, #1e5799), color-stop(50%, #f300ff), color-stop(100%, #e0ff00));
-      background: -webkit-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-      background: -o-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-      background: -ms-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-      background: linear-gradient(to right, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#e0ff00', GradientType=1);
-      height: 3px;
-      border-bottom: 1px solid #000;
-   }
-</style>
+<link rel="stylesheet" href="../assets/css/custom.css">
 <div class="divide"></div>
 <div class="container mt-2">
    <div class="row">
@@ -252,40 +236,9 @@
 </div>
 <?php Util::footer(); ?>
 <style>
-   .spoiler:hover {
-      color: white;
-   }
-
-   .spoiler {
-      color: black;
-      background-color: black;
-   }
-
    p {
       max-width: fit-content;
    }
-
-   /* ===== Scrollbar CSS ===== */
-   /* Firefox */
-   * {
-      scrollbar-width: auto;
-      scrollbar-color: #6cc312 #222222;
-   }
-
-   /* Chrome, Edge, and Safari */
-   *::-webkit-scrollbar {
-      width: 16px;
-   }
-
-   *::-webkit-scrollbar-track {
-      background: #222222;
-   }
-
-   *::-webkit-scrollbar-thumb {
-      background-color: #6cc312;
-      border-radius: 10px;
-      border: 3px solid #222222;
-   }
 </style>
 <script>
       function setClipboard(value) {
diff --git a/src/assets/css/custom.css b/src/assets/css/custom.css
index 1214dc6b..5a60d9db 100644
--- a/src/assets/css/custom.css
+++ b/src/assets/css/custom.css
@@ -11,6 +11,56 @@ body {
     color: white;
 }
 
+.divide {
+    padding: 0;
+    margin: 0;
+    margin-bottom: 30px;
+    background: #1e5799;
+    background: -moz-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
+    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #1e5799), color-stop(50%, #f300ff), color-stop(100%, #e0ff00));
+    background: -webkit-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
+    background: -o-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
+    background: -ms-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
+    background: linear-gradient(to right, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#e0ff00', GradientType=1);
+
+    height: 3px;
+    border-bottom: 1px solid #000;
+}
+
+
+.spoiler:hover {
+    color: white;
+ }
+
+ .spoiler {
+    color: black;
+    background-color: black;
+ }
+
+ 
+ /* ===== Scrollbar CSS ===== */
+ /* Firefox */
+ * {
+    scrollbar-width: auto;
+    scrollbar-color: #6cc312 #222222;
+ }
+
+ /* Chrome, Edge, and Safari */
+ *::-webkit-scrollbar {
+    width: 16px;
+ }
+
+ *::-webkit-scrollbar-track {
+    background: #222222;
+ }
+
+ *::-webkit-scrollbar-thumb {
+    background-color: #6cc312;
+    border-radius: 10px;
+    border: 3px solid #222222;
+ }
+
 .bg-dark {
     background-color: var(--bg-secondary) !important;
 }
diff --git a/src/banned.php b/src/banned.php
index 7197ec0e..d5d5a8f7 100644
--- a/src/banned.php
+++ b/src/banned.php
@@ -20,24 +20,7 @@
 Util::head("Banned");
 Util::navbar();
 ?>
-<style>
-.divide {
-	padding: 0;
-	margin: 0;
-	margin-bottom: 30px;
-	background: #1e5799;
-	background: -moz-linear-gradient(left,  #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1e5799), color-stop(50%,#f300ff), color-stop(100%,#e0ff00));
-	background: -webkit-linear-gradient(left,  #1e5799 0%,#f300ff 50%,#e0ff00 100%);
-	background: -o-linear-gradient(left,  #1e5799 0%,#f300ff 50%,#e0ff00 100%);
-	background: -ms-linear-gradient(left,  #1e5799 0%,#f300ff 50%,#e0ff00 100%);
-	background: linear-gradient(to right,  #1e5799 0%,#f300ff 50%,#e0ff00 100%);
-	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#e0ff00',GradientType=1 );
-
-	height: 3px;
-	border-bottom: 1px solid #000;
-}
-</style>
+<link rel="stylesheet" href="../assets/css/custom.css">
 <div class="divide"></div>
 <main class="container mt-2">
 
diff --git a/src/index.php b/src/index.php
index 99e885fa..19660444 100644
--- a/src/index.php
+++ b/src/index.php
@@ -32,23 +32,7 @@
 <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
 <script src="bootstrap/js/bootstrap.min.js"></script>
-<style>
-   .divide {
-      padding: 0;
-      margin: 0;
-      margin-bottom: 30px;
-      background: #1e5799;
-      background: -moz-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-      background: -webkit-gradient(linear, left top, right top, color-stop(0%, #1e5799), color-stop(50%, #f300ff), color-stop(100%, #e0ff00));
-      background: -webkit-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-      background: -o-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-      background: -ms-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-      background: linear-gradient(to right, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#e0ff00', GradientType=1);
-      height: 3px;
-      border-bottom: 1px solid #000;
-   }
-</style>
+<link rel="stylesheet" href="../assets/css/custom.css">
 <div class="divide"></div>
 <main class="container mt-2">
    <div class="row">
@@ -226,6 +210,7 @@ function copyToClipboard(text) {
       document.execCommand('copy');
       document.body.removeChild(textarea);
    }
+
 </script>
 <style>
    .spoiler:hover {
diff --git a/src/user/invites.php b/src/user/invites.php
index 30bc5ee1..bd109c15 100644
--- a/src/user/invites.php
+++ b/src/user/invites.php
@@ -37,24 +37,7 @@
 }
 ?>
 
-<style>
-	.divide {
-		padding: 0;
-		margin: 0;
-		margin-bottom: 30px;
-		background: #1e5799;
-		background: -moz-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-		background: -webkit-gradient(linear, left top, right top, color-stop(0%, #1e5799), color-stop(50%, #f300ff), color-stop(100%, #e0ff00));
-		background: -webkit-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-		background: -o-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-		background: -ms-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-		background: linear-gradient(to right, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#e0ff00', GradientType=1);
-
-		height: 3px;
-		border-bottom: 1px solid #000;
-	}
-</style>
+<link rel="stylesheet" href="../assets/css/custom.css">
 <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
 <div class="divide"></div>
diff --git a/src/user/log.php b/src/user/log.php
index 050df44f..202c0ad5 100644
--- a/src/user/log.php
+++ b/src/user/log.php
@@ -31,22 +31,8 @@
 <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
 <script src="bootstrap/js/bootstrap.min.js"></script>
+<link rel="stylesheet" href="../assets/css/custom.css">
 <style>
-   .divide {
-      padding: 0;
-      margin: 0;
-      margin-bottom: 30px;
-      background: #1e5799;
-      background: -moz-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-      background: -webkit-gradient(linear, left top, right top, color-stop(0%, #1e5799), color-stop(50%, #f300ff), color-stop(100%, #e0ff00));
-      background: -webkit-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-      background: -o-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-      background: -ms-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-      background: linear-gradient(to right, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#e0ff00', GradientType=1);
-      height: 3px;
-      border-bottom: 1px solid #000;
-   }
 
    .modal-content {
       background-color: #101010 !important;
diff --git a/src/user/lookup.php b/src/user/lookup.php
index 00120d42..b23bb6fa 100644
--- a/src/user/lookup.php
+++ b/src/user/lookup.php
@@ -26,23 +26,7 @@
 }
 ?>
 
-<style>
-    .divide {
-        padding: 0;
-        margin: 0;
-        margin-bottom: 30px;
-        background: #1e5799;
-        background: -moz-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-        background: -webkit-gradient(linear, left top, right top, color-stop(0%, #1e5799), color-stop(50%, #f300ff), color-stop(100%, #e0ff00));
-        background: -webkit-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-        background: -o-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-        background: -ms-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-        background: linear-gradient(to right, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#e0ff00', GradientType=1);
-        height: 3px;
-        border-bottom: 1px solid #000;
-    }
-</style>
+<link rel="stylesheet" href="../assets/css/custom.css">
 <div class="divide"></div>
 
 <table class="rounded table" style="max-width: 50%;" align="center">
diff --git a/src/user/profile.php b/src/user/profile.php
index 389d2380..e7a95ebc 100644
--- a/src/user/profile.php
+++ b/src/user/profile.php
@@ -53,23 +53,7 @@
 <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
 <script src="bootstrap/js/bootstrap.min.js"></script>
-<style>
-    .divide {
-        padding: 0;
-        margin: 0;
-        margin-bottom: 30px;
-        background: #1e5799;
-        background: -moz-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-        background: -webkit-gradient(linear, left top, right top, color-stop(0%, #1e5799), color-stop(50%, #f300ff), color-stop(100%, #e0ff00));
-        background: -webkit-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-        background: -o-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-        background: -ms-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-        background: linear-gradient(to right, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#e0ff00', GradientType=1);
-        height: 3px;
-        border-bottom: 1px solid #000;
-    }
-</style>
+<link rel="stylesheet" href="../assets/css/custom.css">
 <div class="divide"></div>
 <main class="container mt-2">
     <div class="row justify-content-center">
diff --git a/src/user/tokens.php b/src/user/tokens.php
index f7d03423..07ce24a7 100644
--- a/src/user/tokens.php
+++ b/src/user/tokens.php
@@ -57,23 +57,8 @@
 <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
 <script src="bootstrap/js/bootstrap.min.js"></script>
+<link rel="stylesheet" href="../assets/css/custom.css">
 <style>
-    .divide {
-        padding: 0;
-        margin: 0;
-        margin-bottom: 30px;
-        background: #1e5799;
-        background: -moz-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-        background: -webkit-gradient(linear, left top, right top, color-stop(0%, #1e5799), color-stop(50%, #f300ff), color-stop(100%, #e0ff00));
-        background: -webkit-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-        background: -o-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-        background: -ms-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-        background: linear-gradient(to right, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#e0ff00', GradientType=1);
-        height: 3px;
-        border-bottom: 1px solid #000;
-    }
-
     .modal-content {
         background-color: #101010 !important;
     }
diff --git a/src/viewprofile.php b/src/viewprofile.php
index 38c4f241..21d172de 100644
--- a/src/viewprofile.php
+++ b/src/viewprofile.php
@@ -47,23 +47,7 @@
    }
    ?>
    
-<style>
-   .divide {
-   padding: 0;
-   margin: 0;
-   margin-bottom: 30px;
-   background: #1e5799;
-   background: -moz-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-   background: -webkit-gradient(linear, left top, right top, color-stop(0%, #1e5799), color-stop(50%, #f300ff), color-stop(100%, #e0ff00));
-   background: -webkit-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-   background: -o-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-   background: -ms-linear-gradient(left, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-   background: linear-gradient(to right, #1e5799 0%, #f300ff 50%, #e0ff00 100%);
-   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#e0ff00', GradientType=1);
-   height: 3px;
-   border-bottom: 1px solid #000;
-   }
-</style>
+<link rel="stylesheet" href="../assets/css/custom.css">
 <div class="divide"></div>
 <main class="container mt-2">
    <div class="row justify-content-center">