From 7a96f26f840df72f38d7855bba000930b9e87e32 Mon Sep 17 00:00:00 2001
From: schrumpel <git@f0ck.it>
Date: Thu, 19 May 2022 01:52:15 +0200
Subject: [PATCH 1/2] possible sticky navbar fix for chrome

---
 public/s/css/f0ck.css | 38 +++++++++++++++++++++++++++-----------
 1 file changed, 27 insertions(+), 11 deletions(-)

diff --git a/public/s/css/f0ck.css b/public/s/css/f0ck.css
index 0079028..8a90479 100644
--- a/public/s/css/f0ck.css
+++ b/public/s/css/f0ck.css
@@ -682,9 +682,10 @@ html[theme="f0ck95"] .metadata {
     color: var(--black);
 }
 
-html[theme="f0ck95"] .container {
+/* removing this in favor of sticky navbar */
+/* html[theme="f0ck95"] .container {
   padding-top: 10px;
-}
+} */
 
 html[theme="f0ck95"] .media-object {
   border-left: inset 2px silver;
@@ -896,9 +897,10 @@ html[theme="f0ck95d"] .embed-responsive-16by9::before {
   padding-top: 46.25%;
 }
 
-html[theme="f0ck95d"] .container {
+/* removing this in favor of sticky navbar */
+/* html[theme="f0ck95d"] .container {
   padding-top: 10px;
-}
+} */
 
 html[theme="f0ck95d"] .embed-responsive-image {
   left: 2px;
@@ -1070,7 +1072,8 @@ html, body {
   scrollbar-color: var(--scrollbar-color) transparent;
   scrollbar-width: thin;
   overscroll-behavior-y: contain;
-  overflow: overlay;
+  /* overflow: overlay; */
+  overflow: unset;
   font-size: 14px;
 }
 
@@ -1170,7 +1173,9 @@ div.posts > a:hover::after {
 }
 
 .navbar {
-  position: fixed;
+  /* position: fixed; */
+  /* possible fix in chrome is to unset the overflow on line 1064*/
+  position: sticky;
   top: 0;
   padding: 0;
   width: 100%;
@@ -1294,9 +1299,10 @@ ul.navbar-nav li.nav-item {
   visibility: hidden;
 }
 
-div#main {
+/* removing this in favor of position sticky on navbar! */
+/* div#main {
   margin-top: 40px;
-}
+} */
 
 @media (max-width: 444px) {
   .mandy {
@@ -1334,11 +1340,17 @@ div#main {
     justify-content: center !important;
   }
 }
-
-@media (max-width: 768px) {
+/* vllt auch 1024 mal gucken! */
+@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;
@@ -1587,7 +1599,7 @@ span.placeholder {
   margin-left: auto;
   z-index: 1;
   position: relative;
-  padding-top: 5px;
+  /* padding-top: 5px; */
   padding-bottom: 15px;
 }
 
@@ -1612,6 +1624,10 @@ span.placeholder {
   padding: 2px;
 }
 
+.imageDoor img {
+  background: var(--accent);
+}
+
 ._204863 {
   content: " ";
   background: -webkit-linear-gradient(left,#131313,#4f4a4f);

From 3a899e4911743c158eb1aadb7bc14858b5b0dea5 Mon Sep 17 00:00:00 2001
From: schrumpel <git@f0ck.it>
Date: Thu, 19 May 2022 01:58:13 +0200
Subject: [PATCH 2/2] cleaning up the css, bumping version an

---
 public/s/css/f0ck.css | 47 +++----------------------------------------
 1 file changed, 3 insertions(+), 44 deletions(-)

diff --git a/public/s/css/f0ck.css b/public/s/css/f0ck.css
index 8a90479..7788c01 100644
--- a/public/s/css/f0ck.css
+++ b/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,14 +682,8 @@ html[theme="f0ck95"] .metadata {
     color: var(--black);
 }
 
-/* removing this in favor of sticky navbar */
-/* 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;
 }
 
@@ -897,11 +891,6 @@ html[theme="f0ck95d"] .embed-responsive-16by9::before {
   padding-top: 46.25%;
 }
 
-/* removing this in favor of sticky navbar */
-/* html[theme="f0ck95d"] .container {
-  padding-top: 10px;
-} */
-
 html[theme="f0ck95d"] .embed-responsive-image {
   left: 2px;
   right: 2px;
@@ -1072,7 +1061,6 @@ html, body {
   scrollbar-color: var(--scrollbar-color) transparent;
   scrollbar-width: thin;
   overscroll-behavior-y: contain;
-  /* overflow: overlay; */
   overflow: unset;
   font-size: 14px;
 }
@@ -1119,7 +1107,6 @@ div.posts {
   grid-gap: 5px;
   margin: 0;
   padding: 0;
-  /* margin-top: 15px; */
   margin-bottom: 35px;
 }
 
@@ -1173,8 +1160,6 @@ div.posts > a:hover::after {
 }
 
 .navbar {
-  /* position: fixed; */
-  /* possible fix in chrome is to unset the overflow on line 1064*/
   position: sticky;
   top: 0;
   padding: 0;
@@ -1271,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 {
@@ -1299,11 +1283,6 @@ ul.navbar-nav li.nav-item {
   visibility: hidden;
 }
 
-/* removing this in favor of position sticky on navbar! */
-/* div#main {
-  margin-top: 40px;
-} */
-
 @media (max-width: 444px) {
   .mandy {
     position: fixed;
@@ -1340,7 +1319,7 @@ ul.navbar-nav li.nav-item {
     justify-content: center !important;
   }
 }
-/* vllt auch 1024 mal gucken! */
+
 @media (max-width: 1056px) {
   .nav-link[data-toggle="dropdown"]::after {
     content: "" !important;
@@ -1441,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;
   }
@@ -1464,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;
@@ -1599,7 +1571,7 @@ span.placeholder {
   margin-left: auto;
   z-index: 1;
   position: relative;
-  /* padding-top: 5px; */
+  padding-top: 5px;
   padding-bottom: 15px;
 }
 
@@ -1880,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;
@@ -1968,9 +1938,6 @@ span#tags:empty {
   .embed-responsive-16by9::before {
     padding-top: 100%;
   }
-  div#main {
-    margin-top: 118px;
-  }
 }
 
 @media(max-width: 555px) {
@@ -2077,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;
@@ -2137,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);
 }