diff --git a/public/s/css/f0ck.css b/public/s/css/f0ck.css index 0079028..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,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); }