more css tweaks
This commit is contained in:
@@ -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%;
|
||||||
|
|||||||
Reference in New Issue
Block a user