pretty scroll bar

libary.php

@@ -101,7 +101,7 @@ include("header.php");
             <hr><?php echo printDescription($description, "en") ?><hr>
         </div>
         
-        <div id="psm-screenshots">
+        <div id="psm-screenshots" class="blue-scrollbar">
             <?php echo printScreenshotsImgTags($screenshot, $latestVersion, $game) ?>
         </div>
 
@@ -248,6 +248,9 @@ include("header.php");
             $isPlayable = $playableList[$titleid] == 1 || file_exists("psdp-packages/".$titleid.".psdp");
             $hasSimulator = file_exists("decrypted-files/".$titleid.".zip");
             $isPlayablePending = false;
+
+			preg_match('/https?:\/\/(?:www\.)?(.+[^\/])/', $website, $website_array);
+			$websitePretty = $website_array[1];
             
             if($searchUsed)
             {
@@ -345,7 +348,7 @@ include("header.php");
                     </tbody>
                 </table>
 				<object>
-					<a class="white" href="<?php echo $website ?>"><?php echo $website ?></a>
+					<a class="white" href="<?php echo $website ?>"><?php echo $websitePretty ?></a>
 				</object>
             </div>
 		</a>

style.css

@@ -16,6 +16,7 @@
   .sitename > span {
     height: 100%;
     display: inline-block;
+    position: absolute;
   }
   
   .sitemap {
@@ -206,6 +207,10 @@
     display: flex;
     flex-direction: column;
   }
+
+  .psm-game-info > object > a {
+    padding-left: 4px;
+  }
   
   .psm-meta {
     backdrop-filter: blur(10px);
@@ -241,9 +246,8 @@
   }
   
   .psm-meta > #psm-description{
-      margin: 2%;
-      font-weight: bold;
-	  width: 96%;
+      margin: 2% 2% 0%;
+	    width: 96%;
   }
   
   .psm-meta > #psm-screenshots{
@@ -427,7 +431,6 @@
   }
   
   .button-disabled{
-      
       width: 300px;
       height: 50px;
       
@@ -441,4 +444,32 @@
       color: #cfd2d3;
       cursor: arrow;
       border-radius: 20px;
+  }
+
+  a {
+    user-select: none;
+  }
+
+  .blue-scrollbar::-webkit-scrollbar-track
+  {
+    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
+    background-color: #11101000;
+    border-radius: 10px;
+  }
+
+  .blue-scrollbar::-webkit-scrollbar
+  {
+    width: 10px;
+    background-color: rgba(0,0,0,0);
+  }
+
+  .blue-scrollbar::-webkit-scrollbar-thumb
+  {
+    border-radius: 10px;
+    background-image: linear-gradient(90deg, rgba(245,148,215,1) 0%, rgba(167,234,255,1) 94%);
+  }
+
+  .blue-scrollbar {
+    padding-bottom: 10px;
+    margin-bottom: 2.5%;
   }