Merge remote-tracking branch 'origin/dev'

public/s/css/f0ck.css

@@ -1,4 +1,4 @@
-/* f0ckwork v0.1 alpha */
+/* f0ckwork omega */
 /* written by sirx for f0ck.me */
 /* use whatever you like */
 /* once upon a time this was a stiefelstrapse! but no more! */
@@ -682,13 +682,8 @@ html[theme="f0ck95"] .metadata {
     color: var(--black);
 }
 
-html[theme="f0ck95"] .container {
-  padding-top: 10px;
-}
-
 html[theme="f0ck95"] .media-object {
   border-left: inset 2px silver;
-  /* border-bottom: outset 2px silver; */
   border-right: outset 2px silver;
 }
 
@@ -896,10 +891,6 @@ html[theme="f0ck95d"] .embed-responsive-16by9::before {
   padding-top: 46.25%;
 }
 
-html[theme="f0ck95d"] .container {
-  padding-top: 10px;
-}
-
 html[theme="f0ck95d"] .embed-responsive-image {
   left: 2px;
   right: 2px;
@@ -1070,7 +1061,7 @@ html, body {
   scrollbar-color: var(--scrollbar-color) transparent;
   scrollbar-width: thin;
   overscroll-behavior-y: contain;
-  overflow: overlay;
+  overflow: unset;
   font-size: 14px;
 }
 
@@ -1116,7 +1107,6 @@ div.posts {
   grid-gap: 5px;
   margin: 0;
   padding: 0;
-  /* margin-top: 15px; */
   margin-bottom: 35px;
 }
 
@@ -1170,7 +1160,7 @@ div.posts > a:hover::after {
 }
 
 .navbar {
-  position: fixed;
+  position: sticky;
   top: 0;
   padding: 0;
   width: 100%;
@@ -1266,7 +1256,6 @@ ul.navbar-nav li.nav-item {
   border-radius: 3px;
   background-image: linear-gradient(to bottom,var(--nav-link-background-linear-gradient));
   box-shadow: var(--nav-link-box-shadow);
-  /* color: transparent; */
 }
 
 .navbar-expand-lg .navbar-nav .nav-link, .pagination > a, .pagination > span {
@@ -1294,10 +1283,6 @@ ul.navbar-nav li.nav-item {
   visibility: hidden;
 }
 
-div#main {
-  margin-top: 40px;
-}
-
 @media (max-width: 444px) {
   .mandy {
     position: fixed;
@@ -1335,10 +1320,16 @@ div#main {
   }
 }
 
-@media (max-width: 768px) {
+@media (max-width: 1056px) {
   .nav-link[data-toggle="dropdown"]::after {
     content: "" !important;
   }
+}
+
+@media (max-width: 768px) {
+/*   .nav-link[data-toggle="dropdown"]::after {
+    content: "" !important;
+  } */
 
   .navbar {
     display: grid !important;
@@ -1429,17 +1420,12 @@ span.placeholder {
 }
 
 @media (max-width: 1056px) {
-  /* navbar-fix mobile */
   .navbar {
     display: grid;
     grid-template-rows: 1fr 1fr;
     grid-template-areas: 'f0ck f0ck f0ck';
   }
 
-  div#main {
-    margin-top: 116px;
-  }
-
   .navbar-brand {
     grid-area: f0ck;
   }
@@ -1452,12 +1438,10 @@ span.placeholder {
     justify-content: flex-end !important;
   }
 
-  /* needs rework!!!! */
   .pagination a:nth-last-child(2), .pagination a:nth-last-child(3),
   .pagination a:nth-child(2), .pagination a:nth-child(3) {
     display: none;
   }
-  /* pls */
 
   html, body {
     text-align: center;
@@ -1612,6 +1596,10 @@ span.placeholder {
   padding: 2px;
 }
 
+.imageDoor img {
+  background: var(--accent);
+}
+
 ._204863 {
   content: " ";
   background: -webkit-linear-gradient(left,#131313,#4f4a4f);
@@ -1864,8 +1852,6 @@ span#tags:empty {
   padding-left: 5px;
   padding-top: 1.5px;
   padding-bottom: 1.5px;
-  /* box-shadow: var(--pagination-anchor-box-shadow); */
-  /* fix box shadow blah */
 }
 .badge-greentext {
   color: #789922;
@@ -1952,9 +1938,6 @@ span#tags:empty {
   .embed-responsive-16by9::before {
     padding-top: 100%;
   }
-  div#main {
-    margin-top: 118px;
-  }
 }
 
 @media(max-width: 555px) {
@@ -2061,13 +2044,6 @@ canvas {
 }
 
 /* tags */
-/*span#tags {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-wrap: wrap;
-  line-height: 1.4;
-}*/
 span#tags {
   display: flex;
   justify-content: flex-start;
@@ -2121,7 +2097,6 @@ div#flash.warn {
 div.posts > a > p {
   height: 100%;
   width: 100%;
-  /* possible fix for weird padding */
   position: absolute;
   bottom: calc(0px - 12px);
 }