fixes fixex fixes

public/s/css/f0ck.css

@@ -6,7 +6,7 @@
 
 html[theme='f0ck'] {
   --accent: #9f0;
-  --bg: #171717;
+  --bg: #000000;
   --black: #000;
   --white: #fff;
   --gray: #262626;
@@ -43,6 +43,9 @@ html[theme='f0ck'] {
   --img-border-width: 0;
   --img-border-color: #363636;
   --maximize_button: #9f0;
+  --bg-gradient: linear-gradient(0deg, rgba(0, 0, 0, 0.94) 0%, rgb(6, 6, 6) 10%, rgb(43, 43, 43) 100%);
+  /* appearance */
+  background: black;
 }
 
 html[theme="f0ck"] .admin-search button {
@@ -102,6 +105,9 @@ html[theme='p1nk'] {
   --img-border-width: 0;
   --img-border-color: #363636;
   --maximize_button: #ff00d0;
+  --bg-gradient: linear-gradient(0deg, rgba(0, 0, 0, 0.94) 0%, rgb(6, 6, 6) 10%, rgb(43, 43, 43) 100%);
+  /* appearance */
+  background: black;
 }
 
 html[theme="p1nk"] .pagination>a,
@@ -156,6 +162,9 @@ html[theme='orange'] {
   --img-border-width: 0;
   --img-border-color: #363636;
   --maximize_button: #ff6f00;
+  --bg-gradient: linear-gradient(0deg, rgba(0, 0, 0, 0.94) 0%, rgb(6, 6, 6) 10%, rgb(43, 43, 43) 100%);
+  /* appearance */
+  background: black;
 }
 
 html[theme="orange"] .pagination>a,
@@ -212,6 +221,8 @@ html[theme='amoled'] {
   --img-border-width: 0;
   --img-border-color: #363636;
   --maximize_button: #fff;
+  --bg-gradient: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 10%, rgb(0, 0, 0) 100%);
+  background: black;
 }
 
 html[theme="amoled"] .metadata {
@@ -478,6 +489,9 @@ html[theme="atmos"] {
   --img-border-width: 0;
   --img-border-color: #363636;
   --maximize_button: #1fb2b0;
+  --bg-gradient: linear-gradient(0deg, rgba(0, 0, 0, 0.94) 0%, rgb(6, 6, 6) 10%, rgb(43, 43, 43) 100%);
+  /* appearance */
+  background: black;
 }
 
 html[theme="atmos"] .pagination>a,
@@ -534,6 +548,9 @@ html[theme="term"] {
   --img-border-width: 0;
   --img-border-color: #363636;
   --maximize_button: #00DF00;
+  --bg-gradient: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 10%, rgb(0, 0, 0) 100%);
+  /* appearance */
+  background: black;
 }
 
 html[theme="term"] .pagination>a,
@@ -606,6 +623,9 @@ html[theme="iced"] {
   --img-border-width: 0;
   --img-border-color: #363636;
   --maximize_button: #0084ff;
+  --bg-gradient: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 10%, #062631 100%);
+  /* appearance */
+  background: black;
 }
 
 html[theme="iced"] ._204863 {
@@ -678,6 +698,9 @@ html[theme='f0ck95'] {
   --img-border-width: 0;
   --img-border-color: #808080;
   --maximize_button: #000;
+  --bg-gradient: linear-gradient(0deg, rgba(0, 0, 0, 0) rgba(0, 0, 0, 0), 0) 1rgba(6, 38, 49, 0)2631 100%);
+  /* appearance */
+  background: teal;
 }
 
 html[theme="f0ck95"] html,
@@ -947,6 +970,9 @@ html[theme='f0ck95d'] {
   --img-border-width: 0;
   --img-border-color: #808080;
   --maximize_button: #fff;
+  --bg-gradient: linear-gradient(0deg, rgba(0, 0, 0, 0.94) 0%, rgb(6, 6, 6) 10%, rgb(43, 43, 43) 100%);
+  /* appearance */
+  background: black;
 }
 
 html[theme="f0ck95d"] .err {
@@ -1159,6 +1185,7 @@ html[res="fullscreen"] span#favs {
 html,
 body {
   background-color: var(--bg);
+  background: var(--bg-gradient);
   color: var(--white);
   margin: 0;
   font-family: var(--font);
@@ -1168,6 +1195,7 @@ body {
   overscroll-behavior-y: contain;
   overflow: unset;
   font-size: 14px;
+  height: /* 100%; */auto;
 }
 
 .wrapper {
@@ -1752,8 +1780,8 @@ span.placeholder {
 .index-container {
   width: 100%;
   padding: 5px;
-  background-color: var(--navigation-links-bg);
-}
+/*   background-color: var(--navigation-links-bg);
+ */}
 
 @media (min-width: 361px) {
   .embed-responsive-image {
@@ -2330,7 +2358,7 @@ div.logwrap>p {
 table.table {
   border-collapse: collapse;
   margin: 25px 0;
-  min-width: max-content;
+  min-width: 100%;
 }
 
 table.table thead tr {
@@ -2370,6 +2398,7 @@ table.table tbody tr:nth-of-type(odd) {
   background: var(--nav-bg);
   border: 1px solid black;
   border-radius: 3px;
+  min-width: 272px;
 }
 
 .by-user {
@@ -2798,38 +2827,6 @@ ul.navbar-nav-guests li.nav-item {
   }
 }
 
-/* mobile random button */
-.random {
-  display: none;
-}
-
-@media (max-width: 768px) {
-  .metadata {
-    margin-bottom: 0;
-  }
-
-  .random {
-    width: 100%;
-    height: 100px;
-    transition: .5s ease-out;
-    display: block;
-  }
-    
-    
-  .random a {
-    width: 100%;
-    height: 100%;
-  }
-    
-  .random a::after {
-    content: "";
-  }
-    
-  .random:active {
-    background: #00000036;
-  }
-}
-
 /* fadeIn effect */
 @keyframes fadeIn {
   0% {

views/index.html

@@ -1,4 +1,7 @@
 @include(snippets/header)
+<div class="links">
+  
+</div>
 <div class="pagewrapper">
   <div id="main">
     <div class="index-container">

views/item.html

@@ -99,9 +99,6 @@
         @endif
         </span>
       </div>
-      <div class="random">
-        <a href="/random"></a>
-      </div>
     </div>
   </div>
 </div>