Merge pull request '👀 f0ck95/f0ck95d fixes 👀' (#39) from dev into master

Reviewed-on: #39

public/s/css/f0ck.css

@@ -605,14 +605,7 @@ html[theme="f0ck95"] .metadata {
     color: var(--black);
 }
 
-html[theme="f0ck95"] .media-object {
+html[theme="f0ck95"] ._204863 {
-    border-left: inset 2px silver;
-    border-bottom: outset 2px silver;
-    border-right: outset 2px silver;
-    border-top: 2px outset #959494;
-}
-
-html[theme="f0ck95"] .media-object::before {
   content: " ";
   background: -webkit-linear-gradient(left,#08216b,#a5cef7);
   text-align: left;
@@ -620,6 +613,33 @@ html[theme="f0ck95"] .media-object::before {
   color: white;
   height: 20px;
   display: block;
+      border-left: inset 2px silver;
+  border-top: inset 2px silver;
+  border-right: outset 2px silver;
+    border-bottom: outset 2px silver;
+    z-index: 1;
+}
+
+html[theme="f0ck95"] div#main {
+  margin-top: 50px;
+}
+
+html[theme="f0ck95"] .media-object {
+  border-left: inset 2px silver;
+  border-bottom: outset 2px silver;
+  border-right: outset 2px silver;
+}
+
+html[theme="f0ck95"] .embed-responsive.embed-responsive-16by9 {
+    background: black;
+}
+
+html[theme="f0ck95"] .embed-responsive-image {
+  background: #0000;
+}
+
+html[theme="f0ck95"] #f0ck-image {
+  padding-bottom: 2px;
 }
 
 html[theme="f0ck95"] span.placeholder {
@@ -678,6 +698,10 @@ html[theme="f0ck95"] .badge-dark, #themeselector {
   background: #a8a5a5;
 }
 
+html[theme="f0ck95"] .embed-responsive-16by9::before {
+  padding-top: 46.25%;
+}
+
 /* f0ck95dARK */
 html[theme='f0ck95d'] {
   --accent: #fff;
@@ -715,6 +739,46 @@ html[theme='f0ck95d'] {
   --scroller-bg: #424242;
 }
 
+html[theme="f0ck95d"] ._204863 {
+  content: " ";
+  background: -webkit-linear-gradient(left,#08216b,#a5cef7);
+  text-align: left;
+  width: 100%;
+  color: white;
+  height: 20px;
+  display: block;
+  border-left: inset 1px silver;
+  border-top: inset 1px silver;
+  border-right: outset 1px silver;
+  border-bottom: outset 1px silver;
+}
+
+html[theme="f0ck95d"] .embed-responsive-16by9::before {
+  padding-top: 46.25%;
+}
+
+html[theme="f0ck95d"] div#main {
+  margin-top: 50px;
+}
+
+html[theme="f0ck95d"] .media-object {
+  border-left: inset 2px silver;
+  border-bottom: outset 2px silver;
+  border-right: outset 2px silver;
+}
+
+html[theme="f0ck95d"] .embed-responsive.embed-responsive-16by9 {
+    background: black;
+}
+
+html[theme="f0ck95d"] .embed-responsive-image {
+  background: #0000;
+}
+
+html[theme="f0ck95d"] #f0ck-image {
+  padding-bottom: 1px;
+}
+
 html[theme="f0ck95d"] html, body {
   color: var(--white);
 }
@@ -746,18 +810,6 @@ html[theme="f0ck95d"] .media-object {
   border-left: inset 1px silver;
   border-bottom: outset 1px silver;
   border-right: outset 1px silver;
-  border-top: 2px inset #959494;
-}
-
-html[theme="f0ck95d"] .media-object::before {
-  content: " ";
-  background: -webkit-linear-gradient(left,#08216b,#011029);
-  text-align: left;
-  width: 100%;
-  color: white;
-  height: 20px;
-  display: block;
-  border-bottom: 1px outset silver;
 }
 
 html[theme="f0ck95d"] span.placeholder {

public/s/js/f0ck.js

@@ -58,7 +58,7 @@
         : f0ckimagescroll.setAttribute("style", "overflow-y: scroll");
       f0ckimage.hasAttribute("style")
         ? f0ckimage.removeAttribute("style")
-        : f0ckimage.setAttribute("style", "max-height: none; height: auto; width: 100%; position: absolute; left: 0;");
+        : f0ckimage.setAttribute("style", "max-height: none; height: auto; width: 100%; position: absolute; left: 0; padding: 0px 2px 0px 2px;");
     });
   }
   // </image-responsive>

views/item.html

@@ -1,5 +1,6 @@
 @include(snippets/header)
   <div class="container">
+    <span hidden class="_204863"></span>
     <div class="content">
       <div class="next-post">
         @if(pagination.prev)