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);