more css tweaks

This commit is contained in:
2026-07-31 16:34:09 +02:00
parent a6a8e4d6bb
commit c713fc1ade
+36 -11
View File
@@ -126,7 +126,6 @@ body {
font-weight: 600; font-weight: 600;
text-decoration: none; text-decoration: none;
background: var(--ifm-deep-black); background: var(--ifm-deep-black);
display: inline-flex;
margin: 0.125rem 0; margin: 0.125rem 0;
/* 2px 0 */ /* 2px 0 */
padding: 0.125rem 0.625rem; padding: 0.125rem 0.625rem;
@@ -140,11 +139,6 @@ body {
background: var(--ifm-red); background: var(--ifm-red);
} }
.body {
width: 100%;
background-color: var(--ifm-black);
}
.mixsections { .mixsections {
font-family: Helvetica, Arial, sans-serif; font-family: Helvetica, Arial, sans-serif;
font-weight: 900; font-weight: 900;
@@ -230,23 +224,42 @@ content {
} }
.latest { .latest {
padding: 2em; max-width: 90%;
width: min(90%, 100rem); padding-bottom: 1rem;
} }
.linkimg:hover { .linkimg:hover {
filter: invert(70%); filter: invert(70%);
} }
.image_collage {
line-height: 0;
-webkit-column-count: 5;
-webkit-column-gap: 0px;
-moz-column-count: 5;
-moz-column-gap: 0px;
column-count: 5;
column-gap: 0px;
}
.image_collage img {
width: 100% !important;
height: auto !important;
}
img {
max-width: 100%;
}
/* RESPONSIVE CSS FOR DIFFERENT DEVICES */ /* RESPONSIVE CSS FOR DIFFERENT DEVICES */
/* =========================== /* ===========================
MOBILE (fino a 600px) MOBILE (till 600px)
=========================== */ =========================== */
@media (max-width: 600px) { @media (max-width: 600px) {
.container { .container {
width: 95%; width: 90%;
margin: 0 auto; margin: 0 auto;
} }
@@ -276,7 +289,8 @@ content {
grid-column: 1 / -1; grid-column: 1 / -1;
} }
.header-title { .header-title,
.all_files {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
margin: 0.5rem 0 0.75rem; margin: 0.5rem 0 0.75rem;
text-align: left; text-align: left;
@@ -317,6 +331,7 @@ content {
} }
.latest { .latest {
padding-left: 0.75rem;
float: none; float: none;
width: 100%; width: 100%;
clear: both; clear: both;
@@ -401,6 +416,11 @@ content {
width: 11rem; width: 11rem;
/* 176px circa */ /* 176px circa */
} }
.all_files {
padding-left: 2rem;
padding-bottom: 1em;
}
} }
/* =========================== /* ===========================
@@ -417,6 +437,11 @@ content {
padding-right: 5rem; padding-right: 5rem;
} }
.all_files {
padding-left: 3rem;
padding-bottom: 1em;
}
.column { .column {
width: 22%; width: 22%;
padding-left: 1.5%; padding-left: 1.5%;