diff --git a/public/s/css/f0ck.css b/public/s/css/f0ck.css
index 9dc72c3..37a467d 100644
--- a/public/s/css/f0ck.css
+++ b/public/s/css/f0ck.css
@@ -30,7 +30,7 @@ html[theme='f0ck'] {
   --pagination-anchor-box-shadow: inset 0 0 0 1px rgba(255,255,255,.04),inset 0 1px rgba(255,255,255,.04),inset 0 -1px rgba(0,0,0,.15),0 1px 1px rgba(0,0,0,.1);
   --pagination-background-hover: #333;
   --pagination-border-color: rgba(0,0,0,.8) rgba(0,0,0,.65) rgba(0,0,0,.5);
-  --metadata-bg: #0d0d0d;
+  --metadata-bg: #2b2b2b;
   --badge-bg: #171717;
   --posts-meta-bg: #000000b8;
   --badge-sfw: #68a728;
@@ -69,7 +69,7 @@ html[theme='p1nk'] {
   --badge-sfw: #68a728;
   --badge-nsfw: #a72828;
   --badge-tag: #090909;
-  --metadata-bg: #0d0d0d;
+  --metadata-bg: #2b2b2b;
   --posts-meta-bg: #000000b8;
   --scrollbar-color: #2b2b2b;
   --scroller-bg: #424242;
@@ -284,7 +284,7 @@ html[theme="atmos"] {
   --pagination-background-hover: #333;
   --pagination-border-color: rgba(0,0,0,.8) rgba(0,0,0,.65) rgba(0,0,0,.5);
   --metadata-bg: rgba(34, 34, 34, 0.8);
-  --badge-bg: #1f1f20;
+  --badge-bg: #131313;
   --posts-meta-bg: #000000b8;
   --badge-sfw: #68a728;
   --badge-nsfw: #a72828;
@@ -359,7 +359,7 @@ html[theme="iced"] {
   --pagination-anchor-box-shadow: inset 0 0 0 1px rgba(255,255,255,.04),inset 0 1px rgba(255,255,255,.04),inset 0 -1px rgba(0,0,0,.15),0 1px 1px rgba(0,0,0,.1);
   --pagination-background-hover: #0a3f53;
   --pagination-border-color: rgba(0,0,0,.8) rgba(0,0,0,.65) rgba(0,0,0,.5);
-  --metadata-bg: #04142d;
+  --metadata-bg: #111d37;
   --badge-bg: #091f39;
   --posts-meta-bg: #000000b8;
   --badge-sfw: #07866e;
@@ -704,6 +704,10 @@ span.placeholder {
   text-align: center;
   align-self: center;
   overflow: hidden;
+  /* new idea */
+/*   padding: 5px;
+  border-top: 2px solid var(--bg);
+  background: var(--metadata-bg); */
 }
 
 /* Pagination */
@@ -1167,6 +1171,7 @@ a.id-link:hover:after {
   width: 128px;
   display: inline-block;
   position: absolute;
+  z-index: 999;
   margin-left: 5px;
 }
 
diff --git a/views/item.html b/views/item.html
index 5509ca6..aab1e94 100644
--- a/views/item.html
+++ b/views/item.html
@@ -45,7 +45,7 @@
     </div>
     <div class="metadata">
       <span class="badge badge-dark">
-        <a href="/{{ item.id }}" style="--hover-image: url('/t/{{ item.id }}.png');" class="id-link">{{ item.id }}</a>@if(session) (<a id="a_username" href="/user/{{ user.name.toLowerCase() }}@if(tmp.mime)/{{ tmp.mime }}@endif">{{ user.name }}</a>) <a title="delete" href="#" id="a_delete">&#10006;</a>@endif
+        <a href="/{{ item.id }}" style="--hover-image: url('/t/{{ item.id }}.png');" class="id-link">{{ item.id }}</a>@if(session) (<a id="a_username" href="/user/{{ user.name.toLowerCase() }}/f0cks@if(tmp.mime)/{{ tmp.mime }}@endif">{{ user.name }}</a>) <a title="delete" href="#" id="a_delete">&#10006;</a>@endif
       </span>
       <span class="badge badge-dark">{{ user.network }} / {{ user.channel }}</span>
       <span class="badge badge-dark image-source">
diff --git a/views/snippets/navbar.html b/views/snippets/navbar.html
index 6000f64..6283fbc 100644
--- a/views/snippets/navbar.html
+++ b/views/snippets/navbar.html
@@ -9,7 +9,7 @@
         </a>
         <ul class="dropdown-menu">
           <li><a href="/admin">adminpanel</a></li>
-          <li><a href="/user/{{  session.user.toLowerCase() }}">my f0cks</a></li>
+          <li><a href="/user/{{ session.user.toLowerCase() }}">my f0cks</a></li>
           <li><a href="/settings">settings</a></li>
           <li><a href="/about">About</a></li>
           <li><a href="/ranking">Ranking</a></li>
@@ -62,17 +62,17 @@
       <div class="pagination-wrapper">
         @if(typeof pagination !== "undefined")
         <nav class="pagination">
-          <a href="/{{ pagination.link }}@if(pagination.link.length != 0)/@endif@if(!pagination.uff)p/@endif{{ pagination.start }}" class="page-item-1 btn start@if(!pagination.prev) disabled@endif">&laquo;</a>
-          <a href="/{{ pagination.link }}@if(pagination.link.length != 0)/@endif@if(!pagination.uff)p/@endif{{ pagination.prev }}" class="page-item-2 btn prev@if(!pagination.prev) disabled@endif">&lsaquo;</a>
+          <a href="/{{ link }}@if(link.length != 0)/@endif@if(!pagination.uff)p/@endif{{ pagination.start }}" class="page-item-1 btn start@if(!pagination.prev) disabled@endif">&laquo;</a>
+          <a href="/{{ link }}@if(link.length != 0)/@endif@if(!pagination.uff)p/@endif{{ pagination.prev }}" class="page-item-2 btn prev@if(!pagination.prev) disabled@endif">&lsaquo;</a>
           @each(pagination.cheat as i)
             @if(i == pagination.page)
               <span class="btn disabled">{{ i }}</span>
             @else
-              <a href="/{{ pagination.link }}@if(pagination.link.length != 0)/@endif@if(!pagination.uff)p/@endif{{ i }}" class="pagination-int-item btn">{{ i }}</a>
+              <a href="/{{ link }}@if(link.length != 0)/@endif@if(!pagination.uff)p/@endif{{ i }}" class="pagination-int-item btn">{{ i }}</a>
             @endif
           @endeach
-          <a href="/{{ pagination.link }}@if(pagination.link.length != 0)/@endif@if(!pagination.uff)p/@endif{{ pagination.next }}" class="page-item-3 btn next@if(!pagination.next) disabled@endif">&rsaquo;</a>
-          <a href="/{{ pagination.link }}@if(pagination.link.length != 0)/@endif@if(!pagination.uff)p/@endif{{ pagination.end }}" class="page-item-4 btn start@if(!pagination.next) disabled@endif">&raquo;</a>
+          <a href="/{{ link }}@if(link.length != 0)/@endif@if(!pagination.uff)p/@endif{{ pagination.next }}" class="page-item-3 btn next@if(!pagination.next) disabled@endif">&rsaquo;</a>
+          <a href="/{{ link }}@if(link.length != 0)/@endif@if(!pagination.uff)p/@endif{{ pagination.end }}" class="page-item-4 btn start@if(!pagination.next) disabled@endif">&raquo;</a>
         </nav>
         @endif
       </div>