some bugs, started working on search-results
This commit is contained in:
infeeeee
567
css/base.css
567
css/base.css
@@ -846,26 +846,27 @@ object {
|
||||
|
||||
@media (min-width: 769px) {
|
||||
.touchevents .archive,
|
||||
.touchevents .home {
|
||||
.touchevents .home, .touchevents .search-results {
|
||||
overflow-y: hidden; } }
|
||||
|
||||
/* -------------------------------------------------------------------------- */
|
||||
/* ARCHIVE AND HOMEPAGE */
|
||||
/* -------------------------------------------------------------------------- */
|
||||
.archive .wrapper,
|
||||
.home .wrapper {
|
||||
.home .wrapper, .search-results .wrapper {
|
||||
/* ----------------------------- header on home ----------------------------- */ }
|
||||
@media (min-width: 769px) {
|
||||
.archive .wrapper,
|
||||
.home .wrapper {
|
||||
.home .wrapper, .search-results .wrapper {
|
||||
overflow-y: hidden;
|
||||
width: -moz-max-content;
|
||||
width: max-content;
|
||||
width: -moz-fit-content;
|
||||
width: fit-content; } }
|
||||
width: fit-content;
|
||||
min-width: 100vw; } }
|
||||
@media (min-width: 769px) {
|
||||
.archive .wrapper .header .header-scroll,
|
||||
.home .wrapper .header .header-scroll {
|
||||
.home .wrapper .header .header-scroll, .search-results .wrapper .header .header-scroll {
|
||||
display: block;
|
||||
position: fixed;
|
||||
height: 100vh;
|
||||
@@ -873,25 +874,25 @@ object {
|
||||
flex: 1 0 auto !important;
|
||||
top: 0; } }
|
||||
.archive .wrapper .header .header-scroll.header-scroll-left,
|
||||
.home .wrapper .header .header-scroll.header-scroll-left {
|
||||
.home .wrapper .header .header-scroll.header-scroll-left, .search-results .wrapper .header .header-scroll.header-scroll-left {
|
||||
left: 10rem; }
|
||||
.archive .wrapper .header .header-scroll.header-scroll-left button,
|
||||
.home .wrapper .header .header-scroll.header-scroll-left button {
|
||||
.home .wrapper .header .header-scroll.header-scroll-left button, .search-results .wrapper .header .header-scroll.header-scroll-left button {
|
||||
cursor: url("../img/arrow-black-left.png"), w-resize; }
|
||||
.archive .wrapper .header .header-scroll.header-scroll-right,
|
||||
.home .wrapper .header .header-scroll.header-scroll-right {
|
||||
.home .wrapper .header .header-scroll.header-scroll-right, .search-results .wrapper .header .header-scroll.header-scroll-right {
|
||||
right: 10rem; }
|
||||
.archive .wrapper .header .header-scroll.header-scroll-right button,
|
||||
.home .wrapper .header .header-scroll.header-scroll-right button {
|
||||
.home .wrapper .header .header-scroll.header-scroll-right button, .search-results .wrapper .header .header-scroll.header-scroll-right button {
|
||||
cursor: url("../img/arrow-black-right.png"), e-resize; }
|
||||
.archive .wrapper .header .header-scroll button,
|
||||
.home .wrapper .header .header-scroll button {
|
||||
.home .wrapper .header .header-scroll button, .search-results .wrapper .header .header-scroll button {
|
||||
height: 100vh;
|
||||
width: 10rem; }
|
||||
|
||||
@media (min-width: 769px) {
|
||||
.archive main,
|
||||
.home main {
|
||||
.home main, .search-results main {
|
||||
height: 100vh;
|
||||
width: -moz-max-content;
|
||||
width: max-content;
|
||||
@@ -900,14 +901,14 @@ object {
|
||||
position: relative; } }
|
||||
|
||||
.archive main section,
|
||||
.home main section {
|
||||
.home main section, .search-results main section {
|
||||
/* --------------------------- home article mobile/default -------------------------- */
|
||||
/* ------------------------ home article desktop big ------------------------ */
|
||||
/* ------------------------------------ - ----------------------------------- */
|
||||
/* ----------------------- articles desktop small ----------------------- */ }
|
||||
@media (min-width: 769px) {
|
||||
.archive main section,
|
||||
.home main section {
|
||||
.home main section, .search-results main section {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
margin: 0;
|
||||
@@ -917,48 +918,48 @@ object {
|
||||
width: -moz-fit-content;
|
||||
width: fit-content; } }
|
||||
.archive main section article,
|
||||
.home main section article {
|
||||
.home main section article, .search-results main section article {
|
||||
height: 100vh; }
|
||||
.archive main section article > a,
|
||||
.home main section article > a {
|
||||
.home main section article > a, .search-results main section article > a {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
display: inline-block; }
|
||||
.archive main section article .thumbnailwrapper img,
|
||||
.home main section article .thumbnailwrapper img {
|
||||
.home main section article .thumbnailwrapper img, .search-results main section article .thumbnailwrapper img {
|
||||
height: 50vh;
|
||||
width: 100vw;
|
||||
object-fit: cover; }
|
||||
.archive main section article h2,
|
||||
.home main section article h2 {
|
||||
.home main section article h2, .search-results main section article h2 {
|
||||
width: 100%;
|
||||
height: 50vh;
|
||||
padding: 2rem;
|
||||
padding-top: 3rem;
|
||||
margin: 0; }
|
||||
.archive main section article h2 a,
|
||||
.home main section article h2 a {
|
||||
.home main section article h2 a, .search-results main section article h2 a {
|
||||
font: bold 3rem "Westeinde Caption";
|
||||
color: #000; }
|
||||
@media (-webkit-min-device-pixel-ratio: 2.1) {
|
||||
.archive main section article h2 a,
|
||||
.home main section article h2 a {
|
||||
.home main section article h2 a, .search-results main section article h2 a {
|
||||
font-size: 2.5rem !important; } }
|
||||
@media (min-width: 769px) {
|
||||
.archive main section article h2 a,
|
||||
.home main section article h2 a {
|
||||
.home main section article h2 a, .search-results main section article h2 a {
|
||||
font-size: 6rem; } }
|
||||
@media (min-width: 1279px) {
|
||||
.archive main section article h2 a,
|
||||
.home main section article h2 a {
|
||||
.home main section article h2 a, .search-results main section article h2 a {
|
||||
font-size: 7.5rem; } }
|
||||
@media (min-width: 1919px) {
|
||||
.archive main section article h2 a,
|
||||
.home main section article h2 a {
|
||||
.home main section article h2 a, .search-results main section article h2 a {
|
||||
font-size: 11rem; } }
|
||||
.archive main section article .metadata,
|
||||
.home main section article .metadata {
|
||||
.home main section article .metadata, .search-results main section article .metadata {
|
||||
bottom: 50%;
|
||||
height: 5rem;
|
||||
display: flex;
|
||||
@@ -971,7 +972,7 @@ object {
|
||||
align-items: center;
|
||||
padding: 0; }
|
||||
.archive main section article .metadata .vr,
|
||||
.home main section article .metadata .vr {
|
||||
.home main section article .metadata .vr, .search-results main section article .metadata .vr {
|
||||
height: 100%;
|
||||
width: 1px;
|
||||
background-color: #000;
|
||||
@@ -983,15 +984,17 @@ object {
|
||||
.archive main section article .metadata .curvyArrow,
|
||||
.home main section article .metadata .bevezeto,
|
||||
.home main section article .metadata .alcim,
|
||||
.home main section article .metadata .curvyArrow {
|
||||
.home main section article .metadata .curvyArrow, .search-results main section article .metadata .bevezeto,
|
||||
.search-results main section article .metadata .alcim,
|
||||
.search-results main section article .metadata .curvyArrow {
|
||||
display: none; }
|
||||
@media (min-width: 769px) {
|
||||
.archive main section .home-wrapper-big,
|
||||
.home main section .home-wrapper-big {
|
||||
.archive main section .home_wrapper-big,
|
||||
.home main section .home_wrapper-big, .search-results main section .home_wrapper-big {
|
||||
flex: 0 0 auto;
|
||||
border-right: #000 1px solid; }
|
||||
.archive main section .home-wrapper-big article,
|
||||
.home main section .home-wrapper-big article {
|
||||
.archive main section .home_wrapper-big article,
|
||||
.home main section .home_wrapper-big article, .search-results main section .home_wrapper-big article {
|
||||
position: relative;
|
||||
width: calc(100vw - (10rem * 3));
|
||||
height: calc(100vh - 4rem);
|
||||
@@ -1003,28 +1006,28 @@ object {
|
||||
/* ------------- home article desktop big - thumbnail and title ------------- */
|
||||
/* -------------------------- home article metadata big------------------------- */
|
||||
/* ------------------------- home article big hover ------------------------- */ }
|
||||
.archive main section .home-wrapper-big article .thumbnailwrapper,
|
||||
.home main section .home-wrapper-big article .thumbnailwrapper {
|
||||
.archive main section .home_wrapper-big article .thumbnailwrapper,
|
||||
.home main section .home_wrapper-big article .thumbnailwrapper, .search-results main section .home_wrapper-big article .thumbnailwrapper {
|
||||
width: 60%;
|
||||
height: calc(100% - 4rem);
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: flex-start; }
|
||||
.archive main section .home-wrapper-big article .thumbnailwrapper img.attachment-home-big-thumbnail,
|
||||
.home main section .home-wrapper-big article .thumbnailwrapper img.attachment-home-big-thumbnail {
|
||||
.archive main section .home_wrapper-big article .thumbnailwrapper img.attachment-home-big-thumbnail,
|
||||
.home main section .home_wrapper-big article .thumbnailwrapper img.attachment-home-big-thumbnail, .search-results main section .home_wrapper-big article .thumbnailwrapper img.attachment-home-big-thumbnail {
|
||||
object-fit: cover;
|
||||
width: 100%;
|
||||
height: 100%; }
|
||||
.archive main section .home-wrapper-big article h2,
|
||||
.home main section .home-wrapper-big article h2 {
|
||||
.archive main section .home_wrapper-big article h2,
|
||||
.home main section .home_wrapper-big article h2, .search-results main section .home_wrapper-big article h2 {
|
||||
height: unset;
|
||||
position: absolute;
|
||||
top: 4rem;
|
||||
padding: 4rem;
|
||||
padding-right: 2rem;
|
||||
width: calc(100vw - 25rem); }
|
||||
.archive main section .home-wrapper-big article .metadata,
|
||||
.home main section .home-wrapper-big article .metadata {
|
||||
.archive main section .home_wrapper-big article .metadata,
|
||||
.home main section .home_wrapper-big article .metadata, .search-results main section .home_wrapper-big article .metadata {
|
||||
bottom: 0;
|
||||
background: transparent;
|
||||
width: 100%;
|
||||
@@ -1036,35 +1039,36 @@ object {
|
||||
align-items: center;
|
||||
overflow: visible !important; } }
|
||||
@media (min-width: 769px) and (min-width: 769px) {
|
||||
.archive main section .home-wrapper-big article .metadata,
|
||||
.home main section .home-wrapper-big article .metadata {
|
||||
.archive main section .home_wrapper-big article .metadata,
|
||||
.home main section .home_wrapper-big article .metadata, .search-results main section .home_wrapper-big article .metadata {
|
||||
font-size: 2rem; } }
|
||||
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2.1) {
|
||||
.archive main section .home-wrapper-big article .metadata,
|
||||
.home main section .home-wrapper-big article .metadata {
|
||||
.archive main section .home_wrapper-big article .metadata,
|
||||
.home main section .home_wrapper-big article .metadata, .search-results main section .home_wrapper-big article .metadata {
|
||||
height: calc(10rem / 2); } }
|
||||
@media (min-width: 769px) {
|
||||
.archive main section .home-wrapper-big article .metadata.noBottomScrollbar,
|
||||
.home main section .home-wrapper-big article .metadata.noBottomScrollbar {
|
||||
.archive main section .home_wrapper-big article .metadata.noBottomScrollbar,
|
||||
.home main section .home_wrapper-big article .metadata.noBottomScrollbar, .search-results main section .home_wrapper-big article .metadata.noBottomScrollbar {
|
||||
height: 11.5rem; }
|
||||
.archive main section .home-wrapper-big article .metadata > div,
|
||||
.home main section .home-wrapper-big article .metadata > div {
|
||||
.archive main section .home_wrapper-big article .metadata > div,
|
||||
.home main section .home_wrapper-big article .metadata > div, .search-results main section .home_wrapper-big article .metadata > div {
|
||||
flex: 1 1 auto; }
|
||||
.archive main section .home-wrapper-big article .metadata .categories,
|
||||
.home main section .home-wrapper-big article .metadata .categories {
|
||||
.archive main section .home_wrapper-big article .metadata .categories,
|
||||
.home main section .home_wrapper-big article .metadata .categories, .search-results main section .home_wrapper-big article .metadata .categories {
|
||||
display: block;
|
||||
padding: 0; }
|
||||
.archive main section .home-wrapper-big article .metadata .postedon,
|
||||
.home main section .home-wrapper-big article .metadata .postedon {
|
||||
.archive main section .home_wrapper-big article .metadata .postedon,
|
||||
.home main section .home_wrapper-big article .metadata .postedon, .search-results main section .home_wrapper-big article .metadata .postedon {
|
||||
padding: 0; }
|
||||
.archive main section .home-wrapper-big article .metadata .bevezeto,
|
||||
.archive main section .home-wrapper-big article .metadata .alcim,
|
||||
.home main section .home-wrapper-big article .metadata .bevezeto,
|
||||
.home main section .home-wrapper-big article .metadata .alcim {
|
||||
.archive main section .home_wrapper-big article .metadata .bevezeto,
|
||||
.archive main section .home_wrapper-big article .metadata .alcim,
|
||||
.home main section .home_wrapper-big article .metadata .bevezeto,
|
||||
.home main section .home_wrapper-big article .metadata .alcim, .search-results main section .home_wrapper-big article .metadata .bevezeto,
|
||||
.search-results main section .home_wrapper-big article .metadata .alcim {
|
||||
color: #000 !important;
|
||||
display: none; }
|
||||
.archive main section .home-wrapper-big article .metadata .alcim,
|
||||
.home main section .home-wrapper-big article .metadata .alcim {
|
||||
.archive main section .home_wrapper-big article .metadata .alcim,
|
||||
.home main section .home_wrapper-big article .metadata .alcim, .search-results main section .home_wrapper-big article .metadata .alcim {
|
||||
-moz-transform: rotate(270deg);
|
||||
-o-transform: rotate(270deg);
|
||||
-ms-transform: rotate(270deg);
|
||||
@@ -1076,48 +1080,49 @@ object {
|
||||
height: 5rem;
|
||||
width: 20rem;
|
||||
margin: 0 -3rem; }
|
||||
.archive main section .home-wrapper-big article .metadata .bevezeto,
|
||||
.home main section .home-wrapper-big article .metadata .bevezeto {
|
||||
.archive main section .home_wrapper-big article .metadata .bevezeto,
|
||||
.home main section .home_wrapper-big article .metadata .bevezeto, .search-results main section .home_wrapper-big article .metadata .bevezeto {
|
||||
width: 50%;
|
||||
flex: 0 1 auto;
|
||||
text-align: left;
|
||||
padding: 5rem;
|
||||
font: bold 1rem "Butler"; } }
|
||||
@media (min-width: 769px) and (min-width: 769px) {
|
||||
.archive main section .home-wrapper-big article .metadata .bevezeto,
|
||||
.home main section .home-wrapper-big article .metadata .bevezeto {
|
||||
.archive main section .home_wrapper-big article .metadata .bevezeto,
|
||||
.home main section .home_wrapper-big article .metadata .bevezeto, .search-results main section .home_wrapper-big article .metadata .bevezeto {
|
||||
font-size: 2rem; } }
|
||||
@media (min-width: 769px) {
|
||||
.archive main section .home-wrapper-big article .metadata .transparent,
|
||||
.archive main section .home-wrapper-big article .metadata .transparent a,
|
||||
.home main section .home-wrapper-big article .metadata .transparent,
|
||||
.home main section .home-wrapper-big article .metadata .transparent a {
|
||||
.archive main section .home_wrapper-big article .metadata .transparent,
|
||||
.archive main section .home_wrapper-big article .metadata .transparent a,
|
||||
.home main section .home_wrapper-big article .metadata .transparent,
|
||||
.home main section .home_wrapper-big article .metadata .transparent a, .search-results main section .home_wrapper-big article .metadata .transparent,
|
||||
.search-results main section .home_wrapper-big article .metadata .transparent a {
|
||||
color: transparent !important; }
|
||||
.archive main section .home-wrapper-big article .metadata .filler,
|
||||
.home main section .home-wrapper-big article .metadata .filler {
|
||||
.archive main section .home_wrapper-big article .metadata .filler,
|
||||
.home main section .home_wrapper-big article .metadata .filler, .search-results main section .home_wrapper-big article .metadata .filler {
|
||||
flex: 0 0 auto;
|
||||
width: 60%;
|
||||
height: 1px;
|
||||
align-self: flex-start; }
|
||||
.archive main section .home-wrapper-big article .metadata .curvyArrow,
|
||||
.home main section .home-wrapper-big article .metadata .curvyArrow {
|
||||
.archive main section .home_wrapper-big article .metadata .curvyArrow,
|
||||
.home main section .home_wrapper-big article .metadata .curvyArrow, .search-results main section .home_wrapper-big article .metadata .curvyArrow {
|
||||
position: absolute;
|
||||
display: block;
|
||||
right: 0;
|
||||
top: 0;
|
||||
height: 15rem;
|
||||
width: 7.5rem; }
|
||||
.archive main section .home-wrapper-big article .metadata .curvyArrow object,
|
||||
.home main section .home-wrapper-big article .metadata .curvyArrow object {
|
||||
.archive main section .home_wrapper-big article .metadata .curvyArrow object,
|
||||
.home main section .home_wrapper-big article .metadata .curvyArrow object, .search-results main section .home_wrapper-big article .metadata .curvyArrow object {
|
||||
height: 15rem;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: calc(-50% + 0.5px); }
|
||||
.archive main section .home-wrapper-big article.hovered h2 > a,
|
||||
.home main section .home-wrapper-big article.hovered h2 > a {
|
||||
.archive main section .home_wrapper-big article.hovered h2 > a,
|
||||
.home main section .home_wrapper-big article.hovered h2 > a, .search-results main section .home_wrapper-big article.hovered h2 > a {
|
||||
color: #000; }
|
||||
.archive main section .home-wrapper-big.home-wrapper-1 article .metadata::after,
|
||||
.home main section .home-wrapper-big.home-wrapper-1 article .metadata::after {
|
||||
.archive main section .home_wrapper-big.home_wrapper-1 article .metadata::after,
|
||||
.home main section .home_wrapper-big.home_wrapper-1 article .metadata::after, .search-results main section .home_wrapper-big.home_wrapper-1 article .metadata::after {
|
||||
position: absolute;
|
||||
content: "";
|
||||
display: block;
|
||||
@@ -1128,8 +1133,8 @@ object {
|
||||
background-color: transparent;
|
||||
left: calc(4rem);
|
||||
margin-left: -0; }
|
||||
.archive main section .home-wrapper-big.home-wrapper-1 article .metadata::before,
|
||||
.home main section .home-wrapper-big.home-wrapper-1 article .metadata::before {
|
||||
.archive main section .home_wrapper-big.home_wrapper-1 article .metadata::before,
|
||||
.home main section .home_wrapper-big.home_wrapper-1 article .metadata::before, .search-results main section .home_wrapper-big.home_wrapper-1 article .metadata::before {
|
||||
display: block;
|
||||
content: "";
|
||||
position: absolute;
|
||||
@@ -1147,20 +1152,20 @@ object {
|
||||
transform: skewX(-45deg);
|
||||
transform-origin: left bottom;
|
||||
border-top: #000 solid 1px; }
|
||||
.archive main section .home-wrapper-big.home-wrapper-1 article .metadata .filler,
|
||||
.home main section .home-wrapper-big.home-wrapper-1 article .metadata .filler {
|
||||
.archive main section .home_wrapper-big.home_wrapper-1 article .metadata .filler,
|
||||
.home main section .home_wrapper-big.home_wrapper-1 article .metadata .filler, .search-results main section .home_wrapper-big.home_wrapper-1 article .metadata .filler {
|
||||
position: relative; }
|
||||
.archive main section .home-wrapper-big.home-wrapper-1 article a.thumbnailwrapper,
|
||||
.home main section .home-wrapper-big.home-wrapper-1 article a.thumbnailwrapper {
|
||||
.archive main section .home_wrapper-big.home_wrapper-1 article a.thumbnailwrapper,
|
||||
.home main section .home_wrapper-big.home_wrapper-1 article a.thumbnailwrapper, .search-results main section .home_wrapper-big.home_wrapper-1 article a.thumbnailwrapper {
|
||||
float: right; }
|
||||
.archive main section .home-wrapper-big.home-wrapper-2 article,
|
||||
.home main section .home-wrapper-big.home-wrapper-2 article {
|
||||
.archive main section .home_wrapper-big.home_wrapper-2 article,
|
||||
.home main section .home_wrapper-big.home_wrapper-2 article, .search-results main section .home_wrapper-big.home_wrapper-2 article {
|
||||
border-left: #000 1px solid; }
|
||||
.archive main section .home-wrapper-big.home-wrapper-2 article .metadata,
|
||||
.home main section .home-wrapper-big.home-wrapper-2 article .metadata {
|
||||
.archive main section .home_wrapper-big.home_wrapper-2 article .metadata,
|
||||
.home main section .home_wrapper-big.home_wrapper-2 article .metadata, .search-results main section .home_wrapper-big.home_wrapper-2 article .metadata {
|
||||
justify-content: flex-end; }
|
||||
.archive main section .home-wrapper-big.home-wrapper-2 article .metadata::after,
|
||||
.home main section .home-wrapper-big.home-wrapper-2 article .metadata::after {
|
||||
.archive main section .home_wrapper-big.home_wrapper-2 article .metadata::after,
|
||||
.home main section .home_wrapper-big.home_wrapper-2 article .metadata::after, .search-results main section .home_wrapper-big.home_wrapper-2 article .metadata::after {
|
||||
position: absolute;
|
||||
content: "";
|
||||
display: block;
|
||||
@@ -1171,8 +1176,8 @@ object {
|
||||
background-color: transparent;
|
||||
right: calc(4rem);
|
||||
margin-right: -0; }
|
||||
.archive main section .home-wrapper-big.home-wrapper-2 article .metadata::before,
|
||||
.home main section .home-wrapper-big.home-wrapper-2 article .metadata::before {
|
||||
.archive main section .home_wrapper-big.home_wrapper-2 article .metadata::before,
|
||||
.home main section .home_wrapper-big.home_wrapper-2 article .metadata::before, .search-results main section .home_wrapper-big.home_wrapper-2 article .metadata::before {
|
||||
display: block;
|
||||
content: "";
|
||||
position: absolute;
|
||||
@@ -1189,19 +1194,19 @@ object {
|
||||
-webkit-transform: skewX(45deg);
|
||||
transform: skewX(45deg);
|
||||
transform-origin: right bottom; }
|
||||
.archive main section .home-wrapper-big.home-wrapper-2 article .metadata .filler,
|
||||
.home main section .home-wrapper-big.home-wrapper-2 article .metadata .filler {
|
||||
.archive main section .home_wrapper-big.home_wrapper-2 article .metadata .filler,
|
||||
.home main section .home_wrapper-big.home_wrapper-2 article .metadata .filler, .search-results main section .home_wrapper-big.home_wrapper-2 article .metadata .filler {
|
||||
order: -1; }
|
||||
.archive main section .home-wrapper-big.home-wrapper-2 article .thumbnailwrapper,
|
||||
.home main section .home-wrapper-big.home-wrapper-2 article .thumbnailwrapper {
|
||||
.archive main section .home_wrapper-big.home_wrapper-2 article .thumbnailwrapper,
|
||||
.home main section .home_wrapper-big.home_wrapper-2 article .thumbnailwrapper, .search-results main section .home_wrapper-big.home_wrapper-2 article .thumbnailwrapper {
|
||||
width: calc(60% + 5rem); }
|
||||
.archive main section .home-wrapper-big.home-wrapper-2 article .thumbnailwrapper img,
|
||||
.home main section .home-wrapper-big.home-wrapper-2 article .thumbnailwrapper img {
|
||||
.archive main section .home_wrapper-big.home_wrapper-2 article .thumbnailwrapper img,
|
||||
.home main section .home_wrapper-big.home_wrapper-2 article .thumbnailwrapper img, .search-results main section .home_wrapper-big.home_wrapper-2 article .thumbnailwrapper img {
|
||||
left: -5rem;
|
||||
position: relative; } }
|
||||
@media (min-width: 769px) {
|
||||
.archive main section .home-wrapper-small,
|
||||
.home main section .home-wrapper-small {
|
||||
.archive main section .home_wrapper-small,
|
||||
.home main section .home_wrapper-small, .search-results main section .home_wrapper-small {
|
||||
max-width: calc(100vw - (10rem * 3));
|
||||
max-height: calc((100vw - (10rem * 3)) / 3 * 2);
|
||||
height: calc(100vh - 8rem);
|
||||
@@ -1211,44 +1216,52 @@ object {
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
margin: auto 0; }
|
||||
.archive main section .home-wrapper-small.home-wrapper-s1:not(.home-wrapper-1),
|
||||
.home main section .home-wrapper-small.home-wrapper-s1:not(.home-wrapper-1) {
|
||||
.archive main section .home_wrapper-small.home_wrapper-s1:not(.home_wrapper-1),
|
||||
.home main section .home_wrapper-small.home_wrapper-s1:not(.home_wrapper-1), .search-results main section .home_wrapper-small.home_wrapper-s1:not(.home_wrapper-1) {
|
||||
margin-left: 5rem; }
|
||||
.archive main section .home-wrapper-small.home-wrapper-s1.home-wrapper-small.home-wrapper-1,
|
||||
.home main section .home-wrapper-small.home-wrapper-s1.home-wrapper-small.home-wrapper-1 {
|
||||
.archive main section .home_wrapper-small.home_wrapper-s1.home_wrapper-small.home_wrapper-1,
|
||||
.home main section .home_wrapper-small.home_wrapper-s1.home_wrapper-small.home_wrapper-1, .search-results main section .home_wrapper-small.home_wrapper-s1.home_wrapper-small.home_wrapper-1 {
|
||||
margin-left: 10rem; }
|
||||
.archive main section .home-wrapper-small article,
|
||||
.archive main section .home-wrapper-small .archivetitle,
|
||||
.archive main section .home-wrapper-small .archivedescription,
|
||||
.home main section .home-wrapper-small article,
|
||||
.home main section .home-wrapper-small .archivetitle,
|
||||
.home main section .home-wrapper-small .archivedescription {
|
||||
.archive main section .home_wrapper-small article,
|
||||
.archive main section .home_wrapper-small .archivetitle,
|
||||
.archive main section .home_wrapper-small .archivedescription,
|
||||
.home main section .home_wrapper-small article,
|
||||
.home main section .home_wrapper-small .archivetitle,
|
||||
.home main section .home_wrapper-small .archivedescription, .search-results main section .home_wrapper-small article,
|
||||
.search-results main section .home_wrapper-small .archivetitle,
|
||||
.search-results main section .home_wrapper-small .archivedescription {
|
||||
flex: 0 0 calc(100% / 3);
|
||||
height: 50%;
|
||||
position: relative; }
|
||||
.archive main section .home-wrapper-small article .thumbnailwrapper,
|
||||
.archive main section .home-wrapper-small .archivetitle .thumbnailwrapper,
|
||||
.archive main section .home-wrapper-small .archivedescription .thumbnailwrapper,
|
||||
.home main section .home-wrapper-small article .thumbnailwrapper,
|
||||
.home main section .home-wrapper-small .archivetitle .thumbnailwrapper,
|
||||
.home main section .home-wrapper-small .archivedescription .thumbnailwrapper {
|
||||
.archive main section .home_wrapper-small article .thumbnailwrapper,
|
||||
.archive main section .home_wrapper-small .archivetitle .thumbnailwrapper,
|
||||
.archive main section .home_wrapper-small .archivedescription .thumbnailwrapper,
|
||||
.home main section .home_wrapper-small article .thumbnailwrapper,
|
||||
.home main section .home_wrapper-small .archivetitle .thumbnailwrapper,
|
||||
.home main section .home_wrapper-small .archivedescription .thumbnailwrapper, .search-results main section .home_wrapper-small article .thumbnailwrapper,
|
||||
.search-results main section .home_wrapper-small .archivetitle .thumbnailwrapper,
|
||||
.search-results main section .home_wrapper-small .archivedescription .thumbnailwrapper {
|
||||
width: 100%;
|
||||
height: 100%; }
|
||||
.archive main section .home-wrapper-small article .thumbnailwrapper img,
|
||||
.archive main section .home-wrapper-small .archivetitle .thumbnailwrapper img,
|
||||
.archive main section .home-wrapper-small .archivedescription .thumbnailwrapper img,
|
||||
.home main section .home-wrapper-small article .thumbnailwrapper img,
|
||||
.home main section .home-wrapper-small .archivetitle .thumbnailwrapper img,
|
||||
.home main section .home-wrapper-small .archivedescription .thumbnailwrapper img {
|
||||
.archive main section .home_wrapper-small article .thumbnailwrapper img,
|
||||
.archive main section .home_wrapper-small .archivetitle .thumbnailwrapper img,
|
||||
.archive main section .home_wrapper-small .archivedescription .thumbnailwrapper img,
|
||||
.home main section .home_wrapper-small article .thumbnailwrapper img,
|
||||
.home main section .home_wrapper-small .archivetitle .thumbnailwrapper img,
|
||||
.home main section .home_wrapper-small .archivedescription .thumbnailwrapper img, .search-results main section .home_wrapper-small article .thumbnailwrapper img,
|
||||
.search-results main section .home_wrapper-small .archivetitle .thumbnailwrapper img,
|
||||
.search-results main section .home_wrapper-small .archivedescription .thumbnailwrapper img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover; }
|
||||
.archive main section .home-wrapper-small article .metadata,
|
||||
.archive main section .home-wrapper-small .archivetitle .metadata,
|
||||
.archive main section .home-wrapper-small .archivedescription .metadata,
|
||||
.home main section .home-wrapper-small article .metadata,
|
||||
.home main section .home-wrapper-small .archivetitle .metadata,
|
||||
.home main section .home-wrapper-small .archivedescription .metadata {
|
||||
.archive main section .home_wrapper-small article .metadata,
|
||||
.archive main section .home_wrapper-small .archivetitle .metadata,
|
||||
.archive main section .home_wrapper-small .archivedescription .metadata,
|
||||
.home main section .home_wrapper-small article .metadata,
|
||||
.home main section .home_wrapper-small .archivetitle .metadata,
|
||||
.home main section .home_wrapper-small .archivedescription .metadata, .search-results main section .home_wrapper-small article .metadata,
|
||||
.search-results main section .home_wrapper-small .archivetitle .metadata,
|
||||
.search-results main section .home_wrapper-small .archivedescription .metadata {
|
||||
width: 100%;
|
||||
min-width: unset;
|
||||
height: 5rem;
|
||||
@@ -1262,12 +1275,14 @@ object {
|
||||
justify-content: space-between;
|
||||
align-items: stretch;
|
||||
display: none; }
|
||||
.archive main section .home-wrapper-small article .metadata::after,
|
||||
.archive main section .home-wrapper-small .archivetitle .metadata::after,
|
||||
.archive main section .home-wrapper-small .archivedescription .metadata::after,
|
||||
.home main section .home-wrapper-small article .metadata::after,
|
||||
.home main section .home-wrapper-small .archivetitle .metadata::after,
|
||||
.home main section .home-wrapper-small .archivedescription .metadata::after {
|
||||
.archive main section .home_wrapper-small article .metadata::after,
|
||||
.archive main section .home_wrapper-small .archivetitle .metadata::after,
|
||||
.archive main section .home_wrapper-small .archivedescription .metadata::after,
|
||||
.home main section .home_wrapper-small article .metadata::after,
|
||||
.home main section .home_wrapper-small .archivetitle .metadata::after,
|
||||
.home main section .home_wrapper-small .archivedescription .metadata::after, .search-results main section .home_wrapper-small article .metadata::after,
|
||||
.search-results main section .home_wrapper-small .archivetitle .metadata::after,
|
||||
.search-results main section .home_wrapper-small .archivedescription .metadata::after {
|
||||
position: absolute;
|
||||
content: "";
|
||||
display: block;
|
||||
@@ -1278,12 +1293,14 @@ object {
|
||||
background-color: transparent;
|
||||
left: calc(5rem);
|
||||
margin-left: -0; }
|
||||
.archive main section .home-wrapper-small article .metadata::before,
|
||||
.archive main section .home-wrapper-small .archivetitle .metadata::before,
|
||||
.archive main section .home-wrapper-small .archivedescription .metadata::before,
|
||||
.home main section .home-wrapper-small article .metadata::before,
|
||||
.home main section .home-wrapper-small .archivetitle .metadata::before,
|
||||
.home main section .home-wrapper-small .archivedescription .metadata::before {
|
||||
.archive main section .home_wrapper-small article .metadata::before,
|
||||
.archive main section .home_wrapper-small .archivetitle .metadata::before,
|
||||
.archive main section .home_wrapper-small .archivedescription .metadata::before,
|
||||
.home main section .home_wrapper-small article .metadata::before,
|
||||
.home main section .home_wrapper-small .archivetitle .metadata::before,
|
||||
.home main section .home_wrapper-small .archivedescription .metadata::before, .search-results main section .home_wrapper-small article .metadata::before,
|
||||
.search-results main section .home_wrapper-small .archivetitle .metadata::before,
|
||||
.search-results main section .home_wrapper-small .archivedescription .metadata::before {
|
||||
display: block;
|
||||
content: "";
|
||||
position: absolute;
|
||||
@@ -1301,95 +1318,123 @@ object {
|
||||
transform: skewX(-45deg);
|
||||
transform-origin: left bottom;
|
||||
border-top: #000 solid 1px; }
|
||||
.archive main section .home-wrapper-small article .metadata.vis,
|
||||
.archive main section .home-wrapper-small .archivetitle .metadata.vis,
|
||||
.archive main section .home-wrapper-small .archivedescription .metadata.vis,
|
||||
.home main section .home-wrapper-small article .metadata.vis,
|
||||
.home main section .home-wrapper-small .archivetitle .metadata.vis,
|
||||
.home main section .home-wrapper-small .archivedescription .metadata.vis {
|
||||
.archive main section .home_wrapper-small article .metadata.vis,
|
||||
.archive main section .home_wrapper-small .archivetitle .metadata.vis,
|
||||
.archive main section .home_wrapper-small .archivedescription .metadata.vis,
|
||||
.home main section .home_wrapper-small article .metadata.vis,
|
||||
.home main section .home_wrapper-small .archivetitle .metadata.vis,
|
||||
.home main section .home_wrapper-small .archivedescription .metadata.vis, .search-results main section .home_wrapper-small article .metadata.vis,
|
||||
.search-results main section .home_wrapper-small .archivetitle .metadata.vis,
|
||||
.search-results main section .home_wrapper-small .archivedescription .metadata.vis {
|
||||
display: flex; }
|
||||
.archive main section .home-wrapper-small article .metadata .categories,
|
||||
.archive main section .home-wrapper-small article .metadata .postedon,
|
||||
.archive main section .home-wrapper-small .archivetitle .metadata .categories,
|
||||
.archive main section .home-wrapper-small .archivetitle .metadata .postedon,
|
||||
.archive main section .home-wrapper-small .archivedescription .metadata .categories,
|
||||
.archive main section .home-wrapper-small .archivedescription .metadata .postedon,
|
||||
.home main section .home-wrapper-small article .metadata .categories,
|
||||
.home main section .home-wrapper-small article .metadata .postedon,
|
||||
.home main section .home-wrapper-small .archivetitle .metadata .categories,
|
||||
.home main section .home-wrapper-small .archivetitle .metadata .postedon,
|
||||
.home main section .home-wrapper-small .archivedescription .metadata .categories,
|
||||
.home main section .home-wrapper-small .archivedescription .metadata .postedon {
|
||||
.archive main section .home_wrapper-small article .metadata .categories,
|
||||
.archive main section .home_wrapper-small article .metadata .postedon,
|
||||
.archive main section .home_wrapper-small .archivetitle .metadata .categories,
|
||||
.archive main section .home_wrapper-small .archivetitle .metadata .postedon,
|
||||
.archive main section .home_wrapper-small .archivedescription .metadata .categories,
|
||||
.archive main section .home_wrapper-small .archivedescription .metadata .postedon,
|
||||
.home main section .home_wrapper-small article .metadata .categories,
|
||||
.home main section .home_wrapper-small article .metadata .postedon,
|
||||
.home main section .home_wrapper-small .archivetitle .metadata .categories,
|
||||
.home main section .home_wrapper-small .archivetitle .metadata .postedon,
|
||||
.home main section .home_wrapper-small .archivedescription .metadata .categories,
|
||||
.home main section .home_wrapper-small .archivedescription .metadata .postedon, .search-results main section .home_wrapper-small article .metadata .categories,
|
||||
.search-results main section .home_wrapper-small article .metadata .postedon,
|
||||
.search-results main section .home_wrapper-small .archivetitle .metadata .categories,
|
||||
.search-results main section .home_wrapper-small .archivetitle .metadata .postedon,
|
||||
.search-results main section .home_wrapper-small .archivedescription .metadata .categories,
|
||||
.search-results main section .home_wrapper-small .archivedescription .metadata .postedon {
|
||||
font: bold 1rem "Westeinde Caption";
|
||||
color: #000; } }
|
||||
@media (min-width: 769px) and (min-width: 769px) {
|
||||
.archive main section .home-wrapper-small article .metadata .categories,
|
||||
.archive main section .home-wrapper-small article .metadata .postedon,
|
||||
.archive main section .home-wrapper-small .archivetitle .metadata .categories,
|
||||
.archive main section .home-wrapper-small .archivetitle .metadata .postedon,
|
||||
.archive main section .home-wrapper-small .archivedescription .metadata .categories,
|
||||
.archive main section .home-wrapper-small .archivedescription .metadata .postedon,
|
||||
.home main section .home-wrapper-small article .metadata .categories,
|
||||
.home main section .home-wrapper-small article .metadata .postedon,
|
||||
.home main section .home-wrapper-small .archivetitle .metadata .categories,
|
||||
.home main section .home-wrapper-small .archivetitle .metadata .postedon,
|
||||
.home main section .home-wrapper-small .archivedescription .metadata .categories,
|
||||
.home main section .home-wrapper-small .archivedescription .metadata .postedon {
|
||||
.archive main section .home_wrapper-small article .metadata .categories,
|
||||
.archive main section .home_wrapper-small article .metadata .postedon,
|
||||
.archive main section .home_wrapper-small .archivetitle .metadata .categories,
|
||||
.archive main section .home_wrapper-small .archivetitle .metadata .postedon,
|
||||
.archive main section .home_wrapper-small .archivedescription .metadata .categories,
|
||||
.archive main section .home_wrapper-small .archivedescription .metadata .postedon,
|
||||
.home main section .home_wrapper-small article .metadata .categories,
|
||||
.home main section .home_wrapper-small article .metadata .postedon,
|
||||
.home main section .home_wrapper-small .archivetitle .metadata .categories,
|
||||
.home main section .home_wrapper-small .archivetitle .metadata .postedon,
|
||||
.home main section .home_wrapper-small .archivedescription .metadata .categories,
|
||||
.home main section .home_wrapper-small .archivedescription .metadata .postedon, .search-results main section .home_wrapper-small article .metadata .categories,
|
||||
.search-results main section .home_wrapper-small article .metadata .postedon,
|
||||
.search-results main section .home_wrapper-small .archivetitle .metadata .categories,
|
||||
.search-results main section .home_wrapper-small .archivetitle .metadata .postedon,
|
||||
.search-results main section .home_wrapper-small .archivedescription .metadata .categories,
|
||||
.search-results main section .home_wrapper-small .archivedescription .metadata .postedon {
|
||||
font-size: 1.2rem; } }
|
||||
@media (min-width: 769px) {
|
||||
.archive main section .home-wrapper-small article .metadata .categories,
|
||||
.archive main section .home-wrapper-small .archivetitle .metadata .categories,
|
||||
.archive main section .home-wrapper-small .archivedescription .metadata .categories,
|
||||
.home main section .home-wrapper-small article .metadata .categories,
|
||||
.home main section .home-wrapper-small .archivetitle .metadata .categories,
|
||||
.home main section .home-wrapper-small .archivedescription .metadata .categories {
|
||||
.archive main section .home_wrapper-small article .metadata .categories,
|
||||
.archive main section .home_wrapper-small .archivetitle .metadata .categories,
|
||||
.archive main section .home_wrapper-small .archivedescription .metadata .categories,
|
||||
.home main section .home_wrapper-small article .metadata .categories,
|
||||
.home main section .home_wrapper-small .archivetitle .metadata .categories,
|
||||
.home main section .home_wrapper-small .archivedescription .metadata .categories, .search-results main section .home_wrapper-small article .metadata .categories,
|
||||
.search-results main section .home_wrapper-small .archivetitle .metadata .categories,
|
||||
.search-results main section .home_wrapper-small .archivedescription .metadata .categories {
|
||||
margin-left: 6rem;
|
||||
padding: 1.33333rem 0;
|
||||
flex: 1 1 auto; }
|
||||
.archive main section .home-wrapper-small article .metadata .postedon,
|
||||
.archive main section .home-wrapper-small .archivetitle .metadata .postedon,
|
||||
.archive main section .home-wrapper-small .archivedescription .metadata .postedon,
|
||||
.home main section .home-wrapper-small article .metadata .postedon,
|
||||
.home main section .home-wrapper-small .archivetitle .metadata .postedon,
|
||||
.home main section .home-wrapper-small .archivedescription .metadata .postedon {
|
||||
.archive main section .home_wrapper-small article .metadata .postedon,
|
||||
.archive main section .home_wrapper-small .archivetitle .metadata .postedon,
|
||||
.archive main section .home_wrapper-small .archivedescription .metadata .postedon,
|
||||
.home main section .home_wrapper-small article .metadata .postedon,
|
||||
.home main section .home_wrapper-small .archivetitle .metadata .postedon,
|
||||
.home main section .home_wrapper-small .archivedescription .metadata .postedon, .search-results main section .home_wrapper-small article .metadata .postedon,
|
||||
.search-results main section .home_wrapper-small .archivetitle .metadata .postedon,
|
||||
.search-results main section .home_wrapper-small .archivedescription .metadata .postedon {
|
||||
padding: 1.33333rem 1rem;
|
||||
flex: 1 0 auto; } }
|
||||
@media (min-width: 769px) and (min-width: 769px) {
|
||||
.archive main section .home-wrapper-small article h2,
|
||||
.archive main section .home-wrapper-small article h2 a,
|
||||
.archive main section .home-wrapper-small .archivetitle h2,
|
||||
.archive main section .home-wrapper-small .archivetitle h2 a,
|
||||
.archive main section .home-wrapper-small .archivedescription h2,
|
||||
.archive main section .home-wrapper-small .archivedescription h2 a,
|
||||
.home main section .home-wrapper-small article h2,
|
||||
.home main section .home-wrapper-small article h2 a,
|
||||
.home main section .home-wrapper-small .archivetitle h2,
|
||||
.home main section .home-wrapper-small .archivetitle h2 a,
|
||||
.home main section .home-wrapper-small .archivedescription h2,
|
||||
.home main section .home-wrapper-small .archivedescription h2 a {
|
||||
.archive main section .home_wrapper-small article h2,
|
||||
.archive main section .home_wrapper-small article h2 a,
|
||||
.archive main section .home_wrapper-small .archivetitle h2,
|
||||
.archive main section .home_wrapper-small .archivetitle h2 a,
|
||||
.archive main section .home_wrapper-small .archivedescription h2,
|
||||
.archive main section .home_wrapper-small .archivedescription h2 a,
|
||||
.home main section .home_wrapper-small article h2,
|
||||
.home main section .home_wrapper-small article h2 a,
|
||||
.home main section .home_wrapper-small .archivetitle h2,
|
||||
.home main section .home_wrapper-small .archivetitle h2 a,
|
||||
.home main section .home_wrapper-small .archivedescription h2,
|
||||
.home main section .home_wrapper-small .archivedescription h2 a, .search-results main section .home_wrapper-small article h2,
|
||||
.search-results main section .home_wrapper-small article h2 a,
|
||||
.search-results main section .home_wrapper-small .archivetitle h2,
|
||||
.search-results main section .home_wrapper-small .archivetitle h2 a,
|
||||
.search-results main section .home_wrapper-small .archivedescription h2,
|
||||
.search-results main section .home_wrapper-small .archivedescription h2 a {
|
||||
font-size: 1.5rem;
|
||||
color: #000; } }
|
||||
@media (min-width: 769px) and (min-width: 1279px) {
|
||||
.archive main section .home-wrapper-small article h2,
|
||||
.archive main section .home-wrapper-small article h2 a,
|
||||
.archive main section .home-wrapper-small .archivetitle h2,
|
||||
.archive main section .home-wrapper-small .archivetitle h2 a,
|
||||
.archive main section .home-wrapper-small .archivedescription h2,
|
||||
.archive main section .home-wrapper-small .archivedescription h2 a,
|
||||
.home main section .home-wrapper-small article h2,
|
||||
.home main section .home-wrapper-small article h2 a,
|
||||
.home main section .home-wrapper-small .archivetitle h2,
|
||||
.home main section .home-wrapper-small .archivetitle h2 a,
|
||||
.home main section .home-wrapper-small .archivedescription h2,
|
||||
.home main section .home-wrapper-small .archivedescription h2 a {
|
||||
.archive main section .home_wrapper-small article h2,
|
||||
.archive main section .home_wrapper-small article h2 a,
|
||||
.archive main section .home_wrapper-small .archivetitle h2,
|
||||
.archive main section .home_wrapper-small .archivetitle h2 a,
|
||||
.archive main section .home_wrapper-small .archivedescription h2,
|
||||
.archive main section .home_wrapper-small .archivedescription h2 a,
|
||||
.home main section .home_wrapper-small article h2,
|
||||
.home main section .home_wrapper-small article h2 a,
|
||||
.home main section .home_wrapper-small .archivetitle h2,
|
||||
.home main section .home_wrapper-small .archivetitle h2 a,
|
||||
.home main section .home_wrapper-small .archivedescription h2,
|
||||
.home main section .home_wrapper-small .archivedescription h2 a, .search-results main section .home_wrapper-small article h2,
|
||||
.search-results main section .home_wrapper-small article h2 a,
|
||||
.search-results main section .home_wrapper-small .archivetitle h2,
|
||||
.search-results main section .home_wrapper-small .archivetitle h2 a,
|
||||
.search-results main section .home_wrapper-small .archivedescription h2,
|
||||
.search-results main section .home_wrapper-small .archivedescription h2 a {
|
||||
font-size: 2.2rem; } }
|
||||
@media (min-width: 769px) {
|
||||
.archive main section .home-wrapper-small article h2,
|
||||
.archive main section .home-wrapper-small .archivetitle h2,
|
||||
.archive main section .home-wrapper-small .archivedescription h2,
|
||||
.home main section .home-wrapper-small article h2,
|
||||
.home main section .home-wrapper-small .archivetitle h2,
|
||||
.home main section .home-wrapper-small .archivedescription h2 {
|
||||
.archive main section .home_wrapper-small article h2,
|
||||
.archive main section .home_wrapper-small .archivetitle h2,
|
||||
.archive main section .home_wrapper-small .archivedescription h2,
|
||||
.home main section .home_wrapper-small article h2,
|
||||
.home main section .home_wrapper-small .archivetitle h2,
|
||||
.home main section .home_wrapper-small .archivedescription h2, .search-results main section .home_wrapper-small article h2,
|
||||
.search-results main section .home_wrapper-small .archivetitle h2,
|
||||
.search-results main section .home_wrapper-small .archivedescription h2 {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
@@ -1397,20 +1442,24 @@ object {
|
||||
height: 100%;
|
||||
padding-left: 4rem; } }
|
||||
@media (min-width: 769px) and (min-width: 1279px) {
|
||||
.archive main section .home-wrapper-small article h2,
|
||||
.archive main section .home-wrapper-small .archivetitle h2,
|
||||
.archive main section .home-wrapper-small .archivedescription h2,
|
||||
.home main section .home-wrapper-small article h2,
|
||||
.home main section .home-wrapper-small .archivetitle h2,
|
||||
.home main section .home-wrapper-small .archivedescription h2 {
|
||||
.archive main section .home_wrapper-small article h2,
|
||||
.archive main section .home_wrapper-small .archivetitle h2,
|
||||
.archive main section .home_wrapper-small .archivedescription h2,
|
||||
.home main section .home_wrapper-small article h2,
|
||||
.home main section .home_wrapper-small .archivetitle h2,
|
||||
.home main section .home_wrapper-small .archivedescription h2, .search-results main section .home_wrapper-small article h2,
|
||||
.search-results main section .home_wrapper-small .archivetitle h2,
|
||||
.search-results main section .home_wrapper-small .archivedescription h2 {
|
||||
padding: 5rem; } }
|
||||
@media (min-width: 769px) {
|
||||
.archive main section .home-wrapper-small article h2 a,
|
||||
.archive main section .home-wrapper-small .archivetitle h2 a,
|
||||
.archive main section .home-wrapper-small .archivedescription h2 a,
|
||||
.home main section .home-wrapper-small article h2 a,
|
||||
.home main section .home-wrapper-small .archivetitle h2 a,
|
||||
.home main section .home-wrapper-small .archivedescription h2 a {
|
||||
.archive main section .home_wrapper-small article h2 a,
|
||||
.archive main section .home_wrapper-small .archivetitle h2 a,
|
||||
.archive main section .home_wrapper-small .archivedescription h2 a,
|
||||
.home main section .home_wrapper-small article h2 a,
|
||||
.home main section .home_wrapper-small .archivetitle h2 a,
|
||||
.home main section .home_wrapper-small .archivedescription h2 a, .search-results main section .home_wrapper-small article h2 a,
|
||||
.search-results main section .home_wrapper-small .archivetitle h2 a,
|
||||
.search-results main section .home_wrapper-small .archivedescription h2 a {
|
||||
bottom: 7rem;
|
||||
width: calc(100% - 8rem);
|
||||
height: -moz-max-content;
|
||||
@@ -1419,19 +1468,21 @@ object {
|
||||
height: fit-content;
|
||||
position: absolute; } }
|
||||
@media (min-width: 769px) and (min-width: 1279px) {
|
||||
.archive main section .home-wrapper-small article h2 a,
|
||||
.archive main section .home-wrapper-small .archivetitle h2 a,
|
||||
.archive main section .home-wrapper-small .archivedescription h2 a,
|
||||
.home main section .home-wrapper-small article h2 a,
|
||||
.home main section .home-wrapper-small .archivetitle h2 a,
|
||||
.home main section .home-wrapper-small .archivedescription h2 a {
|
||||
.archive main section .home_wrapper-small article h2 a,
|
||||
.archive main section .home_wrapper-small .archivetitle h2 a,
|
||||
.archive main section .home_wrapper-small .archivedescription h2 a,
|
||||
.home main section .home_wrapper-small article h2 a,
|
||||
.home main section .home_wrapper-small .archivetitle h2 a,
|
||||
.home main section .home_wrapper-small .archivedescription h2 a, .search-results main section .home_wrapper-small article h2 a,
|
||||
.search-results main section .home_wrapper-small .archivetitle h2 a,
|
||||
.search-results main section .home_wrapper-small .archivedescription h2 a {
|
||||
width: calc(100% - 10rem); } }
|
||||
@media (min-width: 769px) {
|
||||
.archive main section .home-wrapper-small article,
|
||||
.home main section .home-wrapper-small article {
|
||||
.archive main section .home_wrapper-small article,
|
||||
.home main section .home_wrapper-small article, .search-results main section .home_wrapper-small article {
|
||||
cursor: pointer; }
|
||||
.archive main section .home-wrapper-small .archivetitle,
|
||||
.home main section .home-wrapper-small .archivetitle {
|
||||
.archive main section .home_wrapper-small .archivetitle,
|
||||
.home main section .home_wrapper-small .archivetitle, .search-results main section .home_wrapper-small .archivetitle {
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
@@ -1443,8 +1494,8 @@ object {
|
||||
padding: 2rem 0;
|
||||
text-align: center;
|
||||
border-right: #000 1px solid; }
|
||||
.archive main section .home-wrapper-small .archivetitle::after,
|
||||
.home main section .home-wrapper-small .archivetitle::after {
|
||||
.archive main section .home_wrapper-small .archivetitle::after,
|
||||
.home main section .home_wrapper-small .archivetitle::after, .search-results main section .home_wrapper-small .archivetitle::after {
|
||||
position: absolute;
|
||||
content: "";
|
||||
display: block;
|
||||
@@ -1455,8 +1506,8 @@ object {
|
||||
background-color: transparent;
|
||||
left: calc(5rem);
|
||||
margin-left: -0; }
|
||||
.archive main section .home-wrapper-small .archivetitle::before,
|
||||
.home main section .home-wrapper-small .archivetitle::before {
|
||||
.archive main section .home_wrapper-small .archivetitle::before,
|
||||
.home main section .home_wrapper-small .archivetitle::before, .search-results main section .home_wrapper-small .archivetitle::before {
|
||||
display: block;
|
||||
content: "";
|
||||
position: absolute;
|
||||
@@ -1474,43 +1525,43 @@ object {
|
||||
transform: skewX(-45deg);
|
||||
transform-origin: left bottom;
|
||||
border-top: #000 solid 1px; }
|
||||
.archive main section .home-wrapper-small .archivetitle h1,
|
||||
.home main section .home-wrapper-small .archivetitle h1 {
|
||||
.archive main section .home_wrapper-small .archivetitle h1,
|
||||
.home main section .home_wrapper-small .archivetitle h1, .search-results main section .home_wrapper-small .archivetitle h1 {
|
||||
font: bold 3rem "Westeinde Caption";
|
||||
color: #000;
|
||||
margin: 0 auto; } }
|
||||
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2.1) {
|
||||
.archive main section .home-wrapper-small .archivetitle h1,
|
||||
.home main section .home-wrapper-small .archivetitle h1 {
|
||||
.archive main section .home_wrapper-small .archivetitle h1,
|
||||
.home main section .home_wrapper-small .archivetitle h1, .search-results main section .home_wrapper-small .archivetitle h1 {
|
||||
font-size: 2.5rem !important; } }
|
||||
@media (min-width: 769px) and (min-width: 769px) {
|
||||
.archive main section .home-wrapper-small .archivetitle h1,
|
||||
.home main section .home-wrapper-small .archivetitle h1 {
|
||||
.archive main section .home_wrapper-small .archivetitle h1,
|
||||
.home main section .home_wrapper-small .archivetitle h1, .search-results main section .home_wrapper-small .archivetitle h1 {
|
||||
font-size: 6rem; } }
|
||||
@media (min-width: 769px) and (min-width: 1279px) {
|
||||
.archive main section .home-wrapper-small .archivetitle h1,
|
||||
.home main section .home-wrapper-small .archivetitle h1 {
|
||||
.archive main section .home_wrapper-small .archivetitle h1,
|
||||
.home main section .home_wrapper-small .archivetitle h1, .search-results main section .home_wrapper-small .archivetitle h1 {
|
||||
font-size: 7.5rem; } }
|
||||
@media (min-width: 769px) and (min-width: 1919px) {
|
||||
.archive main section .home-wrapper-small .archivetitle h1,
|
||||
.home main section .home-wrapper-small .archivetitle h1 {
|
||||
.archive main section .home_wrapper-small .archivetitle h1,
|
||||
.home main section .home_wrapper-small .archivetitle h1, .search-results main section .home_wrapper-small .archivetitle h1 {
|
||||
font-size: 11rem; } }
|
||||
@media (min-width: 769px) {
|
||||
.archive main section .home-wrapper-small .archivetitle.tag,
|
||||
.home main section .home-wrapper-small .archivetitle.tag {
|
||||
.archive main section .home_wrapper-small .archivetitle.tag,
|
||||
.home main section .home_wrapper-small .archivetitle.tag, .search-results main section .home_wrapper-small .archivetitle.tag {
|
||||
order: 1; }
|
||||
.archive main section .home-wrapper-small .archivetitle.tag h1,
|
||||
.home main section .home-wrapper-small .archivetitle.tag h1 {
|
||||
.archive main section .home_wrapper-small .archivetitle.tag h1,
|
||||
.home main section .home_wrapper-small .archivetitle.tag h1, .search-results main section .home_wrapper-small .archivetitle.tag h1 {
|
||||
text-transform: uppercase; }
|
||||
.archive main section .home-wrapper-small .archivetitle > object,
|
||||
.home main section .home-wrapper-small .archivetitle > object {
|
||||
.archive main section .home_wrapper-small .archivetitle > object,
|
||||
.home main section .home_wrapper-small .archivetitle > object, .search-results main section .home_wrapper-small .archivetitle > object {
|
||||
position: absolute;
|
||||
top: 2rem;
|
||||
right: 2rem;
|
||||
width: 5rem;
|
||||
height: 5rem; }
|
||||
.archive main section .home-wrapper-small .archivedescription,
|
||||
.home main section .home-wrapper-small .archivedescription {
|
||||
.archive main section .home_wrapper-small .archivedescription,
|
||||
.home main section .home_wrapper-small .archivedescription, .search-results main section .home_wrapper-small .archivedescription {
|
||||
order: 4;
|
||||
border-top: #000 1px solid;
|
||||
border-right: #000 1px solid;
|
||||
@@ -1524,16 +1575,22 @@ object {
|
||||
justify-content: flex-end;
|
||||
align-items: flex-start;
|
||||
padding: 2rem; }
|
||||
.archive main section .home-wrapper-small .archivedescription p,
|
||||
.home main section .home-wrapper-small .archivedescription p {
|
||||
.archive main section .home_wrapper-small .archivedescription p,
|
||||
.home main section .home_wrapper-small .archivedescription p, .search-results main section .home_wrapper-small .archivedescription p {
|
||||
margin: 0;
|
||||
font: bold 1rem "Butler";
|
||||
color: #000; } }
|
||||
@media (min-width: 769px) and (min-width: 769px) {
|
||||
.archive main section .home-wrapper-small .archivedescription p,
|
||||
.home main section .home-wrapper-small .archivedescription p {
|
||||
.archive main section .home_wrapper-small .archivedescription p,
|
||||
.home main section .home_wrapper-small .archivedescription p, .search-results main section .home_wrapper-small .archivedescription p {
|
||||
font-size: 1.2rem; } }
|
||||
|
||||
/* -------------------------------------------------------------------------- */
|
||||
/* Search results */
|
||||
/* -------------------------------------------------------------------------- */
|
||||
.search-results #content .archivetitle {
|
||||
word-wrap: break-word; }
|
||||
|
||||
/* -------------------------------------------------------------------------- */
|
||||
/* Events */
|
||||
/* -------------------------------------------------------------------------- */
|
||||
|
||||
Reference in New Issue
Block a user