cleaning up the css, bumping version an
This commit is contained in:
parent
7a96f26f84
commit
3a899e4911
|
@ -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);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue
Block a user