cleaning up the css, bumping version an

This commit is contained in:
Kibi Kelburton 2022-05-19 01:58:13 +02:00
parent 7a96f26f84
commit 3a899e4911

View File

@ -1,4 +1,4 @@
/* f0ckwork v0.1 alpha */ /* f0ckwork omega */
/* written by sirx for f0ck.me */ /* written by sirx for f0ck.me */
/* use whatever you like */ /* use whatever you like */
/* once upon a time this was a stiefelstrapse! but no more! */ /* once upon a time this was a stiefelstrapse! but no more! */
@ -682,14 +682,8 @@ html[theme="f0ck95"] .metadata {
color: var(--black); color: var(--black);
} }
/* removing this in favor of sticky navbar */
/* html[theme="f0ck95"] .container {
padding-top: 10px;
} */
html[theme="f0ck95"] .media-object { html[theme="f0ck95"] .media-object {
border-left: inset 2px silver; border-left: inset 2px silver;
/* border-bottom: outset 2px silver; */
border-right: outset 2px silver; border-right: outset 2px silver;
} }
@ -897,11 +891,6 @@ html[theme="f0ck95d"] .embed-responsive-16by9::before {
padding-top: 46.25%; padding-top: 46.25%;
} }
/* removing this in favor of sticky navbar */
/* html[theme="f0ck95d"] .container {
padding-top: 10px;
} */
html[theme="f0ck95d"] .embed-responsive-image { html[theme="f0ck95d"] .embed-responsive-image {
left: 2px; left: 2px;
right: 2px; right: 2px;
@ -1072,7 +1061,6 @@ html, body {
scrollbar-color: var(--scrollbar-color) transparent; scrollbar-color: var(--scrollbar-color) transparent;
scrollbar-width: thin; scrollbar-width: thin;
overscroll-behavior-y: contain; overscroll-behavior-y: contain;
/* overflow: overlay; */
overflow: unset; overflow: unset;
font-size: 14px; font-size: 14px;
} }
@ -1119,7 +1107,6 @@ div.posts {
grid-gap: 5px; grid-gap: 5px;
margin: 0; margin: 0;
padding: 0; padding: 0;
/* margin-top: 15px; */
margin-bottom: 35px; margin-bottom: 35px;
} }
@ -1173,8 +1160,6 @@ div.posts > a:hover::after {
} }
.navbar { .navbar {
/* position: fixed; */
/* possible fix in chrome is to unset the overflow on line 1064*/
position: sticky; position: sticky;
top: 0; top: 0;
padding: 0; padding: 0;
@ -1271,7 +1256,6 @@ ul.navbar-nav li.nav-item {
border-radius: 3px; border-radius: 3px;
background-image: linear-gradient(to bottom,var(--nav-link-background-linear-gradient)); background-image: linear-gradient(to bottom,var(--nav-link-background-linear-gradient));
box-shadow: var(--nav-link-box-shadow); box-shadow: var(--nav-link-box-shadow);
/* color: transparent; */
} }
.navbar-expand-lg .navbar-nav .nav-link, .pagination > a, .pagination > span { .navbar-expand-lg .navbar-nav .nav-link, .pagination > a, .pagination > span {
@ -1299,11 +1283,6 @@ ul.navbar-nav li.nav-item {
visibility: hidden; visibility: hidden;
} }
/* removing this in favor of position sticky on navbar! */
/* div#main {
margin-top: 40px;
} */
@media (max-width: 444px) { @media (max-width: 444px) {
.mandy { .mandy {
position: fixed; position: fixed;
@ -1340,7 +1319,7 @@ ul.navbar-nav li.nav-item {
justify-content: center !important; justify-content: center !important;
} }
} }
/* vllt auch 1024 mal gucken! */
@media (max-width: 1056px) { @media (max-width: 1056px) {
.nav-link[data-toggle="dropdown"]::after { .nav-link[data-toggle="dropdown"]::after {
content: "" !important; content: "" !important;
@ -1441,17 +1420,12 @@ span.placeholder {
} }
@media (max-width: 1056px) { @media (max-width: 1056px) {
/* navbar-fix mobile */
.navbar { .navbar {
display: grid; display: grid;
grid-template-rows: 1fr 1fr; grid-template-rows: 1fr 1fr;
grid-template-areas: 'f0ck f0ck f0ck'; grid-template-areas: 'f0ck f0ck f0ck';
} }
div#main {
margin-top: 116px;
}
.navbar-brand { .navbar-brand {
grid-area: f0ck; grid-area: f0ck;
} }
@ -1464,12 +1438,10 @@ span.placeholder {
justify-content: flex-end !important; justify-content: flex-end !important;
} }
/* needs rework!!!! */
.pagination a:nth-last-child(2), .pagination a:nth-last-child(3), .pagination a:nth-last-child(2), .pagination a:nth-last-child(3),
.pagination a:nth-child(2), .pagination a:nth-child(3) { .pagination a:nth-child(2), .pagination a:nth-child(3) {
display: none; display: none;
} }
/* pls */
html, body { html, body {
text-align: center; text-align: center;
@ -1599,7 +1571,7 @@ span.placeholder {
margin-left: auto; margin-left: auto;
z-index: 1; z-index: 1;
position: relative; position: relative;
/* padding-top: 5px; */ padding-top: 5px;
padding-bottom: 15px; padding-bottom: 15px;
} }
@ -1880,8 +1852,6 @@ span#tags:empty {
padding-left: 5px; padding-left: 5px;
padding-top: 1.5px; padding-top: 1.5px;
padding-bottom: 1.5px; padding-bottom: 1.5px;
/* box-shadow: var(--pagination-anchor-box-shadow); */
/* fix box shadow blah */
} }
.badge-greentext { .badge-greentext {
color: #789922; color: #789922;
@ -1968,9 +1938,6 @@ span#tags:empty {
.embed-responsive-16by9::before { .embed-responsive-16by9::before {
padding-top: 100%; padding-top: 100%;
} }
div#main {
margin-top: 118px;
}
} }
@media(max-width: 555px) { @media(max-width: 555px) {
@ -2077,13 +2044,6 @@ canvas {
} }
/* tags */ /* tags */
/*span#tags {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
line-height: 1.4;
}*/
span#tags { span#tags {
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
@ -2137,7 +2097,6 @@ div#flash.warn {
div.posts > a > p { div.posts > a > p {
height: 100%; height: 100%;
width: 100%; width: 100%;
/* possible fix for weird padding */
position: absolute; position: absolute;
bottom: calc(0px - 12px); bottom: calc(0px - 12px);
} }