cat, home, tag,search pages
This commit is contained in:
infeeeee
298
css/base.css
298
css/base.css
@@ -846,18 +846,21 @@ object {
|
||||
|
||||
@media (min-width: 769px) {
|
||||
.touchevents .archive,
|
||||
.touchevents .home, .touchevents .search-results {
|
||||
.touchevents .home,
|
||||
.touchevents .search-results {
|
||||
overflow-y: hidden; } }
|
||||
|
||||
/* -------------------------------------------------------------------------- */
|
||||
/* ARCHIVE AND HOMEPAGE */
|
||||
/* -------------------------------------------------------------------------- */
|
||||
.archive .wrapper,
|
||||
.home .wrapper, .search-results .wrapper {
|
||||
.home .wrapper,
|
||||
.search-results .wrapper {
|
||||
/* ----------------------------- header on home ----------------------------- */ }
|
||||
@media (min-width: 769px) {
|
||||
.archive .wrapper,
|
||||
.home .wrapper, .search-results .wrapper {
|
||||
.home .wrapper,
|
||||
.search-results .wrapper {
|
||||
overflow-y: hidden;
|
||||
width: -moz-max-content;
|
||||
width: max-content;
|
||||
@@ -866,7 +869,8 @@ object {
|
||||
min-width: 100vw; } }
|
||||
@media (min-width: 769px) {
|
||||
.archive .wrapper .header .header-scroll,
|
||||
.home .wrapper .header .header-scroll, .search-results .wrapper .header .header-scroll {
|
||||
.home .wrapper .header .header-scroll,
|
||||
.search-results .wrapper .header .header-scroll {
|
||||
display: block;
|
||||
position: fixed;
|
||||
height: 100vh;
|
||||
@@ -874,25 +878,31 @@ object {
|
||||
flex: 1 0 auto !important;
|
||||
top: 0; } }
|
||||
.archive .wrapper .header .header-scroll.header-scroll-left,
|
||||
.home .wrapper .header .header-scroll.header-scroll-left, .search-results .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, .search-results .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, .search-results .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, .search-results .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, .search-results .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, .search-results main {
|
||||
.home main,
|
||||
.search-results main {
|
||||
height: 100vh;
|
||||
width: -moz-max-content;
|
||||
width: max-content;
|
||||
@@ -901,14 +911,16 @@ object {
|
||||
position: relative; } }
|
||||
|
||||
.archive main section,
|
||||
.home main section, .search-results 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, .search-results main section {
|
||||
.home main section,
|
||||
.search-results main section {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
margin: 0;
|
||||
@@ -918,48 +930,58 @@ object {
|
||||
width: -moz-fit-content;
|
||||
width: fit-content; } }
|
||||
.archive main section article,
|
||||
.home main section article, .search-results main section article {
|
||||
.home main section article,
|
||||
.search-results main section article {
|
||||
height: 100vh; }
|
||||
.archive main section article > a,
|
||||
.home main section article > a, .search-results 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, .search-results 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, .search-results 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, .search-results 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, .search-results 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, .search-results 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, .search-results 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, .search-results 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, .search-results main section article .metadata {
|
||||
.home main section article .metadata,
|
||||
.search-results main section article .metadata {
|
||||
bottom: 50%;
|
||||
height: 5rem;
|
||||
display: flex;
|
||||
@@ -972,7 +994,8 @@ object {
|
||||
align-items: center;
|
||||
padding: 0; }
|
||||
.archive main section article .metadata .vr,
|
||||
.home main section article .metadata .vr, .search-results 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;
|
||||
@@ -984,17 +1007,20 @@ 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, .search-results main section article .metadata .bevezeto,
|
||||
.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, .search-results 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, .search-results 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);
|
||||
@@ -1007,19 +1033,22 @@ object {
|
||||
/* -------------------------- home article metadata big------------------------- */
|
||||
/* ------------------------- home article big hover ------------------------- */ }
|
||||
.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 {
|
||||
.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, .search-results 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, .search-results 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;
|
||||
@@ -1027,7 +1056,8 @@ object {
|
||||
padding-right: 2rem;
|
||||
width: calc(100vw - 25rem); }
|
||||
.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 {
|
||||
.home main section .home_wrapper-big article .metadata,
|
||||
.search-results main section .home_wrapper-big article .metadata {
|
||||
bottom: 0;
|
||||
background: transparent;
|
||||
width: 100%;
|
||||
@@ -1040,35 +1070,43 @@ object {
|
||||
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, .search-results 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, .search-results 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, .search-results 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, .search-results 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, .search-results 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, .search-results 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, .search-results 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, .search-results 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);
|
||||
@@ -1081,7 +1119,8 @@ object {
|
||||
width: 20rem;
|
||||
margin: 0 -3rem; }
|
||||
.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 {
|
||||
.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;
|
||||
@@ -1089,23 +1128,27 @@ object {
|
||||
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, .search-results 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, .search-results 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, .search-results 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, .search-results 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;
|
||||
@@ -1113,16 +1156,19 @@ object {
|
||||
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, .search-results 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, .search-results 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, .search-results 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;
|
||||
@@ -1134,7 +1180,8 @@ object {
|
||||
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, .search-results 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;
|
||||
@@ -1153,19 +1200,24 @@ object {
|
||||
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, .search-results 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, .search-results 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, .search-results 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, .search-results 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, .search-results 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;
|
||||
@@ -1177,7 +1229,8 @@ object {
|
||||
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, .search-results 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;
|
||||
@@ -1195,18 +1248,22 @@ object {
|
||||
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, .search-results 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, .search-results 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, .search-results 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, .search-results 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);
|
||||
@@ -1217,17 +1274,20 @@ object {
|
||||
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), .search-results 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, .search-results 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, .search-results main section .home_wrapper-small article,
|
||||
.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);
|
||||
@@ -1238,7 +1298,8 @@ object {
|
||||
.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,
|
||||
.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%;
|
||||
@@ -1248,7 +1309,8 @@ object {
|
||||
.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,
|
||||
.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%;
|
||||
@@ -1259,7 +1321,8 @@ object {
|
||||
.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,
|
||||
.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%;
|
||||
@@ -1280,7 +1343,8 @@ object {
|
||||
.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,
|
||||
.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;
|
||||
@@ -1298,7 +1362,8 @@ object {
|
||||
.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,
|
||||
.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;
|
||||
@@ -1323,7 +1388,8 @@ object {
|
||||
.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,
|
||||
.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; }
|
||||
@@ -1338,7 +1404,8 @@ object {
|
||||
.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,
|
||||
.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,
|
||||
@@ -1358,7 +1425,8 @@ object {
|
||||
.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,
|
||||
.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,
|
||||
@@ -1371,7 +1439,8 @@ object {
|
||||
.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,
|
||||
.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;
|
||||
@@ -1382,7 +1451,8 @@ object {
|
||||
.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,
|
||||
.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;
|
||||
@@ -1399,7 +1469,8 @@ object {
|
||||
.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,
|
||||
.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,
|
||||
@@ -1419,7 +1490,8 @@ object {
|
||||
.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,
|
||||
.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,
|
||||
@@ -1432,7 +1504,8 @@ object {
|
||||
.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,
|
||||
.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;
|
||||
@@ -1447,7 +1520,8 @@ object {
|
||||
.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,
|
||||
.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; } }
|
||||
@@ -1457,7 +1531,8 @@ object {
|
||||
.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,
|
||||
.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;
|
||||
@@ -1473,29 +1548,33 @@ object {
|
||||
.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,
|
||||
.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, .search-results 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, .search-results 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%;
|
||||
width: calc(100% / 3);
|
||||
position: relative;
|
||||
bottom: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-end;
|
||||
align-items: flex-start;
|
||||
padding: 2rem 0;
|
||||
padding: 1rem 2rem;
|
||||
text-align: center;
|
||||
border-right: #000 1px solid; }
|
||||
.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 {
|
||||
.home main section .home_wrapper-small .archivetitle::after,
|
||||
.search-results main section .home_wrapper-small .archivetitle::after {
|
||||
position: absolute;
|
||||
content: "";
|
||||
display: block;
|
||||
@@ -1507,7 +1586,8 @@ object {
|
||||
left: calc(5rem);
|
||||
margin-left: -0; }
|
||||
.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 {
|
||||
.home main section .home_wrapper-small .archivetitle::before,
|
||||
.search-results main section .home_wrapper-small .archivetitle::before {
|
||||
display: block;
|
||||
content: "";
|
||||
position: absolute;
|
||||
@@ -1526,42 +1606,54 @@ object {
|
||||
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, .search-results 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; } }
|
||||
margin: 0;
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: left; } }
|
||||
@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, .search-results 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, .search-results 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, .search-results 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, .search-results 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, .search-results 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, .search-results 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, .search-results 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, .search-results 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;
|
||||
@@ -1576,20 +1668,38 @@ object {
|
||||
align-items: flex-start;
|
||||
padding: 2rem; }
|
||||
.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 {
|
||||
.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, .search-results 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; } }
|
||||
@media (min-width: 769px) and (min-width: 1279px) {
|
||||
.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.8rem; } }
|
||||
|
||||
/* -------------------------------------------------------------------------- */
|
||||
/* Search results */
|
||||
/* -------------------------------------------------------------------------- */
|
||||
.search-results #content .archivetitle {
|
||||
word-wrap: break-word; }
|
||||
@media (min-width: 769px) {
|
||||
.search-results #content .archivetitle h1 {
|
||||
font-size: 1.5rem;
|
||||
color: #000; } }
|
||||
@media (min-width: 1279px) {
|
||||
.search-results #content .archivetitle h1 {
|
||||
font-size: 2.2rem; } }
|
||||
|
||||
@media (min-width: 769px) {
|
||||
.search-no-results main {
|
||||
padding: 0 20rem; } }
|
||||
|
||||
/* -------------------------------------------------------------------------- */
|
||||
/* Events */
|
||||
|
||||
Reference in New Issue
Block a user